.marking{position:absolute;right:10px;top:10px;z-index:1;width:auto!important;height:auto!important}
.marking__text{color:var(--color-gray);background-color:rgba(255,255,255,.6);padding:5px 25px 5px 5px;font-size:12px;border-radius:5px;cursor:pointer;font-weight:600;display:inline-block}
.marking__text::after{content:"";position:absolute;right:6px;top:6px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABvklEQVQ4jY2TsWsUYRDFf2/VlHfprsjOahEMZgOnYGUp2lhYCNYiCSK2CqaSYKcIohJskiqtJKVgkv/AiwpeFEGQ20A6IZfCoHjPIhu9LDG5Bx98vPlm3szHPFFBREzYnpJ0CThV0t9sr0iaK4riY/977V3yPB/qdrtPgdsl/07SJ4Berzcu6SzQA17WarW77Xb7598CeZ4PbW1tvZZ00fYrSdNFUXztV0rTdFTSI+Ca7dV6vX5lrwgRMRsRTtP0QXWkKrIsm4kIZ1n2HEARMQG8t720sbFxvfIfbwGKojhf4ReBq5Kaie0pIJE0fYDgUnn2wfZ9ILE9qYhoAz+qKkchTdM1SScSSQF8+c+8C1mWLRwUk/RZ0snjh6nYPnNIOLHtxHYBjA3c+78OxoBOYnsZOJem6eigySMjI6dtN4HlRNIc0CuXZCDxJEkelzlzAETEi3I5Zo7KjoiH5dI9AzhWkqs7OzsXgJv1er1Zq9XWut3u92rbw8PD88AtYKXRaNzY3Nzs7TPT9vb2E9t32F2sD7bX2fXLONAEftuebTQa91qt1i/oc+MesizLbU8Cl+mzM/BG0nyn01nvf/8H2iyp4pvZUYsAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center center;background-size:cover;width:12px;height:12px;opacity:.6}
.marking__dropdown{opacity:0;visibility:hidden;transition:.3s;background-color:#fff;border-radius:5px;padding:10px;position:absolute;right:0;top:calc(100% + 15px);width:150px;font-size:14px;color:var(--color-gray)}
.marking__dropdown::after{content:"";position:absolute;bottom:100%;right:20px;border:10px solid transparent;border-bottom:10px solid #fff}
.marking:hover .marking__dropdown{opacity:1;visibility:visible}
.slide {
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.slick-dotted.slick-slider.slick-initialized {
    margin-bottom: 100px;
}

.hero-carousel .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slick-arrow {
    background-color: rgba(255, 255, 255, 0.1);
}

.slick-dots {
    position: absolute;
    bottom: 150px;
    text-align: center;
    height: 0;
}

.slick-prev {
    left: 5vw;
}

.slick-next {
    right: 5vw;
}

.slick-prev::before {
    background-image: url("/images/icons/hero-slider-prev.svg");
}

.slick-next::before {
    background-image: url("/images/icons/hero-slider-next.svg");
}

.slick-prev:hover::before {
    background-image: url("/images/icons/hero-slider-prev-orange.svg");
}

.slick-next:hover::before {
    background-image: url("/images/icons/hero-slider-next-orange.svg");
}

.slick-arrow:not(:hover) {
    background-color: rgba(255, 255, 255, 0.1)
}

.slick-dots li button::before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 6px;
    opacity: 0.25;
}

.slick-dots li.slick-active button::before {
    background: #fff;
    opacity: 1;
}

.hero-carousel .hero-cards-wrap {
    width: 100% !important;
}

@media (min-width: 1920px) {
    .slide {
        background-size: 1920px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .hero-carousel {
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 1440px) and (min-width: 576px) {
    .slide {
        height: 400px;
    }
}

@media (max-width: 1199.98px) {
    .slide {
        background-position: 31% 50%;
    }
}

@media (max-width: 991.98px) {
    .slide {
        background-position: 31% 50%;
    }

    .slick-dots {
        position: absolute;
        bottom: 30px;
        left: 0;
        text-align: center;
    }

    .slick-arrow {
        display: none !important;
    }
}

@media (max-width: 920px) and (min-width: 576px) {
    .slide {
        height: 300px;
    }
}

@media (max-width: 768px) and (min-width: 576px) {
    .slide {
        height: 250px;
    }
}

@media (max-width: 575.98px) {
    .slide {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 31% 50%;
    }

    .slick-dots {
        position: absolute;
        bottom: 15px;
        left: 0;
        text-align: center;
    }

    .slick-arrow {
        display: none !important;
    }

}

@media (max-width: 360px) {
    .slide {
        background-position: 32% 50%;
        background-size: 600px;
    }

    .slick-dots {
        position: absolute;
        bottom: 14px;
        left: 0;
        text-align: center;
    }

    .slick-arrow {
        display: none !important;
    }
}

.slide__pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slide__pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 576px) {
    .slider {
        width: 100%;
    }

    .slide {
        width: 100%;
        max-height: 500px;
        aspect-ratio: 4/5;
    }

    .slide__pic img {
        object-fit: contain;
    }
}

@media (max-width: 425px) {
    .slide__pic img {
        object-fit: fill;
    }
}