.cnc-features-section.cnc-features-section-layout4{padding:100px 0;background-color: #fff;overflow: hidden;}
.cnc-features-section.cnc-features-section-layout4 .container{max-width:1430px;margin:0 auto;padding:0 15px;box-sizing: border-box;}
.cnc-features-section.cnc-features-section-layout4 .top-col{margin-bottom: 60px;display: flex;flex-wrap: wrap;align-items: flex-start;gap: 20px;justify-content: space-between;}
.cnc-features-section.cnc-features-section-layout4 .top-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){color: #005BC5; font-size: 48px; font-weight: 700; line-height: normal;margin: 0;max-width: 25%;}
.cnc-features-section.cnc-features-section-layout4 .top-col .info{max-width: 70%;}
.cnc-features-section.cnc-features-section-layout4 .top-col .info :is(p){color: #000727; font-size: 20px; font-weight: 400; line-height: normal;margin: 0;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper.full-wrapper .faq-col , .cnc-features-section.cnc-features-section-layout4 .features-wrapper.full-wrapper .img-col{max-width: 100%;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper.full-wrapper .setting-arrow {left: -20px;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col{max-width: 565px;width: 100%;counter-reset: section;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq {border-radius: 10px; border: 1px solid #DADADA; background: #FFF;padding: 30px;position: relative;cursor: pointer;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq.active{background: #CDE1F8 !important ;border-color: transparent;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq.active span{opacity: 1;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq.active .answercont .answer :is(p){color: #323232 !important;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq span svg path {fill: #005BC5;stroke: #005BC5;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq.active span svg path{fill: #005BC5 !important;stroke: #005BC5 !important;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq:not(:last-child) {margin-bottom: 20px;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq::before { content: counter(section); counter-increment: section; position: absolute; z-index: 2;color: #323232; font-size: 32px; font-weight: 700; line-height: normal;width: 42px;height: 42px;background-color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;padding: 10px;box-sizing: border-box;top: -8px;right: -7px;border-left: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;border-top: 1px solid #fff;border-right: 1px solid #fff;transition: all 0.3s ease;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq span{position: absolute;width: 42px;height: 42px;background-color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;box-sizing: border-box;top: -8px;right: -7px;z-index: 2;opacity: 0;transition: all 0.3s ease;padding: 10px;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq span img{max-width: 100%;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq span svg , .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq span i{width: 100%;height: 100%;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){color: #323232;margin: 0; font-size: 24px; font-weight: 700; line-height: normal;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq.active :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){margin-bottom: 10px;color: #005BC5 !important;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq .answercont{display: none;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq .answercont .answer :is(p){color: #323232; font-size: 16px; font-weight: 400; line-height: normal;margin: 0; }
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .img-col{max-width: 608px;width: 100%;box-sizing: border-box;position: relative;background-repeat: no-repeat;;border-radius: 20px; border: 10px solid #CDE1F8;background-size: cover;min-height: 572px;display: flex ; justify-content: flex-end; align-items: flex-end;padding: 20px;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .setting-arrow{position: absolute;width: 120px;height: 120px;border-radius: 20px; background: rgba(0, 91, 197, 0.30); backdrop-filter: blur(4px);padding: 20px 15px;display: flex;justify-content: center;align-items: center;box-sizing: border-box;left: -50px; top: -40px;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .setting-arrow img{max-width: 100%;width: 100%;height: 100%;object-fit: contain;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .setting-arrow svg , .cnc-features-section.cnc-features-section-layout4 .features-wrapper .setting-arrow i{width: 100%;height: 100%;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .content{max-width: 348px; min-height: 120px;border-radius: 20px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.00) 100%); backdrop-filter: blur(4px);box-sizing: border-box;padding: 16px 27px 16px 38px;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){color: #FFF; text-align: right; font-size: 32px; font-weight: 700; line-height: normal;margin: 0;}
.cnc-features-section.cnc-features-section-layout4 .top-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-features-section.cnc-features-section-layout4 .top-col .info :is(p):not(:last-child) , .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq .answercont .answer :is(p):not(:last-child) , .cnc-features-section.cnc-features-section-layout4 .features-wrapper .content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child){margin: 0 0 10px;}

@media (max-width:1440px) {
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col , .cnc-features-section.cnc-features-section-layout4 .features-wrapper .img-col { max-width: calc(50% - 44px);}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .img-col{min-height: 47.7vw;}
.cnc-features-section.cnc-features-section-layout4 .features-wrapper .content { max-width: 330px;}
}
@media (max-width:1199px) {
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col, .cnc-features-section.cnc-features-section-layout4 .features-wrapper .img-col { max-width: calc(50% - 38px); }
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq { padding: 24px 40px 24px 24px}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .setting-arrow { width: 100px; height: 100px;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .content { max-width: 280px;min-height: 100px;} 
}
@media (max-width:1024px) {
  .cnc-features-section.cnc-features-section-layout4 { padding: 50px 0;}
  .cnc-features-section.cnc-features-section-layout4 .top-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 40px;}
  .cnc-features-section.cnc-features-section-layout4 .top-col .info :is(p) {font-size: 18px;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq::before , .cnc-features-section.cnc-features-section-layout4 .features-wrapper .content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 28px;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 22px;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq .answercont .answer :is(p) {font-size: 15px;}
}

@media (max-width:991px) {
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col{max-width: 100%;margin-bottom: 40px;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .img-col { min-height: 74.5vw; max-width: 100%;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .setting-arrow {left: -20px;top: -20px;}
}
@media (max-width:767px) {
  .cnc-features-section.cnc-features-section-layout4 { padding: 30px 0; }
  .cnc-features-section.cnc-features-section-layout4 .top-col{margin-bottom: 30px;gap: 0;}
  .cnc-features-section.cnc-features-section-layout4 .top-col :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 30px; max-width: 100%;}
  .cnc-features-section.cnc-features-section-layout4 .top-col .info{max-width: 100%;}
  .cnc-features-section.cnc-features-section-layout4 .top-col .info :is(p){font-size: 16px;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq { padding: 20px 45px 20px 20px; }
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq::before , .cnc-features-section.cnc-features-section-layout4 .features-wrapper .content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 24px;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 20px;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .faq-col .single-faq .answercont .answer :is(p) { font-size: 14px; }
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .img-col {border-radius: 10px;padding: 10px;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .setting-arrow { width: 80px; height: 80px; padding: 12px;}
  .cnc-features-section.cnc-features-section-layout4 .features-wrapper .content { max-width: 220px;min-height: 90px;border-radius: 10px;}
}