.process-section { width: 100%; position: relative; z-index: 2;}
.process-block { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start;}
.process-block .process-left { width: 33.33333%; position: relative; z-index: 5; padding: 0 64px 0 0;}
.process-block .process-right { width: 66.66667%; position: relative;}
.process-block .process-title { width: 100%; display: block;}
.process-block .process-title h2 { font-family: "Manrope", Sans-serif; font-size: 44px; font-weight: 800; line-height: 1.2em; letter-spacing: 0; color: #ffffff; margin: 0; padding: 0;}
.process-block .process-title h2 strong { display: block; font-weight: 800;}
.process-block .process-title p { font-family: "Manrope", Sans-serif; font-size: 16px; color: #EDEDED; font-weight: 500; line-height: 1.5; margin: 16px 0 0 0; padding: 0;}
.process-block .process-slider { width: 100%; position: relative;}
.process-block .process-slider:before { content: ''; width: 5000px; height: 100%; background: #131313; position: absolute; top: 0; right: 100%; z-index: 4;}
.process-block .process-slider .swiper { overflow: visible;}
.process-block .process-slider .swiper-slide { height: auto;}
.process-block .process-slider .process-slider-item { width: 100%; min-height: 100%; position: relative; display: flex; flex-direction: column; background: #D5C0F0; border-radius: 20px; margin: 0; padding: 32px 32px;}
.process-block .process-slider .process-slider-item .ps-item-meta { width: 100%; display: flex; align-items: center; gap: 12px; margin: 0 0 12px 0;}
.process-block .process-slider .process-slider-item .ps-item-meta .ps-item-num { width: 44px; height: 44px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-family: "Manrope", Sans-serif; font-size: 20px; color: #131313; font-weight: 800; text-align: center; background: rgba(19, 19, 19, 0.2); border-radius: 50%; margin: 0; padding: 0;}
.process-block .process-slider .process-slider-item .ps-item-meta .ps-item-budge { width: auto; display: inline-flex; align-items: center; justify-content: center; font-family: "Manrope", Sans-serif; font-size: 14px; color: #131313; font-weight: 700; text-align: center; line-height: 1.2; background: none; border: 2px solid #131313; border-radius: 50px; margin: 0; padding: 6px 16px;}
.process-block .process-slider .process-slider-item h3 { font-family: "Manrope", Sans-serif; font-size: 32px; font-weight: 800; line-height: 1.2; letter-spacing: 0; color: #000000; margin: 0; padding: 0;}
.process-block .process-slider .process-slider-item p { max-width: 340px; display: block; font-family: "Manrope", Sans-serif; font-size: 18px; color: #2F2F2F; font-weight: 400; line-height: 1.5; margin: 12px 0 0 0; padding: 0;}
/* .process-block .process-slider .swiper-slide:nth-child(5n+1) .process-slider-item { background: #D5C0F0;}
.process-block .process-slider .swiper-slide:nth-child(5n+2) .process-slider-item { background: #D8ED52;}
.process-block .process-slider .swiper-slide:nth-child(5n+3) .process-slider-item { background: #54B1A6;}
.process-block .process-slider .swiper-slide:nth-child(5n+4) .process-slider-item { background: #FFD84C;}
.process-block .process-slider .swiper-slide:nth-child(5n+5) .process-slider-item { background: #FEB591;} */
.process-block .process-slider-nav { width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin: 44px 0 0 0; padding: 0;}
.process-block .process-slider-nav.desktop { display: flex;}
.process-block .process-slider-nav.mobile { display: none;}
.process-block .process-slider-nav .process-swiper-button-prev,
.process-block .process-slider-nav .process-swiper-button-next { width: 48px; height: 48px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #1D1D1D; background: #BBFF03; border: none; border-radius: 50%; box-shadow: none; cursor: pointer; margin: 0; padding: 0;}


@media (min-width:1024px) and (max-width:1200px) {

    .process-block .process-left { padding: 0 32px 0 0;}
    .process-block .process-title h2 { font-size: 44px;}
    .process-block .process-slider .process-slider-item { padding: 24px 24px;}
    .process-block .process-slider .process-slider-item h3 { font-size: 28px;}
    .process-block .process-slider .process-slider-item p { font-size: 18px;}
    .process-block .process-slider-nav { margin: 32px 0 0 0;}

}

@media (max-width:1023px) {

    .process-block .process-left { width: 100%; padding: 0 0 32px 0;}
    .process-block .process-right { width: 100%;}
    .process-block .process-title h2 { font-size: 44px;}
    .process-block .process-title h2 strong { display: inline;}
    .process-block .process-slider:before { display: none;}
    .process-block .process-slider .process-slider-item { padding: 20px 20px;}
    .process-block .process-slider .process-slider-item h3 { font-size: 26px;}
    .process-block .process-slider .process-slider-item p { font-size: 16px;}
    .process-block .process-slider-nav { margin: 32px 0 0 0;}
    .process-block .process-slider-nav.desktop { display: none;}
    .process-block .process-slider-nav.mobile { display: flex;}

}

@media (max-width:767px) {

    .process-block .process-title h2 { font-size: 34px;}
    .process-block .process-slider .swiper { overflow: hidden; margin: 0 -20px 0 0; padding: 0 20px 0 0;}
    .process-block .process-slider-nav .process-swiper-button-prev,
    .process-block .process-slider-nav .process-swiper-button-next { width: 40px; height: 40px;}

}