.main {
 min-height: 955px;
 display: flex;
 flex-direction: column;
}

.not_found {
 min-height: 515px;
}

.main__bg {
 background: linear-gradient(180deg, rgba(79, 0, 125, 0) 50%, #4F007D 100%), #732AB0;
}

.main__slides {
 width: 100vw;
 z-index: unset;
 flex: 1 0 100%;
 display: flex;
 flex-direction: column;
 transition: 0.5s;
 -webkit-user-select: none;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
}

.main__slides-bg {
 width: 100%;
 height: 100%;
 overflow: hidden;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 transition: 0.5s;
}

.main__slides-text {
 position: relative;
 z-index: 1;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 color: white;
 font-size: 16px;
 font-weight: 700;
 line-height: 1.1875;
 letter-spacing: -0.03em;
 padding: 570px 0 0 109px;
}

.main__slides-text-2 {
 width: 277px;
}

.main__slides-text-2-1 {
 max-width: 90%;
 min-height: 57px;
 font-size: 24px;
 letter-spacing: -0.01em;
 margin-bottom: 10px;
}

.main__slides-img {
 position: absolute;
 top: 0;
 left: 70px;
 translate: 20% 0 0;
 opacity: 0;
 transition: translate 0.4s cubic-bezier(0.47, 0, 0.23, 1.38);
}

.main__slides-img_1 {
 width: 596px;
 margin: 20px 0 0 101px;
}

.main__slides-img_2 {
 width: 574px;
 margin: 24px 0 0 179px;
}

.main__slides-img_3 {
 width: 821px;
 margin: 17px 0 0 142px;
}

.main__slides-decor {
 width: 100%;
 height: 207px;
 position: absolute;
 left: 0;
 bottom: -36px;
 background: url("../../img/chips/main/decor.svg") repeat-x 50% 100%/auto 100%;
}

.main__slides[data-swiper-slide-active="1"] .main__slides-bg_1 {
 opacity: 1;
 background: linear-gradient(180deg, rgba(79, 0, 125, 0) 50%, #4F007D 100%), #732AB0;
}

.main__slides[data-swiper-slide-active="1"] .main__slides-img_1 {
 translate: 0 0 0;
 opacity: 1;
}

.main__slides[data-swiper-slide-active="2"] .main__slides-bg_2 {
 opacity: 1;
 background: linear-gradient(180deg, #F799B4 50%, rgba(247, 153, 180, 0) 100%), #F67594;
}

.main__slides[data-swiper-slide-active="2"] .main__slides-img_2 {
 translate: 0 0 0;
 opacity: 1;
}

.main__slides[data-swiper-slide-active="3"] .main__slides-bg_3 {
 opacity: 1;
 background: linear-gradient(180deg, #F37D01 50%, rgba(243, 125, 1, 0) 100%), #D95900;
}

.main__slides[data-swiper-slide-active="3"] .main__slides-img_3 {
 translate: 0 0 0;
 opacity: 1;
}

.main .swiper-wrapper {
 flex: 1 0 100%;
}

.main .swiper-nav {
 top: 417px;
 gap: 942px;
 margin-top: 0;
}

.main__slide {
 width: 100%;
 max-width: 1300px;
 height: 100%;
 display: block;
 position: relative;
 margin-inline: auto;
}

.main__slide-img {
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 transition: opacity 0.8s;
 -webkit-filter: drop-shadow(0px 20px 30px rgba(0, 0, 0, 0.25));
         filter: drop-shadow(0px 20px 30px rgba(0, 0, 0, 0.25));
}

.main__slide-img_1 {
 width: 337px;
 top: 380px;
 left: 290px;
 rotate: 0 0 1 -15deg;
}

.main__slide-img_2 {
 width: 459px;
 top: 303px;
 left: 532px;
 rotate: 0 0 1 10deg;
}

.swiper-slide-active .main__slide-img {
 opacity: 1;
 -webkit-animation: main__slide-img 0.8s cubic-bezier(0.47, 0, 0.23, 1.38) both;
         animation: main__slide-img 0.8s cubic-bezier(0.47, 0, 0.23, 1.38) both;
}

@-webkit-keyframes main__slide-img {
 0% {
  translate: -20% 0 0;
  opacity: 0;
 }
 20% {
  opacity: 0;
 }
 50% {
  opacity: 1;
 }
 95% {
  translate: 0 0 0;
 }
 100% {
  translate: 0 0 0;
  opacity: 1;
 }
}

@keyframes main__slide-img {
 0% {
  translate: -20% 0 0;
  opacity: 0;
 }
 20% {
  opacity: 0;
 }
 50% {
  opacity: 1;
 }
 95% {
  translate: 0 0 0;
 }
 100% {
  translate: 0 0 0;
  opacity: 1;
 }
}

.how {
 text-align: center;
 background: url("../../img/chips/@index/how/bg.jpg") no-repeat center bottom 26px/100% auto;
 padding-top: 95px;
}

.how__title {
 max-width: 777px;
 color: var(--grey);
 font-size: 32px;
 font-weight: 700;
 line-height: 0.94;
 letter-spacing: -0.03em;
 margin: 0 auto 78px;
}

.how__video {
 max-width: 860px;
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-inline: auto;
}

.how__video-text {
 width: 100%;
 position: absolute;
 top: 130px;
 color: white;
 font-size: 24px;
 font-weight: 700;
 letter-spacing: -0.01em;
}

.how__video-button {
 font-size: 90px;
 position: absolute;
}

.how__video-img {
 height: 645px;
 border-radius: 10px;
}

.process {
 z-index: 2;
 padding-block: 106px 222px;
 margin-bottom: -1px;
}

.process__bg {
 background: var(--green-light) url("../../img/chips/@index/process/bg.jpg") no-repeat 50% 83px/1962px auto;
}

.process__bg-decor {
 height: 31px;
 background: white url("../../img/chips/common/decor-green_up.svg") repeat-x 50% 0/auto 100%;
}

.process__title {
 max-width: 860px;
 text-align: center;
 color: var(--green-dark);
 font-size: 48px;
 font-weight: 700;
 letter-spacing: -0.03em;
 margin: 0 auto 60px;
}

.process__text {
 max-width: 640px;
 text-align: center;
 font-size: 16px;
 font-family: var(--rubik);
 line-height: 1.5;
 margin: 0 auto 60px;
}

.process__text:after {
 content: '';
 width: 420px;
 height: 5px;
 display: inline-block;
 background: white;
 margin-top: 55px;
}

.process__cards {
 max-width: 858px;
 display: flex;
 flex-direction: column;
 gap: 31px;
 background: url("../../img/chips/@index/process/center.jpg") no-repeat 50% 0/100% auto;
 margin-inline: auto;
}

.process__card {
 display: flex;
 flex-direction: column;
 justify-content: center;
 height: 350px;
}

.process__card_odd {
 margin-left: auto;
}

.process__card-title {
 max-width: 220px;
 color: var(--green);
 font-size: 32px;
 font-weight: 700;
 line-height: 0.94;
 letter-spacing: -0.03em;
 margin-bottom: 40px;
}

.process__card-text {
 max-width: 310px;
 font-size: 16px;
 font-family: var(--rubik);
 line-height: 1.5;
}