* {
  margin: 0;
  padding: 0;
}

.body{
  /* background-color: #d6e3f4; */
  overflow: hidden;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
   
}

//Отступ между строчками
.line-height-custom {
  line-height: 50px; /* ваше пользовательское значение межстрочного расстояния */
}


.cloud-drive .clouds img{
  position: absolute;
  bottom: 0;
  max-width: 100%;
  animation: animate calc(15s * 1.8) linear infinite;
  padding-bottom: 20rem;
}

@keyframes animate{
  0%{
    transform: translateX(-100%);
  }
  100%{
    transform: translateX(100%);
  }
}


@supports ((text-stroke: 1px black) or (-webkit-text-stroke: 0.5px black)) {
    .text {
      color: transparent;
      -webkit-text-stroke: 1px rgb(60, 60, 60);
      text-stroke: 1px rgb(181, 181, 181);
      text-shadow: none;
      font-size: 66px;
      position: relative;
      z-index: 50;
    }
  }


  /* Медиа-запрос для мобильных устройств и планшетов */
@media only screen and (max-width: 768px) {
  .text {
    font-size: 38px; /* Размер текста для мобильного и планшетного режима */
    text-align: center;
  }
}
  

  .plane {
    position: relative;
    animation: movePlane 0.5s infinite ease-in-out;
  } 

  @keyframes movePlane {
    0%, 100% {
      transform: translate(0, 0px);
    }
    50% {
      transform: translate(0, -100px);
    }
  }
  



  .banner .clouds img{
    position: absolute;
    bottom: 0;
    max-width: 100%;
    animation: animate calc(20s * 1.8) linear infinite;
    padding-bottom: 20rem;
  }
  @keyframes animate{
    0%{
      transform: translateX(-100%);
    }
    100%{
      transform: translateX(100%);
    }
  }


  .maintenance-container-plane {
    width: 100%;
    padding: 96px 20px 96px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: wrap;
    gap: 1rem;
  
}
@media (min-width: 640px) {
  .maintenance-container-plane {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
  .maintenance-container-planer {
        max-width: 768px;
    }
}