body
{
    font-family: "Lato", sans-serif;
    font-size: 20px;
    line-height: 2;
    color: #333333;
}
a
{
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.btn-theme
{
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    background: #5A937B;
    padding: 6px 20px;
    border-radius: 50px;
    transition: all 0.3s ease-in-out;
}
.btn-theme:hover
{
    background: #333333;
}
/*header*/
header
{
    min-height: 81px;
    padding: 20px 0px;
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 9;
    background: #ffffff;
}
header .logo
{
    max-width: 95px;
}
header .c-detail
{
    gap: 0 17px;
}
header .c-detail img
{
    width: 51px !important;
    height: 51px !important;
}
header .c-detail a:has(img):hover
{
    opacity: 0.8;
}
/*banner*/
.banner .b-text
{
    inset: 0;
    color: #ffffff;
}
.banner .b-text .b-title strong
{
    font-size: clamp(16px,4vw,22px);
    display: block;
    font-weight: 700;
}
.banner .b-text .b-title
{
    font-size: clamp(25px,4vw,40px);
    font-weight: 700;
}
.banner .b-title-wrapper
{
    max-width: 600px;
}
.banner .btn-banner
{
    background: #ffffff;
    color: #004D4D;
    font-size: 20px;
    padding: 14px 40px;
    min-width: 250px;
    border-radius: 50px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.banner .btn-banner:hover
{
    background: #004D4D;
    color: #ffffff;
}
.banner .b-c-dt
{
    gap: 15px 40px;
}
.banner .ph
{
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
.banner .ph img
{
    margin-right: 8px;
}
/*Book Now*/
.book-now
{
    padding: 100px 0;
    background: #DFEEE9;
    min-height: 889px;
}
.m-title .tag-line
{
    font-weight: 700;
    font-size: clamp(18px,4vw,20px);
    color: #5A9484;
}
.m-title :is(h1,h2,h3,h4,h5,h6)
{
    font-size: clamp(30px,4vw,40px);
    color: #12393D;
    font-weight: 600;
    margin: 0;
    white-space: pre-line;
}
.book-now .m-title
{
    max-width: 900px;
    margin: auto;
}
.book-now .m-title :is(h1,h2,h3,h4,h5,h6)
{
    margin-bottom: 30px;
}
.book-now .m-title span
{
    font-weight: 300;
    font-style: italic;
}
.book-now strong
{
    font-weight: 600;
    font-size: clamp(16px,4vw,22px);
}
.book-now p
{
    font-size: 18px;
    margin: 0;
}
.book-now form
{
    margin-top: 45px;
}
.book-now .form-control
{
    border-radius: 0px;
    border: 1px solid transparent;
    height: 58px;
    color: #333333;
    padding: 5px 20px;
    box-shadow: none !important;
}
.book-now .form-control:focus
{
    border-color: rgba(0, 77, 77,0.5);
}
.book-now .btn-book
{
    background: #5A937B;
    padding: 14px 45px;
    border-radius: 50px;
    border:0px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 30px;
    transition: all 0.3s ease-in-out;
}
.book-now .btn-book:hover
{
    background: #333333;
}
/*About Doctor*/
.about-doctor
{
    position: relative;
}
.about-doctor .l-part
{
    position: relative;
    z-index: 1;
    padding: 60px 0 60px 60px;
    margin-right: -50px;
}
.about-doctor:before
{
    content: "";
    position: absolute;
    width: 652px;
    inset: 0 auto 0 0;
    background: url(../images/bg-doctor.webp) no-repeat 0 0 / cover;
}
.about-doctor .r-part
{
    padding: 100px 30px 100px 100px;
}
.about-doctor .r-part strong
{
    color: #5A947C;
}
.about-doctor .r-part
{
    margin: 0;
}
.about-doctor .m-title :is(h1,h2,h3,h4,h5,h6)
{
    margin-bottom: 20px;
}
/*HT Services*/
.ht-services
{
    padding: 100px 0;
    background: #F4FCFC;
}
.ht-services .m-title
{
    margin-bottom: 50px;
}
.ht-services .list
{
    text-align: center;
    min-height: 273px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 30px 0;
}
.ht-services .list img
{
    max-height: 122px;
    aspect-ratio: 16 / 9;
}
.ht-services .list :is(h2,h3,h4,h5,h6)
{
    font-size: 20px;
    font-weight: 600;
    color: #12393D;
    margin: 0;
    white-space: pre-line;
}
/*About HT*/
.about-ht
{
    padding: 100px 0;
}
.about-ht .l-part .m-title
{
    margin-bottom: 30px;
}
.about-ht .l-part strong
{
    color: #5A9484;
    font-size: 18px;
}
/*Do or Don't*/
.do-or-dont
{
    padding: 100px 0;
    background: #F4FCFC;
}
.do-or-dont .t-points
{
    font-size: 20px;
    font-weight: 600;
    color: #12393D;
}
.do-or-dont .m-title
{
    margin-bottom: 100px;
}
.do-or-dont ul
{
    gap: 30px 0;
}
.do-or-dont ul li
{
    display: inline-flex;
    gap: 0 20px;
    align-items: flex-start;
}
.do-or-dont ul li span
{
    align-self: center;
}
/*FAQ*/
.faq
{
    padding: 100px 0;
    background: #5A937B;
}
.faq .tag-line,.faq .m-title p
{
    color: #ffffff;
    white-space: pre-line;
}
.faq .accordion .accordion-button::after
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2312393D' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.faq .accordion .accordion-item
{
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid #4C7171;
    background: transparent;
}
.faq .accordion .accordion-button
{
    padding: 30px 0;
    border-radius: 0 !important;
    background: transparent;
    box-shadow: none !important;
    font-size: 22px;
    font-weight: 500;
    color: #12393D;
}
.faq .accordion .accordion-body
{
    padding: 0 0 20px;
    color: #ffffff;
}
/*Before after slider*/
.before-after-slider
{
    padding: 100px 0;    
}
.before-after-slider .m-title :is(h1,h2,h3,h4,h5,h6)
{
    margin-bottom: 20px;
}
.before-after-slider .m-title :is(h1,h2,h3,h4,h5,h6),.before-after-slider p
{
    white-space: pre-line;
}
.before-after-slider .m-title :is(h1,h2,h3,h4,h5,h6) span
{
    font-weight: 300;
    font-style: italic;
}
.before-after-slider .owl-carousel
{
    margin-top: 80px;
}
/*Why choose slider*/
.why-choose-slider
{
    padding: 100px 0;
    background: #DFEEE9;
}
.why-choose-slider .owl-carousel
{
    margin-top: 100px;
}
.why-choose-slider p
{
    color:#3D3D3D;
    white-space: pre-line;
    margin: 0;
}
.why-choose-slider .t-slider
{
    color: #12393D;
    font-weight: 700;
    font-size: 20px;
}
.why-choose-slider img
{
    max-width: 229px;
    display: inline-block !important;
    margin-bottom: 50px;
}
/*Doctor slider*/
.doc-slider
{
    padding: 70px 0;
}
.doc-slider .m-title 
{
    margin-bottom: 40px;
}
.doc-slider iframe
{
    display: block;
    width: 100%;
    max-width: 316px;
    margin: auto;
    height: 378px !important;
    border: 0px;
}
.owl-theme .owl-nav.disabled+.owl-dots
{
    margin-top: 50px;
}
.owl-theme .owl-dots .owl-dot span
{
    width: 13px;
    height: 13px;
    background: #BFBFBF;
}
.owl-theme .owl-dots .owl-dot.active span
{
    background: #5A9484;
}
/*Footer*/
footer .bg-footer
{
    padding: 85px 70px 30px;
    background: url(../images/bg-footer.webp) no-repeat center / cover;
    position: relative;
}
footer .bg-footer:before
{
    content: "";
    position: absolute;
    inset: 0;
    background: url(../images/overlay.svg) no-repeat 0 0 / cover;
    pointer-events: none;
}
footer .f-text
{
    font-size: clamp(20px,4vw,32px);
}
footer .bg-footer > *
{
    position: relative;
    z-index: 1;
    color: #ffffff;
}
footer .logo img
{
    max-width: 132px;
}
footer .f-mid
{
    margin-top: 20px;
    margin-bottom: 40px;
    color: #ffffff;
}
footer address
{
    line-height: 1.4;
    white-space: pre-line;
}
footer .c-dt,footer .c-dt a
{
    color: #ffffff;
    font-size: 14px;
}
footer .c-dt img
{
    flex: 0 0 auto;
}
footer .f-sm
{
    margin-top: 50px;
}
footer .f-sm ul
{
    margin-top: 20px;
}
footer .f-sm li
{
    line-height: 0;
}
footer .f-sm li a:hover
{
    opacity: 0.8;
}
footer .f-links
{
    background: #5A937B;
    padding: 15px 0;
}
footer .f-links a
{
    font-size: 14px;
    color: #ffffff;
}
footer .f-links a:hover,footer .f-links a.active
{
    color: #333333;
}
footer .r-call
{
    max-width: 700px;
    margin: auto;
}
footer .r-call .btn-theme
{
    background: #ffffff;
    color: #5A937B;
    padding: 8px 35px;
    margin-top: 15px;
    display: inline-block;
}
footer .r-call p
{
    line-height: 1.4;
}
footer .r-call .btn-theme:hover
{
    background: #5A937B;
    color: #ffffff;
}
footer .r-call h6
{
    font-size: 30px;
}
footer .f-copy
{
    background: #12393D;
    font-size: 14px;   
    padding: 9px 0; 
}
footer .f-copy a
{
    font-weight: 600;
}
footer .f-copy a:hover,footer .f-copy a.active
{
    text-decoration: underline;
}
footer .f-copy .divider
{
    margin: 0 3px;
}
footer .f-copy *
{
    color: #ffffff;
}
.mob-call-us
{
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 9;
    color: #333333;
    background: #ffffff; 
    display: none;   
}
.mob-call-us a
{
    padding: 8px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    gap: 5px 0;
    color: #333333;
    font-weight: 600;
}
.mob-call-us
{
    border-top: 1px solid rgba(0,0,0,0.1);
}
.mob-call-us .col + .col
{    
    border-left: 1px solid rgba(0,0,0,0.1);
}
.mob-call-us a i
{
    font-size: 20px;
    color: #5a947b;
}
.error
{
    font-size: 16px;
    color: #ff0000;
}
/*Responsive*/
@media (min-width:768px)
{
    .ht-services .row [class*='col']:nth-child(3n+2) .list
    {
        border-left: 1px solid #769898;
        border-right: 1px solid #769898;
    }
}
@media (min-width:1199px)
{    
    .book-now .container
    {
        max-width: 960px;
    }
    .do-or-dont ul li img
    {
        margin-top: 12px;
    }
    .about-ht .l-part
    {
        padding: 0 70px 0 100px;
    }
}
@media (max-width:1199px)
{
    header
    {
        position: -webkit-sticky;
        position: sticky;
    }
    header .c-detail img
    {
        width: 42px !important;
        width: 42px !important;
    }
    .banner .btn-banner
    {
        font-size: 18px;
        padding: 8px 16px;
        min-width: 180px;
    }
    body
    {
        font-size: 16px;
        line-height: 1.5;
    }
    .banner .b-title-wrapper
    {
        max-width: 430px;
    }
    .book-now
    {
        padding: 50px 0;
    }
    .about-doctor .l-part
    {
        margin-right: 0px;
        padding: 50px 0 50px 20px;
    }
    .about-doctor .r-part
    {
        padding: 50px 20px;
    }
    .about-doctor:before
    {
        width: 40%;
    } 
    .ht-services .list
    {
        min-height: 180px;
    }
    .ht-services .m-title
    {
        margin-bottom: 30px;
    }
    .ht-services .list img
    {
        max-height: 70px;
    }
    .do-or-dont,.about-ht,.ht-services
    {
        padding: 50px 0;
    }
    .do-or-dont .m-title
    {
        margin-bottom: 50px;
    }
    .do-or-dont ul
    {
        gap: 15px 0;
    }   
    .do-or-dont ul li img
    {
        margin-top: 5px;
    }
    .before-after-slider .owl-carousel
    {
        margin-top: 50px;
    }
    .why-choose-slider,.faq
    {
        padding: 50px 0;
    }
    .why-choose-slider .owl-carousel
    {
        margin-top: 50px;
    }
    .why-choose-slider img
    {
        max-width: 150px;
        margin-bottom: 30px;
    }
    .doc-slider,.before-after-slider
    {
        padding: 50px 0;
    }    
    footer .logo img
    {
        max-width: 100px;
    }
    footer .bg-footer
    {
        padding: 50px 30px;
    }    
}
@media (max-height:1000px) and (orientation: landscape)
{
    header
    {
        position: static;
    }
}
@media (max-width:767px)
{
    body
    {
        font-size: 14px;
    }
    .btn-theme
    {
        padding: 8px 20px;
        font-size: 15px;
    }
    header .c-detail 
    {
        gap: 0 5px;
    }
    header .c-detail img
    {
        display: none;
    }
    header
    {
        padding: 15px 0;
    }
    header .logo
    {
        max-width: 80px;
    }
    .banner .b-text
    {
        padding: 40px 0;
        align-items: flex-start !important;
    }
    .banner .b-title-wrapper
    {
        max-width: 300px;
    }
    .banner .b-c-dt
    {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 15px 0;
    }
    .book-now .btn-book
    {
        padding: 10px 25px;
    }
    .book-now
    {
        padding: 30px 0;
    }
    .book-now .form-control
    {
        height: 45px;
    }
    .book-now .btn-book
    {
        margin-top: 20px;
    }
    .about-doctor:before
    {
        display: none;
    }
    .about-doctor .l-part
    {
        padding: 30px 0;
    }
    .about-doctor .r-part
    {
        padding: 0 0 30px;
    }    
    .ht-services .list
    {
        gap: 15px 0;
        min-height: 140px;
        border: 1px solid #769898;
    }
    .ht-services .list :is(h2,h3,h4,h5,h6)
    {
        font-size: 16px;
    }
    .ht-services .list img
    {
        max-height: 50px;
    }
    .do-or-dont
    {
        padding: 30px 0;
    }
    .do-or-dont .m-title
    {
        margin-bottom: 30px;
    }
    .faq .accordion .accordion-button
    {
        padding: 15px 0;
        gap: 0 15px;
    }
    .before-after-slider .owl-carousel
    {
        margin-top: 30px;
    }
    .why-choose-slider,.before-after-slider,.faq,.about-ht,.ht-services
    {
        padding: 30px 0;
    }
    .why-choose-slider .owl-carousel
    {
        margin-top: 30px;
    }
    .why-choose-slider img
    {
        max-width: 100px;
        margin-bottom: 20px;
    }
    .doc-slider
    {
        padding: 30px 0;
    }
    .owl-theme .owl-nav.disabled+.owl-dots
    {
        margin-top: 30px;
    }
    .owl-theme .owl-dots .owl-dot span
    {
        width: 10px;
        height: 10px;
    }
    footer .bg-footer
    {
        padding: 30px 15px;
    }
    footer .logo img
    {
        max-width: 80px;
    }
    footer .f-sm
    {
        margin-top: 30px;
    }
    footer .r-call h6
    {
        font-size: 22px;
    }
    footer
    {
        padding-bottom: 66px;
    }
    .mob-call-us
    {
        display: flex;
    }
}
@media (max-width:575px)
{
    .banner .b-title-wrapper
    {
        max-width: 230px;
    }
    .banner .b-text .b-title
    {
        font-size: 15px;
    }
    .banner .b-text p
    {
        line-height: 1.1;
        font-size: 12px;
    }
    .banner .btn-banner
    {
        font-size: 13px;
        padding: 4px 12px;
        min-width: initial;
    }
}