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

.sections .section {
   width: 293px;
   height: 144px;
   flex-shrink: 0;
   border-radius: 16px;
   background: #F6F8FB;
   padding: 24px 14px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   gap: 12px;
}

.sections .section .img {
   max-width: 38px;
}

.sections .section .data {}

.sections .section .data .title {
   color: #0D2C4B;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
   display: flex;
   align-items: center;
   gap: 8px;
}

.sections .section .data .title i.mso {
   font-size: 16px;
   position: relative;
   top: 1px;
}

.sections .section .data .text {
   color: #0D2C4B;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-top: 12px;
}

.sections .section:hover {
   background: #DBEDFF;
}

.sections .section .data {}

.sections .section .data {}

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

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

   .sections {
      margin: 0;
   }

   #conteiner {
      margin-bottom: 60px;
   }
}

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

   .sections {
      gap: 14px;
      margin-top: 30px;
   }

   .sections .section {
      width: 100%;
      height: 104px;
      position: relative;
   }

   .sections .section .data .title i.mso {
      position: absolute;
      top: 27px;
      right: 21px;
   }

   .sections .section .data .title {
      font-size: 16px;
      font-weight: 500;
   }

   .sections .section .data .text {
      font-size: 12px;
      font-weight: 400;
   }
}