@import url("../fonts/Lato/stylesheet.css");
:root {
  --font-sans: "Lato", sans-serif;
  --blue: #2c57e4;
}

body {
  color: #262626;
}

html {
  scrollbar-width: 0;
  scroll-behavior: smooth;
}
html::-webkit-scrollbar {
  display: none;
}

.container {
  width: 100%;
  max-width: 1128px;
  margin-inline: auto;
}

.wrapper {
  width: 100%;
  overflow: hidden;
}

.p-sm {
  padding: 10px 12px;
}

.leading-standart {
  line-height: 130%;
}

.grid-cream {
  background: linear-gradient(180deg, #fdf7ec 0%, #f4eae1 100%), url(../img/setka.png);
}

.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal .swiper-button-prev {
  background-image: url("../svg/arrow-left.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
}

.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal .swiper-button-next {
  background-image: url("../svg/slide-arrow-right.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
}

.swiper-navigation-icon {
  display: none;
}

.quote-bg {
  background-image: url("../svg/quote.svg");
  background-position: top -100px;
  background-size: 120px;
  background-repeat: no-repeat;
}

#hero {
  background-image: url("../svg/hero.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  max-width: calc(100% - 40px);
  margin-inline: auto;
  border-radius: 24px;
}

.platform-contents__item:not(.hidden) {
  animation-name: platform-content;
  animation-duration: 0.5s;
}

.no-scroll::-webkit-scrollbar {
  display: none;
}

@keyframes platform-content {
  from {
    transform: translateY(10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.tablet-active {
  color: #2c57e4;
  background-color: #f0f3fc;
}

.accordion-active svg {
  transform: rotate(180deg);
}

.accordion-active svg path {
  stroke: #2c57e4;
}

.acc-content {
  transition: all 0.3s ease;
}

.acc-header {
  transition: all 0.3s ease;
}

svg.stroke-white {
  color: #fff;
}

.stroke-white path {
  stroke: #fff;
}

.swiper-pagination-bullet {
  background: #E2E7F8;
  opacity: 1;
  width: 8px;
  height: 8px;
}

.swiper-pagination-bullet-active {
  background-color: #2C57E4;
  width: 12px;
  height: 12px;
}

@media (max-width: 1180px) {
  .container {
    max-width: 100%;
    padding-inline: 24px;
  }
}
@media (max-width: 1024px) {
  #hero {
    max-width: calc(100% - 32px);
  }
}
@media (max-width: 768px) {
  .container {
    max-width: 100%;
    padding-inline: 8px;
  }
  .media-bg {
    background: linear-gradient(0deg, #eaedff, #eaedff), linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 46.41%);
    padding: 8px;
    border-radius: 24px;
  }
  .quote-bg {
    background-size: 80px;
  }
  .mySwiper .swiper-button-next,
  .mySwiper .swiper-button-prev {
    top: 43% !important;
  }
}/*# sourceMappingURL=style.css.map */