#desq-banner{position:relative;}
#desq-banner .swiper-slide{position:relative;}
#desq-banner .swiper-slide img{width:100%;}
#desq-banner .swiper-slide .box{width:100%;box-sizing:border-box;padding:100px 0 0;position:absolute;top:0;bottom:0;left:0;right:0;display: flex;align-items: center;}
#desq-banner .swiper-slide .container{text-align:center;}
#desq-banner .swiper-slide h5{font-size:40px;line-height:1.4;color:#fff;font-weight:500;font-family: var(--font-family);/*text-shadow:0 2px 8px rgba(14,4,9,.35);*/}
#desq-banner .swiper-slide p{font-size:27px;line-height:1.9;color:#fff;/*text-shadow:0 2px 8px rgba(14,4,9,.35);*/}
#desq-banner .swiper-slide .more{
    margin:45px 0 0;
    width:252px;
    height:60px;
    line-height:60px;
    /*display:block;*/
    border: 1px solid var(--color-primary);
    text-align:center;
    background:var(--color-primary);
    font-size:16px;
    border-radius:35px;
    color:#fff;
    font-weight:700;
    -webkit-transition:0.5s;
    transition:0.5s;
    margin-left: auto;
    margin-right: auto;
    display: none;
    }
#desq-banner .swiper-slide .more:hover{background: transparent;}


#desq-banner .swiper-button-prev,#desq-banner .swiper-button-next{width:80px;height:80px;line-height:80px;overflow:hidden;background:none;margin-top:-25px;text-align:center;color:rgba(255,255,255,0.65);}
#desq-banner .swiper-button-next::after,#desq-banner .swiper-button-prev::after {display:none;}
#desq-banner .swiper-button-prev i,#desq-banner .swiper-button-next i{color:inherit;font-size:70px;display:inline-block;margin-top:1px;}
#desq-banner .swiper-button-prev,#desq-banner .swiper-container-rtl .swiper-button-next{left:40px;right:auto;}
#desq-banner .swiper-button-next,#desq-banner .swiper-container-rtl .swiper-button-prev{right:40px;left:auto;}
#desq-banner .swiper-button-prev:hover,#desq-banner .swiper-button-next:hover{color:#fff;}



#desq-banner .page{position:absolute;left:0;right:0;bottom:70px;z-index:30;}
#desq-banner .page .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
#desq-banner .page .swiper-button-num{font-size:21px;color:rgba(255,255,255,0.5);line-height:1;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;}
#desq-banner .page .swiper-button-num hr{width:100px;height:1px;background:#fff;margin:0 15px;}
#desq-banner .page .swiper-button-num span{font-size:35px;color:rgba(255,255,255,0.75);margin-right:5px;}


#desq-banner .swiper-pagination-bullets{position:static;width:auto;}
#desq-banner .swiper-pagination-bullet{width:9px;height:9px;margin:0 35px 0 0;background:rgba(255,255,255,0.5);border-radius:50%;opacity:1;box-sizing:border-box;position:relative;}
#desq-banner .swiper-pagination-bullet::after{content:"";position:absolute;left:-5px;top:-5px;right:-5px;bottom:-5px;background:rgba(255,255,255,0.2);border-radius:50%;display:none;}
#desq-banner .swiper-pagination-bullet-active{background:#fff;}
#desq-banner .swiper-pagination-bullet-active::after{display:block;}

#desq-banner .visible-xs,
#desq-banner .visible-xs-block {
  display: none !important
}

  #desq-banner .box .more {
    display: inline-block;
    padding: 0;
    margin-top: 20px;
    background-color: #eeb42c82;
    color: #fff !important; 
    font-size: 16px;
    font-weight: 500;
    text-decoration: none; 
    border-radius: var(--button-radius); 
    opacity: 0; 
    transition: all 0.3s ease;
  }

  #desq-banner .box .more:hover {
    background-color: #ffffffd5;
    color: var(--color-primary) !important;
    border: 1px solid var(--color-primary);
  }

  #desq-banner .ani[swiper-animate-effect] {
    opacity: 0;
  }

  #desq-banner .ani.swiper-animate-hidden {
    opacity: 1;
  }

@media screen and (max-width:1550px){
    #desq-banner .swiper-button-prev,#desq-banner .swiper-button-next{width:60px;height:60px;line-height:60px;margin-top:-30px;}
    #desq-banner .swiper-button-prev i,#desq-banner .swiper-button-next i{font-size:50px;}
    #desq-banner .swiper-button-prev,#desq-banner .swiper-container-rtl .swiper-button-next{left:0;}
    #desq-banner .swiper-button-next,#desq-banner .swiper-container-rtl .swiper-button-prev{right:0;}
}

@media screen and (max-width:1400px){
    #desq-banner .swiper-slide  h5{font-size:34px;line-height:1.6;}
    #desq-banner .swiper-slide  p{font-size:25px;line-height:1.7;}


    #desq-banner .page{bottom:40px;}
}

@media screen and (max-width:1280px){
    #desq-banner .swiper-slide .box{padding:80px 0 0;}
    #desq-banner .swiper-slide h5{font-size:30px;line-height:1.4;}
    #desq-banner .swiper-slide p{font-size:22px;line-height:1.6;}

    #desq-banner .swiper-slide  .more{margin:25px 0 0;width: 220px;height:50px;line-height:50px;}

    #desq-banner .swiper-button-prev,#desq-banner .swiper-button-next{display:none;}
    #desq-banner .swiper-pagination-bullet{margin:0 20px 0 0;}
    #desq-banner .page{bottom:25px;}
}

@media screen and (max-width:992px){
    #desq-banner .swiper-slide h5{font-size:26px;line-height:1.4;}
    #desq-banner .swiper-slide p{font-size:20px;line-height:1.4;}
    #desq-banner .swiper-slide .more{margin:20px 0 0;width:180px;height:40px;line-height:40px;font-size:15px;}
}

@media screen and (max-width:768px){
    #desq-banner .swiper-slide .box{padding:0;}
    #desq-banner .swiper-slide h5{font-size:24px;margin-bottom:8px;}
    #desq-banner .swiper-slide p{font-size:17px;line-height:1.3;}
    #desq-banner .swiper-slide .more{margin:18px 0 0;width:150px;height:38px;line-height:38px;font-size:14px;}


    #desq-banner .page{bottom:15px;}
    #desq-banner .page .container{-webkit-justify-content:center;justify-content:center;}
    #desq-banner .page .swiper-button-num{display:none;}
    #desq-banner .swiper-pagination-bullet{width:9px;height:9px;margin:0 6px;}
    #desq-banner .swiper-pagination-bullet::after{left:-3px;top:-3px;right:-3px;bottom:-3px;}

    #desq-banner .visible-xs {
        display: block !important
    }
    
    #desq-banner .visible-xs-block {
        display: block !important
    }

    #desq-banner .hidden-xs {
        display: none !important
    }

    #desq-banner{margin-top: 30px;}
}

@media screen and (max-width:600px) {
    #desq-banner .swiper-slide h5{font-size:22px;line-height:1.4;}
    #desq-banner .swiper-slide p{font-size:16px;line-height:1.3;font-weight:400;}

    #desq-banner .page{bottom:10px;}
}

@media screen and (max-width:480px) {
    #desq-banner .swiper-slide h5{font-size:18px;}
    #desq-banner .swiper-slide p{font-size:12px;line-height:1.2;}
    #desq-banner .swiper-slide  .more{margin:12px 0 0;width:120px;height:32px;line-height:32px;font-size:13px;}
}

@media screen and (max-width:400px) {
    #desq-banner .swiper-slide h5{font-size:18px;}
    #desq-banner .swiper-slide p span{font-size:22px;}
    #desq-banner .swiper-pagination-bullets{bottom:10px;}
}