.cnc-process-section.cnc-process-section-layout5 { padding: 100px 0;}
.cnc-process-section.cnc-process-section-layout5 .container { max-width: 1440px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
.cnc-process-section.cnc-process-section-layout5 .title-wrapper { margin: 0 auto 30px auto; max-width: 640px; text-align: center;}
.cnc-process-section.cnc-process-section-layout5 .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-layout5 .title-wrapper :is(p) {color: #323232; text-align: center; font-size: 20px; font-weight: 400; line-height: 1.5;margin: 0;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper {position: relative;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider{padding-top: 42.5px;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide{height: auto;overflow: visible;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-active{z-index: 3;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next{z-index: 2;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next + .swiper-slide{z-index: 1;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin{padding: 0 50px 30px 30px;box-sizing: border-box;position: relative;clip-path: polygon(0 -30%, 90% 0%, 100% 50%, 90% 100%, 0 100%);height: 100%;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-active .colin{background-color:#ECF5FF;z-index: 3;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next .colin{background-color:#A7D1FF;z-index: 2;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next + .swiper-slide .colin{background-color:#005BC5;z-index: 1;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next + .swiper-slide .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next + .swiper-slide .colin:last-child :is(p){color: #fff;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next .colin , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next + .swiper-slide .colin{margin-left: -50px;padding: 0 50px 30px 75px;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin span{display: inline-flex;justify-content: center;background-color: #fff; border: 2px solid #005BC5; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);width: 85px;height: 85px;border-radius: 50%;padding: 20px;box-sizing: border-box;position: relative;margin-top: -40.5px;margin-bottom: 25px;align-items: center;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin span img{max-width: 100%;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin span svg{width: 100%;height: auto;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin span svg path{fill: #005BC5;stroke: #005BC5;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin span i{font-size: 40px;color: #005BC5;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .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;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin :is(p){color: #323232;margin: 0; font-size: 16px; font-weight: 400; line-height: 1.5;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next{ width: 40px; height: 40px; border-radius: 50%; background-color: #005AC3; transition: all 0.3s ease-in-out; box-sizing: border-box;padding: 10px;border: 1px solid #fff;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);margin: 0;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev::after , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next::after{display: none;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev img , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next img{max-width: 100%;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev svg, .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next svg {width: 100%;height: auto;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev svg path, .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next svg path{fill: #ffffff;stroke: #ffffff;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev i, .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next i{font-size: 16px;color: #ffffff;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next{right: -20px;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev{left: -20px;}
.cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev:hover, .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next:hover , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev:focus , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next:focus { background-color: #02357e; border-color: #02357e;}
.cnc-process-section.cnc-process-section-layout5 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-process-section.cnc-process-section-layout5 .title-wrapper :is(p):not(:last-child) , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin :is(p):not(:last-child){margin: 0 0 10px;}

@media (max-width:1600px) {
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin { padding: 0 50px 30px 40px;}
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev{left: -16px;}
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next{right: -16px;} 
}
@media (max-width:1199px) {
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin { padding: 0 40px 20px;}
}
@media (max-width:1024px) {
    .cnc-process-section.cnc-process-section-layout5 { padding: 50px 0; }
    .cnc-process-section.cnc-process-section-layout5 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){ font-size: 40px; }
    .cnc-process-section.cnc-process-section-layout5 .title-wrapper :is(p) { font-size: 18px; }
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 22px;}
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin :is(p){font-size: 15px;}
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next{ width: 40px; height: 40px;padding: 8px;} 
}

@media (max-width:991px) {
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next + .swiper-slide .colin{ margin-left: 0;}
}
@media (max-width:767px) {
    .cnc-process-section.cnc-process-section-layout5 { padding: 30px 0; }
    .cnc-process-section.cnc-process-section-layout5 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6){ font-size: 30px; }
    .cnc-process-section.cnc-process-section-layout5 .title-wrapper :is(p) { font-size: 16px; }
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider {margin-top: 40px;}
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next .colin , .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next + .swiper-slide .colin{ padding: 0 40px 20px 40px; }
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .swiper-slide.swiper-slide-next .colin{margin-left: 0;}
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin span { width: 70px; height: 70px; padding: 14px;}
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 20px;}
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .step-slider .colin :is(p){font-size: 14px;}
    .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-prev, .cnc-process-section.cnc-process-section-layout5 .process-wrapper .step-wrapper .swiper-button-next{ width: 36px; height: 36px; }
}