/* Kirti Add New Style 
 -------------------------- */
 .importance-style .row.box-style {
     position: relative;
     padding: 30px;
     box-shadow: 0 3px 10px #1b94ff69;
     border-radius: 25px;
     z-index: 3;
 }

 .importance-style .row.box-style::before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 25px;
     border-left: 15px solid #1b94ff63;
     left: 0;
     border-bottom: 15px solid #1b94ff69;
     top: 0;
     z-index: -1;
 }
.banner-style-one .content {
    padding-top: 100px!important;
    padding-bottom: 60px!important;
}
.banner-style-one .content .thumb img {
    max-width: 100%!important;
}
 html,
 body {
     overflow-x: hidden;
 }

 /* Whatsapp Message Template Section */
 .whatsapp-template-section {
     padding-bottom: 30px;
     background: #f8fafc;
     text-align: center;
     font-family: 'Segoe UI', sans-serif;
 }

 .section-heading {
     font-size: 30px;
     font-weight: bold;
     color: #222;
     margin-bottom: 40px;
 }

 .template-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
     gap: 30px;
     max-width: 1200px;
     margin: 0 auto;
 }

 .template-card {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     background: #ffffff;
     border-radius: 14px;
     overflow: hidden;
     transition: transform 0.3s ease;
     user-select: none;
     height: 100%;
 }

 .template-card:hover {
     transform: translateY(-5px);
 }

 .template-title {
     align-items: center;
     gap: 8px;
     padding: 12px 28px;
     background-color: #dcf6e4;
     color: black;
     font-weight: bold;
     font-size: 15px;
     text-transform: uppercase;
     text-decoration: none;
     border-bottom: 1px solid white;
 }

 .template-img img {
     width: 100%;
     height: auto;
     display: block;
     border-bottom: 1px solid #eee;
 }

 .enquiry-btn {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     padding: 12px 28px;
     background-color: var(--color-primary);
     color: #fff;
     font-weight: bold;
     font-size: 15px;
     text-transform: uppercase;
     text-decoration: none;
     transition: all 0.3s ease;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
 }

 .enquiry-btn:hover {
     background-color: var(--color-primary);
     background-color: #194182;
     color: white;
     box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
 }

 .enquiry-btn i {
     font-size: 18px;
 }

 /* top-para */
 .styled-paragraph {
     text-align: center;
     padding: 40px 20px;
     background: #f9fbff;
 }

 .styled-paragraph p {
     font-size: 20px;
     line-height: 1.8;
     max-width: 1000px;
     margin: 0 auto;
     color: #111;
     text-align: center;
     background: #ffffff;
     padding: 25px 35px;
     border-radius: 12px;
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
     transition: 0.3s ease;
     border-left: 6px solid var(--color-primary);
     border-right: 6px solid var(--color-primary);
     animation: floatBox 4s ease-in-out infinite, borderMove 2s linear infinite;
 }

 .styled-paragraph p:hover {
     transform: translateY(-6px);
     box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15);
 }

 @keyframes floatBox {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-8px);
     }
 }

 @keyframes borderMove {
     0% {
         border-color: var(--color-primary);
     }

     50% {
         border-color: #0c5adb;
     }

     100% {
         border-color: var(--color-primary);
     }
 }

 @media (max-width: 991px) {
     .styled-paragraph p {
         font-size: 18px;
         padding: 20px 25px;
         line-height: 1.7;
         max-width: 90%;
     }
 }

 @media (max-width: 576px) {
     .styled-paragraph {
         padding: 25px 10px;
     }

     .styled-paragraph p {
         font-size: 16px;
         padding: 15px 20px;
         line-height: 1.6;
         border-left: 4px solid var(--color-primary);
         border-right: 4px solid var(--color-primary);
     }
 }

 .marketing-section {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 40px;
     max-width: 1200px;
     margin: 40px auto;
     padding: 40px;
     background: #fff;
     border-radius: 15px;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
     transition: 0.3s ease-in-out;
 }

 .marketing-section:hover {
     transform: translateY(-5px);
 }

 .marketing-image {
     flex: 1;
     text-align: center;
 }

 .marketing-image img {
     width: 100%;
     max-width: 450px;
     border-radius: 15px;
     object-fit: cover;
 }

 .marketing-content {
     flex: 1.2;
 }

 .marketing-content h2 {
     color: #0056d2;
     font-size: 28px;
     margin-bottom: 20px;
     line-height: 1.3;
 }

 .marketing-content p {
     color: #444;
     font-size: 18px;
     line-height: 1.6;
     margin-bottom: 15px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .marketing-content p i {
     color: #0056d2;
     font-size: 16px;
 }

 /* Tablet View */
 @media (max-width: 992px) {
     .marketing-section {
         gap: 25px;
         padding: 25px;
     }

     .marketing-content h2 {
         font-size: 24px;
     }

     .marketing-content p {
         font-size: 16px;
     }
 }

 /* Mobile View */
 @media (max-width: 768px) {
     .marketing-section {
         flex-direction: column;
         text-align: center;
         padding: 20px;
     }

     .marketing-image img {
         max-width: 100%;
     }

     .marketing-content h2 {
         font-size: 22px;
     }

     .marketing-content p {
         font-size: 15px;
         justify-content: flex-start;
     }

     .details-sec {
         padding: 0px;
     }
 }


 .fa-bullhorn {
     color: var(--color-primary);
 }

 /* samplemsg heading & Button */
 .samp-msg-ttl {
     font-weight: bold;
     color: black;
     font-size: 24px;
     margin-top: 15px;
 }

 .test-now-btn {
     display: inline-block;
     padding: 10px 20px;
     background: var(--color-primary);
     color: #fff;
     font-weight: 600;
     font-size: 16px;
     border-radius: 50px;
     text-decoration: none;
     transition: all 0.3s ease;
     position: relative;
     overflow: hidden;
 }

 .test-now-btn:hover {
     background: #194182;
     color: #fff;
     transform: translateY(-2px);
     text-decoration: none;
 }

 .process-image {
     width: 100%;
     height: auto;
     max-width: 100%;
     border-radius: 12px;
     object-fit: cover;
 }

 .process-video {
     width: 100%;
     max-width: 100%;
     height: 450px;
     object-fit: contain;
 }

 .highlighted-quote {
     background: #f0f8ff;
     border-left: 6px solid #0c5adb;
     border-right: 6px solid #0c5adb;
     border-radius: 15px;
     padding: 20px 30px;
     margin: 35px auto;
     box-shadow: 0 10px 25px rgba(0, 40, 97, 0.15);
     max-width: 900px;
     /* slightly smaller for better balance */
     position: relative;
     animation: floatBox 4s ease-in-out infinite, borderMove 2s linear infinite;
     text-align: center;
     transition: all 0.3s ease-in-out;
 }

 .highlighted-quote h2 {
     font-size: 1.8rem;
     font-weight: 700;
     color: #1e1e2f;
     line-height: 1.5;
     margin: 0;
     word-break: break-word;
 }

 .highlighted-quote h2 em {
     font-style: normal;
 }

 @media (max-width: 576px) {
     .highlighted-quote {
         padding: 12px 15px;
         margin: 15px 10px;
         border-left: 3px solid #0c5adb;
         border-right: 3px solid #0c5adb;
         max-width: 95%;
     }

     .highlighted-quote h2 {
         font-size: 1.1rem !important;
         line-height: 1.4;
     }
 }

 @media (min-width: 577px) and (max-width: 991px) {
     .highlighted-quote {
         padding: 18px 25px;
         margin: 25px auto;
         border-left: 4px solid #0c5adb;
         border-right: 4px solid #0c5adb;
         max-width: 95%;
     }

     .highlighted-quote h2 {
         font-size: 1.4rem !important;
         line-height: 1.45;
     }
 }

 @media (min-width: 992px) {
     .highlighted-quote h2 {
         font-size: 1.7rem;
     }
 }

 /* Edu-Section Start */
 .edu-marketing-section {
     background: #f8f9fa;
 }

 .edu-title {
     font-weight: 700;
     line-height: 1.4;
 }

 .edu-desc {
     font-size: 18px;
     color: #555;
     line-height: 1.6;
     margin-bottom: 25px;
 }

 .edu-feature-list {
     list-style: none;
     padding-left: 0;
 }

 .edu-feature-list li {
     margin-bottom: 20px;
 }

 .edu-feature-list h5 {
     font-size: 17px;
     font-weight: 600;
     color: #333;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .edu-feature-list p {
     color: #555;
     font-size: 17px;
     line-height: 1.6;
     margin: 5px 0 0 28px;
 }

 .edu-icon {
     color: var(--color-primary);
     font-size: 18px;
 }

 .edu-image {
     border-radius: 10px;
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
     max-width: 100%;
     height: auto;
 }

 @media (max-width: 767px) {
     .edu-title {
         font-size: 22px;
         text-align: center;
         margin-top: 15px;
     }

     .edu-image-wrapper {
         margin-top: 30px;
     }
 }

 .Benefit-title {
     color: #177400;
     font-weight: 500;
     font-size: 25px;
     padding: 10px 0px;
     border-left: 4px solid #177400;
     border-right: 4px solid #177400;
     border-radius: 8px;
     box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
     position: relative;
     overflow: hidden;
     background: linear-gradient(120deg, #e0ffe0, #ffffff, #c0ffc0);
     background-size: 200% 100%;
     animation: slide-bg 4s linear infinite;
 }

 /* Animation Keyframes */
 @keyframes slide-bg {
     0% {
         background-position: 200% 0;
     }

     100% {
         background-position: -200% 0;
     }
 }

 /* SMS Card Style */
 .mySwiper {
     padding: 20px 0;
 }

 .swiper-slide {
     background: #fff;
     border-radius: 12px;
     padding: 20px 10px 10px 10px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 }

 @media (min-width: 992px) {
     .mySwiper .swiper-wrapper {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         transform: none !important;
     }

     .mySwiper .swiper-slide {
         width: calc(33.33% - 30px);
         margin: 15px;
     }
 }

 /* Whatsapp temp slide */
 .myWhatsappSwiper {
     padding: 20px 0;
 }

 .wap-temp .swiper-slide {
     padding: 0px;
     box-shadow: none;
 }

 @media (min-width: 992px) {
     .myWhatsappSwiper .swiper-wrapper {
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         transform: none !important;
     }


     .myWhatsappSwiper .swiper-slide {
         width: calc(33.33% - 30px);
         margin: 15px;
     }
 }

 /*.modal-body {*/
 /*    padding: 0px;*/
 /*}*/

 /*.modal-content {*/
 /*    border-radius: 15px;*/
 /*    border: none;*/
 /*}*/

 /*.form-control:disabled,*/
 /*.form-control[readonly] {*/
 /*    background-color: transparent;*/
 /*    opacity: 1;*/
 /*}*/

 .star-rating {
     color: #FFD700;
     font-size: 14px;
     margin-top: 5px;
 }

 .star-rating i {
     margin-right: 2px;
 }


 /*.badge {*/
 /*    background: linear-gradient(90deg, #ff9900, #ff5e00);*/
 /*    padding: 8px 16px;*/
 /*    border-radius: 30px;*/
 /*    color: #fff !important;*/
 /*    font-weight: bold;*/
 /*    font-size: 13px;*/
 /*    display: inline-block;*/
 /*    margin-bottom: 15px;*/
 /*}*/

 /*.quick-contact-widget .form-control {*/
 /*    display: block;*/
 /*    width: 100%;*/
 /*    padding: 8px 16px;*/
 /*    font-size: 1rem;*/
 /*    font-weight: 400;*/
 /*    line-height: 1.5;*/
 /*    color: #ffffff;*/
 /*    background-color: transparent;*/
 /*    background-clip: padding-box;*/
 /*    border: 1px solid #ced4da;*/
 /*    -webkit-appearance: none;*/
 /*    -moz-appearance: none;*/
 /*    appearance: none;*/
 /*    border-radius: 1.25rem;*/
 /*    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;*/
 /*}*/

 /* Custom points styling */
 .accordion-body ul {
     list-style: none;
     padding-left: 0;
     margin: 0;
 }

 .accordion-body ul li {
     position: relative;
     padding-left: 32px;
     font-size: 18px;
     line-height: 1.8;
     color: var(--color-paragraph);
     transition: all 0.3s ease;
 }

 .accordion-body ul li::before {
     content: "✔";
     position: absolute;
     left: 0;
     top: 2px;
     font-size: 18px;
     color: #007bff;
     font-weight: bold;
     transition: transform 0.3s ease, color 0.3s ease;
 }

 /* Hover effect */
 .accordion-body ul li:hover {
     transform: translateX(5px);
 }


 /* SMS Template Section */
 .samp-msg-ttl {
     font-size: 22px;
     font-weight: 700;
     color: #222;
     margin-bottom: 12px;
 }

 .sms-box {
     padding: 0px 18px;
     min-height: 140px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
 }

 .sms-box h4 {
     font-size: 18px;
     font-weight: 500;
     color: #444;
     line-height: 1.5;
     margin: 0;
 }

 @media only screen and (max-width: 768px) {
     .banner-style-one .info p {
         text-align: center;
     }
     .blockquote.catchy-blockquote h2 {
    font-weight: 800;
    color: #930b00;
    text-shadow: 2px 4px 2px #ffffff;
    font-size: 18px;
}
 }

 /* Tablet view */
 @media (max-width: 992px) {
     .services-details-area h2 {
         font-size: 27px;
         margin-bottom: 25px;
     }
     .blockquote.catchy-blockquote h2 {
    font-weight: 800;
    color: #930b00;
    text-shadow: 2px 4px 2px #ffffff;
    font-size: 20px!important;
}
 }

 /* Mobile view */
 @media (max-width: 576px) {
     .services-details-area h2 {
         font-size: 25px;
         margin-bottom: 20px;
         text-align: center;
     }
 }

 @media (max-width: 776px) {
     .bg-gradient .sub-heading {
         display: flex;
         justify-content: center;
     }
     .blockquote.catchy-blockquote h2 {
    font-weight: 800;
    color: #930b00;
    text-shadow: 2px 4px 2px #ffffff;
    font-size: 18px!important;
}
 }
 @media (max-width: 1024px) {
.blockquote.catchy-blockquote h2 {
    font-weight: 800;
    color: #930b00;
    text-shadow: 2px 4px 2px #ffffff;
    font-size: 32px!important;
}
}
 /* Mobile view */
 @media (max-width: 767px) {

     .info .sub-title,
     .info .title {
         display: flex;
         justify-content: center;
         text-align: center !important;
     }

     .expertise-area {
         padding-bottom: 0px;
     }
 }
 
 

        .shape-top-right {
            position: absolute;
            left: 0;
            bottom: -5px;
            height: 20%;
            width: 100%;
            background-size: cover;
            background-position: bottom;
            background-repeat: no-repeat;
            /* z-index: -3; */
            /* background-blend-mode: inherit; */
            /* background-color: #f0f8ff;*/
        }

        .nice-select {
            -webkit-tap-highlight-color: transparent;
            background-color: #f8f8f8;
            border: solid 1px #e8e8e8;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            clear: both;
            cursor: pointer;
            display: block;
            float: left;
            font-family: inherit;
            font-size: 16px;
            font-weight: normal;
            height: 42px;
            line-height: 32px;
            outline: none;
            padding-left: 18px;
            padding-right: 30px;
            position: relative;
            text-align: left !important;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            white-space: nowrap;
            width: 100%;
            margin-bottom: 15px;
        }
         
        .ty {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 20px;
            box-shadow: 0 4px 20px #fd7e14;
        }

        .divider {
            position: relative;
            height: 4px;
            background: #ddd;
            /* base line */
            overflow: hidden;
        }

        .divider:before {
            content: '';
            position: absolute;
            top: 0;
            left: -30%;
            height: 100%;
            width: 30%;
            background: #000;
            /* animated bar overlaps divider */

            animation: slide-bar 5s infinite linear;
        }

        @keyframes slide-bar {
            0% {
                left: -30%;
            }

            50% {
                left: 100%;
            }

            100% {
                left: -30%;
            }
        }

        .small-check {
            width: 14px !important;
            min-height: 14px !important;
            margin-top: -4px;
        }

        .gif-img h3 {
            font-size: 27px;
            font-style: italic;
            color: var(--bs-yellow)!important;
        }
        .gif-img dotlottie-wc{
            margin-top:-30px;
        }

       .quick-contact-widget i {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-weight: 100;
    background: #ffffff;
    color: #0c5adb;
    font-size: 22px;
    border-radius: 50%;
    margin-bottom: 40px;
    margin-left: 25px;
    position: relative;
    transform: rotate(87deg);
    overflow: visible;
}
       .quick-contact-widget i::after {
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    height: 40px;
    width: 40px;
    background: #ffffff;
    z-index: -1;
    border-radius: 50%;
    opacity: 0.8;
    animation: ripple 2s infinite ease-out;
}
.gif-img a{
    color: #fbeece!important;
    font-size: 22px;
}



        /* Ripple Animation */
        @keyframes ripple {
            0% {
                transform: scale(1);
                opacity: 0.8;
            }

            70% {
                transform: scale(1.6);
                opacity: 0.3;
            }

            100% {
                transform: scale(2);
                opacity: 0;
            }
        }
        @media only screen and (min-width:768px) and (max-width:991px){
        .gif-img dotlottie-wc {
   
    margin: 0px auto;
}
}


 @media only screen and (min-width:992px) and (max-width:1024px){
.gif-img h3 {
    font-size: 18px;
    font-style: italic;
    color: var(--bs-yellow);
}
.quick-contact-widget i {
    display: inline-block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-weight: 100;
    background: #ffffff;
    color: var(--color-primary);
    font-size: 22px;
    border-radius: 50%;
    margin-bottom: 40px;
    margin-left: -4px;
    position: relative;
    overflow: visible;
}

.gif-img dotlottie-wc{
    height: 255px!important;
        width: 260px!important;
}
}
    
@media (min-width: 992px) and (max-width: 1199px) {
  #captcha_value {
    font-size: 12px !important;
  }
}