/* ── Shared: flex column center layout ──────────────────── */
.financial-options-section-1,
.financial-options-section-2,
.financial-options-section-3,
.financial-options-section-5,
.financial-options-section-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.financial-options-section-1 {
    padding: 95px 110px;
    gap: 50px;
    align-self: stretch;
    background: #FFF;
}

.financial-options-section-1-content { 
    max-width: 1000px;
    width: 100%;
}

.financial-options-section-2 {
    gap: 50px;
    max-width: 1920px;
    width: 100%;
    padding: 95px 110px;
    background: #F8F8F5;
    box-sizing: border-box;
}

.financial-options-section-2-benefits {
    display: flex;
    max-width: 1110px;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 75px;
    flex-wrap: wrap;
}

.financial-options-section-2-benefits div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
    max-width: 250px;
    max-height: 235px;
}

.financial-options-section-3 {
    padding: 75px 110px;
    gap: 50px;
    align-self: stretch;
    background: #FFF;
}

/* ── Shared: image+text content rows ───────────────────── */
.financial-options-section-3-content,
.financial-options-section-6-content {
    display: flex;
    align-items: center;
    gap: 70px;
}

.financial-options-section-3-content { justify-content: center; }
.financial-options-section-6-content { justify-content: flex-end; }

.financial-options-section-3-content img {
    max-width: 502px;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    aspect-ratio: 499/333;
}

.financial-options-section-6-content img {
    max-width: 502px;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    aspect-ratio: 251/167;
}

.financial-options-section-4 {
    display: flex;
    max-width: 1920px;
    width: 100%;
    padding: 71px 507px;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    box-sizing: border-box;
}

.financial-options-section-4-logos-container {
    display: flex;
    max-width: 666px;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 54px;
}

.financial-options-section-4-logos-container img {
    max-width: 100%;
    height: auto;
}

.financial-options-section-4-oral-care-dental-plan {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.financial-options-section-4-oral-care-dental-plan img {
    width: 394.314px;
    height: 394.311px;
    flex-shrink: 0;
}

.financial-options-section-4-oral-care-dental-plan a {
    display: flex;
    padding: 15px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #1F86DC;
    text-decoration: none;
}

.financial-options-section-4-oral-care-dental-plan a p {
    color: #F6F6F6;
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}

.financial-options-section-5 {
    max-width: 1920px;
    width: 100%;
    padding: 75px 623px;
    gap: 41px;
    background: #F1EDE3;
    box-sizing: border-box;
}

.financial-options-section-5-images-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 56px;
    align-self: stretch;
}

.financial-options-section-5-images-container img {
    max-width: 100%;
    height: auto;
}

.financial-options-section-6 {
    padding: 75px 110px;
    gap: 50px;
    align-self: stretch;
    background: #FFF;
}

/* ── Shared: Heading 2 typography ───────────────────────── */
.financial-options-section-2 h2,
.financial-options-section-3 h2,
.financial-options-section-4 h2,
.financial-options-section-5 h2,
.financial-options-section-6 h2 {
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Minion Pro";
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
}

.financial-options-section-2 h2,
.financial-options-section-3 h2,
.financial-options-section-6 h2 { 
    color: var(--dentistry-braces-primary, #002969); 
    
}

.financial-options-section-4 h2,
.financial-options-section-5 h2 { 
    color: #2A4397; 
    
}

/* ── Heading 3 ──────────────────────────────────────────── */
.financial-options-section-2 h3 {
    color: var(--dentistry-braces-primary, #002969);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Minion Pro";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
}

/* ── Shared: Body large typography ──────────────────────── */
.financial-options-section-1-content p,
.financial-options-section-2 p,
.financial-options-section-2-benefits div p,
.financial-options-section-3-content p,
.financial-options-section-4-oral-care-dental-plan p,
.financial-options-section-6-content p {
    color: var(--dentistry-braces-primary, #002969);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.financial-options-section-4-content,
.financial-options-section-5-text {
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.financial-options-section-4-content { 
    color: #002D74;
    max-width: 842px;
    width: 100%;
}
.financial-options-section-5-text { 
    color: #2A4397; 
    
}

/* ── text-align: center for centered body text ──────────── */
.financial-options-section-1-content p,
.financial-options-section-2 p,
.financial-options-section-2-benefits div p,
.financial-options-section-4-oral-care-dental-plan p { 
    text-align: center; 
    
}

/* ── Width overrides ─────────────────────────────────────── */
.financial-options-section-2 p { 
    max-width: 1110px;
    width: 100%;
}
.financial-options-section-2-benefits div p { 
    width: 250px; 
    
}
.financial-options-section-3-content p,
.financial-options-section-6-content p { 
    max-width: 554px;
    width: 100%;
}
.financial-options-section-4-oral-care-dental-plan p { 
    max-width: 790px;
    width: 100%;
}
/* ══════════════════════════════════════════════════════════
   RESPONSIVE STYLES
   ══════════════════════════════════════════════════════════ */
 
/* ── 1200px: Pull back extreme horizontal padding ─────────── */
@media (max-width: 1200px) {
    .financial-options-section-4 { padding: 71px 110px; }
    .financial-options-section-5 { padding: 75px 110px; }
}
 
/* ── 1024px: Tablet landscape ─────────────────────────────── */
@media (max-width: 1024px) {
    .financial-options-section-1,
    .financial-options-section-2,
    .financial-options-section-3,
    .financial-options-section-6 { padding: 65px 60px; }
 
    .financial-options-section-4,
    .financial-options-section-5 { padding: 60px 60px; }
}
 
/* ── 768px: Tablet portrait / mobile ──────────────────────── */
@media (max-width: 768px) {
    /* Padding + gap */
    .financial-options-section-1,
    .financial-options-section-2,
    .financial-options-section-3,
    .financial-options-section-6 { padding: 50px 30px; gap: 30px; }
 
    .financial-options-section-4 { padding: 50px 30px; gap: 40px; }
    .financial-options-section-5 { padding: 50px 30px; gap: 30px; }
 
    /* Headings */
    .financial-options-section-2 h2,
    .financial-options-section-3 h2,
    .financial-options-section-4 h2,
    .financial-options-section-5 h2,
    .financial-options-section-6 h2 { font-size: 32px; }
 
    .financial-options-section-2 h3 { font-size: 24px; }
 
    /* Stack image + text rows */
    .financial-options-section-3-content,
    .financial-options-section-6-content { flex-direction: column; gap: 30px; }
 
    .financial-options-section-3-content img,
    .financial-options-section-6-content img { width: 100%; height: auto; }

    /* Allow text to fill available width when stacked */
    .financial-options-section-3-content p,
    .financial-options-section-6-content p { max-width: 100%; }
 
    /* Benefits grid: 2 columns */
    .financial-options-section-2-benefits { gap: 40px; }
    .financial-options-section-2-benefits div p { width: auto; }
 
    /* Logos: allow wrap, drop fixed height */
    .financial-options-section-4-logos-container {
        flex-wrap: wrap;
        gap: 30px;
    }
 
    /* Oral Care plan image */
    .financial-options-section-4-oral-care-dental-plan img {
        width: 260px;
        height: 260px;
    }

    .financial-options-section-4-oral-care-dental-plan p {
        max-width: 100%;
    }
 
    /* Section 5 images: stack vertically */
    .financial-options-section-5-images-container {
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
}
 
/* ── 480px: Mobile ─────────────────────────────────────────── */
@media (max-width: 480px) {
    .financial-options-section-1,
    .financial-options-section-2,
    .financial-options-section-3,
    .financial-options-section-4,
    .financial-options-section-5,
    .financial-options-section-6 { padding: 40px 20px; }
 
    .financial-options-section-2 h2,
    .financial-options-section-3 h2,
    .financial-options-section-4 h2,
    .financial-options-section-5 h2,
    .financial-options-section-6 h2 { font-size: 26px; }
 
    .financial-options-section-2 h3 { font-size: 20px; }

    .financial-options-section-1-content p,
    .financial-options-section-2 p,
    .financial-options-section-2-benefits div p,
    .financial-options-section-3-content p,
    .financial-options-section-4-content,
    .financial-options-section-4-oral-care-dental-plan p,
    .financial-options-section-5-text,
    .financial-options-section-6-content p { font-size: 16px; }
 
    .financial-options-section-2-benefits { gap: 30px; }
    .financial-options-section-2-benefits div { max-width: 140px; }
    .financial-options-section-2-benefits div img { max-width: 80px; }
 
    .financial-options-section-4-oral-care-dental-plan img {
        width: 200px;
        height: 200px;
    }

    .financial-options-section-4-logos-container img {
        max-width: 150px;
    }
}