.template-9838.style-1 .template__btn:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 2px;
    border-radius: 20px;
    background: var(--color-9);
    transition: transform .4s;
    transform-origin: center;
    transform: scaleX(0);
}

@media ( min-width: 991.92px ) {

    .template-9838.style-1.template-9838--btn-hover-grayscale .template__btn {
        filter: grayscale(1);
        transition: filter .4s;
    }
    
    .template-9838.style-1.template-9838--btn-hover-grayscale .template__btn:hover,
    .template-9838.style-1.template-9838--btn-hover-grayscale .template__btn.is-active {
        filter: grayscale(0);
    }
}

.template-9838.style-1 .template__btn.is-active:before {
    transform: scaleX(1);
}

.template-9838.style-1 .template__inner {
    position: relative;
    aspect-ratio: 3950 / 1741;
}

.template-9838.style-1 .template__content {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.template-9838.style-1 .template__content.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.template-9838 .template__content-link {
    display: block;
}

.template-9838.style-1 .template__content-link {
    width: 100%;
    height: 100%;
}

.template-9838.style-1 .template__content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.template-9838 .template__slider .slick-track {
    display: flex !important;
}

.template-9838 .template__slider .slick-slide {
    height: inherit !important;
}

.template-9838 .slick-slider-loading {
    overflow: hidden;
    display: flex;
}

.template-9838 .slick-slider-loading[data-slick-slides-num-mobile="1"]:not(.slick-initialized) > div {
    max-width: 100%;
    flex: 0 0 100%;
}

.template-9838 .slick-slider-loading[data-slick-slides-num-mobile="2"]:not(.slick-initialized) > div {
    max-width: 50%;
    flex: 0 0 50%;
}

.template-9838 .slick-slider-loading[data-slick-slides-num-mobile="3"]:not(.slick-initialized) > div {
    max-width: 33.33%;
    flex: 0 0 33.33%;
}

.template-9838 .slick-slider-loading[data-slick-slides-num-mobile="4"]:not(.slick-initialized) > div {
    max-width: 25%;
    flex: 0 0 25%;
}

@media (min-width: 766.92px) {
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-tablet="1"]:not(.slick-initialized) > div {
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-tablet="2"]:not(.slick-initialized) > div {
        max-width: 50%;
        flex: 0 0 50%;
    }
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-tablet="3"]:not(.slick-initialized) > div {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-tablet="4"]:not(.slick-initialized) > div {
        max-width: 25%;
        flex: 0 0 25%;
    }
}

@media (min-width: 991.92px) {
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-desktop="1"]:not(.slick-initialized) > div {
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-desktop="2"]:not(.slick-initialized) > div {
        max-width: 50%;
        flex: 0 0 50%;
    }
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-desktop="3"]:not(.slick-initialized) > div {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-desktop="4"]:not(.slick-initialized) > div {
        max-width: 25%;
        flex: 0 0 25%;
    }
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-desktop="5"]:not(.slick-initialized) > div {
        max-width: 20%;
        flex: 0 0 20%;
    }
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-desktop="6"]:not(.slick-initialized) > div {
        max-width: 16.6%;
        flex: 0 0 16.6%;
    }
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-desktop="7"]:not(.slick-initialized) > div {
        max-width: 14.25%;
        flex: 0 0 14.25%;
    }
    
    .template-9838 .slick-slider-loading[data-slick-slides-num-desktop="8"]:not(.slick-initialized) > div {
        max-width: 12.5%;
        flex: 0 0 12.5%;
    }
}