#utp p {
   font-weight: 300;
   font-size: 18px;
   line-height: 140%;
   color: var(--blue-text);
   max-width: 526px;
   margin-bottom: 28px;
}

#utp .title span {
   color: var(--orange);
   font-weight: 500;
}

#utp picture {
   width: 495px;
   height: 368px;
   opacity: 0.8;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

#advantages h2.title {
   max-width: 893px;
}

#applications {
   padding-top: var(--pt-120);
   margin-bottom: 0px;
}

.information .items .item {
   height: 268px;
}

.information .items .item .title {
   text-transform: uppercase;
   font-size: var(--fz-25);
   margin-bottom: 10px;
   height: 70px;
   display: block;
}

.information .items .item {
   width: 613px;
}

.information .items .item:nth-child(1),
.information .items .item:nth-child(4),
.information .items .item:nth-child(5) {
   width: 566px;
}

.information .items .item:nth-child(2n+1):last-child {
   width: 100%;
}

.form {
   top: 0;
   margin-top: var(--pt-120);
}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1180px) {

   #utp {
      flex-wrap: wrap;
      height: auto;
      padding: 20px 0;
   }

   #utp > div,
   #utp .title,
   #utp p {
      width: 100%;
      max-width: 100%;
      text-align: center;
   }

   #utp .btn {
      margin: 0 auto;
   }

   #utp picture {
      width: 90%;
      margin: 20px auto;
   }
}

@media only screen and (max-width: 1080px) {}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 880px) {}

@media only screen and (max-width: 780px) {}

@media only screen and (max-width: 680px) {

   .information .items .item {
      width: 100% !important;
      height: auto !important;
   }

   .information .items .item .title {
      height: auto;
   }

   #applications {
      padding-top: 0px;
   }
}

@media only screen and (max-width: 580px) {

   #utp picture {
      height: 200px;
      margin: 20px auto 0;
   }
}

@media only screen and (max-width: 480px) {}

@media only screen and (max-width: 380px) {}