#popup_10{z-index:1010000;}
#popup_9{z-index:1020000;}
#popup_8{z-index:1030000;}
#popup_7{z-index:1040000;}
#popup_6{z-index:1050000;}
#popup_5{z-index:1060000;}
#popup_4{z-index:1070000;}
#popup_3{z-index:1080000;}
#popup_2{z-index:1090000;}
#popup_1{z-index:1100000;}

.popups{background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;position: fixed;z-index: 9999999;}
.popup_wrap {
    width: 90%;
    max-width: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    z-index: 9999;
}
.popup_wrap img{
    max-width: 100%;
}
.popup_foot {
    padding: 10px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}
.popup_foot label span{
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}
.popup_close{
    cursor: pointer;
}
.popup_wrap.introani{
    animation: introanimation .8s forwards ease;
}
.popups .swiper-container{overflow: hidden;}
.popups .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, 
.popups .swiper-pagination-custom, 
.popups .swiper-pagination-fraction {
    position: absolute;
    z-index: 2;
    bottom: 80px;
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
    /* transform: translate(-50%, 10px); */
    text-align: right;
}
.popups .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
#popupContainer.popups .popup_wrap .swiper-container .swiper-button-next, 
#popupContainer.popups .popup_wrap .swiper-container .swiper-button-prev{
color: #fff;
background: rgba(0, 0, 0, 0.7);
aspect-ratio: 2/3;
display: block;
width: 30px;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
#popupContainer.popups .popup_wrap .swiper-container .swiper-button-next:after, 
#popupContainer.popups .popup_wrap .swiper-container .swiper-button-prev:after{
    font-size: 25px;
}
#popupContainer.popups .popup_wrap .swiper-container .swiper-button-prev{left: 0;}
#popupContainer.popups .popup_wrap .swiper-container .swiper-button-next{right: 0}
@media (min-width:0px) and (max-width:1080px){
    .popup_wrap {
        /* left: 0!important; */
    }
}