.header__logo { 
    background-image: url('../../../../img/colleges and degrees online_transparent.png');
}
body {
    position: relative;
    font-family: Arial, sans-serif; 
}

    body::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../../../../img/brands/csa/dave-webb-ny7udrl2lzy-unsplash.jpg');
        background-size: cover; 
        filter: grayscale(100%) opacity(50%);
        z-index: -1; /* Ensure the pseudo-element is behind the form */
    }



.section-title-block {
    margin-bottom: 1rem;
    padding: 0;
    text-align: center
}

    .section-title-block h3 {
        font-size: 3.4rem;
        font-weight: 700;
        line-height: 1.4;
        margin-bottom: 1rem
    }

@media (min-width:1080px) {
    .section-title-block h3 {
        font-size: 4rem
    }
}

.home-page-section {
    padding: 5rem 0 15rem;
    position: relative
}

    .home-page-section:nth-of-type(odd) {
        background-color: #edf7f8
    }

    .home-page-section:nth-of-type(even) {
        background-color: #fff;
        background-color: #fafafa
    }

        .home-page-section:nth-of-type(even)::after, .home-page-section:nth-of-type(even)::before {
            background-position: center top;
            background-repeat: no-repeat;
            background-size: cover;
            content: "";
            height: 15rem;
            left: 0;
            margin: auto;
            position: absolute;
            width: 100%;
            z-index: 1
        }

        .home-page-section:nth-of-type(even)::before {
            background-image: url(../../../../../img/brands/thecollegereview/wavy-bottom.svg);
            top: -9.5rem
        }

        .home-page-section:nth-of-type(even)::after {
            background-image: url(../../../../../img/brands/thecollegereview/wavy-bottom-dark.svg);
            bottom: -6rem
        }

    .home-page-section:last-of-type {
        padding-bottom: 20rem
    }

        .home-page-section:last-of-type::after {
            background-image: url(../../../../../img/brands/thecollegereview/wavy-bottom-footer-color.svg);
            bottom: -2rem;
            padding-bottom: 20rem
        }

@media (min-width:800px) {
    .home-page-section {
        padding: 10rem 0
    }

        .home-page-section:last-of-type {
            padding-bottom: 30rem
        }
}

@media (min-width:1080px) {
    .home-page-section {
        padding: 10rem 0 14rem
    }
}

.checklist {
    padding-left: 2rem
}

.checklist__bolder {
    color: #bda952;
    font-weight: 700
}

.checklist li {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
    padding-left: 3rem;
    position: relative
}

    .checklist li::before {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #1c2834;
        border-radius: 100%;
        color: #fff;
        content: "\2022";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: "Font Awesome 5 Pro";
        font-size: 1.2rem;
        font-weight: 700;
        height: 2rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        position: absolute;
        top: .35rem;
        width: 2rem
    }

@media (min-width:800px) {
    .checklist li {
        font-size: 2.2rem
    }

        .checklist li::before {
            top: .5rem
        }
}

.tcr-home-hero {
    background-color: #dbeff1; 
    background-image: url('../../../../img/section_03_banner.png');
    background-position: top 2rem center;
    background-repeat: no-repeat;
    background-size: 55rem;
    padding: 3.5rem 1rem 12.5rem
}

.tcr-home-hero__content-block {
    padding: 0 0 3rem
}

.tcr-home-hero__content-block--cta h2 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.2
}

.tcr-home-hero__content-block--cta p {
    font-size: 2rem;
    margin: 1.5rem 0
}

.tcr-home-hero__content-block--img {
    text-align: center
}

    .tcr-home-hero__content-block--img img {
        width: 37.5rem
    }

.tcr-home-hero__content-block-cta-text {
    width: 100%
}

.tcr-home-hero__cta-btn {
    border-radius: 50rem;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    padding: 1.25rem 2.5rem;
    width: auto
}

.tcr-home-hero__cta-btn-icon {
    font-size: 90%;
    margin-left: .5rem
}

@media (min-width:800px) {
    .tcr-home-hero {
        background-size: cover
    }

    .tcr-home-hero__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tcr-home-hero__content-block {
        padding: 5rem 3.5rem
    }

    .tcr-home-hero__content-block--img {
        padding-left: 0
    }

    .tcr-home-hero__content-block--cta {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 0
    }
}

@media (min-width:1080px) {
    .tcr-home-hero {
        background-color: #dbeff1;
        background-image: url('../../../../img/section_03_banner.png');
        background-size: 177rem
    }

    .tcr-home-hero__content-block--img img {
        width: 100%
    }

    .tcr-home-hero__content-block--cta h2 {
        font-size: 4rem;
        line-height: 1.4
    }

    .tcr-home-hero__content-block--cta p {
        font-size: 2.4rem;
        margin: 2rem 0
    }

    .tcr-home-hero__cta-btn {
        font-size: 2.2rem
    }
}

@media (min-width:1240px) {
    .tcr-home-hero__content-block--cta h2 {
        padding-right: 7rem
    }
}

.plan-section {
    background-color: #fff
}

.plan-section__content-block--text h3 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 1rem
}

.plan-section__content-block--text p {
    font-size: 2rem;
    margin-bottom: 1rem
}

.plan-section__content-block--img {
    margin-top: 2rem;
    text-align: center
}

    .plan-section__content-block--img img {
        border-radius: .6rem;
        width: 55rem
    }

@media (min-width:800px) {
    .plan-section__content-block {
        padding: 0 3.5rem
    }

    .plan-section__content-block--text {
        padding-left: 1rem
    }

        .plan-section__content-block--text h3 {
            font-size: 3.4rem;
            margin-bottom: 1.5rem
        }

        .plan-section__content-block--text p {
            font-size: 2.2rem;
            margin-bottom: 2rem
        }

    .plan-section__content-block--img {
        margin-top: 0;
        padding-right: 1rem
    }

        .plan-section__content-block--img img {
            margin-top: 1rem
        }
}

.about-section__block--desc p {
    font-size: 2rem
}

.about-section__block--partners {
    text-align: center
}

    .about-section__block--partners h4 {
        font-size: 2.6rem;
        font-weight: 600;
        margin-bottom: 2rem
    }

.about-section__partners-list {
    text-align: center
}

    .about-section__partners-list img {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: .5;
        -webkit-transition: .3s;
        transition: .3s;
        width: 25rem
    }

        .about-section__partners-list img:hover {
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
            opacity: 1
        }

.about-section__partners-sub-list li {
    margin-bottom: 4rem
}

.about-section__cta-btn {
    border-radius: 50rem;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    padding: 1.25rem 2.5rem;
    width: auto
}

.about-section__cta-btn-icon {
    font-size: 90%;
    margin-left: .5rem
}

.about-section__cta-btn-container {
    margin-top: 4rem;
    padding: 0
}

@media (min-width:550px) {
    .about-section__partners-list img {
        width: 12.5rem
    }

    .about-section__partners-sub-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .about-section__partners-sub-list li {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 0 1rem
        }

    .about-section__cta-btn {
        font-size: 2.2rem;
        padding: 1.5rem 4rem
    }
}

@media (min-width:1080px) {
    .about-section__partners-list img {
        width: 25rem
    }

    .about-section__partners-sub-list li {
        margin-bottom: 0;
        padding: 2.5rem
    }
}

.degrees-section__list {
    display: inline-block;
    margin-top: 2rem;
    width: 100%
}

.degrees-section__list-item {
    display: inline-block;
    padding: 1rem;
    text-align: center;
    width: 100%
}

.degrees-section__degree-option {
    border-radius: .4rem;
    -webkit-box-shadow: 0 1rem 2rem transparent,0 .6rem .6rem rgba(0,0,0,.1);
    box-shadow: 0 1rem 2rem transparent,0 .6rem .6rem rgba(0,0,0,.1);
    color: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 100%;
    text-align: left;
    -webkit-transition: .3s;
    transition: .3s;
    width: 32.5rem
}

.degrees-section__degree-option--btn {
    border: none;
    cursor: pointer;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit
}

.degrees-section__degree-option:hover {
    -webkit-box-shadow: 0 1.4rem 2.8rem rgba(0,0,0,.25),0 1rem 1rem rgba(0,0,0,.22);
    box-shadow: 0 1.4rem 2.8rem rgba(0,0,0,.25),0 1rem 1rem rgba(0,0,0,.22);
    color: #fff;
    margin-bottom: .2rem;
    margin-top: -.2rem;
    text-decoration: none
}

    .degrees-section__degree-option:hover .degrees-section__degree-option-block {
        border-color: #04365f
    }

    .degrees-section__degree-option:hover .degrees-section__degree-option-block--icon {
        background-color: #04365f
    }

    .degrees-section__degree-option:hover .degrees-section__degree-option-block--text::after {
        left: 0
    }

.degrees-section__degree-option-block {
    border: solid .2rem #1c2834;
    padding: 1rem
}

.degrees-section__degree-option-block--icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #1c2834;
    border-bottom-left-radius: .4rem;
    border-top-left-radius: .4rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-shadow: 0 .1rem .1rem rgba(0,0,0,.2);
    -webkit-transition: .3s;
    transition: .3s;
    width: 5rem
}

.degrees-section__degree-option-block--text {
    background-color: #fff;
    border-left: none;
    border-bottom-right-radius: .4rem;
    border-top-right-radius: .4rem;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    z-index: 1
}

    .degrees-section__degree-option-block--text::after {
        background-color: #1c2834;
        content: "";
        height: 100%;
        left: -50rem;
        position: absolute;
        top: 0;
        -webkit-transition: .3s;
        transition: .3s;
        width: 100%;
        z-index: -1
    }

@media (min-width:800px) {
    .degrees-section__list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2
    }

    .degrees-section__degree-option {
        width: 100%
    }
}

@media (min-width:1080px) {
    .degrees-section__list {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3
    }
}

@media (min-width:1240px) {
    .degrees-section__list {
        -webkit-columns: 4;
        -moz-columns: 4;
        columns: 4
    }

    .degrees-section__degree-option-block--icon, .degrees-section__degree-option-text {
        font-size: 1.8rem
    }

    .degrees-section__degree-option-block {
        padding: 1.5rem 1rem
    }

    .degrees-section__degree-option-block--icon {
        padding: 1.5rem .5rem;
        width: 6rem
    }
}

.article-feed {
    margin-top: 3rem;
    width: 100%
}

.article-feed__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.article-feed__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2rem
}

    .article-feed__list-item:first-child {
        padding-top: 0
    }

.article-feed__article {
    background-color: #fff;
    border-radius: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.article-feed__article-link {
    background-color: #fff;
    -webkit-box-shadow: 0 1rem 2rem transparent,0 .6rem .6rem rgba(0,0,0,.1);
    box-shadow: 0 1rem 2rem transparent,0 .6rem .6rem rgba(0,0,0,.1);
    border-radius: .6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    width: 26rem
}

    .article-feed__article-link:hover {
        -webkit-box-shadow: 0 1.4rem 2.8rem rgba(0,0,0,.25),0 1rem 1rem rgba(0,0,0,.22);
        box-shadow: 0 1.4rem 2.8rem rgba(0,0,0,.25),0 1rem 1rem rgba(0,0,0,.22);
        color: #bda952;
        margin-bottom: .2rem;
        margin-top: -.2rem;
        text-decoration: none
    }

.article-feed__article img {
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem
}

.article-feed__article-title-block {
    color: #333;
    padding: .5rem 1rem;
    text-align: left;
    width: 100%
}

    .article-feed__article-title-block h5 {
        font-weight: 700;
        line-height: 1.4
    }

@media (min-width:550px) {
    .article-feed {
        margin-top: 5rem
    }

    .article-feed__list-item:first-child {
        padding-top: 2rem
    }
}

@media (min-width:1080px) {
    .article-feed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .article-feed__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 100%;
        width: 105rem
    }

    .article-feed__article-link {
        width: 30rem
    }

    .article-feed__article-title-block {
        padding: .75rem 1rem
    }

        .article-feed__article-title-block h5 {
            font-size: 1.8rem
        }
}

.home-page .footer {
    padding-top: 3rem
}

.about-page {
    background-color: #f9f9f9
}

.about-page__content {
    padding: 1rem 0 20rem;
    position: relative
}

    .about-page__content::after {
        background-image: url(../../../../../img/brands/thecollegereview/wavy-bottom-footer-color.svg);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: -2rem;
        content: "";
        height: 15rem;
        left: 0;
        margin: auto;
        padding-bottom: 20rem;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .about-page__content p {
        font-family: Nunito,sans-serif;
        font-size: 1.8rem;
        line-height: 1.4
    }

.about-page__title {
    font-weight: 700;
    font-size: 2.6rem;
    font-family: Nunito,sans-serif;
    margin: 2rem 0 1rem
}

.about-page__title-block {
    padding: 0;
    text-align: center
}

.about-page__sub-title {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.2
}

.about-page__img-container {
    display: block;
    float: left;
    padding: 0 0 2rem;
    text-align: center;
    width: 100%
}

    .about-page__img-container img {
        min-width: 30rem;
        width: 35rem
    }

@media (min-width:800px) {
    .about-page__content {
        padding: 1rem 0 25rem
    }

        .about-page__content p {
            font-size: 2.4rem
        }

    .about-page__title {
        font-size: 4.6rem;
        margin: 3rem 0 1rem
    }

    .about-page__sub-title {
        font-size: 2.8rem;
        font-weight: 600;
        margin-bottom: 4rem
    }

    .about-page__img-container {
        display: inline;
        float: right;
        padding-left: 3rem;
        width: auto
    }

        .about-page__img-container img {
            width: 35rem
        }
}

@media (min-width:1080px) {
    .about-page__img-container img {
        width: 50rem
    }
}
.seg-12.tcr-home-hero {
    background-image: url('../../../../img/section_03_banner.png');
    background-size: cover;
    background-position: center;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.tcr-home-hero__container {
    max-width: 120rem;
    margin: 0 auto;
    padding: 2rem;
    text-align: center;
}

.tcr-home-hero__content-block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 4rem;
    border-radius: 1rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.tcr-home-hero__content-block--cta {
    background-color: #fff;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.tcr-home-hero__cta-btn {
    font-size: 1.5rem;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.tcr-home-hero__cta-btn-icon {
    font-size: 1.25rem;
    margin-left: 0.5rem;
}