#section-21 {
     margin-top: 90px;
 }

 .bg-section-21 {
     position: relative;
     z-index: 1;
     overflow: hidden;
     padding: 80px 0;
     background-color: #F4F4F4;

 }

 .bg-section-21::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image: url(../img/bg-section-5.webp);
     background-position: center;
     opacity: 2%;
     z-index: -1;

 }

 .type-work {
     display: flex;
     gap: 16px;
     align-items: center;
     margin: 60px 0;
 }

 .icon-of-work {
     width: 95px;
     height: 95px;
     border-radius: 50%;
     background: var(--primary-color);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .name-work {
     font-family: Gotham Rounded;
     font-size: 32px;
     line-height: 40px;
     font-weight: 500;
     color: var(--black);
     text-align: left;
 }

 .item-card-work {
     border-radius: 28px;
     background: var(--white);
     padding: 28px;
     display: flex;
     gap: 20px;
     margin-bottom: 16px;
 }

 .image-work {
     width: 250px !important;
     height: 250px !important;
     object-fit: cover !important;
     border-radius: 10px !important;
     max-width: fit-content !important;
 }

 .title-card-work {
     font-family: Gotham Rounded;
     font-size: 35px;
     line-height: 40px;
     font-weight: 500;
     color: var(--black);
     text-align: left;
 }

 .description-card-work {
     font-family: Gotham Rounded;
     font-size: 24px;
     line-height: 40px;
     font-weight: 400;
     color: var(--black);
     text-align: left;
 }

 @media(max-width :768px) {
     .item-card-work {
         flex-direction: column;
     }

     .name-work {
         font-size: 28px;
     }

     .title-card-work {
         font-size: 28px;
         margin-bottom: 18px;
     }

     .description-card-work {

         font-size: 20px;
         line-height: 28px;
     }

     .image-work {
         max-width: 100%;
     }
     .left-card-work {
        margin: 0 auto;
     }
 }

 @media(max-width :576px) {
     .type-work {
         flex-direction: column;
         align-items: flex-start;
     }
 }