@media (min-width: 1023px) and (max-width: 1200px) {
    .text5{
        font-size: 42px;
    }
    .text2{
        grid-area: 1 / 4 / 3 / 7;
        margin-top: 4%;
        margin-left: 7%;
    }
    .text3{
        margin-top: 4%;
    }
    .text66 {
        font-size: 14px;
        grid-area: 2 / 2 / 4 / 5;
    }
    .Rectangle14{
        margin-left: 6%;
    }
    .text77 h2{
        font-size: 38px;
    }
    .text77{
        grid-area: 3 / 4 / 3 / 11;
    }
    .text9 h2 {
        font-size: 38px;
    }
    .text9 p1 {
        font-size: 14px;
    }
    .text10 h2{
        font-size: 38px;
    }
    .text10 p1 {
        font-size: 14px;
    }
    .text10 {
        margin-left: -5%;
    }
    .text11 h2{
        font-size: 38px;
    }
    .tex11 p1 {
        
        font-size: 14px;
    }
    .text13 h2{
        font-size: 38px;
    }
    .text14 h4{
        font-size: 20px;
    }
    .text15 h4{
        font-size: 20px;
    }
    .text16 h4{
        font-size: 20px;
    }
    .text17 h4{
        font-size: 20px;
    }
    .bottom3{
        margin-left: -5%;
    }
    .input-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 31%; /* Настройте под ваше изображение */
    top: 30%; /* Позиционирование по вертикали */
    left: 7%; /* Позиционирование по горизонтали */
}
  .bottom15{
    margin-top: 14%;
  }
  .swaper-wrapper{
    margin-top: 100%;
  }
  .testtext13{
    grid-area: 4 / 9 / 4 / 12;
  }
  .testtext12{
    margin-left: -10%;
  }
  .main-test2{
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; /*   8 колонок */
    grid-template-rows: 1% 0.8fr 1fr 0.8fr 0.5fr; /*  Определяем расположение в Grid */
  }

}