.gtea_glivera_carousel__wrap {
    font-size: 1em;
    user-select: none;
}

.swiper.gtea_glivera_carousel__inner {
    overflow: visible;
}

gtea_glivera_carousel__card {
    clip-path: inset(2px);
}

.gtea_glivera_carousel__picture {
    display: block;
    width: 100%;
    height: 100%;
}

.gtea_glivera_carousel__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gtea_glivera_carousel .gtea_swiper-button-prev,
.gtea_glivera_carousel .gtea_swiper-button-next {
    --swiper-navigation-size: 4em;
    color: #fff !important;
    background-color: transparent;
    border: none;

    transition: color 0.2s ease-in-out;
}

@media (min-width: 1024px) {
    .gtea_glivera_carousel {
        padding: 4.6rem 6rem 7rem;
    }

    .gtea_glivera_carousel {
        /* 12rem - section side indents * 2 */
        font-size: calc((100vw - 12rem) / 1920 * 10);
    }

    .swiper-slide.gtea_glivera_carousel__card {
        height: 61.8em;
        width: 50.8em;
    }

    .gtea_glivera_carousel .gtea_swiper-button-prev:hover,
    .gtea_glivera_carousel .gtea_swiper-button-prev:focus,
    .gtea_glivera_carousel .gtea_swiper-button-next:hover,
    .gtea_glivera_carousel .gtea_swiper-button-next:focus {
        text-decoration: none;
        color: #f2ac2a !important;
    }
}

@media (max-width: 1023px) {
    .gtea_glivera_carousel {
        padding: 2.8rem 2.8rem 7rem;
    }

    .swiper-slide.gtea_glivera_carousel__card {
        height: 42.4em;
        width: 33em;
    }

    .gtea_glivera_carousel .swiper-button-prev,
    .gtea_glivera_carousel .swiper-button-next {
        display: none !important;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .gtea_glivera_carousel {
        /* 5.6rem - side indents * 2 */
        font-size: calc((100vw - 5.6rem) / 1024 * 20);
    }
}

@media (max-width: 767px) {
    .gtea_glivera_carousel {
        /* 5.6rem - side indents * 2 */
        font-size: calc((100vw - 5.6rem) / 390 * 10);
    }
}