@import url('./common.css');

#headquarters {
  .reporting{
   .list{
      display: grid;
         grid-template-columns: repeat(1, 1fr);
      gap: 2rem;
      align-items: center;
        margin-bottom: calc(100 / 1440 * 100%);
      @media screen and (min-width: 769px) {
         grid-template-columns: repeat(2, 1fr);
           gap: 5rem;
      }
      li{
        h3{
          font-size: clamp(16px, 0.51vw + 14.09px, 20px);
          font-weight: 700;
        }
        p{
          font-size: clamp(14px, 0.19vw + 13.3px, 16px);
          font-weight: 400;
          line-height: 1.8;
        }
        &.img-list{
         text-align: center;
         img{
          width: 100%;
          height: auto;
          object-fit: cover;
             border-radius: 1.5rem;
         }
      
        }
      }
   }
   
   .text{
    font-size: clamp(14px, 0.19vw + 13.3px, 16px);
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: calc(50 / 1440 * 100%);
   }
   .img{
      width: 100%;
      margin-bottom: calc(50 / 1440 * 100%);
      max-width: 100%;
      border-radius: 1.5rem;
   }
  }
}