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

.cnc-banner-two .banner-container{width: 100%; max-width: 1430px; padding-left: 15px; padding-right: 15px; margin: 0 auto; position: relative; z-index: 2; margin-top: -215px;}
.cnc-banner-two .banner-slider-row{position: absolute; top: 0; left: 0; width: 100vw; height: 100vh;}
.cnc-banner-two .banner-content{color: #fff; width: 100%; max-width: 50%;}
.cnc-banner-two .mySwiper2 .swiper-slide { pointer-events: none; }
.cnc-banner-two .mySwiper2 .swiper-slide-active { pointer-events: auto; }
.cnc-banner-two .banner-content p{margin-bottom: 50px;}
.cnc-banner-two .banner-content .playButton{display: flex; align-items: center; font-size: 18px;cursor: pointer;}
.cnc-banner-two .banner-content .playButton svg{margin-left: 20px;}

.cnc-banner-two .swiperButtons{display: flex; align-items: center; position: absolute; bottom: 0; left: 0; gap: 20px;}
.cnc-banner-two .swiperButtons .swiper-button { display: flex; align-items: center;justify-content: center; border-radius: 50%; width: 50px; height: 50px;border: 2px solid #fff; cursor: pointer;}
.cnc-banner-two .swiperButtons .swiper-button.swiper-button-disabled{opacity: 0.7;pointer-events: none;}
.cnc-banner-two .swiperButtons .swiper-button:hover{background-color: #fff; transition: 0.3s;}

/* Default SVG Colors */
.cnc-banner-two .swiperButtons .swiper-button svg circle { stroke: #ffffff; transition: 0.3s; }
.cnc-banner-two .swiperButtons .swiper-button svg path, .cnc-banner-two .swiperButtons .swiper-button i { fill: #ffffff; color: #ffffff; transition: 0.3s; }
.cnc-banner-two .swiperButtons .swiper-button:hover svg path{fill: #333333; transition: 0.3s;}

.cnc-banner-two .swiper-slide {font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; background-size: cover; background-position: center;}

.cnc-banner-two .mySwiper2{height: 100vh; width: 100%;}
.cnc-banner-two .mySwiper2 .swiper-slide{width: 100vw; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}
.cnc-banner-two .mySwiper2 .swiper-slide::before{content: ''; width: 100%; height: 100%; background-color: rgb(0 0 0 / 30%); top: 0; left: 0;position: absolute; z-index: 2; pointer-events: none;}
.cnc-banner-two .mySwiper2 .swiper-slide h2, .cnc-banner-two .mySwiper2 .swiper-slide .cnc-main-title{font-size: 70px;text-transform: uppercase; letter-spacing: 3px; line-height: 1.3;}
.cnc-banner-two .mySwiper2 .swiper-slide h2 span, .cnc-banner-two .mySwiper2 .swiper-slide .cnc-main-title span{display: block; font-weight: 300; text-transform: capitalize;}
.cnc-banner-two .mySwiper2 .swiper-slide .bannerVideo{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 1;}

.cnc-banner-two .mySwiper .banner-container{ margin-top: -215px;}
.cnc-banner-two .mySwiper .swiper-slide svg{display: block; width: 100%; height: 100%; object-fit: cover; }
.cnc-banner-two .mySwiper .swiper-slide img{display: block; width: 100%; height: 100%; object-fit: cover; }
.cnc-banner-two .mySwiper{box-sizing: border-box; height: 185px; width: 100%; max-width: 1000px;}
.cnc-banner-two .mySwiper .swiper-slide{border-radius: 10px; overflow: hidden; position: relative; cursor: pointer;}
.cnc-banner-two .mySwiper .swiper-slide::before {content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; pointer-events: none;}
.cnc-banner-two .mySwiper .thumbContent { display: flex; align-items: center; position: absolute; color: #fff; bottom: 0px; left: 0px; padding: 20px; z-index: 2;} 
.cnc-banner-two .mySwiper .thumbContent .pIcon { width: 30px; margin-right: 14px; } 
.cnc-banner-two .mySwiper .thumbContent h6, .cnc-banner-two .mySwiper .thumbContent .cnc-thumb-title { margin-bottom: 0; text-transform: capitalize; font-size: 18px; font-weight: normal; line-height: 1.1; } 
.cnc-banner-two .mySwiper .thumbContent h6 span, .cnc-banner-two .mySwiper .thumbContent .cnc-thumb-title span { display: block; font-size: 10px; }

@media (max-width:1440px){
    .cnc-banner-two .mySwiper{height: 150px; max-width: 900px;}
    .cnc-banner-two .swiperButtons{padding-left: 15px;}
}

@media (max-width:1199px){
    .cnc-banner-two .banner-content{pointer-events: auto;max-width: 70%;}
    .cnc-banner-two h1{font-size: 50px;letter-spacing: 5px;}
    .cnc-banner-two .mySwiper { height: 150px; max-width: 800px; margin-right: 0; }
    .cnc-banner-two .banner-container{margin-top: -180px;}
    .cnc-banner-two .mySwiper2 .swiper-slide h2, .cnc-banner-two .mySwiper2 .swiper-slide .cnc-main-title{font-size: 50px; margin-bottom: 30px;}
}

@media (max-width:991px){
    .cnc-banner-two .mySwiper{max-width: 500px;}
    .cnc-banner-two .mySwiper2 .swiper-slide h2, .cnc-banner-two .mySwiper2 .swiper-slide .cnc-main-title{font-size: 40px;}
    .cnc-banner-two .banner-content{max-width: 100%;}
    .cnc-banner-two .banner-content .playButton{font-size: 16px;}
}

@media (max-width:767px){
    .cnc-banner-two .mySwiper2 .swiper-slide h2, .cnc-banner-two .mySwiper2 .swiper-slide .cnc-main-title{font-size: 30px;}
    .cnc-banner-two .banner-content .playButton{font-size: 14px;}
    .cnc-banner-two .banner-content .playButton svg, .cnc-banner-two .swiperButtons .swiper-button svg{width: 30px;height: 30px;}
    .cnc-banner-two .swiperButtons {gap: 10px;}
    .cnc-banner-two .mySwiper{height: 120px;max-width: calc(100% - 100px);}
    .cnc-banner-two .swiperButtons .swiper-button{width:36px;height:36px;}
    .cnc-banner-two .mySwiper .thumbContent{padding: 10px;}
    .cnc-banner-two .mySwiper .thumbContent h6, .cnc-banner-two .mySwiper .thumbContent .cnc-thumb-title{font-size: 14px;}
    .cnc-banner-two .mySwiper .thumbContent h6 span, .cnc-banner-two .mySwiper .thumbContent .cnc-thumb-title span{font-size: 8px;}
    .cnc-banner-two .mySwiper .thumbContent .pIcon { width: 24px; margin-right: 8px; }
    .cnc-banner-two .mySwiper{margin-right: -15px;}
}
.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-two .swiperButtons { pointer-events: auto; }