.cnc-process-section.cnc-process-section-layout1 { padding: 100px 0; }
.cnc-process-section.cnc-process-section-layout1 .container { max-width: 1430px; width: 100%; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.cnc-process-section.cnc-process-section-layout1 .title-wrapper { margin: 0 auto 30px auto; max-width: 950px; text-align: center;}
.cnc-process-section.cnc-process-section-layout1 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {color: #000727; font-size: 48px; line-height: normal;font-weight: 700; margin: 0; } 
.cnc-process-section.cnc-process-section-layout1 .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-layout1 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-process-section.cnc-process-section-layout1 .title-wrapper :is(p):not(:last-child) , .cnc-process-section.cnc-process-section-layout1 .timeline ul li .content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6):not(:last-child) , .cnc-process-section.cnc-process-section-layout1 .timeline ul li .content :is(p):not(:last-child){margin: 0 0 10px 0;}
.cnc-process-section.cnc-process-section-layout1 .timeline { position: relative; }
.cnc-process-section.cnc-process-section-layout1 .timeline .default-line { position: absolute; left: 50%; transform: translateX(-50%); background: transparent; border-right: 1px dashed #000; }
.cnc-process-section.cnc-process-section-layout1 .timeline .draw-line { width: 4px; height: 0; position: absolute; left: 50%; transform: translateX(-50%); background: #005BC5; }
.cnc-process-section.cnc-process-section-layout1 .timeline ul { counter-reset: section; position: relative; margin: 0; padding: 0; }
.cnc-process-section.cnc-process-section-layout1 .timeline ul li { list-style-type: none; position: relative; display: flex;justify-content: space-between;}
.cnc-process-section.cnc-process-section-layout1 .timeline ul li:nth-child(even){flex-direction: row-reverse;}
.cnc-process-section.cnc-process-section-layout1 .timeline ul li:not(:last-child) { margin-bottom: 48px; }
.cnc-process-section.cnc-process-section-layout1 .timeline ul li:before { content: counter(section); counter-increment: section; position: absolute; z-index: 9; left: 50%; top: 3px; transform: translateX(-50%); color: #000727; font-size: 18px; font-weight: 500; line-height: normal; text-align: center; }
.cnc-process-section.cnc-process-section-layout1 .timeline ul li::after { content: ""; width: 31px; height: 31px; border-radius: 100%; position: absolute; left: 50%; transform: translateX(-50%); background-color: transparent; top: 0px; border: 1px solid #000; background-color: #fff; box-sizing: border-box;}
.cnc-process-section.cnc-process-section-layout1 .timeline ul li.in-view::before { color: #FFF; font-size: 21px; font-weight: 700; top: 5px; }
.cnc-process-section.cnc-process-section-layout1 .timeline ul li.in-view::after { border-color: #005BC5; background-color: #005BC5; width: 40px;height: 40px;}
.cnc-process-section.cnc-process-section-layout1 .timeline ul li .icon-wrapper{justify-content: flex-start;align-items: flex-start;max-width: calc(50% - 62px); width: 100%;display: flex;}
.cnc-process-section.cnc-process-section-layout1 .timeline ul li .icon {width: 70px;height: 70px;}
.cnc-process-section.cnc-process-section-layout1 .timeline ul li:nth-child(odd) .icon-wrapper{justify-content: flex-end; }
.cnc-process-section.cnc-process-section-layout1 .timeline ul li .icon img , .cnc-process-section.cnc-process-section-layout1 .timeline ul li .icon svg { width: 100%;height: 100%;object-fit: contain;}
.cnc-process-section.cnc-process-section-layout1 .timeline ul li .icon svg path{fill: #000727;stroke: #000727;}
.cnc-process-section.cnc-process-section-layout1 .timeline ul li .icon i{font-size: 70px;    color: #000727;}
.cnc-process-section.cnc-process-section-layout1 .timeline ul li .content {width: 100%; }
.cnc-process-section.cnc-process-section-layout1 .timeline ul li .content { max-width: calc(50% - 62px); }
.cnc-process-section.cnc-process-section-layout1 .timeline ul li:nth-child(even) .content {text-align: right; }
.cnc-process-section.cnc-process-section-layout1 .timeline ul li .content :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-layout1 .timeline ul li .content :is(p) { color: #323232; font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0;}
@media (max-width:1440px) {
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li .content , .cnc-process-section.cnc-process-section-layout1 .timeline ul li .icon-wrapper { max-width: calc(50% - 50px); }
}
@media (max-width:1199px) {
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li .content , .cnc-process-section.cnc-process-section-layout1 .timeline ul li .icon-wrapper { max-width: calc(50% - 40px); }
}
@media (max-width:1024px) {
    .cnc-process-section.cnc-process-section-layout1 {padding: 50px 0;}
    .cnc-process-section.cnc-process-section-layout1 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 40px;}
    .cnc-process-section.cnc-process-section-layout1 .title-wrapper :is(p){font-size: 18px;}
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li .content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 22px;}
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li .content :is(p){font-size: 15px;}
}
@media (max-width:767px) {
    .cnc-process-section.cnc-process-section-layout1 {padding: 30px 0;}
    .cnc-process-section.cnc-process-section-layout1 .title-wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 30px;}
    .cnc-process-section.cnc-process-section-layout1 .title-wrapper :is(p){font-size: 16px;}
    .cnc-process-section.cnc-process-section-layout1 .timeline .default-line , .cnc-process-section.cnc-process-section-layout1 .timeline .draw-line , .cnc-process-section.cnc-process-section-layout1 .timeline ul li:before , .cnc-process-section.cnc-process-section-layout1 .timeline ul li:after{left: 10px;}
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li {flex-wrap: wrap;padding-left: 44px;}
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li:not(:last-child) { margin-bottom: 30px; }
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li .icon-wrapper {margin-bottom: 16px;}
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li:nth-child(odd) .icon-wrapper , .cnc-process-section.cnc-process-section-layout1 .timeline ul li:nth-child(even) .icon-wrapper , .cnc-process-section.cnc-process-section-layout1 .timeline ul li:nth-child(odd) .content , .cnc-process-section.cnc-process-section-layout1 .timeline ul li:nth-child(even) .content{max-width: 100%;justify-content: flex-start;}
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li:nth-child(even) .content {text-align: left;}
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li .content :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {font-size: 20px;}
    .cnc-process-section.cnc-process-section-layout1 .timeline ul li .content :is(p){font-size: 14px;}
}