*{box-sizing:border-box;margin:0;padding:0;}
.cnc-banner-layout-5 *{box-sizing:border-box;}
.cnc-banner-layout-5 {font-size:20px;width:100%;padding:100px 0;display:flex;align-items:center;justify-content:center;background-image:url('https://oneclickblocks.pro/wp-content/uploads/plugin-assets/images/hero-banner/bg-layout-5.png');background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;overflow:hidden;}
.cnc-banner-layout-5 :is(h1,h2,h3,h4,h5,h6,p){margin:0;padding:0;}
.cnc-banner-layout-5 .cnc-banner-container{width:100%;background:transparent;border-radius:0;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:60px;box-sizing:border-box;box-shadow:none;max-width:1430px;margin:0 auto;}
.cnc-banner-layout-5 .cnc-banner-text-col{flex:1;display:flex;flex-direction:column;align-items:flex-start;}
.cnc-banner-layout-5 .cnc-banner-title{line-height:normal;font-size:48px;font-style:normal;font-weight:700;letter-spacing:-1.44px;color:#1e293b;margin-bottom:10px;}
.cnc-banner-layout-5 .cnc-banner-title span.cnc-highlight{color:#005BC5;}
.cnc-banner-layout-5 .cnc-banner-description{color:#323232;font-size:20px;font-style:normal;font-weight:400;margin-bottom:36px;max-width:580px;}
.cnc-banner-layout-5 .cnc-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;}
.cnc-banner-layout-5 .cnc-btn-primary,.cnc-banner-layout-5 .cnc-btn-secondary{font-size:16px;font-weight:700;padding:16px 32px;border-radius:50px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all 0.2s ease;cursor:pointer;box-sizing:border-box;}
.cnc-banner-layout-5 .cnc-btn-primary{color:#ffffff;background-color:#005BC5;border:1.5px solid transparent;}
.cnc-banner-layout-5 .cnc-btn-primary:hover{background-color:#004ba2;transform:translateY(-2px);color:#fff;}
.cnc-banner-layout-5 .cnc-btn-secondary{color:#005BC5;background-color:transparent;border:1.5px solid #005BC5;}
.cnc-banner-layout-5 .cnc-btn-secondary:hover{background-color:rgba(0,91,197,0.05);transform:translateY(-2px);color:#005BC5;}
.cnc-banner-layout-5 .cnc-btn-primary :is(svg,img,i,.arrow), .cnc-banner-layout-5 .cnc-btn-secondary :is(svg,img,i,.arrow){width:16px;height:16px;object-fit:contain;display:inline-flex;flex-shrink:0;transition: all 0.3s ease-in-out; position: relative; left: 0;justify-content: center;align-items: center;}
.cnc-banner-layout-5 .cnc-btn-primary.cnc-icon-left,.cnc-banner-layout-5 .cnc-btn-secondary.cnc-icon-left{flex-direction:row-reverse;}
.cnc-banner-layout-5 .cnc-btn-primary.cnc-icon-right,.cnc-banner-layout-5 .cnc-btn-secondary.cnc-icon-right{flex-direction:row;}
.cnc-banner-layout-5 .cnc-btn-primary:hover :is(svg,img,i,.arrow), .cnc-btn-secondary:hover :is(svg,img,i,.arrow){left: 5px;}
.cnc-banner-layout-5 .cnc-btn-primary.cnc-icon-left:hover :is(svg,img,i,.arrow), .cnc-btn-secondary.cnc-icon-left:hover :is(svg,img,i,.arrow){left: -5px;}
.cnc-banner-layout-5 .cnc-banner-image-col{flex:1;display:flex;justify-content:center;align-items:center;}
.cnc-banner-layout-5 .cnc-banner-image-wrapper{position:relative;width:100%;max-width:540px;height:100%;border-radius:0;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.12);line-height:0;}
.cnc-banner-layout-5 .cnc-banner-img{width:100%;height:auto;display:block;}
/* Floating Play Button Overlay */
.cnc-banner-layout-5 .cnc-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,0.15);cursor:pointer;transition:all 0.3s ease;z-index:2;}
.cnc-banner-layout-5 .cnc-play-button:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 12px 30px rgba(0,0,0,0.25);}
.cnc-banner-layout-5 .cnc-play-button :is(svg,img){width:24px;height:24px;margin-left:4px;display:block;}

@media (max-width:1024px){.cnc-banner-layout-5{padding:50px 0;}
.cnc-banner-layout-5 .cnc-banner-container{gap:40px;}
.cnc-banner-layout-5 .cnc-banner-title{line-height:normal;font-size:40px;letter-spacing:-1px;margin-bottom:10px;}
.cnc-banner-layout-5 .cnc-banner-description{font-size:18px;margin-bottom:28px;}
.cnc-banner-layout-5 .cnc-btn-primary,.cnc-banner-layout-5 .cnc-btn-secondary{font-size:15px;padding: 12px 24px;}
.cnc-banner-layout-5 .cnc-banner-image-wrapper{max-width:100%;}
.cnc-banner-layout-5 .cnc-play-button{width:70px;height:70px;top:50%;left:50%;transform:translate(-50%,-50%);}
.cnc-banner-layout-5 .cnc-play-button :is(svg,img){width:20px;height:20px;margin-left:3px;}
}
/* Mobile Responsive Styling based on shared mobile reference */
@media (max-width:767px){.cnc-banner-layout-5{padding:30px 0;height:auto;display:block;}
.cnc-banner-layout-5 .cnc-banner-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:40px;height:auto;width:100%;max-width:100%;padding:0 15px;border-radius:0;}
.cnc-banner-layout-5 .cnc-banner-text-col{width:100%;align-items:flex-start;text-align:left;flex-shrink:0;flex:none;}
.cnc-banner-layout-5 .cnc-banner-title{line-height:normal;color:#323232;font-size:30px;font-style:normal;font-weight:700;margin-bottom:10px;}
.cnc-banner-layout-5 .cnc-banner-description{font-size:16px;margin-bottom:24px;}
.cnc-banner-layout-5 .cnc-banner-actions{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:16px;margin-bottom:16px;}
.cnc-banner-layout-5 .cnc-btn-primary,.cnc-banner-layout-5 .cnc-btn-secondary{font-size:14px;padding: 12px 20px;width:100%;justify-content:center;}
.cnc-banner-layout-5 .cnc-banner-image-col{width:100%;display:flex;justify-content:center;align-items:center;flex:none;overflow:hidden;}
.cnc-banner-layout-5 .cnc-banner-image-wrapper{width:100%;max-width:380px;height:auto;position:relative;}
.cnc-banner-layout-5 .cnc-banner-img{width:100%;height:auto;display:block;}
.cnc-banner-layout-5 .cnc-play-button{width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%);}
.cnc-banner-layout-5 .cnc-play-button :is(svg,img){width:18px;height:18px;margin-left:2px;}
}
/* Video Modal Popup Styles */
.cnc-video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;}
.cnc-video-modal.active{display:flex;}
.cnc-video-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);backdrop-filter:blur(8px);}
.cnc-video-modal-content{position:relative;width:90%;max-width:800px;background-color:#000;box-shadow:0 10px 30px rgba(0,0,0,0.5);z-index:1001;animation:videoZoomIn 0.3s ease;}
@keyframes videoZoomIn{from{transform:scale(0.9);opacity:0;}
to{transform:scale(1);opacity:1;}
}
.cnc-video-modal-close{position:absolute;top:-45px;right:0;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;line-height:1;transition:color 0.2s;}
.cnc-video-modal-close:hover{color:#005BC5;background-color:transparent;}
.cnc-video-responsive-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.cnc-video-responsive-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
