@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

.main-container {
    margin-top: 172px;
}

.fw-6 {
    font-weight: 600!important;
}

.fw-7 {
    font-weight: 700!important;
}

.ref-link {
    word-break: break-all;
    text-decoration: underline;
}

.text-nowrap {
    white-space: nowrap;
}

.d-flex {
    display: flex;
}

.light-blue-bg {
    background: url(/content/dam/intelligentcontent/unbranded/horizons-hcc/us/en/images/desktop/light-blue-bg.svg) no-repeat;
    padding: 63px 0;
    background-size: cover;
}

.tan-clr-bg {
    background: var(--tan-clr);
}

.container.inner-w-max {
    max-width: 1116px;
    width: 100%;
    margin: auto;
    float: none!important;
}

.container.inner-w-min {
    max-width: 728px;
    width: 100%;
    margin: 0 auto;
    float: none !important;
}

.home-banner.banner-section {
    /*background: url(/content/dam/intelligentcontent/unbranded/horizons-hcc/us/en/images/desktop/Home-bg-img.png) no-repeat;*/
    background: url(/content/dam/intelligentcontent/unbranded/horizons-hcc/us/en/images/desktop/Home-page-header.png) no-repeat;
    min-height: 47vw;
    background-size: cover;
    padding: 70px 0;
    height: 725px;
    margin-bottom: -3px;
}

.home-banner__content {
    max-width: 502px;
}

.hcc-head-1 h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 6px;
    text-box: trim-end                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 cap alphabetic;
    margin-bottom: 40px;
}

.hcc-head-1 span {
    display: inline-block;
}


.hcc-head-1 .head--part1 {
    font-weight: 275;
}

.hcc-head-1 .head--part2 {
    font-weight: 700;
}

.hcc-head-1 .head--part3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: 60px; /* 300% */
    letter-spacing: 2px;
    position: relative;
    top: -24px;
}

.home-banner__text p {
    font-family: "Instrument Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

a.blue-cta {
    display: inline-flex;
    height: 42px;
    padding: 13px 12px;
    align-items: center;
    gap: 16px;
    background: var(--blur-clr);
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.26px;
    text-transform: uppercase;
    text-decoration: none;
}

.cta-group {
    float: none;
}

.cta-group {
    gap: 20px;
    margin-top: 19px;
}

.hcc-subhead-1 h2.cmp-title__text {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.signup-detail p {
    font-family: "Instrument Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin: 16px 0 24px;
}

.abbr--accordion {
    padding: 82px 0;
}

.abbr--accordion .cmp-accordion__header > button {
    padding: 0;
    width: auto;
    gap: 4px;
}

.abbr--accordion span.cmp-accordion__title {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: -0.32px;
    text-transform: uppercase;
    color: var(--blur-clr);
    width: auto;
}

.abbr--accordion .cmp-accordion__icon::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(/content/dam/intelligentcontent/unbranded/horizons-hcc/us/en/images/global/blue-down-arrow.svg) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.abbr--accordion span.cmp-accordion__icon {
    padding: 0;
}

.abbr--accordion span.cmp-accordion__icon {
    margin-left: 5px;
}

.abbr--accordion .cmp-accordion__button--expanded .cmp-accordion__icon::before {
    content: "";
    width: 6px;
    height: 9px;
    background: url(/content/dam/intelligentcontent/unbranded/horizons-hcc/us/en/images/global/blue-right-arrow.svg) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.abbr--container p {
    font-family: "Instrument Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.abbr--accordion .cmp-accordion__panel--expanded {
    padding: 16px 0 0;
}

@media screen and (max-width: 991px) {
    .desk-only {
        display: none;
    }
    
    .main-container {
        margin-top: 110px;
    }
    
    .inner-w-max {
        padding: 0 16px;
    }
    
    .home-banner.banner-section {
        padding: 56px 0;
        height: auto;
        /*background: url(/content/dam/intelligentcontent/unbranded/horizons-hcc/us/en/images/mobile/home-banner-image-mob.png) no-repeat;*/
        /*background: url(/content/dam/intelligentcontent/unbranded/horizons-hcc/us/en/images/mobile/Home-page-new-mobile.png) no-repeat;*/
        background: url(/content/dam/intelligentcontent/unbranded/horizons-hcc/us/en/images/mobile/Home-page-new-mobile.png) no-repeat;
        background-size: cover;
    }
    
    .hcc-head-1 .head--part1 {
        font-weight: 200;
    }
    
    .home-banner__content .cta-group {
        flex-direction: column;
    }
    
    .home-banner__content a.blue-cta {
        width: max-content;
    }
    
    .home-page .light-blue-bg {
        background: url(/content/dam/intelligentcontent/unbranded/horizons-hcc/us/en/images/mobile/light-blue-bg.svg) no-repeat;
        background-size: cover;
    }
    
    .abbr--accordion {
        padding: 56px 0px;
    }
}

@media screen and (min-width: 400px) and (max-width: 991px) {
    .home-page .home-banner__content .home-banner__text p {
        width: 96%;
    }
    
}

@media screen and (min-width: 992px){
    .home-page .home-banner__text p {
        width: 99%;
    }
    
}