@charset "UTF-8";
/* line 19, ../sass/all/base.scss */
.mr-top-0 {
  margin-top: 0 !important;
}

/* line 23, ../sass/all/base.scss */
.mr-top-10 {
  margin-top: 10px !important;
}

/* line 27, ../sass/all/base.scss */
.mr-top-20 {
  margin-top: 20px !important;
}

/* line 31, ../sass/all/base.scss */
.mr-top-30 {
  margin-top: 30px !important;
}

/* line 35, ../sass/all/base.scss */
.mr-top-40 {
  margin-top: 40px !important;
}

/* line 39, ../sass/all/base.scss */
.mr-top-50 {
  margin-top: 50px !important;
}

/* line 43, ../sass/all/base.scss */
.mr-bot-0 {
  margin-bottom: 0 !important;
}

/* line 47, ../sass/all/base.scss */
.mr-bot-10 {
  margin-bottom: 10px !important;
}

/* line 51, ../sass/all/base.scss */
.mr-bot-20 {
  margin-bottom: 20px !important;
}

/* line 55, ../sass/all/base.scss */
.mr-bot-30 {
  margin-bottom: 30px !important;
}

/* line 59, ../sass/all/base.scss */
.mr-bot-40 {
  margin-bottom: 40px !important;
}

/* line 63, ../sass/all/base.scss */
.mr-bot-50 {
  margin-bottom: 50px !important;
}

/* line 70, ../sass/all/base.scss */
.pd-top-0 {
  padding-top: 0 !important;
}

/* line 74, ../sass/all/base.scss */
.pd-top-10 {
  padding-top: 10px !important;
}

/* line 78, ../sass/all/base.scss */
.pd-top-20 {
  padding-top: 20px !important;
}

/* line 82, ../sass/all/base.scss */
.pd-top-30 {
  padding-top: 30px !important;
}

/* line 86, ../sass/all/base.scss */
.pd-top-40 {
  padding-top: 40px !important;
}

/* line 90, ../sass/all/base.scss */
.pd-top-50 {
  padding-top: 50px !important;
}

/* line 94, ../sass/all/base.scss */
.pd-bot-0 {
  padding-bottom: 0 !important;
}

/* line 98, ../sass/all/base.scss */
.pd-bot-10 {
  padding-bottom: 10px !important;
}

/* line 102, ../sass/all/base.scss */
.pd-bot-20 {
  padding-bottom: 20px !important;
}

/* line 106, ../sass/all/base.scss */
.pd-bot-30 {
  padding-bottom: 30px !important;
}

/* line 110, ../sass/all/base.scss */
.pd-bot-40 {
  padding-bottom: 40px !important;
}

/* line 114, ../sass/all/base.scss */
.pd-bot-50 {
  padding-bottom: 50px !important;
}

/* line 120, ../sass/all/base.scss */
.ttu {
  text-transform: uppercase;
}

/* line 124, ../sass/all/base.scss */
.tac {
  text-align: center;
}

/* line 128, ../sass/all/base.scss */
.no-pad-top {
  padding-top: 0 !important;
}

/* line 132, ../sass/all/base.scss */
.no-pad-bot {
  padding-bottom: 0 !important;
}

@media only screen and (max-width: 709px) and (min-width: 120px) {
  /* line 158, ../sass/all/base.scss */
  .mr-top-10 {
    margin-top: 7px !important;
  }

  /* line 162, ../sass/all/base.scss */
  .mr-top-20 {
    margin-top: 10px !important;
  }

  /* line 166, ../sass/all/base.scss */
  .mr-top-30 {
    margin-top: 15px !important;
  }

  /* line 170, ../sass/all/base.scss */
  .mr-top-40 {
    margin-top: 20px !important;
  }

  /* line 174, ../sass/all/base.scss */
  .mr-top-50 {
    margin-top: 30px !important;
  }

  /* line 178, ../sass/all/base.scss */
  .mr-bot-10 {
    margin-bottom: 7px !important;
  }

  /* line 182, ../sass/all/base.scss */
  .mr-bot-20 {
    margin-bottom: 10px !important;
  }

  /* line 186, ../sass/all/base.scss */
  .mr-bot-30 {
    margin-bottom: 15px !important;
  }

  /* line 190, ../sass/all/base.scss */
  .mr-bot-40 {
    margin-bottom: 20px !important;
  }

  /* line 194, ../sass/all/base.scss */
  .mr-bot-50 {
    margin-bottom: 30px !important;
  }

  /* line 200, ../sass/all/base.scss */
  .pd-top-10 {
    padding-top: 7px !important;
  }

  /* line 204, ../sass/all/base.scss */
  .pd-top-20 {
    padding-top: 10px !important;
  }

  /* line 208, ../sass/all/base.scss */
  .pd-top-30 {
    padding-top: 15px !important;
  }

  /* line 212, ../sass/all/base.scss */
  .pd-top-40 {
    padding-top: 20px !important;
  }

  /* line 216, ../sass/all/base.scss */
  .pd-top-50 {
    padding-top: 30px !important;
  }

  /* line 221, ../sass/all/base.scss */
  .pd-bot-10 {
    padding-bottom: 7px !important;
  }

  /* line 225, ../sass/all/base.scss */
  .pd-bot-20 {
    padding-bottom: 10px !important;
  }

  /* line 229, ../sass/all/base.scss */
  .pd-bot-30 {
    padding-bottom: 15px !important;
  }

  /* line 233, ../sass/all/base.scss */
  .pd-bot-40 {
    padding-bottom: 20px !important;
  }

  /* line 237, ../sass/all/base.scss */
  .pd-bot-50 {
    padding-bottom: 30px !important;
  }
}
/* line 1, ../sass/index-new/index-hero.scss */
.hero-new {
  position: relative;
  overflow: hidden;
  padding-top: calc(var(--header-height) + 50px);
  padding-bottom: 70px;
  background: radial-gradient(circle at 10% 90%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%), radial-gradient(circle at 90% 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 100%), linear-gradient(135deg, var(--color-lavender), var(--color-powder-blue), var(--color-medium-slate-blue));
}

/* line 13, ../sass/index-new/index-hero.scss */
.hero-new-wr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 19, ../sass/index-new/index-hero.scss */
.hero-new-left {
  max-width: 620px;
}
/* line 22, ../sass/index-new/index-hero.scss */
.hero-new-left .site-label {
  margin-bottom: 24px;
}
/* line 26, ../sass/index-new/index-hero.scss */
.hero-new-left .section-title {
  color: #101111;
  text-align: initial;
  margin-bottom: 20px;
  font-weight: 600;
}
/* line 33, ../sass/index-new/index-hero.scss */
.hero-new-left .site-text {
  opacity: .7;
  margin-bottom: 32px;
}

/* line 39, ../sass/index-new/index-hero.scss */
.hero-new-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}

/* line 45, ../sass/index-new/index-hero.scss */
.hero-new-rating {
  font-size: 14px;
}

/* line 49, ../sass/index-new/index-hero.scss */
.hero-new-right {
  position: relative;
  width: 520px;
  height: 380px;
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  top: 50px;
}

/* line 59, ../sass/index-new/index-hero.scss */
.hero-new-reviews {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* line 65, ../sass/index-new/index-hero.scss */
.hero-new-avatars {
  display: flex;
}

/* line 69, ../sass/index-new/index-hero.scss */
.hero-new-avatars img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  margin-left: -10px;
}

/* line 78, ../sass/index-new/index-hero.scss */
.hero-new-avatars img:first-child {
  margin-left: 0;
}

/* line 82, ../sass/index-new/index-hero.scss */
.hero-new-rating {
  font-size: 14px;
}

/* line 86, ../sass/index-new/index-hero.scss */
.hero-new-rating span {
  font-weight: 600;
  margin-left: 6px;
}

/* line 91, ../sass/index-new/index-hero.scss */
.hero-new-rating small {
  display: block;
  opacity: .6;
}

/* line 96, ../sass/index-new/index-hero.scss */
.hero-float {
  position: absolute;
  border-radius: 15px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  transform: scale(0);
  animation: float 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  object-fit: contain;
  background: #fff;
  padding: 5px;
}

/* line 107, ../sass/index-new/index-hero.scss */
.hero-float-1 {
  top: -30px;
  right: -7%;
  width: 58%;
}

/* line 113, ../sass/index-new/index-hero.scss */
.hero-float-2 {
  top: 140px;
  left: -17%;
  animation-delay: 1s;
  width: 55%;
}

/* line 120, ../sass/index-new/index-hero.scss */
.hero-float-3 {
  bottom: 56px;
  right: -23%;
  animation-delay: 2s;
  width: 52%;
}

/* line 127, ../sass/index-new/index-hero.scss */
.hero-float-4 {
  top: 10px;
  left: -20%;
  animation-delay: 1.5s;
  width: 37%;
}

/* line 134, ../sass/index-new/index-hero.scss */
.hero-float-5 {
  bottom: -15%;
  left: -20%;
  animation-delay: 2.5s;
  width: 73%;
}

@keyframes float {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
/* line 147, ../sass/index-new/index-hero.scss */
.hero-new-road {
  margin-top: 220px;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
}
/* line 165, ../sass/index-new/index-hero.scss */
.hero-new-road span {
  display: inline-block;
  margin: 0 50px;
}
/* line 170, ../sass/index-new/index-hero.scss */
.hero-new-road span img {
  height: 50px;
  display: block;
}

/* 1241 — 1440 */
@media only screen and (min-width: 1241px) and (max-width: 1440px) {
  /* line 182, ../sass/index-new/index-hero.scss */
  .hero-new {
    padding-top: calc(var(--header-height) + 40px);
    padding-bottom: 60px;
  }

  /* line 187, ../sass/index-new/index-hero.scss */
  .hero-new-left {
    max-width: 560px;
  }

  /* line 191, ../sass/index-new/index-hero.scss */
  .hero-new-right {
    width: 460px;
    height: 340px;
    margin-right: 70px;
  }

  /* line 197, ../sass/index-new/index-hero.scss */
  .hero-new-road {
    margin-top: 160px;
  }
}
/* 1024 — 1240 */
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 208, ../sass/index-new/index-hero.scss */
  .hero-new {
    padding: 160px 0 60px;
  }

  /* line 212, ../sass/index-new/index-hero.scss */
  .hero-new-title {
    font-size: 48px;
  }

  /* line 216, ../sass/index-new/index-hero.scss */
  .hero-new-left {
    max-width: 500px;
  }

  /* line 220, ../sass/index-new/index-hero.scss */
  .hero-new-text {
    font-size: 17px;
  }

  /* line 224, ../sass/index-new/index-hero.scss */
  .hero-new-right {
    width: 420px;
    height: 320px;
  }

  /* line 229, ../sass/index-new/index-hero.scss */
  .hero-new-road {
    margin-top: 150px;
  }

  /* line 233, ../sass/index-new/index-hero.scss */
  .hero-float {
    padding: 4px;
  }
}
/* 768 — 1023 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 244, ../sass/index-new/index-hero.scss */
  .hero-new {
    padding: 140px 0 60px;
  }

  /* line 248, ../sass/index-new/index-hero.scss */
  .hero-new-wr {
    gap: 40px;
  }

  /* line 252, ../sass/index-new/index-hero.scss */
  .hero-new-title {
    font-size: 40px;
  }

  /* line 256, ../sass/index-new/index-hero.scss */
  .hero-new-text {
    font-size: 16px;
  }

  /* line 260, ../sass/index-new/index-hero.scss */
  .hero-new-left {
    max-width: 420px;
    padding-right: 40px;
  }

  /* line 265, ../sass/index-new/index-hero.scss */
  .hero-new-right {
    width: 360px;
    height: 270px;
    top: 20px;
  }

  /* line 271, ../sass/index-new/index-hero.scss */
  .hero-new-actions {
    flex-wrap: wrap;
    gap: 14px;
  }

  /* line 276, ../sass/index-new/index-hero.scss */
  .hero-new-road {
    margin-top: 150px;
  }

  /* line 280, ../sass/index-new/index-hero.scss */
  .hero-new-road span {
    margin: 0 35px;
  }

  /* line 284, ../sass/index-new/index-hero.scss */
  .hero-new-road span img {
    height: 40px;
  }

  /* line 288, ../sass/index-new/index-hero.scss */
  .hero-float-2 {
    top: 100px;
  }
}
/* mobile */
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 299, ../sass/index-new/index-hero.scss */
  .hero-new {
    padding: 120px 0 50px;
  }
  /* line 302, ../sass/index-new/index-hero.scss */
  .hero-new .section-title {
    text-align: center !important;
  }

  /* line 307, ../sass/index-new/index-hero.scss */
  .hero-new-wr {
    flex-direction: column;
    gap: 40px;
    text-align: center;
  }

  /* line 313, ../sass/index-new/index-hero.scss */
  .hero-new-left {
    max-width: 100%;
  }

  /* line 317, ../sass/index-new/index-hero.scss */
  .hero-new-title {
    font-size: 32px;
  }

  /* line 321, ../sass/index-new/index-hero.scss */
  .hero-new-text {
    font-size: 15px;
  }

  /* line 325, ../sass/index-new/index-hero.scss */
  .hero-new-actions {
    justify-content: center;
    flex-wrap: wrap;
  }

  /* line 330, ../sass/index-new/index-hero.scss */
  .hero-new-right {
    width: 100%;
    max-width: 420px;
    height: 260px;
    margin: 0 auto;
    top: 0;
  }

  /* line 338, ../sass/index-new/index-hero.scss */
  .hero-new-reviews {
    justify-content: center;
  }

  /* line 342, ../sass/index-new/index-hero.scss */
  .hero-new-road {
    margin-top: 100px;
  }

  /* line 346, ../sass/index-new/index-hero.scss */
  .hero-new-road span {
    margin: 0 25px;
  }

  /* line 350, ../sass/index-new/index-hero.scss */
  .hero-new-road span img {
    height: 36px;
  }

  /* уменьшаем плавающие картинки */
  /* line 356, ../sass/index-new/index-hero.scss */
  .hero-float {
    padding: 3px;
  }

  /* line 360, ../sass/index-new/index-hero.scss */
  .hero-float-1 {
    width: 50%;
  }

  /* line 361, ../sass/index-new/index-hero.scss */
  .hero-float-2 {
    width: 48%;
    top: 97px;
  }

  /* line 362, ../sass/index-new/index-hero.scss */
  .hero-float-3 {
    width: 46%;
  }

  /* line 363, ../sass/index-new/index-hero.scss */
  .hero-float-4 {
    width: 32%;
    left: -1%;
  }

  /* line 365, ../sass/index-new/index-hero.scss */
  .hero-float-5 {
    width: 60%;
  }
}
/* line 1, ../sass/index-new/index-features.scss */
.features-new {
  padding: 140px 0;
}

/* line 5, ../sass/index-new/index-features.scss */
.features-new-head {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 70px;
}
/* line 10, ../sass/index-new/index-features.scss */
.features-new-head .site-title {
  margin-bottom: 16px;
}
/* line 14, ../sass/index-new/index-features.scss */
.features-new-head .site-text {
  opacity: .7;
}

/* line 19, ../sass/index-new/index-features.scss */
.features-new-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* line 25, ../sass/index-new/index-features.scss */
.features-new-card {
  background: white;
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  position: relative;
}

/* line 35, ../sass/index-new/index-features.scss */
.features-new-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--color-lavender);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 22px;
  position: relative;
  z-index: 2;
}
/* line 50, ../sass/index-new/index-features.scss */
.features-new-icon svg, .features-new-icon img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

/* line 58, ../sass/index-new/index-features.scss */
.features-new-card h3 {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  z-index: 2;
}

/* line 66, ../sass/index-new/index-features.scss */
.features-new-card p {
  opacity: .7;
  font-size: 18px;
  line-height: 1.47;
  position: relative;
  z-index: 2;
}

/* line 77, ../sass/index-new/index-features.scss */
.features-new-card-active:before {
  content: '';
  background: linear-gradient(135deg, var(--color-lavender), var(--color-powder-blue));
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  z-index: 2;
}
/* line 95, ../sass/index-new/index-features.scss */
.features-new-card-active:after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #e8e8e8;
}

@media only screen and (min-width: 1241px) and (max-width: 1440px) {
  /* line 110, ../sass/index-new/index-features.scss */
  .features-new {
    padding: 85px 0;
  }

  /* line 114, ../sass/index-new/index-features.scss */
  .features-new-head {
    margin: 0 auto 60px;
  }
  /* line 117, ../sass/index-new/index-features.scss */
  .features-new-head .site-title {
    margin-bottom: 16px;
  }

  /* line 122, ../sass/index-new/index-features.scss */
  .features-new-grid {
    gap: 25px;
  }

  /* line 126, ../sass/index-new/index-features.scss */
  .features-new-card {
    border-radius: 20px;
    padding: 35px;
  }

  /* line 131, ../sass/index-new/index-features.scss */
  .features-new-icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 18px;
    font-size: 20px;
  }
  /* line 138, ../sass/index-new/index-features.scss */
  .features-new-icon svg, .features-new-icon img {
    width: 18px;
    height: 18px;
  }

  /* line 144, ../sass/index-new/index-features.scss */
  .features-new-card h3 {
    margin-bottom: 10px;
    font-size: 22px;
  }

  /* line 149, ../sass/index-new/index-features.scss */
  .features-new-card p {
    font-size: 16px;
  }
}
/* line 155, ../sass/index-new/index-features.scss */
.features-new {
  padding: 140px 0;
}

/* line 159, ../sass/index-new/index-features.scss */
.features-new-head {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 70px;
}
/* line 164, ../sass/index-new/index-features.scss */
.features-new-head .site-title {
  margin-bottom: 16px;
}
/* line 168, ../sass/index-new/index-features.scss */
.features-new-head .site-text {
  opacity: .7;
}

/* line 173, ../sass/index-new/index-features.scss */
.features-new-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* line 179, ../sass/index-new/index-features.scss */
.features-new-card {
  background: white;
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  position: relative;
}

/* line 189, ../sass/index-new/index-features.scss */
.features-new-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--color-lavender);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 22px;
  position: relative;
  z-index: 2;
}
/* line 204, ../sass/index-new/index-features.scss */
.features-new-icon svg, .features-new-icon img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  display: block;
}

/* line 212, ../sass/index-new/index-features.scss */
.features-new-card h3 {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
  position: relative;
  z-index: 2;
}

/* line 220, ../sass/index-new/index-features.scss */
.features-new-card p {
  opacity: .7;
  font-size: 18px;
  line-height: 1.47;
  position: relative;
  z-index: 2;
}

/* line 231, ../sass/index-new/index-features.scss */
.features-new-card-active:before {
  content: '';
  background: linear-gradient(135deg, var(--color-lavender), var(--color-powder-blue));
  position: relative;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  z-index: 2;
}
/* line 249, ../sass/index-new/index-features.scss */
.features-new-card-active:after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #e8e8e8;
}

@media only screen and (min-width: 1241px) and (max-width: 1440px) {
  /* line 264, ../sass/index-new/index-features.scss */
  .features-new {
    padding: 85px 0;
  }

  /* line 268, ../sass/index-new/index-features.scss */
  .features-new-head {
    margin: 0 auto 60px;
  }
  /* line 271, ../sass/index-new/index-features.scss */
  .features-new-head .site-title {
    margin-bottom: 16px;
  }

  /* line 276, ../sass/index-new/index-features.scss */
  .features-new-grid {
    gap: 25px;
  }

  /* line 280, ../sass/index-new/index-features.scss */
  .features-new-card {
    border-radius: 20px;
    padding: 35px;
  }

  /* line 285, ../sass/index-new/index-features.scss */
  .features-new-icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 18px;
    font-size: 20px;
  }
  /* line 292, ../sass/index-new/index-features.scss */
  .features-new-icon svg, .features-new-icon img {
    width: 18px;
    height: 18px;
  }

  /* line 298, ../sass/index-new/index-features.scss */
  .features-new-card h3 {
    margin-bottom: 10px;
    font-size: 22px;
  }

  /* line 303, ../sass/index-new/index-features.scss */
  .features-new-card p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 311, ../sass/index-new/index-features.scss */
  .features-new {
    padding: 80px 0;
  }

  /* line 315, ../sass/index-new/index-features.scss */
  .features-new-head {
    margin: 0 auto 50px;
  }

  /* line 319, ../sass/index-new/index-features.scss */
  .features-new-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }

  /* line 324, ../sass/index-new/index-features.scss */
  .features-new-card {
    padding: 28px;
  }

  /* line 328, ../sass/index-new/index-features.scss */
  .features-new-card h3 {
    font-size: 20px;
  }

  /* line 332, ../sass/index-new/index-features.scss */
  .features-new-card p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 339, ../sass/index-new/index-features.scss */
  .features-new {
    padding: 50px 0;
  }

  /* line 343, ../sass/index-new/index-features.scss */
  .features-new-head {
    margin: 0 auto 30px;
  }

  /* line 347, ../sass/index-new/index-features.scss */
  .features-new-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* line 352, ../sass/index-new/index-features.scss */
  .features-new-card {
    padding: 20px;
    border-radius: 16px;
  }

  /* line 357, ../sass/index-new/index-features.scss */
  .features-new-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 15px;
  }

  /* line 363, ../sass/index-new/index-features.scss */
  .features-new-card h3 {
    font-size: 18px;
  }

  /* line 367, ../sass/index-new/index-features.scss */
  .features-new-card p {
    font-size: 14px;
  }
}
/* line 1, ../sass/index-new/index-analytics.scss */
.analytics-new {
  padding: 140px 0;
}

/* line 5, ../sass/index-new/index-analytics.scss */
.analytics-new-head {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 60px;
}
/* line 10, ../sass/index-new/index-analytics.scss */
.analytics-new-head .site-title {
  margin-bottom: 16px;
}
/* line 14, ../sass/index-new/index-analytics.scss */
.analytics-new-head .site-text {
  opacity: .7;
}

/* line 19, ../sass/index-new/index-analytics.scss */
.analytics-new-chart {
  background: #fff;
  border-radius: 24px;
  padding: 30px;
  margin-bottom: 40px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
}

/* line 27, ../sass/index-new/index-analytics.scss */
.analytics-new-chart-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  gap: 10px;
  flex-wrap: wrap;
}
/* line 35, ../sass/index-new/index-analytics.scss */
.analytics-new-chart-top h3 {
  font-size: 24px;
  font-weight: 500;
}
/* line 40, ../sass/index-new/index-analytics.scss */
.analytics-new-chart-top i {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  gap: 10px;
  align-items: center;
}
/* line 47, ../sass/index-new/index-analytics.scss */
.analytics-new-chart-top i b {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--color-powder-blue);
}
/* line 55, ../sass/index-new/index-analytics.scss */
.analytics-new-chart-top p {
  max-width: 70%;
}

/* line 60, ../sass/index-new/index-analytics.scss */
.analytics-new-chart img {
  width: 100%;
}

/* line 65, ../sass/index-new/index-analytics.scss */
.analytics-new-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 30px;
}

/* line 72, ../sass/index-new/index-analytics.scss */
.analytics-new-card {
  background: #fff;
  border-radius: 24px;
  padding: 40px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
}
/* line 78, ../sass/index-new/index-analytics.scss */
.analytics-new-card:first-child {
  display: flex;
  align-items: center;
}
/* line 83, ../sass/index-new/index-analytics.scss */
.analytics-new-card .w100 {
  width: 100% !important;
  max-width: 100% !important;
}

/* line 90, ../sass/index-new/index-analytics.scss */
.analytics-new-card-wr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

/* line 97, ../sass/index-new/index-analytics.scss */
.analytics-new-card-text {
  max-width: 50%;
}

/* line 101, ../sass/index-new/index-analytics.scss */
.analytics-new-card-img {
  width: 45%;
}

/* line 105, ../sass/index-new/index-analytics.scss */
.analytics-new-card-img img {
  width: 100%;
  display: block;
}

/* line 111, ../sass/index-new/index-analytics.scss */
.analytics-new-card-img-top {
  text-align: center;
  margin-bottom: 20px;
}

/* line 116, ../sass/index-new/index-analytics.scss */
.analytics-new-card-img-top img {
  width: 200px;
}

/* line 121, ../sass/index-new/index-analytics.scss */
.analytics-new-card-text h3 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}

/* line 127, ../sass/index-new/index-analytics.scss */
.analytics-new-card-text p {
  font-size: 18px;
  opacity: .7;
}

@media only screen and (min-width: 1241px) and (max-width: 1440px) {
  /* line 134, ../sass/index-new/index-analytics.scss */
  .analytics-new {
    padding: 85px 0;
  }

  /* line 138, ../sass/index-new/index-analytics.scss */
  .analytics-new-head {
    margin: 0 auto 50px;
  }

  /* line 142, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart {
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 35px;
  }

  /* line 148, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart-top {
    margin-bottom: 25px;
  }
  /* line 151, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart-top h3 {
    font-size: 22px;
  }
  /* line 155, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart-top i {
    font-size: 18px;
    gap: 10px;
  }
  /* line 159, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart-top i b {
    width: 16px;
    height: 16px;
  }

  /* line 166, ../sass/index-new/index-analytics.scss */
  .analytics-new-grid {
    gap: 25px;
  }

  /* line 171, ../sass/index-new/index-analytics.scss */
  .analytics-new-card {
    border-radius: 20px;
    padding: 35px;
  }

  /* line 177, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-wr {
    gap: 25px;
  }

  /* line 182, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-img-top {
    margin-bottom: 18px;
  }

  /* line 186, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-img-top img {
    width: 170px;
  }

  /* line 191, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text h3 {
    font-size: 22px;
    margin-bottom: 8px;
  }

  /* line 196, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 205, ../sass/index-new/index-analytics.scss */
  .analytics-new {
    padding: 100px 0;
  }

  /* line 209, ../sass/index-new/index-analytics.scss */
  .analytics-new-grid {
    grid-template-columns: 1.2fr 1fr;
    gap: 25px;
  }

  /* line 214, ../sass/index-new/index-analytics.scss */
  .analytics-new-card {
    padding: 30px;
  }

  /* line 218, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-wr {
    gap: 20px;
  }

  /* line 222, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text {
    max-width: 55%;
  }

  /* line 226, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-img {
    width: 40%;
  }

  /* line 230, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text h3 {
    font-size: 22px;
  }

  /* line 234, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 241, ../sass/index-new/index-analytics.scss */
  .analytics-new {
    padding: 80px 0;
  }

  /* line 245, ../sass/index-new/index-analytics.scss */
  .analytics-new-head {
    margin: 0 auto 40px;
  }

  /* line 249, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart {
    padding: 22px;
  }

  /* line 254, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart-top p {
    max-width: 100%;
  }

  /* line 259, ../sass/index-new/index-analytics.scss */
  .analytics-new-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  /* line 264, ../sass/index-new/index-analytics.scss */
  .analytics-new-card {
    padding: 28px;
  }

  /* line 268, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-wr {
    flex-direction: column;
    gap: 25px;
  }

  /* line 273, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text {
    max-width: 100%;
  }

  /* line 277, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-img {
    width: 100%;
  }

  /* line 283, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-img-top img {
    width: 100%;
  }

  /* line 288, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text h3 {
    font-size: 20px;
  }

  /* line 292, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 299, ../sass/index-new/index-analytics.scss */
  .analytics-new {
    padding: 50px 0;
  }

  /* line 303, ../sass/index-new/index-analytics.scss */
  .analytics-new-head {
    margin: 0 auto 30px;
  }

  /* line 307, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart {
    padding: 18px;
    border-radius: 16px;
    margin-bottom: 20px;
  }

  /* line 313, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  /* line 318, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart-top p {
    max-width: 100%;
  }
  /* line 322, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart-top h3 {
    font-size: 18px;
  }
  /* line 326, ../sass/index-new/index-analytics.scss */
  .analytics-new-chart-top i {
    font-size: 16px;
  }

  /* line 333, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-img-top img {
    width: 100%;
  }

  /* line 338, ../sass/index-new/index-analytics.scss */
  .analytics-new-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  /* line 343, ../sass/index-new/index-analytics.scss */
  .analytics-new-card {
    padding: 20px;
    border-radius: 16px;
  }

  /* line 348, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-wr {
    flex-direction: column;
    gap: 20px;
  }

  /* line 353, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text {
    max-width: 100%;
  }

  /* line 357, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-img {
    width: 100%;
  }

  /* line 361, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text h3 {
    font-size: 18px;
  }

  /* line 365, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-text p {
    font-size: 14px;
  }

  /* line 369, ../sass/index-new/index-analytics.scss */
  .analytics-new-card-img-top img {
    width: 100%;
  }
}
/* line 1, ../sass/index-new/index-about.scss */
.about-new {
  padding: 140px 0;
}

/* line 5, ../sass/index-new/index-about.scss */
.about-new-wr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 80px;
}

/* line 13, ../sass/index-new/index-about.scss */
.about-new-left {
  position: relative;
  width: 520px;
  height: 360px;
  background: rgba(53, 137, 250, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 20px;
}

/* line 23, ../sass/index-new/index-about.scss */
.about-card {
  position: absolute;
  border-radius: 15px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
  transform: scale(0);
  object-fit: contain;
  background: #fff;
  padding: 5px;
}
/* line 33, ../sass/index-new/index-about.scss */
.about-card.anim {
  animation: float 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* line 39, ../sass/index-new/index-about.scss */
.about-card-1 {
  top: -100px;
  right: -100px;
  animation-delay: .4s;
  width: 60%;
}

/* line 46, ../sass/index-new/index-about.scss */
.about-card-2 {
  top: 120px;
  left: -12%;
  animation-delay: .7s;
  width: 56%;
}

/* line 53, ../sass/index-new/index-about.scss */
.about-card-3 {
  bottom: -57px;
  right: -32%;
  animation-delay: 1s;
}

/* line 60, ../sass/index-new/index-about.scss */
.about-new-right {
  max-width: 520px;
}
/* line 63, ../sass/index-new/index-about.scss */
.about-new-right .site-title {
  margin-bottom: 20px;
}
/* line 67, ../sass/index-new/index-about.scss */
.about-new-right .site-text {
  opacity: .7;
  margin-bottom: 24px;
}

/* line 73, ../sass/index-new/index-about.scss */
.about-new-list {
  margin-bottom: 30px;
}

/* line 77, ../sass/index-new/index-about.scss */
.about-new-list li {
  font-size: 18px;
  opacity: .7;
  margin-bottom: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
}
/* line 85, ../sass/index-new/index-about.scss */
.about-new-list li svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
}

@media only screen and (min-width: 1241px) and (max-width: 1440px) {
  /* line 94, ../sass/index-new/index-about.scss */
  .about-new {
    padding: 85px 0;
  }

  /* line 98, ../sass/index-new/index-about.scss */
  .about-new-wr {
    gap: 70px;
  }

  /* line 103, ../sass/index-new/index-about.scss */
  .about-new-left {
    width: 440px;
    border-radius: 18px;
  }

  /* line 109, ../sass/index-new/index-about.scss */
  .about-card {
    border-radius: 15px;
    padding: 5px;
  }

  /* line 115, ../sass/index-new/index-about.scss */
  .about-card-1 {
    top: -85px;
    right: -85px;
  }

  /* line 120, ../sass/index-new/index-about.scss */
  .about-card-2 {
    left: -7%;
    top: 100px;
  }

  /* line 125, ../sass/index-new/index-about.scss */
  .about-card-3 {
    bottom: -50px;
  }

  /* line 130, ../sass/index-new/index-about.scss */
  .about-new-right {
    max-width: 520px;
  }
  /* line 133, ../sass/index-new/index-about.scss */
  .about-new-right .site-title {
    margin-bottom: 15px;
  }
  /* line 137, ../sass/index-new/index-about.scss */
  .about-new-right .site-text {
    margin-bottom: 20px;
  }

  /* line 142, ../sass/index-new/index-about.scss */
  .about-new-list {
    margin-bottom: 25px;
  }

  /* line 146, ../sass/index-new/index-about.scss */
  .about-new-list li {
    font-size: 18px;
    margin-bottom: 10px;
    gap: 10px;
  }
  /* line 151, ../sass/index-new/index-about.scss */
  .about-new-list li svg {
    width: 20px;
    height: 20px;
    min-width: 20px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 163, ../sass/index-new/index-about.scss */
  .about-new {
    padding: 100px 0;
  }

  /* line 167, ../sass/index-new/index-about.scss */
  .about-new-wr {
    gap: 50px;
  }

  /* line 171, ../sass/index-new/index-about.scss */
  .about-new-left {
    max-width: 440px;
  }

  /* line 175, ../sass/index-new/index-about.scss */
  .about-new-right {
    max-width: 480px;
  }

  /* line 183, ../sass/index-new/index-about.scss */
  .about-card-1 {
    right: -40px;
  }

  /* line 187, ../sass/index-new/index-about.scss */
  .about-card-3 {
    bottom: -97px;
    right: -12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 195, ../sass/index-new/index-about.scss */
  .about-new {
    padding: 80px 0;
  }

  /* line 199, ../sass/index-new/index-about.scss */
  .about-new-wr {
    flex-direction: column;
    gap: 40px;
  }

  /* line 204, ../sass/index-new/index-about.scss */
  .about-new-left {
    max-width: 460px;
  }

  /* line 208, ../sass/index-new/index-about.scss */
  .about-new-right {
    max-width: 100%;
  }

  /* line 216, ../sass/index-new/index-about.scss */
  .about-card-1 {
    top: -70px;
    right: -20%;
  }

  /* line 217, ../sass/index-new/index-about.scss */
  .about-card-2 {
    top: 100px;
  }

  /* line 218, ../sass/index-new/index-about.scss */
  .about-card-3 {
    bottom: -85px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 223, ../sass/index-new/index-about.scss */
  .about-new {
    padding: 50px 0;
  }

  /* line 227, ../sass/index-new/index-about.scss */
  .about-new-wr {
    flex-direction: column;
    gap: 30px;
    text-align: center;
  }

  /* line 233, ../sass/index-new/index-about.scss */
  .about-new-left {
    max-width: 100%;
    margin: 0 auto;
  }

  /* line 238, ../sass/index-new/index-about.scss */
  .about-new-right {
    max-width: 100%;
  }

  /* line 242, ../sass/index-new/index-about.scss */
  .about-new-list {
    text-align: left;
  }

  /* line 246, ../sass/index-new/index-about.scss */
  .about-new-list li {
    justify-content: flex-start;
  }

  /* уменьшаем карточки */
  /* line 251, ../sass/index-new/index-about.scss */
  .about-card {
    padding: 3px;
  }

  /* line 255, ../sass/index-new/index-about.scss */
  .about-card-1 {
    width: 50%;
    top: -26px;
    right: -8px;
  }

  /* line 258, ../sass/index-new/index-about.scss */
  .about-card-2 {
    width: 48%;
    top: 82px;
    left: -2%;
  }

  /* line 261, ../sass/index-new/index-about.scss */
  .about-card-3 {
    width: 67%;
    bottom: -10px;
    right: -6px;
  }
}
/* line 1, ../sass/index-new/index-faq.scss */
.FAQ {
  position: relative;
}
/* line 4, ../sass/index-new/index-faq.scss */
.FAQ .undertitle {
  margin-top: 25px;
}

/* line 9, ../sass/index-new/index-faq.scss */
.faq-result {
  position: relative;
  width: 880px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 50px;
}

/* line 17, ../sass/index-new/index-faq.scss */
.faq-row {
  position: relative;
  border-radius: 20px;
  padding: 20px;
}
/* line 22, ../sass/index-new/index-faq.scss */
.faq-row.active {
  background: rgba(107, 107, 241, 0.1);
}
/* line 27, ../sass/index-new/index-faq.scss */
.faq-row.active .faq-title .plus:before {
  transform: rotate(-45deg);
}
/* line 31, ../sass/index-new/index-faq.scss */
.faq-row.active .faq-title .plus:after {
  transform: rotate(45deg);
}
/* line 37, ../sass/index-new/index-faq.scss */
.faq-row.active .faq-answer {
  max-height: 1000px;
  transition: 1s linear all;
}

/* line 44, ../sass/index-new/index-faq.scss */
.faq-title {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding-bottom: 30px;
  align-items: center;
  font-weight: 600;
  font-size: 20px;
}
/* line 58, ../sass/index-new/index-faq.scss */
.faq-title .site-title {
  max-width: calc(100% - 22px - 15px);
}
/* line 62, ../sass/index-new/index-faq.scss */
.faq-title .plus {
  position: relative;
  display: block;
  transition: 0.3s ease;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
/* line 70, ../sass/index-new/index-faq.scss */
.faq-title .plus:before {
  content: '';
  display: block;
  position: absolute;
  background: #000;
  transition: 0.3s ease;
  height: 2px;
  width: 10px;
  left: 3px;
  top: 10px;
  transform: rotate(45deg);
}
/* line 83, ../sass/index-new/index-faq.scss */
.faq-title .plus:after {
  content: '';
  display: block;
  position: absolute;
  background: #000;
  transition: 0.3s ease;
  height: 2px;
  width: 10px;
  right: 3px;
  top: 10px;
  transform: rotate(-45deg);
}
@media (hover: hover) {
  /* line 99, ../sass/index-new/index-faq.scss */
  .faq-title:hover .plus {
    border-color: var(--color-medium-slate-blue);
    background: var(--color-medium-slate-blue);
  }
  /* line 103, ../sass/index-new/index-faq.scss */
  .faq-title:hover .plus:before, .faq-title:hover .plus:after {
    background: #fff;
  }
}

/* line 111, ../sass/index-new/index-faq.scss */
.faq-answer {
  position: relative;
  overflow: hidden;
  max-height: 0;
  transition: none;
}
/* line 117, ../sass/index-new/index-faq.scss */
.faq-answer .inner {
  padding-bottom: 30px;
}

@media only screen and (min-width: 1241px) and (max-width: 1440px) {
  /* line 125, ../sass/index-new/index-faq.scss */
  .FAQ .undertitle {
    margin-top: 20px;
  }

  /* line 130, ../sass/index-new/index-faq.scss */
  .faq-result {
    margin-top: 60px;
  }

  /* line 134, ../sass/index-new/index-faq.scss */
  .faq-row {
    border-radius: 17px;
    padding: 17px;
  }

  /* line 139, ../sass/index-new/index-faq.scss */
  .faq-title {
    padding-bottom: 25px;
    font-size: 20px;
  }

  /* line 145, ../sass/index-new/index-faq.scss */
  .faq-answer .inner {
    padding-bottom: 25px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 154, ../sass/index-new/index-faq.scss */
  .faq-result {
    margin-top: 45px;
  }

  /* line 158, ../sass/index-new/index-faq.scss */
  .faq-row {
    border-radius: 18px;
    padding: 18px;
  }

  /* line 163, ../sass/index-new/index-faq.scss */
  .faq-title {
    font-size: 19px;
    padding-bottom: 22px;
  }

  /* line 168, ../sass/index-new/index-faq.scss */
  .faq-answer .inner {
    padding-bottom: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 175, ../sass/index-new/index-faq.scss */
  .faq-result {
    margin-top: 40px;
  }

  /* line 179, ../sass/index-new/index-faq.scss */
  .faq-row {
    border-radius: 16px;
    padding: 16px;
  }

  /* line 184, ../sass/index-new/index-faq.scss */
  .faq-title {
    font-size: 18px;
    padding-bottom: 20px;
  }

  /* line 189, ../sass/index-new/index-faq.scss */
  .faq-answer .inner {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 196, ../sass/index-new/index-faq.scss */
  .faq-result {
    margin-top: 30px;
  }

  /* line 200, ../sass/index-new/index-faq.scss */
  .faq-row {
    border-radius: 14px;
    padding: 14px;
  }

  /* line 205, ../sass/index-new/index-faq.scss */
  .faq-title {
    font-size: 16px;
    padding-bottom: 15px;
    align-items: flex-start;
  }
  /* line 210, ../sass/index-new/index-faq.scss */
  .faq-title .site-title {
    max-width: calc(100% - 22px - 10px);
  }

  /* line 215, ../sass/index-new/index-faq.scss */
  .faq-title .plus {
    width: 18px;
    height: 18px;
  }
  /* line 219, ../sass/index-new/index-faq.scss */
  .faq-title .plus:before, .faq-title .plus:after {
    width: 8px;
    top: 8px;
  }

  /* line 226, ../sass/index-new/index-faq.scss */
  .faq-answer .inner {
    padding-bottom: 15px;
    font-size: 14px;
  }
}
/* line 1, ../sass/index-new/index-counter.scss */
.counter-new {
  position: relative;
  padding: 140px 0;
}

/* line 7, ../sass/index-new/index-counter.scss */
.counter-new-wr {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin-top: 32px;
}

/* line 14, ../sass/index-new/index-counter.scss */
.counter-new-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
/* line 21, ../sass/index-new/index-counter.scss */
.counter-new-box b {
  font-size: 90px;
  color: #000;
  background: linear-gradient(90deg, #4b3dbb, #1fb6d9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  margin-bottom: 3px;
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 34, ../sass/index-new/index-counter.scss */
  .counter-new {
    padding: 100px 0;
  }

  /* line 38, ../sass/index-new/index-counter.scss */
  .counter-new-wr {
    gap: 24px;
  }

  /* line 42, ../sass/index-new/index-counter.scss */
  .counter-new-box b {
    font-size: 72px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 49, ../sass/index-new/index-counter.scss */
  .counter-new {
    padding: 80px 0;
  }

  /* line 53, ../sass/index-new/index-counter.scss */
  .counter-new-wr {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  /* line 58, ../sass/index-new/index-counter.scss */
  .counter-new-box b {
    font-size: 64px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 65, ../sass/index-new/index-counter.scss */
  .counter-new {
    padding: 50px 0;
  }

  /* line 69, ../sass/index-new/index-counter.scss */
  .counter-new-wr {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 20px;
  }

  /* line 75, ../sass/index-new/index-counter.scss */
  .counter-new-box b {
    font-size: 48px;
  }
}
/* line 1, ../sass/index-new/index-demo.scss */
.demo-new {
  position: relative;
  padding: 140px 0;
  background: var(--color-medium-slate-blue);
  background: linear-gradient(48deg, #4b3dbb, #1fb6d9, #4b3dbb);
  background-size: 200% 100%;
  background-position: 0% 50%;
  color: #fff;
}
/* line 9, ../sass/index-new/index-demo.scss */
.demo-new .site-title {
  margin-bottom: 16px;
}
/* line 13, ../sass/index-new/index-demo.scss */
.demo-new .container-new {
  max-width: 750px;
}

/* line 18, ../sass/index-new/index-demo.scss */
.demo-new-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 33px;
}

/* line 26, ../sass/index-new/index-demo.scss */
.demo-new-btn-arrow {
  display: flex;
  position: relative;
  font-weight: 600;
  font-size: 18px;
}
/* line 32, ../sass/index-new/index-demo.scss */
.demo-new-btn-arrow:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background-color: currentColor;
}
/* line 42, ../sass/index-new/index-demo.scss */
.demo-new-btn-arrow svg {
  width: 12px;
  height: 12px;
  margin-left: 6px;
  position: relative;
  top: 3px;
}
/* line 49, ../sass/index-new/index-demo.scss */
.demo-new-btn-arrow svg path {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: .2s;
}
/* line 54, ../sass/index-new/index-demo.scss */
.demo-new-btn-arrow svg path:last-child {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: .15s;
  transform-origin: top right;
}
/* line 63, ../sass/index-new/index-demo.scss */
.demo-new-btn-arrow:hover {
  color: #5EEBE6;
}
/* line 66, ../sass/index-new/index-demo.scss */
.demo-new-btn-arrow:hover:after {
  background-color: #5EEBE6;
}
/* line 74, ../sass/index-new/index-demo.scss */
.demo-new-btn-arrow:hover svg path:first-child {
  fill: #5EEBE6;
}
/* line 78, ../sass/index-new/index-demo.scss */
.demo-new-btn-arrow:hover svg path:last-child {
  transform: scaleX(0) scaleY(0);
}

@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 88, ../sass/index-new/index-demo.scss */
  .demo-new {
    padding: 100px 0;
  }

  /* line 92, ../sass/index-new/index-demo.scss */
  .demo-new-btns {
    gap: 18px;
    margin-top: 28px;
  }

  /* line 97, ../sass/index-new/index-demo.scss */
  .demo-new-btn-arrow {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 104, ../sass/index-new/index-demo.scss */
  .demo-new {
    padding: 80px 0;
  }

  /* line 108, ../sass/index-new/index-demo.scss */
  .demo-new-btns {
    gap: 16px;
    margin-top: 25px;
  }

  /* line 113, ../sass/index-new/index-demo.scss */
  .demo-new-btn-arrow {
    font-size: 17px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 120, ../sass/index-new/index-demo.scss */
  .demo-new {
    padding: 50px 0;
  }

  /* line 124, ../sass/index-new/index-demo.scss */
  .demo-new-btns {
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
  }

  /* line 130, ../sass/index-new/index-demo.scss */
  .demo-new-btn-arrow {
    font-size: 16px;
  }
  /* line 133, ../sass/index-new/index-demo.scss */
  .demo-new-btn-arrow svg {
    width: 10px;
    height: 10px;
    margin-left: 4px;
    top: 2px;
  }
}
/* line 1, ../sass/index-new/index-contact-block.scss */
.contact-block-new {
  position: relative;
  padding: 140px 0;
}

/* line 6, ../sass/index-new/index-contact-block.scss */
.contact-block-new-wr {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: var(--color-medium-slate-blue);
  background: var(--color-medium-slate-blue);
  background: linear-gradient(48deg, #4b3dbb, #1fb6d9, #4b3dbb);
  background-size: 200% 100%;
  background-position: 0% 50%;
  border-radius: 24px;
  padding: 48px;
  color: #fff;
  align-items: center;
}
/* line 21, ../sass/index-new/index-contact-block.scss */
.contact-block-new-wr .col {
  width: 47%;
}
/* line 24, ../sass/index-new/index-contact-block.scss */
.contact-block-new-wr .col .site-text {
  margin: 24px 0 32px;
}
/* line 29, ../sass/index-new/index-contact-block.scss */
.contact-block-new-wr .img {
  width: 100%;
  display: block;
  max-width: 560px;
  margin: 0 auto;
}
/* line 35, ../sass/index-new/index-contact-block.scss */
.contact-block-new-wr .img img {
  width: 100%;
  border-radius: 24px;
  display: block;
}

@media only screen and (min-width: 1241px) and (max-width: 1440px) {
  /* line 46, ../sass/index-new/index-contact-block.scss */
  .contact-block-new {
    padding: 120px 0;
  }

  /* line 50, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr {
    padding: 40px;
  }

  /* line 54, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr .col {
    width: 47%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
  /* line 61, ../sass/index-new/index-contact-block.scss */
  .contact-block-new {
    padding: 100px 0;
  }

  /* line 65, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr {
    padding: 36px;
  }

  /* line 69, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr .col {
    width: 48%;
  }

  /* line 73, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr .img {
    max-width: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 81, ../sass/index-new/index-contact-block.scss */
  .contact-block-new {
    padding: 80px 0;
  }

  /* line 85, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr {
    flex-direction: column;
    padding: 30px;
    gap: 30px;
  }

  /* line 91, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr .col {
    width: 100%;
  }
  /* line 94, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr .col:nth-child(2) {
    order: -1;
  }

  /* line 99, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr .img {
    max-width: 500px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 106, ../sass/index-new/index-contact-block.scss */
  .contact-block-new {
    padding: 50px 0;
  }

  /* line 110, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr {
    flex-direction: column;
    padding: 20px;
    border-radius: 16px;
    gap: 20px;
  }

  /* line 117, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr .col {
    width: 100%;
  }
  /* line 120, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr .col:nth-child(2) {
    order: -1;
  }
  /* line 124, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr .col .site-text {
    margin: 16px 0 20px;
  }

  /* line 129, ../sass/index-new/index-contact-block.scss */
  .contact-block-new-wr .img {
    max-width: 100%;
  }
}
/* line 19, ../sass/index-new.scss */
body, html {
  background-color: #fff;
  color: #000;
  padding: 0 !important;
  font-family: var(--font-text);
  font-weight: 400;
}