* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "Montserrat-Thin";
  src: url("/fonts/landing/Montserrat-Thin.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Light";
  src: url("/fonts/landing/Montserrat-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("/fonts/landing/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url("/fonts/landing/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("/fonts/landing/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("/fonts/landing/Montserrat-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Black";
  src: url("/fonts/landing/Montserrat-Black.ttf") format("truetype");
}


:root {
  --monts100: 'Montserrat-Thin', sans-serif;
  --monts300: 'Montserrat-Light', sans-serif;
  --monts400: 'Montserrat-Regular', sans-serif;
  --monts500: 'Montserrat-Medium', sans-serif;
  --monts600: 'Montserrat-SemiBold', sans-serif;
  --monts700: 'Montserrat-Bold', sans-serif;
  --monts900: 'Montserrat-Black', sans-serif;
  --blue: #004BF7;
  --orange: #f67109;
  --text-color: #353b41;
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-color: black;
  --swiper-pagination-bullet-inactive-color: #6e6e6e;
  --swiper-pagination-bullet-inactive-opacity: 1;
}

@media (max-width: 4000px) {
  html {
    font-size: 0.85vw !important;
  }
}


@media (max-width: 767.98px) {
  html {
    font-size: 2.8vw !important;
  }
}

body {
  font-family: var(--monts400);
}

.auth-links {
  z-index: 1;
}

.tariffs-container {
  height: 50rem;
  margin-top: 4rem !important;
  background-image: url("/img/landing/bg11.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 6vw 4vw 7.2vw;
}

.tariffs-title {
  display: flex;
  justify-content: center;
  height: 17%;
  font-size: 2rem;
  font-family: var(--monts700);
  background: var(--blue);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.tariffs-table {
  display: flex;
  flex-direction: column;
  height: 83%;
  padding: 2vw
}

.tariffs-inner {
  display: flex;
  padding: 8rem 5rem 3rem 5rem;
  flex-direction: column;
  align-items: center;
  gap: 3.5rem;
}

  .tariffs-inner h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    width: fit-content;
    background: var(--blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

.tariffs-content {
  position: relative;
  margin-top: 2rem;
  border-radius: 15px;
  overflow: hidden;
  width: -webkit-fill-available;
}

.tariffs-row{
  display: flex;
  height: 25%;
}

.tariffs-column-1-item{
  width: 30%;
  display: flex;
  align-items: center;
  color: var(--blue);
}

.tariffs-column-2-item{
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tariffs-column-3-item{
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tariffs-container p {
  font-size: 1.7rem;
  font-weight: 600;
  font-family: var(--monts600);
}

.tariffs-header-text {
  padding: 0.8rem;
  font-size: 1.7rem;
  border: 1px solid var(--orange);
  border-radius: 15px;
}

.pc-version .document-container h2 {
  font-size: 3.08rem;
  font-family: var(--monts700);
  background-color: var(--blue);
  padding: 1rem 5rem;
  border-radius: 30px;
  color: #fff;
  margin-bottom: 3rem;
  margin-top: 5rem;
}

.mobile-version .document-container h2 {
  font-size: 1.9rem;
  font-family: var(--monts700);
  background-color: var(--blue);
  padding: 1rem 1rem;
  border-radius: 30px;
  color: #fff;
}

.pc-version .document-container .document-inner {
  background-color: #fff;
  padding: 3rem 5rem;
  border-radius: 15px;
}

.mobile-version .document-container .document-inner {
  background-color: #fff;
  padding: 1rem;
  border-radius: 15px;
}

.document-container .document-inner .p-header {
  text-transform: uppercase;
  font-family: var(--monts700);
  font-size: 1.25rem;
  margin: 2rem 0 2rem;
}

  .document-container .document-inner .p-header:first-child {
    margin: 0 0 2rem;
  }

.document-container .document-inner .p-indent {
  font-family: var(--monts600);
  padding-left: 1rem;
  position: relative;
}

  .document-container .document-inner .p-indent::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 3px;
    height: 100%;
    background-color: var(--orange);
  }

.privacy.pc-version {
  margin-top: 3rem !important;
  background-image: url("/img/landing/bg8.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 3rem 6rem;
  position: relative;
}

.privacy.mobile-version {
  margin-top: 1rem;
  background-image: url("/img/landing/bg8.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 30px;
  position: relative;
}

  .privacy.mobile-version .bottom-platform {
    padding-top: 12rem;
  }

.terms.pc-version {
  margin-top: 3rem !important;
  background-image: url("/img/landing/p5bg10.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 3rem 6rem;
  position: relative;
}

.terms.mobile-version {
  margin-top: 1rem;
  background-image: url("/img/landing/p5bg10.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 30px;
  position: relative;
}

  .terms.mobile-version .bottom-platform {
    padding-top: 18rem;
  }

.cookie-policy.pc-version {
  margin-top: 3rem !important;
  background-image: url("/img/landing/p5bg10.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 3rem 6rem;
  position: relative;
}

.cookie-policy.mobile-version {
  margin-top: 1rem;
  background-image: url("/img/landing/p5bg10.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 30px;
  position: relative;
}

  .cookie-policy.mobile-version .bottom-platform {
    padding-top: 18rem;
  }

.contacts.pc-version {
  height: 50rem;
  background-image: url("/img/landing/p2bg2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 3rem !important;
  border-radius: 30px;
  position: relative;
}

.contacts.mobile-version {
  background-image: url("/img/landing/p2bg2.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 1rem;
  border-radius: 30px;
  position: relative;
}

  .contacts.mobile-version .bottom-platform {
    padding-top: 21rem;
  }

.contacts.pc-version .contacts-inner-container {
  padding: 7rem;
}

.contacts-inner {
  border-radius: 15px;
  padding: 1rem 1rem 5.4rem 1rem;
  background-color: #C5E6ED;
}

  .contacts-inner h2 {
    font-size: 2.5rem;
    font-family: var(--monts700);
    color: var(--blue);
    grid-column: span 2;
    text-align: center;
    background-color: #fff;
    padding: 1rem;
    border-radius: 15px;
    margin-bottom: 2rem;
  }

.contacts.pc-version .contacts-inner p {
  font-size: 1.15rem;
  font-family: var(--monts600);
  color: var(--text-color);
  text-align: center;
  background-color: #fff;
  padding: 2rem 4rem;
  border-radius: 15px;
}

  .contacts.mobile-version .contacts-inner p {
    font-size: 0.95rem;
    font-family: var(--monts600);
    color: var(--text-color);
    text-align: center;
    background-color: #fff;
    padding: 1rem;
    border-radius: 15px;
  }

.contacts-inner-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-bottom: 2rem;
}

.contacts-text-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}

.contacts.pc-version .contacts-text {
  display: grid;
  gap: 1rem;
  background-color: #fff;
  padding: 2rem;
  border-radius: 15px;
}

  .contacts.pc-version .contacts-text p {
    font-size: 1.15rem;
    font-family: var(--monts600);
    color: var(--text-color);
    text-align: center;
    background-color: #fff;
    padding: 0 4rem;
    border-radius: 15px;
  }

.contacts.mobile-version .contacts-text {
  display: grid;
  gap: 1rem;
  background-color: #fff;
  padding: 1rem;
  border-radius: 15px;
}

  .contacts.mobile-version .contacts-text p {
    font-size: 0.8rem;
    font-family: var(--monts600);
    color: var(--text-color);
    text-align: center;
    background-color: #fff;
    padding: 0 1rem;
    border-radius: 15px;
  }

.elevator.pc-version {
  background-image: url("/img/landing/bg3.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 3rem;
  border-radius: 30px;
  position: relative;
}

.elevator.mobile-version {
  background-image: url("/img/landing/bg3.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  margin-top: 1rem;
  border-radius: 30px;
  position: relative;
}

.elevator.mobile-version .bottom-platform {
  padding-top: 8rem;
}

.elevator.pc-version .swiper {
  width: 50%;
  height: 50%;
  padding-top: 6rem !important;
  padding-bottom: 5rem !important;
}

.elevator.mobile-version .swiper {
  padding-top: 6rem !important;
}

.elevator .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-slide .swiper-slide-content {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 3rem 5rem;
}

.elevator.pc-version .swiper-pagination {
  margin-bottom: 1rem;
}

.elevator.mobile-version .swiper-pagination {
  position: relative;
  margin-top: 1rem;
}

.preloader svg {
  width: 100px;
  height: 100px;
  top: calc(50% - 50px);
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
}

.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}

.container {
  max-width: 100%;
  margin: 0 3rem; /* TODO при 9rem большинство элементов выглядят хорошо, кроме страницы для заказчиков */
}

.main.pc-version {
  height: 56rem;
  background-image: url("/img/landing/bg1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 3rem;
  border-radius: 30px;
  position: relative;
}

.left-side-menu {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  background-color: var(--blue);
  border-radius: 15px;
  width: 27vw;
  height: 3.3vw;
  display: flex;
}

.right-side-menu {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  background-color: var(--blue);
  border-radius: 15px;
  width: 27vw;
  height: 3.3vw;
  display: flex;
}

.nav-menu {
  display: flex;
  gap: 2rem;
  align-items: center;
  z-index: 500;
  width: 100%;
  justify-content: center;
}

.flex-div {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.nav-menu a {
  font-family: var(--monts500);
  font-size: 1.375rem;
  text-decoration: none;
  color: #fff;
}

.img-support {
  width: 2.75rem;
  height: 2.75rem;
}

.register {
  padding: 0.3rem 1.5rem;
  border: 1px solid #fff;
  border-radius: 8px;
}

.login {
  color: var(--blue) !important;
  font-family: var(--monts600) !important;
  padding: 0.3rem 1.5rem;
  background-color: #fff;
  border-radius: 8px;
}

.account {
  color: var(--blue) !important;
  font-family: var(--monts600) !important;
  padding: 0.3rem 1.5rem;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  margin: 1rem;
  display: flex;
  justify-content: center;
}

.aistplatform {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 50% 50%;
}

.left-side-platform img {
  width: 65%;
  margin-top: 5.2rem;
}

.left-side-platform h1 {
  font-size: 3.169rem;
  font-family: var(--monts700);
  color: var(--blue);
}

.left-side-platform p {
  font-size: 2.248rem;
  font-family: var(--monts700);
}

.left-side-platform .line-platform {
  position: relative;
  width: 92%;
  height: 2px;
  margin-top: 1rem;
  background: linear-gradient(to right, var(--blue), var(--orange));
}

.list-platform img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}

.list-platform {
  position: relative;
}

  .list-platform h3 {
    position: absolute;
    left: 1rem;
    bottom: 2rem;
    font-size: 1.875rem;
    font-family: var(--monts700);
    color: black;
  }

  .list-platform p {
    position: absolute;
    left: 1rem;
    bottom: 0.8rem;
    font-size: 1.125rem;
    font-family: var(--monts600);
    color: #00000081
  }

.right-side-platform {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  padding: 1.5rem;
}

.applications {
  height: 46rem;
  background-image: url("/img/landing/bg2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 4rem;
  border-radius: 30px;
  position: relative;
}

  .applications .line-applications {
    position: relative;
    width: 41.5rem;
    height: 2px;
    margin-bottom: 1rem;
    background: linear-gradient(to right, var(--blue), var(--orange));
  }

  .applications h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    width: fit-content;
    background: linear-gradient(to right, var(--blue) 0%, var(--orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

.application-center {
  display: grid;
  align-content: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

  .application-center .line {
    position: relative;
    z-index: 10;
    display: grid;
    gap: 1px;
  }

.application-center-inner {
  position: relative;
  padding: 1rem;
  display: grid;
  gap: 0.5rem;
}

  .application-center-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
    border-radius: 30px;
    background-image: linear-gradient(#C5E6ED, #C5E6ED), linear-gradient(to right, var(--orange), var(--blue));
    background-origin: border-box;
    background-clip: content-box, border-box;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 70% 100%, 70% 87%, 34% 87%, 34% 100%, 0 100%);
  }

.application-center .line .line-upper {
  border-radius: 15px 15px 0 0;
  background-color: #fff;
  display: flex;
  padding: 1rem 2rem;
  gap: 2rem;
}

.application-center .line .line-under {
  border-radius: 0 0 15px 15px;
  background-color: #fff;
  display: flex;
  padding: 1rem 2rem;
}

.line-upper span, .line-under span {
  font-size: 1.1rem;
  color: #00000081;
}

.line-under {
  display: flex;
  justify-content: space-between;
}

  .line-upper p, .line-under p {
    font-size: 1.25rem;
    font-family: var(--monts600);
  }

  .line-under p {
    color: #00000081;
  }

  .line-under .button-line {
    display: flex;
    justify-content: center;
    align-items: center;
  }

    .line-under .button-line button {
      background: linear-gradient(to right, var(--blue), #004af77a);
      border-radius: 8px;
      border: none;
      padding: 0.75rem 4rem;
      color: #fff;
      font-size: 1.375rem;
      cursor: pointer;
    }

.line .line-upper .app_number p {
  color: var(--blue);
}

.line .line-upper .bid span {
  display: flex;
  justify-content: center;
}

.line .line-upper .bid .bid-without {
  color: #02D552;
}

.line .line-upper .bid .bid-with {
  color: var(--blue);
}

.under-special {
  padding-bottom: 6rem !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 70.5% 100%, 70.5% 69%, 33.5% 69%, 33.5% 100%, 0 100%);
}

.fura-v-polete {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  width: 30rem;
  z-index: 10;
}

.all-applications {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 20;
  border-radius: 15px;
  padding: 1rem;
  pointer-events: none;
}

.all-app-inner {
  width: 26rem;
  height: 6rem;
  margin-left: 3rem;
  margin-bottom: 3rem;
  border-radius: 15px;
  background-color: #fff;
  padding: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
}

  .all-app-inner a {
    text-decoration: none;
    background-color: var(--blue);
    border-radius: 15px;
    padding: 0.7rem;
  }

    .all-app-inner a button {
      border: 1px solid #fff;
      border-radius: 8px;
      padding: 0.5rem 4.5rem;
      background-color: var(--blue);
      color: #fff;
      font-size: 1.375rem;
      cursor: pointer;
    }

.apps {
  height: 46rem;
  margin-top: 4rem;
  background-image: url("/img/landing/bg3.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
}

.apps-wrapper {
  width: 68rem;
  margin: 0 auto;
  padding-top: 2rem;
  display: grid;
  position: relative;
}

.apps-inner {
  background-color: #fff;
  padding: 1rem;
  border-radius: 15px;
  width: fit-content;
}

  .apps-inner h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    width: fit-content;
    background: linear-gradient(to right, var(--blue) 0%, var(--blue) 43%, var(--orange) 43%, var(--blue) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .apps-inner p {
    font-size: 1.25rem;
    color: var(--text-color);
    font-family: var(--monts600);
  }

.app-donwload {
  display: flex;
  justify-content: space-between;
  width: 23rem;
  margin-bottom: 0.5rem;
}

  .app-donwload a img {
    width: 10rem;
  }

.aist3 {
  width: 23rem;
  margin-top: 1rem;
  margin-bottom: 3rem;
}

.a3m {
  width: 23rem;
  margin-bottom: 0.5rem;
}

.apps-wrapper .mobile-link {
  font-size: 0.9rem;
  color: #fff;
  width: 23rem;
  background: linear-gradient(to right, #5887f7, var(--blue));
  border-radius: 15px;
  padding: 1rem 1rem;
  text-decoration: none;
  text-align: center;
}

.a3mob {
  position: absolute;
  bottom: -5rem;
  right: -6rem;
  width: 34rem;
}

.social {
  height: 22rem;
  background-image: url("/img/landing/bg4.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  margin-top: 4rem;
  position: relative;
}

  .social h2 {
    position: absolute;
    top: 1.7rem;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    font-size: 3.169rem;
    font-family: var(--monts700);
    color: var(--orange);
  }

    .social h2:after {
      content: "МЫ ЕСТЬ";
      position: absolute;
      top: -0.5rem;
      left: 1rem;
      right: 0;
      display: flex;
      justify-content: center;
      -webkit-text-stroke: 1px #004af73b;
      text-stroke: 1px #004af775;
      color: rgba(255, 255, 255, 0);
      z-index: 0;
    }

.social {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

  .social .social-text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 4rem;
  }

    .social .social-text p {
      position: relative;
      padding-left: 1rem;
      font-size: 1.25rem;
      font-family: var(--monts600);
    }

      .social .social-text p:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 4px;
        height: 3rem;
        background-color: var(--orange);
      }

    .social .social-text p {
      text-align: left;
    }

.social-inner {
  display: grid;
  gap: 0.3rem;
  align-content: center;
  z-index: 1;
}

  .social-inner img {
    width: 30rem;
  }

.logist {
  height: 46rem;
  margin-top: 4rem;
  background-image: url("/img/landing/bg5.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
}

.logist-inner {
  position: relative;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-content: space-between;
  left: 3.7rem;
  top: 0;
  bottom: 0;
  width: 45rem;
}

.logist-inner-text {
  display: grid;
  gap: 3rem;
}

.text-logist {
  background-color: #fff;
  padding: 2rem 1.5rem;
  border-radius: 15px;
}

  .text-logist p {
    font-family: var(--monts600);
  }

    .text-logist p:first-child {
      text-transform: uppercase;
    }

.line-logist {
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, var(--blue), var(--orange));
  margin: 1rem 0;
}

.logist h2 {
  font-size: 3.169rem;
  font-family: var(--monts700);
  width: fit-content;
  background: linear-gradient(to right, var(--blue) 0%, var(--orange) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  padding: 1rem 1.4rem;
}

.logist-inner a {
  border-radius: 15px;
  padding: 0.6rem;
  background-color: var(--blue);
  color: #fff;
  font-size: 1.375rem;
  cursor: pointer;
  width: 47rem;
  margin: 1rem 2rem;
}

  .logist-inner a button {
    border: 1px solid #fff;
    border-radius: 10px;
    width: 100%;
    padding: 0.5rem 0;
    background-color: var(--blue);
    color: #fff;
    font-size: 1.375rem;
    cursor: pointer;
  }

.electronic-queue {
  height: 32rem;
  margin-top: 4rem;
  background-image: url("/img/landing/bg6.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
}

.electronic-queue-inner {
  position: relative;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  left: 6rem;
  top: 0;
  bottom: 0;
  width: 52rem;
  padding: 2rem 0;
}

  .electronic-queue-inner h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    width: fit-content;
    background: linear-gradient(to right, var(--blue) 0%, var(--orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    padding: 1.4rem 0;
  }

  .electronic-queue-inner p {
    font-size: 1.25rem;
    font-family: var(--monts600);
    color: #fff;
  }

  .electronic-queue-inner a {
    border-radius: 15px;
    padding: 1rem 0.5rem;
    background-color: var(--blue);
    color: #fff;
    font-size: 1.375rem;
    cursor: pointer;
    height: 4rem;
    width: 20rem;
    /*margin: 0 1rem;*/
  }

    .electronic-queue-inner a button {
      border: 1px solid #fff;
      border-radius: 10px;
      width: 100%;
      padding: 0.5rem 0;
      background-color: var(--blue);
      color: #fff;
      font-size: 1.375rem;
      cursor: pointer;
    }

  .electronic-queue-inner p {
    text-transform: uppercase;
    font-family: var(--monts700);
    color: var(--text-color);
  }

  .electronic-queue-inner .h2-wrapper {
    background-color: #fff;
    border-radius: 15px;
    height: fit-content;
    padding: 0 1rem;
  }

  .electronic-queue-inner .button-wrapper {
    background-color: #fff;
    border-radius: 15px;
    height: fit-content;
    padding: 1rem 5rem;
  }

.video-container {
  height: 50rem;
  margin-top: 4rem;
  background-image: url("/img/landing/bg7.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
}

.video-inner {
  display: flex;
  padding: 4rem 0;
  flex-direction: column;
  align-items: center;
  gap: 3.5rem;
}

  .video-inner h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    width: fit-content;
    background: linear-gradient(to right, var(--blue) 0%, var(--blue) 78%, var(--orange) 78%, var(--orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

.video-player {
  position: relative;
  width: 70.5rem;
  height: 32.5rem;
  margin-top: 2rem;
  border-radius: 15px;
  overflow: hidden;
}

  .video-player video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.play-pause-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

  .play-pause-btn:hover {
    background: rgba(255, 255, 255, 1);
  }

  .play-pause-btn img {
    width: 2rem;
    height: 2rem;
  }

.reviews {
  height: 34rem;
  margin-top: 4rem;
  background-image: url("/img/landing/bg8.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 3rem 6rem;
}

  .reviews h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    background-color: var(--blue);
    padding: 1rem 5rem;
    border-radius: 30px;
    color: #fff;
    margin-bottom: 3rem;
  }

  .reviews .reviews-inner {
    background-color: #fff;
    border-radius: 15px;
  }

    .reviews .reviews-inner p:first-child {
      text-transform: uppercase;
      font-family: var(--monts700);
      font-size: 1.25rem;
      margin-bottom: 2rem;
    }

    .reviews .reviews-inner p span {
      color: #6e6e6e;
      text-wrap: nowrap
    }

    .reviews .reviews-inner p:last-child {
      font-family: var(--monts600);
      padding-left: 1rem;
      position: relative;
    }

      .reviews .reviews-inner p:last-child::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 3px;
        height: 100%;
        background-color: var(--orange);
      }

.join {
  height: 39rem;
  margin-top: 4rem;
  background-image: url("/img/landing/bg9.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
}

.join-inner {
  display: grid;
  align-content: center;
  position: relative;
  width: 41.2rem;
  background-color: #fff;
  top: 10rem;
  left: 5.5rem;
  padding: 2rem 3rem;
  border-radius: 15px;
}

  .join-inner h2 {
    font-size: 3.15rem;
    font-family: var(--monts700);
    color: var(--blue);
    text-align: center;
    background: linear-gradient(to right, var(--blue) 0%, var(--orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .join-inner .line-join {
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, var(--blue), var(--orange));
    margin: 1rem 0;
  }

  .join-inner a {
    text-decoration: none;
    border-radius: 8px;
    padding: 0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

    .join-inner a button {
      border: 1px solid #fff;
      border-radius: 15px;
      padding: 0.8rem 4.5rem;
      background-color: var(--blue);
      color: #fff;
      font-size: 1.375rem;
      cursor: pointer;
    }

.footer-under {
  font-size: 0.875rem;
  display: grid;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
  text-align: center;
  gap: 1rem;
}

.footer-inner {
  height: 29rem;
  margin-top: 4rem;
  background-image: url("/img/landing/bg10.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 9rem 3rem 3rem;
  position: relative;
}

.footer-inner-columns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
  gap: 2rem;
}

.footer-inner-column a {
  text-decoration: none;
  color: var(--text-color);
}

.footer-inner-column {
  display: grid;
}

  .footer-inner-column span {
    font-size: 0.875rem;
    text-transform: uppercase;
    font-family: var(--monts700);
    margin-top: 1rem;
  }

  .footer-inner-column a.upper-link {
    text-transform: uppercase;
    font-family: var(--monts700);
    font-size: 1rem;
    color: var(--text-color);
    margin-top: 1rem;
  }

.footer-under-social {
  margin-top: 2rem;
  background-color: var(--blue);
  border-radius: 30px;
  padding: 0.6rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.left-social, .right-social {
  display: flex;
  gap: 4rem;
  align-items: center;
}

  .left-social a {
    text-decoration: none;
    color: #fff;
    font-size: 1.125rem;
    font-family: var(--monts600);
  }

  .left-social img {
    width: 2.5rem;
  }

.social-links {
  display: flex;
  gap: 0.5rem;
  z-index: 1;
}

.right-social img {
  width: 2.5rem;
}

.fura-footer {
  position: absolute;
  right: 8rem;
  top: 0;
  width: 36rem;
}

.right-social a {
  text-decoration: none;
  color: #fff;
  font-size: 1.125rem;
  font-family: var(--monts600);
  margin: unset;
}

.customers.pc-version {
  height: 46rem;
  background-image: url("/img/landing/p2bg1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 3rem;
  border-radius: 30px;
  position: relative;
}

.automaton {
  position: absolute;
  bottom: 0;
  left: 4.5rem;
  right: 0;
  width: 45rem;
  height: 30rem;
  display: grid;
}

  .automaton h1 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    color: var(--blue);
    padding: 2rem 1rem;
    background: linear-gradient(to right, var(--blue) 0%, var(--blue) 60%, var(--orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    z-index: 10;
    position: relative;
  }

.background-h1 {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 15px;
  height: 15rem;
  z-index: 1;
}

.automaton-text {
  padding: 4rem 2rem;
}

  .automaton-text p {
    font-size: 1.15rem;
    font-family: var(--monts600);
    color: var(--text-color);
    text-transform: uppercase;
  }

  .automaton-text .line-automaton {
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, var(--blue), var(--orange));
    margin: 1rem 0;
  }

  .automaton-text span {
    font-size: 1.15rem;
    font-family: var(--monts600);
    color: var(--text-color);
  }

.number-static {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4rem;
  margin-top: 4rem;
}

.static-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  background-color: #f1f1f1;
  border-radius: 15px;
}

  .static-column:nth-child(1) span {
    font-size: 2.5rem;
    font-family: var(--monts700);
    background: linear-gradient(to right, var(--orange), var(--orange));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.5rem;
  }

  .static-column:nth-child(2) span {
    font-size: 2.5rem;
    font-family: var(--monts700);
    background: linear-gradient(to right, var(--orange), var(--blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.5rem;
  }

  .static-column:nth-child(3) span {
    font-size: 2.5rem;
    font-family: var(--monts700);
    background: linear-gradient(to right, var(--blue), var(--blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.5rem;
  }

  .static-column p {
    font-size: 1rem;
    font-family: var(--monts500);
    color: var(--text-color);
    text-align: center;
    text-transform: lowercase;
  }

.index-price {
  height: 68rem;
  background-image: url("/img/landing/p2bg2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 4rem;
  border-radius: 30px;
  position: relative;
}

.index-price-inner-container {
  padding: 2rem;
}

.index-price-inner {
  border-radius: 15px;
  padding: 1rem 1rem 5.4rem 1rem;
  background-color: #C5E6ED;
}

.index-price-description {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-bottom: 2rem;
}

  .index-price-description p {
    font-size: 1.15rem;
    font-family: var(--monts600);
    color: var(--text-color);
    text-align: center;
    background-color: #fff;
    padding: 2rem 4rem;
    border-radius: 15px;
  }

.index-price-text {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}

.index-price-inner h2 {
  font-size: 2.5rem;
  font-family: var(--monts700);
  color: var(--blue);
  grid-column: span 2;
  text-align: center;
  background-color: #fff;
  padding: 1rem;
  border-radius: 15px;
  margin-bottom: 2rem;
}

.index-price-form {
  display: grid;
  gap: 1rem;
  background-color: #fff;
  padding: 2rem;
  border-radius: 15px;
}

.form-group {
  display: grid;
  gap: 0.5rem;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.form-group label {
  font-size: 1.15rem;
  font-family: var(--monts600);
  color: var(--text-color);
}

.form-group input {
  font-size: 1.15rem;
  font-family: var(--monts600);
  color: var(--text-color);
  padding: 0.5rem;
  border-radius: 8px;
  border: gray 1px solid;
}

.line-index-price {
  width: 100%;
  height: 1px;
  background: gray;
  margin: 1rem 0;
}

.index-price-results {
  color: var(--blue);
  font-size: 1.15rem;
  font-family: var(--monts600);
  display: grid;
  gap: 1rem;
}

  .index-price-results span {
    color: red;
  }

iframe {
  border: none;
  border-radius: 15px;
}

.index-price-button {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  text-decoration: none;
}

  .index-price-button button {
    background-color: var(--blue);
    color: #fff;
    padding: 1rem 8rem;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    font-size: 1.15rem;
    font-family: var(--monts600);
  }

.attachment {
  height: 42rem;
  margin-top: 4rem;
  border-radius: 30px;
  position: relative;
}

.attachment-inner h2 {
  font-size: 2.5rem;
  font-family: var(--monts700);
  background: linear-gradient(to right, var(--orange), var(--blue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 0.5rem;
  text-align: center;
}

.attachment-inner-grid {
  margin-top: 1rem;
  background-image: url("/img/landing/p2bg3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  padding: 1.5rem;
}

.attach-grid-item {
  padding: 3rem;
  border-radius: 15px;
  height: 21rem;
  display: flex;
  justify-content: center;
  align-items: end;
}

  .attach-grid-item p {
    font-size: 1.15rem;
    font-family: var(--monts600);
    color: #fff;
    text-transform: uppercase;
    height: 4rem;
  }

.connect-aist {
  margin-top: 8rem;
}

  .connect-aist.works {
    margin-top: 4rem;
  }

  .connect-aist h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    color: var(--blue);
    padding: 2rem 1rem;
    background: linear-gradient(to right, var(--blue) 0%, var(--blue) 57%, var(--orange) 57%, var(--orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    z-index: 10;
    position: relative;
    text-align: center;
  }

.connect-aist-grid {
  display: grid;
  gap: 1rem;
}

.connect-aist-grid-item {
  padding: 2rem 6rem;
  border-radius: 15px;
  height: 8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

  .connect-aist-grid-item:nth-child(1) {
    background-image: url("/img/landing/p2h1.jpg");
    background-size: contain;
    background-repeat: no-repeat;
  }

  .connect-aist-grid-item:nth-child(2) {
    background-image: url("/img/landing/p2h2.jpg");
    background-size: contain;
    background-repeat: no-repeat;
  }

  .connect-aist-grid-item:nth-child(3) {
    background-image: url("/img/landing/p2h3.jpg");
    background-size: contain;
    background-repeat: no-repeat;
  }

  .connect-aist-grid-item p {
    font-size: 1.15rem;
    font-family: var(--monts600);
    text-transform: uppercase;
  }

  .connect-aist-grid-item a {
    text-decoration: none;
    color: #fff;
    font-size: 1.15rem;
    font-family: var(--monts600);
    text-transform: uppercase;
  }

  .connect-aist-grid-item button {
    background-color: var(--blue);
    color: #fff;
    padding: 1rem 8rem;
    border-radius: 15px;
    border: none;
    cursor: pointer;
    font-size: 1.15rem;
    font-family: var(--monts600);
  }

  .connect-aist-grid-item:nth-child(4) {
    background-image: url("/img/landing/p2h3.jpg");
    background-size: contain;
    background-repeat: no-repeat;
  }

.about.pc-version {
  height: 45rem;
  background-image: url("/img/landing/bg1a3.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 3rem;
  border-radius: 30px;
  position: relative;
}

.about-platform {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 50% 50%;
  margin-top: 18.3rem;
}

.about-left-side-platform { }

  .about-left-side-platform img {
    margin-top: 2rem;
    width: 65%;
  }

  .about-left-side-platform h1 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    color: var(--blue);
    text-transform: uppercase;
  }

  .about-left-side-platform .line-platform {
    width: 25rem;
    height: 2px;
    background: linear-gradient(to right, var(--blue), var(--orange));
    margin: 0.4rem 0;
  }

  .about-left-side-platform p {
    width: 80%;
    font-size: 2rem;
    font-family: var(--monts600);
    margin-top: 1rem;
    text-transform: uppercase;
  }

.about-text-absolute {
  position: absolute;
  top: 9rem;
  left: 30rem;
  width: 36rem;
  height: 12rem;
  background-color: #fff;
  padding: 1rem 3rem 1rem 5rem;
  border-radius: 15px;
  display: grid;
  gap: 1rem;
}

  .about-text-absolute p {
    font-size: 1.15rem;
    font-family: var(--monts600);
    color: var(--text-color);
    position: relative;
  }

    .about-text-absolute p::after {
      content: "";
      display: block;
      width: 2rem;
      height: 1rem;
      border-radius: 8px;
      border: 1px solid var(--blue);
      position: absolute;
      top: 0.3rem;
      left: -3.5rem;
    }

.summ-all {
  margin-top: 3rem;
  padding: 1rem;
  background: linear-gradient(to right, #f6700927, #004af727);
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .summ-all p {
    font-size: 1.15rem;
    font-family: var(--monts600);
    text-transform: uppercase;
    position: relative;
    width: 50rem;
  }

    .summ-all p:before {
      content: "";
      display: block;
      width: 4px;
      height: 100%;
      border: 1px solid var(--blue);
      position: absolute;
      background-color: var(--blue);
      top: 0;
      left: -1.5rem;
    }

.advantages {
  margin-top: 4rem;
}

.adv-upper {
  display: flex;
  align-items: center;
  gap: 1rem;
}

  .adv-upper h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    color: var(--blue);
    text-transform: uppercase;
  }

  .adv-upper .line-platform {
    width: 39rem;
    height: 2px;
    background: linear-gradient(to right, var(--blue), var(--orange));
    margin: 0.4rem 0;
  }

.adv-lower {
  background-image: url("/img/landing/bg4a4.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  margin-top: 1rem;
  padding: 1rem;
}

  .adv-lower > p {
    font-size: 2rem;
    font-family: var(--monts600);
    text-transform: uppercase;
    padding-left: 1rem;
  }

.adv-lower-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

  .adv-lower-grid p {
    font-size: 1.15rem;
    font-family: var(--monts600);
    text-transform: uppercase;
    height: 24rem;
    display: flex;
    align-items: flex-end;
    text-align: center;
    padding: 0 4rem 7rem;
  }

.adv-lower span {
  font-family: var(--monts600);
  display: flex;
  justify-content: center;
  align-items: center;
}

.techinstr {
  margin-top: 4rem;
  background-image: url("/img/landing/bg4a5.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 0.5rem 2.5rem 2.5rem 2.5rem;
}

  .techinstr h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    color: var(--blue);
    text-transform: uppercase;
    padding-bottom: 1rem;
  }

  .techinstr > p {
    font-size: 2rem;
    font-family: var(--monts600);
    text-transform: uppercase;
    background-color: #fff;
    width: fit-content;
    padding: 1rem 8rem 1rem 2rem;
    border-radius: 15px;
    margin: 2.5rem 0;
  }

.techinstr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

  .techinstr-grid p {
    font-size: 1.5rem;
    font-family: var(--monts600);
    text-transform: uppercase;
    color: #fff;
    padding: 2.5rem 0 5rem 2rem;
    background-color: var(--blue);
    border-radius: 30px;
  }

.carrier.pc-version {
  height: 57rem;
  background-image: url("/img/landing/bg4a6.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 3rem;
  border-radius: 30px;
  position: relative;
}

.carrier-text-absolute {
  position: absolute;
  bottom: -3rem;
  left: 0;
  right: 0;
  display: grid;
  justify-content: center;
  text-align: center;
}

  .carrier-text-absolute a {
    text-decoration: none;
  }

  .carrier-text-absolute h1 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 3rem;
    text-shadow: 2px 2px 4px var(--orange), 4px 4px 8px var(--blue);
  }

.grid-carrier {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.carrier-text-absolute button {
  background-color: var(--blue);
  color: #fff;
  width: 100%;
  border-radius: 15px;
  border: none;
  padding: 1rem 0;
  cursor: pointer;
  font-size: 1.15rem;
  font-family: var(--monts600);
  margin-bottom: 1rem;
}

.carrier-text-absolute .line-carrier {
  width: 55rem;
  height: 2px;
  background: linear-gradient(to right, var(--orange), var(--blue));
  margin: 0.4rem 0;
}

.profit {
  margin-top: 8rem;
}

  .profit h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    color: var(--blue);
    text-transform: uppercase;
    margin-bottom: 2rem;
  }

.profit-item {
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 15px;
  display: grid;
  justify-items: center;
  gap: 0.6rem;
}

  .profit-item img {
    padding: 2.5rem 4.5rem;
    background-color: #e9f0ff;
    border-radius: 15px;
    width: 14rem;
  }

.profit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem;
  background-image: url("/img/landing/bg4a7.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 30px;
  padding: 2rem;
}

  .profit-grid span {
    font-size: 1.25rem;
    font-family: var(--monts600);
    text-transform: uppercase;
    text-align: center;
    display: flex;
  }

  .profit-grid p {
    font-size: 1.15rem;
    text-align: center;
  }

.download-apps-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

  .download-apps-grid a img {
    width: 12rem;
    border: 1px solid var(--blue);
    border-radius: 15px;
  }

.works h2 {
  background: linear-gradient(to right, var(--blue) 0%, var(--blue) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.connect-aist-grid-item:nth-child(4) {
  background-image: url("/img/landing/p2h3.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}

.logist-page.pc-version {
  height: 45rem;
  background-image: url("/img/landing/p5bg9.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 3rem;
  border-radius: 30px;
  position: relative;
}

.logist-inner-text2 {
  display: grid;
  gap: 2rem;
  width: 52rem;
  padding: 2rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

  .logist-inner-text2 h1 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    color: var(--blue);
    text-transform: uppercase;
    margin-bottom: 4rem;
  }

  .logist-inner-text2 .text-logist p:first-child {
    font-size: 1.5rem;
    font-family: var(--monts600);
    text-transform: uppercase;
  }

  .logist-inner-text2 .text-logist p:last-child {
    font-size: 1.35rem;
    font-family: var(--monts600);
  }

.computer-grid {
  height: 55rem;
  background-image: url("/img/landing/p5bg10.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 3rem;
  border-radius: 30px;
  padding: 4rem;
  display: grid;
  gap: 4rem;
}

.flex-line-item {
  display: flex;
  align-items: center;
}

.flex-line-top {
  justify-content: space-around;
}

.flex-line-middle {
  justify-content: space-between;
}

.flex-line-bottom {
  justify-content: center;
}

.flex-line-item p {
  font-size: 1.25rem;
  font-family: var(--monts600);
  text-transform: uppercase;
  background-color: #fff;
  width: 30rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem 2rem;
  border-radius: 20px;
}

.supreme {
  margin-top: 4rem;
}

  .supreme .adv-upper {
    margin-bottom: 2rem;
  }

  .supreme h2 {
    font-size: 3.169rem;
    font-family: var(--monts700);
    color: var(--blue);
    text-transform: uppercase;
    background: linear-gradient(to right, var(--blue) 0%, var(--orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .supreme .line-supreme {
    width: 78rem;
    height: 2px;
    background: linear-gradient(to right, var(--orange), var(--blue));
    margin: 0.4rem 0;
  }

.profit-grid.supreme-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  background-image: url("/img/landing/p5bg11.jpg");
}

.profit-item.supreme-item {
  border: var(--blue) 1px solid;
}

  .profit-item.supreme-item p {
    font-size: 1.15rem;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--monts600);
  }

.tariff {
  margin-top: 4rem;
}

.map-yandex {
  background-color: #ffffff80;
  border-radius: 15px;
}

.burger {
  display: none;
}

.mobile-header {
  display: none; /* Скрыть по умолчанию */
}

  .mobile-header.active {
    display: block; /* Показать, когда активен */
  }

@media (min-width: 767.98px) {
  .mobile-version {
    display: none;
  }
}

@media (max-width: 767.98px) {

  .container {
    margin: 0 1rem;
  }

  .pc-version {
    display: none;
  }

  .burger {
    display: block;
    position: absolute;
    top: 2rem;
    right: 2rem;
    background-color: #fff;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 8px;
    z-index: 1000;
  }

    .burger .line {
      width: 2rem;
      height: 2px;
      background-color: var(--text-color);
      margin: 0.3rem 0;
    }

    .burger .line-3 {
      width: 1rem;
      margin-left: auto;
    }

    .burger .line-2 {
      width: 1.5rem;
      margin-left: auto;
    }

  .main.mobile-version .upper-side {
    background-image: url("/img/landing/mbg1.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 1rem;
    border-radius: 30px;
    position: relative;
  }

  .about.mobile-version .upper-side {
    background-image: url("/img/landing/m4pa1.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 1rem;
    border-radius: 30px;
    position: relative;
  }

  .carrier.mobile-version .upper-side {
    background-image: url("/img/landing/p8a1.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 1rem;
    border-radius: 30px;
    position: relative;
  }

  .logist-page.mobile-version .upper-side {
    background-image: url("/img/landing/p7a2.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 1rem;
    border-radius: 30px;
    position: relative;
    margin-bottom: 0rem;
  }

  .carrier.mobile-version .upper-side .left-side-platform {
    padding-top: 17rem;
  }

  .carrier.mobile-version h1 {
    font-size: 1.9rem;
    margin-bottom: 1rem;
  }

  .carrier.mobile-version .grid-carrier a {
    width: 100%;
  }

    .carrier.mobile-version .grid-carrier a button {
      background-color: var(--blue);
      color: #fff;
      width: 100%;
      border-radius: 15px;
      border: none;
      padding: 1rem 0;
      cursor: pointer;
      font-size: 0.8rem;
      font-family: var(--monts600);
    }

  .about.mobile-version .left-side-platform {
    padding-top: 27rem;
  }

    .about.mobile-version .left-side-platform img {
      margin-top: 1rem;
    }

    .about.mobile-version .left-side-platform p {
      width: 22rem;
    }

  .about.mobile-version .lower-side {
    display: grid;
    gap: 1rem;
  }

    .about.mobile-version .lower-side .about-text-absolute-mobile,
    .about.mobile-version .lower-side .summ-all-absolute-mobile {
      background-color: #fff;
      padding: 1rem;
      border-radius: 15px;
      display: grid;
      gap: 1rem;
    }

  .about.mobile-version .lower-side {
    background-image: url("/img/landing/m4pa2.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 30px;
    padding: 1rem;
  }

    .about.mobile-version .lower-side .summ-all {
      background-color: #fff;
      padding: 2rem;
      border-radius: 15px;
    }

  .left-side-platform {
    padding-top: 30rem;
  }

    .left-side-platform img {
      width: 16rem;
      margin-top: 2rem;
    }

    .left-side-platform .line-platform {
      width: 16rem;
    }

    .left-side-platform h1 {
      font-size: 1.9rem;
      margin-top: 1.5rem;
    }

    .left-side-platform p {
      font-size: 1.15rem;
      margin-bottom: 2rem;
    }

  .lower-side .right-side-platform {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 0;
  }

  .list-platform:nth-child(1) {
    grid-column: span 2;
  }

  .list-platform:nth-child(4) {
    grid-column: span 2;
  }

  .applications.mobile-version {
    height: 36rem;
    background-image: url("/img/landing/mbg2.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 3rem;
    border-radius: none;
    position: relative;
  }

    .applications.mobile-version .line-applications {
      width: 25rem;
      height: 1px;
      background: linear-gradient(to right, var(--blue), var(--orange));
      margin: 0.5rem 0;
    }

    .applications.mobile-version h2 {
      font-size: 1.9rem;
      margin-top: 0;
    }

  .application-center-mobile {
    padding: 2rem;
  }

  .application-center-inner-mobile p:first-child {
    font-size: 1.15rem;
    color: var(--blue);
    font-family: var(--monts700);
  }

  .application-center-inner-mobile .line-gray {
    width: 100%;
    height: 1px;
    background: gray;
    margin: 1rem 0;
  }

  .application-center-inner-mobile span {
    font-size: 1.15rem;
    color: gray;
    font-family: var(--monts600);
  }

  .application-center-inner-mobile p {
    font-size: 1.15rem;
    color: var(--text-color);
    font-family: var(--monts600);
  }

  .application-center-inner-mobile div {
    margin-bottom: 1rem;
  }

  .grid-applications {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 1rem;
  }

    .grid-applications .bid span {
      display: flex;
      justify-content: center;
    }

  .application-center-inner-mobile a {
    width: 100%;
    display: block;
    text-decoration: none;
    background-color: var(--blue);
    padding: 0.5rem;
    border-radius: 15px;
    border: none;
    cursor: pointer;
  }

  .application-center-inner-mobile button {
    width: 100%;
    background-color: var(--blue);
    padding: 0.5rem;
    border-radius: 15px;
    color: #fff;
    font-size: 1.15rem;
    font-family: var(--monts600);
    border: 1px solid #fff;
    cursor: pointer;
  }

  .apps {
    height: 40rem;
    background-image: url("/img/landing/mbg3.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
  }

  .apps-wrapper {
    width: 100%;
    margin: 0 auto;
    padding-top: 2rem;
    display: grid;
    position: relative;
    justify-items: center;
  }

  .apps-inner {
    margin: 0 1.5rem;
  }

  .aist3 {
    width: 14rem;
  }

  .apps-inner h2 {
    font-size: 1.9rem;
  }

  .a3m {
    width: 31rem;
  }

  .app-donwload {
    width: 31rem;
  }

    .app-donwload a img {
      width: 14rem;
    }

  .apps-inner p {
    font-size: 1.15rem;
    text-align: center;
  }

  .a3mob {
    display: none;
  }

  .apps-wrapper .mobile-link {
    font-size: 0.9rem;
    color: #fff;
    width: 31rem;
    background: linear-gradient(to right, #5887f7, var(--blue));
    border-radius: 15px;
    padding: 1rem 1rem;
    text-decoration: none;
    text-align: center;
  }

  .social {
    height: 32rem;
    background-image: none;
    border-radius: 30px;
    position: relative;
    display: flex;
    gap: 1rem;
    flex-direction: column-reverse;
    padding-bottom: 0rem;
  }

    .social h2 {
      font-size: 1.9rem;
      top: 4.7rem;
    }

  .social-inner img {
    width: 100%;
  }

  .social .social-text {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    margin-top: 3rem;
  }

  .logist {
    height: 40rem;
    margin-top: 4rem;
    background-image: url("/img/landing/mbg5.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
  }

  .text-logist {
    background-color: #fff;
    padding: 2rem 1.5rem;
    border-radius: 15px;
    margin: 0px 0.8rem;
  }

  .logist-inner {
    position: relative;
    display: flex;
    height: 100%;
    flex-wrap: wrap;
    align-content: space-between;
    left: 0;
    top: 0;
    bottom: 0;
    width: auto;
  }

  .logist-inner-text {
    display: grid;
    gap: 0;
    justify-items: center;
  }

    .logist-inner-text h2 {
      font-size: 1.9rem;
      text-align: center;
      margin-top: 1rem;
    }

  .logist-inner a {
    border-radius: 15px;
    padding: 0.5rem;
    background-color: var(--blue);
    color: #fff;
    font-size: 1.375rem;
    cursor: pointer;
    width: 47rem;
    margin: 1rem 3.5rem 1.3rem;
  }

  .electronic-queue {
    height: 38.5rem;
    margin-top: 4rem;
    background-image: url("/img/landing/mbg6.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
  }

  .electronic-queue-inner {
    position: relative;
    display: grid;
    height: 100%;
    padding: 0;
    align-content: space-between;
    left: 0;
    padding-bottom: 1.5rem;
  }

  .h2-wrapper h2 {
    background-color: #ffffff00;
    font-size: 1.9rem;
    text-align: center;
    padding: 0;
    margin: 0;
  }

  .electronic-queue-inner .h2-wrapper {
    background-color: #ffffff00;
    border-radius: 15px;
    height: fit-content;
    padding: 0 1rem;
  }

  .electronic-queue-inner h2 {
    font-size: 1.9rem;
    text-align: center;
    margin-top: 1rem;
  }

  .electronic-queue-inner p {
    position: absolute;
    top: 6rem;
    left: 2rem;
    right: 0;
    bottom: 0;
    width: auto;
    font-size: 0.9rem;
    font-family: var(--monts600);
    width: 30rem;
  }

  .electronic-queue-inner .button-wrapper {
    background-color: #ffffff00;
    border-radius: 15px;
    height: fit-content;
    /*padding: 0;*/
    width: 30rem;
    z-index: 1;
  }

  .electronic-queue-inner a {
    margin: 0 1rem;
  }

  .video-container {
    height: 25rem;
    margin-top: 4rem;
    background-image: url("/img/landing/mbg7.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 30px;
  }

  .video-inner {
    display: flex;
    padding: 2rem 0;
    flex-direction: column;
    align-items: center;
    gap: 3.5rem;
  }

    .video-inner h2 {
      font-size: 1.9rem;
      text-align: center;
      margin-top: 0;
      background: linear-gradient(to bottom, var(--blue) 0%, var(--blue) 50%, var(--orange) 50%, var(--orange) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

  .swiper-slide .swiper-slide-content {
    padding: 0 3rem 2rem;
  }

  .reviews {
    height: auto;
    margin-top: 4rem;
    background-image: url("/img/landing/mbg8.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    padding: 1rem;
  }

    .reviews h2 {
      font-size: 1.9rem;
      text-align: center;
      margin-top: 1rem;
    }

    .reviews .reviews-inner {
      background-color: #fff;
      padding: 1rem;
      border-radius: 15px;
      font-size: 0.9;
      color: var(--text-color);
    }

  .join {
    height: 32rem;
    margin-top: 4rem;
    background-image: url("/img/landing/mbg9.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
  }

  .join-inner {
    display: grid;
    align-content: center;
    position: relative;
    width: 31.5rem;
    background-color: #fff;
    top: 10rem;
    left: 1rem;
    right: 1rem;
    padding: 2rem 3rem;
    border-radius: 15px;
  }

    .join-inner h2 {
      font-size: 1.9rem;
      text-align: center;
      margin-top: 1rem;
    }

  .footer.mobile-version {
    margin-top: 4rem;
    height: 50rem;
    background-image: url("/img/landing/mbg10.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    position: relative;
  }

  .footer-under {
    font-size: 0.975rem;
  }

  .mobile-menu {
    background-color: #f5f7ff;
    border-radius: 30px;
    padding: 1rem;
  }

  .menu-items {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 8rem 2rem 0;
  }

  .menu-item {
    border-bottom: 1px solid rgba(0, 75, 247, 0.1);
  }

  .menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    cursor: pointer;
  }

    .menu-header span {
      font-family: var(--monts700);
      font-size: 1.4rem;
      color: var(--text-color);
    }

    .menu-header img {
      width: 1.5rem;
      transition: transform 0.3s ease;
    }

  .menu-item.active .menu-header img {
    transform: rotate(180deg);
  }

  .menu-content {
    display: none;
    padding: 1rem 0;
  }

  .menu-item.active .menu-content {
    display: grid;
    gap: 0.5rem;
  }

  .menu-content a {
    text-decoration: none;
    color: var(--text-color);
    font-family: var(--monts500);
    font-size: 1.125rem;
  }

  .contact-info {
    margin-top: 2rem;
    gap: 0.5rem;
    padding: 0 2rem;
    display: flex;
    justify-content: space-between;
  }

  .phone {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }

    .phone img {
      width: 2rem;
      filter: invert(35%) sepia(98%) saturate(1500%) hue-rotate(195deg) brightness(97%) contrast(106%);
    }

    .phone a, .email {
      color: var(--blue);
      text-decoration: none;
      font-family: var(--monts600);
      font-size: 1.125rem;
    }

  .auth-buttons {
    margin-top: 2rem;
    display: grid;
    gap: 1rem;
    padding: 0 1rem;
  }

  .login-btn, .register-btn, .account-btn {
    flex: 1;
    padding: 0.75rem;
    border-radius: 8px;
    font-family: var(--monts500);
    font-size: 1rem;
    cursor: pointer;
  }

  .login-btn {
    background-color: var(--blue);
    color: white;
    border: none;
  }

  .register-btn {
    background-color: #fff;
    border: none;
    color: var(--blue);
  }

  .account-btn {
    color: white;
    background-color: var(--blue);
    display: flex;
    justify-content: center;
  }

  .company-info {
    margin-top: 2rem;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
    padding: 0 1rem;
  }

    .company-info span {
      font-family: var(--monts600);
      font-size: 0.875rem;
      color: var(--text-color);
    }

  .social-links {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
    padding: 0 1rem;
  }

    .social-links img {
      width: 2.5rem;
      height: 2.5rem;
    }

  .design-credit {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-end;
  }

    .design-credit img {
      height: 2rem;
    }

  .fura-footer-mobile {
    position: absolute;
    top: -3rem;
    right: 1rem;
    width: 16rem;
  }

  .customers.mobile-version .upper-side {
    background-image: url("/img/landing/mp2g2.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 1rem;
    border-radius: 30px;
    position: relative;
  }

    .customers.mobile-version .upper-side h1 {
      font-size: 1.9rem;
      margin-top: 0;
    }

    .customers.mobile-version .upper-side .line-platform {
      width: 24rem;
    }

  .customers.mobile-version .lower-side .automaton-text {
    padding: 1rem 0;
  }

  .number-static {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    margin-top: 4rem;
    padding: 0 2rem;
  }

  .static-column {
    border: 1px solid var(--blue);
  }

    .static-column:nth-child(1) span {
      background: linear-gradient(to right, var(--blue), var(--blue));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 0.5rem;
    }

    .static-column:nth-child(2) span {
      background: linear-gradient(to right, var(--orange), var(--orange));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 0.5rem;
    }

  .index-price {
    margin-top: 10rem;
    height: 100%;
    background-image: url("/img/landing/mp2g3.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    position: relative;
    padding-bottom: 2rem;
  }

  .index-price-inner-container {
    padding: 0;
  }

  .index-price-inner {
    background-color: #ffffff00;
    padding: 0 1rem;
  }

    .index-price-inner h2 {
      background-color: #ffffff00;
      text-align: left;
      position: absolute;
      top: -4.5rem;
      left: 0;
      font-size: 1.8rem;
      font-family: var(--monts700);
      color: var(--blue);
      padding: 2rem 1rem;
      background: linear-gradient(to right, var(--blue) 0%, var(--orange) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

  .index-price-description {
    padding-top: 5rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .index-price-text {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .index-price-form {
    padding: 1rem;
    width: 100%;
    overflow-x: hidden;
  }

  .form-row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .form-group input {
    width: 100%;
    box-sizing: border-box;
  }

  .index-price-results {
    font-size: 0.9rem;
  }

    .index-price-results p {
      word-wrap: break-word;
    }

  .attachment {
    height: auto;
    margin-top: 4rem;
    border-radius: 30px;
    position: relative;
  }

  .attachment-inner h2 {
    font-size: 1.8rem;
    font-family: var(--monts700);
    color: var(--blue);
    padding: 0 1rem;
    text-align: left;
    margin-bottom: -3rem;
    position: relative;
  }

  .attachment-inner-grid {
    margin-top: 1rem;
    background-image: url("/img/landing/mp2g4.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 4rem 1.5rem;
  }

  .attach-grid-item {
    padding: 3rem 3rem 0;
    border-radius: 15px;
    height: 16rem;
    display: flex;
    justify-content: center;
    align-items: end;
  }

    .attach-grid-item p {
      font-size: 1.15rem;
      font-family: var(--monts600);
      color: #fff;
      text-transform: uppercase;
      text-align: center;
    }

  .connect-aist-grid-item {
    padding: 1rem;
    border-radius: 15px;
    display: grid;
    background-image: url(/img/landing/p2h3.jpg);
    background-size: 150% 110% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 0;
    justify-content: normal;
    border-radius: 15px;
    border: 1px solid var(--orange);
  }

    .connect-aist-grid-item a {
      display: flex;
      justify-content: end;
    }

    .connect-aist-grid-item button {
      display: flex;
      justify-content: end;
      background-color: var(--blue);
      color: #fff;
      padding: 1rem;
      border-radius: 15px;
      border: none;
      cursor: pointer;
      font-size: 1.15rem;
      font-family: var(--monts600);
    }

  .electronic-queue {
    overflow-x: hidden;
  }

  .customers.mobile-version .customers-upper {
    background-image: url("/img/landing/bg2a12.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 1rem;
    border-radius: 30px;
    position: relative;
  }

  .advantages {
    margin-top: 3rem;
  }

    .advantages .adv-upper h2 {
      font-size: 1.8rem;
      font-family: var(--monts700);
      color: var(--blue);
      padding: 0 1rem;
      text-align: left;
      margin-bottom: -1rem;
    }

    .advantages .adv-upper .line-platform {
      display: none;
    }

    .advantages .adv-lower {
      margin-top: 4rem;
      padding: 1rem;
      background-image: url("/img/landing/m4pa3.jpg");
      padding-bottom: 2rem;
    }

  .adv-lower-grid {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .advantages .adv-lower > p {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }

  .advantages .adv-lower .adv-lower-grid p {
    padding: 0 3rem 4rem;
    height: 16rem;
  }

  .advantages .adv-lower span {
    padding: 1rem 2rem 1rem;
  }

  .techinstr.mobile-version {
    padding: 0 1rem;
    margin-top: 4rem;
    background-image: none;
  }

    .techinstr.mobile-version h2 {
      font-size: 1.8rem;
      font-family: var(--monts700);
      color: var(--blue);
      padding: 0;
      margin-bottom: -3rem;
      text-align: left;
    }

    .techinstr.mobile-version > p {
      font-size: 1.5rem;
      padding: 1rem 0;
    }

    .techinstr.mobile-version .techinstr-grid {
      background-image: url("/img/landing/m5pa2.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      padding: 1rem;
      grid-template-columns: 1fr;
      margin-bottom: 0;
    }

      .techinstr.mobile-version .techinstr-grid > p {
        padding: 2rem;
        font-size: 1.15rem;
      }

        .techinstr.mobile-version .techinstr-grid > p:nth-child(2) {
          text-align: right;
        }

  .profit {
    margin-top: 4rem;
  }

    .profit h2 {
      font-size: 1.9rem;
      font-family: var(--monts700);
      color: var(--blue);
      padding: 0;
      text-align: left;
      background: linear-gradient(to right, var(--blue) 0%, var(--orange) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: -2rem;
      position: relative;
    }

  .profit-grid {
    grid-template-columns: 1fr;
    background-image: url("/img/landing/p8a2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5rem 2rem 2rem;
  }

  .connect-aist.works {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

    .connect-aist.works h2 {
      font-size: 1.9rem;
      font-family: var(--monts700);
      color: var(--blue);
      padding: 0;
      text-align: left;
      margin-bottom: 2rem;
    }

  .logist-page.mobile-version .upper-side h1 {
    font-size: 1.9rem;
    background: linear-gradient(to right, var(--blue) 0%, var(--orange) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    width: fit-content;
  }

  .logist-page.mobile-version .upper-side p {
    padding: 1rem 0;
    font-size: 0.95rem;
    text-transform: uppercase;
    width: 30rem;
  }

  .logist-page.mobile-version .lower-side {
    padding: 1rem 2rem;
    background: linear-gradient(to right, #f8060633 0%, #1915fd2c 100%);
    border-radius: 30px;
  }

  .computer-grid.mobile-version {
    margin-top: 4rem;
    background-image: url("/img/landing/p7a3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1rem;
    height: 60rem;
  }

  .computer-grid {
    gap: 0rem;
  }

    .computer-grid.mobile-version .flex-line-item p {
      font-size: 0.9rem;
      font-family: var(--monts600);
      text-transform: uppercase;
      background-color: #fff;
      width: 22rem;
      height: 3rem;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 1rem 2rem;
      border-radius: 20px;
    }

    .computer-grid.mobile-version .flex-line-item:nth-child(1) {
      display: flex;
      justify-content: center;
    }

    .computer-grid.mobile-version .flex-line-item:nth-child(2),
    .computer-grid.mobile-version .flex-line-item:nth-child(4),
    .computer-grid.mobile-version .flex-line-item:nth-child(6),
    .computer-grid.mobile-version .flex-line-item:nth-child(8) {
      display: flex;
      justify-content: left;
    }

    .computer-grid.mobile-version .flex-line-item:nth-child(3),
    .computer-grid.mobile-version .flex-line-item:nth-child(5),
    .computer-grid.mobile-version .flex-line-item:nth-child(8),
    .computer-grid.mobile-version .flex-line-item:nth-child(10) {
      display: flex;
      justify-content: right;
    }

    .computer-grid.mobile-version .fixed-outline {
      height: 14rem;
    }

  .supreme {
    margin-top: 4rem;
  }

    .supreme h2 {
      font-size: 1.9rem;
      font-family: var(--monts700);
      color: var(--blue);
      padding: 0;
    }

  .profit-grid.supreme-grid {
    grid-template-columns: 1fr;
    padding: 1rem;
  }

  .mobile-header {
    background-color: var(--blue); /* Синий фон */
    color: white;
    padding: 20px;
    text-align: center;
  }

  .mobile-nav {
    /* height: 100vh; */
    display: grid;
  }

    .mobile-nav ul {
      list-style-type: none;
      padding: 0;
    }

    .mobile-nav .upperli {
      font-size: 1.35rem;
      font-family: var(--monts600);
      margin: 2rem 0 0 0;
    }

    .mobile-nav ul li {
      margin: 10px 0;
    }

      .mobile-nav ul li a {
        color: white;
        text-decoration: none;
        font-weight: bold;
      }

    .mobile-nav .contact-info {
      font-size: 1.15rem;
      font-family: var(--monts600);
    }

    .mobile-nav .auth-buttons {
      margin: 1rem 0;
    }

      .mobile-nav .auth-buttons button {
        background-color: white;
        color: #0056FF;
        border: none;
        padding: 1rem 1rem;
        margin: 0.5rem;
        border-radius: 5px;
        cursor: pointer;
        font-size: 1.15rem;
        font-family: var(--monts600);
      }

  .auth-buttons button:hover {
    background-color: #e0e0e0;
  }

  .social-icons {
    margin-top: 20px;
  }

    .social-icons img {
      width: 30px;
      margin: 0 10px;
    }

  .nav-social {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

    .nav-social img {
      width: 4rem;
      height: 4rem;
    }

  .tariffs-container {
    margin-top: 4rem !important;
    background-image: url("/img/landing/mbg11.jpg");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 15px;
    height: fit-content;
    padding: 0 3vw 7.2vw;
  }

    .tariffs-container p {
      font-size: 0.8rem;
      font-family: var(--monts600);
      text-align: center;
    }

  .tariffs-title {
    height: 17%;
    font-size: 0.9rem;
    font-family: var(--monts700);
    background: var(--blue);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    display: block;
  }

  .tariffs-table {
    display: flex;
    flex-direction: column;
    height: 83%;
    padding: 7.2vw 0 0;
    gap: 1rem;
  }

  .tariffs-header-text {
    padding: 0.2rem;
    font-size: 1.7rem;
    border: 1px solid var(--orange);
    border-radius: 15px;
  }

  .tariffs-row {
    display: flex;
    height: auto;
    gap: 0.5rem;
  }

  .tariffs-column-1-item {
    width: 40%;
    display: flex;
    align-items: center;
    color: var(--blue);
  }
}