.cnc-banner-layout-1 *{box-sizing:border-box;}
.cnc-banner-layout-1 :is(h1,h2,h3,h4,h5,h6,p){margin:0;padding:0;}
.cnc-banner-layout-1{position:relative;padding:100px 15;}
.cnc-banner-layout-1 .cnc-banner-container{position:relative;max-width:1430px;width:100%;margin:0 auto;min-height:800px;background-image:url('https://oneclickblocks.pro/wp-content/uploads/plugin-assets/images/hero-banner/banner1-bg.png');background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 40px;box-sizing:border-box;isolation:isolate;overflow:hidden;}
.cnc-banner-layout-1 .cnc-banner-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.45);border-radius:32px;z-index:1;}
.cnc-banner-layout-1 .cnc-banner-content{position:relative;z-index:2;max-width:1020px;display:flex;flex-direction:column;align-items:center;}
.cnc-banner-layout-1 .cnc-banner-title{font-size:48px;font-weight:700;color:#ffffff;line-height:normal;margin-bottom:10px;letter-spacing:-0.5px;}
.cnc-banner-layout-1 .cnc-banner-subtitle{font-size:20px;font-weight:400;color:rgba(255,255,255,0.9);line-height:normal;max-width:700px;margin:0 auto 10px;}
.cnc-banner-layout-1 .cnc-banner-btn-group{display:inline-flex;flex-wrap: wrap; align-items:center;gap:16px;margin-top:24px;}
.cnc-banner-layout-1 .cnc-banner-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:500;padding:5px 15px 5px 15px;border-radius:40px;text-decoration:none;transition:all 0.3s ease;cursor:pointer;box-sizing:border-box;border:2px solid transparent;}
.cnc-banner-layout-1 .cnc-banner-btn.cnc-btn-primary{background-color:#ffffff;color:#000000;}
.cnc-banner-layout-1 .cnc-banner-btn.cnc-btn-primary:hover{background-color:#f1f5f9;transform:translateY(-2px);}
.cnc-banner-layout-1 .cnc-banner-btn.cnc-btn-secondary{background-color:transparent;color:#ffffff;border:2px solid #ffffff;}
.cnc-banner-layout-1 .cnc-banner-btn.cnc-btn-secondary:hover{background-color:rgba(255,255,255,0.15);transform:translateY(-2px);}
.cnc-banner-layout-1 .cnc-banner-btn :is(svg,img,i,.arrow){margin-left:20px;transition:all 0.3s ease-in-out;position:relative;left:0;width:44px;height:44px;border-radius:50%;box-sizing:border-box;padding:12px;display:inline-flex;vertical-align:middle;flex-shrink:0;}
.cnc-banner-layout-1 .cnc-banner-btn.cnc-btn-primary :is(svg,img,i,.arrow){background-color:#000000;color:#ffffff;}
.cnc-banner-layout-1 .cnc-banner-btn.cnc-btn-primary:hover :is(svg,img,i,.arrow) { background-color:#005ac3;color:#ffffff; left: 5px; }
.cnc-banner-layout-1 .cnc-banner-btn.cnc-btn-secondary :is(svg,img,i,.arrow){background-color:#ffffff;color:#000000;}
.cnc-banner-layout-1 .cnc-banner-btn.cnc-btn-secondary:hover :is(svg,img) {background-color:#005ac3;color:#ffffff; left: 5px;}
.cnc-banner-layout-1 .cnc-banner-btn.cnc-btn-secondary:hover :is(svg,img) {background-color:rgba(255,255,255,0.15);color:#005ac3; left: 5px;}
.cnc-banner-layout-1 .cnc-banner-btn.icon-left{flex-direction:row-reverse;}
.cnc-banner-layout-1 .cnc-banner-btn.icon-right{flex-direction:row;}
.cnc-banner-layout-1 .cnc-banner-btn:hover :is(svg,img,i,.arrow){left:5px;}
.cnc-banner-layout-1 .cnc-banner-btn.icon-left:hover :is(svg,img,i,.arrow){left:-5px;}

/* Tablet (1024) */
@media (max-width:1024px){
    .cnc-banner-layout-1{padding:50px 0;}
    .cnc-banner-layout-1 .cnc-banner-title{line-height:normal;font-size:40px;margin-bottom:10px;}
    .cnc-banner-layout-1 .cnc-banner-subtitle{line-height:normal;font-size:18px;margin-bottom:10px;}
    .cnc-banner-layout-1 .cnc-banner-btn{font-size:18px;}
    .cnc-banner-layout-1 .cnc-banner-btn :is(svg,img,i,.arrow){width:36px;height:36px;margin-left:15px;padding: 10px;}
    .cnc-banner-layout-1 .cnc-banner-container{min-height:600px;padding:50px 15px;}
}

/* Mobile (767) */
@media (max-width:767px){
    .cnc-banner-layout-1{padding:30px 0;}
    .cnc-banner-layout-1 .cnc-banner-title{line-height:normal;font-size:30px;margin-bottom:10px;}
    .cnc-banner-layout-1 .cnc-banner-subtitle{line-height:normal;font-size:16px;margin-bottom:10px;}
    .cnc-banner-layout-1 .cnc-banner-btn{font-size:16px;justify-content:center;}
    .cnc-banner-layout-1 .cnc-banner-btn :is(svg,img,i,.arrow){width:32px;height:32px;margin-left:12px;padding: 10px;}
    .cnc-banner-layout-1 .cnc-banner-container{min-height:500px;border-radius:24px;padding:30px 15px;}
    .cnc-banner-layout-1 .cnc-banner-container::before{border-radius:24px;}
    .cnc-banner-layout-1 .cnc-banner-content{gap:16px;}
    .cnc-banner-layout-1 .cnc-banner-btn-group{width:100%;gap:12px;margin-top:16px;}
}
