:root {
    /* colors */
    --bg-color-blue: #2b4c8b;
    --bg-color-light-blue: #7991c7;
    --bg-color-white: #FFF;
    --bg-color-flash-white: #f1f5f9;
    --bg-color-gradient-1: #e4ecf5;
    --bg-color-gradient-2: #f1f5f9;
    --bg-color-offwhite: #d1dff0;
    --bg-color-creamwhite: #e4ecf5;
    --opaf-black: #000;
    --opaf-text: #212529;
    --opaf-border: #212529;
    --supported-brand-text: #383d41;
    --opaf-care-connect-text: #2b4c8b;
    --opaf-board-director-white: #f8fbfd;
    --opaf-color-blue: #426bba;
    --opaf-color-gray: #434343;
    --anchor-text-color: #426bba;
    --hcp-gray-text: #434343;
    --anchor-board-card-bg-color: rgb(0 0 0 / 25%);
    --eligibility-progress-color: rgb(33 37 41);
    --border-color-opa: #ccc;
    --focus-opa-color: rgb(66 107 186 / 10%);
    --para-color-opa: #333;
    --para-text-long: #666;
    --text-hover-color: #2e4d8f;
    --btn-bg-color: #e0e0e0;
    --result-color-title: #00a651;
    --result-title-condition-color: #ff9800;
    --result-contact-color: #f0f7ff;
    --mobile-slider-color: rgb(0 0 0 / 4%);
    --border-color-household: #ced6e0;
    --tooltip-bg-color: rgb(89 181 227 / 80%);
    --error-color: #EE0004;
    --color-grey-shade1: #f1f5f9;
    --border-opa-video: rgb(255 255 255 / 30%);

    /* fonts */
    --font-family-primary: 'Museo Sans';

    /* ==========================================
   BREAKPOINTS
   ==========================================
   sm   —  576px  (min-width)  — Small (landscape phones)
   md   —  768px  (min-width)  — Medium (tablets)
   lg   —  992px  (min-width)  — Large (desktops)
   xl   — 1200px  (min-width)  — Extra large
   xxl  — 1400px  (min-width)  — Extra extra large
   ========================================== */
}

body {
    font-family: var(--font-family-primary);
}

/* Sections   */

main {
    font-style: normal;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.6;
}

@media (width >=576px) {
    main>.section>div {
        max-width: 540px;
    }
}

@media (width >=768px) {
    main>.section>div {
        max-width: 720px;
    }
}

@media (width >=992px) {
    main>.section>div {
        max-width: 960px;
    }
}

@media (width >=1200px) {
    main>.section>div {
        max-width: 1140px;
    }
}

@media (width >=1400px) {
    main>.section>div {
        max-width: 1320px;
    }
}

main>.section>div {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* color 1  Blue  */

.section.blue {
    background: var(--bg-color-blue);
}

/* color 2 Flash White  */
.section.flash-white {
    background: var(--bg-color-flash-white);
}

/* color 3 gradiant 1  */

.section.section.gradient-1 {
    background: linear-gradient(172deg,
            var(--bg-color-gradient-1) 48.8%,
            var(--bg-color-gradient-2) 0%);
}

.apply-for-yourself .section.section.gradient-1 {
    background: linear-gradient(172deg,
            var(--bg-color-gradient-1) 49%,
            var(--bg-color-gradient-2) 0%);
}

.patient-forms-page .section.section.gradient-1 {
    background: #f1f5f9;
    position: relative;
}

.patient-forms-page .section.gradient-1.hcp-forms.video-container::after {
    content: "";
    position: absolute;
    background: url('../images/bg-form-m.svg') no-repeat top center / cover;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 455px;
    display: block;
    z-index: 1;
}

/* color 4  offwhite - full bleed background */
.section.offwhite {
    position: relative;
}

/* color 5 White */
.section.white {
    background: var(--bg-color-white);
}

.home-page .section.flash-white:has(#are-you-a-patient-or-caregiver) a:not(strong a) {
    padding: 0.5rem 1.5rem;
    letter-spacing: 0.0875rem;
}

.home-page .section.flash-white .fragment-wrapper:has(#are-you-a-patient-or-caregiver) p strong a[href^="tel"] {
    font-weight: 400;
}

.opaf-care-connect-page .section.flash-white:has(#are-you-a-patient-or-caregiver) a:not(strong a) {
    padding: 8px 50px 5px 58px;
    letter-spacing: normal;
}

.home-page .section.flash-white:has(#are-you-a-patient-or-caregiver) a:not(strong a)::after,
.opaf-care-connect-page .section.flash-white:has(#are-you-a-patient-or-caregiver) a:not(strong a)::after {
    margin-left: 20px;
    width: 1.375rem;
    height: 1.375rem;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    background-position: center center;
}

.section.flash-white:has(#are-you-a-patient-or-caregiver) {
    position: relative;
    padding: 73px 0 0;
    color: var(--supported-brand-text);
    margin: 0 auto;

    @media (width <=992px) {
        padding: 0;
    }

    @media (width <=1140px) and (width >=992px) {
        padding-inline: 0;
    }
}

.home-page .section.flash-white:has(#are-you-a-patient-or-caregiver) {
    position: relative;
    padding: 80px 0 0;
    color: var(--supported-brand-text);
    margin: 0 auto;
    max-width: none;

    @media (width <=992px) {
        padding: 0;
    }

    @media (width <=1140px) and (width >=992px) {
        padding-inline: 0;
    }
}


.home-page .section.section.side-by-side,
.opaf-care-connect-page .section.section.side-by-side {
    max-width: 75rem;
}

@media (width >=992px) {
    .opaf-care-connect-page .section.section.side-by-side,
    .home-page .section.section.side-by-side {
        max-width: 90rem;
    }
}


.section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper {
    margin: auto;
    margin-bottom: 3rem;
}

@media (width >=992px) {
    .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper {
        margin: auto;
        max-width: 480px;
    }
}

.opaf-care-connect-page .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper:has(#are-you-a-healthcare-provider) .otsuka-button-wrapper {
    padding-top: 0;
}

.home-page .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper:has(#are-you-a-healthcare-provider) .otsuka-button-wrapper {
    padding-top: 0;
}

.section.flash-white:has(#are-you-a-patient-or-caregiver) h3 {
    font-size: 2rem;
    margin-block: 0 1rem;
    line-height: 1.2;
}

.home-page .section.flash-white:has(#are-you-a-patient-or-caregiver) h3 {
    color: #383d41;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    margin-bottom: 1.5rem;
}

.section.blue.hero-banner-container {
    margin: 0;
}

.section.offwhite::before,
.section.flash-white:has(#are-you-a-patient-or-caregiver)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: var(--bg-color-offwhite);
    z-index: -1;

    @media (width <=1300px) and (width >=1120px) {
        width: calc(100vw - 1rem);
    }
}

.opaf-care-connect-page .section.flash-white .fragment-wrapper:has(#are-you-a-patient-or-caregiver) p {
    line-height: 1.4;
    margin-bottom: 0;
}

.home-page .section.flash-white .fragment-wrapper:has(#are-you-a-patient-or-caregiver, #are-you-a-healthcare-provider) p {
    line-height: 1.4rem;
    margin-bottom: 1.5rem;
}

.section.flash-white .fragment-wrapper:has(#are-you-a-patient-or-caregiver, #are-you-a-healthcare-provider) {
    margin-top: 0;
}

.section.flash-white .fragment-wrapper:has(#are-you-a-healthcare-provider) p {
    line-height: 1.4rem;
    margin-bottom: 3rem;
}

.section.flash-white:has(#are-you-a-patient-or-caregiver)::before {
    background: var(--bg-color-flash-white);
}

.section.white:has(#are-you-a-patient-or-caregiver)::before {
    background: var(--bg-color-white);
}

/* color 5 Ligt Blue  */
.section.light-blue {
    background: var(--bg-color-light-blue);
}

/* color 6 Cream White  */
.section.cream-white {
    background: var(--bg-color-creamwhite);
}

/* color 7   gradiant 2 */
.section.gradient-2 {
    background: linear-gradient(172deg,
            var(--bg-color-gradient-2) 30%,
            var(--bg-color-gradient-1) 0%);
}

.apply-for-your-patient .section.gradient-2 {
    background: linear-gradient(172deg,
            var(--bg-color-gradient-2) 49.2%,
            var(--bg-color-gradient-1) 0%);
}

/* color 8 Ice to Baby Blue */
.section.ice-to-baby-blue {
    background: var(--bg-color-offwhite);
}

.section.ice-to-baby-blue.opa-cards-container:has(.opa-cards-wrapper) {
    background: var(--bg-color-flash-white);

}



@media (width >=992px) {
    .section.ice-to-baby-blue {
        background: var(--bg-color-flash-white);
    }

    .patient-forms-page .section.gradient-1.hcp-forms.video-container::after {
        content: "";
        width: 100%;
        position: absolute;
        background: url('../images/bg-form-patient.svg') no-repeat top center / 100% 100%;
        height: 929px;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
    }

    .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment.block.otsuka-button-container {
        max-width: 30rem;
        padding-bottom: 8.125rem;
    }

    .home-page .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment.block.otsuka-button-container {
        padding-bottom: 5rem;
    }

    .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper:last-child {
        margin-left: auto;
    }

    .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper:last-child .fragment.block.otsuka-button-container {
        margin-left: auto;
    }

    .section.flash-white:has(#are-you-a-patient-or-caregiver)::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 39px;
        bottom: 39px;
        width: 1.3625px;
        background-color: #000;
        z-index: 1;
    }

    .home-page .section.flash-white:has(#are-you-a-patient-or-caregiver)::after {
        width: 1px;
        top: 40px;
        bottom: auto;
        height: 340px;
    }

    .section.flash-white:has(#are-you-a-patient-or-caregiver) .otsuka-button-wrapper {
        position: absolute;
        bottom: 83px;
    }

    .home-page .section.flash-white:has(#are-you-a-patient-or-caregiver) .otsuka-button-wrapper {
        position: static;
    }
}

@media (width >=992px) and (width <1200px) {
    .patient-forms-page .section.gradient-1.hcp-forms.video-container::after {
        height: 919px;
        top: 39px
    }
}

@media (width >=1200px) {
    .patient-forms-page .section.gradient-1.hcp-forms.video-container::after {
        height: 921px;
    }

    .section.white:has(#are-you-a-patient-or-caregiver) .fragment.block.otsuka-button-container {
        max-width: 30rem;
        padding-bottom: 8.125rem;
    }

    .section.white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper:last-child {
        margin-left: auto;
    }

    .section.white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper:last-child .fragment.block.otsuka-button-container {
        margin-left: auto;
    }

    .section.white:has(#are-you-a-patient-or-caregiver)::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 39px;
        bottom: 39px;
        width: 1px;
        background-color: #000;
        z-index: 1;
    }

    .section.white:has(#are-you-a-patient-or-caregiver) .otsuka-button-wrapper {
        position: absolute;
        bottom: 83px;
    }
}

.section.flash-white:has(#are-you-a-patient-or-caregiver) a {
    margin: 0;
}

/* ============================================
   Background Image Section Style
   Usage: Add two images to the section - first for desktop, second for mobile
   The images will be positioned as full background images
   ============================================ */
.section.background-image {
    position: relative;
    overflow: hidden;
}

/* Target paragraphs containing pictures - position as background */
.section.background-image>.default-content-wrapper>p:has(picture) {
    margin: 0;
    position: absolute;
    inset: 0;
    z-index: 0;
}

/* Make images cover the full section */
.section.background-image>.default-content-wrapper>p:has(picture) picture {
    display: block;
    width: 100%;
    height: 100%;
}

.section.background-image.hcp-forms>.default-content-wrapper>p:has(picture) picture {
    background-color: var(--bg-color-offwhite);
}

.check-eligibility-page .section.background-image>.default-content-wrapper>p:has(picture) picture {
    background-color: transparent;
}


.section.background-image>.default-content-wrapper>p:has(picture) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Keep other content above the background */
.section.background-image>.default-content-wrapper> :not(p:has(picture)),
.section.background-image>*:not(.default-content-wrapper) {
    position: relative;
    z-index: 1;
}

.opaf-care-connect-page .section .otsuka-button-wrapper .otsuka-button a.button,
.home-page .section .otsuka-button-wrapper .otsuka-button a.button {
    font-size: 0.875rem;
}

/* Desktop: Show first image, hide second */
@media (width >=992px) {
    .section.background-image>.default-content-wrapper>p:has(picture):nth-of-type(1) {
        display: block;
    }

    .section.background-image>.default-content-wrapper>p:has(picture):nth-of-type(2) {
        display: none;
    }

    .section.background-image.hcp-forms>.default-content-wrapper>p:has(picture) picture {
        background-color: var(--bg-color-creamwhite);
    }
}

/* Mobile: Show second image, hide first */
@media (width < 992px) {
    .section.background-image>.default-content-wrapper>p:has(picture):nth-of-type(1) {
        display: none;
    }

    .section.background-image>.default-content-wrapper>p:has(picture):nth-of-type(2) {
        display: block;
    }

    .apply-for-yourself main {
        display: flex;
        flex-direction: column;
    }

    .apply-for-yourself .section.video-container.columns-container .video-wrapper {
        padding-inline: 0;
    }

    .apply-for-yourself main .section.offwhite.side-by-side.fragment-container {
        order: 5;
    }

    .apply-for-yourself main .section.background-image.fragment-container {
        order: 6;
    }

    .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper {
        padding: 2rem 2rem 2.5rem;
        margin-bottom: 0;
        position: relative;
    }

    .home-page .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper {
        padding: 2.5rem 2rem;
        margin-bottom: 0;
        position: relative;
    }

    .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper:first-child::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 21px;
        right: 21px;
        height: 0.0625rem;
        background-color: #000;
    }

    .section.flash-white:has(#are-you-a-patient-or-caregiver) .otsuka-button-wrapper {
        margin-top: 2.25rem;
    }

    .home-page .section.flash-white:has(#are-you-a-patient-or-caregiver) .otsuka-button-wrapper {
        margin-top: 0;
    }

    .patient-forms-page .section.hcp-forms .default-content-wrapper h1 {
        margin-bottom: 22px;
    }

    .patient-forms-page .section.hcp-forms .video-wrapper .video {
        margin-bottom: 0;
        margin-left: 0;
        padding-left: 0;
    }

    .patient-forms-page .section.hcp-forms .video-wrapper,
    .patient-forms-page .section.hcp-forms .default-content-wrapper {
        max-width: 100%;
        padding-inline: 0;
    }

    .patient-forms-page .section.ice-to-baby-blue.background-image.opa-cards-container {
        padding-top: 32px;
    }

}

/* ============================================
   END: Background Image Section Style
   ============================================ */

.padding-left-none {
    padding-left: 0;
}

.padding-left-small {
    padding-left: var(--spacing-l, 32px);
}

.padding-left-medium {
    padding-left: var(--spacing-2xl, 64px);
}

.padding-left-large {
    padding-left: var(--spacing-3xl, 96px);
}

.padding-left-xl {
    padding-left: 128px;
}

.padding-left-2xl {
    padding-left: 192px;
}

.padding-left-3xl {
    padding-left: 256px;
}

.padding-left-4xl {
    padding-left: 320px;
}

.padding-left-5xl {
    padding-left: 384px;
}

.padding-left-6xl {
    padding-left: 448px;
}

.padding-left-7xl {
    padding-left: 500.5px;
}

.padding-right-none {
    padding-right: 0;
}

.padding-right-small {
    padding-right: var(--spacing-l, 32px);
}

.padding-right-medium {
    padding-right: var(--spacing-2xl, 64px);
}

.padding-right-large {
    padding-right: var(--spacing-3xl, 96px);
}

.padding-right-xl {
    padding-right: 128px;
}

.padding-right-2xl {
    padding-right: 192px;
}

.padding-right-3xl {
    padding-right: 256px;
}

.padding-right-4xl {
    padding-right: 320px;
}

.padding-right-5xl {
    padding-right: 384px;
}

.padding-right-6xl {
    padding-right: 448px;
}

.padding-right-7xl {
    padding-right: 500.5px;
}

/* Start: OPAF Care Connect Section Styles */

main .section.opaf-care-connect {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.4rem;
    font-size: 1rem;
}

.section.opaf-care-connect>div {
    margin: 0 auto;
    padding: 0 1.75rem 0 2rem;
}

.section.opaf-care-connect h1 {
    margin-bottom: 0.875rem;
    font-size: 3rem;
    line-height: 1.11;
    font-weight: 600;
    color: var(--opaf-care-connect-text);
    margin-top: 0;
}

.section.opaf-care-connect p {
    margin-block: 0 1.5rem;
}

@media (width >=1400px) {
    .section.opaf-care-connect>div {
        max-width: 1200px;
        padding: 0;
    }
}

@media (width >=992px) {
    .section.section.opaf-care-connect {
        padding: 5rem 0 3.75rem;
        background-color: #d1dff0;
        background-image: url("../images/care-connect-hero-desktop-bg.webp");
        background-position: left;
        background-size: 75.6% 100%;
    }

    .section.opaf-care-connect p {
        max-width: 37.5rem;
        font-size: 1rem;
    }
}

.section.opaf-care-connect {
    padding: 3.4375rem 0 2.25rem;
    color: var(--supported-brand-text);
    background: #f0f4f8 url("../images/care-connect-hero-mobile-bg.svg") bottom center no-repeat;
    background-size: 100% 417px;
}

/* End: OPAF Care Connect Section Styles */

/* START: Side by Side Section Layout */

main>.section.side-by-side>div,
.fragment.side-by-side.block>div {
    margin-bottom: var(--bs-gutter-y, 1.5rem);
}

main>.section.side-by-side>div:last-child,
.fragment.side-by-side.block>div:last-child {
    margin-bottom: 0;
}

/* Tablet/Desktop: Side by side within container */
@media (width >=992px) {
    /* Section becomes the container with max-width */
    main>.section.side-by-side {
        --bs-gutter-x: 32px;

        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        max-width: 43rem;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .fragment.side-by-side.block {
        --bs-gutter-x: 32px;

        display: flex;
        flex-wrap: wrap;
        gap: var(--bs-gutter-x);
        align-items: flex-start;
    }

    /* Each child shares the space equally, remove individual max-width */
    main>.section.side-by-side>div,
    .fragment.side-by-side.block>div {
        flex: 1 1 0;
        min-width: 0;
        max-width: none;
        padding: 0;
        margin: 0;
    }
}

main>.section.side-by-side {
    max-width: 69.25rem;
}


/* END: Side by Side Section Layout */

/* -----------------------------------------
   Start: Privacy Policy Page
------------------------------------------ */


.page-privacy-policy main {
    ul li,
    ol li a {
        font-size: 14px;
        line-height: 20px;
        color: var(--supported-brand-text);
        margin: 0;
    }

    /* Ordered lists */
    ol {
        padding: 0;
        margin: 0;
    }

    ol ol {
        padding-left: 40px;

        @media (width <=1200px) {
            padding-left: 24px;
        }
    }

    ol li {
        list-style: none;
        line-height: 26px;
    }

    ol li p {
        margin: 0;
    }

    ol li a {
        text-decoration: none;
        color: var(--anchor-text-color);
    }

    /* Unordered lists */
    ul li {
        margin-bottom: 16px;

        @media (width <=1200px) {
            margin-bottom: 8px;
        }
    }

}

.page-privacy-policy {
    /* Typography defaults */
     p,
     h2,
     h3,
     h4 {
        font-size: 14px;
        line-height: 20px;
        color: var(--supported-brand-text);
        margin: 0;
    }

    h2,
    h3,
    h4 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    @media (width <1200px) {
        h3 {
            margin-bottom: 18px;
        }

        h4 {
            margin-bottom: 16px;
        }
    }

    /* Main content spacing */
    main>.section {
        margin: 0;
    }

    p:has(span.icon) {
        line-height: 0;
    }

    main .default-content-wrapper ol:first-of-type {
        @media (width >=1200px) {
            /* margin-top: 1.5px; */
        }
    }

    main>.section>div {
        padding: 0 18px;
        max-width: unset;
    }

    p {
        line-height: 25px;
        margin-bottom: 18px;
    }

    p:not(ol li p) {
        line-height: 22px;

        span.icon {
            width: 100px;
            height: 49px;
        }
    }

    @media (width <=1200px) {
        main>.section>div {
            padding: 0 16px;
        }
    }

    /* Large Screens */
    @media (width >=1200px) {
        main>.section>div {
            max-width: 1254px;
            padding: 0 32px;
        }

        p {
            margin-bottom: 20px;
            line-height: 26px;
        }

        main .section.flash-white.spacer-container:nth-child(2) p:last-of-type:not(:has(+ ul)),
        /* stylelint-disable-next-line selector-id-pattern */
        h3#all-internet-users--cookies-pixel-tagsweb-beacons-analytics-information-and-interest-based-advertising {
            margin-bottom: 0;
        }

        .default-content-wrapper:has(#childrens-personal-information)+.spacer-wrapper .spacer {
            height: 29px;
        }

        /* stylelint-disable-next-line selector-id-pattern */
        .default-content-wrapper:has(#all-internet-users--cookies-pixel-tagsweb-beacons-analytics-information-and-interest-based-advertising)+.spacer-wrapper .spacer,
        .default-content-wrapper:has(#sensitive-personal-information)+.spacer-wrapper .spacer {
            height: 29.5px;
        }

        .default-content-wrapper:has(#information-we-disclose)+.spacer-wrapper .spacer,
        .default-content-wrapper:has(#service-providers)+.spacer-wrapper .spacer,
        .default-content-wrapper:has(#cookies)+.spacer-wrapper .spacer,
        .default-content-wrapper:has(#sale-of-personal-information)+.spacer-wrapper .spacer,
        .default-content-wrapper:has(#use-of-personal-information-for-profiling)+.spacer-wrapper .spacer,
        .default-content-wrapper:has(#your-privacy-choices)+.spacer-wrapper .spacer,
        .default-content-wrapper:has(#non-discrimination)+.spacer-wrapper .spacer,

        .default-content-wrapper:has(#additional-privacy-rights-for-virginia-colorado-and-connecticut-residents)+.spacer-wrapper .spacer,
        .default-content-wrapper:has(#authorized-agent)+.spacer-wrapper .spacer {
            height: 30px;
        }

        .default-content-wrapper h4 {
            margin-bottom: 16px;
        }

        .default-content-wrapper:has(#verification) h4 {
            margin-bottom: 15.5px;
        }

        .default-content-wrapper:has(#verification)+.spacer-wrapper .spacer.xs {
            height: 14px;
        }

        h2#other-rights-and-important-information {
            margin-bottom: 0;
        }

        .fragment.supported-brands.block {
            margin: 0 auto;
            max-width: 996px;
        }

    }

    /* Headings */
    main>.section h1 {
        color: var(--opaf-care-connect-text);
        margin: 8px 0 28px;
        line-height: 53.519px;

        @media (width >=1200px) {
            margin-top: 24px;

        }
    }

    h2#table-of-contents {
        font-size: 32px;
        color: var(--supported-brand-text);
        margin-bottom: 0;
        line-height: 38.4px;

        @media (width >=1200px) {
            line-height: 38.4px;
        }
    }

    @media (width <=1199px) {
        .default-content-wrapper:has(h2#table-of-contents)+.spacer-wrapper .spacer {
            height: 23px;
        }

        /* Icons */
        .icon {
            width: 100px;
            height: 49px;
        }
    }

    @media (width >=992px) {
        .page-privacy-policy .supported-brands .default-content-wrapper {
            max-width: 992px;
            margin-inline: auto;
        }

    }

    @media (width <=992px) {
        .page-privacy-policy .fragment-wrapper:has(.supported-brands) {
            padding-inline: 0;
        }

        .page-privacy-policy p {
            margin-bottom: 18px;
        }
    }

    .default-content-wrapper:has(#supplemental-notice-for-residents-of-certain-us-states) ul,
    /* stylelint-disable-next-line selector-id-pattern */
    .default-content-wrapper:has(#washington--nevada-my-health-my-data-act-disclosures) ul {
        padding-left: 24px;
        margin-block: 24px;

        @media (width <1200px) {
            padding-bottom: 0;
        }
    }


    .default-content-wrapper:has(#supplemental-notice-for-residents-of-certain-us-states) ul li,
    /* stylelint-disable-next-line selector-id-pattern */
    .default-content-wrapper:has(#washington--nevada-my-health-my-data-act-disclosures) ul li {
        position: relative;
        padding-left: 0.9375rem;
        list-style: none;
        line-height: 22px;
    }

    .default-content-wrapper:has(#supplemental-notice-for-residents-of-certain-us-states) ul li::before,
    /* stylelint-disable-next-line selector-id-pattern */
    .default-content-wrapper:has(#washington--nevada-my-health-my-data-act-disclosures) ul li::before {
        position: absolute;
        left: 0;
        content: "•";
        color: #383d41;
        font-size: 18px;
        font-weight: bold;
        display: inline-block;
        width: 0.3125rem;
        height: 0.3125rem;
    }

    .default-content-wrapper:has(#verification) a u {
        white-space: nowrap;
        text-decoration: none;
        color: #383d41;
    }

    .default-content-wrapper:has(#security) a {
        color: #383d41;
    }
}

@media (width <=1199px) {
    .page-privacy-policy .spacer-wrapper .spacer.lg {
        height: 78px;
    }

    .page-privacy-policy .fragment-container:has(.supported-brands) .fragment-wrapper {
        padding-inline: 0;
    }

    .page-privacy-policy main>.section>div {
        padding-inline: 18px;
    }

    .page-privacy-policy main .section.flash-white.spacer-container:nth-child(2) {
        padding-top: 78px;
    }

    .page-privacy-policy main .section.flash-white.spacer-container:nth-child(2) p:last-of-type:not(:has(+ ul)),
    /* stylelint-disable-next-line selector-id-pattern */
    h3#all-internet-users--cookies-pixel-tagsweb-beacons-analytics-information-and-interest-based-advertising,
    .page-privacy-policy main .section.flash-white.spacer-container:nth-child(2) p+ul,
    h2#other-rights-and-important-information {
        padding-bottom: 78px;
        margin-bottom: 0;
    }

    .page-privacy-policy main .section.flash-white.spacer-container:nth-child(2) .default-content-wrapper:has(#changes-to-the-privacy-policy) p:last-of-type{
        padding-bottom: 62px;
    }

    .page-privacy-policy main .default-content-wrapper:has(#supplemental-notice-for-residents-of-certain-us-states) ul {
        margin-bottom: 86px;
    }

    .page-privacy-policy main .section.flash-white.spacer-container:nth-child(2) p:last-of-type:has(+ ul) {
        margin-bottom: 24px;
    }

    .page-privacy-policy main .section.flash-white.spacer-container:nth-child(2) ul {
        padding-left: 24px;
    }

    .page-privacy-policy main .section.flash-white.spacer-container:nth-child(2) ul li {
        padding-left: 15px;
        position: relative;
        list-style: none;
        line-height: 22px;
        margin-bottom: 6px;

    }

    .page-privacy-policy main .section.flash-white.spacer-container:nth-child(2) ul li::before {
        position: absolute;
        left: 0;
        content: "•";
        font-weight: bold;
        display: inline-block;
        width: 0.3125rem;
        height: 0.3125rem;
        color: #383d41;
        font-size: 18px;
    }

    /* stylelint-disable-next-line selector-id-pattern */
    .page-privacy-policy main .section.flash-white.spacer-container h3#washington--nevada-my-health-my-data-act-disclosures+p+ul {
        margin-bottom: 0;
        margin-top: 24px;
    }

    .page-privacy-policy main .section.flash-white.spacer-container:nth-child(2) .spacer {
        height: 0;
    }

    h4#your-privacy-choices {
        margin-bottom: 16px;
    }
}

.page-privacy-policy main .section.flash-white.spacer-container:nth-child(1)>div:nth-child(6)>div {
    height: 25px;
}

/* -----------------------------------------
   END: Privacy Policy Page
------------------------------------------ */

/* START: Patients can download forms section */

.apply-for-yourself .section.video-container.columns-container .default-content-wrapper:first-of-type h1 {
    font-size: 3rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.4699rem;
    text-align: center;
    color: var(--bg-color-blue);
    margin-bottom: 2rem;
}

.apply-for-yourself .section.video-container.columns-container h1+p {
    max-width: 538px;
    margin-inline: auto;
    margin-top: 2rem;
}

.apply-for-yourself .section.video-container.columns-container .text-only-card p {
    line-height: 1.625rem;
}

.apply-for-yourself .section.video-container.columns-container p {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
    text-align: center;
    color: var(--supported-brand-text);

}

.apply-for-yourself .section.video-container.columns-container>.video-wrapper+.default-content-wrapper h2 {
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    color: var(--opaf-color-blue);
    margin-bottom: 2.5rem;
    margin-block: 0;
}

.apply-for-yourself .section.video-container.columns-container .columns-wrapper .columns.block.columns-3-cols>div>div>h3 {
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.0156rem;
    line-height: 3rem;
    text-align: start;
    color: var(--opaf-color-gray);
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.apply-for-yourself .section.video-container.columns-container {
    padding: 4rem 2rem 2.5rem;

    @media (width <=992px) {
        padding: 2.5rem 2rem;
    }
}

.apply-for-yourself .section.video-container.columns-container>.default-content-wrapper,
.apply-for-yourself .section.video-container.columns-container>.video-wrapper,
.apply-for-yourself .section.video-container.columns-container>.columns-wrapper {
    margin-inline: auto;
    box-sizing: border-box;
}

.apply-for-yourself .section.video-container.columns-container .columns-wrapper+.default-content-wrapper>p:last-of-type {
    text-align: left;
}

.apply-for-yourself .section.video-container.columns-container .default-content-wrapper:first-of-type p {
    margin-bottom: 2.5rem;
}

.apply-for-yourself .section.video-container.columns-container .video-wrapper {
    margin-bottom: 4rem;
}

.apply-for-yourself .section.video-container.columns-container .columns-wrapper {
    margin-bottom: 2.5rem;
    padding-left: 0;
    padding-right: 0;
}

.apply-for-yourself .section.video-container.columns-container .columns-wrapper .columns.block.columns-3-cols>div>div p {
    text-align: left;
    text-align: start;
    margin-top: 0;
}

.apply-for-yourself .section.video-container.columns-container .columns-wrapper .columns.block.columns-3-cols>div>div p strong a {
    display: block;
}

.apply-for-yourself .section.video-container.columns-container .columns-wrapper .columns.block.columns-3-cols>div {
    gap: 1.25rem;
}

.apply-for-yourself .section.video-container.columns-container .columns-wrapper .columns.block.columns-3-cols>div>div {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    box-sizing: border-box;
    padding: 1.4rem 3rem;
    border-left: 0.0417rem solid var(--supported-brand-text);
}

.apply-for-yourself .section.video-container.columns-container .default-content-wrapper:has(#prefer-to-fax-in-an-application-for-your-patient),
.apply-for-yourself .section.video-container.columns-container .default-content-wrapper:has(#prefer-to-fax-in-an-application) {
    margin-bottom: 3rem;

    @media (width <=992px) {
        margin-bottom: 2.5rem;
        padding-inline: 0;
    }

    @media (width <=576px) {
        padding-inline: 15px
    }
}

@media (width >=48em) {
    .apply-for-yourself .section.video-container.columns-container>.default-content-wrapper:first-of-type {
        padding-inline: 0.9375rem;
    }



}

@media (width <=47rem) {
    .apply-for-yourself .section.video-container.columns-container .opa-cards-wrapper+.default-content-wrapper {
        padding-inline: 0;
    }

    .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper {
        padding-inline: 2rem;
    }

    .section.flash-white:has(#are-you-a-patient-or-caregiver) .fragment-wrapper:first-child::after {
        left: 21px;
        right: 21px;
    }

}

@media (width >=62em) {
    .apply-for-yourself .section.video-container.columns-container>.default-content-wrapper:first-of-type h1,
    .apply-for-yourself .section.video-container.columns-container>.default-content-wrapper:first-of-type p {
        max-width: 33.625rem;
        margin-left: auto;
        margin-right: auto;
    }


    .apply-for-yourself .section.video-container.columns-container .columns-wrapper .columns.block.columns-3-cols>div {
        max-width: 67.125rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3rem;
    }

    .apply-for-yourself .section.video-container.columns-container .columns-wrapper+.default-content-wrapper>p:last-of-type {
        text-align: center;
    }
}



/* START: HCP Forms Section */

.section.hcp-forms .opa-cards p {
    color: var(--hcp-gray-text);
}

.section.hcp-forms .opa-cards {
    gap: 0;
}

.section.hcp-forms {
    display: block;
    padding: 0;
    position: relative;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 1208px;
    margin: 0 auto;
    overflow: visible;
}


.section.hcp-forms .default-content-wrapper h1 {
    font-size: 3rem;
    line-height: 3.342rem;
    font-weight: 600;
    color: var(--bg-color-blue);
    margin-top: 0;
    text-align: center;
    margin-bottom: 14px;
}

.section.hcp-forms .default-content-wrapper:nth-child(3) {
    margin: 0;
}

.section.hcp-forms .default-content-wrapper {
    margin: 0;
    margin-bottom: 1.875rem;
    padding: 0;
    max-width: none;
}

.section.hcp-forms .opa-cards.block div>a {
    margin: 0.5rem auto 1.4375rem;
}

.section.hcp-forms .opa-cards>div>a a {
    width: 150px;
    border-width: 1px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 100px;
}

.section.hcp-forms>.default-content-wrapper:nth-child(3) {
    flex: none;
    height: 0;
    width: 0;
    padding: 0;
}

.section.background-image.hcp-forms>.default-content-wrapper>p:has(picture) {
    left: 50%;
    right: auto;
    width: 100vw;
    transform: translateX(-50%);
}

.section.background-image.hcp-forms>.default-content-wrapper>p:has(picture) picture {
    width: 100%;
    height: 100%;
}

.section.background-image.hcp-forms>.default-content-wrapper>p:has(picture) img {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 455px;
    display: block;
    object-position: center top;
}

.section.hcp-forms .video-wrapper {
    max-width: 700px;
    padding-right: 0;
    z-index: 2;
}

.section.hcp-forms .video-wrapper .video {
    max-width: 700px;
    padding-left: 15px;
    margin-top: 5px;
}

.patient-forms-page .section.hcp-forms .default-content-wrapper,
.patient-forms-page .section.hcp-forms .video .video-player {
    z-index: 2;
    position: relative;
}

.section.hcp-forms .video .video-placeholder picture img {
    border-radius: 20px;
}

.section.hcp-forms .opa-cards-wrapper {
    max-width: none;
    width: 100%;
    padding: 0;
    margin: 0;
}

.patient-forms-page .section.hcp-forms .default-content-wrapper p {
    color: #212529;
}

.patient-forms-page iframe {
    border-radius: 20px;
}

@media(width >=992px) {
    .section.hcp-forms .button.white-button-download::after {
        right: 47px;
    }


    .section.hcp-forms .default-content-wrapper h1 {
        text-align: left;
    }

    .section.background-image.hcp-forms>.default-content-wrapper>p:has(picture) img {
        /* stylelint-disable-next-line shorthand-property-no-redundant-values */
        top: auto;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        display: block;
        height: 391px;
        /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
        bottom: 0;
        object-position: center top;
    }

    .section.hcp-forms .opa-cards.block {
        margin-inline: -5px;
    }

    .section.hcp-forms {
        padding-top: 5.75rem;
        padding-left: 2rem;
        padding-right: 2rem;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        box-sizing: unset;
    }

    .section.hcp-forms .opa-cards-wrapper {
        max-width: 716px;
        width: 65%;
        padding: 0;
        padding-bottom: 3.625rem;
        display: block;
        margin: 0;
        margin-left: auto;
    }


    .section.hcp-forms .default-content-wrapper {
        text-align: left;
        width: 35%;
        display: block;
        padding: 0;
        margin: 0;
        font-size: .875rem;
        box-sizing: border-box;
        max-width: 400px;

    }

    .section.hcp-forms .section.hcp-forms .default-content-wrapper {
        z-index: 2;
    }

    .patient-forms-page .section.hcp-forms .default-content-wrapper h1,
    .patient-forms-page .section.hcp-forms .default-content-wrapper p {
        max-width: 370px;
    }

    .section.hcp-forms .video-wrapper {
        width: 65%;
        padding-inline: 0;
    }

    .apply-for-yourself .section.video-container.columns-container .columns-wrapper .columns.block.columns-3-cols>div>div {
        max-width: calc(33.33% - 15px);
    }

}


@media (width >=1200px) {
    .section.hcp-forms .default-content-wrapper {
        padding-left: 20px;
    }

    .section.hcp-forms .video-wrapper {
        margin-right: 24px;
    }

    .section.hcp-forms .opa-cards-wrapper {
        padding-inline: 10px;
    }

    .section.hcp-forms {
        padding-left: calc(((100% - 1208px) / 2));
        padding-right: calc(((100% - 1208px) / 2));
    }

}


@media (width >=1400px) {
    .section.hcp-forms .opa-cards {
        max-width: 1320px;
    }
}

/* END: HCP Forms Section */


@media (width <=1024px) {
    .apply-for-yourself .section.section.gradient-1 {
        background: linear-gradient(172deg,
                var(--bg-color-gradient-1) 49.7%,
                var(--bg-color-gradient-2) 0%);
    }

    .apply-for-your-patient .section.video-container.columns-container {
        background: linear-gradient(172deg, var(--bg-color-gradient-2) 49.6%, var(--bg-color-gradient-1) 0%);
    }
}

@media (width <=768px) {
    .apply-for-yourself:not(.apply-for-your-patient) .section.video-container.columns-container {
        background: linear-gradient(172deg, var(--bg-color-gradient-1) 960px, var(--bg-color-gradient-2) 0%);
    }


    .apply-for-yourself .section.video-container.columns-container .columns-wrapper,
    .section.ice-to-baby-blue.opa-cards-container:has(.opa-cards-wrapper) .opa-cards-wrapper,
    .section.ice-to-baby-blue.opa-cards-container:has(.opa-cards-wrapper .opa-cards) .default-content-wrapper {
        padding-inline: 0;
    }

    .section.ice-to-baby-blue.opa-cards-container:has(.opa-cards-wrapper) {
        padding-top: 0;
    }

    .patient-forms-page .section.hcp-forms .default-content-wrapper p {
        text-align: center;
    }

    .apply-for-yourself .section.video-container .columns-wrapper:has(.columns.block.columns-3-cols)+.default-content-wrapper,
    .apply-for-yourself .section.opa-cards-container .opa-cards-wrapper {
        padding-inline: 0;
    }

    .apply-for-yourself .section.opa-cards-container {
        padding-top: 0;
    }

}

@media (width >=992px) and (width <=1024px) {
    .apply-for-yourself .section.video-container.columns-container .columns-wrapper {
        padding-inline: 0;
    }
}

@media (width >=768px) and (width <=992px) {
    .section.background-image:has(.supported-brands) .default-content-wrapper>p:has(picture) picture img {
        object-fit: initial;
    }

    .apply-for-yourself .section.video-container.columns-container>.video-wrapper+.default-content-wrapper h2 {
        display: inline;
    }

    .apply-for-yourself .section.video-container.columns-container>.video-wrapper+.default-content-wrapper:has(#prefer-to-fax-in-an-application) {
        text-align: center;
    }

    .apply-for-yourself h2#just-follow-these-3-simple-steps {
        margin-left: 5px;
    }

    .apply-for-your-patient .section.video-container.columns-container {
        background: linear-gradient(172deg, rgb(241 245 249) 1011.35px, rgb(228 236 245) 0%);
    }

    .apply-for-yourself .section.video-container.columns-container .default-content-wrapper:has(#prefer-to-fax-in-an-application-for-your-patient) {
        text-align: center;
    }
}


@media (width <=576px) {
    .apply-for-yourself:not(.apply-for-your-patient) .section.video-container.columns-container {
        background: linear-gradient(172deg, var(--bg-color-gradient-1) 972.396px, var(--bg-color-gradient-2) 0%);
    }

    .apply-for-your-patient .section.video-container.columns-container {
        background: linear-gradient(172deg, rgb(241 245 249) 1172.96px, rgb(228 236 245) 0%)
    }


    .apply-for-yourself .section.video-container.columns-container .columns-wrapper .columns.block.columns-3-cols>div {
        padding: 0;
    }

}

.section.fragment-container:has(.fragment-wrapper .about-us-description) {
    margin: 0;
}

@media (width <=991px) {
    .section.fragment-container:has(.fragment-wrapper .about-us-description) {
        padding: 2.5rem 1.0625rem;
    }

    .fragment-wrapper .fragment.about-us-description .default-content-wrapper {
        padding: 0;
    }

    .fragment-wrapper .fragment.about-us-description p {
        text-align: left;
    }
}

.apply-for-your-patient .fragment-wrapper:has(.supported-brands) h2,
.apply-for-yourself .fragment-wrapper:has(.supported-brands) h2 {
    margin-bottom: 1.25rem;
}

main .section.blue.hero-banner-container,
main .section.flash-white.opa-cards-container,
main .section.faq-search-container,
main .section.fragment-container:has(.care-connect-sign-up),
main .section.fragment-container:has(.care-connect-faq) {
    margin: 0;
}

.about-us-page main > .section:nth-child(3) {
    margin: 0;
}

.about-us-page main > .section:nth-child(4) {
    margin: 0;
}

.about-us-page main > .section:nth-child(3) .columns-wrapper {
    padding-top: 4rem;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
    margin: 0;
}

.about-us-page main > .section:nth-child(4) .columns-wrapper {
    padding-bottom: 4rem;
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
    margin: 0;
}

@media (width >= 576px) {
    .about-us-page main > .section:nth-child(3) .columns-wrapper,
    .about-us-page main > .section:nth-child(4) .columns-wrapper {
        max-width: none;
    }
}

@media (width >= 768px) {
    .about-us-page main > .section:nth-child(3) .columns-wrapper,
    .about-us-page main > .section:nth-child(4) .columns-wrapper {
        max-width: none;
    }

    .about-us-page main > .section:nth-child(3) .columns-wrapper .two-col-title-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-us-page main > .section:nth-child(4) .columns-wrapper .three-col-icon-title-text {
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media (width >= 992px) {
    .about-us-page main > .section:nth-child(4) .columns-wrapper {
        max-width: none;
        padding-left: 17px;
        padding-right: 17px;
        margin: 0;
    }

    .about-us-page main > .section:nth-child(3) .columns-wrapper {
        max-width: none;
        padding-left: 17px;
        padding-right: 17px;
        padding-top: 80px;
    }

    .about-us-page main > .section:nth-child(3) .columns-wrapper .two-col-title-text {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .about-us-page main > .section:nth-child(3) .columns-wrapper .two-col-title-text > div {
        padding-right: 15px;
        padding-left: 15px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3.5rem;
        max-width: 1230px;
        margin-inline: auto;
        margin-bottom: 6rem;
    }

    .about-us-page main > .section:nth-child(3) .columns-wrapper .two-col-title-text > div > div {
        padding-right: 0;
        padding-left: 0;
    }

    .about-us-page main > .section:nth-child(4) .columns-wrapper .three-col-icon-title-text {
        padding-left: 0;
        padding-right: 0;
    }

    .about-us-page main > .section:nth-child(4) .columns-wrapper .three-col-icon-title-text > div {
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
        max-width: 1230px;
        margin-inline: auto;
        gap: 22.5px;
    }
}

@media (width >= 1200px) {
    .about-us-page main > .section:nth-child(3) .columns-wrapper,
    .about-us-page main > .section:nth-child(4) .columns-wrapper {
        max-width: none;
    }
}

@media (width >= 1400px) {
    .about-us-page main > .section:nth-child(3) .columns-wrapper,
    .about-us-page main > .section:nth-child(4) .columns-wrapper {
        max-width: none;
    }
}

.opaf-care-connect-page .section.flash-white .fragment-wrapper:has(#are-you-a-healthcare-provider) p {
    margin-bottom: 0;
}

.opaf-care-connect-page .section.flash-white:has(#are-you-a-patient-or-caregiver) .otsuka-button-wrapper {
    margin-top: 1.75rem;
}

@media (width >=991px) {
    .opaf-care-connect-page .section.flash-white:has(#are-you-a-patient-or-caregiver) .otsuka-button-wrapper {
        position: relative;
        bottom: 0 !important;
    }
}
