/*HOME-BANNER*/

[data-theme="light"] {
    --iz-home-banner-arrow-pagination-active: #A1A1AA;
    --iz-home-banner-arrow-pagination: #EFEFEF;
}
[data-theme="dark"] {
    --iz-home-banner-arrow-pagination-active:  #A1A1AA;
    --iz-home-banner-arrow-pagination: #EFEFEF;

}

.home-banner .arrow-prev{
    color: transparent;
    position: static;
    height: 25px;
    width: 25px;
    background-color: var(--iz-home-banner-arrow-pagination-active);
    -webkit-mask: url(../../../images/home/banner-arrow.svg) no-repeat center;
    mask: url(../../../images/home/banner-arrow.svg) no-repeat center;
}

.home-banner .arrow-next{
    color: transparent;
    position: static;
    text-align: center;
    height: 25px;
    width: 25px;
    background-color: var(--iz-home-banner-arrow-pagination-active);
    -webkit-mask: url(../../../images/home/banner-arrow-next.svg) no-repeat center;
    mask: url(../../../images/home/banner-arrow-next.svg) no-repeat center;
}

/*.home-banner .swiper-container {*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    z-index: 1;*/
/*}*/

/*.home-banner .swiper-slide:has(+ .swiper-slide-prev){*/
/*        transform: translate3d(-337px, 0px, -600px) rotateX(0deg) rotateY(0deg) scale(1) !important;*/
/*}*/

/*.home-banner .swiper-slide-next + .swiper-slide{*/
/*        transform: translate3d(337px, 0px, -600px) rotateX(0deg) rotateY(0deg) scale(1) !important;*/
/*}*/

/* .home-banner .swiper-slide:not(.swiper-slide-fully-visible){
        visibility: hidden;
} */


/*.home-banner .swiper-container-no-flexbox .swiper-slide {*/
/*    float: left;*/
/*}*/

/*.home-banner .swiper-container-vertical > .swiper-wrapper {*/
/*    -webkit-box-orient: vertical;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column;*/
/*}*/

/*.home-banner .swiper-wrapper {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 1;*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-transition-property: -webkit-transform;*/
/*    transition-property: -webkit-transform;*/
/*    transition-property: transform;*/
/*    transition-property: transform, -webkit-transform;*/
/*    box-sizing: content-box;*/
/*}*/

/*.home-banner .swiper-container-autoheight,*/
/*.home-banner .swiper-container-autoheight .swiper-slide {*/
/*    height: auto;*/
/*}*/

/*.home-banner .swiper-container-autoheight .swiper-wrapper {*/
/*    -webkit-box-align: start;*/
/*    -ms-flex-align: start;*/
/*    align-items: flex-start;*/
/*    -webkit-transition-property: -webkit-transform, height;*/
/*    -webkit-transition-property: height, -webkit-transform;*/
/*    transition-property: height, -webkit-transform;*/
/*    transition-property: transform, height;*/
/*    transition-property: transform, height, -webkit-transform;*/
/*}*/

.home-banner .swiper-button-next,
.home-banner .swiper-button-prev {
    left:0;
    top: 100%;
    width: 27px;
    height: 44px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}

.home-banner .swiper-pagination {
    position: static;
    display: flex;
    align-items: center;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    width: fit-content;
}

.home-banner .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    width: fit-content;
}


button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}


.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical
> .swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}

.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
    margin: 0 5px;
}

/*.swiper-container-3d {*/
/*    -webkit-perspective: 1920px;*/
/*    -o-perspective: 1920px;*/
/*    perspective: 1920px;*/
/*}*/

/*.swiper-container-3d .swiper-cube-shadow,*/
/*.swiper-container-3d .swiper-slide,*/
/*.swiper-container-3d .swiper-slide-shadow-bottom,*/
/*.swiper-container-3d .swiper-slide-shadow-left,*/
/*.swiper-container-3d .swiper-slide-shadow-right,*/
/*.swiper-container-3d .swiper-slide-shadow-top,*/
/*.swiper-container-3d .swiper-wrapper {*/
/*    -webkit-transform-style: preserve-3d;*/
/*    transform-style: preserve-3d;*/
/*}*/

/*.swiper-container-3d .swiper-slide-shadow-bottom,*/
/*.swiper-container-3d .swiper-slide-shadow-left,*/
/*.swiper-container-3d .swiper-slide-shadow-right,*/
/*.swiper-container-3d .swiper-slide-shadow-top {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    pointer-events: none;*/
/*    z-index: 10;*/
/*}*/
.home-banner .swiper-container {
    width: 100%;
    padding: 30px 0 16px;
}

.home-banner .swiper-slide::before {
    content: "";
    display: block;
    padding-top: calc(100% / 2.23);
}

.home-banner .swiper-slide a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.home-banner .swiper-slide img {
    display: block;
    margin: auto;
    width: 100%;
    /*aspect-ratio: 2.23;*/
    object-fit: cover;
}

/*.home-banner .swiper-slide .slider-image>div{*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    aspect-ratio: 2;*/
/*    border-radius: 2vw;*/
/*}*/

/*.home-banner .swiper-slide .slider-image .preview-icon {*/
/*    z-index: -1;*/
/*    width: calc(100% - 30px);*/
/*}*/

/*.home-banner .swiper-container-3d {*/
/*    -webkit-perspective: 1200px;*/
/*    -o-perspective: 1200px;*/
/*    perspective: 1200px*/
/*}*/

.home-banner .swiper-pagination-bullet-active {
    background: var(--iz-home-banner-arrow-pagination-active);
    border: medium none;
    height: 8px;
    opacity: 1;
    width: 12px;
}

/*.home-banner .swiper-wrapper {*/
/*    -webkit-transform: translate3d(0, 0, 200px);*/
/*    transform: translate3d(0, 0, 200px);*/
/*}*/
.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none;
}
/*.swiper-slide-visible {*/
/*    opacity: 0;*/
/*}*/
/*.swiper-slide-visible.swiper-slide-fully-visible,*/
/*.swiper-slide-visible.swiper-slide-prev,*/
/*.swiper-slide-visible.swiper-slide-next,*/
/*.swiper-slide-visible.swiper-slide-active {*/
/*    opacity: 1;*/
/*}*/


/* Hide all slides by default */
.home-banner .swiper-slide {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.01s ease-out;
}

/* Show the active slide */
.home-banner .swiper-slide-active {
    opacity: 1;
    pointer-events: auto;
}

/* Show previous and next slides (for 3 slides mode) */
.home-banner .swiper-slide-prev,
.home-banner .swiper-slide-next,
.prev-2, .next-2 {
    opacity: 1 !important;
    pointer-events: auto;
}

@media (min-width:1px) and (max-width:1439px) {
    .home-banner .swiper-slide-prev,
    .home-banner .swiper-slide-next {
        opacity: 0 !important;
    }
}