* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background: #f5f5f5;
        }

        a {
            text-decoration: none;
        }

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

        .main-header {
            background: #edf4ef;
            padding: 18px 0;
            border-radius: 0 0 20px 20px;
        }

        .logo img {
            width: 220px;
        }

        .navbar-nav .nav-link {
            color: #1f1f1f;
            font-size: 14px;
            font-weight: 400;
            padding: 10px 16px !important;
        }

        .navbar-nav .dropdown-menu {
            border: none;
            border-radius: 14px;
            padding: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        }

        .navbar-nav .dropdown-item {
            padding: 10px 14px;
            border-radius: 10px;
            font-size: 14px;
        }

        .navbar-nav .dropdown-item:hover {
            background: #0f6a5a;
            color: #fff;
        }

        .header-btns {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .whatsapp-btn {
            width: 46px;
            height: 46px;
            border-radius: 12px;
            background: #2cb742;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 22px;
        }

        .contact-btn {
            background: #16806f;
            color: #fff;
            padding: 13px 24px;
            border-radius: 40px;
            font-size: 15px;
            font-weight: 500;
            transition: 0.3s;
        }

        .contact-btn:hover {
            background: #0d5e51;
            color: #fff;
        }


.whatsapp-btn img{
        width: 46px;
}
        /* =========================
                HERO SECTION
        ========================== */

        .hero-section {
            padding: 25px 0 40px;
                background: #fff;
        }

        .hero-left {
            background:
                linear-gradient(rgba(9, 79, 69, 0.92),
                    rgba(9, 79, 69, 0.92)),
                url('images/hero-bg.jpg');
            background-size: cover;
            background-position: center;
            border-radius: 18px;
            padding: 48px 40px;
            min-height: 430px;
            position: relative;
            overflow: hidden;
        }

        .hero-left h1 {
            font-size: 56px;
            line-height: 1.15;
            font-weight: 600;
            color: #fff;
            margin-bottom: 25px;
        }

        .hero-left p {
            color: #fff;
            font-size: 18px;
            line-height: 1.9;
            margin-bottom: 18px;
            max-width: 90%;
        }

        .hero-btns {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-top: 30px;
        }

        .hero-btns a {
            padding: 14px 26px;
            border-radius: 40px;
            font-size: 16px;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .consult-btn {
            background: #fff;
            color: #222;
        }

        .service-btn {
            border: 1px solid #fff;
            color: #fff;
        }

        .hero-stats {
            margin-top: 45px;
        }

        .stat-box h2 {
            color: #fff;
            font-size: 48px;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .stat-box p {
            color: #fff;
            font-size: 18px;
            line-height: 1.5;
            margin: 0;
        }

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

        .hero-image-box {
            position: relative;
            height: 100%;
        }

        .hero-image-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 18px;
            min-height: 430px;
        }

        .middle-logo {
                position: absolute;
    top: 51%;
    left: -55px;
    transform: translateY(-50%);
    width: 85px;
    height: 85px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        }

        .middle-logo img {
            width: 60px;
            min-height: auto;
        }

        /* HOVER DROPDOWN */

.navbar .dropdown {
    position: relative;
}

.navbar .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    margin-top: 15px;
}

.navbar .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

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

        @media(max-width:991px) {

            .hero-left {
                margin-bottom: 25px;
            }

            .hero-left h1 {
                font-size: 42px;
            }

            .hero-left p {
                max-width: 100%;
            }

            .middle-logo {
                left: 50%;
                top: -40px;
                transform: translateX(-50%);
            }

            .header-btns {
                margin-top: 15px;
            }
        }

        @media(max-width:767px) {

            .hero-left {
                padding: 35px 24px;
            }

            .hero-left h1 {
                font-size: 34px;
            }

            .hero-left p {
                font-size: 15px;
                line-height: 1.7;
            }

            .hero-btns {
                flex-direction: column;
                align-items: flex-start;
            }

            .hero-btns a {
                width: 100%;
                justify-content: center;
            }

            .stat-box {
                margin-bottom: 25px;
            }

            .stat-box h2 {
                font-size: 36px;
            }

            .stat-box p {
                font-size: 15px;
            }

            .hero-image-box img {
                min-height: 320px;
            }

            .logo img {
                width: 180px;
            }
        }


        /* =========================
        LIFE O SCOPE
========================== */

.life-scope-section {
    padding: 60px 0;
    background: #F9F9F9;
}

.section-title h2 {
    font-size: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 12px;
}

.section-title p {
        font-size: 20px;
    color: #111;
    margin-bottom: 25px;
    font-weight: 400;
}

.scope-card {
    position: relative;
    text-align: center;
    padding-top: 35px;
}

.scope-box {
    height: 92px;
    border: 1.5px solid #1d9d97;
    border-radius: 12px;
    position: relative;
}

.scope-name {
       width: 82%;
    background: #fff;
    margin: -22px auto 0;
    padding: 8px 15px;
    border-radius: 6px;
    font-size: 14px;
    color: #222;
    position: relative;
    z-index: 2;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.scope-icon {
    width: 74px;
    height: 74px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.scope-icon img {
    width: 38px;
}

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

@media(max-width:991px) {

    .section-title h2 {
        font-size: 42px;
    }

    .section-title p {
        font-size: 22px;
        margin-bottom: 50px;
    }

    .scope-name {
        font-size: 18px;
        width: 90%;
    }
}

@media(max-width:767px) {

    .life-scope-section {
        padding: 60px 0;
    }

    .section-title h2 {
        font-size: 34px;
    }

    .section-title p {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 40px;
    }

    .scope-box {
        height: 75px;
    }

    .scope-name {
        font-size: 15px;
        padding: 14px 10px;
    }

    .scope-icon {
        width: 58px;
        height: 58px;
    }

    .scope-icon img {
        width: 28px;
    }
}

/* =========================
    MENTAL HEALTH SECTION
========================== */

.mental-health-section {
    padding: 60px 0;
    background: #fff;
}

.mental-health-wrapper {
    background: #035766;
    border-radius: 26px;
    /* overflow: hidden; */
    padding: 0 0 0 45px;
    /* position: relative; */
}

.mental-content {
    padding: 11px 0;
}

.mental-content h2 {
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
    margin-bottom: 23px;
}

.mental-feature-wrap {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.mental-feature-card {
      width: 171px;
      min-height: 142px;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 12px;
      padding: 14px 11px;
      text-align: center;
      transition: 0.3s;
}

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

.mental-icon {
    margin-bottom: 12px;
}

.mental-icon img {
    width: 45px;
}

.mental-feature-card p {
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    margin: 0;
    font-weight: 300;
}

.mental-btn {
   display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #fff;
    color: #111;
    padding: 9px 34px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;
}

.mental-btn:hover {
    background: #e9e9e9;
    color: #111;
}

.mental-image {
    position: relative;
    height: 100%;
}

.mental-image img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    /* z-index: 999; */
    position: relative;
    margin-top: -40px;
}

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

@media(max-width:1199px) {

    .mental-content h2 {
        font-size: 42px;
    }

    .mental-feature-card {
        width: 165px;
    }
}

@media(max-width:991px) {

    .mental-health-wrapper {
        padding: 40px 30px 0;
    }

    .mental-content {
        padding: 0;
    }

    .mental-content h2 {
        font-size: 36px;
    }

    .mental-image {
        margin-top: 40px;
        text-align: center;
    }

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

@media(max-width:767px) {

    .mental-health-section {
        padding: 50px 0;
    }

    .mental-health-wrapper {
        padding: 35px 20px 0;
        border-radius: 18px;
    }

    .mental-content h2 {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .mental-feature-wrap {
        gap: 15px;
        margin-bottom: 30px;
    }

    .mental-feature-card {
        width: 100%;
        min-height: auto;
    }

    .mental-btn {
        width: 100%;
        font-size: 18px;
        padding: 15px 20px;
    }


    .popular-tag {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: #045766;
    color: #fff;
    padding: 13px 35px !important;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .5px;
}

.custom-indicators {
    margin-bottom: -35px !important;
}
.testimonial-card {
    position: relative;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 22px;
    padding: 28px 70px;
    overflow: hidden;
    height: auto !important;
}
}

/* =========================
        OUR APPROACH
========================== */

.our-approach-section {
    padding: 50px 0;
    background: #f5f5f5;
}

.our-approach-title {
    margin-bottom: 55px;
}

.our-approach-title h2 {
    font-size: 40;
    font-weight: 600;
    color: #111;
    margin-bottom: 18px;
}

.our-approach-title p {
    max-width: 900px;
    margin: auto;
    font-size: 16px;
    line-height: 1.8;
    color: #444;
}

/* CARD */

.our-approach-card {
    background: #fff;
    border: 2px solid #1fa99d;
    border-radius: 22px;
    padding: 34px;
    height: 100%;
    transition: 0.3s;
}

.our-approach-card.active {
    border-color: #111;
}

.our-approach-card:hover {
    transform: translateY(-6px);
}

/* ICON */

.our-approach-icon {
    width: 70px;
    height: 70px;
    background: #1fa99d;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.our-approach-icon.dark {
    background: #084f5c;
}

.our-approach-icon img {
    width: 48px;
}

/* HEADING */

.our-approach-card h3 {
    font-size: 25px;
    font-weight: 600;
    color: #111;
    margin-bottom: 9px;
}

/* TEXT */

.our-approach-card p {
    font-size: 13px;
    line-height: 2;
    color: #555;
    margin-bottom: 39px;
}

/* BUTTON */

.our-approach-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #1a9b8f;
    color: #fff;
    padding: 9px 28px;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 300;
    transition: 0.3s;
}

.our-approach-btn:hover {
    background: #0e7c72;
    color: #fff;
}

.dark-btn {
    background: #084f5c;
}

.dark-btn:hover {
    background: #063944;
}

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

@media(max-width:1199px) {

    .our-approach-title h2 {
        font-size: 42px;
    }

    .our-approach-title p {
        font-size: 18px;
    }

    .our-approach-card h3 {
        font-size: 28px;
    }

    .our-approach-card p {
        font-size: 16px;
    }
}

@media(max-width:991px) {

    .our-approach-section {
        padding: 60px 0;
    }

    .our-approach-title {
        margin-bottom: 40px;
    }

    .our-approach-card {
        padding: 28px;
    }
}

@media(max-width:767px) {

    .our-approach-title h2 {
        font-size: 34px;
    }

    .our-approach-title p {
        font-size: 16px;
        line-height: 1.7;
    }

    .our-approach-card {
        padding: 24px;
        border-radius: 18px;
    }

    .our-approach-icon {
        width: 70px;
        height: 70px;
    }

    .our-approach-icon img {
        width: 40px;
    }

    .our-approach-card h3 {
        font-size: 26px;
        margin-bottom: 16px;
    }

    .our-approach-card p {
        font-size: 15px;
        line-height: 1.8;
    }

    .our-approach-btn {
        width: 100%;
        font-size: 16px;
    }
}

/* =========================
        TESTIMONIAL SECTION
========================== */

.testimonial-section {
    padding: 54px 0;
    background: #ffffff;
    overflow: hidden;
}

/* TITLE */

.testimonial-title {
    margin-bottom: 24px;
}

.testimonial-title h2 {
    font-size: 40px;
    font-weight: 600;
    color: #111;
    margin-bottom: 12px;
}

.testimonial-title p {
    font-size: 15px;
    color: #444;
}

/* CARD */

.testimonial-card {
    position: relative;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 22px;
    padding: 28px 70px;
    overflow: hidden;
        height: 240px;
}

/* TOP QUOTE */

.quote-top {
    position: absolute;
    top: -15px;
    left: 25px;
    font-size: 180px;
    line-height: 1;
    color: #1d9d8f;
    font-weight: 700;
}

/* BOTTOM QUOTE */

.quote-bottom {
    position: absolute;
    right: 35px;
    bottom: -80px;
    font-size: 420px;
    line-height: 1;
    color: rgba(29, 157, 143, 0.06);
    font-weight: 700;
}

/* CONTENT */

.testimonial-content {
    position: relative;
    z-index: 2;
}

.testimonial-content h3 {
    font-size: 26px;
    line-height: 1.5;
    color: #111;
    font-weight: 500;
    margin-bottom: 28px;
    max-width: 900px;
}

.testimonial-content p {
    font-size: 13px;
    line-height: 2;
    color: #444;
    margin-bottom: 30px;
}

/* USER */

.testimonial-user {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    color: #111;
    font-style: italic;
    font-weight: 500;
}

.testimonial-user .line {
    width: 28px;
    height: 3px;
    background: #1d9d8f;
    border-radius: 10px;
}

/* INDICATORS */

.custom-indicators {
       margin-top: -30px;
    gap: 8px;
    z-index: 999;
    position: absolute;
}

.custom-indicators button {
    width: 34px !important;
    height: 7px !important;
    border: none !important;
    border-radius: 30px;
    background: #dcdcdc !important;
    opacity: 1 !important;
}

.custom-indicators button.active {
    background: #1d9d8f !important;
}

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

@media(max-width:1199px) {

    .testimonial-title h2 {
        font-size: 42px;
    }

    .testimonial-content h3 {
        font-size: 28px;
    }

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

@media(max-width:991px) {

    .testimonial-section {
        padding: 70px 0;
    }

    .testimonial-card {
        padding: 50px 35px;
    }

    .quote-top {
        font-size: 120px;
    }

    .quote-bottom {
        font-size: 260px;
    }
}

@media(max-width:767px) {

    .testimonial-title {
        margin-bottom: 40px;
    }

    .testimonial-title h2 {
        font-size: 34px;
    }

    .testimonial-title p {
        font-size: 16px;
    }

    .testimonial-card {
        padding: 40px 20px;
        border-radius: 18px;
    }

    .testimonial-content h3 {
        font-size: 22px;
        line-height: 1.6;
    }

    .testimonial-content p {
        font-size: 15px;
        line-height: 1.9;
    }

    .testimonial-user {
        font-size: 15px;
    }

    .quote-top {
        font-size: 90px;
        top: -5px;
        left: 10px;
    }

    .quote-bottom {
        font-size: 160px;
        right: 10px;
        bottom: -35px;
    }

    .custom-indicators button {
        width: 24px !important;
    }
}


/* =========================
        REVIEW SECTION
========================== */

.review-section {
    background: #edf4ef;
    padding: 40px 0;
}

.review-card {
    transition: 0.3s;
}

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

/* LOGO */

.review-logo {
    margin-bottom: 12px;
}

.review-logo img {
    height: 30px;
    object-fit: contain;
}

/* TEXT */

.review-card p {
    font-size: 13px;
    color: #333;
    margin-bottom: 12px;
    font-weight: 400;
}

/* STARS */

.review-stars {
    font-size: 26px;
    color: #159b8d;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

/* RATING */

.review-card h4 {
    font-size: 24px;
    font-weight: 700;
    color: #111;
    margin: 0;
}

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

@media(max-width:991px) {

    .review-section {
        padding: 35px 0;
    }

    .review-logo img {
        height: 36px;
    }

    .review-card p {
        font-size: 16px;
    }

    .review-stars {
        font-size: 22px;
    }

    .review-card h4 {
        font-size: 20px;
    }
}

@media(max-width:767px) {

    .review-section {
        padding: 30px 0;
    }

    .review-card {
        margin-bottom: 15px;
    }

    .review-logo img {
        height: 32px;
    }

    .review-card p {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .review-stars {
        font-size: 20px;
        margin-bottom: 6px;
    }

    .review-card h4 {
        font-size: 18px;
    }
}

/* =========================
        OUR RESOURCES
========================== */

.our-resources-section {
    padding: 60px 0;
    background: #f5f5f5;
}

/* TITLE */

.our-resources-title {
    margin-bottom: 35px;
}

.our-resources-title h2 {
    font-size: 40px;
    font-weight: 600;
    color: #111;
    margin-bottom: 12px;
}

.our-resources-title p {
    font-size: 17px;
    color: #444;
}

/* TABS */

.resource-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.resource-tab-btn {
    border: none;
    background: #ebebeb;
    color: #111;
    padding: 9px 32px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}

.resource-tab-btn.active,
.resource-tab-btn:hover {
    background: #1c9b8d;
    color: #fff;
}

/* CARD */

.resource-card {
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
    height: 100%;
}

.resource-card:hover {
    transform: translateY(-8px);
}

.resource-image {
    overflow: hidden;
}

.resource-image img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: 0.4s;
}

.resource-card:hover .resource-image img {
    transform: scale(1.05);
}

.resource-content {
    padding: 24px;
}

/* CATEGORY */

.resource-category {
    display: inline-block;
    font-size: 14px;
    color: #239b3f;
    font-weight: 600;
    margin-bottom: 18px;
}

/* HEADING */

.resource-heading {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 18px;
}

.resource-heading h3 {
        font-size: 17px;
    line-height: 1.3;
    color: #111827;
    font-weight: 700;
    margin: 0;
}

.resource-arrow {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    background: #edf1ed;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    font-size: 20px;
}

/* TEXT */

.resource-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #667085;
    margin-bottom: 35px;
}

/* AUTHOR */

.resource-author {
    display: flex;
    align-items: center;
    gap: 12px;
}

.resource-author img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}

.resource-author h5 {
       font-size: 12px;
    margin-bottom: 3px;
    color: #111;
}

.resource-author span {
        font-size: 12px;
    color: #667085;
}

/* BUTTON */

.resource-btn-wrap {
    margin-top: 55px;
}

.resource-view-btn {
        display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #1c907e;
    color: #111;
    padding: 10px 30px;
    border-radius: 40px;
    font-size: 18px;
    font-weight: 500;
    transition: 0.3s;
}

.resource-view-btn:hover {
    background: #1c907e;
    color: #fff;
}

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

@media(max-width:1199px) {

    .our-resources-title h2 {
        font-size: 44px;
    }

    .resource-heading h3 {
        font-size: 28px;
    }

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

@media(max-width:991px) {

    .our-resources-section {
        padding: 70px 0;
    }

    .resource-tabs {
        margin-bottom: 40px;
    }
}

@media(max-width:767px) {

    .our-resources-section {
        padding: 55px 0;
    }

    .our-resources-title h2 {
        font-size: 34px;
    }

    .our-resources-title p {
        font-size: 16px;
        line-height: 1.7;
    }

    .resource-tab-btn {
        padding: 12px 22px;
        font-size: 16px;
    }

    .resource-image img {
        height: 220px;
    }

    .resource-content {
        padding: 20px;
    }

    .resource-heading h3 {
        font-size: 24px;
    }

    .resource-content p {
        font-size: 15px;
        line-height: 1.7;
    }

    .resource-view-btn {
        width: 100%;
        font-size: 18px;
        padding: 15px 20px;
    }
}


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

.main-footer {
    background: #025b54;
    padding-top: 70px;
    overflow: hidden;
}

/* TOP */

.footer-top {
    padding-bottom: 50px;
}

/* WIDGET */

.footer-widget h3 {
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 30px;
}

.footer-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-widget ul li {
    margin-bottom: 18px;
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
}

.footer-widget ul li a {
    color: #fff;
    transition: 0.3s;
}

.footer-widget ul li a:hover {
    opacity: 0.7;
}

/* CONTACT */

.footer-contact ul li {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}

.footer-contact ul li span {
    font-size: 24px;
    line-height: 1;
    margin-top: 4px;
}

/* MIDDLE */

.footer-middle {
    border-top: 1px solid rgba(255, 255, 255, 0.45);
    border-bottom: 1px solid rgba(255, 255, 255, 0.45);
       padding: 12px 0;
}

/* LINKS */

.footer-links {
    display: flex;
    align-items: center;
    gap: 35px;
    flex-wrap: wrap;
}

.footer-links a {
    color: #fff;
    font-size: 13px;
    transition: 0.3s;
}

.footer-links a:hover {
    opacity: 0.7;
}

/* SOCIAL */

.footer-social {
    display: flex;
    justify-content: flex-end;
    gap: 18px;
}

.footer-social a {
       width: 32px;
    height: 32px;
    border: 2px solid #fff;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.footer-social a:hover {
    background: #fff;
    color: #025b54;
}

/* BOTTOM */

.footer-bottom {
    padding: 25px 0;
}

.footer-bottom p {
    max-width: 1100px;
    margin: auto;
    color: #fff;
    font-size: 12px;
    line-height: 1.8;
    margin-bottom: 18px;
}


.developer-text a{
    color:#fff;
    text-decoration:none;
    transition:0.3s;
}

.developer-text a:hover{
    opacity:0.8;
    text-decoration:underline;
}



.footer-bottom p a {
    color: #fff;
    text-decoration: underline;
}

.footer-bottom h6 {
    color: #fff;
    font-size: 11px;
    margin: 0;
    font-weight: 400;
}

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

@media(max-width:1199px) {

    .footer-widget h3 {
        font-size: 28px;
    }

    .footer-widget ul li {
        font-size: 17px;
    }
}

@media(max-width:991px) {

    .main-footer {
        padding-top: 55px;
    }

    .footer-widget {
        margin-bottom: 10px;
    }

    .footer-social {
        justify-content: flex-start;
    }
}

@media(max-width:767px) {

    .main-footer {
        padding-top: 45px;
    }

    .footer-top {
        padding-bottom: 30px;
    }

    .footer-widget h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .footer-widget ul li {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .footer-middle {
        padding: 18px 0;
    }

    .footer-links {
        gap: 15px;
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-links a {
        font-size: 15px;
    }

    .footer-social {
        gap: 12px;
    }

    .footer-social a {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }

    .footer-bottom {
        padding: 25px 0;
    }

    .footer-bottom p {
        font-size: 14px;
        line-height: 1.8;
    }

    .footer-bottom h6 {
        font-size: 14px;
    }
}





/*fffffffffffffffffffffffffffffffffffffffffffffffffffffffff*/
.footer-brand img{
    max-width:220px;
    margin-bottom:25px;
}

.footer-brand p{
    color:#fff;
    font-size:12px;
    line-height:2;
    margin-bottom:25px;
}

.footer-address h3{
    color:#fff;
    font-size:18px;
    font-weight:600;
    margin-bottom:20px;
}

.footer-address ul{
    list-style:none;
    margin:0;
    padding:0;
}

.footer-address li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:0px;
}

.footer-address li img{
    width:22px;
    margin-top:2px;
}

.footer-address li span{
    color:#fff;
    font-size:13px;
    line-height:1.7;
}

.footer-care{
    margin-top:35px;
}

.footer-widget h3{
    color:#fff;
    font-size:18px;
    font-weight:600;
    margin-bottom:25px;
}

.footer-widget ul li{
    margin-bottom:14px;
}

.footer-widget ul li a{
    color:#fff;
    font-size:13px;
}

.developer-text{
    color:#fff;
    margin:0;
    font-size:13px;
}

.footer-bottom{
    padding:18px 0;
}

.footer-bottom h6{
    color:#fff;
    margin:0;
    font-size:13px;
    font-weight:400;
}

@media(max-width:991px){

    .footer-brand{
        margin-bottom:20px;
    }

    .footer-care{
        margin-top:25px;
    }

    .footer-social{
        justify-content:flex-start;
        margin-top:20px;
    }

    .footer-bottom{
        text-align:center;
    }

    .footer-bottom h6{
        margin-top:10px;
    }
}
/*fffffffffffffffffffffffffffffffffffffffffffffffffffffffff*/




















.video{
    width:100%;
    max-height:800px; /* 300px ya 350px bhi try kar sakte hain */
    overflow:hidden;
}

.video video{
    width:100%;
    height:auto;
    display:block;
}


/*Team*/
.founder-section {
    background: #fff;
}

.founder-wrapper {
    background: url("../images/MD-sir.jpg") no-repeat center center;
    background-size: cover;
    min-height: 550px;
    border-radius: 18px;
    padding: 60px 45px;
    overflow: hidden;
    position: relative;
}

.founder-content {
    width: 48%;
    color: #fff;
}

.founder-tag {
    display: inline-block;
    background: #003b48;
    color: #fff;
    font-size: 14px;
    padding: 10px 22px;
    border-radius: 30px;
    margin-bottom: 20px;
}

.founder-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.1;
    margin-bottom: 10px;
    color: #fff;
}

.founder-content p {
       font-size: 14px;
    line-height: 1.8;
    color: #ffffff;
    margin-bottom: 10px;
}

.achievement-title {
       font-size: 23px;
    font-weight: 600;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 14px;
}

.achievement-row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
}

.achievement-card {
    background: rgba(0, 43, 52, 0.75);
    border-radius: 8px;
    padding: 14px;
    flex: 1;
}

.achievement-card h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.achievement-card p {
      font-size: 12px;
    line-height: 1.5;
    margin: 0;
}

.author-section h6 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0 15px;
}

.author-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 30px;
}

.author-section ul li {
    color: #fff;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.author-section ul li i {
    margin-right: 8px;
    font-size: 16px;
}

/* Tablet */

@media (max-width: 991px) {

    .founder-wrapper {
        padding: 30px;
        background-position: 75% center;
    }

    .founder-content {
        width: 100%;
        max-width: 100%;
        background: rgba(0, 88, 102, 0.90);
        padding: 25px;
        border-radius: 12px;
    }

    .founder-title,
    .achievement-title {
        font-size: 36px;
    }

    .achievement-row {
        flex-direction: column;
    }
}

/* Mobile */

@media (max-width: 767px) {

    .founder-wrapper {
        padding: 20px;
        min-height: auto;
    }

    .founder-title,
    .achievement-title {
        font-size: 28px;
    }

    .founder-content p {
        font-size: 15px;
        line-height: 1.7;
    }

    .author-section ul {
        display: block;
    }

    .author-section ul li {
        margin-bottom: 10px;
    }
}


.about-image img{
    width:100%;
    border-radius:20px;
    display:block;
}

.about-content h2{
    font-size: 31px;
    font-weight:600;
    color:#118b7e;
    margin-bottom: 7px;
}

.about-content p{
        font-size: 15px;
    line-height: 1.9;
    color: #333;
    margin-bottom: 2px;
    text-align: justify;
    text-justify: inter-word;
    text-align-last: left;
    hyphens: auto;
    margin: 0px 0px 0px 0px;
}

.consult-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 30px;
    background:#118b7e;
    color:#fff;
    border-radius:40px;
    text-decoration:none;
    font-weight:500;
    transition:.3s;
}

.consult-btn:hover{
    color:#fff;
}

.about-image{
    position: relative;
}

.about-image .img-fluid{
    width: 100%;
}

.about-logo{
   position: absolute;
    left: 51%;
    top: 85%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.about-logo img {
    width: 101px;
    height: 100px;
    animation: rotateLogo 8s linear infinite;
}

@keyframes rotateLogo{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}


@media(max-width:991px){

    .about-logo{
        width:90px;
        height:90px;
    }

    .about-logo img{
        width:55px;
        height:55px;
    }
}
.free-cintr{
    padding: 0px 8px;
/*    border-radius: 37px;*/
    font-size: 15px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
        width: 40px;
}



.our-story-section{
       padding: 30px 0;
    background: #f5f5f5;

}

.story-top{
    margin-bottom:50px;
}

.story-top h2{
       font-size: 35px;
    font-weight: 600;
    color: #138b7f;
    margin-bottom: 10px;
}

.story-top p{
    margin:auto;
    font-size:16px;
    line-height:2;
    color:#333;
}

.story-card{
       min-height: 190px;
    border-radius: 18px;
    padding: 27px 30px;
}

.vision-card{
    background:#f8f8f8;
}

.mission-card{
    background:#dcebea;
}

.story-card h3{
    font-size:26px;
    font-weight:600;
    color:#000;
    margin-bottom:20px;
}

.story-card p{
    font-size:16px;
    line-height:1.8;
    color:#333;
    margin:0;
}


/*Team*/




/*Parenthood Page*/
.parenthood-program-section{
    background:#f5f5f5;
}

.parenthood-wrapper{
    background:#045766;
    border-radius:22px;
    overflow:hidden;
    position:relative;
     padding: 0px 0px 0px 35px;
}

/* background circles */

.parenthood-wrapper::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(18, 140, 127, 0.28);
    top: -303px;
    left: -155px;
}

.parenthood-wrapper::after{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    border-radius:50%;
    background:rgba(18, 140, 127, 0.22);
    bottom:-420px;
    right:180px;
}

.parenthood-content{
    position:relative;
    z-index:2;
    max-width:560px;
}

.program-breadcrumb{
    display:block;
    color:#d7ecec;
    font-size:14px;
    margin-bottom: 50px;
}

.parenthood-content h1{
    font-size: 25px;
    line-height:1.1;
    font-weight:600;
    color:#fff;
    margin-bottom: 16px;
}

.parenthood-content p{
    font-size: 14px;
    line-height:1.9;
    color:#f2f2f2;
    margin-bottom:35px;
}

.consult-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#1d9b89;
    color:#fff;
    text-decoration:none;
    padding:16px 30px;
    border-radius:50px;
    font-size: 17px;
    font-weight:500;
    transition:.3s;
}

.consult-btn:hover{
    color:#fff;
    background:#168776;
}

.parenthood-image{
    position:relative;
    z-index:2;
    text-align:right;
}

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

/* Tablet */

@media(max-width:991px){

    .parenthood-wrapper{
        padding:50px 30px;
    }

    .program-breadcrumb{
        margin-bottom:40px;
    }

    .parenthood-content h1{
        font-size:42px;
    }

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

    .parenthood-image{
        margin-top:40px;
        text-align:center;
    }
}

/* Mobile */

@media(max-width:767px){

    .parenthood-wrapper{
              padding: 20px 20px 0px 20px;
        border-radius:18px;
    }

    .parenthood-content h1{
        font-size:32px;
    }

    .parenthood-content p{
        font-size:15px;
        line-height:1.8;
    }

    .consult-btn{
        font-size:16px;
        padding:14px 22px;
    }

    .program-breadcrumb{
        margin-bottom:25px;
    }
}


.facilitate-section{
    background:#ffffff;
}

.section-title{
    margin-bottom:45px;
}

.section-title h2{
    font-size: 25px;
    font-weight:600;
    color:#000;
    margin-bottom:10px;
}

.section-title p{
    font-size: 17px;
    color:#222;
}

.facilitate-card{
        background: #f8f8f8;
    border-radius: 18px;
    padding: 17px 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 100%;
    transition: .4s ease;
}

/* background circles */

.facilitate-card::before{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    border-radius:50%;
    background:#dfe9e6;
    top:-70px;
    left:-40px;
    transition:.4s ease;
}

.facilitate-card::after{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    border-radius:50%;
    background:#dfe9e6;
    bottom:-90px;
    right:-70px;
    transition:.4s ease;
}

.facilitate-card > *{
    position:relative;
    z-index:2;
}

.facilitate-icon{
    margin-bottom:25px;
}

.facilitate-icon img{
    width:70px;
    height:70px;
    object-fit:contain;
}

.facilitate-card h3{
    font-size: 18px;
    font-weight:600;
    line-height:1.3;
    margin-bottom: 14px;
    color:#222;
}

.facilitate-card p{
    font-size: 13px;
    line-height:1.9;
    color:#444;
    margin-bottom:35px;
}

.facilitate-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#159482;
    color:#fff;
    text-decoration:none;
    padding: 10px 28px;
    border-radius:50px;
    font-size: 13px;
    font-weight:500;
    transition:.3s;
}

.facilitate-btn:hover{
    color:#fff;
}

/* Active + Hover */

.facilitate-card.active-card,
.facilitate-card:hover{
    background:#64b79f;
}

.facilitate-card.active-card::before,
.facilitate-card.active-card::after,
.facilitate-card:hover::before,
.facilitate-card:hover::after{
    background:rgba(80, 173, 146, 0.45);
}

.facilitate-card.active-card h3,
.facilitate-card.active-card p,
.facilitate-card:hover h3,
.facilitate-card:hover p{
    color:#fff;
}

.facilitate-card.active-card 
.facilitate-card:hover .facilitate-btn{
    background:#fff;
    color:#222;
}


.facilitate-btn img {
    width: 20px;
    transition: all 0.3s ease;
}

.icon-hover {
    display: none;
}

.facilitate-btn:hover .icon-normal {
    display: none;
}

.facilitate-btn:hover .icon-hover {
    display: block;
}

.no-bar{
        color: #fff;
    font-size: 23px;
}










/* Tablet */

@media(max-width:991px){

    .section-title h2{
        font-size:40px;
    }

    .facilitate-card{
        padding:35px 25px;
    }

    .facilitate-card h3{
        font-size:28px;
    }
}

/* Mobile */

@media(max-width:767px){

    .section-title h2{
        font-size:32px;
    }

    .section-title p{
        font-size:18px;
    }

    .facilitate-card{
        padding:30px 20px;
    }

    .facilitate-card h3{
        font-size:24px;
    }

    .facilitate-card p{
        font-size:15px;
        line-height:1.8;
    }

    .facilitate-btn{
        width:100%;
        justify-content:center;
        font-size:16px;
    }
}

.parenthood-features-section{
    background:#f5f5f5;
}

.section-title{
    margin-bottom: 34px;
}

.section-title h2{
  font-size: 30px;
    font-weight: 600;
    color: #111;
}

/* feature box */

.feature-box{
    display:flex;
    align-items:flex-start;
    gap: 18px;
    padding-bottom: 0px;
    border-bottom:3px solid;
    height: 100%;
    /* width: 98%; */
}

.green-border{
    border-color:#64b79f;
}

.blue-border{
    border-color:#045766;
}

/* icon */

.feature-icon{
    width: 72px;
    min-width: 74px;
    height: 123px;
    border-radius: 11px 12px 0px 0px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.green-bg{
    background:#64b79f;
}

.blue-bg{
    background:#045766;
}

.feature-icon img{
    width:55px;
    height:55px;
    object-fit:contain;
}

/* content */

.feature-content h3{
       font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
    color: #222;
    margin-bottom: 4px;
}

.feature-content p{
       font-size: 14px;
    line-height:1.9;
    color:#333;
    margin:0;
}

/* Tablet */

@media(max-width:991px){

    .section-title h2{
        font-size:38px;
    }

    .feature-box{
        gap:15px;
    }

    .feature-content h3{
        font-size:20px;
    }

    .feature-content p{
        font-size:15px;
        line-height:1.8;
    }
}

/* Mobile */

@media(max-width:767px){

    .section-title{
        margin-bottom:40px;
    }

    .section-title h2{
        font-size:28px;
        line-height:1.4;
    }

    .feature-box{
        flex-direction:column;
    }

    .feature-icon{
        width:85px;
        min-width:85px;
        height:100px;
    }

    .feature-content h3{
        font-size:22px;
    }
}

.appointment-section{
    background:#fff;
}

.appointment-wrapper{
    background:#045766;
    border-radius:18px;
    padding:55px 20px;
    position:relative;
    overflow:hidden;
}

/* top left circle */

.appointment-wrapper::before{
    content:"";
    position:absolute;
    width:240px;
    height:240px;
    border-radius:50%;
    background:rgba(23, 144, 130, 0.22);
    top:-120px;
    left:-60px;
}

/* right circles */

.appointment-wrapper::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(23, 144, 130, 0.20);
    bottom:-160px;
    right:-40px;
}

.appointment-wrapper h2{
       font-size: 24px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.appointment-wrapper p{
        font-size: 16px;
    color: #f2f2f2;
    margin-bottom: 24px;
    position: relative;
    z-index: 2;
}

.appointment-btn{
       display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #fff;
    color: #222;
    text-decoration: none;
    padding: 9px 34px;
    border-radius: 50px;
    font-size: 17px;
    font-weight: 500;
    transition: .3s;
    position: relative;
    z-index: 2;

}

.appointment-btn:hover{
    background:#159482;
    color:#fff;
}

/* Tablet */

@media(max-width:991px){

    .appointment-wrapper h2{
        font-size:40px;
    }

    .appointment-btn{
        font-size:18px;
        padding:14px 28px;
    }
}

/* Mobile */

@media(max-width:767px){

    .appointment-wrapper{
        padding:40px 20px;
    }

    .appointment-wrapper h2{
        font-size:30px;
    }

    .appointment-wrapper p{
        font-size:15px;
        line-height:1.8;
    }

    .appointment-btn{
        width:100%;
        font-size:16px;
        padding:14px 20px;
    }
}
/*Parenthood Page*/


.services-parenthood-section{
    background:#f5f5f5;
}

.section-title{
    margin-bottom:30px;
}

.section-title h2{
    font-size:32px;
    font-weight:600;
    color:#111;
}

/* list */

.service-list{
    list-style:none;
    padding:0;
    margin:0;
}

.service-list li{
       display: flex;
    align-items: flex-start;
    gap: 14px;
    font-size: 15px;
    line-height: 1.9;
    color: #222;
    margin-bottom: 27px;
}

.service-list li i{
    font-size:24px;
    color:#111;
    margin-top:4px;
}

/* Tablet */

@media(max-width:991px){

    .section-title h2{
        font-size:38px;
    }

    .service-list li{
        font-size:15px;
        margin-bottom:25px;
    }
}

/* Mobile */

@media(max-width:767px){

    .section-title{
        margin-bottom:35px;
    }

    .section-title h2{
        font-size:28px;
        line-height:1.4;
    }

    .service-list li{
        font-size:15px;
        line-height:1.8;
        margin-bottom:22px;
    }

    .service-list li i{
        font-size:20px;
    }
}


.journey-program-section{
    background:#f5f5f5;
}

.section-title{
    margin-bottom:45px;
}

.section-title h2{
    font-size:32px;
    font-weight:600;
    color:#111;
}

/* wrapper */

.journey-wrapper{
    position:relative;
}

/* image */

.journey-image img{
    width:100%;
    border-radius:18px;
    display:block;
}

/* content */

.journey-content{
    padding-left:25px;
}

.journey-content h3{
    font-size: 28px;
    font-weight: 600;
    color: #159482;
    margin-bottom: 10px;
}

.journey-content p{
  font-size: 14px;
    line-height: 1.9;
    color: #333;
    margin-bottom: 30px;
}

/* button */

.journey-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#159482;
    color:#fff;
    text-decoration:none;
    padding:16px 28px;
    border-radius:50px;
    font-size:18px;
    font-weight:500;
    transition:.3s;
}

.journey-btn:hover{
    background:#0f7e6e;
    color:#fff;
}

/* Tablet */

@media(max-width:991px){

    .section-title h2{
        font-size:38px;
    }

    .journey-content{
        padding-left:0;
    }

    .journey-content h3{
        font-size:34px;
    }

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

/* Mobile */

@media(max-width:767px){

    .section-title{
        margin-bottom:35px;
    }

    .section-title h2{
        font-size:28px;
        line-height:1.4;
    }

    .journey-content h3{
        font-size:28px;
    }

    .journey-content p{
        font-size:15px;
        line-height:1.8;
    }

    .journey-btn{
        width:100%;
        justify-content:center;
        font-size:16px;
        padding:14px 20px;
    }
}


.mental-content1 h2 {
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    font-weight: 500;
    margin-bottom: 9px;
}

.book-apptnent{
    color: #fff;
}

.journey-program-section1 {
    background: #ffffff;
}

.feature-icon-emoction {
    width: 72px;
    min-width: 74px;
      height: 131px;
    border-radius: 11px 12px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*FAQ*/
.faq-section{
    background:#f5f5f5;
}

.section-title{
    margin-bottom:40px;
}

.section-title h2{
    font-size:32px;
    font-weight:600;
    color:#111;
}

/* accordion */

.faq-item{
    border:none;
    margin-bottom:18px;
    border-radius:12px !important;
    overflow:hidden;
    background:transparent;
}

.faq-btn{
    background:#17515f;
    color:#fff !important;
    font-size:16px;
    font-weight:500;
    padding:24px 28px;
    border:none;
    box-shadow:none !important;
    border-radius:12px !important;
}

.faq-btn span{
    max-width:90%;
    line-height:1.6;
}

/* remove bootstrap default icon */

.faq-btn::after{
    background-image:none !important;
    content:"\2191";
    font-size:32px;
    font-weight:300;
    transform:none !important;
    color:#fff;
}

/* collapsed state */

.faq-btn.collapsed::after{
    content:"\2193";
}

/* body */

.faq-body{
    background:#fff;
    padding:24px 28px;
    font-size:15px;
    line-height:2;
    color:#333;
    border-radius:0 0 12px 12px;
    box-shadow:0 4px 14px rgba(0,0,0,0.06);
}

/* remove bootstrap active bg */

.accordion-button:not(.collapsed) {
   background: #045766;
}

/* Tablet */

@media(max-width:991px){

    .section-title h2{
        font-size:38px;
    }

    .faq-btn{
        font-size:16px;
        padding:20px 22px;
    }

    .faq-body{
        line-height:1.9;
    }
}

/* Mobile */

@media(max-width:767px){

    .section-title{
        margin-bottom:30px;
    }

    .section-title h2{
        font-size:28px;
        line-height:1.4;
    }

    .faq-btn{
        font-size:15px;
        padding:18px;
    }

    .faq-btn::after{
        font-size:24px;
    }

    .faq-body{
        padding:18px;
        font-size:14px;
        line-height:1.8;
    }
}
/*FAQ*/


/*Book Appotment*/
.appointment-form-section{
       background: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 58%, #025b54 58%, #025b54 100%);
    padding: 10px 0;
}

/* wrapper */

.appointment-form-wrapper{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* top area */

.appointment-top{
     background: #1f9685;
    padding: 20px 10px;
}

.appointment-top h2{
      font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;

}

.appointment-top p{
    font-size:15px;
    color:#fff;
    margin:0;
    line-height:1.8;
}

.appointment-top p strong{
    font-weight:700;
}

/* form */

.appointment-form-wrapper form{
    padding:40px 25px 30px;
}

/* label */

.form-group label{
    display:block;
    font-size:15px;
    color:#333;
    margin-bottom:10px;
    font-weight:500;
}

.form-group label span{
    color:#ff4d4d;
}

/* input */

.form-control{
    width:100%;
    height:54px;
    border:none;
    background:#f5f5f5;
    border-radius:0;
    padding:15px;
    font-size:15px;
    color:#333;
    box-shadow:none !important;
}

textarea.form-control{
    height:auto;
    resize:none;
    padding-top:15px;
}

.form-control::placeholder{
    color:#999;
}

/* button */

.appointment-submit-btn{
      border: none;
    background: #1f9685;
    color: #fff;
    padding: 12px 39px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: .3s;
    min-width: 40%;
    justify-content: center;
}

.appointment-submit-btn:hover{
    background:#0d7b6b;
}

/* Tablet */

@media(max-width:991px){

    .appointment-top h2{
        font-size:40px;
    }

    .appointment-top p{
        font-size:15px;
    }

    .appointment-submit-btn{
        min-width:70%;
        font-size:18px;
    }
}

/* Mobile */

@media(max-width:767px){

    .appointment-form-section{
        padding:50px 0;
    }

    .appointment-top{
        padding:28px 15px;
    }

    .appointment-top h2{
              font-size: 23px;
    }

    .appointment-top p{
        font-size:13px;
        line-height:1.7;
    }

    .appointment-form-wrapper form{
        padding:25px 15px;
    }

    .form-control{
        height:50px;
        font-size:14px;
    }

    textarea.form-control{
        height:140px;
    }

    .appointment-submit-btn{
        width:100%;
        min-width:100%;
        font-size:16px;
        padding:14px 20px;
    }
}
/*Book Appotment*/

/*Menu-right-side*/
.life-scope-mega{
    width: 650px;
    border: 0;
    border-radius: 12px;
    overflow: visible;
    padding: 0;
    margin-top: 20px;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
    left: 0% !important;
    transform: translateX(-50%);
}

.life-scope-mega::before{
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
}

.mega-info{
    background: #f1f4f5;
    padding: 25px;
    height: 100%;
}

.mega-info h4{
    color: #1c9c8a;
    font-size: 20px;
    font-weight: 700;
       margin: 10px 0px 10px 0px;
}

.mega-info p{
    color: #222;
    line-height: 1.8;
    margin-bottom: 10px;
        font-size: 14px;

}

.mega-links{
    padding: 30px 35px;
}

.mega-links a{
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #1f5666;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 25px;
    transition: .3s;
}

.mega-links a:hover{
    color: #1c9c8a;
    transform: translateX(5px);
}

.mega-links i{
    color: #1c9c8a;
    width: 25px;
}

.mega-info img{
    width: 35px;
}
/*Menu-right-side*/


/*contect us*/
.contact-hero{
    background:#f5f5f5;
}

.contact-hero-box{
    background:#045766;
    border-radius:18px;
    min-height:270px;
    position:relative;
    overflow:hidden;
    padding:45px 30px;
}

/* Left Top Circle */

.contact-hero-box::before{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(20,139,126,.16);
    top:-180px;
    left:-120px;
}

/* Right Large Circle */

.contact-hero-box::after{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    border-radius:50%;
    background:rgba(20,139,126,.22);
    right:-280px;
    top:15px;
}

/* Bottom Circle */

.contact-content::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:rgba(20,139,126,.18);
    bottom:-280px;
    left:140px;
}

.contact-label{
    position:relative;
    z-index:2;
    color:#dcecec;
    font-size:13px;
    display:block;
}

.contact-content{
    position:relative;
    z-index:2;
    text-align:center;
    margin-top:40px;
}

.contact-content h1{
    color:#fff;
    font-size:30px;
    font-weight:500;
    margin-bottom:30px;
}

.contact-btn{
   display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #1f9685;
    color: #fff;
    text-decoration: none;
       padding: 12px 19px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
}

.contact-btn:hover{
    background:#177c6f;
    color:#fff;
}

/* Responsive */

@media(max-width:991px){

    .contact-content h1{
        font-size:38px;
    }

    .contact-hero-box::after{
        width:500px;
        height:500px;
        right:-250px;
    }
}

@media(max-width:767px){

    .contact-hero-box{
        min-height:auto;
        padding:30px 20px;
    }

    .contact-content{
        margin-top:25px;
    }

    .contact-content h1{
        font-size:28px;
        line-height:1.4;
    }

    .contact-btn{
        width:100%;
        justify-content:center;
        font-size:16px;
    }
}

.contact-info-wrapper{
    position:relative;
}

.contact-heading{
    background:#e8f1ef;
    border-radius:18px;
    padding:35px 40px 80px;
}

.contact-heading p{
    font-size:20px;
    color:#111;
    margin-bottom:8px;
    line-height:1.6;
}

.contact-heading h3{
    font-size:22px;
    font-weight:700;
    color:#111;
    margin:0;
}

.contact-card-row{
    margin-top:-35px;
}

.contact-card{
    border-radius:14px;
    padding:18px 20px;
    display:flex;
    align-items:flex-start;
    gap:14px;
    height:100%;
    color:#fff;
}

.dark-card{
    background:#045766;
}

.green-card{
    background:#1f9685;
}

.card-icon{
    width:28px;
    height:28px;
    min-width:28px;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
}

.contact-card h4{
    font-size:18px;
    font-weight:500;
    margin-bottom:10px;
    color:#fff;
}

.contact-card p{
    margin:0;
    color:#fff;
    font-size:13px;
    line-height:1.6;
}

/* Responsive */

@media(max-width:991px){

    .contact-card-row{
        margin-top:20px;
        row-gap:20px;
    }

    .contact-heading{
        padding:25px;
    }

    .contact-heading p{
        font-size:16px;
    }

    .contact-heading h3{
        font-size:18px;
    }
}

@media(max-width:767px){

    .contact-card{
        padding:15px;
    }

    .contact-heading p{
        font-size:15px;
    }

    .contact-heading h3{
        font-size:16px;
    }
}
.contact-map-form{
    background:#FFF;
}

.map-wrapper{
    height:100%;
}

.map-wrapper iframe{
    width:100%;
    height:100%;
    min-height:640px;
    border:none;
    display:block;
}

/* Form Card */

.appointment-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    margin-left:20px;
}

.appointment-header{
    background:#239685;
    padding:28px 40px;
    text-align:center;
}

.appointment-header h2{
    color:#fff;
    font-size:30px;
    font-weight:600;
    margin-bottom:10px;
}

.appointment-header p{
    color:#fff;
    font-size:15px;
    line-height:1.9;
    margin:0;
}

.appointment-body{
    padding:28px;
}

/* Labels */

.appointment-body label{
    display:block;
    margin-bottom:10px;
    font-size:14px;
    color:#444;
}

.appointment-body label span{
    color:#ff5c5c;
}

/* Fields */

.appointment-body .form-control{
    height:52px;
    border:none;
    background:#f5f5f5;
    border-radius:0;
    box-shadow:none;
    font-size:14px;
}

.appointment-body textarea.form-control{
    height:120px;
    resize:none;
    padding-top:15px;
}

/* Button */

.appointment-btn{
    border: none;
    background: #239685;
    color: #fff;
    padding: 16px 35px;
    border-radius: 50px;
    min-width: 20%;
    font-size: 15px;
    font-weight: 500;
    transition: .3s;
}

.appointment-btn:hover{
    background:#0f7e70;
}

/* Responsive */

@media(max-width:991px){

    .appointment-card{
        margin-left:0;
        margin-top:30px;
    }

    .appointment-header h2{
        font-size:34px;
    }

    .map-wrapper iframe{
        min-height:400px;
    }
}

@media(max-width:767px){

    .appointment-header{
        padding:25px 20px;
    }

    .appointment-header h2{
        font-size:28px;
    }

    .appointment-body{
        padding:20px;
    }

    .appointment-btn{
        width:100%;
        min-width:100%;
        font-size:16px;
    }
}
/*contect us*/


/*events*/
.events-section{
    background:#f5f5f5;
}

.events-section .section-title h2{
    font-size:30px;
    font-weight:600;
}

.event-box{
    background:#edf4f2;
    border-radius:20px;
    padding:18px;
    margin-bottom:20px;
}

.event-box:last-child{
    margin-bottom:0;
}

.carousel{
    position:relative;
}

.carousel-item img{
    width:100%;
       height: 345px;
    object-fit:cover;
    border-radius:16px;
}

/* Decorative Corner */

.carousel::after{
    content:"";
    position:absolute;
    width:110px;
    height:110px;
  /*  background:#04576661;*/
    bottom:-14px;
    left:-14px;
    border-radius:0 0 0 18px;
    z-index:1;
}

.flex-lg-row-reverse .carousel::after{
    left:auto;
    right:-14px;
    border-radius:0 0 18px 0;
}

/* Indicators */

.custom-indicators{
    margin-bottom:12px;
}

.custom-indicators button{
    width:38px !important;
    height:7px !important;
    border-radius:20px !important;
    border:none !important;
    background:#f6eded  !important;
    opacity:1 !important;
    margin:0 3px !important;
}

.custom-indicators .active{
    background:#1f9685 !important;
}

/* Content */

.event-content{
    padding:15px 20px;
}

.event-content h3{
    color:#1f9685;
    font-size:18px;
    line-height:1.4;
    margin-bottom:20px;
}

.event-content p{
    color:#222;
    font-size:14px;
    line-height:1.9;
    margin-bottom:15px;
}

/* Responsive */

@media(max-width:991px){

    .event-content{
        padding:25px 0 0;
    }

    .carousel-item img{
        height:350px;
    }

    .event-content h3{
        font-size:24px;
    }
}

@media(max-width:767px){

    .events-section .section-title h2{
        font-size:30px;
    }

    .event-box{
        padding:15px;
    }

    .carousel-item img{
        height:250px;
    }

    .event-content h3{
        font-size:22px;
    }

    .event-content p{
        font-size:15px;
        line-height:1.8;
    }
}
/*events*/

/* =========================
   E-BROCHURES SECTION
========================= */

.e-brochures-section{
    background:#f5f5f5;
}

.e-brochures-title{
    margin-bottom:35px;
}

.e-brochures-title h2{
    font-size:30px;
    font-weight:600;
    color:#111;
}

/* Tabs */

.e-brochures-tabs{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

.brochure-tab{
    border:none;
    background:#ececec;
    color:#111;
    font-size:18px;
    padding:12px 28px;
    border-radius:40px;
    transition:.3s;
}

.brochure-tab.active,
.brochure-tab:hover{
    background:#239685;
    color:#fff;
}

/* Card */

.brochure-card{
    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

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

.brochure-image{
    position:relative;
    padding:16px;
}

.brochure-image img{
    width:100%;
    height:260px;
    object-fit:cover;
}

/* PDF Badge */

.pdf-tag{
    position:absolute;
    right:22px;
    bottom:0;
    width:30px;
    height:38px;
    background:#ef2b2d;
    color:#fff;
    font-size:12px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:0 0 6px 6px;
}

/* Content */

.brochure-content{
    padding:0 18px 22px;
}

.brochure-category{
    display:block;
    color:#0f6071;
    font-size:12px;
    font-weight:600;
    margin-bottom:12px;
}

.brochure-content h3{
    font-size:20px;
    line-height:1.4;
    color:#1d2433;
    margin-bottom:12px;
}

.brochure-content p{
    font-size:14px;
    line-height:1.8;
    color:#666;
    margin-bottom:18px;
}

/* Download Button */

.brochure-btn{
    display:inline-block;
    background:#239685;
    color:#fff;
    text-decoration:none;
    padding:8px 20px;
    font-size:13px;
    border-radius:2px;
    transition:.3s;
}

.brochure-btn:hover{
    background:#0f7e70;
    color:#fff;
}


.our-resources-section{
    background:#fff;
}

.our-resources-title{
    margin-bottom:20px;
}

.our-resources-title h2{
    font-size:30px;
    font-weight:600;
    color:#111;
    margin-bottom:10px;
}

.our-resources-title p{
    font-size:18px;
    color:#555;
    margin-bottom:0;
}

/* Tabs */

.our-resources-tabs{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
}

.resource-tab{
    border:none;
    background:#ececec;
    color:#111;
    padding:10px 28px;
    border-radius:40px;
    font-size:18px;
    transition:.3s;
}

.resource-tab.active,
.resource-tab:hover{
    background:#239685;
    color:#fff;
}

/* Card */

.resource-card{
    background:#fff;
    box-shadow:0 5px 18px rgba(0,0,0,.08);
    transition:.3s;
    height:100%;
}

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

.resource-image{
    position:relative;
    padding:14px;
}

.resource-image img{
    width:100%;
    height:230px;
    object-fit:cover;
}

/* Date Ribbon */

.resource-date{
    position:absolute;
    right:14px;
    bottom:14px;
    background:#239685;
    color:#fff;
    font-size:12px;
    padding:8px 16px;
    clip-path:polygon(0 0,100% 0,100% 100%,15% 100%);
}

/* Content */

.resource-content{
    padding:0 14px 20px;
}

.resource-category{
    display:block;
    color:#0b6072;
    font-size:11px;
    font-weight:600;
    margin-bottom:12px;
}

.resource-content h3{
    font-size:18px;
    font-weight:600;
    color:#1c2433;
    margin-bottom:12px;
    line-height:1.4;
}

.resource-content p{
    font-size:13px;
    line-height:1.8;
    color:#666;
    margin-bottom:18px;
}

.resource-btn{
    display:inline-block;
    background:#239685;
    color:#fff;
    text-decoration:none;
    padding:8px 18px;
    font-size:12px;
    border-radius:2px;
    transition:.3s;
}

.resource-btn:hover{
    background:#0f7e70;
    color:#fff;
}

/* Responsive */

@media(max-width:991px){

    .our-resources-title h2{
        font-size:38px;
    }

    .resource-image img{
        height:210px;
    }
}

@media(max-width:767px){

    .our-resources-title h2{
        font-size:30px;
    }

    .our-resources-title p{
        font-size:15px;
    }

    .resource-tab{
        font-size:14px;
        padding:8px 18px;
    }

    .resource-image img{
        height:190px;
    }

    .resource-content h3{
        font-size:17px;
    }
}

/*blog*/
.meet {
    padding: 100px 0;
        background: #fff
}
.cardColumn {
    display: none;
}
.cardColumn .card {
    border-radius: 30px;
    overflow: hidden;
    border: 0;
    margin-bottom: 23px;
}
.cardColumn .card-body {
    position: relative;
    padding-top: 32px;
}
.cardColumn .card-nav {
    position: absolute;
    top: -19px;
}
.cardColumn .card-nav ul.nav {
    background: #289080;
    border-radius: 5px;
    padding: 8px 16px;
}
.cardColumn .card-nav li {
    padding: 0px 5px;

    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
}
.cardColumn .card-nav i {
    padding-right: 3px;
}
.cardColumn .card-body .card-title {
    font-size: 20px;
    color: #000;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: pre-wrap;
    text-transform: capitalize;
}
.cardColumn .card-body p {
    font-size: 16px;
    color: #000;
    font-family: system-ui;
    line-height: 24px;
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
     /* let the text wrap preserving spaces */
}
.cardColumn .card img.card-img-top {
    height: 220px;
    object-fit: cover;
}
.meetBrand {
    height: 220px;
    background: #cde5d5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.rights {
    padding: 100px 0;
}
.rights li a {
    font-size: 16px;
    color: #000000;
  
    text-transform: capitalize;
}
.rights li:first-child a {
    /* padding-left: 0; */
}
.rightsColumn li i {
    color: #289080;
}
.rightsColumn h4 {
    color: #289080;
    text-transform: uppercase;
    font-size: 18px;
  
}
.rightsColumn p {
    font-size: 16px;
    color: #000;
    font-family: system-ui;
    line-height: 24px;
}
.rightsColumn p a {
    color: #000;

}
.rightsColumn address {
    font-family: system-ui;
}
.rightsColumn strong {

}
.ourExperts {
    padding: 100px 0;
}
.teemBx .card-title {

    font-size: 20px;
}
.teemBx .card-text {
    font-family: system-ui;
}
.commonBtn {

    font-size: 16px;
    text-transform: capitalize;
    text-decoration: none;
    border-radius: 30px;
    padding: 12px 29px;
    color: #289080;
    border: 1px solid #289080;
    display: inline-block;
}
.activeBtn {
    background: #289080;
    color: #fff !important;
    text-transform: capitalize;
    border: none;
    border-radius: 30px;
}
.activeBtn:hover {
    background: #17515F;
    color: #fff;
}
.counters {
    margin-top: 50px;
}
.cColumn {padding-right: 40px;}
.cColumn .count {
    color: #289080;
    font-size: 60px;

    position: relative;
    display: block;
}
.cColumn .count:after {
    content: "+";
}
.cColumn:last-child .count:after {
    content: "%";
}
.cColumn p {
 
    font-size: 18px;
    color: #17515f;
    line-height: 24px;
}
.cColumn .count:before {
    position: absolute;
    content: "";
    width: 80px;
    height: 1px;
    background: #289080;
    bottom: 0;
    left: 0;
}

.activeBtn {
    background: #289080;
    color: #fff !important;
    text-transform: capitalize;
    border: none;
    border-radius: 30px;
}
/*blog*/



/*blog-inner-page*/

/*18052026*/
/* Blog Content CSS Start */

.blog-content {
    font-family: Arial, sans-serif;
    color: #222;
    line-height: 1.8;
}

.blog-content h1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.3;
}

.blog-content h2 {
    font-size: 30px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.4;
}

.blog-content h3 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 15px;
    line-height: 1.5;
}

.blog-content p {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.9;
}

.blog-content a {
    color: #0077cc;
    text-decoration: underline;
}

.blog-content ol,
.blog-content ul {
    padding-left: 30px;
    margin-bottom: 25px;
}

.blog-content ol li,
.blog-content ul li {
    font-size: 18px;
    margin-bottom: 18px;
    line-height: 1.9;
}

.blog-content strong {
    font-weight: 700;
}

/* Responsive CSS */

@media (max-width: 991px) {

    .blog-content h1 {
        font-size: 30px;
    }

    .blog-content h2 {
        font-size: 26px;
    }

    .blog-content h3 {
        font-size: 22px;
    }

    .blog-content p,
    .blog-content ol li,
    .blog-content ul li {
        font-size: 17px;
    }
}

@media (max-width: 767px) {

    .blog-content h1 {
        font-size: 26px;
    }

    .blog-content h2 {
        font-size: 23px;
    }

    .blog-content h3 {
        font-size: 20px;
    }

    .blog-content p,
    .blog-content ol li,
    .blog-content ul li {
        font-size: 16px;
        line-height: 1.8;
    }

    .blog-content ol,
    .blog-content ul {
        padding-left: 22px;
    }
}


.insightContent h1{
      font-size: 26px;

}
.insightContent h2{
      font-size: 20px;

}
.insightContent h3{
      font-size: 18px;

}

.refnec{
  font-size: 23px;
    color: #289080;
}
/* Blog Content CSS End */
/*18052026*/


.insightContent ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.insightContent ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 15px;
}

.insightContent ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    background: #e6f7ef;
    color: #28a745;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

table th,
table td {
    border: 1px solid #d9d9d9;
    padding: 12px 15px;
    text-align: left;
    vertical-align: top;
}

table th {
    font-weight: 700;
    background: #f5f5f5;
}

table tbody tr:nth-child(even) {
    background: #fafafa;
}

@media (max-width: 767px) {
    .table-responsive {
        overflow-x: auto;
    }

    table {
        min-width: 700px;
    }
}

.blog-csr{
        background: #ffffff;
}

.insights{
        background: #ffffff;
}

a {
    color: rgb(0 0 0);
}
.insightContent P{
            text-align: justify;
}

.insightContent h4 {
    font-size: 40px;
    color: #000;
}
.sidebarColumn {
   margin-bottom: 32px;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
    position: sticky;
    top: 100px;
}
.sidebarColumn:last-child {
    margin-bottom: 0;
}
.sideTitle h4 {
    color: #282828;
    margin-bottom: 16px;
    padding-bottom: 15px;
    position: relative;
    line-height: 1.3;
    font-size: 22px;
}
.sideTitle h4:before {
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 40px;
    border-radius: 4px;
    bottom: 0;
    background-color: #289080;
}
.sidebarColumn .form-control {
    background: #f1f7fa;
    border-color: transparent;
    border: none;
    border-radius: 3px 0 0 3px;
    border-style: solid;
    border-width: 0;
    box-shadow: none;
    padding: 0.75rem 1.5rem;
    text-transform: lowercase;
    color: #000000;
    font-size: 16px;
    border-radius: 0;
}
.sidebarColumn button {
    border: none !important;
    outline: none;
    background: #f1f7fa !important;
    color: #289080 !important;
    border-radius: 0;
}
.sidebarColumn button i {
    font-size: 22px;
}
.sidebarColumn a.nav-link {
    padding: 0.5rem 0px;
    color: #000;
    font-family: system-ui;
}
.sidebarColumn i {
    color: #289080;
    margin-right: 6px;
}
.sidebarColumn li {
    border-bottom: 1px solid #ccc;
}
.sidebarColumn li:last-child {
    border-bottom: 0;
}
.sidebarColumn .flex-grow-1 a {
    font-size: 16px;
    color: #000;
    font-family: system-ui;
    line-height: 24px;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-decoration: none;
    text-transform: capitalize;
}
.insightContent p {
    font-size: 16px;
    color: #000;
    font-family: system-ui;
    line-height: 24px;
}
blockquote {
    margin: 35px 0;
    background: #cde5d5;
    padding: 40px 40px 20px;
    position: relative;
    display: block;
    color: #545454;
    font-style: italic;
    border: none;
    border-left: 4px solid #289080;
}

.right-side-blog{
        display: flex;
    gap: 15px;
    margin-bottom: 19px;
    padding-bottom: 0px;
    border-bottom: 1px solid #e7e7e7;
    background: #fafafa;
}
.rightsColumn h2{
        font-size: 18px;
}
.appointment-form-section-blog {
    background: #FFF;
    padding: 10px 0;
}
/*blog-inner-page*/



/*price*/
.therapy-pricing-section{
    background:#f5f5f5;
}

.therapy-pricing-title{
    margin-bottom:70px;
}

.therapy-pricing-title h2{
    font-size:30px;
    font-weight:600;
    color:#111;
    margin-bottom:15px;
}

.therapy-pricing-title p{
    font-size:16px;
    color:#555;
    margin:0;
}

/* Card */

.therapy-plan-card{
    background:#fff;
    border:2px solid #52c3a2;
    border-radius:30px;
    overflow:hidden;
    height:100%;
    display:flex;
    flex-direction:column;
    position:relative;
}

.featured-card{
    border:2px solid #045766;
    transform:translateY(-25px);
}

/* Popular Badge */

.popular-badge{
    position:absolute;
    top:-20px;
    left:50%;
    transform:translateX(-50%);
    background:#045766;
    color:#fff;
    padding:14px 50px;
    border-radius:50px;
    font-size:20px;
    font-weight:500;
    z-index:2;
}

/* Header */

.therapy-plan-header{
    text-align:center;
    padding:35px 25px 25px;
}

.therapy-plan-icon{
    width:70px;
    height:70px;
    margin:0 auto 25px;
    background:#edf5f1;
    border-radius:6px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.featured-icon{
    background:#c9dadd;
}

.therapy-plan-icon img{
    width:38px;
}

.therapy-plan-header h3{
    font-size:26px;
    font-weight:600;
    margin:0;
    color:#111;
}

/* Pricing */
.therapy-pricing-section{
    background:#fff;
}

.therapy-heading{
    margin-bottom:50px;
}

.therapy-heading h2{
    font-size:30px;
    font-weight:600;
    color:#111;
    margin-bottom:10px;
}

.therapy-heading p{
    font-size:16px;
    color:#555;
}

/* Card */

.therapy-card{
    position:relative;
    border:1px solid #67c8aa;
    border-radius:30px;
/*    overflow:hidden;*/
    background:#fafafa;
    height:100%;
    display:flex;
    flex-direction:column;
}

.featured-card{
    border:1px solid #045766;
}

/* Popular */

.popular-tag{
    position:absolute;
    top:-20px;
    left:50%;
    transform:translateX(-50%);
    background:#045766;
    color:#fff;
    padding:12px 45px;
    border-radius:50px;
    font-size:13px;
    font-weight:500;
    letter-spacing:.5px;
}

/* Top */

.therapy-top{
    text-align:center;
    padding:50px 25px 20px;
}

.therapy-icon-box{
    width:68px;
    height:68px;
    margin:auto;
    background:#eef5f0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:4px;
    margin-bottom:30px;
}

.featured-icon{
    background:#d4e0e2;
}

.therapy-icon-box img{
    width:45px;
}

.therapy-top h3{
    font-size:24px;
    font-weight:500;
    color:#111;
}

/* Price */

.therapy-price-box{
    border-top:1px solid #d6d6d6;
    padding:20px;
    text-align:center;
}

.therapy-price-box h4{
    color:#239685;
    font-size:24px;
    font-weight:700;
    margin-bottom:5px;
}

.therapy-price-box span{
    font-size:15px;
    color:#222;
}

/* Features */

.therapy-features{
    list-style:none;
    padding:0;
    margin:0;
    flex-grow:1;
}

.therapy-features li{
       position: relative;
    border-top: 1px solid #dcdcdc;
    padding: 10px 17px 15px 38px;
    font-size: 14px;
    line-height: 1.5;
}

.therapy-features li::before{
    content:"";
    width:8px;
    height:8px;
    background:#4bc27a;
    border-radius:50%;
    position:absolute;
    left:18px;
    top:18px;
}

/* Footer */

.therapy-footer{
    padding:30px;
    text-align:center;
}

.therapy-outline-btn{
    display:inline-block;
    min-width:200px;
    border:1px solid #28a860;
    padding:14px 25px;
    text-decoration:none;
    color:#111;
    font-size:16px;
    border-radius:3px;
}

.therapy-fill-btn{
    display: inline-block;
    min-width: 200px;
    background: #ffffff;
    border: 1px solid #045766;
    padding: 14px 25px;
    text-decoration: none;
    color: #000000;
    font-size: 16px;
    border-radius: 3px;
}

.therapy-fill-btn:hover,
.therapy-outline-btn:hover{
    color:inherit;
}

/* Responsive */

@media(max-width:991px){

    .featured-card{
        margin-top:25px;
    }

    .therapy-heading h2{
        font-size:36px;
    }
}

@media(max-width:767px){

    .therapy-heading h2{
        font-size:28px;
    }

    .therapy-heading p{
        font-size:15px;
    }

    .therapy-top h3{
        font-size:22px;
    }

    .therapy-price-box h4{
        font-size:22px;
    }

    .therapy-outline-btn,
    .therapy-fill-btn{
        width:100%;
        min-width:100%;
    }
}
/*price*/


/*life of scop*/
.lifeoscope-section{
    background:#f5f5f5;
}

.lifeoscope-heading{
    margin-bottom:50px;
}

.lifeoscope-heading h2{
    font-size:30px;
    font-weight:600;
    color:#111;
    margin-bottom:10px;
}

.lifeoscope-heading p{
    font-size:16px;
    color:#239685;
    margin:0;
}

.lifeoscope-card{
    background:#fff;
    padding:18px;
    min-height:220px;
    transition:.3s;
}

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

.active-card{
    background:#d9eee0;
}

.lifeoscope-icon{
    width:42px;
    height:42px;
    background:#58b69d;
    border-radius:3px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:15px;
}

.lifeoscope-icon img{
    width:22px;
}

.lifeoscope-card h3{
    font-size:18px;
    font-weight:500;
    color:#111;
    margin-bottom:12px;
}

.lifeoscope-card p{
    font-size:15px;
    line-height:1.8;
    color:#555;
    margin-bottom:15px;
}

.lifeoscope-btn{
    display:inline-block;
    background:#239685;
    color:#fff;
    text-decoration:none;
    padding:10px 18px;
    font-size:15px;
}

.lifeoscope-btn:hover{
    color:#fff;
    background:#0f7e70;
}

@media(max-width:991px){

    .lifeoscope-heading h2{
        font-size:40px;
    }
}

@media(max-width:767px){

    .lifeoscope-heading h2{
        font-size:30px;
    }

    .lifeoscope-heading p{
        font-size:16px;
    }

    .lifeoscope-card h3{
        font-size:22px;
    }
}
/*life of scop*/




/*11062026*/
.btn-hot{
        background: #ffffff;
    color: #000000;
}
.icons-calt{
        width: 20px;

}


.consult-btn .free-cintr {
    content: url('../images/Consultation-wt.svg');
}

.facilitate-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 30px;
}

.facilitate-btn::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../images/Consultation-wt.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
}
/*11062026*/


/*16062026*/
/* Desktop */
.life-scope-mega {
    width: 700px;
    padding: 20px;
}

/* Mobile */
@media (max-width: 991px) {
    .life-scope-mega {
        width: 100% !important;
        min-width: auto !important;
        padding: 10px;
    }

    .life-scope-mega .row {
        flex-direction: column;
    }

    .life-scope-mega .col-lg-6 {
        width: 100%;
    }

    .mega-info {
        margin-bottom: 15px;
        text-align: center;
                display: none;
    }

    .mega-links a {
        display: block;
  /*      padding: 8px 0;*/
    }
}

.main-header {
    position: sticky;
    top: 0;
    z-index: 99;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
}




/*16062026*/



/*privicy policy*/
.commonTitle p {
    font-size: 16px;
    color: #000;
    font-family: system-ui;
    line-height: 24px;
    margin-bottom: 16px;
}
.rightsColumn h2 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 10px;
}
.rights1 {
    padding: 50px 0;
}

.footer-address a {
    color: #fff; /* white */
    text-decoration: none;
        color: #fff;
    font-size: 13px;
    line-height: 1.7;
}
.rightsColumn ul li {
    font-size:  14px;
        line-height: 30px;
}
/*privicy policy*/

/*18062026*/

.condition-banner{
   background: url(../images/Anxiety-kalido.svg);
    background-size: cover;

    border-radius: 20px;
    padding: 50px 35px;
    min-height: 420px;
    flex-direction: column;
    justify-content: center;
}

.condition-breadcrumb{
    color:#d8e7e8;
    font-size:12px;
    margin-bottom:30px;
    display:block;
}

.condition-banner h1{
       max-width: 650px;
    color: #fff;
    font-size: 23px;
    line-height: 1.3;
    margin-bottom: 20px;
}

.condition-banner p{
      max-width: 700px;
    color: #fff;
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 48px;
}

@media(max-width:767px){

    .condition-banner{
        padding:40px 20px;
        min-height:auto;
    }

    .condition-banner h1{
        font-size:28px;
    }

    .condition-banner p{
        font-size:15px;
    }
}

.feel-like{
        margin-top: 20px;
}



.anxiety-assessment-section{
    background:#fff;
}

.assessment-top{
    margin-bottom:40px;
}

.assessment-top h2{
    font-size:32px;
    font-weight:600;
    color:#222;
    margin-bottom:20px;
}

.assessment-top p{
    max-width:1050px;
    margin:auto;
    font-size:16px;
    line-height:2;
    color:#444;
}

.assessment-box{
    background:#f8f8f8;
    border-radius:18px;
    overflow:hidden;
    margin-bottom:35px;
}

.assessment-box h3{
    text-align:center;
    font-size:32px;
    font-weight:600;
    color:#333;
    padding:40px 20px 30px;
}

.assessment-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:0 25px 30px;
}

.assessment-item img{
    width:22px;
    margin-top:3px;
}

.assessment-item p{
    font-size:15px;
    line-height:1.8;
    color:#222;
    margin:0;
}

.assessment-note{
    background:#d9e9dc;
    text-align:center;
    padding:18px;
     font-size: 20px;
    font-weight:500;
    color:#222;
}

.assessment-bottom p{
    font-size:18px;
    line-height:2;
    color:#444;
    margin-bottom:20px;
}

.assessment-bottom .consult-btn{
    margin-top:20px;
}

@media(max-width:767px){

    .assessment-top h2{
        font-size:30px;
    }

    .assessment-top p{
        font-size:15px;
        line-height:1.8;
    }

    .assessment-box h3{
        font-size:22px;
    }

    .assessment-item{
        padding:0 20px 20px;
    }

    .assessment-note{
        font-size:18px;
        line-height:1.6;
        padding:15px;
    }

    .assessment-bottom p{
        font-size:15px;
        line-height:1.8;
    }
}



.anxiety-signs-section{
    background:#f5f5f5;
}

.signs-heading{
    margin-bottom:35px;
}

.signs-heading h2{
    font-size:32px;
    font-weight:600;
    color:#222;
    margin-bottom:15px;
}

.signs-heading p{
    max-width:900px;
    margin:auto;
    font-size:16px;
    line-height:1.8;
    color:#444;
}

.anxiety-tabs{
    gap:15px;
    margin-bottom:40px;
}

.anxiety-tabs .nav-link{
    border:none;
    min-width:220px;
    padding:14px 30px;
    border-radius:50px;
    background:#fff;
    color:#222;
    font-size:18px;
    font-weight:500;
}

.anxiety-tabs .nav-link.active{
    background:#cfe3dc;
    color:#222;
}

.signs-box{
    background:#fff;
    border-radius:18px;
    padding:50px;
    border-bottom:5px solid #4fb49f;
}

.sign-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:40px;
}

.sign-item img{
    width:22px;
    margin-top:4px;
}

.sign-item p{
    margin:0;
    font-size:18px;
    line-height:1.8;
    color:#333;
}

.signs-bottom-text{
    margin-top:35px;
}

.signs-bottom-text p{
    max-width:900px;
    margin:auto;
    font-size:18px;
    line-height:1.8;
    color:#444;
}

@media(max-width:767px){

    .signs-heading h2{
        font-size:28px;
    }

    .anxiety-tabs .nav-link{
        min-width:100%;
        font-size:15px;
    }

    .signs-box{
        padding:25px 20px;
    }

    .sign-item{
        margin-bottom:25px;
    }

    .sign-item p{
        font-size:15px;
    }

    .signs-bottom-text p{
        font-size:15px;
    }
}






.anxiety-help-section{
    background:#fff;
}

.anxiety-help-wrapper{
    background:#fff;
}

.anxiety-help-image img{
    width:100%;
    display:block;
}

.anxiety-help-content{
    padding-left:35px;
}

.anxiety-help-content h2{
    font-size:25px;
    line-height:1.4;
    font-weight:600;
    color:#222;
    margin-bottom:25px;
}

.help-intro{
    font-size:18px;
    line-height:1.8;
    color:#444;
    margin-bottom:30px;
}

.help-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:22px;
}

.help-item img{
    width:22px;
    margin-top:5px;
}

.help-item p{
    margin:0;
    font-size:18px;
    line-height:2;
    color:#333;
}

.anxiety-help-bottom{
    background:#dfe8e1;
    padding:20px 30px;
    text-align:center;
}

.anxiety-help-bottom p{
    margin:0;
    font-size:18px;
    line-height:2;
    color:#333;
}

@media(max-width:991px){

    .anxiety-help-content{
        padding:30px 0 0;
    }

    .anxiety-help-content h2{
        font-size:34px;
    }
}

@media(max-width:767px){

    .anxiety-help-content h2{
        font-size:28px;
        line-height:1.5;
    }

    .help-intro{
        font-size:15px;
    }

    .help-item{
        gap:12px;
        margin-bottom:18px;
    }

    .help-item p{
        font-size:15px;
        line-height:1.8;
    }

    .anxiety-help-bottom{
        padding:18px;
    }

    .anxiety-help-bottom p{
        font-size:15px;
        line-height:1.8;
    }
}







.trigger-card{
    background:#e8e8e8;
    padding:22px;
    height:100%;
    transition:.3s;
}

.trigger-card.active-card{
    background:#2e6d73;
    color:#fff;
}

.trigger-card.active-card h3,
.trigger-card.active-card p,
.trigger-card.active-card a{
    color:#fff;
}

.trigger-icon{
    margin-bottom:20px;
}

.trigger-icon img{
    width:42px;
}

.trigger-card h3{
    font-size:18px;
    font-weight:600;
    margin-bottom:12px;
}

.trigger-card p{
    font-size:14px;
    line-height:1.9;
    margin-bottom:0;
}

.more-content{
    display:none;
    margin-top:12px;
}

.more-content.show{
    display:block;
}

.read-more-btn{
    display:inline-block;
    margin-top:10px;
    font-weight:600;
    color:#111;
}



.anxiety-types-section{
    background:#fff;
}

.anxiety-types-section .section-title{
    margin-bottom:50px;
}

.anxiety-types-section .section-title h2{
    font-size:32px;
    font-weight:600;
    color:#222;
    margin-bottom:15px;
}

.anxiety-types-section .section-title p{
    max-width:850px;
    margin:auto;
    font-size:16px;
    line-height:1.8;
    color:#444;
}

.anxiety-tree-image img{
    width:100%;
    display:block;
}

.anxiety-type-item{
    position:relative;
    padding-left:20px;
    margin-bottom:28px;
}

.anxiety-type-item::before{
    content:"";
    position:absolute;
    left:0;
    top:4px;
    width:4px;
    height:100%;
    background:#0f8c7f;
    border-radius:10px;
}

.anxiety-type-item h4{
    font-size:16px;
    font-weight:600;
    color:#222;
    margin-bottom:8px;
}

.anxiety-type-item p{
    margin:0;
    font-size:14px;
    line-height:1.8;
    color:#444;
}

.anxiety-types-bottom{
    background:#dfe8e1;
    padding:22px 0;
    margin-top:40px;
}

.anxiety-types-bottom p{
    text-align:center;
    margin:0;
    font-size:18px;
    line-height:2;
    color:#333;
}

@media(max-width:991px){

    .anxiety-tree-image{
        margin-bottom:40px;
        text-align:center;
    }

    .anxiety-tree-image img{
        max-width:500px;
    }
}

@media(max-width:767px){

    .anxiety-types-section .section-title h2{
        font-size:28px;
    }

    .anxiety-types-section .section-title p{
        font-size:15px;
        line-height:1.8;
    }

    .anxiety-type-item h4{
        font-size:16px;
    }

    .anxiety-type-item p{
        font-size:14px;
    }

    .anxiety-types-bottom p{
        font-size:15px;
        line-height:1.8;
    }
}




.therapy-approach-section{
    background:#f5f5f5;
}

.therapy-approach-section .section-title{
    margin-bottom:50px;
}

.therapy-approach-section .section-title h2{
    font-size:32px;
    font-weight:600;
    color:#222;
    margin-bottom:15px;
}

.therapy-approach-section .section-title p{
    max-width:1050px;
    margin:auto;
    font-size:16px;
    line-height:1.8;
    color:#444;
}

.therapy-card{
    background:#f8f8f8;
    padding: 22px 15px;
    height:100%;
    position:relative;
    border-bottom:8px solid #0f8c7f;
    transition:.3s;
        border-radius: 1px;
}

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

.therapy-icon{
    width:42px;
    height:42px;
    margin-bottom:20px;
}

.therapy-icon img{
    width:100%;
}

.therapy-card h3{
    font-size: 15px;
    font-weight:600;
    line-height:1.6;
    margin-bottom: 0px;
    color:#222;
    min-height:60px;
}

.therapy-card p{
    font-size: 14px;
    line-height:1.9;
    color:#444;
    margin-bottom: -2px;
}

@media(max-width:991px){

    .therapy-approach-section .section-title h2{
        font-size:34px;
    }
}

@media(max-width:767px){

    .therapy-approach-section .section-title h2{
        font-size:28px;
    }

    .therapy-approach-section .section-title p{
        font-size:15px;
    }

    .therapy-card{
        padding:22px 18px;
    }

    .therapy-card h3{
        min-height:auto;
        font-size:16px;
    }

    .therapy-card p{
        font-size:14px;
        line-height:1.8;
    }
}







/*18062026*/



/*19062026*/


/*19062026*/

.related-services {
    background: #f3f3f3;
    padding: 50px 0;
}

.section-heading {
    text-align: center;
    max-width: 1050px;
    margin: 0 auto 50px;
}

.section-heading h2 {
    font-size: 32px;
    font-weight: 700;
    color: #111;
    margin-bottom: 20px;
}

.section-heading p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}

.service-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 300px;
}

.service-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

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

.service-card .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.85) 10%,
        rgba(0,0,0,.45) 50%,
        rgba(0,0,0,.15) 100%
    );
}

.card-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 20px;
    z-index: 2;
}

.card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.card-top h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.card-content p {
    color: rgba(255,255,255,.9);
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

.arrow-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255,255,255,.25);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    font-size: 9px;
    transition: .3s;
}

.arrow-btn:hover {
    background: #fff;
    color: #000;
}

@media (max-width: 991px) {
    .section-heading h2 {
        font-size: 32px;
    }

    .service-card {
        height: 450px;
    }

    .card-top h3 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .related-services {
        padding: 60px 0;
    }

    .section-heading h2 {
        font-size: 28px;
    }

    .section-heading p {
        font-size: 15px;
    }

    .service-card {
        height: 400px;
    }
}



/*19062026*/
.therapy-top-price {
    text-align: center;
    padding: 5px 8px 5px;
}
/*19062026*/



/*22062026*/
.view-more-wrap{
    text-align:center;
    margin-top:30px;
}

.view-more-btn{
    display:inline-block;
    padding:12px 30px;
    border:1px solid #222;
    border-radius:50px;
    text-decoration:none;
    color:#222;
    font-size:18px;
    font-weight:600;
    transition:all .3s ease;
}

.view-more-btn:hover{
    background:#18a89c;
    border-color:#18a89c;
    color:#fff;
}




/*team*/
.expert-psychologist-section{
    padding:50px 0;
    background:#fff;
}

.expert-heading{
    margin-bottom:50px;
}

.expert-heading h2{
    font-size:35px;
    color:#1f9f92;
    font-weight:600;
    margin:0;
}

.psychologist-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
    height:100%;
    transition:0.4s;
}

.psychologist-card:hover{
    transform:translateY(-8px);
}

.psychologist-image img{
    width:100%;
    display:block;
}

.psychologist-content{
    padding:28px;
}

.psychologist-content h3{
    font-size: 18px;
    font-weight: 600;
    color: #111;
    margin-bottom: 6px;
}

.psychologist-content h4{
    font-size:16px;
    font-weight:500;
    color:#444;
    margin-bottom:15px;
}

.psychologist-content p{
      font-size: 14px;
    line-height: 2;
    color: #000000;
    margin: 0;
}

.psychologist-content p strong{
    color:#222;
    font-weight:600;
}

@media(max-width:991px){

    .expert-heading h2{
        font-size:36px;
    }

}

@media(max-width:767px){

    .expert-psychologist-section{
        padding:70px 0;
    }

    .expert-heading h2{
        font-size:28px;
    }

    .psychologist-content{
        padding:22px;
    }

    .psychologist-content h3{
        font-size:20px;
    }

    .psychologist-content p{
        font-size:15px;
        line-height:1.8;
    }
}
/*team*/

/*22062026*/


/*23062026*/
.profile-btn{
      display: inline-block;
    padding: 8px 30px;
    border: 1px solid #222;
    border-radius: 50px;
    text-decoration: none;
    color: #222;
    font-size: 15px;
    font-weight: 400;
    transition: all .3s ease;
    background: #fff;
}

.profile-btn:hover{
    background:#fff;
}

.modal-content{
    border-radius:15px;
    overflow:hidden;
}

.modal-header{
    padding:18px 25px;
}

.modal-title{
    font-size: 15px;
    font-weight:700;
}

.profile-top{
    display:flex;
    gap:30px;
    align-items:flex-start;
}

.profile-image{
    width:220px;
    text-align:center;
}

.profile-image img{
    width:150px;
    height:150px;
    border-radius:50%;
    object-fit:cover;
}

.profile-image h4{
    margin-top: 13px;
    font-size: 16px;
    font-weight:700;
}

.profile-image p{
    margin:0;
    color:#666;
    font-size: 14px;
}

.profile-details{
    flex:1;
}

.profile-details p{
    font-size: 14px;
    line-height:1.8;
    margin-bottom:2px;
}

.profile-details span{
    color:#0c7b6d;
    font-weight:400;
}

.profile-description p{
    font-size: 14px;
    line-height:1.9;
    text-align:justify;
}

@media(max-width:768px){

    .modal-title{
               font-size: 15px;
    }

    .profile-top{
        flex-direction:column;
        align-items:center;
        text-align:center;
    }

    .profile-image{
        width:100%;
    }

    .profile-image img{
        width:120px;
        height:120px;
    }

    .profile-image h4{
        font-size:18px;
    }

    .profile-details{
        width:100%;
        text-align:left;
    }

    .profile-details p,
    .profile-description p{
        font-size:13px;
        line-height:1.7;
    }
}

.btn-bar-line{
        margin: 15px 0px 0px 0px;
}
/*23062026*/