*
{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body 
{
    font-family: 'DM Sans' !important;
}
a 
{
    text-decoration: none;
}
/* =========================================================
   GLOBAL
========================================================= */

.title 
{
    color: #087C43;
    font-weight: 700;
}

.mhs-header,
.mhs-footer {

    font-family: "DM Sans", sans-serif;

}

.mhs-header a,
.mhs-footer a {

    text-decoration: none;

}


/* =========================================================
   TOP BAR
========================================================= */

.mhs-topbar {

    background: #087c43;

    color: #ffffff;

    font-size: 13px;

}


.mhs-topbar-inner {

    min-height: 42px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}


.mhs-topbar-left,
.mhs-topbar-right {

    display: flex;

    align-items: center;

    gap: 18px;

}


.mhs-topbar a {

    color: #ffffff;

    transition: opacity .3s ease;

}


.mhs-topbar a:hover {

    opacity: .75;

}


.mhs-topbar i {

    margin-right: 5px;

}


.mhs-top-divider {

    width: 1px;

    height: 16px;

    background: rgba(255,255,255,.3);

}


.mhs-top-social {

    width: 25px;

    height: 25px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.mhs-top-social i {

    margin: 0;

}



/* =========================================================
   NAVBAR
========================================================= */

.mhs-navbar {

    background: #ffffff;

    position: relative;

    z-index: 1000;

    transition:
        box-shadow .35s ease,
        padding .35s ease;

}


.mhs-navbar.mhs-scrolled {

    box-shadow:
        0 8px 30px rgba(0,0,0,.08);

}


.mhs-navbar-inner {

    min-height: 88px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

}


/* =========================================================
   LOGO
========================================================= */

.mhs-logo {

    display: flex;

    align-items: center;

    flex-shrink: 0;

}


.mhs-logo img {

    width: auto;

    max-width: 190px;

    max-height: 65px;

    object-fit: contain;

    display: block;

}



/* =========================================================
   NAVIGATION
========================================================= */

.mhs-nav {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    margin-left: auto;

}


.mhs-nav-link {

    position: relative;

    padding: 34px 15px;

    color: #27373d;

    font-size: 14px;

    font-weight: 600;

    transition:
        color .3s ease;

}


.mhs-nav-link::after {

    content: "";

    position: absolute;

    left: 15px;

    right: 15px;

    bottom: 23px;

    height: 2px;

    background: #d92727;

    transform: scaleX(0);

    transform-origin: center;

    transition:
        transform .3s ease;

}


.mhs-nav-link:hover,
.mhs-nav-link.active {

    color: #087c43;

}


.mhs-nav-link:hover::after,
.mhs-nav-link.active::after {

    transform: scaleX(1);

}



/* =========================================================
   HEADER BUTTON
========================================================= */

.mhs-header-action {

    display: flex;

    align-items: center;

    gap: 15px;

}


.mhs-header-btn {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 11px 18px 11px 11px;

    border-radius: 30px;

    background: #087c43;

    color: #ffffff;

    font-size: 13px;

    font-weight: 700;

    white-space: nowrap;

    box-shadow:
        0 7px 18px rgba(8,124,67,.18);

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;

}


.mhs-header-btn:hover {

    background: #d92727;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 10px 22px rgba(217,39,39,.18);

}


.mhs-btn-circle {

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background: rgba(255,255,255,.16);

    display: flex;

    align-items: center;

    justify-content: center;

}


.mhs-btn-circle i {

    font-size: 15px;

}



/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.mhs-menu-toggle {

    width: 44px;

    height: 44px;

    padding: 9px;

    border: 0;

    border-radius: 10px;

    background: #eaf7ef;

    display: none;

    flex-direction: column;

    justify-content: center;

    gap: 5px;

}


.mhs-menu-toggle span {

    display: block;

    width: 24px;

    height: 2px;

    margin: auto;

    background: #087c43;

    border-radius: 5px;

    transition:
        transform .3s ease,
        opacity .3s ease;

}


.mhs-menu-toggle.mhs-open span:nth-child(1) {

    transform:
        translateY(7px)
        rotate(45deg);

}


.mhs-menu-toggle.mhs-open span:nth-child(2) {

    opacity: 0;

}


.mhs-menu-toggle.mhs-open span:nth-child(3) {

    transform:
        translateY(-7px)
        rotate(-45deg);

}



/* =========================================================
   MOBILE MENU
========================================================= */

.mhs-mobile-menu {

    display: none;

    background: #ffffff;

    border-top: 1px solid #edf2ef;

    box-shadow:
        0 15px 30px rgba(0,0,0,.08);

}


.mhs-mobile-menu.mhs-mobile-active {

    display: block;

}


.mhs-mobile-menu-inner {

    padding: 12px 20px 20px;

}


.mhs-mobile-link {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 13px 5px;

    color: #27373d;

    font-size: 15px;

    font-weight: 600;

    border-bottom: 1px solid #f0f3f1;

}


.mhs-mobile-link i {

    width: 22px;

    color: #087c43;

}


.mhs-mobile-link.active,
.mhs-mobile-link:hover {

    color: #087c43;

}


.mhs-mobile-appointment {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    margin-top: 17px;

    padding: 13px;

    border-radius: 8px;

    background: #087c43;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

}



/* =========================================================
   FOOTER
========================================================= */

.mhs-footer {

    background: #12332a;

    color: #ffffff;

}


/* =========================================================
   FOOTER MAIN
========================================================= */

.mhs-footer-main {

    padding: 75px 0 55px;

}


.mhs-footer-logo {

    display: inline-block;

    margin-bottom: 22px;

}


.mhs-footer-logo img {

    max-width: 190px;

    max-height: 65px;

    object-fit: contain;

}


.mhs-footer-about p {

    max-width: 390px;

    color: #c5d2cc;

    font-size: 14px;

    line-height: 1.8;

    margin-bottom: 25px;

}



/* =========================================================
   SOCIAL
========================================================= */

.mhs-footer-social {

    display: flex;

    align-items: center;

    gap: 9px;

}


.mhs-footer-social a {

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255,255,255,.16);

    border-radius: 50%;

    color: #ffffff;

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease;

}


.mhs-footer-social a:hover {

    background: #087c43;

    border-color: #087c43;

    transform: translateY(-4px);

}



/* =========================================================
   FOOTER HEADINGS
========================================================= */

.mhs-footer-column h3 {

    margin: 0;

    color: #ffffff;

    font-family: "Plus Jakarta Sans", sans-serif;

    font-size: 17px;

    font-weight: 700;

}


.mhs-footer-line {

    width: 38px;

    height: 3px;

    margin: 12px 0 22px;

    border-radius: 10px;

    background: #d92727;

}



/* =========================================================
   FOOTER LINKS
========================================================= */

.mhs-footer-column ul {

    list-style: none;

    padding: 0;

    margin: 0;

}


.mhs-footer-column li {

    margin-bottom: 12px;

}


.mhs-footer-column li a {

    color: #c5d2cc;

    font-size: 14px;

    display: inline-flex;

    align-items: center;

    gap: 7px;

    transition:
        color .3s ease,
        transform .3s ease;

}


.mhs-footer-column li a:hover {

    color: #ffffff;

    transform: translateX(4px);

}


.mhs-footer-column li a i {

    font-size: 10px;

    color: #7fcaa5;

}



/* =========================================================
   CONTACT
========================================================= */

.mhs-contact-item {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin-bottom: 19px;

}


.mhs-contact-icon {

    flex-shrink: 0;

    width: 38px;

    height: 38px;

    border-radius: 10px;

    background: rgba(255,255,255,.08);

    color: #7fcaa5;

    display: flex;

    align-items: center;

    justify-content: center;

}


.mhs-contact-item span {

    display: block;

    margin-bottom: 3px;

    color: #ffffff;

    font-size: 12px;

    font-weight: 700;

}


.mhs-contact-item p,
.mhs-contact-item a {

    color: #c5d2cc;

    font-size: 13px;

    line-height: 1.6;

    margin: 0;

}


.mhs-contact-item a:hover {

    color: #ffffff;

}



/* =========================================================
   FOOTER BOTTOM
========================================================= */

.mhs-footer-bottom {

    border-top: 1px solid rgba(255,255,255,.09);

}


.mhs-footer-bottom-inner {

    min-height: 70px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

}


.mhs-footer-bottom p {

    margin: 0;

    color: #aebfb7;

    font-size: 13px;

}


.mhs-footer-bottom-links {

    display: flex;

    align-items: center;

    gap: 10px;

}


.mhs-footer-bottom-links a {

    color: #aebfb7;

    font-size: 13px;

    transition: color .3s ease;

}


.mhs-footer-bottom-links a:hover {

    color: #ffffff;

}


.mhs-footer-bottom-links span {

    color: #667c73;

}



/* =========================================================
   BACK TO TOP
========================================================= */

.mhs-back-top {

    position: fixed;

    right: 25px;

    bottom: 25px;

    width: 46px;

    height: 46px;

    border: 0;

    border-radius: 50%;

    background: #087c43;

    color: #ffffff;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 999;

    opacity: 0;

    visibility: hidden;

    transform: translateY(15px);

    box-shadow:
        0 8px 20px rgba(8,124,67,.22);

    transition:
        opacity .3s ease,
        visibility .3s ease,
        transform .3s ease,
        background .3s ease;

}


.mhs-back-top.mhs-show {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}


.mhs-back-top:hover {

    background: #d92727;

}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .mhs-nav-link {

        padding-left: 10px;

        padding-right: 10px;

    }


    .mhs-nav-link::after {

        left: 10px;

        right: 10px;

    }


    .mhs-header-btn {

        padding-right: 13px;

        font-size: 12px;

    }

}



/* =========================================================
   MOBILE / TABLET
========================================================= */

@media (max-width: 991px) {

    .mhs-topbar {

        display: none;

    }


    .mhs-navbar-inner {

        min-height: 75px;

    }


    .mhs-nav {

        display: none;

    }


    .mhs-menu-toggle {

        display: flex;

    }


    .mhs-header-btn {

        display: none;

    }


    .mhs-logo img {

        max-width: 165px;

        max-height: 55px;

    }


    .mhs-footer-main {

        padding: 60px 0 40px;

    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .mhs-navbar-inner {

        gap: 10px;

    }


    .mhs-logo img {

        max-width: 150px;

    }


    .mhs-footer-main {

        padding: 50px 0 30px;

    }


    .mhs-footer-bottom-inner {

        padding: 18px 0;

        flex-direction: column;

        text-align: center;

    }


    .mhs-footer-bottom-links {

        flex-wrap: wrap;

        justify-content: center;

    }


    .mhs-back-top {

        right: 15px;

        bottom: 15px;

        width: 42px;

        height: 42px;

    }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .mhs-logo img {

        max-width: 140px;

    }


    .mhs-menu-toggle {

        width: 40px;

        height: 40px;

    }


    .mhs-footer-column h3 {

        font-size: 16px;

    }


    .mhs-footer-about p {

        font-size: 13px;

    }

}

/* =========================================================
   HERO MAIN
========================================================= */

.mhs-hero-slider {

    position: relative;

    width: 100%;

    min-height: 680px;

    background: #f7fcf9;

    overflow: hidden;

}


/* =========================================================
   SLIDES
========================================================= */

.mhs-hero-slide {

    position: absolute;

    inset: 0;

    width: 100%;

    min-height: 680px;

    opacity: 0;

    visibility: hidden;

    transform: translateX(40px);

    transition:
        opacity .8s ease,
        transform .8s ease,
        visibility .8s ease;

}


.mhs-hero-slide.active {

    position: relative;

    opacity: 1;

    visibility: visible;

    transform: translateX(0);

    z-index: 2;

}


/* =========================================================
   BACKGROUND CIRCLES
========================================================= */

.mhs-hero-bg-circle {

    position: absolute;

    border-radius: 50%;

    pointer-events: none;

}


.mhs-circle-one {

    width: 600px;

    height: 600px;

    right: -250px;

    top: -180px;

    background: #087c43;

    opacity: .045;

}


.mhs-circle-two {

    width: 400px;

    height: 400px;

    left: -200px;

    bottom: -220px;

    background: #d92727;

    opacity: .035;

}



/* =========================================================
   CONTENT
========================================================= */

.mhs-hero-content {

    position: relative;

    z-index: 5;

    padding: 75px 0;

}


.mhs-hero-small-title {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: #087c43;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 2px;

    margin-bottom: 18px;

}


.mhs-title-dot {

    width: 9px;

    height: 9px;

    border-radius: 50%;

    background: #d92727;

    display: inline-block;

    animation: mhsPulse 1.8s infinite;

}


@keyframes mhsPulse {

    0% {
        box-shadow: 0 0 0 0 rgba(217,39,39,.3);
    }

    70% {
        box-shadow: 0 0 0 9px rgba(217,39,39,0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(217,39,39,0);
    }

}


/* =========================================================
   HEADING
========================================================= */

.mhs-hero-content h1 {

    max-width: 650px;

    margin: 0 0 22px;

    color: #172b35;

    font-family:
        "Plus Jakarta Sans",
        sans-serif;

    font-size: 55px;

    line-height: 1.12;

    font-weight: 800;

    letter-spacing: -1.5px;

}


.mhs-hero-content h1 span {

    display: inline-block;

    color: #087c43;

    position: relative;

}


.mhs-hero-content h1 span::after {

    content: "";

    position: absolute;

    left: 3px;

    right: 3px;

    bottom: -4px;

    height: 5px;

    background: #d92727;

    opacity: .75;

    border-radius: 10px;

    transform: scaleX(.7);

    transform-origin: left;

}



/* =========================================================
   DESCRIPTION
========================================================= */

.mhs-hero-content > p {

    max-width: 570px;

    margin: 0 0 30px;

    color: #65747a;

    font-size: 16px;

    line-height: 1.8;

}



/* =========================================================
   BUTTONS
========================================================= */

.mhs-hero-buttons {

    display: flex;

    align-items: center;

    gap: 13px;

    flex-wrap: wrap;

}


.mhs-hero-btn {

    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 14px 21px;

    border-radius: 8px;

    background: #087c43;

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    overflow: hidden;

    box-shadow:
        0 10px 25px rgba(8,124,67,.17);

    transition:
        transform .3s ease,
        background .3s ease,
        box-shadow .3s ease;

}


.mhs-hero-btn:hover {

    color: #ffffff;

    background: #d92727;

    transform: translateY(-3px);

    box-shadow:
        0 12px 25px rgba(217,39,39,.18);

}


.mhs-hero-btn i {

    font-size: 17px;

    transition:
        transform .3s ease;

}


.mhs-hero-btn:hover i {

    transform: translateX(5px);

}


.mhs-hero-outline-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 13px 21px;

    border: 1px solid #c8dcd1;

    border-radius: 8px;

    color: #087c43;

    background: #ffffff;

    font-size: 14px;

    font-weight: 700;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease;

}


.mhs-hero-outline-btn:hover {

    background: #eaf7ef;

    border-color: #087c43;

    color: #087c43;

    transform: translateY(-3px);

}



/* =========================================================
   TRUST BOX
========================================================= */

.mhs-hero-trust {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 35px;

}


.mhs-trust-icon {

    width: 45px;

    height: 45px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #eaf7ef;

    color: #087c43;

    font-size: 20px;

}


.mhs-hero-trust strong {

    display: block;

    color: #263940;

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 2px;

}


.mhs-hero-trust span {

    display: block;

    color: #849096;

    font-size: 12px;

}



/* =========================================================
   HERO VISUAL
========================================================= */

.mhs-hero-visual {

    position: relative;

    width: 100%;

    height: 560px;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* =========================================================
   IMAGE
========================================================= */

.mhs-hero-image {

    position: relative;

    width: 470px;

    height: 500px;

    border-radius: 235px 235px 30px 30px;

    overflow: hidden;

    z-index: 3;

    box-shadow:
        0 25px 60px rgba(0,70,40,.14);

    border: 8px solid rgba(255,255,255,.9);

}


.mhs-hero-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

    transition:
        transform 1.2s ease;

}


.mhs-hero-slide.active .mhs-hero-image img {

    animation:
        mhsImageZoom 6s ease-in-out infinite alternate;

}


@keyframes mhsImageZoom {

    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.06);
    }

}



/* =========================================================
   DECORATIVE RING
========================================================= */

.mhs-hero-ring {

    position: absolute;

    width: 530px;

    height: 530px;

    border: 2px dashed rgba(8,124,67,.20);

    border-radius: 50%;

    z-index: 1;

    animation:
        mhsRotate 18s linear infinite;

}


@keyframes mhsRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}



/* =========================================================
   FLOATING CARD
========================================================= */

.mhs-floating-card {

    position: absolute;

    left: 0;

    bottom: 70px;

    z-index: 10;

    min-width: 235px;

    padding: 15px;

    display: flex;

    align-items: center;

    gap: 12px;

    background: rgba(255,255,255,.96);

    border: 1px solid #edf2ef;

    border-radius: 13px;

    box-shadow:
        0 15px 35px rgba(0,50,30,.13);

    animation:
        mhsFloat 3.5s ease-in-out infinite;

}


@keyframes mhsFloat {

    0%,
    100% {

        transform: translateY(0);

    }

    50% {

        transform: translateY(-9px);

    }

}


.mhs-floating-icon {

    width: 43px;

    height: 43px;

    flex-shrink: 0;

    border-radius: 11px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #eaf7ef;

    color: #087c43;

    font-size: 20px;

}


.mhs-floating-card strong {

    display: block;

    color: #23363d;

    font-size: 12px;

    font-weight: 800;

    margin-bottom: 3px;

}


.mhs-floating-card span {

    display: block;

    color: #849096;

    font-size: 11px;

}



/* =========================================================
   SLIDER CONTROLS
========================================================= */

.mhs-slider-controls {

    position: absolute;

    z-index: 20;

    left: 50%;

    bottom: 25px;

    transform: translateX(-50%);

    display: flex;

    align-items: center;

    gap: 15px;

}


.mhs-slider-prev,
.mhs-slider-next {

    width: 40px;

    height: 40px;

    border: 1px solid #d8e5df;

    border-radius: 50%;

    background: #ffffff;

    color: #087c43;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition:
        background .3s ease,
        color .3s ease,
        transform .3s ease;

}


.mhs-slider-prev:hover,
.mhs-slider-next:hover {

    background: #087c43;

    color: #ffffff;

    transform: translateY(-2px);

}


.mhs-slider-dots {

    display: flex;

    align-items: center;

    gap: 7px;

}


.mhs-slider-dot {

    width: 8px;

    height: 8px;

    padding: 0;

    border: 0;

    border-radius: 20px;

    background: #c7d8d0;

    cursor: pointer;

    transition:
        width .3s ease,
        background .3s ease;

}


.mhs-slider-dot.active {

    width: 28px;

    background: #087c43;

}



/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {

    .mhs-hero-content h1 {

        font-size: 47px;

    }


    .mhs-hero-image {

        width: 420px;

        height: 460px;

    }


    .mhs-hero-ring {

        width: 480px;

        height: 480px;

    }

}



/* =========================================================
   MOBILE / TABLET
========================================================= */

@media (max-width: 991px) {

    .mhs-hero-slider {

        min-height: auto;

    }


    .mhs-hero-slide {

        min-height: auto;

    }


    .mhs-hero-content {

        padding: 65px 0 30px;

        text-align: center;

    }


    .mhs-hero-content h1 {

        margin-left: auto;

        margin-right: auto;

        font-size: 42px;

    }


    .mhs-hero-content > p {

        margin-left: auto;

        margin-right: auto;

    }


    .mhs-hero-buttons {

        justify-content: center;

    }


    .mhs-hero-trust {

        justify-content: center;

        text-align: left;

    }


    .mhs-hero-visual {

        height: 500px;

        margin-bottom: 55px;

    }


    .mhs-hero-image {

        width: 390px;

        height: 430px;

    }


    .mhs-hero-ring {

        width: 440px;

        height: 440px;

    }


    .mhs-floating-card {

        left: 50%;

        transform: translateX(-50%);

        bottom: 35px;

    }

}



/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .mhs-hero-content {

        padding: 50px 15px 20px;

    }


    .mhs-hero-small-title {

        font-size: 11px;

        letter-spacing: 1.5px;

    }


    .mhs-hero-content h1 {

        font-size: 34px;

        letter-spacing: -1px;

    }


    .mhs-hero-content > p {

        font-size: 14px;

        line-height: 1.7;

    }


    .mhs-hero-visual {

        height: 430px;

    }


    .mhs-hero-image {

        width: 310px;

        height: 350px;

        border-width: 6px;

    }


    .mhs-hero-ring {

        width: 350px;

        height: 350px;

    }


    .mhs-floating-card {

        min-width: 210px;

        bottom: 25px;

        padding: 12px;

    }


    .mhs-slider-controls {

        bottom: 15px;

    }

}



/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 575px) {

    .mhs-hero-content h1 {

        font-size: 30px;

    }


    .mhs-hero-buttons {

        flex-direction: column;

        width: 100%;

    }


    .mhs-hero-btn,
    .mhs-hero-outline-btn {

        width: 100%;

        max-width: 280px;

    }


    .mhs-hero-visual {

        height: 400px;

    }


    .mhs-hero-image {

        width: 275px;

        height: 315px;

    }


    .mhs-hero-ring {

        width: 315px;

        height: 315px;

    }


    .mhs-floating-card {

        left: 50%;

        min-width: 200px;

    }

}
/* =========================
           SERVICES SECTION
        ========================= */

        .health-services {
            width: 100%;
            padding: 50px 0;
            overflow: hidden;
        }

        .services-wrapper {
            max-width: 1380px;
            margin: 0 auto;
            padding: 0 15px;
        }

        .services-row {
            display: flex;
            gap: 24px;
            justify-content: center;
        }

        /* =========================
           SERVICE CARD
        ========================= */

        .service-card {
            flex: 1;
            min-width: 0;
            height: 146px;
            border-radius: 11px;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            text-align: center;

            cursor: pointer;

            transition:
                transform 0.35s ease,
                box-shadow 0.35s ease,
                filter 0.35s ease;
            
            animation: cardReveal 0.8s ease both;
        }

        .service-card:nth-child(1) {
            animation-delay: 0.05s;
        }

        .service-card:nth-child(2) {
            animation-delay: 0.12s;
        }

        .service-card:nth-child(3) {
            animation-delay: 0.19s;
        }

        .service-card:nth-child(4) {
            animation-delay: 0.26s;
        }

        .service-card:nth-child(5) {
            animation-delay: 0.33s;
        }

        .service-card:nth-child(6) {
            animation-delay: 0.40s;
        }

        .service-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.10);
            filter: brightness(1.02);
        }

        /* =========================
           CARD COLORS
        ========================= */

        .appointment {
            background: #e4ecff;
        }

        .lab-testing {
            background: #eff9f1;
        }

        .doctor {
            background: #fbeaf4;
        }

        .health-care {
            background: #e8eff3;
        }

        .medicines {
            background: #eaf8fc;
        }

        .home-care {
            background: #fff0eb;
        }

        /* =========================
           ICON CIRCLE
        ========================= */

        .service-icon {
            width: 70px;
            height: 70px;
            border-radius: 50%;

            background: #ffffff;

            display: flex;
            align-items: center;
            justify-content: center;

            margin-bottom: 13px;

            transition:
                transform 0.35s ease,
                box-shadow 0.35s ease;
        }

        .service-card:hover .service-icon {
            transform: scale(1.08) rotate(3deg);
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
        }

        .service-icon i {
            font-size: 30px;
            line-height: 1;
        }

        /* Individual icon colors */

        .appointment .service-icon i {
            color: #2864e9;
        }

        .lab-testing .service-icon i {
            color: #08b95d;
        }

        .doctor .service-icon i {
            color: #df2084;
        }

        .health-care .service-icon i {
            color: #07968d;
        }

        .medicines .service-icon i {
            color: #04afd0;
        }

        .home-care .service-icon i {
            color: #ed5118;
        }

        /* =========================
           CARD TEXT
        ========================= */

        .service-title {
            font-size: 15px;
            font-weight: 500;
            line-height: 1.3;
            color: #0b0b0b;
            margin: 0;
            white-space: nowrap;
        }

        /* =========================
           ANIMATION
        ========================= */

        @keyframes cardReveal {
            from {
                opacity: 0;
                transform: translateY(25px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* =========================
           PULSE EFFECT
        ========================= */

        .service-icon::after {
            content: "";
            position: absolute;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            border: 2px solid rgba(255,255,255,0.7);
            opacity: 0;
            transform: scale(0.8);
        }

        .service-card:hover .service-icon::after {
            animation: pulse 1s ease-out;
        }

        @keyframes pulse {
            0% {
                opacity: 0.8;
                transform: scale(0.8);
            }

            100% {
                opacity: 0;
                transform: scale(1.35);
            }
        }

        /* =========================
           TABLET
        ========================= */

        @media (max-width: 1100px) {

            .services-row {
                flex-wrap: wrap;
            }

            .service-card {
                flex: 0 0 calc(33.333% - 16px);
            }
        }

        /* =========================
           MOBILE
        ========================= */

        @media (max-width: 767px) {

            .health-services {
                padding: 30px 10px;
            }

            .services-row {
                gap: 15px;
            }

            .service-card {
                flex: 0 0 calc(50% - 8px);
                height: 145px;
            }

            .service-icon {
                width: 62px;
                height: 62px;
                margin-bottom: 11px;
            }

            .service-icon i {
                font-size: 27px;
            }

            .service-title {
                font-size: 14px;
                white-space: normal;
                padding: 0 8px;
            }
        }

        /* =========================
           SMALL MOBILE
        ========================= */

        @media (max-width: 450px) {

            .service-card {
                flex: 0 0 100%;
            }

            .services-row {
                gap: 14px;
            }
        }
        /* =========================
   ABOUT SECTION
========================= */

.about-section {
    padding: 90px 0;
    background: #ffffff;
    overflow: hidden;
}
.about-image-wrap {
    position: relative;
    padding: 0 25px 25px 0;
}
.about-image {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 25px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.about-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}
.about-image:hover img {
    transform: scale(1.05);
}
.about-image-wrap::before {
    content: "";
    position: absolute;
    width: 170px;
    height: 170px;
    background: #0c8c4a;
    border-radius: 50%;
    left: -65px;
    top: -55px;
    opacity: 0.10;
}
.about-image-wrap::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: #d92727;
    border-radius: 35px;
    right: -10px;
    bottom: -10px;
    opacity: 0.10;
}
.experience-box {
    position: absolute;
    z-index: 4;
    left: -25px;
    bottom: 0;
    width: 190px;
    min-height: 105px;
    padding: 18px 20px;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    gap: 14px;
    animation: floatBadge 3s ease-in-out infinite;
}
.experience-number {
    font-size: 42px;
    font-weight: 800;
    line-height: 1;
    color: #087c43;
}
.experience-text {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #263238;
}
.about-content {
    padding-left: 25px;
}
.section-label {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #087c43;
    margin-bottom: 13px;
}
.about-content h2 {
    margin: 0;
    max-width: 650px;
    font-size: 42px;
    line-height: 1.18;
    font-weight: 700;
    color: #172b35;
}
.about-content h2 span {
    color: #087c43;
}
.heading-line {
    width: 75px;
    height: 4px;
    background: #e52b2b;
    margin: 20px 0 25px;
    border-radius: 10px;
    position: relative;
}

.heading-line::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 4px;
    background: #087c43;
    left: 82px;
    top: 0;
    border-radius: 10px;
}
.about-content p {
    color: #65727a;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
}
.about-intro {
    font-size: 17px !important;
    color: #4d5b62 !important;
}
.about-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.about-feature {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.feature-icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #eaf7ef;
    display: flex;
    align-items: center;
    justify-content: center;
}
.feature-icon i {font-size: 23px;color: #087c43;}
.feature-icon.skin-icon {background: #fff0f0;}
.feature-icon.skin-icon i { color: #d92727;}
.about-feature h5 {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 700;
    color: #172b35;
}
.about-feature p {
    margin: 0;
    font-size: 13px !important;
    line-height: 1.5 !important;
}
.about-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 25px;
    border-radius: 30px;
    background: #087c43;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.35s ease;
}
.about-btn i {
    transition: transform 0.35s ease;
}
.about-btn:hover {
    background: #d92727;
    color: #ffffff;
    transform: translateY(-3px);
}
.about-btn:hover i {
    transform: translateX(5px);
}
@keyframes floatBadge {

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

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

}
.about-image-wrap,
.about-content {
    opacity: 0;
    transform: translateY(35px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}
.about-image-wrap.show,
.about-content.show {
    opacity: 1;
    transform: translateY(0);
}
@media (max-width: 991px) {
    .about-section { padding: 70px 0; }
    .about-content { padding-left: 0; }
    .about-content h2 { font-size: 36px; }
    .about-image img { height: 700px; }
}
@media (max-width: 767px) {
    .about-section { padding: 55px 0; }
    .about-image-wrap { padding: 0 15px 25px 15px; }
    .about-image img { height: 400px; }
    .experience-box { left: 0; width: 175px; }
    .experience-number { font-size: 36px; }
    .about-content h2 { font-size: 30px; }
    .about-content p { font-size: 15px; }
    .about-features { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 450px) {
    .about-image img { height: 350px; }
    .about-content h2 { font-size: 27px; }
}
/* =========================================
   SERVICE CARD
========================================= */

.mhs-service-card {
    position: relative;

    height: 100%;
    min-height: 460px;

    padding: 20px;

    background: #ffffff;

    border: 1px solid #e8efeb;

    border-radius: 22px;

    overflow: hidden;

    box-shadow: 0 8px 25px rgba(0, 80, 40, 0.055);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        border-color 0.45s ease;

    opacity: 0;
    transform: translateY(40px);
}


/* Scroll Animation */

.mhs-service-card.mhs-visible {
    opacity: 1;
    transform: translateY(0);
}


/* Hover */

.mhs-service-card:hover {
    transform: translateY(-10px);

    border-color: #b9dfca;

    box-shadow: 0 20px 45px rgba(0, 90, 50, 0.13);
}


/* =========================================
   IMAGE
========================================= */

.mhs-service-image {
    position: relative;

    width: 100%;
    height: 220px;

    overflow: hidden;

    border-radius: 16px;

    margin-bottom: 24px;

    background: #eaf7ef;
}


.mhs-service-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition:
        transform 0.6s ease;
}


/* Image Zoom */

.mhs-service-card:hover .mhs-service-image img {
    transform: scale(1.08);
}


/* =========================================
   NUMBER
========================================= */

.mhs-service-number {
    position: absolute;

    top: 15px;
    left: 15px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,0.95);

    color: #087c43;

    font-size: 13px;

    font-weight: 700;

    box-shadow: 0 5px 15px rgba(0,0,0,0.08);

    z-index: 3;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        transform 0.3s ease;
}


.mhs-service-card:hover .mhs-service-number {
    background: #087c43;

    color: #ffffff;

    transform: scale(1.08);
}


/* =========================================
   HEADING
========================================= */

.mhs-service-card h3 {
    position: relative;

    z-index: 3;

    margin: 0 0 12px;

    color: #172b35;

    font-size: 21px;

    line-height: 1.35;

    font-weight: 700;

    transition: color 0.3s ease;
}


.mhs-service-card:hover h3 {
    color: #087c43;
}


/* =========================================
   SUB HEADING / DESCRIPTION
========================================= */

.mhs-service-card p {
    position: relative;

    z-index: 3;

    color: #6c777c;

    font-size: 14px;

    line-height: 1.7;

    margin: 0 0 20px;
}


/* =========================================
   LINK
========================================= */

.mhs-service-link {
    position: relative;

    z-index: 3;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #087c43;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

    transition:
        color 0.3s ease,
        gap 0.3s ease;
}


.mhs-service-link span {
    font-size: 19px;

    line-height: 1;

    transition:
        transform 0.3s ease;
}


.mhs-service-link:hover {
    color: #d92727;

    gap: 12px;
}


.mhs-service-link:hover span {
    transform: translateX(4px);
}


/* =========================================
   DECORATIVE CIRCLE
========================================= */

.mhs-card-shape {
    position: absolute;

    width: 130px;
    height: 130px;

    right: -65px;
    bottom: -65px;

    border-radius: 50%;

    background: #087c43;

    opacity: 0.05;

    transition:
        transform 0.6s ease,
        opacity 0.6s ease;

    pointer-events: none;
}


.mhs-service-card:hover .mhs-card-shape {
    transform: scale(1.7);

    opacity: 0.09;
}


/* =========================================
   HIGHLIGHT CARD
========================================= */

.mhs-highlight-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #d92727;

    z-index: 5;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .mhs-service-card {
        min-height: 450px;
    }

    .mhs-service-image {
        height: 210px;
    }

}


@media (max-width: 767px) {

    .mhs-service-card {
        min-height: auto;

        padding: 18px;

        border-radius: 18px;
    }

    .mhs-service-image {
        height: 210px;

        border-radius: 14px;
    }

    .mhs-service-card h3 {
        font-size: 20px;
    }

}


@media (max-width: 575px) {

    .mhs-service-image {
        height: 200px;
    }

    .mhs-service-card p {
        font-size: 14px;
    }

}


.mhs-services-section {
  position: relative; 
  padding: 95px 0; 
  background: #f8fcfa; 
  overflow: hidden; 
} 
.mhs-services-section::before { 
  content: ""; 
  position: absolute; 
  width: 420px; 
  height: 420px; 
  border-radius: 50%; 
  background: #087c43; 
  opacity: 0.035; 
  top: -200px; 
  left: -180px; 
  pointer-events: none; } 
  .mhs-services-section::after 
  { content: ""; 
    position: absolute; 
    width: 350px; 
    height: 350px; 
    border-radius: 50%;
    background: #d92727; 
    opacity: 0.035; 
    bottom: -180px; 
    right: -150px; 
    pointer-events: none; 
  }
  .mhs-services-section .container 
  { position: relative; z-index: 2; }

  .mhs-heading
  { 
    position: relative; 
    max-width: 760px; 
    margin: 0 auto; 
    z-index: 2; 
  } 
  .mhs-small-title 
  { 
    display: inline-block; 
    color: #087c43; 
    font-size: 14px; 
    font-weight: 700; 
    letter-spacing: 2px; 
    margin-bottom: 12px; 
  } 
  .mhs-heading h2 
  { margin: 0; 
    color: #172b35; 
    font-size: 42px; 
    line-height: 1.2; 
    font-weight: 700; 
  } 
    .mhs-heading h2 span 
    { color: #087c43; 
      position: relative; 
    }
  .mhs-heading-line 
  { position: relative; 
    width: 75px; height: 4px; 
    background: #d92727; 
    margin: 20px auto; 
    border-radius: 10px; 
  } 
  .mhs-heading-line::after 
  { content: ""; 
    position: absolute; 
    width: 20px; 
    height: 4px; 
    background: #087c43; 
    right: -27px; 
    top: 0; 
    border-radius: 10px; 
  } 
  .mhs-heading p 
  { color: #6b777d; 
    font-size: 16px; 
    line-height: 1.7; 
    margin: 0; }

    .mhs-counter-section {
    position: relative;
    padding: 90px 0;
    background: #f7fbfc;
    overflow: hidden;
}

/* Decorative Background */
.mhs-counter-section::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    background: rgba(24, 145, 151, 0.06);
    border-radius: 50%;
    top: -180px;
    left: -120px;
}

.mhs-counter-section::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(24, 145, 151, 0.05);
    border-radius: 50%;
    bottom: -160px;
    right: -100px;
}

.mhs-counter-section .container {
    position: relative;
    z-index: 2;
}


/* Counter Card */
.mhs-counter-card {
    position: relative;
    height: 100%;
    padding: 38px 25px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e8f0f1;
    border-radius: 18px;
    transition: all 0.4s ease;
    overflow: hidden;
}

/* Top Line */
.mhs-counter-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 3px;
    transform: translateX(-50%);
    background: #087c43;
    transition: width 0.4s ease;
}

.mhs-counter-card:hover::before {
    width: 100%;
}

.mhs-counter-card:hover {
    transform: translateY(-10px);
    border-color: transparent;
    box-shadow: 0 18px 45px rgba(20, 70, 75, 0.12);
}


/* Icon */
.mhs-counter-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e9f8f8;
    border-radius: 50%;
    color: #087c43;
    font-size: 28px;
    transition: all 0.4s ease;
}

.mhs-counter-card:hover .mhs-counter-icon {
    background: #087c43;
    color: #ffffff;
    transform: rotateY(180deg);
}


/* Number */
.mhs-counter-number {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 8px;
}

.mhs-count {
    color: #163c40;
    font-size: 43px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -1px;
}

.mhs-plus,
.mhs-percent {
    color: #178f97;
    font-size: 25px;
    font-weight: 700;
    margin-left: 3px;
}


/* Heading */
.mhs-counter-card h4 {
    margin: 12px 0 8px;
    color: #173c40;
    font-size: 19px;
    font-weight: 700;
}


/* Description */
.mhs-counter-card p {
    margin: 0;
    color: #718487;
    font-size: 14px;
    line-height: 1.6;
}


/* Responsive */
@media (max-width: 991px) {

    .mhs-counter-section {
        padding: 70px 0;
    }

    .mhs-counter-card {
        padding: 32px 20px;
    }

    .mhs-count {
        font-size: 38px;
    }
}


@media (max-width: 575px) {

    .mhs-counter-section {
        padding: 55px 0;
    }

    .mhs-counter-card {
        padding: 30px 20px;
    }

    .mhs-count {
        font-size: 36px;
    }

    .mhs-counter-icon {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
}
/* =========================================
   CONTINUOUS INFINITE GALLERY
========================================= */

.doctor-gallery-section {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 100px 0 70px;
}

.gallery-slider-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* Moving track */
.gallery-slider {
    display: flex;
    align-items: flex-start;
    width: max-content;
    gap: 10px;

    animation: galleryMove 35s linear infinite;

    will-change: transform;
}

/* Continuous movement */
@keyframes galleryMove {

    from {
        transform: translateX(0);
    }

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

}


/* =========================================
   SLIDES
========================================= */

.gallery-slide {
    flex: 0 0 325px;
    width: 325px;
    display: flex;
    justify-content: center;
}


/* Image */
.gallery-image-box {
    width: 315px;
    height: 365px;

    overflow: hidden;

    border-radius: 26px;

    background: #f3f1e9;

    position: relative;
}


/* Image itself */
.gallery-image-box img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .5s ease;
}


/* Hover zoom */
.gallery-image-box:hover img {
    transform: scale(1.05);
}


/* =========================================
   STAGGERED DESIGN
========================================= */

.gallery-slide-down {
    margin-top: 75px;
}

.gallery-slide-up {
    margin-top: 0;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .doctor-gallery-section {
        padding: 70px 0 50px;
    }

    .gallery-slider {
        gap: 8px;
        animation-duration: 30s;
    }

    .gallery-slide {
        flex: 0 0 280px;
        width: 280px;
    }

    .gallery-image-box {
        width: 270px;
        height: 320px;
        border-radius: 23px;
    }

    .gallery-slide-down {
        margin-top: 60px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .doctor-gallery-section {
        padding: 50px 0 35px;
    }

    .gallery-slider {
        gap: 8px;
        animation-duration: 25s;
    }

    .gallery-slide {
        flex: 0 0 220px;
        width: 220px;
    }

    .gallery-image-box {
        width: 210px;
        height: 270px;
        border-radius: 20px;
    }

    .gallery-slide-down {
        margin-top: 45px;
    }

}

.contact-wrap{
    max-width:1180px;
    margin:0 auto;
    padding:90px 20px;
  }

  /* ---------- Left column ---------- */
  .eyebrow{
    color:#087C43;
    font-weight:700;
    font-size:0.95rem;
    margin-bottom:10px;
    opacity:0;
    transform:translateY(10px);
    animation:riseIn .6s ease forwards;
  }

  .headline{
    font-size:2.4rem;
    font-weight:800;
    letter-spacing:-0.02em;
    margin-bottom:36px;
    opacity:0;
    transform:translateY(10px);
    animation:riseIn .6s ease forwards .08s;
  }

  .info-card{
    display:flex;
    align-items:flex-start;
    gap:18px;
    border:1px solid #e9ecf5;
    border-radius:14px;
    padding:22px 20px;
    margin-bottom:18px;
    background:#ffffff;
    opacity:0;
    transform:translateY(14px);
    animation:riseIn .6s ease forwards;
    transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
  }

  .info-card:nth-of-type(1){animation-delay:.16s;}
  .info-card:nth-of-type(2){animation-delay:.24s;}
  .info-card:nth-of-type(3){animation-delay:.32s;}

  .info-card:hover{
    border-color:transparent;
    box-shadow:0 14px 30px -14px rgba(59,109,240,0.35);
    transform:translateY(-3px);
  }

  .info-icon{
    flex:0 0 auto;
    width:46px;
    height:46px;
    border-radius:12px;
    background:#e9f1ed;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#087c43;
    font-size:1.15rem;
    transition:background .25s ease, transform .25s ease;
  }

  .info-card:hover .info-icon{
    background:linear-gradient(120deg, #087C43, #02bf62);
    color:#fff;
    transform:scale(1.08);
  }

  .info-title{
    font-weight:700;
    font-size:1.08rem;
    margin-bottom:4px;
  }

  .info-text{
    color:#68708a;
    font-size:0.95rem;
    margin:0;
  }

  /* ---------- Right column (form) ---------- */
  .form-panel{
    background:#f7f9fd;
    border-radius:20px;
    padding:44px;
    opacity:0;
    transform:translateY(16px);
    animation:riseIn .7s ease forwards .2s;
  }

  .field-label{
    font-weight:600;
    font-size:0.92rem;
    margin-bottom:8px;
    display:block;
  }

  .form-control, .form-control:focus{
    border:1px solid #e9ecf5;
    border-radius:10px;
    padding:12px 14px;
    font-size:0.95rem;
    background:#fff;
    box-shadow:none;
    transition:border-color .2s ease, box-shadow .2s ease, transform .15s ease;
  }

  .form-control:focus{
    border-color:#3b6df0;
    box-shadow:0 0 0 4px rgba(59,109,240,0.12);
    transform:translateY(-1px);
  }

  textarea.form-control{
    min-height:150px;
    resize:vertical;
  }

  .send-btn{
    border:none;
    color:#fff;
    font-weight:700;
    font-size:1rem;
    padding:14px 34px;
    border-radius:12px;
    background:linear-gradient(120deg, #087C43, #02bf62);
    background-size:160% 160%;
    position:relative;
    overflow:hidden;
    transition:transform .2s ease, box-shadow .2s ease, background-position .4s ease;
    box-shadow:0 12px 24px -10px rgba(47,155,255,0.55);
  }

  .send-btn:hover{
    background-position:100% 0%;
    transform:translateY(-2px);
    box-shadow:0 16px 30px -10px rgba(47,155,255,0.65);
    color:#fff;
  }

  .send-btn:active{transform:translateY(0);}

  .send-btn.is-sending{pointer-events:none;}

  .send-btn .spinner-border{
    width:1rem;height:1rem;
    display:none;
    margin-right:8px;
    vertical-align:-2px;
  }

  .send-btn.is-sending .spinner-border{display:inline-block;}
  .send-btn.is-sending .btn-label{opacity:0.85;}

  .success-toast{
    position:fixed;
    bottom:28px;
    right:28px;
    background:#131a2c;
    color:#fff;
    padding:14px 22px;
    border-radius:12px;
    font-weight:600;
    font-size:0.92rem;
    box-shadow:0 20px 40px -16px rgba(0,0,0,0.4);
    display:flex;
    align-items:center;
    gap:10px;
    transform:translateY(30px);
    opacity:0;
    pointer-events:none;
    transition:transform .35s ease, opacity .35s ease;
    z-index:20;
  }

  .success-toast.show{
    transform:translateY(0);
    opacity:1;
  }

  .success-toast .check{
    width:20px;height:20px;
    border-radius:50%;
    background:#2fd47a;
    display:flex;align-items:center;justify-content:center;
    font-size:0.7rem;
    flex:0 0 auto;
  }

  @keyframes riseIn{
    to{opacity:1; transform:translateY(0);}
  }

  @media (prefers-reduced-motion: reduce){
    .eyebrow, .headline, .info-card, .form-panel{
      animation:none !important;
      opacity:1 !important;
      transform:none !important;
    }
  }

  @media (max-width:991px){
    .form-panel{padding:30px;}
    .headline{font-size:1.9rem;}
  }

  .blog-card
  {
    border:1px solid #e2e8f0;
    padding: 0.8rem;
    margin-bottom: 0.5rem;
  }
  .blog-card h6
  {
    padding-top: 0.8rem;
    font-size: 1.3rem;
    font-weight: 600;
  }


.mhs-gallery-card {
    position: relative;
    width: 100%;
    height: 280px;
    overflow: hidden;
    border-radius: 18px;
    cursor: pointer;
    background: #eee;
}

.mhs-gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;

    transition: transform 0.6s ease;
}


/* ZOOM */

.mhs-gallery-card:hover img {
    transform: scale(1.12);
}


/* OVERLAY */

.mhs-gallery-overlay {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.25);

    opacity: 0;

    transition: 0.3s ease;

    pointer-events: none;
}

.mhs-gallery-card:hover .mhs-gallery-overlay {
    opacity: 1;
}


/* ICON */

.mhs-gallery-overlay span {
    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #fff;
    color: #222;

    font-size: 22px;

    transform: scale(.7);

    transition: .3s ease;
}

.mhs-gallery-card:hover .mhs-gallery-overlay span {
    transform: scale(1);
}


/* =========================================================
   LIGHTBOX
========================================================= */

.mhs-lightbox {
    position: fixed;
    inset: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .92);

    z-index: 999999;

    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    visibility: hidden;

    transition: .3s ease;
}

.mhs-lightbox.active {
    opacity: 1;
    visibility: visible;
}


/* IMAGE BOX */

.mhs-lightbox-image-box {
    width: 80%;
    height: 80%;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;

    z-index: 2;
}


/* LARGE IMAGE */

#mhsLightboxImage {
    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;

    object-fit: contain;

    border-radius: 10px;

    display: block;

    transition: opacity .2s ease;
}


/* CLOSE */

.mhs-lightbox-close {
    position: absolute;

    top: 25px;
    right: 30px;

    width: 50px;
    height: 50px;

    border: none;
    border-radius: 50%;

    background: rgba(255,255,255,.15);

    color: #fff;

    font-size: 20px;

    cursor: pointer;

    z-index: 10;
}

.mhs-lightbox-close:hover {
    background: rgba(255,255,255,.3);
}


/* PREVIOUS / NEXT */

.mhs-lightbox-prev,
.mhs-lightbox-next {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 55px;
    height: 55px;

    border: none;
    border-radius: 50%;

    background: rgba(255,255,255,.15);

    color: #fff;

    font-size: 25px;

    cursor: pointer;

    z-index: 10;

    transition: .3s ease;
}

.mhs-lightbox-prev {
    left: 25px;
}

.mhs-lightbox-next {
    right: 25px;
}

.mhs-lightbox-prev:hover,
.mhs-lightbox-next:hover {
    background: rgba(255,255,255,.3);
}


/* COUNTER */

.mhs-lightbox-counter {

    position: absolute;

    bottom: 25px;
    left: 50%;

    transform: translateX(-50%);

    padding: 7px 18px;

    border-radius: 30px;

    background: rgba(255,255,255,.15);

    color: #fff;

    font-size: 14px;

    z-index: 10;
}


/* MOBILE */

@media(max-width:768px) {

    .mhs-gallery-card {
        height: 230px;
    }

    .mhs-lightbox-image-box {
        width: 85%;
        height: 70%;
    }

    .mhs-lightbox-prev {
        left: 10px;
    }

    .mhs-lightbox-next {
        right: 10px;
    }

    .mhs-lightbox-prev,
    .mhs-lightbox-next {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

}

.mhs-review-section {
    background: #f8faf9;
    overflow: hidden;
}


/* HEADING */

.mhs-review-subtitle {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin-bottom: 10px;
    color: #087c43;
}

.mhs-review-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 15px;
}

.mhs-review-title span {
    font-weight: 700;
    color: #087c43;
}

.mhs-review-description {
    max-width: 650px;
    margin: auto;
    color: #777;
    line-height: 1.7;
}


/* SLIDER */

.mhs-review-slider {
    position: relative;
}


/* CARD */

.mhs-review-card {
    position: relative;

    height: 100%;

    padding: 30px;

    background: #ffffff;

    border: 1px solid #eeeeee;

    border-radius: 22px;

    box-shadow: 0 10px 35px rgba(0,0,0,.05);

    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;

    animation: mhsReviewFade .8s ease both;
}


.mhs-review-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 20px 45px rgba(0,0,0,.10);

    border-color: #dddddd;

}


/* TOP */

.mhs-review-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 22px;
}


/* USER */

.mhs-review-user {

    display: flex;

    align-items: center;

    gap: 13px;
}


.mhs-review-avatar {

    width: 52px;
    height: 52px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #087c4333;

    font-size: 20px;

    font-weight: 700;
}


.mhs-review-user h5 {

    margin: 0 0 3px;

    font-size: 17px;
    color: #087c43;

    font-weight: 700;
}


.mhs-review-user small {

    color: #888;

    font-size: 12px;
}


/* QUOTE */

.mhs-review-quote {

    width: 45px;
    height: 45px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f5f5f5;

    font-size: 23px;
}


/* STARS */

.mhs-review-stars {

    margin-bottom: 17px;
}


.mhs-review-stars i {

    margin-right: 3px;

    font-size: 15px;

}


/* REVIEW TEXT */

.mhs-review-text {

    color: #555;

    font-size: 15px;

    line-height: 1.8;

    margin-bottom: 22px;

    min-height: 108px;
}


/* DATE */

.mhs-review-date {

    padding-top: 15px;

    border-top: 1px solid #eeeeee;

    color: #999;

    font-size: 12px;
}


.mhs-review-date i {

    margin-right: 6px;

}


/* NAVIGATION */

.mhs-review-navigation {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    margin-top: 35px;
}


/* ARROWS */

.mhs-review-prev,
.mhs-review-next {

    width: 48px;
    height: 48px;

    border: 1px solid #dddddd;

    border-radius: 50%;

    background: #ffffff;

    font-size: 17px;

    cursor: pointer;

    transition: all .3s ease;
}


.mhs-review-prev:hover,
.mhs-review-next:hover {

    transform: scale(1.1);

    background: #222;

    color: #fff;

}


/* DOTS */

.mhs-review-dots {

    display: flex;

    align-items: center;

    gap: 7px;
}


.mhs-review-dot {

    width: 8px;
    height: 8px;

    border-radius: 20px;

    background: #d5d5d5;

    cursor: pointer;

    transition: all .3s ease;
}


.mhs-review-dot.active {

    width: 25px;

    background: #222;
}


/* ANIMATION */

@keyframes mhsReviewFade {

    from {

        opacity: 0;

        transform: translateY(25px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}


/* TABLET */

@media(max-width:991px) {

    .mhs-review-title {
        font-size: 35px;
    }

}


/* MOBILE */

@media(max-width:575px) {

    .mhs-review-title {
        font-size: 30px;
    }

    .mhs-review-card {
        padding: 23px;
    }

    .mhs-review-text {
        min-height: auto;
    }

}

.profile-wrap{
    max-width:1200px;
    margin:60px auto;
    padding:0 20px;
  }
  .row-flex{
    display:flex;
    align-items:flex-start;
  }
  /* Sidebar */
  .doc-nav{
    list-style:none;
    padding:0;
    margin:0;
    width:280px;
    flex-shrink:0;
  }
  .doc-nav li{
    position:relative;
    font-size: 17px;
    color:#4d5b62;
  }
  .doc-nav button{
    width:100%;
    display:flex;
    align-items:center;
    gap:14px;
    background:none;
    border:none;
    border-bottom:1px solid #e7ebf1;
    text-align:left;
    padding:16px 18px;
    font-size:16px;
    font-weight:500;
    color:#0e2a52;
    cursor:pointer;
    transition:background .2s ease;
  }
  .doc-nav li:first-child button{
    border-top:1px solid #e7ebf1;
  }
  .doc-nav button:hover{
    background:#f5f9fd;
  }
  .doc-nav li.active button{
    background:#d8ecfb;
  }
  /* arrow pointer on active item */
  .doc-nav li.active button::after{
    content:"";
    position:absolute;
    right:-14px;
    top:50%;
    transform:translateY(-50%);
    width:0;
    height:0;
    border-top:14px solid transparent;
    border-bottom:14px solid transparent;
    border-left:14px solid #d8ecfb;
  }
  .doc-nav .icon{
    width:22px;
    height:22px;
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#1a56c4;
  }
  .doc-nav .icon svg{
    width:100%;
    height:100%;
    fill:currentColor;
  }
  /* Content panel */
  .doc-content{
    padding:6px 0 0 48px;
    flex:1;
  }
  .doc-content p{
    font-size:17px;
    line-height:1.85;
    margin-bottom:22px;
    color:#4d5b62;
  }
  .li-style li
  {
    font-size:16px;
    
    margin-bottom:5px;
    color:#4d5b62;
  }
  .doc-content p:last-child{
    margin-bottom:0;
  }
  @media (max-width:820px){
    .row-flex{flex-direction:column;}
    .doc-nav{width:100%;}
    .doc-nav li.active button::after{display:none;}
    .doc-content{padding:24px 0 0 0;}
  }

  /* =========================================================
   WHY CHOOSE US
========================================================= */

.mjs-why-section {
    position: relative;
    padding: 100px 0;
    background: #f7fbfc;
    overflow: hidden;
}


/* Decorative Background */

.mjs-why-section::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(13, 139, 139, 0.05);
    top: -150px;
    right: -100px;
}

.mjs-why-section::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: rgba(13, 139, 139, 0.04);
    bottom: -120px;
    left: -100px;
}


/* =========================================================
   HEADING
========================================================= */

.mjs-why-heading {
    max-width: 750px;
    margin: 0 auto 60px;
    position: relative;
    z-index: 2;
}

.mjs-section-tag {
    display: inline-block;
    color: #087C43;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 12px;
    position: relative;
}

.mjs-section-tag::before,
.mjs-section-tag::after {
    content: "";
    width: 25px;
    height: 2px;
    background: #0d8b8b;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.mjs-why-heading h2 {
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: #183b4b;
    margin-bottom: 18px;
}

.mjs-why-heading h2 span {
    color: #087C43;
}

.mjs-why-heading p {
    color: #71818a;
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}


/* =========================================================
   IMAGE
========================================================= */

.mjs-why-image-wrap {
    position: relative;
    max-width: 440px;
    margin: auto;
    padding: 20px;
}

.mjs-image-shape {
    position: absolute;
    width: 85%;
    height: 90%;
    right: 0;
    bottom: 0;
    border-radius: 40px;
    background: #dff4f3;
    transform: rotate(5deg);
}

.mjs-why-image {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 35px;
    display: block;
    box-shadow: 0 20px 45px rgba(21, 65, 75, 0.15);
    transition: 0.5s ease;
}

.mjs-why-image:hover {
    transform: translateY(-8px);
}


/* =========================================================
   EXPERIENCE BOX
========================================================= */

.mjs-experience-box {
    position: absolute;
    z-index: 5;
    left: -5px;
    bottom: 55px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 17px 22px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(26, 68, 77, 0.15);
    animation: mjsFloat 3s ease-in-out infinite;
}

.mjs-exp-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e4f7f6;
    color: #0d8b8b;
    border-radius: 12px;
    font-size: 23px;
}

.mjs-experience-box strong {
    display: block;
    color: #183b4b;
    font-size: 25px;
    line-height: 1;
}

.mjs-experience-box small {
    display: block;
    margin-top: 5px;
    color: #788991;
    font-size: 12px;
}


/* =========================================================
   WHY CARDS
========================================================= */

.mjs-why-card {
    position: relative;
    height: 100%;
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e4eeee;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s ease;
}

.mjs-why-card::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #eefafa;
    right: -25px;
    top: -25px;
    transition: 0.4s ease;
}

.mjs-why-card:hover {
    transform: translateY(-8px);
    border-color: #b9e4e2;
    box-shadow: 0 18px 40px rgba(25, 75, 82, 0.10);
}

.mjs-why-card:hover::before {
    transform: scale(2);
}


/* Icon */

.mjs-card-icon {
    position: relative;
    z-index: 2;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e8f8f7;
    color: #087C43;
    border-radius: 15px;
    font-size: 25px;
    margin-bottom: 22px;
    transition: 0.4s ease;
}

.mjs-why-card:hover .mjs-card-icon {
    background: #0d8b8b;
    color: #ffffff;
    transform: rotateY(360deg);
}


/* Number */

.mjs-card-number {
    position: absolute;
    top: 20px;
    right: 22px;
    color: #d9eeee;
    font-size: 25px;
    font-weight: 800;
}

.mjs-why-card h4 {
    position: relative;
    z-index: 2;
    color: #1c4050;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 12px;
}

.mjs-why-card p {
    position: relative;
    z-index: 2;
    color: #75868e;
    font-size: 14px;
    line-height: 1.75;
    margin: 0;
}


/* =========================================================
   BOTTOM HIGHLIGHT
========================================================= */

.mjs-why-bottom {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 25px;
    padding: 20px 22px;
    background: #eaf8f7;
    border-radius: 17px;
    border-left: 4px solid #0d8b8b;
}

.mjs-bottom-icon {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d8b8b;
    font-size: 23px;
}

.mjs-why-bottom h5 {
    color: #1b4554;
    font-size: 17px;
    margin: 0 0 4px;
    font-weight: 700;
}

.mjs-why-bottom p {
    color: #71848b;
    font-size: 13px;
    margin: 0;
}


/* =========================================================
   FLOAT ANIMATION
========================================================= */

@keyframes mjsFloat {

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

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

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .mjs-why-section {
        padding: 75px 0;
    }

    .mjs-why-heading h2 {
        font-size: 34px;
    }

    .mjs-why-image-wrap {
        margin-bottom: 30px;
    }

}


@media (max-width: 575px) {

    .mjs-why-section {
        padding: 60px 0;
    }

    .mjs-why-heading {
        margin-bottom: 40px;
    }

    .mjs-why-heading h2 {
        font-size: 29px;
    }

    .mjs-why-heading p {
        font-size: 14px;
    }

    .mjs-why-image {
        height: 420px;
    }

    .mjs-experience-box {
        left: 0;
        bottom: 35px;
    }

    .mjs-why-card {
        padding: 23px;
    }

}