/*HERO SECTION*/
.elementor-element.hompage-hero-section.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {overflow: hidden; padding: 80px 0px 70px;}
.hero-content-inner .elementor-element.hero-section-img.elementor-widget.elementor-widget-image {
    position: absolute;
    bottom: -40px;
    right: 0px;
    width: 90%;
}
.hero-section-button.elementor-widget.elementor-widget-button > a {
    display: flex;
    width: 200px;
    padding: 9px 12px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 25px;
    background-color: #477581;
    border: 1px solid #477581;
    position: relative;
    z-index: 2;
}

.hero-section-button.elementor-widget.elementor-widget-button > a:hover {
    background-color: #fff;
    border: 1px solid #477581;
}

.hero-section-button.elementor-widget.elementor-widget-button > a:hover span{
    color: #477581;

}
@media screen and (max-width:767px) {

    .elementor-element.hompage-hero-section.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
        padding: 20px 0px 60px;
    }
    .hero-content-inner .elementor-element.hero-section-img-mobile.elementor-widget.elementor-widget-image{
        position: absolute;
        bottom: -40px;
        width: 100%;
        right: 0px;
    }

    .hero-content-inner .e-con-inner {
        padding-bottom: 220px;
    }

    .hero-content-inner h2 {
        font-size: 31px;
    }

    .hero-content-inner h2 ,.hero-content-inner .section-description p {
        text-align: left;
    }

    .hero-content-inner .section-description p {
        color: #2E2E2E;
        font-family: Manrope;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .health-hubs-service-item.vaccination {
        order: 1;
    }

    .health-hubs-service-item.health-screening {
        order: 2;
    }

    .health-hubs-service-item.consultation {
        order: 3;
    }

    .health-hubs-service-item.examination {
        order: 4;
    }

    .health-hubs-service-item.blood-test {
        order: 5;
    }


}
/*HERO SECTION*/


/* Our Complete Ecosystem */
        /* --- Main Section --- */
        .hompage-ecosystem-section.e-con-full {
            z-index: 1;
        }


        .ecosystem-section {
            position: relative; /* Crucial for SVG canvas */
            background-color: #fff;
            padding: 64px 24px;
            overflow: hidden;
        }

        /* --- SVG Canvas --- */
        /* This is the canvas we draw on. It sits in the background. */
        #ecosystem-svg-canvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none; /* Allows clicking "through" it */
            z-index: 1;
        }

        /* --- Layout Containers --- */
        .ecosystem-container {
            max-width: 1280px;
            margin-left: auto;
            margin-right: auto;
            position: relative; /* Allows z-index to work */
            z-index: 2; /* Sits on top of the SVG canvas */
        }

        .ecosystem-row {
            display: flex;
            flex-wrap: wrap; /* Allow wrapping on mobile */
            justify-content: center;
            gap: 24px;
        }

        /* --- Central Hub --- */
        .ecosystem-center {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 24px 0;
        }

        .ecosystem-hub {
            width: 140px;
            height: 140px;
            border-radius: 50%;
            background-color: #5EEAD4; /* Light Teal */
            color: #115E59; /* Dark Teal */
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            font-weight: 700;
            text-align: center;
            line-height: 1.2;
            padding: 16px;
            box-sizing: border-box; /* Include padding in width/height */
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
        }
        
        /* --- Bottom "Connect" Section --- */
        .ecosystem-bottom-section {
            background-color: #F8FAFC; /* Light Grey */
            border-radius: 24px;
            padding: 32px;
            border: 1px solid #F1F5F9;
        }

        .ecosystem-connect-title {
            font-size: 24px;
            font-weight: 700;
            color: #0F172A; /* Slate 900 */
            text-align: center;
            margin-top: 0;
            margin-bottom: 32px;
        }

        /* --- Node & Card Styling --- */
        .ecosystem-node {

            width: calc(25% - 24px);
            box-sizing: border-box; /* Padding is included in width calc */
            padding: 0 12px; /* This creates the 24px gap */
        }

        div#ecosystem-top-row{
            position: relative;
            bottom: 40px;
        }
        
        /* The top row has 3 nodes, so we override the width */
        #ecosystem-top-row .ecosystem-node {
             /* 33.3% - 24px */
            width: calc(33.333% - 24px);
        }

        .ecosystem-card {
            background-color: #4A6C71; /* Dark Teal */
            color: #F0FDF4; /* Light Green/White */
            padding: 24px;
            border-radius: 16px;
            height: 100%; /* Make cards in a row equal height */
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
        }

        /* Light card variant */
        .ecosystem-card.is-light {
            background-color: #E0F2F1; /* Light Teal bg */
            color: #134E4A; /* Dark Teal text */
        }

        .ecosystem-card-icon {
            max-width: 65px;
            height: 55px;
        }

        
        .ecosystem-card-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .ecosystem-card-icon.home-care {
            display: flex;
        }

        .ecosystem-card-icon.home-care img {
            width: 80%;
            margin: 0 auto auto;
        }

        .ecosystem-card-icon-group {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 16px;
            color: #134E4A;
            font-size: 16px;
        }
        .ecosystem-card-icon-group .icon-small {
            width: 32px;
            height: 32px;
            background-color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
         .ecosystem-card-icon-group .icon-small img {
            width: 20px;
            height: 20px;
         }


        .ecosystem-card-title {
            font-size: 18px;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 8px;
            line-height: 1.4;
        }
        
        /* Override title color for light card */
        .ecosystem-card.is-light .ecosystem-card-title {
            color: #115E59;
        }

        .ecosystem-card-description {
            font-size: 14px;
            line-height: 1.4;
            margin: 0;
            opacity: 0.9;
        }

        /* --- Responsive Styles --- */
        @media (max-width: 1024px) {
            /* On tablet, stack the bottom 4 cards 2x2 */
            .ecosystem-node {
                width: calc(50% - 24px); /* 2 in a row */
            }
        }
        
        @media (max-width: 767px) {
            /* On mobile, stack all cards 1x1 */
            .ecosystem-node,
            #ecosystem-top-row .ecosystem-node {
                width: 100%; /* 1 in a row */
                padding-left: 0;
                padding-right: 0;
            }
            
            /* Hide lines on mobile */
            #ecosystem-svg-canvas {
                display: none;
            }

            .hompage-ecosystem-section {
                padding: 0px 20px;
            }

           
        }
/* Our Complete Ecosystem */


/*OUR SERVICES*/

.hompage-services-section {
    gap: 0px !important;

}

.hompage-services-section.e-flex.e-con {
    background-position: top left !important;
    background-size: 60% !important;
}

.section-our-services {
    overflow: hidden;
}

/* This container centers the content */
.services-container {
    max-width: 1280px;
    /* Equivalent to max-w-7xl */
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
}

/* Main "Our Services" Title */
.services-main-title {
    font-size: 30px;
    /* text-3xl */
    font-weight: 700;
    /* font-bold */
    color: #0d9488;
    /* text-teal-700 */
    text-align: center;
    margin-bottom: 48px;
    /* mb-12 */
}

/* Main 2-column grid layout */
.services-layout-grid {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    padding-top: 30px;
}

/* Image fade effect wrapper */
.services-image-wrapper {
    position: relative;
    /* Creates the soft fade on the right side */
    mask-image: linear-gradient(to right, black 60%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 60%, transparent 100%);
        width: 70%;
    justify-self: anchor-center;
}

.services-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* Wrapper for the right-side content */
.services-content-wrapper {
    padding-bottom: 16px;
}

.services-content-wrapper .telehealth-title {
    margin-top: 12px;
}

.text-center p {
    color: #2E2E2E;
    text-align: justify;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 25.6px */
}

.together-text p {
    color: #477581;
    text-align: center !important;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%; /* 25.6px */
}

/* Telehealth description text */
.services-description {
    font-size: 18px;
    /* text-lg */
    color: #475569;
    /* text-slate-600 */
    margin-bottom: 40px;
    /* mb-10 */
    line-height: 1.6;
}

/* 2x2 grid for the service cards */
.service-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    /* Mobile-first (stacked) */
    gap: 20px;
    /* gap-5 */
}

/* Individual service card */
.service-card {
    background-color: #ffffff;
    padding: 15px 20px;
    border-radius: 16px;
}

.service-card > p {
    font-size: 15px;
}

.service-card-icon {
    width: 30px;
    height: 30px;
    color: #0f766e;
    margin-bottom: 16px;
}

.service-card-icon svg {
    width: 100%;
    height: 100%;
}

.service-card-title {
    font-size: 20px;
    /* text-xl */
    font-weight: 600;
    /* font-semibold */
    color: #0d9488;
    /* text-teal-700 */
    margin-bottom: 8px;
    /* mb-2 */
}


/* --- Responsive Styles --- */

/* Small screens and up (sm: 640px) */
@media (min-width: 640px) {
    .service-card-grid {
        grid-template-columns: repeat(2, 1fr);
        /* 2x2 grid */
    }
}

/* Medium screens and up (md: 768px) */
@media (min-width: 768px) {

    .services-main-title {
        font-size: 36px;
        /* md:text-4xl */
        margin-bottom: 64px;
        /* md:mb-16 */
    }

    .services-layout-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .services-subtitle {
        font-size: 36px;
    }
}

/* On mobile, remove the mask and just show the image */
@media (max-width: 767px) {
    .services-image-wrapper {
        mask-image: none;
        -webkit-mask-image: none;
    }
    .service-card-grid {
        grid-template-columns: 1fr 1fr;
        /* 2x2 grid */
    }
    .service-card > h5, .service-card > p {
        text-align: left;
    }
}

/*Health Hubs*/
.section-health-hubs {
    overflow: hidden;
    max-width: 1280px;
    padding: 0px 24px;
    margin: auto;
}

/* This container centers the content */
.health-hubs-container {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

/* Main 2-column grid layout */
.health-hubs-layout-grid {
    display: grid;
    grid-template-columns: 1fr;
    /* Mobile-first (stacked) */
    gap: 32px;
    align-items: center;
}

/* Wrapper for the left-side content */
.health-hubs-content-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
}

/* "Health Hubs" Title */
.health-hubs-title {
    font-size: 30px;
    font-weight: 700;
    color: #0d9488;
    /* Teal color from previous design */
    margin-bottom: 12px;
}

/* Health Hubs description text */
.health-hubs-description {
    font-size: 18px;
    color: #475569;
    margin-bottom: 40px;
    line-height: 1.6;
    max-width: 500px;
    /* Constrain line width */
}

/* The white card container for the services list */
.health-hubs-services-card {
    background-color: #ffffff;
    padding: 15px 20px;
    border-radius: 10px;
}

/* 2-column grid for the services list */
.health-hubs-services-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* 2 columns */
    gap: 15px;
}

/* Individual service item (icon + text) */
.health-hubs-service-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.health-hubs-service-icon {
    width: 30px;
    /* Icon size - Changed to 30px */
    height: 30px;
    /* Icon size - Changed to 30px */
    color: #0f766e;
    /* Teal color */
    flex-shrink: 0;
    /* Prevents icon from shrinking */
}

.health-hubs-service-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* Ensures image scales nicely within the box */
}

.health-hubs-service-icon svg {
    width: 100%;
    height: 100%;
}

.health-hubs-service-text {
    font-size: 16px;
    font-weight: 500;
    color: #334155;
    /* Dark grey */
}

/* Image fade effect wrapper */
.health-hubs-image-wrapper {
    position: relative;
}

.health-hubs-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}


/* --- Responsive Styles --- */

/* Medium screens and up (md: 768px) */
@media (min-width: 768px) {
    

    .section-health-hubs {
    }

    .health-hubs-layout-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .health-hubs-title {
        font-size: 36px;
    }

    /* This is how you flip the order on desktop */
    .health-hubs-content-wrapper {
        order: 1;
    }

    .health-hubs-image-wrapper {
        order: 2;
    }
}

/* On mobile, remove the mask and stack default (content first) */
@media (max-width: 767px) {
    .health-hubs-image-wrapper {
        mask-image: none;
    }

    /* On mobile, make the services list 1 column */
    .health-hubs-services-grid {
        grid-template-columns: 1fr;
    }

    .health-hubs-content-wrapper {
        order: 2;
    }
}
/*Health Hubs*/

/*Home Care*/
.home-care-hero-container h3,
.home-care-hero-container p {
    text-align: center;
}

.home-care-hero-container p {
    width: 58%;
    margin: auto !important;
}

/* The white contact card */
.home-care-contact-card {
    background-color: #F4FDFF;
    border-radius: 16px;
    /* rounded-2xl */
    padding: 10px 20px;
    box-shadow: 0 4px 11.2px 0 rgba(71, 117, 129, 0.10);
    text-align: left;
    /* Align text to the left inside the card */
    max-width: 640px;
    /* Constrain card width */
    margin: 0 20px;
    /* Center the card */
}

/* "Home Care Contact:" Title */
.contact-card-title {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    /* Dark grey */
    margin-top: 0;
    margin-bottom: 24px;
}

/* Grid for the 4 contact items */
.contact-card-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px 25px;
}

/* A single contact item (icon + link) */
.contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.contact-item-icon {
    flex-shrink: 0;
    /* Prevent icon from shrinking */
    width: 24px;
    height: 24px;
    color: #0d9488;
    /* Teal */
}

/* --- UPDATED --- */
/* Style for the img tag */
.contact-item-icon img {
    width: 14px;
    height: 14px;
    object-fit: contain;
}

/* --- END UPDATE --- */

.contact-item-link {
    color: #2E2E2E;
    font-family: Manrope;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline !important;
    line-height: 140%; /* 42px */
    word-break: break-all;
    /* Prevent long URLs from breaking layout */
}

.contact-item-link:hover {
    color: #0d9488;
    /* Teal on hover */
}

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

    /* Make contact card 2x2 on desktop */
    .contact-card-grid {
        grid-template-columns: 1fr;
    }

    .home-care-hero-container p {
        width: 88%;
        margin: auto !important;
    }
    .contact-card-grid {
        display: grid;
        gap: 15px 25px;
    }
    

}
/*Home Care*/


/*OUR SERVICES*/

.elementor-element.hompage-team-lead-section {
}

/* OUR TEAM LEADS */

.hompage-team-lead-section {
    background-size: 80% !important;
    background-position: center top 130px !important;
}

 /* Main Section Container */
.leaders-section {
    position: relative;
}

/* Centering Container */
.leaders-container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    /* Sits on top of the decorative arcs */
}

/* Main Title */
.leaders-main-title {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin-top: 0;
    margin-bottom: 64px;
}

/* Grid for the leader cards */
.leaders-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 30px 70px 0px;
}

/* Individual Leader Card */
.leader-card {
    text-align: center;
}

/* Image Wrapper */
.leader-image-wrapper {
    width: 220px;
    /* Diameter of the circle */
    height: 220px;
    margin: 0 auto 24px auto;
    /* Center horizontally, 24px bottom margin */
    border-radius: 50%;
    /* Makes it a circle */
    overflow: hidden;
    /* Clips the image */
    background-color: #E0F2F1;
    /* Fallback bg */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.leader-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures image covers the circle */
}

/* Leader's Name */
.leader-name {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    width: 70%;
    margin: auto;
}

/* Leader's Position */
.leader-position {
    font-size: 16px;
    font-weight: 400;
    color: #E0F2F1;
    /* Light teal/white */
    line-height: 1.5;
    margin: auto !important;
    width: 60%;
}

.leaders-grid .leader-card:nth-child(2) {
    position: relative;
}

/* --- Responsive Styles --- */
@media (max-width: 991px) {
    .leaders-grid {
        grid-template-columns: 1fr;
        /* Stack on tablet */
        gap: 56px;
        max-width: 400px;
        /* Constrain width when stacked */
        margin: 0 auto;
        /* Center the stack */
    }

    .leaders-main-title {
        font-size: 30px;
        margin-bottom: 48px;
    }

    .leaders-grid .leader-card:nth-child(2) {
        bottom: 0; 
        order: -1;
    }
}

@media (max-width: 767px) {
    .leaders-section {
        padding: 64px 24px;
    }

    .leaders-grid .leader-card:nth-child(2) {
        bottom: 0; 
    }
}
/* OUR TEAM LEADS */

/* OUR TEAM MEMBERS */

/* Main Section Container */
.members-section {
    padding: 80px 24px;
    position: relative;
    overflow: hidden;
    /* Hides the arcs that go off-screen */
    font-family: 'Inter', sans-serif;
    /* Remove top padding if it's stacked with Leaders */
    /* padding-top: 0; */
}

/* Centering Container */
.members-container {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    /* Sits on top of the decorative arcs */
}

/* Grid for the member cards */
.members-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /*  columns */
    gap: 24px;
    /* Space between cards */
}

/* Individual Member Card */
.member-card {
    text-align: center;
}

/* Image Wrapper */
.member-image-wrapper {
    width: 180px;
    /* Diameter of the circle (smaller for 5 cols) */
    height: 180px;
    margin: 0 auto 20px auto;
    /* Center horizontally, 20px bottom margin */
    border-radius: 50%;
    /* Makes it a circle */
    overflow: hidden;
    /* Clips the image */
    background-color: #E0F2F1;
    /* Fallback bg */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.member-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Ensures image covers the circle */
}


.member-name {
    color: #F5F7FA;
    width: 80%;
    margin: auto;
    margin-bottom: 5px;
}

/* Member's Position */
.member-position {
    font-size: 15px;
    /* Slightly smaller */
    font-weight: 400;
    color: #E0F2F1;
    /* Light teal/white */
    line-height: 1.4;
    margin: 0;
}

/* --- Responsive Styles --- */
@media (max-width: 1024px) {
    .members-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
        max-width: 700px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .members-section {
        padding: 0px 0px 50px 0px;
    }

    .members-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 2 columns on mobile */
        gap: 24px;
        max-width: 400px;
    }

    .member-card:last-child:nth-child(odd) {
        /* Tell this specific card to span both columns */
        grid-column: 1 / -1;
        
        /* Center the card within that new full-width space */
        justify-self: center;

        /* Optional: Your card might stretch to 100% width.
        If it looks too wide, add a max-width.
        You can set this to match the width of your other cards.
        */
        /* max-width: 300px; */ 
    }
}

@media (max-width: 480px) {
    .member-image-wrapper {
        width: 150px;
        height: 150px;
    }

    .member-name {
        font-size: 18px;
    }

    .member-position {
        font-size: 14px;
    }
}
/* OUR TEAM MEMBERS */


/*OUR VISION MISSION*/
.section-vision-mission {
    overflow: hidden;
    position: relative;
}

.vision-mission-grid {
    display: grid;
    grid-template-columns: 1fr;
    background: linear-gradient(to bottom, #477581 0%, #477581 50%, transparent 50%, transparent 100%);

}

.vision-bg {
    background-color: #E0F7F9;
}

.vision-column {
    background-color: #F5F7FA ;
    padding: 35px 48px;
    border-radius: 0px 500px 500px 0px;
    height: 100%;
    display: flex;
    /* flex-direction: column; */
    justify-content: flex-end;
    align-items: baseline;
    /* align-self: end; */
}

.vision-column .inner-container,
.mission-column .inner-container{
    width: 100%;
}

.telehelath-icon svg {
    max-width: 34px;
}

.ecosystem-card-icon svg {
    height: 52px;
}

.ecosystem-card-icon {
    display: flex;
    justify-items: center;
}

.mission-column {
    background-color: #E0F7F9;
    padding: 35px 48px;
    border-radius: 0px 500px 500px 0px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}

.vision-mission-title {
    font-size: 31px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}


.vision-mission-description {
    font-size: 22px;
    line-height: 1.36364;
    margin: 0;
}

.mission-column .vision-mission-description {
    font-size: 22px;
    line-height: 1.4;
    margin: 0;
    margin-right: -8px;
}

.vision-mission-description .highlight-text {
    color: #477581;
    font-weight: 700;
}

@media (min-width: 768px) {
    .vision-mission-grid {
        grid-template-columns: 1fr 1fr;
    }

    .vision-mission-title {
        font-size: 30px;
    }
}

@media screen and (max-width:767px) {
    .vision-column .inner-container,
    .mission-column .inner-container{
        width: 100%;
    }

    .vision-mission-grid{
        background: linear-gradient(to bottom, #477581 0%, #477581 23%, transparent 23%, transparent 100%);
    }

    .vision-bg {
        background-color: transparent;
    }

    .mission-column {
        border-radius: 500px 0px 0px 500px;
    }

    
    .vision-mission-title, .vision-mission-description {
        text-align: left;
    }

    .mission-column .vision-mission-title, .mission-column .vision-mission-description {
        margin-left: 60px;
    }s

    .home-care-contact-card h5 {
        text-align: left;
    }

    .vision-mission-description,.mission-column .vision-mission-description {
        font-size: 18px
    }
    
}
/*OUR VISION MISSION*/
.homepage-opportunities .inner-wrapper.e-flex {
    padding: 20px;
}


.homepage-opportunities p , 
.homepage-opportunities h2 {
    text-align: left;
}

.homepage-opportunities h2 {
    font-size: 28px;
}

.hompage-meet-team-section {
    padding-bottom: 30px !important;
}

.content-qr.e-flex.e-con {
    display: none;
}

.dialog-widget-content.dialog-lightbox-widget-content .dialog-close-button.dialog-lightbox-close-button {
    top: 70px;
    right: 190px;
}

.dialog-widget-content.dialog-lightbox-widget-content footer {
    display: none;
}

.homepage-opportunities .inner-container {
    max-width: 1140px;
}

.elementor-11 .elementor-element.elementor-element-2955546 {
    width: 90%;
}

.hero-content-inner {
    max-width: 1140px;
    width: 100%;
}
@media screen and (max-width:767px) {
    .dialog-widget-content.dialog-lightbox-widget-content .dialog-close-button.dialog-lightbox-close-button {
        top: 90px;
        right: 10px;
    }

    .home-care-contact-title {
        text-align: left;
    }
    
    .hero-section-button.elementor-widget.elementor-widget-button > a {
        width: 140px;
    }
}

.opportunities-text .elementor-element .swiper .elementor-swiper-button-next {
    right: -20px;
}

.opportunities-text .elementor-element .swiper .elementor-swiper-button-prev {
    left: -20px;
}

.opportunities-text .text-center p {
    text-align: left !important;
}

.contact-main-title {
	font-size : 35px !important;
}

.elementor-11 .elementor-element.elementor-element-2d410da .gallery-item {
	padding: 0 0px 0px 0 !important;
}

.elementor-image-gallery .gallery-item {
	vertical-align: middle !important;
}

.elementor-11 .elementor-element.elementor-element-2d410da .gallery-item .gallery-icon img {
	max-width: 65%;
}

.elementor-11 .elementor-element.elementor-element-2d410da .gallery-item:nth-child(-n+3){
	padding: 0 0px 70px 0 !important;
}

.elementor-11 .elementor-element.elementor-element-2d410da .gallery-item:nth-of-type(2) .gallery-icon img {
    max-width: 95%;
}

/* Force 2 columns for the "our-partners-mobile" gallery on mobile devices */
@media (max-width: 767px) {
    .our-partners-mobile .gallery {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* Creates 2 equal columns */
        gap: 10px; /* Adjust this value for space between images */
        margin: 0 !important;
    }

    /* Ensure individual items fit the new grid layout */
    .our-partners-mobile .gallery .gallery-item {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        float: none !important; /* Disables old float behavior */
    }
}


/*bmi calculator form*/

.bmi-main-wrapper {
    color: #5b7c88;
    max-width: 700px;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    border-radius: 18px;
    box-shadow: 0 3px 12px 0 #E3EFF0;
}

/* --- GRID & FIELDS --- */
.bmi-grid {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.bmi-field {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

.bmi-field label {
    color: #477581;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}

.bmi-main-wrapper input[type="text"],
.bmi-main-wrapper input[type="number"],
.bmi-main-wrapper input[type="tel"],
.bmi-main-wrapper input[type="email"],
.bmi-main-wrapper select,
.bmi-modal input[type="text"],
.bmi-modal input[type="number"],
.bmi-modal input[type="tel"],
.bmi-modal input[type="email"],
.bmi-modal select {
    width: 100%;
    border-radius: 8px;
    background-color: #F4F6F8;
    color: #6C757D; 
    font-family: 'Manrope', sans-serif;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.4;
    padding: 8px 45px 8px 15px; 
    border: none;
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
}

.bmi-main-wrapper select,
.bmi-modal select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.08709 6.83705C3.45321 6.47098 4.0468 6.47098 4.41291 6.83705L10 12.4242L15.5871 6.83705C15.9532 6.47098 16.5468 6.47098 16.9129 6.83705C17.279 7.20317 17.279 7.7968 16.9129 8.16292L10.6629 14.4129C10.2968 14.779 9.70319 14.779 9.33706 14.4129L3.08709 8.16292C2.72097 7.7968 2.72097 7.20317 3.08709 6.83705Z' fill='%232E2E2E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 18px;
    outline: none;
}

.bmi-main-wrapper select.selected {
    color: #2c3e50;
}

.bmi-calculator-step input:focus {
    border-color: #5b7c88;
    background: #fff;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.08709 6.83705C3.45321 6.47098 4.0468 6.47098 4.41291 6.83705L10 12.4242L15.5871 6.83705C15.9532 6.47098 16.5468 6.47098 16.9129 6.83705C17.279 7.20317 17.279 7.7968 16.9129 8.16292L10.6629 14.4129C10.2968 14.779 9.70319 14.779 9.33706 14.4129L3.08709 8.16292C2.72097 7.7968 2.72097 7.20317 3.08709 6.83705Z' fill='%232E2E2E'/%3E%3C/svg%3E");
}

.bmi-calculator-step input:active {
    border-color: #5b7c88;
    background: #fff;
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.08709 6.83705C3.45321 6.47098 4.0468 6.47098 4.41291 6.83705L10 12.4242L15.5871 6.83705C15.9532 6.47098 16.5468 6.47098 16.9129 6.83705C17.279 7.20317 17.279 7.7968 16.9129 8.16292L10.6629 14.4129C10.2968 14.779 9.70319 14.779 9.33706 14.4129L3.08709 8.16292C2.72097 7.7968 2.72097 7.20317 3.08709 6.83705Z' fill='%232E2E2E'/%3E%3C/svg%3E");
}

.bmi-modal-overlay input {
    outline: none;
}

.bmi-modal-overlay input:focus,
.bmi-modal-overlay input:active,
.bmi-modal-overlay input:focus-visible {
    border-color: #5b7c88;
    background: #F4F6F8;
    outline: none;
    background-image: unset !important;
}

.bmi-main-wrapper .height-input input:focus,
.bmi-main-wrapper .weight-input input:focus {
    outline: none;
    background-image: none}

.bmi-main-wrapper .height-input input:active,
.bmi-main-wrapper .weight-input input:active {
    outline: none;
    background-image: none}

/* Unit Labels (cm / kg) */
.unit-field .unit-label {
    position: absolute;
    right: 15px;
    top: 33px;
    color: #0F2855;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    pointer-events: none;
}


/* --- RADIO TOGGLES (Yes/No Buttons) --- */
.bmi-interest-section {
    margin: 24px 0;
}

.bmi-interest-section label {
    color: #477581;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2; 
    margin-bottom: 12px;
}

.bmi-interest-section .wpcf7-list-item {
    margin: 0 12px 0 0;
    display: inline-block;
}

.bmi-interest-section .wpcf7-list-item label {
    background: #f4f7f9;
    padding: 12px 24px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #e0e6ed;
    transition: 0.3s;
    font-weight: 500;
}

/* 1. Override the font-size: 0 conflict */
.bmi-interest-section .wpcf7-form-control-wrap {
    font-size: 14px !important; 
    display: block;
}

/* 2. Hide the radio safely but keep it functional */
.bmi-interest-section input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: all;
    width: 35%;
    max-width: 190px;
    height: 100%;
    cursor: pointer;
    z-index: 5;
}

/* 3. Style the List Item as a clickable block */
.bmi-interest-section .wpcf7-list-item {
    display: inline-block;
    margin: 10px 10px 0 0;
}

/* 4. The Label (This is what the user actually clicks) */
.bmi-interest-section .wpcf7-list-item-label {
    display: inline-block;
    background: #F4F6F8;
    color: #6C757D;
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid #F4F6F8;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    font-family: 'Manrope', sans-serif;
    line-height: 1.2;
}

/* 5. The CHECKED state logic */
.bmi-interest-section input[type="radio"]:checked + .wpcf7-list-item-label {
    background-color: #E0F7F9 !important;
    border: 1px solid #477581 !important;
    color: #477581 !important;
}

/* 6. Kill the problematic <br> tags injected by WPCF7 */
.bmi-interest-section br {
    display: none !important;
}

/* --- BUTTONS --- */
.bmi-main-button {
    width: 100%;
    background: #5b7c88;
    color: #fff !important;
    font-family: Poppins;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    padding: 10px 13px;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.bmi-main-button:hover {
    background: #4a6671;
}

.bmi-main-button:active,
.bmi-main-button:focus {
    outline: none;
}

.bmi-outline-button {
    width: 100%;
    background: transparent;
    font-family: Poppins;
    border: 1px solid #5b7c88;
    color: #5b7c88;
    padding: 10px 13px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 15px;
}

.wpcf7 form .wpcf7-response-output {
    border: none !important;
}

/* --- MODAL POPUP --- */
.bmi-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(44, 62, 80, 0.6);
    backdrop-filter: blur(4px);
    align-items: center;
    justify-content: center;
}

.bmi-modal-content {
    background: #fff;
    padding: 40px 30px;
    border-radius: 24px;
    width: 90%;
    max-width: 450px;
    position: relative;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.modal-close-btn {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 30px;
    color: #bdc3c7;
    cursor: pointer;
}

.phone-input-flex {
    display: flex;
    gap: 10px;
}

.phone-input-flex select { width: 100px; }

.phone-input-flex {
    display: flex;
    gap: 10px;           /* Space between the country code and number */
    align-items: flex-start; /* Keeps them aligned at the top */
}

/* Force CF7's automatic spans to behave like flex items */
.phone-input-flex .wpcf7-form-control-wrap {
    display: block; 
    flex: 1;
}

/* Specifically keep the country code narrow */
.phone-input-flex .wpcf7-form-control-wrap[data-name="phone-country-code"] {
    flex: 0 0 80px;    
}

/* Remove the margin/spacing caused by the automatic <br> tags */
.phone-input-flex br {
    display: none !important;
}

.whatsapp-trigger-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background-color: #F0F0F0; 
    padding: 10px 14px;
    border-radius: 50px;       
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px;
    transition: opacity 0.3s ease;
    pointer-events: none;
    opacity: 0.7;
}

.whatsapp-trigger-btn span {
    color: #6C757D;            /* Grey/Teal text color from screenshot */
    font-size: 15px;
    font-weight: 500;
    font-family: Poppins;
}

.whatsapp-trigger-btn svg {
    flex-shrink: 0;            /* Prevents icon from squishing */
    width: 24px;
    height: 24px;
}

/* "Filled" State */
.whatsapp-trigger-btn.is-ready {
    background: #E0F7F9 !important; /* The light teal from your design */
    color: #477581 !important;      /* Dark teal text */
    pointer-events: auto;
    opacity: 1;
}

/* Ensure the SVG also looks active */
.whatsapp-trigger-btn.is-ready svg g {
    opacity: 1 !important;
}

#corporate-modal-overlay .whatsapp-trigger-btn.is-ready {
    background-color: #E0F7F9 !important; /* Light teal background */
    color: #477581 !important;            /* Dark teal text */
}

#corporate-modal-overlay .whatsapp-trigger-btn.is-ready svg {
    filter: none !important;
    opacity: 1 !important;
}

/* Specific "Ready" state for the Myha Modal WhatsApp Button */
#myha-modal-overlay .whatsapp-trigger-btn.is-ready {
    background-color: #FDE3F3 !important; /* Light Pink Background */
    color: #D7018F !important;            /* Dark Pink Text */
    pointer-events: auto !important;
    opacity: 1;
}

#myha-modal-overlay .whatsapp-trigger-btn.is-ready span{
    color: #D7018F !important;            /* Dark Pink Text */
}

/* Ensure the SVG icon also brightens for this version */
#myha-modal-overlay .whatsapp-trigger-btn.is-ready svg g {
    opacity: 1 !important;
}

/* Optional: Subtle hover effect for the pink button */
#myha-modal-overlay .whatsapp-trigger-btn.is-ready:hover {
    background-color: #fcd2eb !important;
}

/* --- Myha Specific Label Color --- */
#myha-modal-overlay .bmi-field label {
    color: #D7018F !important; /* The pink from your design */
}

/* --- Re-applying the Global Modal Styling (Safety Check) --- */
#myha-modal-overlay input,
#myha-modal-overlay select {
    background-color: #F4F6F8 !important;
    border: none !important;
    border-radius: 8px;
    padding: 12px 15px;
}

/* Ensure privacy notice stays muted */
#myha-modal-overlay .privacy-notice {
    font-size: 13px;
    color: #7f8c8d;
    line-height: 1.5;
    margin-top: 20px;
}


/* --- RESULTS VIEW (Step 3) --- */
.result-header {
    text-align: center;
    margin-bottom: 30px;
}

.result-header p {
    color: #477581;
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}

.result-header h2 {
    color: #000;
    font-family: Manrope !important;
    font-size: 60px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

/* Base Badge Styling */
.bmi-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    transition: background 0.3s ease, color 0.3s ease;
    margin-top: 10px;
}

/* Color Themes */
.bmi-badge.is-healthy {
    background-color: #C6FCE5 !important;
    color: #007A55 !important;
}

.bmi-badge.is-warning {
    background-color: #FFF9E6 !important; /* Light Yellow */
    color: #FFB119 !important;           /* Amber */
}

.bmi-badge.is-danger {
    background-color: #FFEBEB !important; /* Light Red */
    color: #E6332A !important;           /* Orange-Red */
}

.result-summary-grid {
    display: flex;
    gap: 12px;
    margin: 30px 0;
}

.summary-box {
    flex: 1;
    background: #f8fafb;
    padding: 15px 10px;
    border-radius: 12px;
    text-align: center;
}

.summary-box label {
    color:  #477581;
    text-align: center;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2; 
}

.summary-box p {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #1a2a33;
}

.summary-box span {
    color: #0F2855;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.summary-box span#summary-h,
.summary-box span#summary-w,
.summary-box span#summary-a {
    color: #000;
    font-family: Manrope;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 1; 
}

.bmi-disclaimer, .privacy-notice {
    color: #6C757D;
    text-align: left;
    font-family: Manrope;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 12px !important;
}

.bmi-disclaimer {
    text-align: center;
}

/* Container styling based on your specs */
.section-cards-services {
    z-index: 2 !important;
}

.app-features-div.homepage {
    background-image: none;
    margin-top: -130px;
}

.app-features-div .features-div.homepage {
    width: 100%;
}

.wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
}



@media screen and (max-width:767px) {

    .bmi-main-wrapper {
        padding: 24px 20px;
    }

    .bmi-grid {
        flex-direction: column;
    }

    .bmi-field p {
        text-align: left;
    }

    .bmi-interest-section label {
        text-align: left;
    }

    .bmi-interest-section input[type="radio"] {
        position: absolute;
        opacity: 0;
        pointer-events: all;
        width: 100%;
        height: 40%;
        cursor: pointer;
        z-index: 5;
        max-width: unset;
    }

    .bmi-modal-content {
        padding: 24px 20px;
        width: 93%;
        max-width: 450px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    }
    
    .bmi-main-button {
        font-size: 12px !important;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .bmi-main-wrapper input[type="text"],
    .bmi-main-wrapper input[type="number"],
    .bmi-main-wrapper input[type="tel"],
    .bmi-main-wrapper input[type="email"],
    .bmi-main-wrapper select {
        padding: 8px 45px 8px 14px !important; 
    }

    .result-header h2 {
        text-align: center;
    }

    .wpcf7-form-control.wpcf7-radio {
        display: inline-flex;
        flex-direction: column;
        width: 100%;
    }

    .bmi-interest-section .wpcf7-list-item {
        margin: 10px 0px 0 0;
        text-align: center;
    }

    .bmi-interest-section .wpcf7-list-item-label {
        width: 100%;
    }

    .privacy-notice {
        text-align: left;
        line-height: 1.4;
    }

    .bmi-disclaimer {
        font-size: 12px;
        text-align: center;
    }

    .bmi-outline-button {
        font-size: 12px;
    }

    .privacy-notice {
        margin-top: 24px !important;
    }

    .whatsapp-trigger-btn span {
        font-size: 12px !important;
    }
    
    .app-features-div.homepage {
        margin-top: -80px;
    }

    .app-features-div .features-div.homepage {
        padding-right: 0 !important;
    }

    .app-features-div.homepage .features-div.homepage .single-feature .inner-div {
        flex-direction: row-reverse;
    }
    
    .app-features-div.homepage .features-div.homepage .single-feature {
        padding: 22px;
        margin: 0 5px;
        min-height: 110px;
    }

    .app-features-div.homepage .features-div.homepage .single-feature .img-div img {
        height: 55px;
        width: auto;
        padding: 0;
        margin: auto 0;
    }

    .modal-close-btn {
        top: 0px;
    }
}

.top-announcement-banner {
    background-color: #D5ECFF; /* Light blue background */
    padding: 8px 0;
}

.banner-flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.banner-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.banner-myha-logo {
    width: 35px; /* Adjust based on preferred size */
    height: auto;
}

.banner-left p {
    margin: 0;
    color: #477581; /* Dark teal text from SVG */
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.banner-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.banner-wa-link img {
    height: 37px;
    width: auto;
    display: block;
    transition: transform 0.2s ease;
}

.banner-wa-link:hover img {
    transform: scale(1.05);
}

.banner-arrow-svg {
    display: flex;
    align-items: center;
}

/* Mobile Responsive Adjustments */
@media (max-width: 767px) {
    .banner-flex-container {
        flex-direction: row;
        padding: 30px 0 5px;
        gap: 8px;
    }

    .banner-left {
        display: flex;
        align-items: center;
        gap: 12px;
        flex: 1;
    }
    
    .banner-left p {
        font-size: 12px;
        text-align: center;
        font-weight: 500;
    }

    .banner-wa-link img {
        height: 26px;
    }
}

.wpcf7-response-output {
    display: none !important;
}

.policy-page h4 {
  font-family: "Manrope", sans-serif !important;
}

.policy-page ul {
  padding-left: 40px;
}

.policy-page ul li{
  font-size: 16px;
}

.policy-page a {
  color:#477581;
  text-decoration: none;
}

.policy-page a:hover {
  text-decoration: underline;
}

@media screen and (max-width:767px) {
	.policy-header-wrap {
		margin-bottom: 0 !important;
	}
	
	.policy-page h4 {
	  	font-family: "Manrope", sans-serif !important;
		text-align: left;
	}
	
	.policy-page p {
		text-align: left;
	}

	.policy-page ul {
	  	padding-left: 0;
	}

	.policy-page ul li{
	  	font-size: 14px;
	}
}

.partners-logo-div .galleryid-11.gallery-columns-3.gallery-size-medium {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

div#gallery-4 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

/* Force I-beam cursor on all text inputs inside the BMI/Corporate/MyHA modals */
.bmi-modal input[type="text"],
.bmi-modal input[type="tel"],
.bmi-modal input[type="email"],
.bmi-modal input[type="number"] {
    cursor: text !important;
}

/* Ensure the drop-down selects still use the pointer hand */
.bmi-modal select {
    cursor: pointer !important;
}