.cnc-process-section.cnc-process-section-layout3 { padding: 100px 0;position: relative;z-index: 1;overflow-x: hidden;}
.cnc-process-section.cnc-process-section-layout3::after { content: ""; position: absolute; border-radius: 50%; max-width: 34.5%; height: 84.8%; width: 100%; background: #ECF5FF; right: -12.5%; top: -30px; z-index: -1; }
.cnc-process-section.cnc-process-section-layout3 .container { max-width: 1430px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }
.cnc-process-section.cnc-process-section-layout3 .title-wrapper {  max-width: 358px; margin: 0 0 140px 0; }
.cnc-process-section.cnc-process-section-layout3 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { color: #000727; font-size: 48px; font-weight: 700; line-height: normal;margin: 0; }
.cnc-process-section.cnc-process-section-layout3 .title-wrapper :is(p) {color: #323232; font-size: 20px; font-weight: 400; line-height: 1.5;margin: 0;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper a.btn{text-decoration: none;color: #FFF; text-align: center; font-size: 20px; font-weight: 400; line-height: normal;padding: 15.5px 40.2px;background-color: #005BC5;border-radius: 150px;display: inline-block;transition: all 0.3s ease;margin-bottom: 30px;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper a:hover{background-color: #000;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav{display: flex;gap: 20px;z-index: 10;position: relative;margin-top: 30px;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev , .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-next{ width: 50px; height: 50px; border-radius: 50%; background-color: #005AC3; transition: all 0.3s ease-in-out; box-sizing: border-box;padding: 16px;position: static;margin-top: 0;border: 1px solid #005AC3;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev::after , .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-next::after{display: none;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev img , .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-next img{max-width: 100%;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev svg , .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-next svg{width: 100%;height: auto;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev svg path, .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-next svg path{fill: #ffffff;stroke: #ffffff;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev i, .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-next i{font-size: 16px;color: #ffffff;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev:hover, .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev:focus , .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-next:hover , .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev:focus{ background-color: #02357e; border-color: #02357e;}
.cnc-process-section.cnc-process-section-layout3 .step-col{counter-reset: section;position: relative;}
.cnc-process-section.cnc-process-section-layout3 .step-col .swiper-wrapper{padding-left: 90px;}
.cnc-process-section.cnc-process-section-layout3 .step-col .process{max-width: 90%;width: 100%;margin-top: -24%;position: absolute;left: 0;}
.cnc-process-section.cnc-process-section-layout3 .step-col .process img , .cnc-process-section.cnc-process-section-layout3 .step-col .process svg{width: 100%;height: 100%;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider , .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide{overflow: visible;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .colin{visibility: hidden;transition: all 0.3s ease-in-out;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin{max-width: 327px;width: 100%;box-sizing: border-box;position: relative;margin-top: -120%;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-prev .colin{margin-top: -0%;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-active .colin{visibility: visible;margin-top: 3%;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-next .colin{margin: -25% auto 0 auto;visibility: visible;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-next + .swiper-slide .colin { margin-top: -82%; display: block;visibility: visible;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin::before { content: counter(section); counter-increment: section; position: absolute; z-index: 9; color: rgba(0, 7, 39, 0.12); font-size: 134px; font-weight: 700; line-height: 1;top: -10px; right: 0px;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin .circle{width: 70px;height: 70px;border-radius: 50%;background-color: #fff; filter: drop-shadow(0 0 24px rgba(0, 91, 197, 0.20));margin-bottom: 25px;position: relative;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin .circle::after{content: "";position: absolute;width: 20px;height: 20px;border-radius: 50%;background-color: #005BC5;top: 50%;left: 50%;transform: translate(-50% , -50%);}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){color: #000727; font-size: 24px; font-weight: 700; line-height: 1.21;margin: 0 0 10px 0;    max-width: 80%;}
.cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin :is(p){color: #323232; font-size: 16px; font-weight: 400; line-height: 1.5;margin: 0;}
.cnc-process-section.cnc-process-section-layout3 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-process-section.cnc-process-section-layout3 .title-wrapper :is(p):not(:last-child) , .cnc-process-section.cnc-process-section-layout3 .step-col .colin :is(p) , .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin :is(p):not(:last-child){margin: 0 0 10px;}

@media (max-width:1440px) {
    .cnc-process-section.cnc-process-section-layout3::after {max-width: 30%; height: 60%;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .swiper-wrapper { padding-left: 40px; }
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin { max-width: 300px;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-next .colin { margin: -28% auto 0 auto;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-active .colin {margin-top: -2%; }
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-next + .swiper-slide .colin { margin-top: -86%;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin::before { font-size: 80px; top: 50px;}
}

@media (max-width:1199px) {
    .cnc-process-section.cnc-process-section-layout3::after { max-width: 300px; height: 300px;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin { max-width: 240px; }
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin::before {top: 42px;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin .circle { width: 60px; height: 60px;}
}
@media (max-width:1024px) {
    .cnc-process-section.cnc-process-section-layout3 { padding: 50px 0; }
    .cnc-process-section.cnc-process-section-layout3 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6)  { font-size: 40px; }
    .cnc-process-section.cnc-process-section-layout3 .title-wrapper :is(p) , .cnc-process-section.cnc-process-section-layout3 .title-wrapper a.btn{ font-size: 18px; }
    .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav{margin-top: 20px;}
    .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev , .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-next { width: 40px; height: 40px;padding: 8px;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 22px;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin :is(p){font-size: 15px;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin::before { font-size: 70px;}
}

@media (max-width:991px) {
    .cnc-process-section.cnc-process-section-layout3 .title-wrapper { margin: 0 0 30px 0;max-width: 100%;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .process {display: none;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .swiper-wrapper { padding-left: 0; }
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin { max-width: 100%;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-active .colin, .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-prev .colin , .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-next .colin ,     .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide.swiper-slide-next + .swiper-slide .colin , .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin { margin: 0;}
    .cnc-process-section.cnc-process-section-layout3 .step-col::after{content: "";width: 100%;height: 2px;background-color: #005BC5;position: absolute;inset: 20px 0 auto 0;z-index: 0;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin .circle { width: 40px; height: 40px; }
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin .circle::after { width: 10px; height: 10px; }
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin::before { top: 30px;right: 30px;}
}
@media (max-width:767px) {
    .cnc-process-section.cnc-process-section-layout3 { padding: 30px 0; }
    .cnc-process-section.cnc-process-section-layout3 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { font-size: 30px; }
    .cnc-process-section.cnc-process-section-layout3 .title-wrapper :is(p) , .cnc-process-section.cnc-process-section-layout3 .title-wrapper a.btn{ font-size: 16px; }
    .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-prev , .cnc-process-section.cnc-process-section-layout3 .title-wrapper .slider-nav .swiper-button-next{ width: 36px; height: 36px;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){font-size: 20px;}
    .cnc-process-section.cnc-process-section-layout3 .step-col .step-slider .swiper-slide .colin :is(p){font-size: 14px;}
}