.home-hero-slider{
    width: 100%;
    margin-bottom: calc(var(--dimension-ratio) * 40px);
}

.home-hero-slider .home-hero-swiper{
    width: 100%;
    border-radius: calc(var(--dimension-ratio) * 18px);
    overflow: hidden;
    box-shadow: 0 12px 26px rgba(0,0,0,.10);
}

.home-hero-slider__img{
    width: 100%;
    height: calc(var(--dimension-ratio) * 420px);
    object-fit: cover;
    display: block;
}

.home-hero-slider .swiper-pagination-bullet{
    background: rgba(255,255,255,.7);
    opacity: 1;
}

.home-hero-slider .swiper-pagination-bullet-active{
    background: var(--main-color);
}

.home-achievements{
    position: relative;
    width: 100dvw;
    left: 50%;
    right: 50%;
    margin-left: -50dvw;
    margin-right: -50dvw;
    background: var(--main-color);
    margin-top: calc(var(--dimension-ratio) * 40px);
    padding-top: calc(var(--dimension-ratio) * 35px);
    padding-bottom: calc(var(--dimension-ratio) * 20px);
    border-bottom: calc(var(--dimension-ratio) * 5px) solid #fff;
    overflow: hidden;
}

.home-achievements__bg{
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: .2;
}

.home-achievements__inner{
    position: relative;
    width: 67vw;
    margin: 0 auto;
}

.home-achievements__title{
    margin: 0 0 calc(var(--dimension-ratio) * 20px) 0;
    color: #fff;
    text-align: center;
    font-size: var(--font-size-40);
    font-weight: 700;
}

.home-achievements-swiper{
    width: 100%;
    overflow: hidden;
    padding: 0 calc(var(--dimension-ratio) * 70px);
}

.home-achievements__slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--dimension-ratio) * 25px);
    padding: calc(var(--dimension-ratio) * 25px) calc(var(--dimension-ratio) * 10px);
}

.home-achievements__icon{
    width: calc(var(--dimension-ratio) * 70px);
    height: calc(var(--dimension-ratio) * 70px);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.home-achievements__heading{
    margin: 0;
    color: rgba(255,255,255,.9);
    font-size: calc(var(--dimension-ratio) * 35px);
    font-weight: 500;
    text-align: center;
}

.home-achievements__text{
    margin: 0;
    color: rgba(255,255,255,.85);
    text-align: center;
    font-size: var(--font-size-30);
    max-width: calc(var(--dimension-ratio) * 420px);
}

.home-achievements .swiper-button-next,
.home-achievements .swiper-button-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    color: rgba(255,255,255,.95);
}

.home-achievements .swiper-button-prev{
    left: calc(var(--dimension-ratio) * 15px);
    right: auto;
}

.home-achievements .swiper-button-next{
    right: calc(var(--dimension-ratio) * 15px);
    left: auto;
}

.home-achievements .swiper-button-next:after,
.home-achievements .swiper-button-prev:after{
    font-size: calc(var(--dimension-ratio) * 32px);
}

@media (min-width: 1024px){
    body.home-auth-sidebar .home-hero-slider{
        width: calc(100dvw - (var(--dimension-ratio) * 380px));
        margin-left: calc(-1 * ((100dvw - (var(--dimension-ratio) * 380px)) - 100%));
        margin-right: 0;
        margin-top: calc(var(--dimension-ratio) * 20px);
    }

    body.home-auth-sidebar .home-achievements{
        width: calc(100dvw - (var(--dimension-ratio) * 380px));
        left: auto;
        right: auto;
        margin-left: calc(-1 * ((100dvw - (var(--dimension-ratio) * 380px)) - 100%));
        margin-right: 0;
    }
}

@media (min-width: 1536px){
    .home-achievements__inner{
        width: 57vw;
    }
}

@media (max-width: 1024px){
    .home-achievements__inner{
        width: 88vw;
    }
}

@media (max-width: 635px){
    .home-achievements{
        padding-top: calc(var(--dimension-ratio) * 25px);
    }

    .home-achievements-swiper{
        padding: 0 calc(var(--dimension-ratio) * 45px);
    }

    .home-achievements__text {
        max-width: 90%;
    }

    .home-achievements .swiper-button-next:after,
    .home-achievements .swiper-button-prev:after{
        font-size: calc(var(--dimension-ratio) * 24px);
    }
}

@media (max-width: 635px){
    .home-hero-slider__img{
        height: calc(var(--dimension-ratio) * 220px);
    }
}