@import url('../../styles/normalize.css');
@import url('../../styles/main.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,300&display=swap');

.szdl-slider-01 {
    /* position: relative; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* row-gap: 80px; */
    row-gap: 4.2vw;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 30px 20px;

    perspective: 1px;
    overflow: hidden;
}

.szdl-slider-01__container {
    max-width: 1180px;
    width: 100%;
}

.szdl-slider-01 .szdl-slider-01__title {
    max-width: 1180px;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    text-align: center;
    margin: 0;
    color: var(--main-text-color);
}

.szdl-slider-01__img {
    background-image: url('https: //images.unsplash.com/photo-1677531713783-7e83cec23efb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2070&q=80');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    aspect-ratio: 1180 / 620;

    width: 100%;
    height: 100%;
}

.szdl-slider-01 .js-prev {
    background-color: #9c9fb8 !important;
    opacity: 0.8 !important;
}

.szdl-slider-01 .js-next {
    background-color: #9c9fb8 !important;
    opacity: 0.8 !important;
}

@media only screen and (max-width: 992px) {
    .szdl-slider-01 .szdl-slider-01__title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 768px) {
    .szdl-slider-01 {
        row-gap: 20px;
    }
}