/* Формат отображения ВСЕХ изображений */
img {
  width: 80%;
  height: 100%;
}




/* Стили для мобильных устройств */
@media screen and (max-width: 768px) {

/* Начало стилей для мобильных устройств */
body {
/*background-color: #9ac8e9; задний фон, заливка*/
background-color: #DCDCDC; /*задний фон, заливка*/
}

h1 {
font-size: 1.1rem; /*размер текста*/
    text-align: center; /*размещение текста по центру*/
            /*margin-top: 0px; отступ сверху*/
            margin-left: 0%; /*отступ слева*/
            margin-right: 0%; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    /*color: #4682B4; цвет текста*/
    color: white; /*цвет текста*/
    /*-webkit-text-stroke: 0.3px #ffa500; контур текста*/
}

h2 {
font-size: 1.5rem; /*размер текста*/
    text-align: center; /*размещение текста по центру*/
            margin-top: 0px; /*отступ сверху*/
            margin-left: 0%; /*отступ слева*/
            margin-right: 0%; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.0px black; /*контур текста*/
   }

h3 {
font-size: 1.1rem; /*размер текста заголовки новостей*/
    text-align: left; /*размещение текста по центру*/
            margin-top: 0px; /*отступ сверху*/
            margin-left: 20px; /*отступ слева*/
            margin-right: 20px; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.0px black; /*контур текста*/
   }

h4 {
font-size: 0.9rem; /*размер текста*/
    text-align: center; /*размещение текста по центру*/
            margin-top: 5px; /*отступ сверху*/
            margin-left: 0%; /*отступ слева*/
            margin-right: 0%; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.0px black; /*контур текста*/
   }

h5 {
font-size: 0.9rem; /*размер текста*/
    text-align: center; /*размещение текста по центру*/
            margin-top: 0px; /*отступ сверху*/
            margin-left: 0%; /*отступ слева*/
            margin-right: 0%; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.0px black; /*контур текста*/
   }

h6 {
font-size: 0.75rem; /*размер текста*/
    text-align: left; /*размещение текста по центру*/
            margin-top: 0px; /*отступ сверху*/
            margin-left: 0%; /*отступ слева*/
            margin-right: 0%; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.0px black; /*контур текста*/
   }


.box {/*простой блок*/
    width: 100%;/*ширина блока*/
    border: 0.2mm ridge black; /*контур и цвет обводки блока*/
}

.box1 {
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    height: 98%;/*высота блока*/
        margin-top: 10px; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 10px; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 2mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 30px; /*размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    text-align: center; /*расположение текста внутри блока по горизонтали*/

    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

.box1_news {
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    height: 98%;/*высота блока*/
        /*margin-top: 30px; отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        /*margin-bottom: 20px; отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    /*border: 1mm ridge #32a1ce; контур и цвет обводки блока*/
    border-radius: 5px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 30px; /*размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

.box1_1 { /*прозрачный блок*/
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    /*height: 98%;высота блока*/
        margin-top: 10px; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 10px; /*отступ снизу*/
    /*background-color: #9ac8e9; цвет блока*/
    background-color: #DCDCDC; /*цвет блока*/
    border: 0mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 0px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 30px; /*размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    text-align: center; /*расположение текста внутри блока по горизонтали*/

    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

.box1_1_FB { /*прозрачный блок*/
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    /*height: 98%;высота блока*/
        /*margin-top: 10px; отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        /*margin-right: 1%; отступ справа*/
        /*margin-bottom: 10px; отступ снизу*/
    /*background-color: #9ac8e9; цвет блока*/
    /*background-color: #DCDCDC; цвет блока*/
    /*border: 0mm ridge #32a1ce; контур и цвет обводки блока*/
    /*border-radius: 0px; скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    /*font-size: 30px; размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

.box1_1_news {
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    height: 98%;/*высота блока*/
        margin-top: 10px; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 10px; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 0mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 0px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 30px; /*размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    text-align: center; /*расположение текста внутри блока по горизонтали*/

    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

.box2 {
    width: 45%;/*ширина блока*/
    /*max-width: max-content;расширение контейнера под текст по горизонтали*/
    height: 100%;/*высота блока*/
    min-height: 160px;/*минимальная высота блока*/
    max-height: max-content;/*максимальная высота блока*/
        margin-top: 0.5%; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: 3%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
}
.box2:hover { /*заливка кнопки при наведении*/
      background-color:#32a1ce; /*цвет блока*/
      box-shadow: 0px 0px 4px 4px #4d4d4d; /*окружающая тень*/
      transition: 0.7s; /*время заливки*/
  }

.box2FB {
    width: 98%;/*ширина блока*/
   height: 100%;/*высота блока*/
   min-height: 150px;/*минимальная высота блока*/
   max-height: max-content;/*максимальная высота блока*/
        margin-top: auto; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: auto; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
}

.box3_gif2 {
    width: 85%;/*ширина блока*/
    /*max-width: max-content;расширение контейнера под текст по горизонтали*/
    height: 70%;/*высота блока*/
    min-height: 120px;/*минимальная высота блока*/
    max-height: max-content;/*максимальная высота блока*/
        margin-top: 3%; /*отступ сверху*/
        margin-left: 6%; /*отступ слева*/
        margin-right: 6%; /*отступ справа*/
        margin-bottom: 3%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm inset #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF2.gif');
    background-size: cover;
}
.box3_gif2:hover { /*заливка кнопки при наведении*/
    /*background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF2.gif');*/
  }

.box3_gif3 {
    width: 85%;/*ширина блока*/
    /*max-width: max-content;расширение контейнера под текст по горизонтали*/
    height: 70%;/*высота блока*/
    min-height: 120px;/*минимальная высота блока*/
    max-height: max-content;/*максимальная высота блока*/
        margin-top: 3%; /*отступ сверху*/
        margin-left: 6%; /*отступ слева*/
        margin-right: 6%; /*отступ справа*/
        margin-bottom: 3%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm inset #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF3.gif');
    background-size: cover;
}
.box3_gif3:hover { /*заливка кнопки при наведении*/
    /*background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF3.gif');*/
  }

.box3_gif4 {
    width: 85%;/*ширина блока*/
    /*max-width: max-content;расширение контейнера под текст по горизонтали*/
    height: 70%;/*высота блока*/
    min-height: 120px;/*минимальная высота блока*/
    max-height: max-content;/*максимальная высота блока*/
        margin-top: 3%; /*отступ сверху*/
        margin-left: 6%; /*отступ слева*/
        margin-right: 6%; /*отступ справа*/
        margin-bottom: 3%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm inset #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF4.gif');
    background-size: cover;
}
.box3_gif4:hover { /*заливка кнопки при наведении*/
    /*background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF4.gif');*/
  }

.box3_gif5 {
    width: 85%;/*ширина блока*/
    /*max-width: max-content;расширение контейнера под текст по горизонтали*/
    height: 70%;/*высота блока*/
    min-height: 120px;/*минимальная высота блока*/
    max-height: max-content;/*максимальная высота блока*/
        margin-top: 3%; /*отступ сверху*/
        margin-left: 6%; /*отступ слева*/
        margin-right: 6%; /*отступ справа*/
        margin-bottom: 3%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm inset #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF5.gif');
    background-size: cover;
}
.box3_gif5:hover { /*заливка кнопки при наведении*/
    /*background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF5.gif');*/
  }

.boxNews1 {/*правый и левый боксы*/
    width: 10%;/*ширина блока*/
        margin-top: 0.5%; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: 0.5%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 2mm ridge black; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
}

.boxNews2 {/*Центральный бокс c текстом*/
    width: 70%;/*ширина блока*/
        margin-top: 0.5%; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: 0.5%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    /*border: 1mm ridge black; контур и цвет обводки блока*/
    /*border-radius: 10px; скругление углов квадрата*/
    text-align: left; /*расположение текста внутри блока по горизонтали*/
    /*font-size: 20px; размер текста внутри блока*/
}

.boxLogo {
    width: 25%;/*ширина блока*/
    height: 50px;/*высота блока*/
        margin-top: auto; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: auto; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    box-shadow: 0px 0px 4px 4px #4d4d4d; /*окружающая тень*/
    align-content: center; /*центрировать текст по вертикали*/
}
.boxLogo:hover { /*заливка кнопки при наведении*/
      background-color: white; /*цвет блока*/
      /*box-shadow: 0px 0px 4px 4px white; окружающая тень*/
      transition: 0.7s; /*время заливки*/
  }

 .boxLogoLeft {
    width: 25%;/*ширина блока*/
    height: 50px;/*высота блока*/
         margin-top: auto; /*отступ сверху*/
         margin-left: auto; /*отступ слева*/
         margin-right: auto; /*отступ справа*/
         margin-bottom: auto; /*отступ снизу*/
     background-color: #9ac8e9; /*цвет блока*/
     border: 1mm ridge #32a1ce; /*контур и цвет обводки блока*/
     border-radius: 10px; /*скругление углов квадрата*/
     text-align: center; /*расположение текста внутри блока по горизонтали*/
     font-size: 20px; /*размер текста внутри блока*/
     box-shadow: 0px 0px 4px 4px #4d4d4d; /*окружающая тень*/
    align-content: center; /*центрировать текст по вертикали*/
    text-decoration: none; /*текст внутри без подчеркивания*/
 }
 .boxLogoLeft:hover { /*заливка кнопки при наведении*/
       background-color: white; /*цвет блока*/
       /*box-shadow: 0px 0px 4px 4px white; окружающая тень*/
       transition: 0.7s; /*время заливки*/
   }

.boxTitle {
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF1.gif');
    background-size: 100% 100%;
    width: 38%;/*ширина блока*/
    height: 70px;/*высота блока*/
        margin-top: 0.5%; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: 0.5%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет кнопки*/
    border: 1.5mm ridge #32a1ce; /*контур кнопки*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 90%;/*ширина блока*/
    height: 48px;/*высота блока*/
        margin-top: 1%; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 1%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 0.5mm outset #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    box-shadow: 0px 0px 3px 3px #4d4d4d; /*окружающая тень*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 14px; /*размер текста внутри блока*/
    text-decoration: none; /*убрать подчеркивание текста*/
}
.btn:hover { /*заливка кнопки при наведении*/
      background-color: white; /*цвет блока*/
      transition: 0.7s; /*время заливки*/
      /*box-shadow: 0px 0px 3px 3px white; окружающая тень*/
  }

.btnYandex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 60px;/*ширина блока*/
      height: 30px;/*высота блока*/
          margin-top: 3%; /*отступ сверху*/
          margin-left: 1%; /*отступ слева*/
          margin-right: 1%; /*отступ справа*/
          margin-bottom: 3%; /*отступ снизу*/
      /*background-color: #9ac8e9; цвет блока*/
      border: 0.5mm ridge #32a1ce; /*контур и цвет обводки блока*/
      border-radius: 0px; /*скругление углов квадрата*/
      box-shadow: 0px 0px 1px 1px #4d4d4d; /*окружающая тень*/
      text-align: center; /*расположение текста внутри блока по горизонтали*/
      font-size: 20px; /*размер текста внутри блока*/
}
.btnYandex:hover { /*заливка кнопки при наведении*/
      background-color:white; /*цвет блока*/
      transition: 0.7s; /*время заливки*/
  }

.newsText { /*Текст новости в карусели*/
font-size: 14px; /*размер текста*/
    text-align: left; /*размещение текста*/
            margin-top: 5px; /*отступ сверху*/
            margin-left: 20px; /*отступ слева*/
            margin-right: 20px; /*отступ справа*/
            margin-bottom: 5px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.2px black; /*контур текста*/
}

.btnNews {
    width: 18%;/*ширина блока*/
    height: 20px;/*высота блока*/
        margin-top: 0%; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 2%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 0.5mm dashed #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 5px; /*скругление углов квадрата*/
    /*box-shadow: 0px 0px 1px 1px #4d4d4d; окружающая тень*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 14px; /*размер текста внутри блока*/
    padding: 1% 1% 1%; /*отступ текста внутри кнопки*/
}
.btnNews:hover { /*заливка кнопки при наведении*/
      background-color:#32a1ce; /*цвет блока*/
      transition: 0.7s; /*время заливки*/
  }

.btnFB {
    width: 80%;/*ширина блока*/
    height: 30px;/*высота блока*/
        margin-top: 0%; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 2%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 0.5mm double #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 5px; /*скругление углов квадрата*/
    /*box-shadow: 0px 0px 1px 1px #4d4d4d; окружающая тень*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 14px; /*размер текста внутри блока*/
    padding: 0.5% 1% 1% 1%; /*отступ текста внутри кнопки*/
}
.btnNews:hover { /*заливка кнопки при наведении*/
      background-color:#32a1ce; /*цвет блока*/
      transition: 0.7s; /*время заливки*/
  }


.boxServices {
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    /*height: 98%;высота блока*/
        margin-top: 10px; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 10px; /*отступ снизу*/
    /*background-color: #9ac8e9; цвет блока*/
    /*border: 0mm ridge #32a1ce; контур и цвет обводки блока*/
    /*border-radius: 0px; скругление углов квадрата*/
    /*text-align: center; расположение текста внутри блока по горизонтали*/
    /*font-size: 30px; размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    /*text-align: center; расположение текста внутри блока по горизонтали*/
    /*justify-content:center;равномерное распределение блоков первого уровня по ширине*/
}

.servicesText { /*Текст в панелях*/
font-size: 14px; /*размер текста*/
    text-align: left; /*размещение текста*/
            margin-top: 5px; /*отступ сверху*/
            margin-left: 5px; /*отступ слева*/
            margin-right: 1px; /*отступ справа*/
            margin-bottom: 5px; /*отступ снизу*/
    color: black; /*цвет текста*/
    /*-webkit-text-stroke: 0.2px black; контур текста*/
}



/*Перемотка новостей*/
.reviews__arrow {
  cursor: pointer;
  position: absolute;
      width: 40px;/*ширина блока*/
      height: 80px;/*высота блока*/
  color: #fff; /*цвет стрелки внутри переключателя*/
  background: #9ac8e9; /*цвет переключателя*/
  border-radius: 5px; /*скругление*/
  border: 1mm ridge #32a1ce; /*контур и цвет обводки блока*/
              margin-top: 0%; /*отступ сверху*/
              margin-left: 1%; /*отступ слева*/
              margin-right: 1%; /*отступ справа*/
              margin-bottom: 0px; /*отступ снизу*/
    font-size: 150%; /*размер текста стрелок*/
    color: #4682B4; /*цвет текста*/
    -webkit-text-stroke: 0.5px black; /*контур текста*/
    /*box-shadow: 0px 0px 4px 4px #4d4d4d; окружающая тень*/
}
.reviews__prev {/*отступ стрелки слева*/
  left: 2%;
}
.reviews__prev:hover { /*заливка кнопки при наведении*/
      background-color:white; /*цвет блока*/
      /*box-shadow: 0px 0px 4px 4px white; окружающая тень*/
      transition: 0.7s; /*время заливки*/
  }
.reviews__next {/*отступ стрелки справа*/
  right: 2%;
}
.reviews__next:hover { /*заливка кнопки при наведении*/
      background-color:white; /*цвет блока*/
      /*box-shadow: 0px 0px 4px 4px white; окружающая тень*/
      transition: 0.7s; /*время заливки*/
}
.box1_1_reviews {
    position: absolute;/*тип размещения блока*/
    width: 98%;/*ширина блока*/
    height: 0px;/*высота блока*/
        margin-top: 60px; /*отступ сверху*/
        margin-left: 0%; /*отступ слева*/
        margin-right: 0%; /*отступ справа*/
        margin-bottom: 0px; /*отступ снизу*/
    background-color: white; /*цвет блока*/
    /*border: 1mm ridge #32a1ce; контур и цвет обводки блока*/
    /*border-radius: 0px; скругление углов квадрата*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

/* Конец стилей для мобильных устройств */

}






/* Стили для десктопных устройств */
@media screen and (min-width: 769px) {
/* Начало стилей для десктопных устройств */

body {
/*background-color: #9ac8e9; задний фон, заливка*/
background-color: #DCDCDC; /*задний фон, заливка*/
}

h1 {
font-size: 2.25rem; /*размер текста*/
    text-align: center; /*размещение текста по центру*/
            /*margin-top: 0px; отступ сверху*/
            margin-left: 0%; /*отступ слева*/
            margin-right: 0%; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    /*color: #4682B4; цвет текста*/
    color: white; /*цвет текста*/
    /*-webkit-text-stroke: 0.3px #ffa500; контур текста*/
}

h2 {
font-size: 2.0rem; /*размер текста*/
    text-align: center; /*размещение текста по центру*/
            margin-top: 0px; /*отступ сверху*/
            margin-left: 0%; /*отступ слева*/
            margin-right: 0%; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.0px black; /*контур текста*/
   }

h3 {
font-size: 1.25rem; /*размер текста заголовки новостей*/
    text-align: left; /*размещение текста по центру*/
            margin-top: 0px; /*отступ сверху*/
            margin-left: 20px; /*отступ слева*/
            margin-right: 20px; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.0px black; /*контур текста*/
   }

h4 {
font-size: 1.25rem; /*размер текста*/
    text-align: center; /*размещение текста по центру*/
            margin-top: 10px; /*отступ сверху*/
            margin-left: 0%; /*отступ слева*/
            margin-right: 0%; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.0px black; /*контур текста*/
   }

h5 {
font-size: 1.25rem; /*размер текста*/
    text-align: center; /*размещение текста по центру*/
            margin-top: 0px; /*отступ сверху*/
            margin-left: 0%; /*отступ слева*/
            margin-right: 0%; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.0px black; /*контур текста*/
   }

h6 {
font-size: 0.75rem; /*размер текста*/
    text-align: left; /*размещение текста по центру*/
            margin-top: 0px; /*отступ сверху*/
            margin-left: 0%; /*отступ слева*/
            margin-right: 0%; /*отступ справа*/
            margin-bottom: 0px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.0px black; /*контур текста*/
   }

.box {/*простой блок*/
    width: 100%;/*ширина блока*/
    border: 0.2mm ridge black; /*контур и цвет обводки блока*/
}

.box1 {
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    height: 98%;/*высота блока*/
        margin-top: 10px; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 10px; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 2mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 30px; /*размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    text-align: center; /*расположение текста внутри блока по горизонтали*/

    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

.box1_news {
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    height: 98%;/*высота блока*/
        /*margin-top: 30px; отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        /*margin-bottom: 20px; отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    /*border: 1mm ridge #32a1ce; контур и цвет обводки блока*/
    border-radius: 5px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 30px; /*размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

.box1_1 { /*прозрачный блок*/
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    /*height: 98%;высота блока*/
        margin-top: 10px; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 10px; /*отступ снизу*/
    /*background-color: #9ac8e9; цвет блока*/
    background-color: #DCDCDC; /*цвет блока*/
    border: 0mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 0px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 30px; /*размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    text-align: center; /*расположение текста внутри блока по горизонтали*/

    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

.box1_1_news {
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    height: 98%;/*высота блока*/
        margin-top: 10px; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 10px; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 0mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 0px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 30px; /*размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    text-align: center; /*расположение текста внутри блока по горизонтали*/

    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

.box2 {
    width: 225px;/*ширина блока*/
    height: 225px;/*высота блока*/
        margin-top: 0.5%; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: 0.5%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
}
.box2:hover { /*заливка кнопки при наведении*/
      background-color:#32a1ce; /*цвет блока*/
      box-shadow: 0px 0px 4px 4px #4d4d4d; /*окружающая тень*/
      transition: 0.7s; /*время заливки*/
  }

.box2FB {
    width: 98%;/*ширина блока*/
   height: 100%;/*высота блока*/
   min-height: 225px;/*минимальная высота блока*/
   max-height: max-content;/*максимальная высота блока*/
        margin-top: auto; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: auto; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
}

.box3_gif2 {
    width: 190px;/*ширина блока*/
    height: 165px;/*высота блока*/
        margin-top: 3%; /*отступ сверху*/
        margin-left: 6%; /*отступ слева*/
        margin-right: 6%; /*отступ справа*/
        margin-bottom: 3%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm inset #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF2png.png');
    background-size: cover;
}
.box3_gif2:hover { /*заливка кнопки при наведении*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF2.gif');
  }

.box3_gif3 {
    width: 190px;/*ширина блока*/
    height: 165px;/*высота блока*/
        margin-top: 3%; /*отступ сверху*/
        margin-left: 6%; /*отступ слева*/
        margin-right: 6%; /*отступ справа*/
        margin-bottom: 3%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm inset #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF3png.png');
    background-size: cover;
}
.box3_gif3:hover { /*заливка кнопки при наведении*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF3.gif');
  }

.box3_gif4 {
    width: 190px;/*ширина блока*/
    height: 165px;/*высота блока*/
        margin-top: 3%; /*отступ сверху*/
        margin-left: 6%; /*отступ слева*/
        margin-right: 6%; /*отступ справа*/
        margin-bottom: 3%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm inset #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF4png.png');
    background-size: cover;
}
.box3_gif4:hover { /*заливка кнопки при наведении*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF4.gif');
  }

.box3_gif5 {
    width: 190px;/*ширина блока*/
    height: 165px;/*высота блока*/
        margin-top: 3%; /*отступ сверху*/
        margin-left: 6%; /*отступ слева*/
        margin-right: 6%; /*отступ справа*/
        margin-bottom: 3%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm inset #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF5png.png');
    background-size: cover;
}
.box3_gif5:hover { /*заливка кнопки при наведении*/
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF5.gif');
  }

.boxNews1 {/*правый и левый боксы*/
    width: 6%;/*ширина блока*/
        margin-top: 0.5%; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: 0.5%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 2mm ridge black; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/

    font-size: 20px; /*размер текста внутри блока*/
}

.boxNews2 {/*Центральный бокс c текстом*/
    width: 90%;/*ширина блока*/
        margin-top: 0.5%; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: 0.5%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    /*border: 1mm ridge black; контур и цвет обводки блока*/
    /*border-radius: 10px; скругление углов квадрата*/
    text-align: left; /*расположение текста внутри блока по горизонтали*/
    /*font-size: 20px; размер текста внутри блока*/
}

.boxLogo {
    width: 16%;/*ширина блока*/
    height: 70px;/*высота блока*/
        margin-top: auto; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: auto; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 1mm ridge #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    box-shadow: 0px 0px 4px 4px #4d4d4d; /*окружающая тень*/
    align-content: center; /*центрировать текст по вертикали*/
    text-decoration: none; /*текст внутри без подчеркивания*/
}
.boxLogo:hover { /*заливка кнопки при наведении*/
      background-color: white; /*цвет блока*/
      /*box-shadow: 0px 0px 4px 4px white; окружающая тень*/
      transition: 0.7s; /*время заливки*/
  }

 .boxLogoLeft {
     width: 16%;/*ширина блока*/
     height: 70px;/*высота блока*/
     object-fit: cover; /* Вписываем фотографию в область */
         margin-top: auto; /*отступ сверху*/
         margin-left: auto; /*отступ слева*/
         margin-right: auto; /*отступ справа*/
         margin-bottom: auto; /*отступ снизу*/
     background-color: #9ac8e9; /*цвет блока*/
     border: 1mm ridge #32a1ce; /*контур и цвет обводки блока*/
     border-radius: 10px; /*скругление углов квадрата*/
     text-align: center; /*расположение текста внутри блока по горизонтали*/
     font-size: 20px; /*размер текста внутри блока*/
     box-shadow: 0px 0px 4px 4px #4d4d4d; /*окружающая тень*/
    align-content: center; /*центрировать текст по вертикали*/
    text-decoration: none; /*текст внутри без подчеркивания*/
 }
 .boxLogoLeft:hover { /*заливка кнопки при наведении*/
       background-color: white; /*цвет блока*/
       /*box-shadow: 0px 0px 4px 4px white; окружающая тень*/
       transition: 0.7s; /*время заливки*/
   }

.boxTitle {
    background-image: url('https://lavkatech.ru/assets/img/IndexPage/GIF1.gif');
    background-size: 100% 100%;
    width: 60%;/*ширина блока*/
    height: 100px;/*высота блока*/
        margin-top: 0.5%; /*отступ сверху*/
        margin-left: auto; /*отступ слева*/
        margin-right: auto; /*отступ справа*/
        margin-bottom: 0.5%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет кнопки*/
    border: 1.5mm ridge #32a1ce; /*контур кнопки*/
    border-radius: 10px; /*скругление углов квадрата*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40%;/*ширина блока*/
    height: 40px;/*высота блока*/
        margin-top: 1%; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 1%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 0.5mm outset #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 10px; /*скругление углов квадрата*/
    box-shadow: 0px 0px 3px 3px #4d4d4d; /*окружающая тень*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 20px; /*размер текста внутри блока*/
    text-decoration: none; /*убрать подчеркивание текста*/
}
.btn:hover { /*заливка кнопки при наведении*/
      background-color: white; /*цвет блока*/
      transition: 0.7s; /*время заливки*/
      /*box-shadow: 0px 0px 3px 3px white; окружающая тень*/
  }

.btnYandex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 60px;/*ширина блока*/
      height: 30px;/*высота блока*/
          margin-top: 1.2%; /*отступ сверху*/
          margin-left: 1%; /*отступ слева*/
          margin-right: 1%; /*отступ справа*/
          margin-bottom: 1%; /*отступ снизу*/
      /*background-color: #9ac8e9; цвет блока*/
      border: 0.5mm ridge #32a1ce; /*контур и цвет обводки блока*/
      border-radius: 0px; /*скругление углов квадрата*/
      box-shadow: 0px 0px 1px 1px #4d4d4d; /*окружающая тень*/
      text-align: center; /*расположение текста внутри блока по горизонтали*/
      font-size: 20px; /*размер текста внутри блока*/
}
.btnYandex:hover { /*заливка кнопки при наведении*/
      background-color:white; /*цвет блока*/
      transition: 0.7s; /*время заливки*/
  }

.newsText { /*Текст новости в карусели*/
font-size: 18px; /*размер текста*/
    text-align: left; /*размещение текста*/
            margin-top: 5px; /*отступ сверху*/
            margin-left: 20px; /*отступ слева*/
            margin-right: 20px; /*отступ справа*/
            margin-bottom: 5px; /*отступ снизу*/
    color: black; /*цвет текста*/
    -webkit-text-stroke: 0.2px black; /*контур текста*/
}

.btnNews {
    width: 18%;/*ширина блока*/
    height: 20px;/*высота блока*/
        margin-top: 0%; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 2%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 0.5mm dashed #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 5px; /*скругление углов квадрата*/
    /*box-shadow: 0px 0px 1px 1px #4d4d4d; окружающая тень*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 14px; /*размер текста внутри блока*/
    padding: 1% 1% 1%; /*отступ текста внутри кнопки*/
}
.btnNews:hover { /*заливка кнопки при наведении*/
      background-color:#32a1ce; /*цвет блока*/
      transition: 0.7s; /*время заливки*/
  }

.btnFB {
    width: 18%;/*ширина блока*/
    height: 30px;/*высота блока*/
        margin-top: 0%; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 2%; /*отступ снизу*/
    background-color: #9ac8e9; /*цвет блока*/
    border: 0.5mm double #32a1ce; /*контур и цвет обводки блока*/
    border-radius: 5px; /*скругление углов квадрата*/
    /*box-shadow: 0px 0px 1px 1px #4d4d4d; окружающая тень*/
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    font-size: 14px; /*размер текста внутри блока*/
    padding: 0.5% 1% 1% 1%; /*отступ текста внутри кнопки*/
}
.btnNews:hover { /*заливка кнопки при наведении*/
      background-color:#32a1ce; /*цвет блока*/
      transition: 0.7s; /*время заливки*/
  }


.boxServices {
    position: none;/*тип размещения блока - не зависит от экрана*/
    width: 98%;/*ширина блока*/
    /*height: 98%;высота блока*/
        margin-top: 10px; /*отступ сверху*/
        margin-left: 1%; /*отступ слева*/
        margin-right: 1%; /*отступ справа*/
        margin-bottom: 10px; /*отступ снизу*/
    /*background-color: #9ac8e9; цвет блока*/
    /*border: 0mm ridge #32a1ce; контур и цвет обводки блока*/
    /*border-radius: 0px; скругление углов квадрата*/
    /*text-align: center; расположение текста внутри блока по горизонтали*/
    /*font-size: 30px; размер текста внутри блока*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    /*text-align: center; расположение текста внутри блока по горизонтали*/
    /*justify-content:center;равномерное распределение блоков первого уровня по ширине*/
}

.servicesText { /*Текст в панелях*/
font-size: 14px; /*размер текста*/
    text-align: left; /*размещение текста*/
            margin-top: 5px; /*отступ сверху*/
            margin-left: 5px; /*отступ слева*/
            margin-right: 1px; /*отступ справа*/
            margin-bottom: 5px; /*отступ снизу*/
    color: black; /*цвет текста*/
    /*-webkit-text-stroke: 0.2px black; контур текста*/
}



/*Перемотка новостей*/
.reviews__arrow {
  cursor: pointer;
  position: absolute;
      width: 40px;/*ширина блока*/
      height: 54px;/*высота блока*/
  color: #fff; /*цвет стрелки внутри переключателя*/
  background: #9ac8e9; /*цвет переключателя*/
  border-radius: 5px; /*скругление*/
  border: 1mm ridge #32a1ce; /*контур и цвет обводки блока*/
              margin-top: 0%; /*отступ сверху*/
              margin-left: 1%; /*отступ слева*/
              margin-right: 1%; /*отступ справа*/
              margin-bottom: 0px; /*отступ снизу*/
    font-size: 150%; /*размер текста стрелок*/
    color: #4682B4; /*цвет текста*/
    -webkit-text-stroke: 0.5px black; /*контур текста*/
    /*box-shadow: 0px 0px 4px 4px #4d4d4d; окружающая тень*/
}
.reviews__prev {/*отступ стрелки слева*/
  left: 0%;
}
.reviews__prev:hover { /*заливка кнопки при наведении*/
      background-color:white; /*цвет блока*/
      /*box-shadow: 0px 0px 4px 4px white; окружающая тень*/
      transition: 0.7s; /*время заливки*/
  }
.reviews__next {/*отступ стрелки справа*/
  right: 0%;
}
.reviews__next:hover { /*заливка кнопки при наведении*/
      background-color:white; /*цвет блока*/
      /*box-shadow: 0px 0px 4px 4px white; окружающая тень*/
      transition: 0.7s; /*время заливки*/
}
.box1_1_reviews {
    position: absolute;/*тип размещения блока*/
    width: 98%;/*ширина блока*/
    height: 0px;/*высота блока*/
        margin-top: 130px; /*отступ сверху*/
        margin-left: 0%; /*отступ слева*/
        margin-right: 0%; /*отступ справа*/
        margin-bottom: 0px; /*отступ снизу*/
    background-color: white; /*цвет блока*/
    /*border: 1mm ridge #32a1ce; контур и цвет обводки блока*/
    /*border-radius: 0px; скругление углов квадрата*/
    display: flex; /* inline-flex для всех потомков первого уровня */
    flex-wrap: wrap; /* перенос потомков первого уровня на строку ниже, если не поместились */
    text-align: center; /*расположение текста внутри блока по горизонтали*/
    justify-content:center;/*равномерное распределение блоков первого уровня по ширине*/
}

/* Конец стилей для десктопных устройств */
}