*{box-sizing:border-box;margin:0;padding:0;}
.cnc-banner-layout-4 *{box-sizing:border-box;}
.cnc-banner-layout-4 :is(h1,h2,h3,h4,h5,h6,p){margin:0;padding:0;}
.cnc-banner-layout-4{font-size:20px;width:100%;height: 100vh; display:flex;align-items:center;justify-content:center;background-image:url('https://oneclickblocks.pro/wp-content/uploads/plugin-assets/images/hero-banner/bg-layout-4.png');background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;}
.cnc-banner-layout-4 .cnc-banner-container{width:100%;max-width:1430px;padding:0 15px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:60px;}
.cnc-banner-layout-4 .cnc-banner-text-col{display:flex;flex-direction:column;align-items:flex-start;flex:1;}
.cnc-banner-layout-4 .cnc-banner-tagline{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:16px;}
.cnc-banner-layout-4 .cnc-banner-title{line-height:normal;color:#323232;font-size:48px;font-style:normal;font-weight:700;margin-bottom:10px;}
.cnc-banner-layout-4 .cnc-banner-title span.cnc-highlight{color:#0c65e8;}
.cnc-banner-layout-4 .cnc-banner-subtext-bold{font-size:18px;font-weight:600;color:#334155;margin-bottom:16px;}
.cnc-banner-layout-4 .cnc-banner-description{font-size:18px;color:#64748b;margin-bottom:36px;max-width:580px;}
.cnc-banner-layout-4 .cnc-banner-actions{display:flex;align-items:center;gap:16px;margin-top:12px;margin-bottom:24px;}
.cnc-banner-layout-4 .cnc-btn-primary,.cnc-banner-layout-4 .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-4 .cnc-btn-primary{color:#ffffff;background-color:#0c65e8;border:1.5px solid transparent;}
.cnc-banner-layout-4 .cnc-btn-primary:hover{background-color:#0252c5;transform:translateY(-2px);color:#fff;}
.cnc-banner-layout-4 .cnc-btn-secondary{color:#0c65e8;background-color:transparent;border:1.5px solid #0c65e8;}
.cnc-banner-layout-4 .cnc-btn-secondary:hover{background-color:rgba(12,101,232,0.05);transform:translateY(-2px);color:#0c65e8;}
.cnc-banner-layout-4 .cnc-btn-primary :is(svg,img,i,.arrow), .cnc-banner-layout-4 .cnc-btn-secondary :is(svg,img,i,.arrow){width:16px;height:16px;object-fit:contain;display:inline-flex;justify-content: center; flex-shrink:0;transition: all 0.3s ease-in-out; position: relative; left: 0;align-items: center;}
.cnc-banner-layout-4 .cnc-btn-primary.cnc-icon-left,.cnc-banner-layout-4 .cnc-btn-secondary.cnc-icon-left{flex-direction:row-reverse;}
.cnc-banner-layout-4 .cnc-btn-primary.cnc-icon-right,.cnc-banner-layout-4 .cnc-btn-secondary.cnc-icon-right{flex-direction:row;}
/* Subtle icon hover transitions */
.cnc-banner-layout-4 .cnc-btn-primary:hover :is(svg,img,i,.arrow), .cnc-btn-secondary:hover :is(svg,img,i,.arrow){left: 5px;}
.cnc-banner-layout-4 .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-4 .cnc-banner-image-col{display:flex;justify-content:center;align-items:center;flex:1;}
.cnc-banner-layout-4 .cnc-banner-image-wrapper{width:100%;max-width:620px;}
.cnc-banner-layout-4 .cnc-banner-img{width:100%;height:auto;display:block;}

/* Tablet (1024) */
@media (max-width:1024px){.cnc-banner-layout-4 .cnc-banner-container{gap:40px;}
.cnc-banner-layout-4 .cnc-banner-title{line-height:normal;font-size:40px;}
}
/* Mobile (767) */
@media (max-width:767px){.cnc-banner-layout-4 .cnc-banner-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;}
.cnc-banner-layout-4 .cnc-banner-image-col{width:100%;display:flex;justify-content:center;align-items:center;order:1;flex:none;}
.cnc-banner-layout-4 .cnc-banner-image-wrapper{width:100%;max-width:380px;}
.cnc-banner-layout-4 .cnc-banner-text-col{width:100%;order:2;align-items:flex-start;text-align:left;flex:none;}
.cnc-banner-layout-4 .cnc-banner-tagline{font-size:15px;margin-bottom:6px;}
.cnc-banner-layout-4 .cnc-banner-title{line-height:normal;font-size:30px;margin-bottom:10px;}
.cnc-banner-layout-4 .cnc-banner-subtext-bold{font-size:14px;margin-bottom:10px;}
.cnc-banner-layout-4 .cnc-banner-description{font-size:13px;margin-bottom:16px;}
.cnc-banner-layout-4 .cnc-banner-actions{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:16px;margin-bottom:16px;}
.cnc-banner-layout-4 .cnc-btn-primary,.cnc-banner-layout-4 .cnc-btn-secondary{font-size:14px;padding: 12px 20px;width:100%;justify-content:center;}
}