@import "variables";
@import "mixins";

section.contact-boxes {
  .contact-boxes-wrap {
    @include bp("lg") {
      grid-template-columns: 1fr;
    }
    gap: 3rem;
    .contact-box {
      max-width: 100%;
      min-width: 100%;
      background-color: $white;
      padding: 5.6rem 10rem 5.6rem 4.8rem;
      box-shadow: 0px 32px 60px rgba(0, 0, 0, 0.07);
      @include bp("xl") {
        padding: 5.6rem 4.8rem 5.6rem 4.8rem;
      }
      @include bp("xl") {
        padding: 3rem;
      }
      .person-wrap {
        display: grid;
        grid-template-columns: 4.8rem 1fr;
        column-gap: 2rem;
        align-items: center;
        margin-bottom: 2.4rem;
        img {
          width: 4.8rem;
          height: 4.8rem;
          border-radius: 100%;
        }
      }
    }
  }
}
