#utp {
   display: flex;
   align-items: center;
   justify-content: space-between;
   position: relative;
   padding: 82px 0;
}

#utp .content {
   width: 626px;
}

#utp .title {
   color: #0D2C4B;
   font-size: 40px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
}

#utp .sections {
   width: auto;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   gap: 32px;
   margin-top: 40px;
}

#utp .sections .section {
   width: 293px;
   height: 144px;
   border-radius: 16px;
   background: #F6F8FB;
   display: block;
   padding: 14px 18px;
}

#utp .sections .section .top {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 8px;
   margin-bottom: 5px;
}

#utp .sections .section .top img {
   max-width: 38px;
   max-height: 38px;
   display: table;
}

#utp .sections .section .name {
   color: #0D2C4B;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
}

#utp .sections .section .top i.mso {
   color: #0D2C4B;
   font-size: 16px;
}

#utp .sections .section .text {
   color: #0D2C4B;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   padding-left: 42px;
}

#utp .sections .section.active,
#utp .sections .section:hover {
   background: #DBEDFF;
}

#utp img.right {
   position: absolute;
   right: 0;
}

#buttons {
   displaY: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
}

#buttons .button {
   width: calc(50% - 16px);
   height: 128px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 54px;
   border-radius: 16px;
   background: #F6F8FB;
   padding: 23px 37px;
}

#buttons .button span {
   color: #0D2C4B;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   max-width: 300px;
}

#buttons .button span i.mso {
   font-size: 16px;
   position: relative;
   top: 2px;
}

#buttons .button:hover span i.mso {
   margin-left: 10px;
}

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

   #utp {
      position: relative;
      padding: 20px 0;
      display: table;
      height: 1030px;
   }

   #utp .content {
      width: 100%;
   }

   #utp .content .title {
      font-size: 20px;
   }

   #utp .content .sections {
      position: absolute;
      top: 463px;
      margin-top: 0px;
      width: calc(100% - 50px);
      right: 25px;
      gap: 14px;
   }

   #utp img.right {
      width: 339px;
      position: absolute;
      top: 97px;
      right: auto;
   }

   header .btn-green {
      display: table;
      position: absolute;
      top: 523px;
      z-index: 2;
      width: calc(100% - 50px);
      right: 25px;
      text-align: center;
   }

   #utp .sections .section {
      width: 100%;
      height: auto;
      padding-bottom: 22px;
   }

   #utp .sections .section .name,
   #utp .sections .section .text {
      font-size: 16px;
   }

   #utp .sections .section .text {
      padding-left: 45px;
   }

   #utp .sections .section .top img {
      width: 38px;
   }
}

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

   #advantages {
      border-radius: 0px;
      background: url("../images/bg-m-advantages.webp") no-repeat top center, linear-gradient(98deg, #0D6BC7 5.86%, #063461 175.35%);
      display: table;
      padding: 40px 25px;
      padding-bottom: 10px;
      gap: 0;
   }

   #advantages h3.title {
      color: #fff;
   }

   #advantages .item {
      margin-top: 30px;
      width: 50%;
      float: left;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-start;
   }

   #advantages .item span {
      width: 100%;
      height: 60px;
      font-size: 12px;
      max-width: 135px;
   }

   #steps {
      margin: 60px auto;
   }

   #numbers {
      flex-wrap: wrap;
      border-radius: 0px;
      padding: 40px 0;
      height: auto;
      background: url("../images/bg-m-advantages.webp") no-repeat center center, linear-gradient(98deg, #0D6BC7 5.86%, #063461 175.35%);
   }

   #numbers .title {
      font-size: 18px;
   }

   #numbers .title br {
      display: none;
   }

   #numbers .items {
      flex-wrap: wrap;
      gap: 30px;
      margin-top: 30px;
   }

   #numbers .items .item {
      width: 100%;
   }

   #numbers .items .item h4 {
      font-size: 14px;
      margin-bottom: 8px;
   }

   #numbers .items .item p {
      font-size: 12px;
   }

   #partners {
      padding: 60px 0;
   }

   .about {
      margin-bottom: 40px;
   }

   .about .content {
      flex-wrap: wrap;
      margin-top: 30px;
      gap: 20px;
   }

   .about .content picture {
      min-width: auto;
      width: 100%;
      height: auto;
   }

   .about .content .text {
      font-size: 12px;
   }

   #buttons {
      flex-wrap: wrap;
      gap: 14px;
   }

   #buttons .button {
      width: 100%;
      padding: 12px 25px;
      gap: 30px;
      position: relative;
      height: 84px;
   }

   #buttons .button img {
      max-width: 70px;
   }

   #buttons .button span {
      font-size: 14px;
      max-width: 116px;
   }

   #buttons .button span br {
      display: none;
   }

   #buttons .button span i.mso {
      position: absolute;
      top: 34px;
      right: 25px;
   }

   #reviews {
      padding: 60px 0;
   }
}

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

   
}