@charset "utf-8";
/* CSS Document */
/* :: All Transition */
* {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
}

.title-center-black{position: relative; width: 100%; text-align: center; margin-bottom: 20px;}
.title-center-black h2{text-align: center; font-size: 38px; text-transform: capitalize; font-weight: 600;}

.title-center-wht{position: relative; width: 100%; text-align: center; margin-bottom: 20px;}
.title-center-wht h2{text-align: center; font-size: 38px; text-transform: capitalize; font-weight: 600; color: #ffffff;}

.title-left-black{position: relative; width: 100%; text-align: left; margin-bottom: 20px;}
.title-left-black h2{text-align: left; font-size: 38px; text-transform: capitalize; font-weight: 600;}


.float{position:fixed;width:50px;height:50px;bottom:90px;right:2%;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100}
.hvr-wobble-to-top-right{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}
.my-float{margin-top:10px;color:#fff}
.scroll-top {position: fixed; right: 30px; bottom: 30px; height: 50px; width: 50px; cursor: pointer; display: block; border-radius: 50%; background-color: #131313; z-index: 99; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 300ms linear;}
.scroll-top--active {opacity: 1; visibility: visible; transform: translateY(0);}
.scroll-top::after {position: absolute; content: '↑'; text-align: center; line-height: 50px; font-size: 20px; color: #C2EA1D; left: 0; top: 0; height: 100%; width: 100%; z-index: 1;}
.scroll-top__circle path {stroke: #C2EA1D; stroke-width: 4; fill: none; box-sizing: border-box; transition: all 10ms linear;}
svg.scroll-top__circle {width: 100%; height: 100%;}


.section-footer{width: 100%; position: relative; background: #005665; padding: 0px 0px 0px 0px; }
.section-footer .footer-first{padding: 15px 0px; position: relative;}
.section-footer .footer-first p{color: #f2f2f7; font-size: 14px; text-align: left; padding: 15px 0px; line-height: 28px; margin-bottom: 0px;}

.footer-second{padding: 10px 0px; position: relative; border-top: 1px solid #ffffff; display: flex; align-items: center; justify-content: space-between}
.footer-second .footer-content{font-size: 14px; color: #ffffff;}
.footer-second .footer-content a{color: #ffffff;}

.last-section{width: 100%; position: relative; background: #E8F7F9; padding: 40px 0px 40px 0px;}
.last-section .last-content{position: relative;}
.last-section .last-content p{font-size: 18px; text-align: left; line-height: 30px; margin-bottom: 20px;}
.last-section .last-content .direction-box {text-align: left;}
.last-section .last-content .direction-box .direction-btn {display: inline-flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 28px; background: linear-gradient(135deg, #0f4c81, #1c6ea4); color: #fff; font-size: 16px; font-weight: 500; border-radius: 12px; text-decoration: none; position: relative; overflow: hidden; transition: all 0.4s ease; box-shadow: 0 8px 20px rgba(0,0,0,0.15);}
.last-section .last-content .direction-box .direction-btn span {display: inline-block; transition: transform 0.4s ease; font-size: 18px;}
.last-section .last-content .direction-box .direction-btn::before {content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(120deg, rgba(255,255,255,0.2), transparent); transition: all 0.5s ease;}
.last-section .last-content .direction-box .direction-btn:hover {transform: translateY(-3px) scale(1.02); box-shadow: 0 12px 30px rgba(0,0,0,0.25); background: linear-gradient(135deg, #1c6ea4, #0f4c81);}
.last-section .last-content .direction-box .direction-btn:hover::before {left: 100%;}
.last-section .last-content .direction-box .direction-btn:hover span {transform: translateX(6px);}
.last-section .last-content .direction-box .landmark {margin-top: 10px; font-size: 14px; color: #333;}
.last-section img{margin-bottom: 40px;}

.seventh-section{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 40px 0px;}
.seventh-section .doctor-section {display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
.seventh-section .doctor-section .card {background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); flex: 1; min-width: 280px;}
.seventh-section .doctor-section .card h3 {color: #007184; margin-bottom: 15px; font-size: 22px; font-weight: 500;}
.seventh-section .doctor-section .card p {font-size: 16px; color: #333; margin-bottom: 8px; line-height: 1.6;}
.seventh-section .doctor-section .card p strong {color: #000; }
.seventh-section .doctor-section .doctor-image {flex: 1; text-align: center; min-width: 280px;}
.seventh-section .doctor-section .doctor-image img {max-width: 100%; height: auto; margin-bottom: -20px;}
.seventh-section .cta {background: #0f7a83; color: #fff; text-align: center; margin: 15px auto 0px auto; padding: 30px 20px; border-radius: 12px; width: 85%;}
.seventh-section .cta h2 {font-size: 38px; margin-bottom: 15px; font-weight: 600;}
.seventh-section .cta p {max-width: 700px; margin: 10px auto; font-size: 16px; line-height: 1.6; opacity: 0.95;}
.seventh-section .cta-btn {display: inline-flex; align-items: center; justify-content: center; margin-top: 20px; padding: 15px 30px; background: #fff; color: #0f7a83; font-size: 16px; border-radius: 10px; font-weight: 600; text-decoration: none; box-shadow: 0 5px 15px rgba(0,0,0,0.2); transition: 0.3s;}
.seventh-section .cta-btn:hover {transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.25);}
.seventh-section .cta-btn img {margin-left: 10px; width: 25px;}
.seventh-section span{text-align: center; font-size: 18px; line-height: 26px; margin-bottom: 20px; display: block; text-align: center;}

.six-section{width: 100%; position: relative; background: #E8F7F9; padding: 40px 0px 40px 0px;}
.six-section .blue-box{background: #053862; border-radius: 8px; padding: 20px; text-align: center;}
.six-section .blue-box span{text-align: center; font-size: 18px; line-height: 26px; margin-bottom: 20px; display: block; text-align: center; color: #ffffff;}
.six-section .blue-box .cta-btn {display: inline-flex; align-items: center; justify-content: center; margin-top: 20px; padding: 15px 30px; background: #fff; color: #0f7a83; font-size: 16px; border-radius: 10px; font-weight: 600; text-decoration: none; box-shadow: 0 5px 15px rgba(0,0,0,0.2); transition: 0.3s;}
.six-section .blue-box .cta-btn:hover {transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.25);}
.six-section .blue-box .cta-btn img {margin-left: 10px; width: 25px;}

.five-section{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 20px 0px;}
.five-section .owl-stage {display: flex;}
.five-section .owl-item {display: flex; height: auto;}
.five-section .review-card {background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); display: flex; flex-direction: column; justify-content: space-between; margin: 25px 10px;}
.five-section .review-card .review-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.five-section .review-card .review-header .user {display: flex; align-items: center; gap: 10px;}
.five-section .review-card .review-header .user img {width: 45px; height: 45px; border-radius: 50%;}
.five-section .review-card .review-header .user h4 {font-size: 16px;}
.five-section .review-card .review-header .stars {color: #f4b400; font-size: 14px;}
.five-section .review-card .review-header .google-icon {width: 25px;}
.five-section .review-card .review-text {margin-top: 15px; font-size: 16px; color: #555; line-height: 1.6;}
.five-section .review-card .review-text p{margin-bottom: 0px;}
.five-section .owl-theme {position: relative;}
.five-section .owl-theme .owl-nav {position: absolute; top: 50%; width: 100%; transform: translateY(-50%); margin-top: -10px;}
.five-section .owl-theme .owl-nav .owl-prev,
.five-section .owl-theme .owl-nav .owl-next {position: absolute; padding: 0px; color: #1A5F90; font-size: 15px; background-color: #ffffff; width: 50px; height: 50px; line-height: 50px; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,0.09); border-radius: 50%; cursor: pointer;}
.five-section .owl-theme .owl-nav .owl-prev {left: -80px;}
.five-section .owl-theme .owl-nav .owl-next {right: -50px;}
.five-section .owl-theme .owl-nav [class*=owl-]:hover {background: #1A5F90; color: #FFFFFF !important; transition: .4s ease;}

.fourth-section{width: 100%; position: relative; background-image: url(../images/w-p-choose-smile-invent-bg.png); background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 40px 0px 0px 0px;}
.fourth-section .img-sec{position: relative; margin-bottom: 30px;}
.fourth-section .content-pane{position: relative; margin-bottom: 30px;}
.fourth-section .content-pane p{font-size: 16px; line-height: 26px; margin-bottom: 20px; text-align: left;}
.fourth-section .content-pane ul {margin: 0; padding: 0;}
.fourth-section .content-pane ul li {list-style-type: none; display: block; font-size: 16px; color: #000000!important; margin-bottom: 20px; padding-left: 40px; line-height: 26px;}
.fourth-section .content-pane ul li::before {display: inline-block; color: #ffffff; content: "\f00c"; font-family: FontAwesome; margin-left: -40px; position: absolute; background: #1AAAC2; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%;}
.fourth-section .content-pane ul li a {color: #0d79f6; text-decoration: none;}
.fourth-section .content-pane .cta-btn {display: inline-flex; align-items: center; justify-content: center; margin-top: 20px; padding: 15px 30px; background: #014E94; color: #ffffff; font-size: 16px; border-radius: 10px; font-weight: 600; text-decoration: none; box-shadow: 0 5px 15px rgba(0,0,0,0.2); transition: 0.3s;}
.fourth-section .content-pane .cta-btn:hover {transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.25);}
.fourth-section .content-pane .cta-btn img {margin-left: 10px; width: 25px;}

.third-section{width: 100%; position: relative; background: #ffffff; padding: 40px 0px 30px 0px;}
.third-section p{text-align: center; font-size: 18px; margin-bottom: 20px; color: #000000;}
.third-section .service-content{display: grid; grid-template-columns: repeat(2, 1fr); gap: 25px;}
.third-section .service-content .card-box {display: flex; align-items: center; justify-content: space-between; border-radius: 20px; padding: 0px 25px; min-height: 160px; position: relative; overflow: hidden; box-shadow: 0 10px 25px rgba(0,0,0,0.05); transition: 0.3s;}
.third-section .service-content .card-box:hover {transform: translateY(-5px);}
.third-section .service-content .card-box .content {width: 65%;}
.third-section .service-content .card-box h3 {font-size: 22px; margin-bottom: 15px; color: #222; text-align: left; font-weight: 600;}
.third-section .service-content .card-box p {font-size: 14px; color: #444; line-height: 1.6; text-align: left; margin-bottom: 0px;}
.third-section .service-content .card-box .image {width: 25%; text-align: right; margin-bottom: -19px;}
.third-section .service-content .card-box .image img {max-width: 120px; height: auto;}

/* Background Colors */
.bg-yellow { background: #f4e2a1; }
.bg-green { background: #cde3da; }
.bg-pink { background: #e9cfc5; }
.bg-blue { background: #b9d9e2; }
.bg-lightgreen { background: #cfe3da; }
.bg-lightyellow { background: #f2e3a8; }
.bg-sky { background: #b7d8e3; }
.bg-beige { background: #e9d4cc; }

.two-section{width: 100%; position: relative; background: #007184; padding: 40px 0px 40px 0px; text-align: center;}
.two-section span{font-size: 18px; color: #ffffff; text-align: center; line-height: 30px;}

.first-section{width: 100%; position: relative; background-image: url(../images/hero-section.png); background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 40px 0px 0px 0px;}
.first-section .left-content{position: relative; margin-bottom: 40px;}
.first-section .left-content .gradient-shadow {font-size: 57px; font-weight: 800; background: linear-gradient(90deg, #014E94, #008BA2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 2px 4px 10px rgba(0,0,0,0.2); margin-bottom: 20px;}
.first-section .left-content p{font-size: 18px; line-height: 30px; text-align: left; margin-bottom: 20px;}
.first-section .left-content span{font-size: 15px; margin-bottom: 20px; display: block;}
.first-section .left-content .first-pointts{text-align: center; font-size: 13px; color: #ffffff; font-weight: 600; background: linear-gradient(90deg, #014E94, #008BA2); padding: 10px 15px; border-radius: 30px;}

.right-form{position: relative; background: linear-gradient(-90deg, #014E94, #008BA2); padding: 20px 20px; border-radius: 10px; margin-bottom: 40px;}
.right-form .form-row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; column-gap: 1.25rem;}
.right-form .form-row .form-group {margin-bottom: 1rem; flex: 1; min-width: 296px;}
.right-form .form-row .form-group .form-label {display: block; margin-bottom: 0.5rem; color: #ffffff; font-size: 14px; text-align: left;}
.right-form .form-row .form-group .form-label:after {content: "*"; color: red; margin-left: 0.1rem;}
.right-form .form-row .form-group .form-input {width: 100%; padding: 0.625rem 0.9375rem; border: 0.0625rem solid #ddd; border-radius: 8px!important; font-size: 0.875rem; height: 2.8125rem; text-align: left;}
.right-form .form-row .form-group .input-group-addon {right: 10px; position: absolute; top: 70%; transform: translateY(-50%);}
.right-form .form-row .form-group .cta-btn {display: inline-flex; align-items: center; justify-content: center; padding: 15px 30px; background: #12A1B9; color: #ffffff; font-size: 16px; border-radius: 10px; font-weight: 600; text-decoration: none; transition: 0.3s; border: none; width: 100%;}
.right-form .form-row .form-group .cta-btn:hover {transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.25);}
.right-form .form-row .form-group .cta-btn img {margin-left: 10px; width: 25px;}

.header-pane{width: 100%; position: relative; background: #ffffff; padding: 10px 0px 10px 0px; box-shadow: 0 5px 15px rgba(0, 0, 0, .1);}
.header-pane .header-container {display: flex; align-items: center; justify-content: space-between;}
.header-pane .header-container .logo {display: flex; flex-direction: column;}
.header-pane .header-container .whatsapp-box {display: flex; flex-direction: column; align-items: flex-end;}
.header-pane .header-container .whatsapp-box .whatsapp-btn {display: flex; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 30px; border: 2px solid #25D366; color: #25D366; font-weight: 600; text-decoration: none; transition: 0.3s;}
.header-pane .header-container .whatsapp-box .whatsapp-btn i {font-size: 20px;}
.header-pane .header-container .whatsapp-box .whatsapp-btn:hover {background: #25D366; color: #fff;}
.header-pane .header-container .whatsapp-box .whatsapp-text {font-size: 12px; color: #777; margin-top: 5px;}

.top-section{background: linear-gradient(90deg, #014E94, #008BA2); padding: 5px; }
.top-section .pointers{display:flex; justify-content: space-between; align-items: center; color: #ffffff; font-size: 14px; gap: 75px;}
.top-section .pointers p{margin-bottom: 0px;}
.top-section .marquee-wrapper {overflow: hidden; width: 100%;}
.top-section .marquee-track {display: flex; align-items: center; gap: 0px; width: max-content; animation: scroll 15s linear infinite;}
@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.thankyou-section { width: 100%; position: relative; background: url(../images/bg.webp) no-repeat center top; padding: 68px 0px; }
.thankyou-section .description-box { -webkit-box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.2); box-shadow: 0px 0px 50px 15px rgba(0,0,0,0.2); /* background: url(../images/thank-you-bg.webp) no-repeat center top;*/ padding: 45px; text-align: center; background-size: cover; background: #ffffff; } 
.thankyou-section .description-box h1 { font-size: 45px; font-weight: 800; color: #213a7e; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFFFFF; text-shadow: 6px 7px 5px rgba(0,0,0,0.18); margin-bottom: 25px; }
.thankyou-section .description-box img { text-align: center; margin-bottom: 10px; }
.thankyou-section .description-box h3 { text-align: center; font-size: 16px; color: #000000; font-weight: 500; line-height: 30px; margin-bottom: 15px; }
.thankyou-section .description-box p { font-size: 20px; font-weight: 600; color: #000000; line-height: 30px; margin-bottom: 15px; }
.thankyou-section .description-box .social-footer{position: relative; text-align: center;}
.thankyou-section .description-box .social-footer ul{display:flex;gap:10px; justify-content: center; align-items: center;}
.thankyou-section .description-box .social-footer ul li a{display:inline-flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:50%;border:1px dashed #213a7e;font-size:14px;transition:all 0.3s ease; color: #213a7e; background-color: #ffffff;}
.thankyou-section .description-box .social-footer .fb:hover{background-color:#3b5998;border-color:#3b5998; color: #ffffff;}
.thankyou-section .description-box .social-footer .yt:hover{background-color:#d32727;border-color:#d32727; color: #ffffff;}
.thankyou-section .description-box .social-footer .insta:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);border-color:#d6249f; color: #ffffff;}
.thankyou-section .description-box .social-footer .ld:hover{background-color:#007bb6;border-color:#007bb6; color: #ffffff;}
.thankyou-section .description-box p span { font-size: 16px; font-weight: 500; color: #000000; line-height: 26px; margin: 15px 0px; }
.button-wrapper{display:flex;gap:25px;flex-wrap:wrap;width:100%;justify-content:center;}
.custom-btn{flex:1 1 350px;max-width:420px;min-height:70px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-size:18px;font-weight:500;transition:all 0.3s ease;position:relative;overflow:hidden;}
.filled-btn{background:#007c91;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,0.15);}
.outline-btn{border:1.5px solid #007c91;color:#007c91;background:transparent;}
.custom-btn svg{width:28px;height:28px;transition:transform 0.3s ease;}
.custom-btn:hover svg{transform:translateX(6px);color:#006d7f;}
.custom-btn:hover{background:#007c91;color:#006d7f;}
.custom-btn:hover svg path{stroke:#006d7f;}
.filled-btn:hover{background:#ffffff;border:1px solid #006d7f;color:#006d7f;}
.outline-btn:hover{background:#007c91;color:#fff;}
.outline-btn:hover svg path{stroke:#fff;}
.error{color: #ffffff;font-size: 12px;}
@media (max-width:768px){
    .button-wrapper{flex-direction:column;gap:18px;}
    .custom-btn{flex:unset;width:100%;max-width:100%;font-size:17px;min-height:65px;}
}

@media (max-width:480px){
    .custom-btn{font-size:16px;min-height:60px;gap:12px;}
    .custom-btn svg{width:24px;height:24px;}
}