.elementor-2028 .elementor-element.elementor-element-e6f081d{--display:flex;}.elementor-2028 .elementor-element.elementor-element-32cd686{--display:flex;}.elementor-2028 .elementor-element.elementor-element-a2aa49b{--display:flex;}.elementor-2028 .elementor-element.elementor-element-6358495{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7fff88d *//* =========================================
   GENERAL
========================================= */

.gyne-hero,
.gyne-intro,
.gyne-conditions {
    padding: 80px 20px;
}

.gyne-hero .container,
.gyne-intro .container,
.gyne-conditions .container {
    max-width: 1200px;
    margin: 0 auto;
}

.section-eyebrow {
    display: inline-block;
    color: #b45a78;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

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

.section-heading.center {
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.section-heading h2,
.gyne-intro h2 {
    color: #29213a;
    font-size: 38px;
    line-height: 1.2;
    margin: 0 0 15px;
}

.section-heading p {
    color: #666;
    font-size: 17px;
    line-height: 1.8;
}


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

.gyne-hero {
    background:
        linear-gradient(
            135deg,
            #fff6f8 0%,
            #f9f3fa 100%
        );
}

.gyne-hero-content {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 60px;
    align-items: center;
}

.gyne-hero h1 {
    color: #29213a;
    font-size: 52px;
    line-height: 1.12;
    margin: 0 0 22px;
}

.gyne-hero p {
    color: #555;
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 18px;
}

.hero-description {
    font-size: 20px !important;
    color: #4b4355 !important;
}

.hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px;
}

.btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.3s ease;
}

.btn-primary {
    background: #b45a78;
    color: #fff;
}

.btn-primary:hover {
    background: #963f5e;
    color: #fff;
}

.btn-secondary {
    border: 2px solid #b45a78;
    color: #b45a78;
    background: #fff;
}

.btn-secondary:hover {
    background: #b45a78;
    color: #fff;
}


/* =========================================
   DOCTOR CARD
========================================= */

.gyne-hero-card {
    display: flex;
    justify-content: center;
}

.doctor-card {
    width: 100%;
    max-width: 420px;
    background: #fff;
    padding: 35px;
    border-radius: 18px;
    box-shadow: 0 15px 45px rgba(80, 50, 80, 0.12);
    border: 1px solid #f1e6eb;
}

.doctor-card h2 {
    color: #29213a;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 28px;
}

.doctor-designation {
    color: #b45a78 !important;
    font-weight: 700;
}

.doctor-card ul {
    padding: 0;
    margin: 25px 0 0;
    list-style: none;
}

.doctor-card li {
    position: relative;
    padding: 10px 0 10px 28px;
    color: #555;
    border-bottom: 1px solid #eee;
}

.doctor-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #b45a78;
    font-weight: 700;
}


/* =========================================
   INTRO
========================================= */

.gyne-intro {
    background: #fff;
}

.intro-content {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 60px;
    align-items: start;
}

.intro-text p {
    color: #555;
    font-size: 17px;
    line-height: 1.85;
    margin: 0 0 20px;
}

.intro-highlights {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.highlight-box {
    display: flex;
    gap: 18px;
    padding: 22px;
    background: #fff8fa;
    border-radius: 10px;
    border-left: 4px solid #b45a78;
}

.highlight-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b45a78;
    color: #fff;
    border-radius: 50%;
    font-weight: bold;
}

.highlight-box h3 {
    margin: 0 0 7px;
    color: #29213a;
    font-size: 19px;
}

.highlight-box p {
    margin: 0;
    color: #666;
    line-height: 1.6;
}


/* =========================================
   CONDITIONS
========================================= */

.gyne-conditions {
    background: #faf8fb;
}

.condition-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.condition-card {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #eee7ee;
    transition: all 0.3s ease;
}

.condition-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(60, 40, 70, 0.10);
}

.condition-card h3 {
    color: #29213a;
    font-size: 21px;
    margin: 0 0 12px;
}

.condition-card p {
    color: #666;
    font-size: 15.5px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.condition-card a {
    color: #b45a78;
    font-weight: 700;
    text-decoration: none;
}

.condition-card a:hover {
    color: #963f5e;
}


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

@media (max-width: 992px) {

    .gyne-hero-content,
    .intro-content {
        grid-template-columns: 1fr;
        gap: 40px;
    }

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

    .gyne-hero h1 {
        font-size: 44px;
    }
}


@media (max-width: 600px) {

    .gyne-hero,
    .gyne-intro,
    .gyne-conditions {
        padding: 55px 16px;
    }

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

    .hero-description {
        font-size: 18px !important;
    }

    .section-heading h2,
    .gyne-intro h2 {
        font-size: 29px;
    }

    .condition-grid {
        grid-template-columns: 1fr;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .btn {
        text-align: center;
        width: 100%;
        box-sizing: border-box;
    }

    .doctor-card {
        padding: 25px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b408157 *//* =========================================
   TREATMENT SECTIONS
========================================= */

.treatment-section {
    padding: 85px 20px;
    background: #ffffff;
}

.treatment-section.bg-light {
    background: #faf8fb;
}

.treatment-section .container {
    max-width: 1200px;
    margin: 0 auto;
}

.treatment-grid {
    display: grid;
    grid-template-columns: 1.4fr 0.8fr;
    gap: 65px;
    align-items: center;
}

.treatment-grid.reverse {
    grid-template-columns: 0.8fr 1.4fr;
}

.treatment-content h2,
.treatment-section h2 {
    color: #29213a;
    font-size: 40px;
    line-height: 1.2;
    margin: 0 0 20px;
}

.treatment-content h3,
.treatment-section h3 {
    color: #29213a;
    font-size: 23px;
    margin: 30px 0 15px;
}

.treatment-content p,
.treatment-section p {
    color: #5f5b62;
    font-size: 16.5px;
    line-height: 1.85;
    margin-bottom: 18px;
}


/* =========================================
   CHECK LIST
========================================= */

.check-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 25px;
}

.check-list li {
    position: relative;
    padding: 9px 0 9px 32px;
    color: #555;
    line-height: 1.6;
}

.check-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #b45a78;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* =========================================
   INFO BOX
========================================= */

.treatment-info-box {
    padding: 38px;
    background: linear-gradient(
        145deg,
        #fff3f6,
        #f8f2fa
    );
    border-radius: 18px;
    border: 1px solid #f0dfe6;
}

.treatment-info-box h3 {
    margin-top: 0;
    font-size: 25px;
}


/* =========================================
   TWO COLUMN CONTENT
========================================= */

.content-two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}

.feature-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.feature-item {
    display: flex;
    gap: 20px;
    padding: 22px;
    background: #ffffff;
    border: 1px solid #eee5ec;
    border-radius: 12px;
}

.feature-item > strong {
    color: #b45a78;
    font-size: 20px;
}

.feature-item h3 {
    margin: 0 0 7px;
    font-size: 18px;
}

.feature-item p {
    margin: 0;
    font-size: 14.5px;
}


/* =========================================
   FIBROID DETAIL CARDS
========================================= */

.condition-detail-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.detail-card {
    position: relative;
    padding: 30px 25px;
    background: #fff;
    border: 1px solid #eee6ed;
    border-radius: 14px;
}

.detail-number {
    color: #b45a78;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.detail-card h3 {
    font-size: 19px;
    margin: 0 0 10px;
}

.detail-card p {
    font-size: 14.5px;
    margin: 0;
}

.wide-content {
    max-width: 950px;
    margin: 50px auto 0;
    text-align: center;
}

.wide-content h3 {
    margin-top: 0;
}


/* =========================================
   PCOS
========================================= */

.pcos-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.pcos-card {
    padding: 30px 25px;
    background: #fff;
    border: 1px solid #eee5ec;
    border-radius: 14px;
    transition: 0.3s ease;
}

.pcos-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(70, 45, 65, 0.08);
}

.pcos-icon {
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 50%;
    background: #fff0f4;
    color: #b45a78;
    font-size: 13px;
    font-weight: 800;
}

.pcos-card h3 {
    margin: 0 0 10px;
    font-size: 19px;
}

.pcos-card p {
    font-size: 14.5px;
    margin: 0;
}

.highlighted-content {
    padding: 35px;
    background: #fff7f9;
    border-radius: 14px;
}


/* =========================================
   AMENORRHEA
========================================= */

.narrow-content {
    max-width: 1000px;
    margin: 0 auto;
}

.cause-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 25px 0 35px;
}

.cause-item {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 22px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee5ec;
}

.cause-item strong {
    color: #29213a;
    font-size: 17px;
}

.cause-item span {
    color: #777;
    font-size: 14px;
    line-height: 1.5;
}


/* =========================================
   HORMONAL ISSUES
========================================= */

.hormonal-layout {
    display: grid;
    grid-template-columns: 1.4fr 0.8fr;
    gap: 60px;
    align-items: start;
}

.doctor-cta-card {
    padding: 38px;
    background: #29213a;
    color: #fff;
    border-radius: 18px;
}

.doctor-cta-card > span {
    color: #e8a7ba;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.doctor-cta-card h3 {
    color: #fff;
    font-size: 26px;
    margin: 18px 0 15px;
}

.doctor-cta-card p {
    color: #e5dfe7;
    font-size: 15px;
}

.doctor-cta-card .btn {
    margin-top: 15px;
}


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

@media (max-width: 992px) {

    .treatment-grid,
    .treatment-grid.reverse,
    .hormonal-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .content-two-column {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .condition-detail-grid,
    .pcos-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .treatment-content h2,
    .treatment-section h2 {
        font-size: 34px;
    }
}


@media (max-width: 600px) {

    .treatment-section {
        padding: 55px 16px;
    }

    .condition-detail-grid,
    .pcos-grid,
    .cause-grid {
        grid-template-columns: 1fr;
    }

    .treatment-content h2,
    .treatment-section h2 {
        font-size: 29px;
    }

    .treatment-info-box,
    .doctor-cta-card {
        padding: 26px;
    }

    .wide-content,
    .highlighted-content {
        padding: 25px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a50aef *//* =========================================================
   SECTIONS 11–18 PREMIUM HEALTHCARE DESIGN
   Theme:
   Navy  #12304A
   Teal  #168C8C
   Blue  #2F6F95
   Light #F5F9FB
   White #FFFFFF
========================================================= */


/* =========================================================
   COMMON TREATMENT SECTION
========================================================= */

.treatment-section {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background: #ffffff;
}

.treatment-section.bg-light {
    background: #F5F9FB;
}


/* =========================================================
   COMMON TREATMENT GRID
========================================================= */

.treatment-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);

    align-items: center;

    gap: 70px;
}

.treatment-content {
    max-width: 760px;
}

.treatment-content h2 {
    margin: 0 0 22px;

    color: #12304A;

    font-size: clamp(32px, 4vw, 46px);
    line-height: 1.15;

    letter-spacing: -0.8px;
}

.treatment-content h3 {
    margin: 30px 0 15px;

    color: #12304A;

    font-size: 21px;
    line-height: 1.35;
}

.treatment-content p {
    margin: 0 0 18px;

    color: #627482;

    font-size: 16px;
    line-height: 1.85;
}

.treatment-content p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   CHECK LIST
========================================================= */

.check-list {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 11px 25px;

    margin: 20px 0 25px;
    padding: 0;

    list-style: none;
}

.check-list li {
    position: relative;

    padding-left: 28px;

    color: #435966;

    font-size: 15px;
    line-height: 1.6;
}

.check-list li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 1px;

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

    width: 20px;
    height: 20px;

    border-radius: 50%;

    color: #168C8C;
    background: #E7F5F4;

    font-size: 12px;
    font-weight: 800;
}


/* =========================================================
   SECTION 11 — MENOPAUSE CARD
========================================================= */

.menopause-card {
    position: relative;

    padding: 36px;

    overflow: hidden;

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            #12304A 0%,
            #174C61 58%,
            #168C8C 100%
        );

    box-shadow:
        0 20px 55px rgba(18,48,74,0.18);
}

.menopause-card::before {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    right: -100px;
    top: -100px;

    border: 1px solid rgba(255,255,255,0.12);

    border-radius: 50%;
}

.menopause-card-header {
    position: relative;

    padding-bottom: 22px;

    margin-bottom: 10px;

    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.menopause-card-header span {
    display: block;

    margin-bottom: 10px;

    color: #9BE0DC;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.menopause-card-header h3 {
    margin: 0;

    color: #ffffff;

    font-size: 25px;
    line-height: 1.35;
}

.menopause-point {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 13px;

    padding: 17px 0;

    border-bottom: 1px solid rgba(255,255,255,0.10);
}

.menopause-point:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.menopause-point > span {
    flex: 0 0 auto;

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

    width: 25px;
    height: 25px;

    margin-top: 1px;

    border-radius: 50%;

    color: #12304A;
    background: #A8E5E0;

    font-size: 13px;
    font-weight: 800;
}

.menopause-point p {
    margin: 0;

    color: rgba(255,255,255,0.84);

    font-size: 14.5px;
    line-height: 1.6;
}


/* =========================================================
   SECTION 12 — CONTRACEPTION
========================================================= */

.contraception-grid {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin-bottom: 35px;
}

.contraception-card {
    position: relative;

    padding: 30px 25px;

    background: #ffffff;

    border: 1px solid #DFE9EE;

    border-radius: 17px;

    box-shadow:
        0 8px 25px rgba(18,48,74,0.05);

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

.contraception-card:hover {
    transform: translateY(-6px);

    border-color: #B9DADD;

    box-shadow:
        0 16px 35px rgba(18,48,74,0.09);
}

.contraception-number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    margin-bottom: 20px;

    border-radius: 12px;

    color: #168C8C;
    background: #E8F6F5;

    font-size: 13px;
    font-weight: 800;
}

.contraception-card h3 {
    margin: 0 0 12px;

    color: #12304A;

    font-size: 19px;
    line-height: 1.35;
}

.contraception-card p {
    margin: 0;

    color: #687984;

    font-size: 14px;
    line-height: 1.75;
}

.wide-content {
    max-width: 850px;

    margin: 0 auto;

    padding: 25px 30px;

    text-align: center;

    background: #EAF6F7;

    border: 1px solid #D3E9EB;

    border-radius: 15px;
}

.wide-content p {
    margin: 0;

    color: #4F6874;

    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 13 — ADOLESCENT GYNECOLOGY
========================================================= */

.adolescent-layout {
    display: grid;

    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);

    gap: 65px;

    align-items: start;
}

.adolescent-intro {
    position: sticky;
    top: 30px;
}

.adolescent-intro h2 {
    margin: 0 0 20px;

    color: #12304A;

    font-size: clamp(32px, 4vw, 45px);
    line-height: 1.15;
}

.adolescent-intro p {
    margin: 0 0 18px;

    color: #627482;

    font-size: 16px;
    line-height: 1.85;
}

.adolescent-intro .btn {
    margin-top: 10px;
}

.adolescent-concerns {
    padding: 32px;

    background: #ffffff;

    border: 1px solid #DDE8ED;

    border-radius: 20px;

    box-shadow:
        0 15px 40px rgba(18,48,74,0.06);
}

.adolescent-concerns > h3 {
    margin: 0 0 22px;

    color: #12304A;

    font-size: 23px;
}

.adolescent-item {
    display: grid;

    grid-template-columns: 45px 1fr;

    gap: 18px;

    padding: 20px 0;

    border-bottom: 1px solid #EAF0F3;
}

.adolescent-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.adolescent-item > span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    border-radius: 11px;

    color: #168C8C;
    background: #E9F6F5;

    font-size: 12px;
    font-weight: 800;
}

.adolescent-item strong {
    display: block;

    margin-bottom: 5px;

    color: #12304A;

    font-size: 16px;
}

.adolescent-item p {
    margin: 0;

    color: #687984;

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   SECTION 14 — UTERINE ABNORMALITIES
========================================================= */

.uterine-content {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 25px;
}

.uterine-box {
    padding: 35px;

    background: #ffffff;

    border: 1px solid #DDE8ED;

    border-radius: 19px;

    box-shadow:
        0 10px 30px rgba(18,48,74,0.05);
}

.uterine-box h3 {
    margin: 0 0 22px;

    color: #12304A;

    font-size: 22px;
}

.uterine-box p {
    margin: 0 0 17px;

    color: #687984;

    font-size: 15.5px;
    line-height: 1.85;
}

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

.uterine-box .check-list {
    margin-bottom: 0;

    grid-template-columns: 1fr;
}


/* =========================================================
   SECTION 15 — FALLOPIAN TUBES
========================================================= */

.tube-info-card {
    position: relative;

    padding: 40px;

    background:
        linear-gradient(
            145deg,
            #F0F8F9,
            #E5F4F4
        );

    border: 1px solid #CFE5E7;

    border-radius: 22px;

    box-shadow:
        0 15px 40px rgba(18,48,74,0.06);
}

.tube-label {
    display: inline-flex;

    margin-bottom: 15px;
    padding: 7px 12px;

    border-radius: 30px;

    color: #168C8C;
    background: #DDF2F0;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.tube-info-card h3 {
    margin: 0 0 17px;

    color: #12304A;

    font-size: 27px;
    line-height: 1.25;
}

.tube-info-card p {
    margin: 0 0 25px;

    color: #607480;

    font-size: 15.5px;
    line-height: 1.8;
}

.tube-info-card .btn {
    width: 100%;
}


/* =========================================================
   SECTION 16 — SURGERY
========================================================= */

.surgery-grid {
    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 25px;
}

.surgery-card {
    position: relative;

    padding: 38px;

    background: #ffffff;

    border: 1px solid #DDE8ED;

    border-radius: 20px;

    box-shadow:
        0 12px 35px rgba(18,48,74,0.05);

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

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

    box-shadow:
        0 18px 45px rgba(18,48,74,0.09);
}

.surgery-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 55px;
    height: 55px;

    margin-bottom: 22px;

    border-radius: 14px;

    color: #ffffff;
    background:
        linear-gradient(
            135deg,
            #12304A,
            #168C8C
        );

    font-size: 13px;
    font-weight: 800;
}

.surgery-card h3 {
    margin: 0 0 14px;

    color: #12304A;

    font-size: 25px;
}

.surgery-card > p {
    margin: 0 0 22px;

    color: #667783;

    font-size: 15px;
    line-height: 1.8;
}

.surgery-card h4 {
    margin: 0 0 15px;

    color: #12304A;

    font-size: 15px;
}

.surgery-card .check-list {
    grid-template-columns: 1fr;

    margin: 0;
}

.surgery-note {
    display: flex;
    align-items: flex-start;

    gap: 12px;

    margin-top: 25px;
    padding: 20px 24px;

    background: #F2F7F9;

    border-left: 4px solid #168C8C;

    border-radius: 10px;
}

.surgery-note strong {
    flex: 0 0 auto;

    color: #12304A;

    font-size: 14px;
}

.surgery-note span {
    color: #667783;

    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   SECTION 17 — FERTILITY CONDITIONS
========================================================= */

#gynecology-infertility .section-heading {
    max-width: 820px;
    margin-left: 0;
}

.fertility-condition-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;
}

.fertility-condition {
    position: relative;

    padding: 28px;

    background: #ffffff;

    border: 1px solid #DFE9EE;

    border-radius: 17px;

    box-shadow:
        0 7px 25px rgba(18,48,74,0.04);

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

.fertility-condition:hover {
    transform: translateY(-5px);

    box-shadow:
        0 15px 35px rgba(18,48,74,0.08);
}

.fertility-condition > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    margin-bottom: 17px;

    border-radius: 10px;

    color: #168C8C;
    background: #E8F6F5;

    font-size: 11px;
    font-weight: 800;
}

.fertility-condition h3 {
    margin: 0 0 10px;

    color: #12304A;

    font-size: 19px;
}

.fertility-condition p {
    margin: 0;

    color: #687984;

    font-size: 14px;
    line-height: 1.75;
}

.fertility-bottom {
    margin-top: 30px;
    padding: 38px;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            #EAF6F7,
            #F5FAFC
        );

    border: 1px solid #D4E8EA;

    border-radius: 20px;
}

.fertility-bottom h3 {
    margin: 0 0 12px;

    color: #12304A;

    font-size: 24px;
}

.fertility-bottom p {
    max-width: 850px;

    margin: 0 auto 23px;

    color: #617581;

    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 18 — WHY DR. GOURI RAI
========================================================= */

.why-doctor-section {
    position: relative;

    padding: 105px 0;

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #102E46 0%,
            #123F54 55%,
            #146E76 100%
        );
}

.why-doctor-section::before {
    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    right: -200px;
    top: -180px;

    border: 1px solid rgba(255,255,255,0.10);

    border-radius: 50%;
}

.why-doctor-section::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    left: -150px;
    bottom: -150px;

    border: 1px solid rgba(255,255,255,0.08);

    border-radius: 50%;
}

.why-doctor-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns: minmax(0, 1fr) minmax(350px, 0.9fr);

    gap: 75px;

    align-items: center;
}

.why-doctor-content .section-eyebrow {
    color: #9DE1DD;
}

.why-doctor-content .section-eyebrow::before {
    background: #9DE1DD;
}

.why-doctor-content h2 {
    margin: 0 0 22px;

    color: #ffffff;

    font-size: clamp(32px, 4vw, 46px);
    line-height: 1.15;
    letter-spacing: -0.8px;
}

.why-doctor-content > p {
    margin: 0 0 18px;

    color: rgba(255,255,255,0.78);

    font-size: 16px;
    line-height: 1.85;
}

.qualification-box {
    margin-top: 30px;
    padding: 25px;

    border: 1px solid rgba(255,255,255,0.14);

    border-radius: 16px;

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

    backdrop-filter: blur(8px);
}

.qualification-box h3 {
    margin: 0 0 17px;

    color: #ffffff;

    font-size: 17px;
}

.qualification-list {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;
}

.qualification-list span {
    padding: 8px 12px;

    border: 1px solid rgba(157,225,221,0.25);

    border-radius: 8px;

    color: #B8E6E2;

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

    font-size: 12px;
    font-weight: 700;
}

.why-doctor-features {
    display: grid;

    gap: 14px;
}

.why-feature {
    display: grid;

    grid-template-columns: 48px 1fr;

    gap: 17px;

    padding: 22px;

    border: 1px solid rgba(255,255,255,0.13);

    border-radius: 15px;

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

    backdrop-filter: blur(8px);

    transition:
        transform 0.25s ease,
        background 0.25s ease;
}

.why-feature:hover {
    transform: translateX(5px);

    background: rgba(255,255,255,0.11);
}

.why-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 45px;
    height: 45px;

    border-radius: 12px;

    color: #12304A;
    background: #9DE1DD;

    font-size: 17px;
    font-weight: 800;
}

.why-feature h3 {
    margin: 0 0 5px;

    color: #ffffff;

    font-size: 17px;
}

.why-feature p {
    margin: 0;

    color: rgba(255,255,255,0.68);

    font-size: 13.5px;
    line-height: 1.65;
}


/* =========================================================
   FINAL CTA
========================================================= */

.gyne-final-cta {
    position: relative;

    padding: 90px 0;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(74,184,180,0.20),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #12304A,
            #165267 60%,
            #168C8C
        );
}

.gyne-final-cta::before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    left: -200px;
    bottom: -200px;

    border: 1px solid rgba(255,255,255,0.10);

    border-radius: 50%;
}

.gyne-final-cta .final-cta-content {
    position: relative;
    z-index: 2;

    max-width: 850px;

    margin: 0 auto;

    padding: 50px;

    text-align: center;

    border: 1px solid rgba(255,255,255,0.15);

    border-radius: 24px;

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

    box-shadow:
        0 25px 65px rgba(0,0,0,0.17);

    backdrop-filter: blur(10px);
}

.gyne-final-cta .section-eyebrow {
    color: #A4E3DF;
}

.gyne-final-cta .section-eyebrow::before {
    background: #A4E3DF;
}

.gyne-final-cta h2 {
    margin: 0 0 18px;

    color: #ffffff;

    font-size: clamp(31px, 4vw, 45px);
    line-height: 1.15;
}

.gyne-final-cta p {
    max-width: 720px;

    margin: 0 auto 28px;

    color: rgba(255,255,255,0.80);

    font-size: 16px;
    line-height: 1.8;
}

.cta-buttons {
    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    gap: 12px;
}

.cta-buttons .btn {
    min-width: 190px;
}


/* =========================================================
   FAQ
========================================================= */

.faq-section {
    padding: 100px 0;

    background: #F5F9FB;
}

.faq-list {
    max-width: 900px;

    margin: 0 auto;
}

.faq-item {
    margin-bottom: 13px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #DFE9EE;

    border-radius: 14px;

    box-shadow:
        0 5px 18px rgba(18,48,74,0.035);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.faq-item:hover,
.faq-item[open] {
    border-color: #B9DADD;

    box-shadow:
        0 10px 28px rgba(18,48,74,0.07);
}

.faq-item summary {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 68px;

    padding: 19px 65px 19px 23px;

    color: #12304A;

    font-size: 15.5px;
    font-weight: 700;

    line-height: 1.5;

    cursor: pointer;

    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "+";

    position: absolute;

    right: 22px;
    top: 50%;

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

    width: 30px;
    height: 30px;

    transform: translateY(-50%);

    border-radius: 50%;

    color: #168C8C;
    background: #E8F6F5;

    font-size: 20px;
    font-weight: 500;
}

.faq-item[open] summary::after {
    content: "−";
}

.faq-answer {
    padding: 0 23px 24px;

    border-top: 1px solid #EDF2F5;
}

.faq-answer p {
    margin: 18px 0 0;

    color: #647682;

    font-size: 14.5px;
    line-height: 1.85;
}


/* =========================================================
   MEDICAL DISCLAIMER
========================================================= */

.medical-disclaimer {
    padding: 42px 0;

    background: #EEF3F6;

    border-top: 1px solid #DCE6EB;
}

.medical-disclaimer .container {
    max-width: 900px;
}

.medical-disclaimer p {
    margin: 0;

    color: #687883;

    font-size: 13px;
    line-height: 1.8;
}

.medical-disclaimer strong {
    color: #12304A;
}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width: 1050px) {

    .treatment-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .menopause-card {
        max-width: 700px;
    }

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

    .adolescent-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .adolescent-intro {
        position: static;
    }

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

    .why-doctor-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width: 700px) {

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

    .treatment-content h2,
    .adolescent-intro h2,
    .why-doctor-content h2 {
        font-size: 31px;
    }

    .check-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .menopause-card,
    .tube-info-card,
    .surgery-card,
    .uterine-box {
        padding: 28px 23px;
    }

    .contraception-grid {
        grid-template-columns: 1fr;
    }

    .adolescent-concerns {
        padding: 25px 21px;
    }

    .uterine-content {
        grid-template-columns: 1fr;
    }

    .surgery-grid {
        grid-template-columns: 1fr;
    }

    .fertility-condition-grid {
        grid-template-columns: 1fr;
    }

    .fertility-bottom {
        padding: 30px 22px;
    }

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

    .why-feature {
        grid-template-columns: 42px 1fr;
        padding: 18px;
    }

    .why-feature-icon {
        width: 40px;
        height: 40px;
    }

    .gyne-final-cta {
        padding: 65px 0;
    }

    .gyne-final-cta .final-cta-content {
        padding: 32px 22px;
        border-radius: 19px;
    }

    .gyne-final-cta h2 {
        font-size: 31px;
    }

    .cta-buttons {
        flex-direction: column;
    }

    .cta-buttons .btn {
        width: 100%;
    }

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

}


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

@media (max-width: 480px) {

    .menopause-card-header h3 {
        font-size: 22px;
    }

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

    .surgery-card h3 {
        font-size: 22px;
    }

    .surgery-note {
        flex-direction: column;
        gap: 5px;
    }

    .qualification-list {
        gap: 7px;
    }

    .qualification-list span {
        font-size: 11px;
    }

    .faq-item summary {
        padding: 17px 55px 17px 18px;
        font-size: 14.5px;
    }

    .faq-answer {
        padding-left: 18px;
        padding-right: 18px;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        transition: none !important;
        animation: none !important;
        scroll-behavior: auto !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0018295 *//* =========================================================
   PREMIUM WOMEN'S HEALTH / CLINIC DESIGN
   Sections 19–25
   Color Palette:
   Navy   #12304A
   Teal   #168C8C
   Blue   #2F6F95
   Light  #F4F8FA
   White  #FFFFFF
========================================================= */


/* =========================================================
   GLOBAL SECTION SETTINGS
========================================================= */

.final-cta-section,
.clinic-section,
.reviews-section,
.faq-section,
.appointment-section,
.medical-disclaimer,
.clinic-footer {
    position: relative;
    overflow: hidden;
}

.container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================================
   COMMON TYPOGRAPHY
========================================================= */

.section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 14px;

    color: #168C8C;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.section-eyebrow::before {
    content: "";
    width: 26px;
    height: 2px;
    background: #168C8C;
    border-radius: 10px;
}

.section-heading {
    max-width: 780px;
    margin: 0 auto 50px;
}

.section-heading.center {
    text-align: center;
}

.section-heading h2 {
    margin: 0 0 18px;

    color: #12304A;
    font-size: clamp(30px, 4vw, 44px);
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -0.7px;
}

.section-heading p {
    max-width: 720px;
    margin: 0 auto;

    color: #607080;
    font-size: 17px;
    line-height: 1.8;
}


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

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 50px;
    padding: 13px 24px;

    border-radius: 10px;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.btn:hover {
    transform: translateY(-2px);
}

.btn-primary {
    color: #ffffff;
    background: #168C8C;
    border: 1px solid #168C8C;
    box-shadow: 0 10px 25px rgba(22, 140, 140, 0.20);
}

.btn-primary:hover {
    background: #117575;
    box-shadow: 0 14px 30px rgba(22, 140, 140, 0.28);
}

.btn-secondary {
    color: #12304A;
    background: #ffffff;
    border: 1px solid #D5E1E8;
}

.btn-secondary:hover {
    border-color: #168C8C;
    color: #168C8C;
}


/* =========================================================
   SECTION 19 — FINAL WOMEN'S HEALTH CTA
========================================================= */

.final-cta-section {
    padding: 85px 0;

    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(53, 145, 170, 0.25),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #102E46 0%,
            #164B61 55%,
            #167B80 100%
        );
}

.final-cta-section::before {
    content: "";
    position: absolute;

    width: 320px;
    height: 320px;

    right: -150px;
    bottom: -180px;

    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 50%;
}

.final-cta-content {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(300px, 0.7fr);
    align-items: center;
    gap: 70px;

    padding: 55px;

    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 24px;

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

    box-shadow:
        0 25px 70px rgba(0,0,0,0.18);

    backdrop-filter: blur(10px);
}

.final-cta-text .section-eyebrow {
    color: #9DE1DF;
}

.final-cta-text .section-eyebrow::before {
    background: #9DE1DF;
}

.final-cta-text h2 {
    max-width: 700px;

    margin: 0 0 20px;

    color: #ffffff;

    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.12;
    letter-spacing: -1px;
}

.final-cta-text p {
    max-width: 760px;

    margin: 0;

    color: rgba(255,255,255,0.82);

    font-size: 17px;
    line-height: 1.85;
}

.final-cta-actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.final-cta-actions .btn {
    width: 100%;
}

.btn-white {
    color: #12304A;
    background: #ffffff;
    border: 1px solid #ffffff;

    box-shadow: 0 12px 28px rgba(0,0,0,0.15);
}

.btn-white:hover {
    background: #F3F9FA;
}

.btn-outline-white {
    color: #ffffff;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.45);
}

.btn-outline-white:hover {
    background: rgba(255,255,255,0.10);
    border-color: #ffffff;
}


/* =========================================================
   SECTION 20 — CLINIC LOCATION
========================================================= */

.clinic-section {
    padding: 100px 0;

    background: #F5F9FB;
}

.clinic-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.clinic-info-card {
    position: relative;

    padding: 34px 30px;

    background: #ffffff;

    border: 1px solid #E1EBF0;
    border-radius: 18px;

    box-shadow:
        0 12px 35px rgba(18,48,74,0.06);

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

.clinic-info-card:hover {
    transform: translateY(-5px);

    border-color: #B9D9DD;

    box-shadow:
        0 18px 45px rgba(18,48,74,0.10);
}

.clinic-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    margin-bottom: 22px;

    border-radius: 14px;

    color: #168C8C;
    background: #E8F6F5;

    font-size: 23px;
}

.clinic-info-card h3 {
    margin: 0 0 14px;

    color: #12304A;

    font-size: 21px;
    line-height: 1.3;
}

.clinic-info-card p {
    margin: 0 0 18px;

    color: #647583;

    font-size: 15.5px;
    line-height: 1.8;
}

.text-link,
.phone-link {
    display: inline-block;

    color: #168C8C;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;
}

.text-link:hover,
.phone-link:hover {
    color: #12304A;
}


/* =========================================================
   CONSULTATION HOURS
========================================================= */

.timing-list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.timing-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 9px 0;

    border-bottom: 1px solid #EDF2F5;

    color: #667783;

    font-size: 14px;
}

.timing-list li:last-child {
    border-bottom: 0;
}

.timing-list strong {
    color: #12304A;
    font-weight: 700;
    text-align: right;
}

.clinic-info-card small {
    display: block;

    margin-top: 14px;

    color: #87949D;

    font-size: 12px;
    line-height: 1.6;
}


/* =========================================================
   SECTION 21 — REVIEWS
========================================================= */

.reviews-section {
    padding: 100px 0;

    background: #ffffff;
}

.google-review-widget {
    max-width: 680px;
    margin: 0 auto;
}

.review-widget-placeholder {
    position: relative;

    padding: 55px 35px;

    text-align: center;

    background:
        linear-gradient(
            145deg,
            #F7FBFC,
            #EEF7F8
        );

    border: 1px solid #DCE9ED;
    border-radius: 22px;

    box-shadow:
        0 18px 50px rgba(18,48,74,0.07);
}

.google-logo {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin: 0 auto 20px;

    border-radius: 50%;

    background: #ffffff;

    color: #4285F4;

    font-size: 28px;
    font-weight: 800;

    box-shadow: 0 8px 25px rgba(18,48,74,0.10);
}

.review-widget-placeholder h3 {
    margin: 0 0 12px;

    color: #12304A;

    font-size: 24px;
}

.review-widget-placeholder p {
    margin: 0 auto 25px;

    max-width: 500px;

    color: #697984;

    line-height: 1.7;
}


/* =========================================================
   SECTION 22 — FAQ
========================================================= */

.faq-section {
    padding: 100px 0;

    background: #F5F9FB;
}

.faq-list {
    max-width: 900px;
    margin: 0 auto;
}

.faq-item {
    margin-bottom: 14px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #DFE9EE;
    border-radius: 14px;

    box-shadow: 0 5px 18px rgba(18,48,74,0.04);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.faq-item:hover,
.faq-item[open] {
    border-color: #BBDDE0;

    box-shadow:
        0 10px 28px rgba(18,48,74,0.07);
}

.faq-item summary {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 70px;

    padding: 20px 65px 20px 24px;

    color: #12304A;

    font-size: 16px;
    font-weight: 700;

    line-height: 1.5;

    cursor: pointer;

    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "+";

    position: absolute;

    right: 24px;
    top: 50%;

    width: 30px;
    height: 30px;

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

    transform: translateY(-50%);

    border-radius: 50%;

    color: #168C8C;
    background: #E9F6F5;

    font-size: 20px;
    font-weight: 500;
}

.faq-item[open] summary::after {
    content: "−";
}

.faq-answer {
    padding: 0 24px 25px;

    border-top: 1px solid #EDF2F5;
}

.faq-answer p {
    margin: 20px 0 0;

    color: #637582;

    font-size: 15.5px;
    line-height: 1.85;
}


/* =========================================================
   SECTION 23 — FINAL APPOINTMENT CTA
========================================================= */

.appointment-section {
    padding: 80px 0;

    background: #ffffff;
}

.appointment-box {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 45px;

    padding: 48px;

    background:
        linear-gradient(
            135deg,
            #EAF6F7,
            #F5FAFC
        );

    border: 1px solid #D5E8EA;
    border-radius: 22px;

    box-shadow:
        0 15px 45px rgba(18,48,74,0.07);
}

.appointment-content {
    flex: 1;
}

.appointment-content h2 {
    margin: 0 0 14px;

    color: #12304A;

    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.2;
}

.appointment-content p {
    max-width: 650px;

    margin: 0;

    color: #637582;

    font-size: 16px;
    line-height: 1.75;
}

.appointment-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}


/* =========================================================
   SECTION 24 — MEDICAL DISCLAIMER
========================================================= */

.medical-disclaimer {
    padding: 55px 0;

    background: #EEF3F6;

    border-top: 1px solid #DCE6EB;
}

.medical-disclaimer .container {
    max-width: 900px;
}

.medical-disclaimer h2 {
    margin: 0 0 18px;

    color: #12304A;

    font-size: 24px;
}

.medical-disclaimer p {
    margin: 0 0 14px;

    color: #687883;

    font-size: 13.5px;
    line-height: 1.8;
}

.medical-disclaimer p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   SECTION 25 — FOOTER
========================================================= */

.clinic-footer {
    padding: 75px 0 0;

    color: #D9E5EA;

    background:
        linear-gradient(
            135deg,
            #102D43,
            #123B52
        );
}

.footer-grid {
    display: grid;

    grid-template-columns:
        1.5fr
        1fr
        1fr
        1.25fr;

    gap: 45px;

    padding-bottom: 55px;
}

.footer-column h3 {
    margin: 0 0 20px;

    color: #ffffff;

    font-size: 18px;
    line-height: 1.4;
}

.footer-column p {
    margin: 0 0 18px;

    color: #B9CBD4;

    font-size: 14px;
    line-height: 1.8;
}

.footer-column ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.footer-column li {
    margin-bottom: 10px;
}

.footer-column a {
    color: #B9CBD4;

    font-size: 14px;

    text-decoration: none;

    transition:
        color 0.2s ease,
        padding-left 0.2s ease;
}

.footer-column li a:hover {
    padding-left: 4px;
    color: #72D0CC;
}

.footer-link,
.footer-map-link {
    display: inline-block;

    color: #72D0CC !important;

    font-weight: 700;
}

.footer-link:hover,
.footer-map-link:hover {
    color: #A0E3DF !important;
}

.footer-column address {
    font-style: normal;
}

.footer-column strong {
    color: #ffffff;
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 25px 0;

    border-top: 1px solid rgba(255,255,255,0.12);
}

.footer-bottom p {
    margin: 0;

    color: #91AAB6;

    font-size: 12.5px;
    line-height: 1.6;
}


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

@media (max-width: 980px) {

    .final-cta-content {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 40px;
    }

    .clinic-info-grid {
        grid-template-columns: 1fr 1fr;
    }

    .clinic-info-card:last-child {
        grid-column: 1 / -1;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .appointment-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .appointment-actions {
        width: 100%;
    }

}


@media (max-width: 700px) {

    .container {
        width: min(100% - 28px, 1180px);
    }

    .final-cta-section,
    .clinic-section,
    .reviews-section,
    .faq-section {
        padding: 70px 0;
    }

    .appointment-section {
        padding: 60px 0;
    }

    .final-cta-content {
        padding: 30px 24px;
        border-radius: 18px;
    }

    .final-cta-text h2 {
        font-size: 32px;
    }

    .final-cta-text p {
        font-size: 15px;
        line-height: 1.75;
    }

    .clinic-info-grid {
        grid-template-columns: 1fr;
    }

    .clinic-info-card:last-child {
        grid-column: auto;
    }

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

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

    .section-heading p {
        font-size: 15px;
        line-height: 1.7;
    }

    .appointment-box {
        padding: 30px 24px;
        border-radius: 18px;
    }

    .appointment-actions {
        flex-direction: column;
    }

    .appointment-actions .btn {
        width: 100%;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

}


@media (max-width: 480px) {

    .btn {
        width: 100%;
    }

    .final-cta-actions {
        width: 100%;
    }

    .clinic-info-card {
        padding: 28px 23px;
    }

    .review-widget-placeholder {
        padding: 40px 22px;
    }

    .faq-item summary {
        padding: 18px 55px 18px 18px;
        font-size: 15px;
    }

    .faq-answer {
        padding: 0 18px 20px;
    }

    .timing-list li {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .timing-list strong {
        text-align: left;
    }

}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }

}/* End custom CSS */