.markets-slider__header {
    margin-bottom: clamp(2.5rem, 1.4583333333rem + 3.4722222222vw, 5.625rem)
}

@media screen and (max-width:1023px) {
    .markets-slider__header {
        text-align: center
    }
}

.markets-slider__slider {
    width: 100%
}

.markets-slider .swiper {
    margin-left: 0;
    max-width: 426px;
    overflow: visible
}

@media screen and (min-width:768px) {
    .markets-slider .swiper {
        max-width: 865px
    }
}

@media screen and (min-width:1024px) {
    .markets-slider .swiper {
        max-width: 1330px
    }
}

@media screen and (min-width:1360px) {
    .markets-slider .swiper {
        max-width: 1782px
    }
}

.markets-slider .swiper .swiper__next,
.markets-slider .swiper .swiper__prev {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    position: absolute;
    top: 41%;
    transform: translateY(-50%);
    transition: all .3s ease;
    z-index: 10
}

.markets-slider .swiper .swiper__next.swiper-button-disabled,
.markets-slider .swiper .swiper__prev.swiper-button-disabled {
    opacity: 0;
    transform: translateY(-50%) scale(.5);
    visibility: hidden
}

.markets-slider .swiper .swiper__prev {
    left: -15px
}

.markets-slider .swiper .swiper__next {
    right: -15px
}

.markets-slider .markets-card {
    display: block
}

.markets-slider .markets-card img {
    display: block;
    transition: transform .45s ease
}

.markets-slider .markets-card__content {
    background: linear-gradient(transparent, rgba(0, 0, 0, .5) 60%);
    bottom: 0;
    left: 0;
    padding: 30px 30px 25px;
    position: absolute;
    width: 100%
}

.markets-slider .markets-card__content p {
    font-size: 16px;
    margin-bottom: 50px
}

.markets-slider .markets-card__content:before {
    background-color: var(--wp--preset--color--light);
    bottom: 0;
    content: "";
    height: 85px;
    left: 0;
    position: absolute;
    transition: all .45s ease;
    width: 100%
}

@media screen and (min-width:1024px) {
    .markets-slider .markets-card__content:before {
        height: 100px
    }
}

.markets-slider .markets-card__btn {
    align-items: center;
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid var(--wp--preset--color--dark);
    border-radius: 0;
    color: var(--wp--preset--color--dark);
    cursor: pointer;
    display: inline-flex;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 20px;
    height: 40px;
    justify-content: flex-start;
    padding: 0 60px 0 22px;
    position: relative;
    transform: translateX(-30px);
    transition: all .45s ease;
    width: calc(100% + 60px)
}

@media screen and (min-width:1024px) {
    .markets-slider .markets-card__btn {
        font-size: 17px;
        height: 50px
    }
}

.markets-slider .markets-card__btn:before {
    background-color: var(--wp--preset--color--dark);
    content: "";
    height: 13px;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .45s ease;
    width: 13px
}

@media (hover:hover) {
    .markets-slider .markets-card:hover img {
        transform: scale(1.05)
    }

    .markets-slider .markets-card:hover .markets-card__content:before {
        height: 0
    }

    .markets-slider .markets-card:hover .markets-card__btn {
        background-color: var(--wp--preset--color--secondary);
        border-color: var(--wp--preset--color--secondary);
        color: var(--wp--preset--color--dark);
        transform: translateY(-5px);
        width: 100%
    }

    .markets-slider .markets-card:hover .markets-card__btn:before {
        background-color: var(--wp--preset--color--dark)
    }
}

.markets-slider.dark--bg .markets-slider__header .wp-block-heading {
    color: var(--wp--preset--color--light)
}

.markets-slider.dark--bg .swiper__next,
.markets-slider.dark--bg .swiper__prev {
    background-color: var(--wp--preset--color--light)
}

.markets-slider.dark--bg .swiper__next svg path,
.markets-slider.dark--bg .swiper__prev svg path {
    fill: var(--wp--preset--color--dark)
}

.markets-slider.dark--bg .markets-card__content:before {
    background-color: var(--wp--preset--color--dark)
}

.markets-slider.dark--bg .markets-card__btn {
    border-color: var(--wp--preset--color--light);
    color: var(--wp--preset--color--light)
}

.markets-slider.dark--bg .markets-card__btn:before {
    background-color: var(--wp--preset--color--light)
}

/*# sourceMappingURL=markets-slider.css.map*/