.banner-one{padding: 140px 0; background-color: #fff; font-size: 18px; color: #333333; line-height: 1.5; position: relative; overflow-x: hidden;}
.banner-one::before{content: ''; position: absolute; width: 40%; height: 100%; top: 0; right: 0; background-color: #ECF5FF;}
.banner-one :is(h1,h2,h3,h4,h5,h6){margin-top: 0; margin-bottom: 15px; line-height: 1;}
.banner-one .banner-description p{margin-bottom: 20px; margin-top: 0;}
.banner-one a{color: #005BC5; text-decoration: none;}
.banner-one a:hover{color: #333333;}
.banner-one h1{font-size: 68px; text-transform: uppercase;}
.banner-one .banner-content .btn{background-color: #005BC5; color: #fff; font-size: 15px; padding: 10px 27px; border-radius: 40px; display: inline-block;}
.banner-one .btn:hover{background-color: #333;}
.banner-one .banner-container{width: 100%; max-width: 1430px; padding-left: 15px; padding-right: 15px; margin: 0 auto; position: relative; z-index: 1;}
.banner-one .banner-container .banner-row{margin-left: -15px; margin-right: -15px; display: flex; display: flex; align-items: center; flex-wrap: wrap;}
.banner-one .banner-container .banner-row .banner-col-4{max-width: 30%; width: 100%; padding: 0 15px; position: relative;}
.banner-one .banner-container .banner-row .banner-col-8{max-width: 70%; width: 100%; padding: 0 15px; position: relative;}
.banner-one .banner-content{min-height: 630px; display: flex; flex-direction: column; align-items: self-start; justify-content: center;}
.banner-one .container-right{padding-right: 0;}
.banner-one .banner-slider{min-height: 630px;}
.banner-one .banner-slider .slideImg{width: 100%; height: 500px; transition: 0.5s;}
.banner-one .banner-slider .slideImg img{width: 100%; height: 100%; object-fit: cover; display: block;}
.banner-one .banner-slider .swiper-slide-active .slideImg{height: 630px;}
.banner-one .banner-slider .swiper-wrapper{align-items: flex-end;}
.banner-one .swiper-navigation{display: flex; gap: 12px; position: absolute; top: 40px; right: 10.8%; z-index: 11;}
.banner-one .swiper-navigation .swiper-button{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border: 2px solid #005BC5; cursor: pointer;}
.banner-one .swiper-navigation .swiper-button:not(.swiper-button-disabled){background-color: #005BC5;}
.banner-one .swiper-navigation .swiper-button.swiper-next{transform: rotate(180deg);}
.banner-one .swiper-pagination{top: inherit; bottom: -70px; text-align: left; left: 15px;}
.banner-one .slide-count .count{background-color: #000000; font-size: 48px; width: 100px; height: 100px; color: #fff; display: flex; align-items: center; justify-content: center;}

@media (max-width:1440px){
    .banner-one h1{font-size: 50px;}
}
@media (max-width:1199px){
    .banner-one{padding: 50px 0;}
    .banner-one .swiper-navigation{right: 4%;}
    .banner-one .banner-slider { min-height: 530px;}
    .banner-one .banner-slider .swiper-slide-active .slideImg { height: 520px; }
}
@media (max-width:991px){
    .banner-one h1{font-size: 36px;}
    .banner-one .banner-container .banner-row .banner-col-4, .banner-one .banner-container .banner-row .banner-col-8{max-width: 100%;}
    .banner-one .banner-content{min-height: auto; margin-bottom: 30px;}
    .banner-one::before{height: 200px; top: inherit; bottom: 0; left: 0; right: inherit; width: 100%;}
    .banner-one .banner-container{padding-right: 30px; padding-left: 30px;}
    .banner-one .slide-count { display: flex; align-items: center; justify-content: flex-end; }
    .banner-one .slide-count .count{font-size: 25px; width: 60px; height: 60px;}
    .banner-one .banner-slider{min-height: auto;}
    .banner-one .swiper-pagination{bottom: 0;}
    .banner-one .banner-slider .slideImg, .banner-one .banner-slider .swiper-slide-active .slideImg{height: 250px;}
    .banner-one .swiper-navigation{display: none;}
}
@media (max-width:374px){
    .banner-one .banner-container{padding-right: 15px; padding-left: 15px; }
}