@import "https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;600;700&family=Inter:wght@100..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;600;700&family=Inter:wght@100..900&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100900;1,100900&display=swap";

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}
@font-face {
  font-family: "Cygre SemiBold";
  src: url(./fonts/Cygre-SemiBold.ttf);
}
@font-face {
  font-family: "Cocomat Pro Trial";
  src: url(./fonts/CocomatLight.ttf);
}



/* Стандартные настройки для body */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: inherit;
}

body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: var(--color-black);
  background-color: var(--color-white);
  width: 100vw;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  margin: 0 auto;
  overflow-x: hidden;
  font-family: Inter;
}

html {
  scroll-behavior: smooth;
}


.cursor{
  cursor: pointer;
}

.wave {
  position: absolute;
  top: 0;
  right: 0;
  width: 67vw;
  overflow-x: hidden;
  z-index: 2;
}

.wave img {
  width: 100%;
}

/* banner */

.banner {
  background-color: unset;
  position: relative;
  z-index: 3;
  margin-top: 12vw;
}
.banner_wrapper {
  display: flex;
  flex-direction: column;
}

.banner_block-1 {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.banner_block-1_decor img {
  position: absolute;
  top: 13vw;
  z-index: 1;
  width: 100%;
}

.banner_block-1_left {
  display: flex;
  flex-direction: column;
  gap: 2vw;
  margin-top: -4vw;
}

.banner_block-1_left_head {
  font-weight: 700;
  font-style: Bold;
  font-size: 3vw;
  line-height: 1.2;
  letter-spacing: -2%;
  color: var(--color-black);
}
.banner_block-1_left_text {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.3vw;
  color: var(--color-black);
  line-height: 1.2;
}

.banner_block-1_left_text span {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1.3;
}

.banner_block-1_left_cta {
  width: 19vw;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.5vw;
  text-align: center;
  color: var(--color-white);
  background: var(--color-purple-new) !important;
  padding: 0.4vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  border-radius: 0.4vw;
  margin-top: 1.6vw;
}

.banner_block-right {
  position: relative;
  height: 34vw;
  width: 36vw;
  right: 0;
  margin-top: -12vw;
}

.decor_plus {
  position: absolute;
  width: 2.7vw;
  top: 15vw;
  left: 14vw;
}

.decor_plus img {
  width: 100%;
}
.banner_block-right-text {
  position: absolute;
  width: 20.2vw;
  
  font-weight: 500;
  font-size: 1vw;
  border: 0.15vw solid transparent;
  color: var(--color-black);
  height: unset;
  border-radius: 5vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5vw;
  padding: 0 0.5vw;
  line-height: 1.1;
}

.banner_block-right-text-1 {
  top: 7.5vw;
  left: -3.6vw;
  transform: rotate(-6deg);
  z-index: 2;
  background: linear-gradient(var(--color-white), var(--color-white)) padding-box,
  linear-gradient(276.68deg, #5986EF 60.54%, #B4A8EB 104.21%) border-box;
  box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(79, 156, 249, 0.2);

}

.banner_block-right-text-2 {
  top: 7vw;
  left: 14.5vw;
  transform: rotate(1.5deg);
  background: linear-gradient( var(--color-white), var(--color-white)) padding-box,
  linear-gradient(93.09deg, #5986EF 11.67%, #EF59B5 101.79%) border-box;
  box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(239, 89, 181, 0.2);




}

.banner_block-right-text-3 {
  top: 10.2vw;
  left: 5.5vw;
  transform: rotate(-0.68deg);
  z-index: 4;
  background: linear-gradient( var(--color-white), var(--color-white)) padding-box,
  linear-gradient(94.75deg, #5B87EF 9.23%, #8195ED 73.2%) border-box;
  box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(171, 165, 235, 0.2);



}

.banner_block-right-text-4 {
  top: 19.2vw;
  left: 4.5vw;
  background: linear-gradient(var(--color-white), var(--color-white)) padding-box,
  linear-gradient(91.74deg, #EF59B5 -18.18%, #CC4A4F 102%) border-box;
  border: 0.18vw solid transparent;
  font-weight: 700;
  color: var(--color-black);
  font-size: 1vw;
  transform: rotate(-1.56deg);
  box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(180, 168, 235, 0.25);

}
.banner_block-right-text-5 {
  top: 22.2vw;
  left: 2vw;
  transform: rotate(1.27deg);
  background: linear-gradient( var(--color-white), var(--color-white)) padding-box,
  linear-gradient(88.13deg, #B4A8EB -16.46%, #EF59B5 98.42%) border-box;
  box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(240, 90, 182, 0.25);




}
.banner_block-right-text-6 {
  top: 25.5vw;
  left: 7.2vw;
  transform: rotate(-0.88deg);
  background: linear-gradient( var(--color-white), var(--color-white)) padding-box,
  linear-gradient(78.29deg, #EF59B5 0.31%, #989DEC 126.86%) border-box;
  box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(239, 89, 181, 0.25);

    
  


}

.banner_block-right-robot {
  width: 16vw;
  position: absolute;
  top: -1vw;
  right: -10vw;
}

.banner_block-right-robot img {
  width: 100%;
}

.banner_block-2 {
  display: flex;
  justify-content: space-between;
  margin-top: 2vw;
}

.banner_block-2_devis {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  margin-top: -5vw;
}

.banner_block-2_devis_head {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.8vw;
  color: var(--color-black);
}

.banner_block-2_devis_text {
  width: 34vw;
  background-color: var(--color-purple-new);

  font-weight: 700;
  font-style: Bold;
  font-size: 2vw;
  text-align: center;
  color: var(--color-white);
  border-radius: 1.1vw;
  padding: 0.8vw 0.4vw;
  transform: rotate(-3.9deg);
}

/* plans */

.plans {
  display: flex;
  flex-direction: column;
  gap: 2.7vw;
  position: relative;
  z-index: 2;
  margin-top: 4.1vw;
}

.plans_head {
  text-align: center;
  position: relative;

  width: 41vw;
  margin: 0 auto;
}
.plans_head h1 {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 3.7vw;
  z-index: 3;
}
.plans_head_back {
  position: absolute;
  right: 0;
  z-index: 2;
  top: 1vw;
  transform: rotate(2.86deg);
}

.plans_head_back img {
  position: relative;
  z-index: 0;
}

.plans_section {
  display: flex;
  flex-direction: column;
  gap: 2.3vw;
}

.plans_section_firstline {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2vw;
}

.plans_item-small {
  position: relative;
  max-width: 29.5vw;
  padding: 1.4vw 2.2vw;
  border: 1px solid rgba(111, 109, 109, 1);
  border-radius: 0.5vw;
  justify-content: space-between;
  background-color: var(--color-white);
  height: 34vw;
}

.plans_item-small .kostyl_1{
  margin-top: 10.5vw;
}

.plans_item-large .kostyl_1{
  margin-top: 3.5vw;
}

.plans_item-big {
  max-width: 29.5vw;
  padding: 1.4vw 2.2vw;
  border: 0.05vw solid var(--color-purple-new);
  border-radius: 0.5vw;
  justify-content: space-between;
  background-color: rgba(231, 226, 255, 1);
  max-height: 43vw;
}

.plans_item-large,
.plans_item-large_yel {
  position: relative;
width: 40vw;
  padding: 1.4vw 2.2vw;
  border: 0.05vw solid rgba(194, 62, 255, 1);
  border-radius: 0.5vw;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 1);
}

.plans_item-info {
  display: flex;
  flex-direction: column;
  gap: 0.8vw;
}

.flag_info {
  position: absolute;
  right: -1vw;
  z-index: 2;
  top: 0vw;
  font-weight: 700;
  font-style: Bold;
  font-size: 1vw;
  text-align: center;
  color: var(--color-white);
  background-color: var(--color-purple-new);
  border-radius: 1.1vw;
  width: 16vw;
  transform: rotate(9.32deg);
  padding: 0.3vw 0;
}

.flag_info_large {
  position: relative;
  transform: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0;
  height: 1.9vw;

}



.plans_item_head {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.6vw;
  color: var(--color-light_black);
  display: flex;
  align-items: center;
  right: 0;
}

.plans_item_text {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.05vw;
  line-height: 1.2;
}

/* .plans_item-small_cta{
    border-image: linear-gradient(90deg, #fff, #fff) padding-box,
      linear-gradient(90deg, #EA5FBC 0%, #B4A8EB 100%) border-box;
    border-radius: 8px;
    border: 2px solid transparent;
    padding: 5px;

} */

.plans_item-small_cta {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ea5fbc 0%, #b4a8eb 100%) border-box;
  border-radius: 0.4vw;
  border: 0.1vw solid transparent;
  padding: 0.2vw 0.5vw;
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 0.9vw;
  text-align: center;
  width: 11vw;
  display: flex;
  justify-content: center;
}

.plan-info-body {
  display: flex;
  flex-direction: column;
  gap: 0.7vw;
  margin-top: 0.7vw;
  margin-bottom: 0.7vw;
}

.plan-info-body-item {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.plan-info-body-item-icon {
  max-width: 1vw;
  max-height: 1vw;
}

.plan-info-body-item-icon img {
  width: 100%;
  height: 100%;
}

.plan-info-body-item-text {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 1vw;
  leading-trim: NONE;
  line-height: 1vw;
  max-width: 17.7vw;
}

.plan-info-head,
.plans_item-large_yel-plan-info-head {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 1vw;

  color: var(--color-light_black);
  line-height: 1.2;
}

.plans_item-large_yel-plan-info-head {
  margin-top: 2.7vw;
}

.plan-info-extra-text {
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 1vw;
  leading-trim: NONE;
  line-height: 1.1vw;
}

.plan-cta-prices {
  margin-top: 0.7vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kostyl_1 {
  margin-top: 2.3vw;
}

.plan-cta {
  width: 8.8vw;
  background-color: var(--color-purple-new);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
  /* box-shadow: 0.15vw 0.1vw 0.03vw 0px rgba(89, 134, 239, 0.2); */
  border-radius: 0.45vw;
  font-family: Inter;
  font-weight: 500;
  font-style: Medium;
  font-size: 1vw;
  leading-trim: NONE;
  height: 2.9vw;
}

.plan-cta_white{
  background-color: var(--color-white);
  border: 0.15vw solid var(--color-purple-new);
  color: var(--color-black);
  font-weight: 600;
}

.plan-prices {
  display: flex;
  flex-direction: column;
}

.plan-prices-current {
  
  font-weight: 600;
  font-style: SemiBold;
  font-size: 1.5vw;
  color: var(--color-light_black);
}

.plan-prices-old {
  
  font-weight: 400;
  font-style: Regular;
  font-size: 1vw;
  color: rgba(192, 192, 192, 1);
  margin-top: -0.5vw;
}

.plans_section_secondline {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 2.2vw;
}

.plans_item-large .plans_item-info .plan-info .plan-info-body .plan-info-body-item .plan-info-body-item-text {
  max-width: unset;
}
.plans_item-large_yel .plans_item-info .plan-info .plan-info-body .plan-info-body-item .plan-info-body-item-text {
  max-width: unset;
}

.plans_item-large_yel {
  background-color: rgba(111, 109, 109, 0.08);
  border: 0.075vw solid rgba(111, 109, 109, 1);
}

.plans_item-large_yel_test {
  position: relative;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.4vw;
  line-height: 1.9vw;
  color: var(--color-white);
}

.plans_item-large_yel_back {
  position: absolute;
  top: 0;
}

.plans_item-large_yel_test h1 {
  position: relative;
  
  font-weight: 700;
  font-style: Bold;
  font-size: 1.4vw;
  z-index: 3;
}
.plans_item-large_yel_back {
  position: absolute;
  left: -2vw;
  top: -1.25vw;
  z-index: 2;
  width: 31.6vw;
}

.plans_item-large_yel_back img {
  position: relative;
  z-index: 0;
  width: 100%;
}

.plans_item-large_yel .plans_item-info .plans_item-small_cta {
  margin-top: 1vw;
  display: flex;
  margin-left: auto;
}

.plans_item-large_yel .plan-cta-prices .plan-prices .plan-prices-current {
  font-weight: 700;
  
}

.plan-info-head_yel {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 1vw;
  line-height: 1.2;
}

.plan-info-head_yel span {
  font-weight: 500;
}

.plans_item-large_yel .plans_item-info {
  gap: 1.3vw;
}

/* advantages */

.advantages {
  position: relative;
  margin-top: 7.4vw;

}

.advantages_decor {
  position: absolute;
  z-index: -1;
  top: 4.1vw;
  width: 100%;
}

.advantages_decor img{
    width: 100%;
}
.advantages_head {
  position: absolute;
  left: 0;
  top: 0vw;
}
.advantages_head h1 {
  position: relative;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.95vw;
  z-index: 3;
  line-height: 1.2;
}
.advantages_head_back {
  position: absolute;
  left: 0;
  top: -1.5vw;
  width: 30vw;
}

.advantages_head_back img {
  position: relative;
  z-index: -1;
  width: 100%;
}

.advantages_item {
  height: unset;
}

.advantages_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  column-gap: 3vw;
  row-gap: 1.7vw;
  margin-top: 2.5vw;
  position: relative;
  width: 84%;
  margin: 0 auto;
  align-items: stretch;
}

.advantages_item_wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.47vw;
}

.advantages_item_icon {
  width: 4.4vw;
  height: 4.4vw;
}

.advantages_item_icon img {
  width: 100%;
  height: 100%;
}

.advantages_item_head {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.15vw;
  line-height: 1.2;
}

.advantages_item_text {
  font-family: "Montserrat" , sans-serif;
  font-weight: 500;
  font-style: Medium;
  font-size: 1.05vw;
  line-height: 1.2;
  margin-top: -0.47vw;
}

/* mistakes  */
.mistakes {
  position: relative;
  left: 0;

  max-width: 100vw;
  margin: 0 auto;
  margin-top: 10vw;
}

.mistakes_decor {
  position: absolute;
  top: 195vw;
  left: 0;
  width: 55vw;
  z-index: 1;
}
.mistakes_head,
.mistakes_text {
  position: relative;
  z-index: 2;
}

.mistakes_wrapper {
  width: 100%;
  max-width: 79vw;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.mistakes_head_text {

  margin: 0 auto;
  display: flex;
  gap: 0.125vw;
  flex-direction: column;
}
.mistakes_head h1 {
  position: relative;
  z-index: 3;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 1.8vw;
  line-height: 1.2;
}

.mistakes_head_back {
  position: relative;
  z-index: 0;
  width: 28.5vw;
}

.mistakes_head_back img {
  position: absolute;
  width: 100%;
  top: -4vw;
  right: -32vw;
}

.mistakes_text {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.3vw;
}

.mistakes_cards {
  display: flex;
  flex-direction: column;
  gap: 3.3vw;
}

.mistakes_cards_line {
  display: flex;
  justify-content: center;
  gap: 1vw;
  align-items: stretch;
  margin-top: 2.9vw;
}

.mistakes_cards_item {
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(311.73deg,rgba(111, 109, 109, 1) 4.14%,rgba(111, 109, 109, 1) 101.72%)
    border-box;
  border-radius: 0.75vw;
  border: 0.13vw solid transparent;
  display: flex;
  flex-direction: column;
  gap: 1vw;
  padding: 2vw 1vw 2vw 1vw;
  width: 24.8vw;
}

.mistakes_cards_item_info_gap {
  margin-top: 1vw;
}

.mistakes_cards_item_name {
  font-family: Inter;
  font-weight: 400;
  font-style: Bold;
  font-size: 1vw;
}

.mistakes_cards_item_name span {
  font-weight: 700;
}

.mistakes_cards_item_info {
  display: flex;
  flex-direction: column;
}

.mistakes_cards_item_info_const {
  display: flex;
  gap: 0.5vw;
  align-items: center;
}

.mistakes_cards_item_info_const_icon {
  width: 1vw;
  height: 1vw;
}

.mistakes_cards_item_info_const_icon img {
  width: 100%;
}

.mistakes_cards_item_info_const_text {
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 1vw;
}

.mistakes_cards_item_info_const_body {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 1vw;
}

.mistakes_robot {
  position: absolute;
  width: 24.4vw;
  top: -5vw;
  z-index: 5;
}

.mistakes_cta {
  
  font-weight: 500;
  font-style: Medium;
  font-size: 1.6vw;
  leading-trim: NONE;
  width: 19.4vw;
  background-color: var(--color-purple-new);
  color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.7vw 1.1vw;
  margin: 0 auto;
  border-radius: 0.45vw;
  margin-top: 2vw;
}

/* steps */
.steps {
  background: transparent;
  margin-top: 4.4vw;
  position: relative;
  z-index: -1;
}
.steps_head {
  position: absolute;
  left: -5vw;
  top: 0;
}

.steps_head h1 {
  position: relative;
  font-family: Inter;
  font-weight: 700;
  font-style: Bold;
  font-size: 2.2vw;
  z-index: 3;
}
.steps_head_back {
  position: absolute;
  left: 2vw;
  top: 0.5vw;
  width: 25vw;
}

.steps_head_back img {
  position: relative;
  z-index: 0;
  width: 100%;
}

.steps_wrapper {
  display: flex;
  flex-direction: column-reverse;
  max-width: 65vw;
  width: 100%;
  margin: 0 auto;
  height: 43.5vw;
  position: relative;
}

.steps_line {
  display: flex;
  justify-content: center;
}

.steps_line_item {
  display: flex;
  align-items: center;
  gap: 2vw;
}

.steps_line_item_num {
  
  font-weight: 600;
  font-style: SemiBold;
  font-size: 6vw;
  color: var(--color-steps-new);
  line-height: 1.1vw;
}

.steps_line_item_icon {
  width: 4vw;
  height: 4vw;
  box-shadow: 0vw 0.208vw 2.604vw -0.573vw rgba(0, 0, 0, 0.2);

}

.steps_line_item_icon img {
  width: 100%;
  height: 100%;
}

.steps_line_item_text {
  
  font-weight: 600;
  font-style: SemiBold;
  font-size: 1.4vw;
  color: var(--color-black);
  text-align: center;
}

.steps_line_item {
  position: absolute;
  z-index: 3;
}

.steps_line_item-0 {
  left: 45%;
  top: 33.9vw;
}

.steps_line_item-1 {
  left: -2vw;
  top: 33.9vw;
}

.steps_line_item-6 {
  right: -3vw;
  top: 33.9vw;

}

.steps_line_item-2 {
  left: -2vw;
  top: 25.9vw;
  
}

.steps_line_item-5 {
  right: 3.4vw;
  top: 25.9vw;
}

.steps_line_item-3 {
  left: 8.4vw;
  top: 15.5vw;
  display: flex;
}

.steps_line_item-4 {
  right: 9.4vw;
  top: 15.5vw;
  
}

.steps-figure {
  position: absolute;
  width: 32vw;
  z-index: 2;
  top: 14.8vw;
  left: 24.7%;
}

.steps-figure img {
  width: 100%;
}

/* partners */
.partners_head_back {
  position: absolute;
  right: 2.3vw;
  z-index: 2;
  top: 1.5vw;
}

.partners_head_back img {
  position: relative;
  z-index: 0;
}

.partners_wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  margin-top: 4vw;
}

/* Partners Carousel Styles */
.partners_carousel {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.partners_carousel_track {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.partners_carousel_row {
  display: flex;
  justify-content: center;
  gap: 3.75vw;
  align-items: center;
  animation: scroll-left 30s linear infinite;
}

.partners_carousel_row:nth-child(2) {
  animation: scroll-right 30s linear infinite;
}

.partners_carousel_item {
  flex-shrink: 0;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partners_carousel_item:hover {
  filter: grayscale(0%);
}

.partners_carousel_item img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

/* Desktop carousel item sizes - specific widths for each logo */
.partners_carousel.desktop .partners_carousel_item:nth-child(1) { width: 10vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(2) { width: 8.8vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(3) { width: 10.8vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(4) { width: 8.8vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(5) { width: 7.6vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(6) { width: 4.3vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(7) { width: 13.3vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(8) { width: 11.7vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(9) { width: 8.8vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(10) { width: 10vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(11) { width: 5.8vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(12) { width: 9.5vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(13) { width: 10vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(14) { width: 13vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(15) { width: 4.5vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(16) { width: 6.5vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(17) { width: 11.5vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(18) { width: 8.5vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(19) { width: 9.3vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(20) { width: 4.8vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(21) { width: 7.8vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(22) { width: 4vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(23) { width: 9.7vw; }
.partners_carousel.desktop .partners_carousel_item:nth-child(24) { width: 6.25vw; }

/* Mobile carousel item sizes - specific widths for each logo */
.partners_carousel.mobile .partners_carousel_item:nth-child(1) { width: 20vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(2) { width: 17.6vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(3) { width: 21.6vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(4) { width: 17.6vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(5) { width: 15.2vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(6) { width: 8.6vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(7) { width: 26.6vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(8) { width: 23.4vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(9) { width: 20vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(10) { width: 17.6vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(11) { width: 21.6vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(12) { width: 17.6vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(13) { width: 15.2vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(14) { width: 8.6vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(15) { width: 26.6vw; }
.partners_carousel.mobile .partners_carousel_item:nth-child(16) { width: 23.4vw; }

/* Animation keyframes */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

/* Mobile responsive styles */
@media (max-width: 768px) {
  .partners_carousel_track {
    gap: 3vw;
  }
  
  .partners_carousel_row {
    gap: 4vw;
    animation-duration: 25s;
  }
  
  .partners_carousel_row:nth-child(2) {
    animation-duration: 25s;
  }
  
  /* Mobile carousel item sizes - adjusted for tablet */
  .partners_carousel.mobile .partners_carousel_item:nth-child(1) { width: 18vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(2) { width: 16vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(3) { width: 20vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(4) { width: 16vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(5) { width: 14vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(6) { width: 8vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(7) { width: 24vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(8) { width: 22vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(9) { width: 18vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(10) { width: 16vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(11) { width: 20vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(12) { width: 16vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(13) { width: 14vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(14) { width: 8vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(15) { width: 24vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(16) { width: 22vw; }
}

@media (max-width: 480px) {
  .partners_carousel_track {
    gap: 2.5vw;
  }
  
  .partners_carousel_row {
    gap: 3vw;
    animation-duration: 20s;
  }
  
  .partners_carousel_row:nth-child(2) {
    animation-duration: 20s;
  }
  
  /* Smaller mobile carousel item sizes - adjusted for small mobile */
  .partners_carousel.mobile .partners_carousel_item:nth-child(1) { width: 16vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(2) { width: 14vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(3) { width: 18vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(4) { width: 14vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(5) { width: 12vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(6) { width: 7vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(7) { width: 22vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(8) { width: 20vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(9) { width: 16vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(10) { width: 14vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(11) { width: 18vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(12) { width: 14vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(13) { width: 12vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(14) { width: 7vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(15) { width: 22vw; }
  .partners_carousel.mobile .partners_carousel_item:nth-child(16) { width: 20vw; }
}





/* cta block */
.cta_block_head {
  text-align: left;
  position: relative;
  max-width: 52.8vw;
}
.cta_block_head h1 {
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-style: Bold;
  font-size: 2.31vw;
  z-index: 3;
}

.cta_head_back {
  position: absolute;
  right: 9vw;
  z-index: 2;
  top: 4.2vw;
  width: 23vw;
}

.cta_head_back img {
  position: relative;
  z-index: 0;
  width: 100%;
}

.cta_block {
  margin-top: 4vw;
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-bottom: 10vw;
}

.cta_block_wrapper {
  display: flex;
  position: relative;
  justify-content: space-between;
  padding-top: 7.5vw;
}

.banner_block-2_decor img {
  position: absolute;
  top: 0;
  z-index: 0;
  width: 100%;

}

.cta_left {
  display: flex;
  flex-direction: column;
  gap: 5.7vw;
}

.cta_robot{
    margin-left: -10vw;
    width: 24vw;
    margin-bottom: -1vw;
    position: relative;
    z-index: 2 !important;
}

.cta_robot img{
  width: 100%;
}

/* footer */
footer {
  width: 100%;
  position: relative;
  background-color: rgba(111, 109, 109, 1);
 z-index: 0;
}

.footer_desktop {
  display: flex;
  flex-direction: column;
  padding: 2.55vw 0 1.8vw 0;
}

.footer_desktop .header_links{
  margin-left: unset;
  justify-content: space-between;
}
.footer_desktop .header_links .header_link_item {
  color: var(--color-white);
  
  font-weight: 700;
  font-style: Bold;
  font-size: 1.25vw;
}

.footer_icons {
  margin-top: 3.8vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer_icons_item {
  display: flex;
  gap: 1.6vw;
  align-items: center;
}

.footer_icons_item_icon {
  width: 2.3vw;
}

.footer_icons_item_icon img {
  width: 100%;
}

.footer_icons_item_text {
  
  font-weight: 600;
  font-style: SemiBold;
  font-size: 1.1vw;
  color: var(--color-white);
}

.footer_line {
  width: 100%;
  height: 0.05vw;
  background-color: var(--color-white);
  margin-top: 3vw;
}

.footer_info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5vw;
}

.footer_c2025_logo {
  display: flex;
  align-items: last baseline;
  gap: 1vw;
}

.footer_logo {
  width: 4vw;
}

.footer_c2025 {
  width: 3.5vw;
}

.footer_logo img,
.footer_c2025 img {
  width: 100%;
}

.footer_icons-links {
  display: flex;
  gap: 1vw;
  color: var(--color-white);
  
  font-weight: 400;
  font-style: Regular;
  font-size: 1.1vw;
}

.footer_icons-links a {
  padding-top: 0.5vw;
  width: 3vw;
}
.footer_icons-links a img{
  width: 100%;
}

.footer_desktop {
  margin-top: -3.3vw;
}
.mistakes_robot img{
    width: 100%;
}




/* desktop adaptive */


    

.desktop{
    display: block;
}

.mobile, .plans_section.tablet, .steps_mobile.tablet, .footer_desktop.tablet{
    display: none;
}

/* CSS */
@media (min-width: 1025px) {
  /* Начальное состояние основного контейнера */
  .banner.desktop {
    opacity: 0;
    transform: translateY(3vw);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .banner.desktop.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация левого блока */
  .banner_block-1_left {
    opacity: 0;
    transform: translateX(-2vw);
    transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .banner_block-1_left.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  /* Анимация заголовка */
  .banner_block-1_left_head {
    opacity: 0;
    transform: translateY(1.5vw) scale(0.95);
    transition: all 0.8s ease-out;
  }

  .banner_block-1_left_head.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* Анимация текста */
  .banner_block-1_left_text {
    opacity: 0;
    transform: translateY(1vw);
    transition: all 0.7s ease-out;
  }

  .banner_block-1_left_text.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация кнопки CTA */
  .banner_block-1_left_cta {
    opacity: 0;
    transform: scale(0.9) translateY(1vw);
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .banner_block-1_left_cta.animate-in {
    opacity: 1;
    transform: scale(1) translateY(0);
    /* box-shadow: 0 0.5vw 1.5vw rgba(79, 156, 249, 0.3); */
  }

  /* Анимация правого блока */
  .banner_block-right {
    opacity: 0;
    transform: translateX(2vw);
    transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .banner_block-right.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  /* Анимация декоративного плюса */
  .decor_plus {
    opacity: 0;
    transform: scale(1) ;
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .decor_plus.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  /* Анимация текстовых блоков */
  .banner_block-right-text {
    opacity: 0;
    transform: translateX(1.5vw) scale(0.95);
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .banner_block-right-text.animate-in {
    opacity: 1;
    transform: translateX(0) scale(1);
  }

  /* Последовательные задержки для текстовых блоков */
  .banner_block-right-text-1.animate-in { transition-delay: 0.1s; transform: rotate(-6deg); }
  .banner_block-right-text-2.animate-in { transition-delay: 0.2s; transform: rotate(1.5deg);}
  .banner_block-right-text-3.animate-in { transition-delay: 0.3s; transform: rotate(-0.68deg);}
  .banner_block-right-text-4.animate-in { transition-delay: 0.4s; transform: rotate(-1.56deg);}
  .banner_block-right-text-5.animate-in { transition-delay: 0.5s; transform: rotate(1.27deg);}
  .banner_block-right-text-6.animate-in { transition-delay: 0.6s; transform: rotate(-0.88deg);}

  /* Анимация робота */
  .banner_block-right-robot {
    opacity: 0;
    transform: scale(0.8) rotate(10deg);
    transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .banner_block-right-robot.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  /* Анимация второго блока */
  .banner_block-2 {
    opacity: 0;
    transform: translateY(2vw);
    transition: all 0.9s ease-out;
  }

  .banner_block-2.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация девиза */
  .banner_block-2_devis_head {
    opacity: 0;
    transform: translateY(1vw) scale(0.95);
    transition: all 0.7s ease-out;
  }

  .banner_block-2_devis_head.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  .banner_block-2_devis_text {
    opacity: 0;
    transform: translateY(0.8vw) rotate(-3.9deg);
    transition: all 0.6s ease-out;
  }

  .banner_block-2_devis_text.animate-in {
    opacity: 1;
    transform: translateY(0) rotate(-3.9deg);
  }

  /* Hover эффекты */
  .banner_block-1_left_cta.animate-in:hover {
    transform: scale(1.05) translateY(-0.2vw);
    /* box-shadow: 0 0.8vw 2vw rgba(79, 156, 249, 0.4); */
  }

  .banner_block-right-robot.animate-in:hover img {
    transform: scale(1.05) rotate(-5deg);
  }

  .decor_plus.animate-in:hover img {
    transform: scale(1.1) rotate(10deg);
  }

  /* Плавающие анимации */
  .banner_block-right-robot.animate-in img {
    animation: robotFloat 4s ease-in-out infinite;
  }

  

  @keyframes robotFloat {
    0%, 100% { 
      transform: translateY(0) rotate(0deg);
    }
    50% { 
      transform: translateY(-0.5vw) rotate(2deg);
    }
  }

  

  /* Начальное состояние основного контейнера */
  .plans {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .plans.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация заголовка */
  .plans_head h1 {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    transition: all 0.8s ease-out;
  }

  .plans_head h1.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* Анимация декоративного фона заголовка */
  .plans_head_back {
    opacity: 0;
    transform: scale(0.8) rotate(-10deg);
    transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .plans_head_back.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  /* Анимация секции планов */
  .plans_section {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s ease-out;
  }

  .plans_section.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация первой линии планов */
  .plans_section_firstline {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .plans_section_firstline.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  /* Анимация второй линии планов */
  .plans_section_secondline {
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .plans_section_secondline.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  /* Анимация карточек планов */
  .plans_item-small,
  .plans_item-big,
  .plans_item-large,
  .plans_item-large_yel {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .plans_item-small.animate-in,
  .plans_item-big.animate-in,
  .plans_item-large.animate-in,
  .plans_item-large_yel.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* Последовательные задержки для карточек */
  .plans_item-small:nth-child(1).animate-in { transition-delay: 0.1s; }
  .plans_item-small:nth-child(2).animate-in { transition-delay: 0.2s; }
  .plans_item-big.animate-in { transition-delay: 0.3s; }
  .plans_item-large.animate-in { transition-delay: 0.4s; }
  .plans_item-large_yel.animate-in { transition-delay: 0.5s; }

  /* Анимация флажков */
  .flag_info {
    opacity: 0;
    transform: rotate(9.32deg) scale(0.8);
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }


  .flag_info.animate-in {
    opacity: 1;
    transform: rotate(9.32deg) scale(1);
  }
  .plans_item-large .plans_item-info .flag_info.animate-in{
    transform: unset !important;
    position: relative;
    margin-left: 3vw;
  }

  /* Анимация заголовков планов */
  .plans_item_head {
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.6s ease-out;
  }

  .plans_item_head.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  /* Анимация текста планов */
  .plans_item_text {
    /* opacity: 0; */
    transform: translateY(15px);
    transition: all 0.5s ease-out;
    
  }

  .plans_item_text.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация кнопок CTA */
  .plans_item-small_cta {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .plans_item-small_cta.animate-in {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 10px 25px rgba(79, 156, 249, 0.3);
  }

  /* Анимация элементов списка */
  .plan-info-body-item {
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.4s ease-out;
  }

  .plan-info-body-item.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  /* Анимация иконок */
  .plan-info-body-item-icon {
    opacity: 0;
    transform: scale(0.7) rotate(-15deg);
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .plan-info-body-item-icon.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  /* Анимация специального блока продвижения */
  .plans_item-large_yel_test {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
    transition: all 0.8s ease-out;
  }

  .plans_item-large_yel_test.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  .plans_item-large_yel_back {
    opacity: 0;
    transform: scale(0.8) rotate(-5deg);
    transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .plans_item-large_yel_back.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  /* Hover эффекты */
  .plans_item-small.animate-in:hover,
  .plans_item-big.animate-in:hover,
  .plans_item-large.animate-in:hover,
  .plans_item-large_yel.animate-in:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  }

  .plans_item-small_cta.animate-in:hover {
    transform: scale(1.05);
    box-shadow: 0 15px 30px rgba(79, 156, 249, 0.4);
  }

  .plan-info-body-item-icon.animate-in:hover {
    transform: scale(1.1) rotate(5deg);
  }

  /* Плавающие анимации */
  .flag_info.animate-in {
    animation: flagFloat 4s ease-in-out infinite;
  }

  @keyframes flagFloat {
    0%, 100% { 
      transform: rotate(9.32deg) scale(1) translateY(0);
    }
    50% { 
      transform: rotate(9.32deg) scale(1) translateY(-5px);
    }
  }

  /* Начальное состояние основного контейнера */
  .advantages {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .advantages.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация декоративного элемента */
  .advantages_decor {
    opacity: 0;
    transform: scale(0.8) rotate(-10deg);
    transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .advantages_decor.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .advantages_decor img {
    transform: scale(1.1);
    transition: transform 0.8s ease-out;
  }

  .advantages_decor.animate-in img {
    transform: scale(1);
  }

  /* Анимация обертки */
  .advantages_wrapper {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.9s ease-out;
  }

  .advantages_wrapper.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация заголовка */
  .advantages_head h1.desktop {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    transition: all 0.8s ease-out;
  }

  .advantages_head h1.desktop.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* Анимация декоративного фона заголовка */
  .advantages_head_back {
    opacity: 0;
    transform: scale(0.7) rotate(-15deg);
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .advantages_head_back.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .advantages_head_back img {
    transform: scale(1.2);
    transition: transform 0.6s ease-out;
  }

  .advantages_head_back.animate-in img {
    transform: scale(1);
  }

  /* Анимация карточек преимуществ */
  .advantages_item.desktop {
    opacity: 0;
    transform: translateY(40px) scale(1);
    transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .advantages_item.desktop.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* Последовательные задержки для карточек */
  .advantages_item.desktop:nth-child(3).animate-in { transition-delay: 0.1s; }
  .advantages_item.desktop:nth-child(4).animate-in { transition-delay: 0.2s; }
  .advantages_item.desktop:nth-child(5).animate-in { transition-delay: 0.3s; }
  .advantages_item.desktop:nth-child(6).animate-in { transition-delay: 0.4s; }
  .advantages_item.desktop:nth-child(7).animate-in { transition-delay: 0.5s; }
  .advantages_item.desktop:nth-child(8).animate-in { transition-delay: 0.6s; }
  .advantages_item.desktop:nth-child(9).animate-in { transition-delay: 0.7s; }
  .advantages_item.desktop:nth-child(10).animate-in { transition-delay: 0.8s; }

  /* Анимация обертки элемента */
  .advantages_item_wrapper {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
  }

  .advantages_item_wrapper.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация иконок */
  .advantages_item_icon {
    opacity: 0;
    transform: scale(0.7) rotate(-20deg);
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .advantages_item_icon.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .advantages_item_icon img {
    transform: scale(1.1);
    transition: transform 0.6s ease-out;
  }

  .advantages_item_icon.animate-in img {
    transform: scale(1);
  }

  /* Анимация заголовков элементов */
  .advantages_item_head {
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.6s ease-out;
  }

  .advantages_item_head.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  /* Анимация текста элементов */
  .advantages_item_text {
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.7s ease-out;
  }

  .advantages_item_text.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  

  /* Плавающие анимации */
  .advantages_item_icon.animate-in img {
    animation: iconFloat 4s ease-in-out infinite;
  }

  .advantages_decor.animate-in img {
    animation: decorSway 6s ease-in-out infinite;
  }

  @keyframes iconFloat {
    0%, 100% { 
      transform: scale(1) translateY(0);
    }
    50% { 
      transform: scale(1) translateY(-5px);
    }
  }

  @keyframes decorSway {
    0%, 100% { 
      transform: scale(1) rotate(0deg);
    }
    33% { 
      transform: scale(1.02) rotate(2deg);
    }
    66% { 
      transform: scale(0.98) rotate(-1deg);
    }
  }

  /* Пульсирующий эффект для некоторых иконок */
  .advantages_item.desktop:nth-child(odd) .advantages_item_icon.animate-in {
    animation: iconFloat 4s ease-in-out infinite, iconPulse 3s ease-in-out infinite;
  }

  /* @keyframes iconPulse {
    0%, 100% { 
      box-shadow: 0 0 0 0 rgba(79, 156, 249, 0.4);
    }
    50% { 
      box-shadow: 0 0 0 10px rgba(79, 156, 249, 0);
    }
  } */

  /* Анимация декоративной волны */
  .mistakes_decor.wave.desktop {
    opacity: 0;
    transform: translateY(30px) scale(0.9);
    transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 0;
  }

  .mistakes_decor.wave.desktop.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  .mistakes_decor.wave.desktop img {
    transform: scaleX(0.8);
    transition: transform 1.2s ease-out;
  }

  .mistakes_decor.wave.desktop.animate-in img {
    transform: scaleX(1);
    animation: waveFlow 6s ease-in-out infinite;
  }

  /* Анимация основного контейнера */
  .mistakes.desktop {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .mistakes.desktop.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация робота */
  .mistakes_robot {
    opacity: 0;
    transform: translateX(-40px) scale(0.8);
    transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .mistakes_robot.animate-in {
    opacity: 1;
    transform: translateX(0) scale(1);
  }

  .mistakes_robot img {
    transform: scale(1.1) rotate(5deg);
    transition: all 1s ease-out;
  }

  .mistakes_robot.animate-in img {
    transform: scale(1) rotate(0deg);
    animation: robotFloat 5s ease-in-out infinite;
  }

  /* Анимация обертки контента */
  .mistakes_wrapper {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.9s ease-out;
  }

  .mistakes_wrapper.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация заголовка */
  .mistakes_head h1 {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    transition: all 0.8s ease-out;
  }

  .mistakes_head h1.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* Анимация декоративного фона заголовка */
  .mistakes_head_back {
    opacity: 0;
    transform: scale(0.7) rotate(-15deg);
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .mistakes_head_back.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .mistakes_head_back img {
    transform: scale(1.2);
    transition: transform 0.6s ease-out;
  }

  .mistakes_head_back.animate-in img {
    transform: scale(1);
  }

  /* Анимация текста */
  .mistakes_text {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.7s ease-out;
  }

  .mistakes_text.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  /* Анимация карточек ошибок */
  .mistakes_cards_item {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .mistakes_cards_item.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* Последовательные задержки для карточек */
  .mistakes_cards_item:nth-child(1).animate-in { transition-delay: 0.1s; }
  .mistakes_cards_item:nth-child(2).animate-in { transition-delay: 0.2s; }
  .mistakes_cards_item:nth-child(3).animate-in { transition-delay: 0.3s; }

  /* Анимация названий ошибок */
  .mistakes_cards_item_name {
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.6s ease-out;
  }

  .mistakes_cards_item_name.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  /* Анимация информационных блоков */
  .mistakes_cards_item_info {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.7s ease-out;
  }

  .mistakes_cards_item_info.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация иконок */
  .mistakes_cards_item_info_const_icon {
    opacity: 0;
    transform: scale(0.7) rotate(-20deg);
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .mistakes_cards_item_info_const_icon.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .mistakes_cards_item_info_const_icon img {
    transform: scale(1.1);
    transition: transform 0.6s ease-out;
  }

  .mistakes_cards_item_info_const_icon.animate-in img {
    transform: scale(1);
  }

  /* Анимация текста проблем и решений */
  .mistakes_cards_item_info_const_text {
    opacity: 0;
    transform: translateX(-15px);
    transition: all 0.5s ease-out;
  }

  .mistakes_cards_item_info_const_text.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  .mistakes_cards_item_info_const_body {
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.6s ease-out;
  }

  .mistakes_cards_item_info_const_body.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация кнопки CTA */
  .mistakes_cta {
    opacity: 0;
    transform: scale(0.9) translateY(30px);
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .mistakes_cta.animate-in {
    opacity: 1;
    transform: scale(1) translateY(0);
    box-shadow: 0 15px 30px rgba(79, 156, 249, 0.3);
  }

  /* Hover эффекты */
  .mistakes_cards_item.animate-in:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  }

  .mistakes_cta.animate-in:hover {
    transform: scale(1.05) translateY(-5px);
    box-shadow: 0 20px 40px rgba(79, 156, 249, 0.4);
  }

  .mistakes_cards_item_info_const_icon.animate-in:hover {
    transform: scale(1.1) rotate(10deg);
  }

  .mistakes_robot.animate-in:hover img {
    transform: scale(1.05) rotate(-5deg);
    animation-play-state: paused;
  }

  /* Keyframes для анимаций */
  @keyframes waveFlow {
    0%, 100% { 
      transform: scaleX(1) translateY(0);
    }
    50% { 
      transform: scaleX(1.02) translateY(-3px);
    }
  }

  @keyframes robotFloat {
    0%, 100% { 
      transform: scale(1) rotate(0deg) translateY(0);
    }
    25% { 
      transform: scale(1.02) rotate(-2deg) translateY(-8px);
    }
    50% { 
      transform: scale(0.98) rotate(1deg) translateY(5px);
    }
    75% { 
      transform: scale(1.01) rotate(-1deg) translateY(-3px);
    }
  }

  /* Пульсирующий эффект для кнопки */
  .mistakes_cta.animate-in {
    animation: ctaPulse 3s ease-in-out infinite;
  }

  @keyframes ctaPulse {
    0%, 100% { 
      box-shadow: 0 15px 30px rgba(118, 61, 246, 1);
    }
    50% { 
      box-shadow: 0 15px 40px rgba(118, 61, 246, 1);
    }
  }
  /* Начальное состояние основного контейнера */
  .steps.desktop {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .steps.desktop.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация обертки */
  .steps_wrapper {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.9s ease-out;
  }

  .steps_wrapper.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация заголовка */
  .steps_head h1 {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    transition: all 0.8s ease-out;
  }

  .steps_head h1.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* Анимация декоративного фона заголовка */
  .steps_head_back {
    opacity: 0;
    transform: scale(0.7) rotate(-15deg);
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .steps_head_back.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .steps_head_back img {
    transform: scale(1.2);
    transition: transform 0.6s ease-out;
  }

  .steps_head_back.animate-in img {
    transform: scale(1);
  }

  /* Анимация центральной фигуры */
  .steps-figure {
    opacity: 0;
    transform: scale(0.8) rotate(-10deg);
    transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .steps-figure.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .steps-figure img {
    transform: scale(1);

  }

  .steps-figure.animate-in img {
    transform: scale(1);
  }

  /* Анимация элементов шагов */
  .steps_line_item {
    opacity: 0;
    transform: scale(0.9) translateY(30px);
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .steps_line_item.animate-in {
    opacity: 1;
    transform: scale(1) translateY(0);
  }

  /* Последовательные задержки для шагов */
  .steps_line_item-1.animate-in { transition-delay: 0.1s; }
  .steps_line_item-2.animate-in { transition-delay: 0.2s; }
  .steps_line_item-3.animate-in { transition-delay: 0.3s; }
  .steps_line_item-4.animate-in { transition-delay: 0.4s; }
  .steps_line_item-5.animate-in { transition-delay: 0.5s; }
  .steps_line_item-6.animate-in { transition-delay: 0.6s; }
  .steps_line_item-0.animate-in { transition-delay: 0.7s; }

  /* Анимация номеров шагов */
  .steps_line_item_num {
    opacity: 0;
    transform: scale(0.6) rotate(-20deg);
  }

  .steps_line_item_num.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  /* Анимация текста шагов */
  .steps_line_item_text {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
  }

  .steps_line_item_text.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация иконок шагов */
  .steps_line_item_icon {
    opacity: 0;
    transform: scale(0.7) rotate(-15deg);
    transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .steps_line_item_icon.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .steps_line_item_icon img {
    transform: scale(1.1);
    transition: transform 0.6s ease-out;
  }

  .steps_line_item_icon.animate-in img {
    transform: scale(1);
  }

  /* Hover эффекты */
  .steps_line_item.animate-in:hover {
    transform: scale(1.05) translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  }

  .steps_line_item_icon.animate-in:hover {
    transform: scale(1.1) rotate(10deg);
  }

  .steps_line_item_icon.animate-in:hover img {
    transform: scale(1.15);
  }

  .steps_line_item_num.animate-in:hover {
    transform: scale(1.1) rotate(5deg);
  }

  /* Плавающие анимации */
  .steps_line_item_icon.animate-in img {
    animation: iconBounce 4s ease-in-out infinite;
  }

  /* Пульсирующий эффект для номеров */
 

  /* Keyframes для анимаций */
  @keyframes figureFloat {
    0%, 100% { 
      transform: scale(1) rotate(0deg);
    }
    33% { 
      transform: scale(1.02) rotate(2deg);
    }
    66% { 
      transform: scale(0.98) rotate(-1deg);
    }
  }

  @keyframes iconBounce {
    0%, 100% { 
      transform: scale(1) translateY(0);
    }
    50% { 
      transform: scale(1) translateY(-3px);
    }
  }

  @keyframes numPulse {
    0%, 100% { 
      box-shadow: 0 0 0 0 rgba(79, 156, 249, 0.4);
    }
    50% { 
      box-shadow: 0 0 0 10px rgba(79, 156, 249, 0);
    }
  }

  /* Специальная анимация для центрального элемента
  .steps_line_item-0 .steps_line_item_icon.animate-in img {
    animation: centerIconSpin 8s linear infinite;
  } */

  @keyframes centerIconSpin {
    0% { 
      transform: scale(1) rotate(0deg);
    }
    100% { 
      transform: scale(1) rotate(360deg);
    }
  }

  /* Начальное состояние основного контейнера */
  .partners {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .partners.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация обертки */
  .partners_wrapper {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.9s ease-out;
  }

  .partners_wrapper.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация заголовка */
  .plans_head h1 {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    transition: all 0.8s ease-out;
  }

  .plans_head h1.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* Анимация декоративного фона заголовка */
  .partners_head_back {
    opacity: 0;
    transform: scale(0.7) rotate(-15deg);
    transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .partners_head_back.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .partners_head_back img {
    transform: scale(1.2);
    transition: transform 0.6s ease-out;
  }

  .partners_head_back.animate-in img {
    transform: scale(1);
  }

  /* Анимация карусели партнеров */
  .partners_carousel {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s ease-out;
  }

  .partners_carousel.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация трека карусели */
  .partners_carousel_track {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
  }

  .partners_carousel_track.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация строк карусели */
  .partners_carousel_row {
    opacity: 0;
    transform: translateX(-30px) scale(0.95);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .partners_carousel_row.animate-in {
    opacity: 1;
    transform: translateX(0) scale(1);
  }

  /* Последовательные задержки для строк */
  .partners_carousel_row:nth-child(1).animate-in { transition-delay: 0.1s; }
  .partners_carousel_row:nth-child(2).animate-in { transition-delay: 0.2s; }

  /* Анимация отдельных элементов */
  .partners_carousel_item {
    opacity: 0;
    transform: scale(0.8) translateY(20px);
    transition: all 0.6s;
  }

  .partners_carousel_item.animate-in {
    opacity: 1;
    transform: scale(1) translateY(0);
  }

  /* Анимация изображений */
  .partners_carousel_item img {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.5s ease-out;
  }

  .partners_carousel_item img.animate-in {
    opacity: 1;
    transform: scale(1);
  }

  /* Hover эффекты для интерактивности */
  /* .partners_logos.desktop .partners_logos-block-item.animate-in:hover {
    transform: scale(1.05) translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  } */

  /* .partners_logos.desktop .partners_logos-block-item.animate-in:hover img {
    transform: scale(1.1) rotate(2deg);
  } */

  /* .partners_logos.desktop .partners_logos-block-item.animate-in:nth-child(odd) {
    animation: logoFloat 4s ease-in-out infinite;
  }

  .partners_logos.desktop .partners_logos-block-item.animate-in:nth-child(even) {
    animation: logoFloat 4s ease-in-out infinite reverse;
  }

  .partners_logos-block-item-1.animate-in,
  .partners_logos-block-item-7.animate-in,
  .partners_logos-block-item-12.animate-in,
  .partners_logos-block-item-18.animate-in {
    animation: logoFloat 4s ease-in-out infinite, logoPulse 3s ease-in-out infinite;
  } */

  /* Keyframes для анимаций */
  @keyframes logoFloat {
    0%, 100% { 
      transform: scale(1) translateY(0);
    }
    50% { 
      transform: scale(1) translateY(-3px);
    }
  }

  /* @keyframes logoPulse {
    0%, 100% { 
      box-shadow: 0 0 0 0 rgba(79, 156, 249, 0.3);
    }
    50% { 
      box-shadow: 0 0 0 8px rgba(79, 156, 249, 0);
    }
  } */

  /* Анимация появления с волновым эффектом */
  .partners_logos.desktop .partners_logos-block:nth-child(1) .partners_logos-block-item:nth-child(1) { transition-delay: 0.1s; }
  .partners_logos.desktop .partners_logos-block:nth-child(1) .partners_logos-block-item:nth-child(2) { transition-delay: 0.15s; }
  .partners_logos.desktop .partners_logos-block:nth-child(1) .partners_logos-block-item:nth-child(3) { transition-delay: 0.2s; }
  .partners_logos.desktop .partners_logos-block:nth-child(1) .partners_logos-block-item:nth-child(4) { transition-delay: 0.25s; }
  .partners_logos.desktop .partners_logos-block:nth-child(1) .partners_logos-block-item:nth-child(5) { transition-delay: 0.3s; }
  .partners_logos.desktop .partners_logos-block:nth-child(1) .partners_logos-block-item:nth-child(6) { transition-delay: 0.35s; }

  .partners_logos.desktop .partners_logos-block:nth-child(2) .partners_logos-block-item:nth-child(1) { transition-delay: 0.4s; }
  .partners_logos.desktop .partners_logos-block:nth-child(2) .partners_logos-block-item:nth-child(2) { transition-delay: 0.45s; }
  .partners_logos.desktop .partners_logos-block:nth-child(2) .partners_logos-block-item:nth-child(3) { transition-delay: 0.5s; }
  .partners_logos.desktop .partners_logos-block:nth-child(2) .partners_logos-block-item:nth-child(4) { transition-delay: 0.55s; }
  .partners_logos.desktop .partners_logos-block:nth-child(2) .partners_logos-block-item:nth-child(5) { transition-delay: 0.6s; }

  .partners_logos.desktop .partners_logos-block:nth-child(3) .partners_logos-block-item:nth-child(1) { transition-delay: 0.65s; }
  .partners_logos.desktop .partners_logos-block:nth-child(3) .partners_logos-block-item:nth-child(2) { transition-delay: 0.7s; }
  .partners_logos.desktop .partners_logos-block:nth-child(3) .partners_logos-block-item:nth-child(3) { transition-delay: 0.75s; }
  .partners_logos.desktop .partners_logos-block:nth-child(3) .partners_logos-block-item:nth-child(4) { transition-delay: 0.8s; }
  .partners_logos.desktop .partners_logos-block:nth-child(3) .partners_logos-block-item:nth-child(5) { transition-delay: 0.85s; }
  .partners_logos.desktop .partners_logos-block:nth-child(3) .partners_logos-block-item:nth-child(6) { transition-delay: 0.9s; }

  .partners_logos.desktop .partners_logos-block:nth-child(4) .partners_logos-block-item:nth-child(1) { transition-delay: 0.95s; }
  .partners_logos.desktop .partners_logos-block:nth-child(4) .partners_logos-block-item:nth-child(2) { transition-delay: 1s; }
  .partners_logos.desktop .partners_logos-block:nth-child(4) .partners_logos-block-item:nth-child(3) { transition-delay: 1.05s; }
  .partners_logos.desktop .partners_logos-block:nth-child(4) .partners_logos-block-item:nth-child(4) { transition-delay: 1.1s; }
  .partners_logos.desktop .partners_logos-block:nth-child(4) .partners_logos-block-item:nth-child(5) { transition-delay: 1.15s; }
  .partners_logos.desktop .partners_logos-block:nth-child(4) .partners_logos-block-item:nth-child(6) { transition-delay: 1.2s; }
  .partners_logos.desktop .partners_logos-block:nth-child(4) .partners_logos-block-item:nth-child(7) { transition-delay: 1.25s; }

  /* Начальное состояние основного контейнера */
  .cta_block {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .cta_block.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация декоративного элемента */
  .banner_block-2_decor {
    opacity: 0;
    transform: scale(0.8) rotate(-10deg);
    transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .banner_block-2_decor.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .banner_block-2_decor img {
    transform: scale(1.1);
    transition: transform 0.8s ease-out;
  }

  .banner_block-2_decor.animate-in img {
    transform: scale(1);
    animation: decorSway 8s ease-in-out infinite;
  }

  /* Анимация обертки контента */
  .cta_block_wrapper {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.9s ease-out;
  }

  .cta_block_wrapper.animate-in {
    opacity: 1;
    transform: translateY(0);
  }

  /* Анимация левой части */
  .cta_left {
    opacity: 0;
    transform: translateX(-40px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .cta_left.animate-in {
    opacity: 1;
    transform: translateX(0);
  }

  /* Анимация заголовка */
  .cta_block_head h1 {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    transition: all 0.8s ease-out;
  }

  .cta_block_head h1.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  /* Анимация декоративного фона заголовка */
  .cta_head_back {
    opacity: 0;
    transform: scale(0.7) rotate(-20deg);
    transition: all 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .cta_head_back.animate-in {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }

  .cta_head_back img {
    transform: scale(1.2) rotate(5deg);
    transition: transform 0.7s ease-out;
  }

  .cta_head_back.animate-in img {
    transform: scale(1) rotate(0deg);
    animation: textDecorFloat 6s ease-in-out infinite;
  }

  /* Анимация кнопки CTA */
  .banner_block-1_left_cta {
    opacity: 0;
    transform: scale(0.9) translateY(30px);
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

  .banner_block-1_left_cta.animate-in {
    opacity: 1;
    transform: scale(1) translateY(0);
    /* box-shadow: 0 15px 30px rgba(79, 156, 249, 0.3); */
  }

  /* Анимация робота */
  .cta_robot {
    opacity: 0;
    transform: translateX(40px) scale(0.8);
    transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }

  .cta_robot.animate-in {
    opacity: 1;
    transform: translateX(-2vw) scale(1);
  }

  .cta_robot img {
    transform: scale(1.1) rotate(-5deg);
    transition: all 1s ease-out;
  }

  .cta_robot.animate-in img {
    transform: scale(1) rotate(0deg);
    animation: robotBounce 5s ease-in-out infinite;
  }

  /* Hover эффекты */
  .banner_block-1_left_cta.animate-in:hover {
    transform: scale(1.05) translateY(-5px);
    /* box-shadow: 0 20px 40px rgba(79, 156, 249, 0.4); */
  }

  .cta_robot.animate-in:hover img {
    transform: scale(1.05) rotate(5deg);
    animation-play-state: paused;
  }

  .cta_block_head h1.animate-in:hover {
    transform: translateY(0) scale(1.02);
  }

  /* Keyframes для анимаций */
  @keyframes decorSway {
    0%, 100% { 
      transform: scale(1) rotate(0deg);
    }
    25% { 
      transform: scale(1.02) rotate(2deg);
    }
    50% { 
      transform: scale(0.98) rotate(-1deg);
    }
    75% { 
      transform: scale(1.01) rotate(1deg);
    }
  }

  @keyframes textDecorFloat {
    0%, 100% { 
      transform: scale(1) rotate(0deg) translateY(0);
    }
    50% { 
      transform: scale(1) rotate(2deg) translateY(-3px);
    }
  }

  @keyframes robotBounce {
    0%, 100% { 
      transform: scale(1) rotate(0deg) translateY(0);
    }
    25% { 
      transform: scale(1.02) rotate(-2deg) translateY(-8px);
    }
    50% { 
      transform: scale(0.98) rotate(1deg) translateY(5px);
    }
    75% { 
      transform: scale(1.01) rotate(-1deg) translateY(-3px);
    }
  }

  /* Пульсирующий эффект для кнопки */
  .banner_block-1_left_cta.animate-in {
    animation: ctaPulse 3s ease-in-out infinite;
  }

  @keyframes ctaPulse {
    0%, 100% { 
      box-shadow: 0 15px 30px rgba(118, 61, 246, 1);
    }
    50% { 
      box-shadow: 0 15px 40px rgba(118, 61, 246, 1);
    }
  }

  /* Специальный эффект для заголовка */
  .cta_block_head h1.animate-in {
    animation: titleGlow 4s ease-in-out infinite;
  }

  @keyframes titleGlow {
    0%, 100% { 
      text-shadow: 0 0 0 rgba(79, 156, 249, 0);
    }
    50% { 
      text-shadow: 0 0 20px rgba(79, 156, 249, 0.3);
    }
  }
}
/* Мобильные анимации */
@media (max-width: 1024px) {
  .partners_logos-block-item {
    filter: grayscale(100%);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform: scale(1);
  }
  
  /* .partners_logos-block-item:hover,
  .partners_logos-block-item:active {
    filter: grayscale(0%);
    transform: scale(1.3);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  } */
  
  .partners_logos-block-item:active {
    transform: scale(0.98);
    transition: all 0.1s ease;
  }
  /* Анимация для заголовка */
  .banner_block-1_left_head {
    opacity: 0;
    transform: translateX(-5vw);
    animation: fadeInRight 0.6s ease-out forwards 0.4s;
}

/* Анимация для текста */
.banner_block-1_left_text {
    opacity: 0;
    transform: translateX(-5vw);
    animation: fadeInRight 0.6s ease-out forwards 0.6s;
}

/* Специальная анимация для CTA кнопки */
.banner_block-1_left_cta {
    opacity: 0;
    transform: scale(0.9);
    animation: pulseCTA 1.2s ease-out forwards 1.2s;
    position: relative;
    overflow: hidden;
}

/* Эффект "волны" при нажатии на кнопку */
.banner_block-1_left_cta::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5vw;
    height: 5vw;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.5s ease-out;
}

.banner_block-1_left_cta:active::after {
    width: 60vw;
    height: 60vw;
    opacity: 0.4;
    transform: translate(-50%, -50%) scale(1);
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

/* Ключевые кадры для анимаций */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(8vw);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-5vw);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pulseCTA {
  0% {
      opacity: 0;
      transform: scale(0.92);
      box-shadow: 0 0 0 rgba(79, 156, 249, 0);
      animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  }
  20% {
      opacity: 0.8;
      transform: scale(0.98);
      animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  }
  40% {
      opacity: 1;
      transform: scale(1.02);
      box-shadow: 0 0 1.5vw rgba(79, 156, 249, 0.3);
      animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
  }
  60% {
      transform: scale(1.04);
      box-shadow: 0 0 3vw rgba(79, 156, 249, 0.45);
      animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  }
  75% {
      transform: scale(1.02);
      box-shadow: 0 0 2vw rgba(79, 156, 249, 0.3);
      animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  }
  90% {
      transform: scale(1.005);
      box-shadow: 0 0 0.8vw rgba(79, 156, 249, 0.15);
  }
  100% {
      opacity: 1;
      transform: scale(1);
      box-shadow: 0 0 0 rgba(79, 156, 249, 0);
  }
}

/* Применение анимации с плавными настройками */
.banner_block-1_left_cta {
  animation: pulseCTA 1.8s cubic-bezier(0.17, 0.67, 0.21, 0.99) forwards;
  animation-delay: 0.8s;
  transform-origin: center;
}

/* Дополнительная анимация для текста внутри кнопки */
.banner_block-1_left_cta span {
    display: inline-block;
    animation: textPulse 2s infinite ease-in-out 1.5s;
}

@keyframes textPulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}


/* Анимация появления карточек планов */
  .plans_item-small,
  .plans_item-big,
  .plans_item-large,
  .plans_item-large_yel {
    opacity: 0;
    transform: translateY(8vw) scale(0.95);
    animation: plansCardFadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  }

  /* Задержки для последовательного появления */
  .plans_item-small:nth-child(1) { animation-delay: 0.2s; }
  .plans_item-small:nth-child(2) { animation-delay: 0.4s; }
  .plans_item-big { animation-delay: 0.6s; }
  .plans_item-large { animation-delay: 0.8s; }
  .plans_item-large_yel { animation-delay: 1s; }

  /* Анимация для заголовков планов */
  .plans_item_head {
    opacity: 0;
    transform: translateX(-3vw);
    animation: fadeInRight 0.6s ease-out forwards;
    animation-delay: 0.3s;
  }

  /* Анимация для текста планов */
  .plans_item_text {
    opacity: 0;
    transform: translateY(2vw);
    animation: fadeInUp 0.5s ease-out forwards;
    animation-delay: 0.5s;
  }

  /* Анимация для элементов списка */
  .plan-info-body-item {
    opacity: 0;
    transform: translateX(-2vw);
    animation: slideInLeft 0.4s ease-out forwards;
  }

  .plan-info-body-item:nth-child(1) { animation-delay: 0.7s; }
  .plan-info-body-item:nth-child(2) { animation-delay: 0.8s; }
  .plan-info-body-item:nth-child(3) { animation-delay: 0.9s; }
  .plan-info-body-item:nth-child(4) { animation-delay: 1s; }
  .plan-info-body-item:nth-child(5) { animation-delay: 1.1s; }

  /* Анимация для кнопок CTA */
  .plan-cta {
    opacity: 0;
    transform: scale(0.9);
    animation: pulseCTA 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    animation-delay: 1.2s;
  }

  /* Анимация для цен */
  .plan-prices {
    opacity: 0;
    transform: translateY(1vw);
    animation: priceSlideUp 0.6s ease-out forwards;
    animation-delay: 1.4s;
  }

  /* Анимация для флажков */
  .flag_info {
    opacity: 0;
    transform: rotate(9.32deg) scale(0.8);
    animation: flagBounce 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
    animation-delay: 0.6s;
  }


/* Ключевые кадры анимаций */
@keyframes plansCardFadeIn {
  0% {
    opacity: 0;
    transform: translateY(8vw) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(-3vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(2vw);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-2vw);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulseCTA {
  0% {
    opacity: 0;
    transform: scale(0.9);
    box-shadow: 0 0 0 rgba(79, 156, 249, 0);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 2vw rgba(79, 156, 249, 0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 0 rgba(79, 156, 249, 0);
  }
}

@keyframes priceSlideUp {
  from {
    opacity: 0;
    transform: translateY(1vw);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes flagBounce {
  0% {
    opacity: 0;
    transform: rotate(9.32deg) scale(0.8);
  }
  60% {
    transform: rotate(9.32deg) scale(1.1);
  }
  100% {
    opacity: 1;
    transform: rotate(9.32deg) scale(1);
  }
}

/* Начальное состояние карточек */
.advantages_item.mobile {
  opacity: 0;
  transform: translateY(6vw) scale(0.95);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Активное состояние при появлении */
.advantages_item.mobile.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Последовательные задержки для карточек */
.advantages_item.mobile:nth-child(1).animate-in { transition-delay: 0.1s; }
.advantages_item.mobile:nth-child(2).animate-in { transition-delay: 0.2s; }
.advantages_item.mobile:nth-child(3).animate-in { transition-delay: 0.3s; }
.advantages_item.mobile:nth-child(4).animate-in { transition-delay: 0.4s; }
.advantages_item.mobile:nth-child(5).animate-in { transition-delay: 0.5s; }
.advantages_item.mobile:nth-child(6).animate-in { transition-delay: 0.6s; }
.advantages_item.mobile:nth-child(8).animate-in { transition-delay: 0.7s; }

/* Анимация иконок */
.advantages_item_icon {
  opacity: 0;
  transform: scale(0.7) rotate(-10deg);
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.advantages_item_icon.animate-in {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

/* Анимация заголовков */
.advantages_item_head {
  opacity: 0;
  transform: translateX(-4vw);
  transition: all 0.5s ease-out;
}

.advantages_item_head.animate-in {
  opacity: 1;
  transform: translateX(0);
}

/* Анимация текста */
.advantages_item_text {
  opacity: 0;
  transform: translateY(2vw);
  transition: all 0.6s ease-out;
}

.advantages_item_text.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Анимация кнопки CTA */
.banner_block-1_left_cta.mobile {
  opacity: 0;
  transform: scale(0.9) translateY(3vw);
  transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: 0.8s;
}

.banner_block-1_left_cta.mobile.animate-in {
  opacity: 1;
  transform: scale(1) translateY(0);
  box-shadow: 0 1vw 3vw rgba(79, 156, 249, 0.3);
}

/* Hover эффекты для интерактивности */
/* .advantages_item.mobile.animate-in:hover {
  transform: translateY(-1vw) scale(1.02);
  box-shadow: 0 2vw 4vw rgba(0, 0, 0, 0.1);
}

.advantages_item_icon.animate-in:hover {
  transform: scale(1.1) rotate(5deg);
}

.banner_block-1_left_cta.mobile.animate-in:hover {
  transform: scale(1.05) translateY(-0.5vw);
  box-shadow: 0 1.5vw 4vw rgba(79, 156, 249, 0.4);
} */

.mistakes_mobile.mobile {
  opacity: 0;
  transform: translateY(8vw);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mistakes_mobile.mobile.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Анимация декоративного элемента */
.mistakes_mobile_decor {
  opacity: 0;
  transform: scale(0.8) rotate(-5deg);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.mistakes_mobile_decor.animate-in {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.wave.mobile{
  width: 50vw;
  top: -22vw;
}
.wave.mobile img{
  width: 100%;
}


/* Анимация заголовка */
.steps_head.mobile h1 {
  opacity: 0;
  transform: translateY(4vw);
  transition: all 0.8s ease-out;
}

.steps_head.mobile h1.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Анимация декоративного фона заголовка */
.steps_head_back {
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.6s ease-out;
}

.steps_head_back.animate-in {
  opacity: 1;
  transform: scale(1);
}

/* Анимация текста под заголовком */
.mistakes_text {
  opacity: 0;
  transform: translateX(-4vw);
  transition: all 0.7s ease-out;
}

.mistakes_text.animate-in {
  opacity: 1;
  transform: translateX(0);
}

/* Анимация swiper контейнера */
.swiper-mistakes {
  opacity: 0;
  transform: translateY(6vw) scale(0.95);
  transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.swiper-mistakes.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Анимация слайдов */
.swiper-slide {
  opacity: 0;
  transform: translateX(5vw);
  transition: all 0.6s ease-out;
}

.swiper-slide.animate-in {
  opacity: 1;
  transform: translateX(0);
}

/* Анимация заголовков слайдов */
.swiper-slide-head {
  opacity: 0;
  transform: translateY(2vw);
  transition: all 0.5s ease-out;
}

.swiper-slide-head.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Анимация элементов слайда */
.swiper-slide-item {
  opacity: 0;
  transform: translateX(-3vw);
  transition: all 0.6s ease-out;
}

.swiper-slide-item.animate-in {
  opacity: 1;
  transform: translateX(0);
}

/* Анимация иконок */
.swiper-slide-item-head-icon {
  opacity: 0;
  transform: scale(0.7) rotate(-15deg);
  transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.swiper-slide-item-head-icon.animate-in {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

/* Анимация текста заголовков элементов */
.swiper-slide-item-head-text {
  opacity: 0;
  transform: translateX(-2vw);
  transition: all 0.5s ease-out;
}

.swiper-slide-item-head-text.animate-in {
  opacity: 1;
  transform: translateX(0);
}

/* Анимация тела элементов */
.swiper-slide-item-body {
  opacity: 0;
  transform: translateY(1.5vw);
  transition: all 0.6s ease-out;
}

.swiper-slide-item-body.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Анимация кнопок управления */
.swiper-controls {
  opacity: 0;
  transform: translateY(3vw);
  transition: all 0.8s ease-out;
}

.swiper-controls.animate-in {
  opacity: 1;
  transform: translateY(0);
}

.swiper-controls-btn {
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.swiper-controls-btn.animate-in {
  opacity: 1;
  transform: scale(1);
}

/* Hover эффекты */
.swiper-slide.animate-in:hover {
  transform: translateY(-1vw);
  box-shadow: 0 2vw 4vw rgba(0, 0, 0, 0.1);
}

.swiper-controls-btn.animate-in:hover {
  transform: scale(1.1);
  box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.2);
}

/* Начальное состояние основного контейнера */
.steps_mobile.mobile {
  opacity: 0;
  transform: translateY(8vw);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.steps_mobile.mobile.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Анимация заголовка */
.steps_head h1 {
  opacity: 0;
  transform: translateY(4vw) scale(0.95);
  transition: all 0.8s ease-out;
}

.steps_head h1.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Анимация декоративного фона заголовка */
.steps_head_back {
  opacity: 0;
  transform: scale(0.8) rotate(-3deg);
  transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.steps_head_back.animate-in {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

/* Анимация обертки шагов */
.steps_mobile_wrapper {
  opacity: 0;
  transform: translateY(6vw);
  transition: all 0.9s ease-out;
}

.steps_mobile_wrapper.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Анимация элементов шагов */
.steps_mobile_item {
  opacity: 0;
  transform: translateX(-5vw) scale(0.95);
  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.steps_mobile_item.animate-in {
  opacity: 1;
  transform: translateX(0) scale(1);
}

/* Последовательные задержки для шагов */
.steps_mobile_item:nth-child(1).animate-in { transition-delay: 0.1s; }
.steps_mobile_item:nth-child(2).animate-in { transition-delay: 0.2s; }
.steps_mobile_item:nth-child(3).animate-in { transition-delay: 0.3s; }
.steps_mobile_item:nth-child(4).animate-in { transition-delay: 0.4s; }
.steps_mobile_item:nth-child(5).animate-in { transition-delay: 0.5s; }
.steps_mobile_item:nth-child(6).animate-in { transition-delay: 0.6s; }

/* Анимация номеров шагов */
.steps_mobile_item_num {
  opacity: 0;
  transform: scale(0.6) rotate(-20deg);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.steps_mobile_item_num.animate-in {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

/* Анимация иконок */
.steps_mobile_item_icon {
  opacity: 0;
  transform: scale(0.7) translateY(-2vw);
  transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 0vw 0.208vw 2.604vw -0.573vw rgba(0, 0, 0, 0.2);

}

.steps_mobile_item_icon.animate-in {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* Анимация текста шагов */
.steps_mobile_item_text {
  opacity: 0;
  transform: translateX(-3vw);
  transition: all 0.6s ease-out;
}

.steps_mobile_item_text.animate-in {
  opacity: 1;
  transform: translateX(0);
}

/* Hover эффекты для интерактивности */
/* .steps_mobile_item.animate-in:hover {
  transform: translateY(-1vw) scale(1.02);
  box-shadow: 0 2vw 4vw rgba(0, 0, 0, 0.08);
}

.steps_mobile_item_icon.animate-in:hover {
  transform: scale(1.1) translateY(-0.5vw);
}

.steps_mobile_item_num.animate-in:hover {
  transform: scale(1.1) rotate(5deg);
} */

/* Пульсирующий эффект для активного шага */
/* .steps_mobile_item.animate-in:nth-child(odd) .steps_mobile_item_num {
  animation: pulse 2s infinite;
} */

@keyframes pulse {
  0%, 100% { 
    box-shadow: 0 0 0 0 rgba(79, 156, 249, 0.4);
  }
  50% { 
    box-shadow: 0 0 0 2vw rgba(79, 156, 249, 0);
  }
}

.partners {
  opacity: 0;
  transform: translateY(8vw);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.partners.animate-in {
  opacity: 1;
  transform: translateY(0);
}



/* Анимация декоративного фона заголовка */
.partners_head_back {
  opacity: 0;
  transform: scale(0.8) rotate(-5deg);
  transition: all 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.partners_head_back.animate-in {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

/* Анимация мобильной версии логотипов */
.partners_logos.mobile {
  opacity: 0;
  transform: translateY(6vw);
  transition: all 0.9s ease-out;
}

.partners_logos.mobile.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Анимация блоков логотипов */
.partners_logos.mobile .partners_logos-block {
  opacity: 0;
  transform: translateX(-4vw) scale(0.95);
  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.partners_logos.mobile .partners_logos-block.animate-in {
  opacity: 1;
  transform: translateX(0) scale(1);
}

/* Последовательные задержки для блоков */
.partners_logos.mobile .partners_logos-block:nth-child(1).animate-in { transition-delay: 0.1s; }
.partners_logos.mobile .partners_logos-block:nth-child(2).animate-in { transition-delay: 0.2s; }
.partners_logos.mobile .partners_logos-block:nth-child(3).animate-in { transition-delay: 0.3s; }
.partners_logos.mobile .partners_logos-block:nth-child(4).animate-in { transition-delay: 0.4s; }
.partners_logos.mobile .partners_logos-block:nth-child(5).animate-in { transition-delay: 0.5s; }
.partners_logos.mobile .partners_logos-block:nth-child(6).animate-in { transition-delay: 0.6s; }

/* Анимация отдельных логотипов */
/* .partners_logos.mobile .partners_logos-block-item {
  opacity: 0;
  transform: scale(0.8) translateY(2vw);
  transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
} */

.partners_logos.mobile .partners_logos-block-item.animate-in {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* Анимация изображений логотипов */
/* .partners_logos.mobile .partners_logos-block-item img {
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.5s ease-out;
} */

.partners_logos.mobile .partners_logos-block-item img.animate-in {
  opacity: 1;
  transform: scale(1);
}

/* Hover эффекты для интерактивности */
/* .partners_logos.mobile .partners_logos-block-item.animate-in:hover {
  transform: scale(1.05) translateY(-1vw);
  box-shadow: 0 2vw 3vw rgba(0, 0, 0, 0.1);
}

.partners_logos.mobile .partners_logos-block-item.animate-in:hover img {
  transform: scale(1.1);
  filter: brightness(1.1);
} */

/* Плавающая анимация для некоторых логотипов */
/* .partners_logos.mobile .partners_logos-block-item.animate-in:nth-child(odd) {
  animation: float 3s ease-in-out infinite;
} */

/* .partners_logos.mobile .partners_logos-block-item.animate-in:nth-child(even) {
  animation: float 3s ease-in-out infinite reverse;
} */

@keyframes float {
  0%, 100% { 
    transform: scale(1) translateY(0);
  }
  50% { 
    transform: scale(1) translateY(-0.5vw);
  }
}

/* Начальное состояние основного контейнера */
.cta_block {
  opacity: 0;
  transform: translateY(10vw);
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cta_block.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Анимация декоративного элемента */
.banner_block-2_decor {
  opacity: 0;
  transform: scale(0.8) rotate(-10deg);
  transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.banner_block-2_decor.animate-in {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.banner_block-2_decor img {
  transform: scale(1.1);
  transition: transform 0.8s ease-out;
}

.banner_block-2_decor.animate-in img {
  transform: scale(1);
}

/* Анимация обертки контента */
.cta_block_wrapper {
  opacity: 0;
  transform: translateY(6vw);
  transition: all 0.9s ease-out;
}

.cta_block_wrapper.animate-in {
  opacity: 1;
  transform: translateY(0);
}

/* Анимация левой части */
.cta_left {
  opacity: 0;
  transform: translateX(-5vw);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cta_left.animate-in {
  opacity: 1;
  transform: translateX(0);
}

/* Анимация заголовка */
.cta_block_head h1 {
  opacity: 0;
  transform: translateY(4vw) scale(0.95);
  transition: all 0.9s ease-out;
}

.cta_block_head h1.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Анимация декоративного фона заголовка */
.cta_head_back {
  opacity: 0;
  transform: scale(0.7) rotate(-15deg);
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.cta_head_back.animate-in {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.cta_head_back img {
  transform: scale(1.2);
  transition: transform 0.6s ease-out;
}

.cta_head_back.animate-in img {
  transform: scale(1);
}

/* Анимация кнопки CTA */
.banner_block-1_left_cta {
  opacity: 0;
  transform: scale(0.8) translateY(3vw);
  transition: all 1s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.banner_block-1_left_cta.animate-in {
  opacity: 1;
  transform: scale(1) translateY(0);
  box-shadow: 0 2vw 4vw rgba(79, 156, 249, 0.3);
}

/* Анимация робота */
.cta_robot {
  opacity: 0;
  transform: translateX(8vw) scale(0.9);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.cta_robot.animate-in {
  opacity: 1;
  transform: translateX(0) scale(1);
}

.cta_robot img {
  transform: scale(1.1) rotate(5deg);
  transition: all 0.8s ease-out;
}

.cta_robot.animate-in img {
  transform: scale(1) rotate(0deg);
}

/* Hover эффекты для интерактивности */
.banner_block-1_left_cta.animate-in:hover {
  transform: scale(1.05) translateY(-1vw);
  box-shadow: 0 3vw 6vw rgba(79, 156, 249, 0.4);
}

.cta_robot.animate-in:hover img {
  transform: scale(1.05) rotate(-3deg);
}

/* Пульсирующий эффект для кнопки */
.banner_block-1_left_cta.animate-in {
  animation: ctaPulse 3s ease-in-out infinite;
}

@keyframes ctaPulse {
  0%, 100% { 
    box-shadow: 0 2vw 4vw rgba(118, 61, 246, 1);
  }
  50% { 
    box-shadow: 0 2vw 6vw rgba(118, 61, 246, 1);
  }
}

/* Плавающая анимация для робота */
.cta_robot.animate-in img {
  animation: robotFloat 4s ease-in-out infinite;
}

@keyframes robotFloat {
  0%, 100% { 
    transform: scale(1) rotate(0deg) translateY(0);
  }
  25% { 
    transform: scale(1) rotate(-2deg) translateY(-1vw);
  }
  75% { 
    transform: scale(1) rotate(2deg) translateY(1vw);
  }
}

/* Анимация wave элемента */
.wave.mobile {
  opacity: 0;
  transform: translateY(0) scale(1);
  /* transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); */
}

.wave.mobile.animate-in {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.wave.mobile img {
  transform: scaleX(1);
  transition: transform 1s ease-out;
}

.wave.mobile.animate-in img {
  transform: scaleX(1);
  animation: waveFlow 4s ease-in-out infinite;
}

/* Анимация banner decor элемента */
.banner_block-1_decor.mobile {
  opacity: 0;
  transform: scale(0.7) rotate(-15deg);
  transition: all 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.banner_block-1_decor.mobile.animate-in {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.banner_block-1_decor.mobile img {
  transform: scale(1.2);
  transition: transform 0.8s ease-out;
}

.banner_block-1_decor.mobile.animate-in img {
  transform: scale(1);
  animation: decorFloat 6s ease-in-out infinite;
}

/* Анимация robot элемента */
.banner_block-right-robot {
  opacity: 1;
  transform: translateX(8vw) scale(0.8);
  transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.banner_block-right-robot.animate-in {
  opacity: 1;
  transform: translateX(0) scale(1);
}

.banner_block-right-robot img {
  transform: scale(1.1) rotate(0deg);
  transition: all 1s ease-out;
}

.banner_block-right-robot.animate-in img {
  transform: scale(1) rotate(0deg);
  animation: robotBounce 5s ease-in-out infinite;
}

/* Keyframes для анимаций */
@keyframes waveFlow {
  0%, 100% { 
    transform: scaleX(1) translateY(0);
  }
  50% { 
    transform: scaleX(1.02) translateY(-0.5vw);
  }
}

@keyframes decorFloat {
  0%, 100% { 
    transform: scale(1) rotate(0deg);
  }
  33% { 
    transform: scale(1.05) rotate(2deg);
  }
  66% { 
    transform: scale(0.98) rotate(-1deg);
  }
}

@keyframes robotBounce {
  0%, 100% { 
    transform: scale(1) rotate(0deg) translateY(0);
  }
  25% { 
    transform: scale(1.02) rotate(-2deg) translateY(-1vw);
  }
  50% { 
    transform: scale(0.98) rotate(1deg) translateY(0.5vw);
  }
  75% { 
    transform: scale(1.01) rotate(-1deg) translateY(-0.5vw);
  }
}



/* Hover эффекты */
.banner_block-right-robot.animate-in:hover img {
  transform: scale(1.1) rotate(-5deg);
  animation-play-state: paused;
}

.banner_block-1_decor.mobile.animate-in:hover img {
  transform: scale(1.1) rotate(5deg);
  animation-play-state: paused;
}
}
.none{
  opacity: 0;;
}
/* мобильный адаптив*/
@media (max-width:1024px) {
    .mobile{
        display: block ;
    }

    .desktop{
        display: none;
    }
    

    .banner_block-1 {
        display: flex;
        justify-content: space-between;
        position: relative;
      }
      

      .wave {
        position: absolute;
        top: -38vw;
        
        width: 60vw;
        z-index: 2;
      }

      .container{
        width: 95vw;
      }

      .banner_block-1{
        flex-direction: column;
      }

      .banner_block-1_left_cta{
        width: 54.5vw;
        
        font-weight: 500;
        font-style: Medium;
        font-size: 4vw;
        text-align: center;
        color: var(--color-white);
        background: var(--color-blue);
        border-radius: 2vw;
        margin-top: 2vw;
      }

      .banner_block-1_left_text {
        font-size: 3.5vw;
      }

      .banner_block-1_left_head {
        font-weight: 700;
        font-style: Bold;
        font-size: 5vw;
        line-height: 6vw;
      }

      .banner {
        background-color: unset;
        position: relative;
        z-index: 3;
        margin-top: 35vw;
      }
      
      .banner_block-1_left {
        display: flex;
        flex-direction: column;
        gap: 3vw;
        position: relative;
      }

      .banner_block-right{
        position: relative;
        height: 70vw;
        width: 100%;
        right: 0;
        margin-top: unset;

      }

      .banner_block-right-text{
        font-family: "Montserrat", sans-serif;
        position: absolute;
        width: 47vw;
        font-size: 3vw;
        line-height: 3vw;
        border: 0.5vw solid transparent;
        height: 11vw;
        border-radius: 8vw;
        font-weight: 500;
        color: var(--color-black);
        
        /* Mobile animation properties */
        opacity: 0;
        transform: translateY(20px) scale(0.8);
        animation: fadeInUp 0.8s ease-out forwards;
      }

      /* Keyframes for mobile animation */
      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translateY(20px) scale(0.8) rotate(var(--rotation, 0deg));
        }
        to {
          opacity: 1;
          transform: translateY(0) scale(1) rotate(var(--rotation, 0deg));
        }
      }

      .banner_block-right-text-1 {
        top: 13vw;
        left: 0;
        --rotation: -6deg;
        transform: rotate(-6deg);
        z-index: 2;
        animation-delay: 0.2s;
        background: linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(276.68deg, #5986EF 60.54%, #B4A8EB 104.21%) border-box;
        box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(79, 156, 249, 0.2);

      }
      
      .banner_block-right-text-2 {
        top: 11vw;
        left: 45vw;
        --rotation: 1deg;
        transform: rotate(1deg);
        animation-delay: 0.4s;
        border: 0.5vw solid transparent;
        background: linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(93.09deg, #5986EF 11.67%, #EF59B5 101.79%) border-box;
        box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(239, 89, 181, 0.2);


        
        
      }
      
      .banner_block-right-text-3 {
        top: 21vw;
        left: 26vw;
        --rotation: 0deg;
        transform: rotate(0);
        z-index: 4;
        width: 56vw;
        animation-delay: 0.6s;
        border: 0.5vw solid transparent;
        background: linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(94.75deg, #5B87EF 9.23%, #8195ED 73.2%) border-box;   
        box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(171, 165, 235, 0.2);

        
        
        
      }
      
      .banner_block-right-text-4 {
        top: 48vw;
        left: 26vw;
        color: var(--color-black);
        font-weight: 700;
        font-size: 2.7vw;
        --rotation: -1.56deg;
        transform: rotate(-1.56deg);
        width: 47vw;
        animation-delay: 0.8s;
        border: 0.5vw solid transparent;
        background: linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(91.74deg, #EF59B5 -18.18%, #CC4A4F 102%) border-box;
        box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(180, 168, 235, 0.25);
        
      }
      .banner_block-right-text-5 {
        top: 58vw;
        left: 22vw;
        --rotation: 3deg;
        transform: rotate(3deg);
        background: linear-gradient(var(--color-white), var(--color-white)) padding-box,
                    linear-gradient(276.68deg, #5986EF 60.54%, #B4A8EB 104.21%) border-box;
        border: 0.5vw solid transparent;
        background: linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(88.13deg, #B4A8EB -16.46%, #EF59B5 98.42%) border-box;
        box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(240, 90, 182, 0.25);
        animation-delay: 1.0s;
      }
      .banner_block-right-text-6 {
        top: 68vw;
        left: 34vw;
        --rotation: -0.88deg;
        transform: rotate(-0.88deg);
        animation-delay: 1.2s;
        background: linear-gradient(var(--color-white), var(--color-white)) padding-box,
        linear-gradient(78.29deg, rgba(239, 89, 181, 1) 0.31%, rgba(152, 157, 236, 1) 126.86%) border-box;
        box-shadow: 0.28vw 0.28vw 0.7vw 0vw rgba(239, 89, 181, 0.25);
        width: 50vw;

        

      }
      
      .banner_block-right-robot {
        width:53vw;
        position: absolute;
        right: 3vw;
        top: -18vw;
        display: flex;
      }
      
      .banner_block-right-robot img {
        width: 100%;
      }

      .decor_plus {
        position: absolute;
        top: 34vw;
        left: 45vw;
        width:8vw;
      }

      .decor_plus img{
        width: 100%;
      }

      .banner_block-1_decor img {
        position: absolute;
        top: 8vw;
        left: -5vw;
        z-index: 1;
        width: 100%;
        opacity: 0.5;
      }

      .plans {
        display: flex;
        flex-direction: column;
        gap: 6vw;
        position: relative;
        z-index: 2;
        margin-top: 40vw;
      }
      
      .plans_head {
        width: 70vw;
        margin: 0 auto;
      }
      .plans_head h1 {
        position: relative;
        
        font-weight: 700;
        font-style: Bold;
        font-size: 6vw;
        z-index: 3;
      }
      .plans_head_back {
        position: absolute;
        right: 0;
        z-index: 2;
        top: 2vw;
        transform: rotate(2.86deg);
      }
      
      .plans_head_back img {
        position: relative;
        z-index: 0;
        width: 40vw;
      }
      
      .plans_section {
        display: flex;
        flex-direction: column;
        gap: 7vw;
        width: 97%;
        margin: 0 auto;
      }
      
      .plans_section_firstline {
        justify-content: unset;
        align-items: unset;
        flex-direction: column;
        gap: 7vw;
      }
      
      .plans_item-small {
        position: relative;
        width:100%;
        max-width: unset;
        padding: 4.5vw;
        border: 0.3vw solid rgba(111, 109, 109, 1);
        border-radius: 2vw;
        justify-content: space-between;
        background-color: var(--color-white);
        max-height: unset;
        height: 90vw;
      }
      
      .plans_item-big {
        max-width: unset;
        width:100%;
        padding: 4vw 6vw;
        border: 0.3vw solid var(--color-purple-new);
        border-radius: 2vw;
        justify-content: space-between;
        background-color: rgba(231, 226, 255, 1);
        max-height: unset;
        
      }
      
      .plans_item-large,
      .plans_item-large_yel {
        position: relative;
        width: 100%;
        max-width: unset;
        padding: 4vw;
        border: 0.3vw solid rgba(194, 62, 255, 1);
        border-radius: 3vw;
        justify-content: space-between;
        background-color: rgba(255, 255, 255, 1);
      }

      
      
      .plans_item-info {
        display: flex;
        flex-direction: column;
        gap: 2vw;
      }
      
      .flag_info {
        position: absolute;
        right: -3vw;
        top: 0vw;
        z-index: 2;
        
        font-weight: 700;
        font-style: Bold;
        font-size: 3vw;
        text-align: center;
        color: var(--color-white);
        background-color: var(--color-purple-new);
        border-radius: 4vw;
        width: 55vw;
        transform: rotate(9.32deg);
        padding: 7px 0;
      }

      .plans_item-large .plans_item-info .flag_info{
        right: -5vw;
        top: -4vw;
      }
      
      .flag_info_large {
        position: relative;
        transform: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0;
        height: 10vw;
      }
      
      .plans_item_head {
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: 7vw;
        color: var(--color-light_black);
        display: flex;
        align-items: center;
        right: 0;
      }
      
      /* .plans_item_text {
        font-family: Inter;
        font-weight: 500;
        font-style: Medium;
        font-size: 6vw;
        line-height: 1.2;
      } */
      
      .plan-info-body {
        display: flex;
        flex-direction: column;
        gap: 2vw;
        margin-top: unset;
        margin-bottom: 2vw;
      }
      
      .plan-info-body-item {
        display: flex;
        align-items: center;
        gap: 4vw;
        justify-content: left;
      }
      
      .plan-info-body-item-icon {
        max-width: 8vw !important;
        max-height: 8vw;
      }
      
      .plan-info-body-item-icon img {
        width: 6vw ;
        height: 6vw;
      }
      
      .plan-info-body-item-text {
        font-family: Inter;
        font-weight: 400;
        font-style: Regular;
        font-size: 4vw;
        leading-trim: NONE;
        line-height: 4vw;
        max-width: 80vw;
      }
      
      .plan-info-head,
      .plans_item-large_yel-plan-info-head {
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: 18px;
        leading-trim: NONE;
        color: var(--color-light_black);
      }
      
      .plans_item-large_yel-plan-info-head {
        margin-top: 52px;
      }
      
      .plan-info-extra-text {
        font-family: Inter;
        font-weight: 500;
        font-style: Medium;
        font-size: 3vw;
        
      }
      
      .plan-cta-prices {
        margin-top: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 4vw;
      }
      
      .kostyl_1 {
        margin-top: unset;
      }
      
      .plan-cta {
        width: 35vw;
        background-color: var(--color-purple-new);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-white);
        box-shadow: 3px 2px 7.2px 0px rgba(89, 134, 239, 0.2);
        border-radius: 2vw;
        font-family: Inter;
        font-weight: 500;
        font-style: Medium;
        font-size: 5vw;
        leading-trim: NONE;
        height: 13vw;
      }
      
      .plan-prices {
        display: flex;
        flex-direction: column;
      }
      
      .plan-prices-current {
        
        font-weight: 600;
        font-style: SemiBold;
        font-size: 6vw;
        color: var(--color-light_black);
      }
      
      .plan-prices-old {
        
        font-weight: 400;
        font-style: Regular;
        font-size: 5vw;
        color: rgba(192, 192, 192, 1);
        margin-top: -4vw;
      }
      
      .plans_section_secondline {
        flex-direction: column;
        justify-content: unset;
        align-items: unset;
        gap: 5vw;
      }
      
      .plans_item-large .plans_item-info .plan-info .plan-info-body .plan-info-body-item .plan-info-body-item-text {
        max-width: unset;
      }
      .plans_item-large_yel .plans_item-info .plan-info .plan-info-body .plan-info-body-item .plan-info-body-item-text {
        max-width: unset;
      }
      
      .plans_item-large_yel {
        background-color: rgba(111, 109, 109, 0.08);
        border: 0.3vw solid rgba(111, 109, 109, 1);
      }
      
      .plans_item-large_yel_test {
        position: relative;
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: unset;
        line-height: unset;
        color: var(--color-white);
      }
      
      .plans_item-large_yel_back {
        position: absolute;
        top: 0;
        left: unset;
      }
      
      .plans_item-large_yel_test h1 {
        position: relative;
        
        font-weight: 700;
        font-style: Bold;
        font-size: 5vw;
        z-index: 3;
        line-height: 1.2;
      }
      .plans_item-large_yel_back {
        position: absolute;
        left: -5vw;
        top: -3vw;
        z-index: 2;
        width: 93vw;
      }
      
      .plans_item-large_yel_back img {
        position: relative;
        z-index: 0;
        width: 90vw;
      }

      
      
      .plans_item-large_yel .plans_item-info .plans_item-small_cta {
        margin-top: 20px;
        display: none;

      }
      
      .plans_item-large_yel .plan-cta-prices .plan-prices .plan-prices-current {
        font-weight: 700;
        
      }
      
      .plan-info-head_yel {
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: 5vw;
      }
      
      .plans_item-large_yel .plans_item-info {
        gap: 26px;
      }

      .big_price{
        font-size: 4.5vw;
      }

      .advantages {
        position: relative;
        margin-top: 10vw;
      overflow: hidden;
      }
      
      .advantages_decor {
        position: absolute;
        z-index: -1;
        top: 30vw;
        width: 200vw;
        opacity: 0.7;

      }
      
      .advantages_decor img{
          width: 100%;
      }
      .advantages_head {
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        width: 100%;
      }
      .advantages_head h1 {
        position: relative;
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: 4vw;
        z-index: 3;
      }
      .advantages_head_back {
        position: absolute;
        left: 10vw;
        top: -1.5vw;
        width: 60vw;
      }
      
      .advantages_head_back img {
        position: relative;
        z-index: -1;
        width: 100%;
      }
      
      .advantages_item {
        height: unset;
        width: 42vw;
        padding: 0;
      }
      
      .advantages_wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        column-gap: 0vw;
        row-gap: 8vw;
        margin-top: 10vw;
        position: relative;
        padding-top: 30vw;
        width: 86%;
      }
      
      .advantages_item_wrapper {
        display: flex;
        flex-direction: column;
        gap: 2vw;
        align-items: center;
        
      }
      
  .banner_block-1_left_cta.cta.cursor{
        width: 44vw !important;
        font-size: 3.6vw !important;
        padding: 1.5vw !important;
        height: 8vw !important;
      }
      .advantages_item_icon {
        width: 13vw;
        height: 13vw;
      }
      
      .advantages_item_icon img {
        width: 100%;
        height: 100%;
      }
      
      .advantages_item_head {
        font-size: 3vw;
        text-align: center;
        white-space: nowrap;
        font-weight: 600;
      }
      
      .advantages_item_text {
        display: none;
      }

      .banner_block-1_left_cta.mobile, .banner_block-1_left_cta{
        width: 50.5vw;
        
        font-weight: 500;
        font-style: Medium;
        font-size: 5vw;
        text-align: center;
        color: var(--color-white);
        background: var(--color-blue);
        padding: 3vw 2vw;
        border-radius: 2vw;
        margin-top: 2vw;
      }

      .steps_mobile{
        background: transparent;
        width: 100%;
        margin-top: 15vw;
        position: relative;
        z-index: 0;
      }

      .steps_head {
        position: relative;
        left: 0vw;
        top: 10vw;
        text-align: center;
      }
      
      .steps_head h1 {
        position: relative;
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: 5vw;
        z-index: 3;
      }
      .steps_mobile .steps_head h1{
        width: 100%;
        margin: 0 auto;
        font-size: 4vw;
      }

      .mistakes_mobile .steps_head .steps_head_back{
        top: 11vw;
        left: 40vw;
      }
      .steps_head_back {
        position: absolute;
        left: 48vw;
        top:8vw;
        width: 50vw;
      }
      
      .steps_head_back img {
        position: relative;
        z-index: 0;
        width: 100%;
      }
      
      .steps_mobile_wrapper {
        display: flex;
        flex-direction: column;
        max-width: unset;
        width: 100%;
        margin: 0 auto;
        height: unset;
        position: relative;
        gap: 7vw;
        padding-top: 15vw;
        padding-bottom: 15vw;
      }

      .steps_mobile_item{
        display: flex;
        flex-direction: column;
        gap: 0vw;
        align-items: center;
      }

      .steps_mobile_item_num_icon{
        display: flex;
        align-items: center;
        gap: 5vw;
      }

      .steps_mobile_item_num{
        
        font-weight: 600;
        font-style: SemiBold;
        font-size: 15vw;
        color: rgba(118, 61, 246, 0.4);
        margin-top: -2vw;

      }

      .steps_mobile_item_icon{
        width: 12vw;
        height: 12vw;
      }

      .steps_mobile_item_icon img{
        width: 100%;
      }

      .steps_mobile_item_text{
        
        font-weight: 600;
        font-style: SemiBold;
        font-size: 5vw;
        text-align: center;
        margin-top: -5vw;

      }

      .partners_logos-block-item{
        
        width: auto;
      }

      .partners_logos-block-item img{
        width: 100%;
      }

      .partners_logos-block{
        width: 90%;
        margin: 0 auto;
      }

      .partners_head_back{
        top: 2vw;
        width: 4vw;
        left: 25vw;
      }
      .partners_head_back img{
        top: 2vw;
        width: 40vw;
        left: 0;
      }

      .partners_wrapper{
        margin-top: 8vw;
        gap: 6vw;
      }

      .cta_block_head {
        text-align: left;
        position: relative;
        max-width: 100%;
        margin-bottom: 3vw;
      
      }
      .cta_block_head h1 {
        position: relative;
        
        font-weight: 700;
        font-style: Bold;
        font-size: 4.5vw;
        line-height: 1.2;
        z-index: 3;
        white-space: nowrap;
      }
      
      .cta_head_back {
        position: absolute;
        left: 0;
        z-index: 2;
        top: 8.5vw;
        width: 36vw;
        transform: rotate(5deg);
      }
      
      .cta_head_back img {
        position: relative;
        z-index: 0;
        width: 100%;
      }
      
      .cta_block {
        margin-top: 10vw;
        position: relative;
        overflow: hidden;
      }
      
      .cta_block_wrapper {
        display: flex;
        position: relative;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 10.5vw;
      }
      
      .banner_block-2_decor img {
        position: absolute;
        top: 10vw;
        z-index: 0;
        width: 200vw;
        opacity: 0.5;
      }
      
      .cta_left {
        display: flex;
        flex-direction: column;
        gap: 2vw;
        position: relative;
        z-index: 1;
      }
      
      .cta_robot{
        position: relative;
          padding-bottom: unset;
          width: 40vw !important;
          z-index: 2;
          margin-left: -10vw;
      }
      .cta_robot img{
        width: 40vw;
      }

      .footer_desktop {
        display: flex;
        flex-direction: column;
        padding: 6vw 0 4vw 0;
      }
      
      .footer_desktop .header_links .header_link_item {
        color: var(--color-white);
        
        font-weight: 700;
        font-style: Bold;
        font-size: 3.8vw;
      }

      .footer_desktop .header_links{
        
        width: 85%;
        
        margin-top: 3vw;
      }
      
      
      .footer_icons {
        margin-top: 6vw;
        flex-direction: column;
        justify-content: left;
        align-items: unset;
        gap: 5vw;
      }
      
      .footer_icons_item {
        display: flex;
        gap: 3vw;
        align-items: center;
      }
      
      .footer_icons_item_icon {
        width: 5vw;
      }
      
      .footer_icons_item_icon img {
        width: 100%;
      }
      
      .footer_icons_item_text {
        
        font-weight: 600;
        font-style: SemiBold;
        font-size: 3.7vw;
        color: var(--color-white);
      }
      
      .footer_line {
        width: 100%;
        height: 1px;
        background-color: var(--color-white);
        margin-top: 4vw;
      }
      
      .footer_info {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top:6vw;
      }
      
      .footer_c2025_logo {
        display: flex;
        align-items: last baseline;
        gap: 3vw;
      }
      
      .footer_logo {
        width: 18vw;
      }
      
      .footer_c2025 {
        width: 20vw;
      }
      
      .footer_logo img,
      .footer_c2025 img {
        width: 100%;
      }
      
      .footer_icons-links {
        display: flex;
        gap: 4vw;
        color: var(--color-white);
        
        font-weight: 400;
        font-style: Regular;
        font-size: 0;
      }
      
      .footer_icons-links a {
        padding-top: 5px;
        width: 8vw;
      }
      .footer_icons-links a img{
        width: 100%;
      }
      
      .footer_desktop {
        margin-top: -65px;
      }

      .fot-first{
        display: flex;
        gap: 4vw;
      }
      .fot-second{
        display: flex;
        justify-content: left;
        gap: 7vw;
      }
      .swiper-mistakes{
        display: flex;
        align-items: stretch;
      }

      
      .swiper-slide-wrapper{
        width: 95%;
        margin: 0 auto;
        background: rgba(111, 109, 109, 0.08)
        border-box;
        border-radius: 4vw;
        border: 0.6vw solid transparent;
        display: flex;
        flex-direction: column;
        gap: 3vw;
        padding: 4vw;
       align-items: stretch;
       border: 0.1vw solid rgba(111, 109, 109, 1);
        
      }
      .swiper-slide {
        padding-bottom: auto;
        height: auto;
      }

      .swiper-slide-head{
        font-family: Inter;
        font-weight: 400;
        font-style: Regular;
        font-size: 4vw;
        leading-trim: NONE;
        

      }
      .swiper-slide-head span{
        font-family: Inter;
        font-weight: 700;
        font-style: Regular;
        font-size: 4.5vw;
        leading-trim: NONE;
        margin-right: 1vw;

      }

      .swiper-slide-item{
        display: flex;
        flex-direction: column;
        gap: 1vw;
        
      }

      .swiper-slide-item-head{
        display: flex;
        gap: 2vw;
        justify-content: left;
        align-items: center;
      }

      .swiper-slide-item-head-icon{
        width: 6vw;
        height: 6vw;
      }

      .swiper-slide-item-head-icon img{
        width: 100%;
      }

      .swiper-slide-item-head-text{
        font-family: Inter;
        font-weight: 700;
        font-style: Bold;
        font-size: 4.5vw;

      }

      .mistakes_mobile{
        margin-top: 7vw;
        position: relative;
       
      }

      .mistakes_mobile_wrapper{
       
      }

      .mistakes_mobile_decor{
        position: absolute;
        left: 0;
        z-index: 0;
        width: 70vw;
      }

      .mistakes_mobile_decor img{
        width: 100%;
      }

      .mistakes_text{
        font-family: Inter;
        font-weight: 400;
        font-style: Regular;
        font-size: 3vw;
        leading-trim: NONE;
        
        filter: blur(0.4);
        padding: 2vw; 
        text-align: center;
        background: rgba(255, 255, 255, 0.1); 
        backdrop-filter: blur(10px); 
        -webkit-backdrop-filter: blur(10px); 
        border-radius: 2vw; 
        border: 0 solid rgba(255, 255, 255, 0.2); 
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); 
        color: rgba(0, 0, 0, 0.9); 
        font-weight: 500; 
        width: 95%;
        margin: 0 auto;
        margin-top: 15vw;
        margin-bottom: 5vw;
      }

      .swiper-slide-item-body{
        font-family: Inter;
        font-weight: 400;
        font-style: Regular;
        font-size: 2.8vw;
        line-height: unset;

      }

      .swiper-controls{
        display: flex;
        justify-content: right;
        gap: 3vw;
        align-items: center;
        width: 80%;
        margin: 0 auto;
        margin-top: 4vw;
      }
    
      .swiper-controls-btn{
        width: 8vw;
        height: 8vw;
      }
      .swiper-controls-btn img{
        width: 100%;
        height: 100%;
      }

      .swiper-controls-btn-right{
        transform: rotate(180deg) !important;
      }
      .footer_desktop .mobile{
        display: flex;
        justify-content: left;
      }
}

@media (min-width:768px) and (max-width:1024px){
  /* .plans_section{display: none;}
  .plans_section.tablet{
    display: flex;
    flex-direction: column;
  }

  .plans_section_firstline{
    justify-content: space-between;
        align-items: unset;
        flex-direction: row;
        gap: unset;
  }

  .plans_item-small {
    position: relative;
    width:unset;
    max-width: 46vw;
    padding: 4.1vw 2.7vw;
    border: 0.3vw solid rgba(234, 95, 188, 1);
    border-radius: 2vw;
    justify-content: space-between;
    background-color: var(--color-white);
    max-height: unset;
  }

  .flag_info {
    position: absolute;
    right: -1vw;
    top: 0px;
    z-index: 2;
    
    font-weight: 700;
    font-style: Bold;
    font-size: 1.2vw;
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-pink);
    border-radius: 1.1vw;
    width: 31vw;
    transform: rotate(9.32deg);
    padding: 1vw 0;
  } */


  .steps_mobile.mobile{
    display: none;
  }

  .steps_mobile.tablet, .steps_mobile.tablet .steps_mobile_wrapper{
    display: flex;
    flex-direction: column;
  }

  .steps_mobile_line{
    display: flex;
    justify-content: space-around;
  }

  .steps_mobile_item{
    width: 41vw;
  }

  .steps_mobile_item_num_icon{
    gap: 3vw;
  }

  .steps_mobile_item_num{
        
    font-weight: 600;
    font-style: SemiBold;
    font-size: 11vw;
    color: rgba(255, 255, 255, 0.47);
    margin-top: -2vw;

  }

  .steps_mobile_item_icon{
    width: 10vw;
  }

  .steps_mobile_item_icon img{
    width: 100%;
  }

  .steps_mobile_item_text{
    
    font-weight: 600;
    font-style: SemiBold;
    font-size: 3vw;
    text-align: center;
    margin-top: 2vw;
    white-space: nowrap;

  }

  .steps_mobile .steps_head{
    display: none;
  }

  .steps_head.tablet{
    display: flex;
  }

  .steps_head.tablet h1 {
    position: relative;
    font-family: Inter;
    font-weight: 700;
    font-style: Bold;
    font-size: 3.5vw;
    z-index: 3;
  }

  .steps_head.tablet .steps_head_back{
    left: 3vw;
    top: 7vw;
  }

  

  .footer_desktop{
    display: none;
  }

  .footer_desktop.tablet{
    display: flex;
  }

  .footer_firstline{
    display: flex;
    justify-content: space-between;
    width: 95%;
  }

  .footer_icons_item {
    display: flex;
    gap: 3vw;
    align-items: center;
  }
  
  .footer_icons_item_icon {
    width: 5vw;
  }
  
  .footer_icons_item_icon img {
    width: 100%;
  }
  
  .footer_icons_item_text {
    
    font-weight: 600;
    font-style: SemiBold;
    font-size: 2.5vw;
    color: var(--color-white);
  }

  .footer_firstline_links{
    display: flex;
    flex-direction: column;
    gap: 6vw;
    margin-top: 6vw;
  }

  .footer_firstline_links-row{
    display: flex;
    justify-content: space-between;
    gap: 3vw;
  }

  .footer_desktop.tablet .footer_firstline .footer_firstline_links 
  .footer_firstline_links-row .header_link_item{
    color: var(--color-white);
    
    font-weight: 600;
    font-style: Bold;
    font-size: 2.8vw;
  }
}

/* Ensure animations persist after completion */
.animate-in {
  animation-fill-mode: forwards !important;
}

/* Ensure all animated elements remain visible */
.advantages_item.mobile.animate-in,
.mistakes_mobile.mobile.animate-in,
.partners.animate-in,
.cta_block.animate-in,
.steps_mobile.animate-in,
.wave.mobile,
.banner_block-1_decor.mobile.animate-in,
.banner_block-right-robot.animate-in {
  opacity: 1 !important;
  visibility: visible !important;
}