.cnc-banner-three{padding: 200px 0; background-color: #fff; font-size: 18px; color: #333333; line-height: 1.5; position: relative; height: 100vh;}
.cnc-banner-three :is(h1,h2,h3,h4,h5,h6){margin-top: 0; margin-bottom: 15px; line-height: 1;}
.cnc-banner-three p{margin-bottom: 20px; margin-top: 0;}
.cnc-banner-three p:last-child{margin-bottom: 0;}
.cnc-banner-three a{color: #005BC5; text-decoration: none;}
.cnc-banner-three a:hover{color: #333333;}
.cnc-banner-three h2, .cnc-banner-three .cnc-main-title{font-size: 70px; text-transform: capitalize; letter-spacing: 8px; line-height: 1.2;color: #fff;}
.cnc-banner-three .btn{color: #fff; font-size: 20px; padding: 15px 36px; display: inline-flex; border: 2px solid #fff;}
.cnc-banner-three .btn .arrow {margin-left: 10px;display: inline-flex;}
.cnc-banner-three .btn .arrow svg {width: 30px;height: 30px;}
.cnc-banner-three .btn:hover{background-color: #fff; color: #333;}

.cnc-banner-three .banner-container{pointer-events: none;width: 100%; max-width: 1430px; padding-left: 15px; padding-right: 15px; margin: 0 auto; position: relative; z-index: 1; height: 100%; display: flex; align-items: center; padding: 100px 20px; min-height: 900px;}
.cnc-banner-three .swiper-slide{width: 100vw; background-repeat: no-repeat; background-size: cover; background-position: center;}
.cnc-banner-three .banner-slider-row{position: absolute; top: 0; left: 0; width: 100%; height: 100vh;}
.cnc-banner-three .banner-content{pointer-events: none; color: #fff; width: 100%; max-width: 50%;}
.cnc-banner-three .swiper-slide-active .banner-content > * {pointer-events: auto;}
.cnc-banner-three .banner-content p{margin-bottom: 50px;}
.cnc-banner-three .swiperButtons{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);display:flex;justify-content:space-between;width:100%;padding:0 15px; pointer-events: none;}
.cnc-banner-three .swiperButtons .swiper-button{border:2px solid #fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center; pointer-events: auto; cursor: pointer;transition: all 0.5s;}
.cnc-banner-three .swiperButtons .swiper-button:hover {background-color:#fff;}
.cnc-banner-three .swiperButtons .swiper-button:hover svg{fill:#000;}
.cnc-banner-three .swiperButtons .swiper-button svg{fill:#fff;}
.cnc-banner-three .swiper-pagination{position:absolute;bottom:20px;left:0;z-index:2;}
.cnc-banner-three .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background-color:#fff;opacity:0.5;border-radius:50%;}
.cnc-banner-three .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}

@media (max-width:1600px){
    .cnc-banner-three .swiperButtons {
        top: 88%;
        transform: translateX(-50%);
        max-width: 1430px;
        gap: 20px;
        justify-content: center;
    }
}
@media (max-width:1199px){
    .cnc-banner-three .banner-content{max-width: 70%;}
    .cnc-banner-three h2, .cnc-banner-three .cnc-main-title{font-size: 50px;letter-spacing: 5px; }
}

@media (max-width:767px){
    .cnc-banner-three{padding: 70px 0;}
    .cnc-banner-three .banner-content{max-width: 100%;}
    .cnc-banner-three h2, .cnc-banner-three .cnc-main-title{font-size: 24px; letter-spacing: 3px;}
    .cnc-banner-three .btn{padding: 8px 28px;}
}
.cnc-iframe-video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 0;
}
@media (min-aspect-ratio: 16/9) {
    .cnc-iframe-video-bg {
        height: 56.25vw;
    }
}
@media (max-aspect-ratio: 16/9) {
    .cnc-iframe-video-bg {
        width: 177.78vh;
    }
}

.cnc-banner-three .swiper-navigation { pointer-events: auto; }