.services {
   margin-top: 40px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
   gap: 32px;
}

.services .service {
   width: 293px;
   height: 88px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 20px;
   border-radius: 16px;
   background: #F6F8FB;
   padding: 20px 23px;
}

.services .service:hover {
   background: #DBEDFF;
}

.services .service img {
   max-width: 50px;
   max-height: 40px;
}

.services .service span {
   color: #0D2C4B;
   font-size: 20px;
   font-style: normal;
   font-weight: 600;
   line-height: normal;
}

.about {
   margin-bottom: 140px;
}

.about .content {
   display: block;
}

.about .content picture {
   width: 510px;
   min-width: 510px;
   height: auto;
   /* height: 300px; */
   border-radius: 16px;
   float: left;
   margin-right: 32px;
   margin-bottom: 40px;
}

.about .content p {
   color: #0D2C4B;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 32px;
}

.about .content p:last-child {
   margin-bottom: 0px;
}

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

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

   .services {
      margin-top: 20px;
      gap: 14px;
   }

   .services .service {
      width: 100%;
      gap: 27px;
      padding: 20px;
   }

   .services .service span {
      font-size: 16px;
      font-weight: 500;
   }

   .services .service span br {
      display: none;
   }

   .about {
      margin: 60px 0;
   }

   .about .content picture {
      width: 100%;
      height: auto;
      min-width: 0;
      margin-right: 0;
      margin-bottom: 20px;
   }
}

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

   h4.title {
      font-size: 18px;
      font-weight: 600;
   }

   h4.title br {
      display: none;
   }

   .about .content {
      margin-top: 20px;
   }

   .about .content p {
      font-size: 12px;
      margin-bottom: 12px;
   }
}