.swiper-ns-banner{
height: 80vh;
}
.swiper-ns-banner .banner-card{
height: 100%;
position: relative;
}
.swiper-ns-banner .card{
padding-top: 10% !important;
}
.swiper-ns-banner .banner-card .banner-card-overlay{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 50%;
background: linear-gradient(to right, rgba(0,0,0,0.85), rgba(0,0,0,0));
mix-blend-mode: multiply;
}
.swiper-ns-banner .sub-tit,
.swiper-ns-banner-mobile .sub-tit{
color: #FFA500;
}
.swiper-ns-banner .tit{
font-size: 70px;
font-weight: 700;
line-height: 70px;
}
.swiper-ns-banner .banner-txt{
font-size: 25px;
font-weight: 400;
line-height: 35px;
}
.swiper-ns-banner .swiper-pagination-bannerSlider{
top: auto !important;
bottom: 30px;
z-index: 1;
}
@media (max-width: 1024px) {
.swiper-ns-banner .tit{
font-size: 45px;
line-height: 45px;
}
.swiper-ns-banner-mobile .banner-txt{
font-size: 18px;
line-height: 24px;
}
.swiper-ns-banner .banner-txt{
font-size: 22px;
line-height: 30px;
}
.template-banner-full .card{
margin-top: 0px !important;
}
}