/* Navbar */
.navbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* Prevents vertical stretching */
    padding: 10px 44px;
    gap: 10px;
    font-weight: 400;
    border-bottom: 2px solid var(--surface-primary-orange);
    letter-spacing: var(--font-letter-spacing-condensed, -0.8px);
    box-sizing: border-box;
    max-width: 1366px;
    margin: 0 auto;
}

.nav-section-one,
.nav-section-two,
.nav-section-three,
.nav-section-four {
    flex: 1 1 auto; /* Flex to fit content */
    text-align: center;
    box-sizing: border-box;
}

/* Individual Section Adjustments */
.nav-section-one {
    max-width: 219px;
}

    .nav-section-one img {
        max-width: 180px;
    }

.nav-section-two {
    max-width: 80px;
}

.nav-section-three {
    font-size: 32px;
    font-family: var(--font-secondary);
}

.nav-section-four {
    max-width: 316px;
    padding: 10px 20px; /* Reduced padding */
}

    .nav-section-four ul {
        display: flex;
        justify-content: flex-end;
        list-style: none;
        gap: 15px; /* Adjust gap for better spacing */
        padding: 0; /* Remove padding */
    }

        .nav-section-four ul li, .social-icon-desktop-footer li {
            margin: 0;
        }

    .nav-section-four i {
        color: var(--color-icon-blue);
    }

/* Common Social Icons */
.social-icon-desktop,
.social-icon-list {
    display: flex;
    gap: 20px;
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove padding */
}

    .social-icon-desktop li a {
        padding: 5px 12px;
        border-radius: 50%;
        display: block;
        background-color: var(--surface-neutral-light-gray);
    }

.icons-bottom {
    margin-top: 20px;
}

.social-icon-desktop.icons-bottom li a i {
    color: white;
}
/* HERO SECTION CSS START */
.hero-section {
    padding: 0;
    display: flex;
}

.hero-content {
    padding-left: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 50%;
    margin: 0 30px;
}

.resources-hero h1 {
    text-transform: uppercase;
}

.hero-subtitle {
    color: var(--color-primary-light);
    font-size: 20px;
}

.hero-text {
    width: 90%;
}

.hero-image {
    min-width: 50%;
}

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

.hero-section-red {
    background-color: var(--color-accent-red);
}

.hero-section-teal {
    background-color: var(--color-accent-teal);
}

.hero-section-green {
    background-color: var(--color-accent-green);
}

/* HERO SECTION CSS ENDS */
.frequently-title-sec span {
    display: block;
}
/* why matter start */
.why-matters {
    background-color: #fbf6f3;
    padding: 80px 0;
    font-family: var(--font-secondary);
}

.why-matters-list li {
    margin-bottom: 20px;
}
/* Why MATTER END */

/* location start */

.locations,
.about-the-family {
    padding: 65px 128px;
    background: var(--color-primary-light);
}

.locations-grid {
    display: flex;
    gap: 20px;
    margin-top: 56px;
    flex-wrap: wrap;
}

.location-map {
    flex: 1;
    max-width: 45%;
}

.location-list {
    flex: 1;
    min-width: 240px;
}

.location-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
}

article.location-item:last-child {
    border-bottom: none;
}

.location-name {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    font-family: var(--font-secondary);
    color: #000;
    margin: 0;
}

    .location-name::before {
        counter-increment: heading-counter;
        content: counter(heading-counter) ". ";
        font-weight: bold;
    }

.location-address {
    margin-top: 8px;
    font-size: 16px;
    line-height: 20px;
    padding: 0 18px;
    font-family: var(--font-secondary);
}

.location-contact {
    display: flex;
    gap: 16px;
    margin-top: 4px;
}

    .location-contact a {
        color: black;
    }

.location-button {
    background-color: var(--color-accent-teal);
    color: var(--color-primary-light);
    text-transform: uppercase;
    text-align: center;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 32px;
    letter-spacing: -0.8px;
    border: 1px solid var(--color-primary-light);
    cursor: pointer;
    height: fit-content;
}
/* location end */
/* CALL TO ACTION START */

.call-to-action {
    text-align: center;
}

.cta-banner {
    background-color: var(--color-accent-teal);
    padding: 64px 112px;
    text-align: center;
}

    .cta-banner h2 {
        color: var(--color-primary-light);
    }

.cta-statement {
    color: var(--color-primary-dark);
    font-size: 28px;
    line-height: 33.6px;
    /*font-weight: 700;*/
    margin-top: 0;
}

.cta-statement-lg-blue {
    color: var(--color-accent-teal);
}
/* CALL TO ACTION END */

/* about-the-family start */

.about-the-family {
    background: var(--color-Light-Beige);
    display: flex;
    gap: 60px;
}

.about-the-family-title {
    font-size: 39px;
    margin: 0;
}

.about-the-family-list {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}

.about-the-family-list-step {
    display: flex;
    margin-bottom: 20px;
    gap: 40px;
}

.step:last-child {
    margin-bottom: 0;
}

.about-the-family-list-icon {
    max-width: 80px;
    max-height: 80px;
    border-radius: 50%;
    background-color: #e3e3e3;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    min-width: 80px;
    min-height: 80px;
}

    .about-the-family-list-icon.step img {
        height: 32px;
        width: 32px;
    }

.step {
    background-color: #037e88;
}

.about-the-family-list-step {
    position: relative;
}

.about-the-family-list-icon::before {
    content: "";
    position: absolute;
    bottom: -77px;
    width: 2px;
    height: 115px;
    background-image: repeating-linear-gradient( 0deg, #c42672 0, #c42672 5px, white 5px, white 10px );
    z-index:-1;
}

.step-last::before {
    display: none;
}

.about-the-family-list-content h3 {
    margin: 0;
    font-size: 1.2em;
    color: var(--color-accent-teal);
}

.about-the-family-list-content p {
    margin: 5px 0 0;
    line-height: 1.5;
    font-size:20px;
}

strong {
    font-weight: bold;
}
/* about-the-family end */

/* OVERVIEW SECTION CSS STARTS */

.overview {
    padding: 30px 0;
}

.overview-list span {
    font-weight: bold;
    text-decoration: underline;
}
/* OVERVIEW SECTION CSS ENDS */
/* quote-box start */
.quote-box {
    background: rgba(248, 178, 180, 0.5);
    padding: 60px 100px;
    border-radius: 8px;
    position: relative;
    text-align: center;
    line-height: 1.6;
    margin: 40px auto 40px;
}

.quote-icon {
    position: absolute;
}

    .quote-icon.left {
        top: 40px;
        right: 80px;
    }

    .quote-icon.right {
        bottom: 40px;
        left: 80px;
    }

.quote-text {
    margin: 14px 0;
    font-size: 32px;
    line-height: 1.25;
    padding: 14px;
    font-family: 'Lora';
    font-style: italic;
}

.quote-box::before,
.quote-box::after {
    content: "";
    display: block;
    width: 90%;
    height: 2px;
    background: var(--surface-secondary-cyan, #037e88);
    margin: 0 auto 10px;
}

.quote-box::before {
    float: left;
}

.quote-box::after {
    float: right;
}
/* quote-box end */


/* footer start */

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.footer {
    background-color: var(--color-primary-dark);
    margin-top: 50px;
    padding: 25px 35px;
    line-height: 2;
    display: flex;
    flex-direction: column;
}

.social-icon-desktop-footer {
    gap: 15px;
    list-style: none;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    padding: 0;
}

    .social-icon-desktop-footer li a i {
        background: #f8f9fa;
        color: #1c355e;
        border-radius: 50%;
        padding: 5px;
    }

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

    .footer-logo img {
        margin-bottom: 20px;
    }

    .footer-logo p {
        padding: 0 35px;
        color: var(--color-tertiary);
        font-family: var(--font-secondary);
    }

.footer-text {
    text-align: center;
    color: var(--color-tertiary);
    font-family: var(--font-secondary);
}

.footer-buttons {
    justify-content: center;
    display: flex;
    gap: 20px;
    margin-top: 25px;
}

    .footer-buttons > a {
        background-color: var(--color-accent-green);
        color: var(--color-tertiary);
        font-size: 20px;
        text-transform: capitalize;
    }

.footer-copy-right-text {
    text-align: center;
    color: #ffffff;
}

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

    .footer-links a:hover {
        color: #ffffff;
    }

.footer-links,
a,
.separator {
    color: white;
    text-decoration: none;
}
/* footer start end*/

/* JOURNAL SECTION CSS STARTS */
.journal {
    padding: 0px 0;
}

    .journal .grid-container {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: auto;
        grid-gap: 1rem;
        margin-top: 40px;
    }

    .journal .img-block {
        overflow: hidden;
    }

        .journal .img-block img {
            width: 100%;
        }

    .journal .card-content {
        padding: 10px 20px;
    }

    .journal .cards {
        background: var(--color-Light-Beige);
    }

    .journal .card-content h3 {
        margin: 15px 10px;
    }

    .journal .buttons p {
        color: var(--color-accent-red);
        margin: 10px 10px;
        font-weight: 700;
    }

    .journal .buttons {
        /* margin-top: 25px; */
        display: block;
        padding: 10px 0;
    }

/* JOURNAL SECTION CSS ENDS */

/* WHAT-TO-DO  SECTION CSS STARTS */
.what-to-do {
    padding: 60px 0;
}


/* WHAT-TO-DO  SECTION CSS ENDS */

/* COUNSELLING  SECTION CSS STARTS */
.counselling-content {
    background-color: var(--surface-neutral-light-gray);
    padding: 5px 20px 20px;
}
.counselling-content-print {
    
    padding: 5px 20px 20px;
}

    .counselling-content span {
        font-weight: 700;
    }

.counselling-content-print span {
    font-weight: 700;
}
.frequently-sec-new {
    padding: 20px;
}

.frequently-sec-new-cancer .frequently-list {
    list-style: none;
    padding-left: 0px;
}

.frequently-sec-new-cancer {
    background-color: #fff;
    /* padding: 30px 0;
  margin-top: 60px; */
}

.counselling-content .green {
    color: var(--color-accent-teal);
}

.teal {
    color: var(--color-accent-teal);
    display: block;
}

.counselling-content .red {
    color: var(--color-accent-red);
    display: block;
}

.red {
    color: var(--color-accent-red);
}

.block {
    display: block;
}

/* COUNSELLING  SECTION CSS ENDS */

/* FREQUENTLY  SECTION CSS STARTS */
.frequently {
    background-color: var(--surface-neutral-light-gray);
    padding: 30px 0;
    margin-top: 60px;
}
.print-frequently { 
    padding: 30px 0;
}

.frequently-list {
    color: var(--color-accent-teal);
}

    .frequently-list li {
        font-weight: 700;
    }

        .frequently-list li span {
            display: block;
            color: #000;
            font-weight: normal;
        }
/* FREQUENTLY  SECTION CSS ENDS */

/* SUPPORT  SECTION CSS STARTS */


.support-subtitle {
    color: var(--color-accent-red);
    margin-top: 25px;
}

.support-list span, .support-list a {
    color: var(--color-accent-teal);
    text-decoration: underline;
    font-weight: 700;
}
/* SUPPORT  SECTION CSS ENDS */
.family-history p {
    margin-top: 40px !important;
}

.family-history ol {
    margin-top: 0px !important;
}
/* RESOURCE VERSION 2 CARD  SECTION CSS STARTS */
.action-list .grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-gap: 1rem;
    padding-top: 30px;
}

.action-list .list-card .img-block {
    overflow: hidden;
    max-width: 47%;
    width: 100%;
}

.action-list .list-card .img-bg {
    background: var(--color-Light-Beige);
}

.action-list .list-card .img-block img {
    margin: 0 auto;
    display: block;
}

.action-list .card-content {
    padding: 20px;
}

.action-list .list-card-content .sub-heading,
.action-list .sub-head-margin {
    font-family: var(--font-secondary);
    color: var(--color-accent-red);
    font-size: 25px;
    font-weight: 700;
}

.action-list .card-content p {
    margin: 25px 10px;
}

.action-list .list-card {
    display: flex;
    margin-top: 20px;
    gap: 20px;
}

    .action-list .list-card:last-child {
        display: block;
    }

    .action-list .list-card .grid-container .img-block {
        max-width: 100%;
        margin: 0;
    }

.action-list .cards img {
    width: 100%;
}

.action-list .card-content span, .action-list .card-content a {
    color: var(--color-accent-teal);
    text-decoration: underline;
    font-weight: bold;
}

.action-list .grid-item:nth-last-child(2),
.action-list .grid-item:nth-last-child(1) {
    height: 800px;
    max-height: 800px;
    background: var(--color-Light-Beige);
}

.action-list .cards {
    height: 550px;
    max-height: 600px;
    background: var(--color-Light-Beige);
}

.action-list .sub-head-margin {
    margin-top: 20px;
}

/* RESOURCE VERSION 2 CARD  SECTION CSS ENDS */

/* SPONSOR  SECTION CSS STARTS */
.sponsors {
    padding: 30px 0px;
}

.sponsors-logos {
    display: flex;
    gap: 30px;
    margin-top: 56px;
    align-items: center;
    flex-wrap: wrap;
}

    .sponsors-logos imG {
        max-width: 160px;
    }

.sponsors a {
    color: #000;
    text-decoration: underline;
}
/* SPONSOR  SECTION CSS ENDS */
/* SCREENING-RESULT-POSITIVE PAGE CSS STARTS*/
.Main {
    background-color: var(--surface-neutral-light-gray);
}

.content {
    border: 1px solid rgb(208, 211, 211);
    margin: 20px 0px;
    background-color: var(--color-primary-light);
}

.main-content {
    display: flex;
}

.content-text {
    border: 1px solid rgb(208, 211, 211);
    width: 100%;
    margin: 20px 0px;
    background-color: var(--color-primary-light);
    padding: 0 20px;
}

    .content-text h2 {
        font-size: 22px;
        font-weight: 400;
        padding: 15px 10px;
    }

    .content-text h1 {
        padding: 0px 10px;
        color: var(--color-accent-teal);
    }

    .content-text p {
        font-size: 15px;
        padding: 8px 10px;
    }

.content button {
    font-size: 15px;
    padding: 6px 50px;
    margin: 60px 10px;
    border: none;
    color: var(--color-primary-light);
    background-color: var(--color-Light-Pink);
}

.Referral-container {
    background-color: var(--surface-neutral-light-gray);
}

.Referral-content {
    padding: 0px 30px 30px;
}

.Communication-container {
    margin: 30px auto;
    background-color: var(--surface-neutral-light-gray);
}

.Disclaimer-section h2,
.Guidelines h2,
.result-mean-section h2 {
    font-weight: 400;
    margin-bottom: 0px;
}

.Communication-content {
    padding: 0 30px 25px;
}

.result-mean-section {
    margin: 0px auto;
}

    .result-mean-section ul {
        padding-left: 20px;
    }

.image-container img {
    width: 90%;
    height: auto;
}

.mean-section {
    margin: 30px auto;
    background-color: var(--surface-neutral-light-gray);
    padding: 20px 30px;
}

    .mean-section h3 {
        font-size: 20px;
        font-weight: 700;
        font-style: italic;
    }

    .mean-section p {
        font-style: italic;
        font-family: var(--font-secondary);
    }

.Disclaimer-section {
    margin: 0px auto 0;
}

    .Disclaimer-section ul {
        list-style-type: disc;
        padding-left: 20px;
        padding: 10px 20px 0;
    }

.Guidelines {
    margin: 0px auto 50px;
}

    .Guidelines li {
        font-family: var(--font-secondary);
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0px;
        text-decoration-line: underline;
        margin-bottom: 10px;
    }

    .Guidelines ul li a {
        color: #1c355e;
    }

    .Guidelines ul {
        padding: 0px 10px;
        margin-top: 15px;
    }

.End-btn {
    display: flex;
    justify-content: flex-end;
}

/* SCREENING-RESULT-POSITIVE PAGE CSS ENDS*/

/* MOBILE-VIEW */
@media (max-width: 640px) {

    .banner-container.results-banner .two-column-container {
        display: block;
    }

        .banner-container.results-banner .two-column-container .left-column {
            border-right: none;
            border-top: none;
            border-bottom: 1px solid rgb(208, 211, 211);
        }

        .banner-container.results-banner .two-column-container .right-column {
            text-align: center;
        }


    .dis-flex {
        flex-direction: column;
    }

    .banner-container {
        padding: 15px !important
    }

    .two-column-container {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .left-column {
        order: 2;
        border-right: none;
        border-top: 1px solid rgb(208, 211, 211);
        border-bottom: none;
    }

    /* navbar start */
    .navbar {
        padding: 16px 15px;
    }

    .nav-section-one img {
        max-width: 80px;
    }

    .nav-section-two img {
        max-width: 30px;
    }

    .nav-section-three {
        flex: 1 1 100%;
        order: 2; /* Moves title below logos */
        font-size: 18px;
    }

    .nav-section-four {
        justify-content: center;
        margin-left: auto;
    }

    .nav-section-one,
    .nav-section-two,
    .nav-section-four {
        flex: 0 1 auto; /* Prevents stretching */
    }

    .social-icon-desktop:not(.icons-bottom) {
        display: none !important; /* Hides desktop-specific icons */
    }

    .social-icon-list li {
        margin-bottom: 0;
    }
    /* navbar end */

    /* Hero-section start */
    .hero-section {
        flex-direction: column;
        padding: 0 !important;
    }

    .hero-content {
        max-width: 100%;
        padding: 20px 20px 30px;
        margin: 0;
    }

    .hero-subtitle {
        font-size: 20px;
    }

    .hero-text {
        width: 100%;
    }
    /* hero-section end */


    .journal .buttons p {
        font-size: 16px;
    }

    .journal .card-content h3 {
        margin: 0 10px;
    }

    .journal .card-content {
        padding: 0 20px;
    }

        .journal .card-content .buttons {
            display: flex;
        }

    .journal .grid-container {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 1rem;
    }

    .what-to-do {
        padding: 30px 0;
    }

    .counselling-list {
        margin-top: 0px;
    }

    .counselling-content {
        padding: 15px;
    }

    .frequently {
        padding: 30px 0;
    }

    .footer {
        padding: 0 20px;
    }

    .footer-buttons {
        justify-content: center;
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-top: 25px;
        padding: 0 15px;
    }

    .footer-button {
        padding: 15px;
    }
    /* location-item start */
    .location-item {
        flex-direction: column;
    }

    .location-map img {
        max-width: 375px;
    }

    .location-button {
        width: 80%;
        margin-top: 20px;
    }

    .location-item-text {
        margin-bottom: 20px;
    }

        .location-item-text + div {
            text-align: center;
        }

    .location-address {
        padding: 0;
    }

    .cta-statement {
        padding: 20px 10px;
    }
    /* location-item  end*/
    /* sponsors start */

    .cta-statement {
        color: var(--color-accent-teal);
    }

    .cta-statement-sm-black {
        color: var(--color-primary-dark);
    }

    .about-the-family {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
    }
    /* sponsors end */
    /* quote start */

    .quote-box::before,
    .quote-box::after {
        content: "";
        display: block;
        width: 60%;
        height: 2px;
        background: var(--surface-secondary-cyan, #037e88);
        margin: 0 auto 10px;
    }

    .quote-box {
        margin: 0 auto;
        padding: 24px 20px;
        font-size: 22px;
        font-style: italic;
    }

    .quote-text {
        font-size: 22px;
    }

    .quote-icon.left {
        top: 10px;
        right: 25px;
    }

    .quote-icon.right {
        bottom: 0;
        left: 25px;
    }
    /* quote end */
    .locations {
        padding: 40px 20px;
    }

    .cta-banner,
    .cta-statement {
        padding: 40px 20px;
    }

    /* sponsors start */
    .cta-statement {
        color: var(--color-accent-teal);
    }

    .cta-statement-sm-black {
        color: var(--color-primary-dark);
    }

    .about-the-family {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
    }


    .hero-subtitle {
        font-size: 20px;
    }

    .journal .buttons p {
        font-size: 16px;
    }

    .journal .card-content h3 {
        margin: 0 10px;
    }

    .journal .card-content {
        padding: 0 20px;
    }

        .journal .card-content .buttons {
            display: flex;
        }

    .what-to-do {
        padding: 30px 0;
    }

    .counselling-list {
        margin-top: 0px;
    }

    .counselling-content {
        padding: 15px;
    }



    .frequently {
        padding: 30px 0;
    }

    .action-list .grid-container {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        padding-top: 30px;
    }

    .action-list .grid-item:nth-last-child(1) {
        height: 840px;
        max-height: 850px;
    }

    .action-list .grid-item:nth-last-child(2) {
        height: 550px;
        max-height: 550px;
    }

    .action-list .cards {
        height: 450px;
        max-height: 500px;
        background: var(--color-Light-Beige);
    }

    .action-list .list-card .img-block {
        width: 100%;
        max-width: 100%;
    }

    .action-list .list-card {
        flex-direction: column;
    }

    .action-list .list-card-content .sub-heading,
    .action-list .sub-heading {
        font-size: 22px;
    }

    .action-list {
        margin-top: 0;
        padding: 0;
    }

    .Communication-container,
    .Referral-container,
    .result-mean-section,
    .mean-section,
    .Disclaimer-section,
    .Guidelines {
        width: 94%;
    }

    .mean-section {
        padding: 20px 10px;
    }

    .main-content {
        display: block;
    }

    .content-text {
        margin: 0px;
        padding: 0;
    }

    .content {
        margin: 0px;
    }

    .content-text h2,
    .content-text h1 {
        margin: 0;
    }

    .content-text h2 {
        font-size: 22px;
    }

    .content button {
        margin: 20px 0 20px 46px;
        width: 77%;
    }
}

.block-container {
    display: grid;
    margin: 0 auto;
    max-width: 1000px;
}

.block-content {
    
    background-color: var(--surface-neutral-light-gray);
    padding: 30px 30px 30px;
}

.btn-results {
    font-style: normal;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    padding: 11px 17px;
}
.btn-results-consent {
    
    min-width: 248px;
}

.reference-btn {
    background-color: var(--color-accent-teal);
    color: var(--color-primary-light) !important;
    margin-top: 15px;
    display: inline-block;
}

footer.footer p {
    margin-top: 16px;
}



/*hero container*/
.banner-container {
    padding: 60px;
    background: var(--color-accent-teal);
}
.banner-container-print {
    padding: 60px;
  
}

    .banner-container.results-banner {
        background: var(--surface-neutral-light-gray, #F8F9FA);
    }

.two-column-container {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
    background: var( --color-primary-light);
    border: 1px solid var(--border-light, #00000020);
}

.left-column {
    flex: 1;
    padding: 25px 15px;
    border-right: 1px solid var(--border-light, #00000020);
}

.left-column, .right-column {
    padding: 20px;
}

    .right-column a {
        font-size: 15px;
        border: none;
        display: block;
        letter-spacing: 1px;
        line-height: 1;
    }

    .left-column h1 {
        padding: 0;
        color: var(--color-accent-teal);
    }

    .left-column h2 {
        font-size: 25px;
        margin: 10px 0;
        font-weight: normal;
        color: #000;
    }

    .left-column span {
        font-size: 28px;
        display: block;
        margin: 12px 0;
        line-height: 1.5;
        color: #000;
        font-family: 'Lora';
    }

    .left-column h3 {
        font-size: 15px;
        margin: 20px 0;
        color: #000;
    }

.results-banner .right-column a {
    background: var(--color-Light-Pink);
}

    .results-banner .right-column a span {
        padding-right: 10px;
    }
/*hero container*/
.results-data {
    max-width: 920px;
    margin: 0 auto;
    padding: 0;
}

    .results-data h2 {
        color: var(--color-accent-teal);
    }

    .results-data p, .results-data ul, .results-data ol, .results-data li {
        margin-top: 12px;
    }

.conainer-full-width {
    width: 100%;
    background-color: var(--surface-neutral-light-gray);
    padding: 30px;
}
conainer-full-width-print {
    width: 100%;
   
    padding: 30px;
}

.conainer-full-width .block-container {
    background-color: none;
}

.block-content-without-bg.block-container {
    margin-top: 40px;
}

    .block-content-without-bg.block-container p, ul, ol, li {
        margin-top: 12px;
    }

.block-content + .block-content {
    margin-top: 15px;
}

.referral-container {
    max-width: 660px;
    margin: 0 auto;
}

    .referral-container .block-container .block-content p {
        margin: 10px 0;
    }

    .referral-container .block-container .block-content .reference-btn {
        display: block;
        text-align: center;
    }