#main_banner{position:relative;height:676px;overflow:hidden}
#main_banner .swiper-container{width:100%;height:100%}
#main_banner .swiper-container::before{z-index:2;position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
#main_banner .swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center}
#main_banner .text-box{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;color:#fff;text-align:center}
#main_banner .text-box h1{font-size:60px;font-weight:900;line-height:1;font-family:var(--main-font)}
#main_banner .text-box h2{font-size:32px;font-weight:700}
#main_banner .text-box .swiper-pagination{position:relative;top:unset;left:unset;display:flex;align-items:center;justify-content:center;gap:13px;height:28px;padding:0 14px;border-radius:100px;background-color:rgba(0, 0, 0, 0.1);backdrop-filter:blur(4px)}
#main_banner .text-box .swiper-pagination-bullet{width:7px;height:7px;background-color:rgba(255,255,255,0.7)}
#main_banner .text-box .swiper-pagination-bullet-active{background-color:#fff}


@media (max-width:1600px){
#main_banner{height:620px}
#main_banner .text-box{gap:24px;top:50%}
#main_banner .text-box h1{font-size:54px}
#main_banner .text-box h2{font-size:26px}
}
@media (max-width:1400px){
#main_banner{height:560px}
#main_banner .text-box h1{font-size:48px}
#main_banner .text-box h2{font-size:22px}
#main_banner .text-box .swiper-pagination{height:24px}
}
@media (max-width:1200px){
#main_banner{height:510px}
#main_banner .text-box{gap:18px}
#main_banner .text-box h1{font-size:42px}
#main_banner .text-box h2{font-size:20px}
}
@media (max-width:1024px){
#main_banner{height:450px}
#main_banner .text-box{top:43%}
#main_banner .text-box h1{font-size:38px}
#main_banner .text-box h2{font-size:18px}
}
@media (max-width:768px){
#main_banner .text-box h1{font-size:35px}
#main_banner .text-box h2{font-size:16px}
}
@media (max-width:480px){
#main_banner{height:415px}
#main_banner .text-box{gap:14px;padding:0 20px}
#main_banner .text-box h1{font-size:30px}
#main_banner .text-box h2{font-size:14px}
}