.s-hero {
    position: relative;
    width: 100%;
    display: flex;
    padding: 54px 0 0;
    z-index: 1;
}

.banner_slider {
    width: 100%;
    margin-top: 56px;
}

.banner_slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s-hero .headline__title span {
    color: var(--color-6);
}

.s-hero .headline__description {
    margin-top: 15px;
    font-weight: 500;
    font-size: 17px;
    line-height: 24px
}

.s-our-mission {
    position: relative;
    padding: 87px 0;
}

.s-about-us {
    position: relative;
    background: var(--color-4);
    overflow: hidden;
    z-index: 1;
}

.about_us__row--txt {
    position: relative;
    padding: 59px 0 39px;
}

.about_us__row--txt::before {
    content: "";
    position: absolute;
    top: 0;
    right: -15px;
    width: 200vw;
    height: 100%;
    background: var(--color-2);
    z-index: -1;
}

.about_us__row--img__icon {
    position: absolute;
    right: 2%;
    bottom: -3%;
}

.s-about-us .headline__sub_title {
    margin-bottom: 4px;
    color: var(--color-5);
}

.s-about-us .headline__title {
    margin-bottom: 41px;
    color: #fff;
}

.s-about-us .headline__description {
    margin-bottom: 29px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
    color: #fff;
}

.s-how-we-work {
    padding: 47px 0 49px;
    background: var(--color-4);
}

.s-how-we-work .headline {
    max-width: 1110px;
    margin: 0 auto;
}

.wework_slider {
    max-width: 1010px;
    margin-top: 88px;
    padding: 0 0 96px 0;
}

.wework_slider .swiper-slide {
    display: flex;
    align-items: center;
}

.wework_slider img {
    max-width: 142px;
    width: 100%;
    height: auto;
    z-index: 2;
}

.wework_slider__item {
    padding: 103px 20px 48px;
    border-radius: 20px;
    background: #fff;
}

.wework_slider__item--title {
    margin-bottom: 14px;
    font-size: 27px;
    line-height: 35px;
    letter-spacing: -1.5px;
    color: var(--color-2);
}

.wework_slider .swiper-arrow {
    padding: 0;
    border: 0;
    background: transparent;
    transition: 0.3s all;
    cursor: pointer;
}

.wework_slider .swiper-arrow:hover {
    color: var(--color-1);
}

.wework_slider__item--description {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.3px;
}

.s-scholarships-disbursed {
    position: relative;
    padding: 81px 0 96px;
    background: var(--color-4);
}

.s-scholarships-disbursed::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1078px;
    width: calc(100% - 30px);
    height: 1px;
    margin: 0 auto;
    background: var(--color-2);
}

.scholarships_disbursed_row {
    max-width: 928px;
    margin: 0 auto;
}

.scholarships_disbursed_col:nth-child(1) {
    text-align: center;
}

.scholarships_disbursed_num {
    color: var(--color-1);
}

.scholarships_disbursed_num {
    font-size: 133px;
    line-height: 128px;
}

.s-scholarships-disbursed .headline__title {
    font-weight: 600;
    color: var(--color-2);
}

.s-news-and-events {
    background: var(--color-4);
}

@media (min-width: 992px) {
    .s-hero {
        height: calc(100vh - 96px);
        min-height: 656px;
        padding: 70px 0 82px;
        align-items: flex-end;
        color: #fff;
    }

    .s-hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 44.23%, rgba(0, 0, 0, 0.95) 100%);
        z-index: -1;
    }

    .banner_slider  {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin: 0;
        z-index: -2;
    }

    .banner_slider .swiper-slide div {
        height: 100%;
    }

    .s-hero .headline {
        padding: 0 63px 0 73px;
    }

    .s-hero .headline__title span {
        color: var(--color-5);
    }

    .s-hero .headline__description {
        margin-top: 0;
        font-size: 18px;
        line-height: 26px;
        color: #fff;
    }

    .s-our-mission {
        min-height: 468px;
        display: flex;
        align-items: center;
        padding: 38px 0 50px;
    }

    .our_mission--icon {
        position: absolute;
        right: 0;
        bottom: 110px;
        max-width: 480px;
        width: 34%;
    }

    .s-our-mission .headline__description {
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
    }

    .about_us__row {
        display: flex;
    }

    .about_us__row--txt {
        position: relative;
        width: 51%;
        padding: 76px 32px 74px;
    }

    .about_us__row--txt::before {
        right: 0;
    }

    .s-about-us .headline {
        max-width: 360px;
    }

    .s-about-us .headline__description {
        margin-bottom: 39px;
        font-size: 16px;
        line-height: 24px;
    }

    .about_us__row--img {
        position: relative;
        width: 49%;
    }

    .about_us__row--img--wrap {
        position: absolute;
        width: calc(50vw - 1%);
        height: 100%;
    }

    .about_us__row--img--wrap img {
        position: absolute;
        top: 11%;
        left: 10%;
        width: 80%;
        height: 78%;
        object-fit: cover;
        object-position: center;
    }

    .about_us__row--txt__icon {
        position: absolute;
        top: 0;
        right: 0;
    }

    .s-how-we-work {
        padding: 82px 0 61px;
    }

    .wework_slider {
        margin-top: 56px;
        padding: 0 20px 0 20px;
    }

    .wework_slider img {
        max-width: 131px;
        margin-right: -70px;
    }

    .wework_slider .swiper-arrow {
        position: absolute;
        top: 43%;
        transform: translateY(-50%);
    }

    .wework_slider_nav_prev {
        left: 0;
    }

    .wework_slider_nav_next {
        right: 0;
    }

    .wework_slider__item {
        padding: 23px 63px 56px 45px;
    }

    .wework_slider__item--title {
        margin-bottom: 23px;
        letter-spacing: -2.2px;
    }

    .wework_slider__item--description {
        padding-left: 38px;
        font-size: 14px;
        line-height: 19px;
    }

    .s-scholarships-disbursed {
        padding: 45px 0 75px;
    }

    .scholarships_disbursed_row {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .scholarships_disbursed_col:nth-child(1) {
        width: 40%;
    }

    .scholarships_disbursed_col:nth-child(2) {
        width: 49%;
        padding-right: 17%;
    }

    .s-video {
        padding-top: 89px;
    }
}

@media (max-width: 991px) {
    .s-hero {
        flex-direction: column;
        background: var(--color-4);
    }

    .s-hero .headline__title {
        color: var(--color-2);
    }

    .s-hero .headline__description  {
        color: var(--color-3);
    }

    .banner_slider .swiper-slide div {
        position: relative;
        padding-top: 71.2%;
    }

    .banner_slider .swiper-slide div img {
        position: absolute;
        inset: 0;
    }

    .s-our-mission .headline__description {
        margin-top: 15px;
        font-size: 14px;
        line-height: 19px;
    }

    .our_mission--icon,
    .about_us__row--txt__icon {
        display: none;
    }

    .about_us__row--img--wrap {
        padding: 32px 0;
    }

    .about_us__row--img__icon {
        right: -5%;
        bottom: -7%;
        max-width: 252px;
        width: 65%;
    }

    .s-how-we-work .headline__sub_title {
        margin-bottom: 8px;
    }

    .s-how-we-work .headline__description {
        margin-top: 24px;
        font-size: 14px;
        line-height: 21px;
    }

    .wework_slider .swiper-slide {
        flex-direction: column;
        text-align: center;
    }

    .wework_slider__item {
        width: 100%;
    }
    
    .wework_slider img {
        margin-bottom: -82px;
    }

    .wework_slider__item--description {
        max-width: 100%;
        margin: 0 auto;
    }

    .wework_slider .swiper-arrow {
        position: absolute;
        left: 50%;
        bottom: 0;
    }

    .wework_slider_nav_prev {
        transform: translateX(-39px);
    }

    .wework_slider_nav_next {
        transform: translateX(26px);
    }

    .wework_slider .swiper-arrow svg {
        width: 12px;
        height: auto;
    }

    .s-scholarships-disbursed .headline__title {
        font-size: 22px;
        line-height: normal;
    }

    .scholarships_disbursed_col:nth-child(2) {
        padding: 44px 11% 0;
    }

    .s-video .headline__description {
        font-size: 14px;
        line-height: 19px;
    }
}