.main-container {
  z-index: 2;

  .section-contact-banner {
    padding: 80px 0;
    background-color: #f9fbfc;
    margin-bottom: 80px;

    @media screen and(max-width:768px) {
      margin-bottom: 55px;
      padding: 48px 0 56px 0;
    }

    h2 {
      font-size: 36px;
      font-weight: 700;
      color: $color-secondary;
      font-family: $font-family-sora;
      margin-bottom: 16px;

      @media screen and (max-width: 768px) {
        font-size: 24px;
        margin: 26px 0 16px 0;
      }
    }

    p {
      font-size: 20px;
      font-weight: 500;
      color: $color-secondary;
      margin-bottom: 40px;

      @media screen and (max-width: 768px) {
        font-size: 16px;
        margin-bottom: 32px;
      }
    }

    #contactUsForm {
      .form-floating {
        margin-bottom: 60px;

        @media screen and (max-width: 768px) {
          margin-bottom: 32px;
        }
      }

      .form-bottom {
        @media screen and (max-width: 768px) {
          display: flex;
          flex-direction: column-reverse;
        }

        p {
          max-width: 398px;
          display: inline-block;
          font-size: 14px;
          color: $color-dark;
          margin-top: 0;

          @media screen and (max-width:1024px){
            max-width: 300px;
          }

          @media screen and (max-width: 768px) {
            max-width: 100%;
            margin: 16px 0 0 0;
          }
        }

        a {
          float: right;

          @media screen and (max-width: 768px) {
            float: left;
            width: max-content;
            margin-top: 16px;
          }
        }
      }
    }

    .img {
      height: 684px;

      @media screen and (max-width:1024px){
        height: 100%;
      }

      @media screen and (max-width: 767px) {
        height: 408px;
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
      }
    }
  }

  .section-addr {
    .container {
      .address-section {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(auto);
        padding-bottom: 80px;

        @media screen and(max-width:768px) {
          grid-template-columns: auto;
          grid-template-rows: repeat(3, auto);
          text-align: center;
          padding-bottom: 50px;
        }

        .num-logo {
          p {
            font-weight: bold;
            font-size: 24px;
            color: #0030d4;
          }

          .info {
            margin-bottom: 56px;
          }

          .follow {
            font-size: 18px;
            color: #000;
            margin-bottom: 24px;
            font-family: $font-family-sora;
          }

          .img-logo {
            @media screen and(max-width:767px) {
              text-align: center;
              display: flex;
              align-items: center;
              justify-content: space-evenly;
            }

            img {
              width: 40px;
              height: 40px;
              margin-right: 45px;

              @media screen and (max-width:1024px){
                margin-right: 24px;
              }

              @media screen and(max-width:767px) {
                text-align: center;
                margin-right: 0;
              }
            }
          }

          @media screen and (max-width: 768px) {
            grid-row: 1 / 2;
            grid-column: auto;
            margin-bottom: 56px;
          }
        }

        .branch-1 {
          h4 {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 18px;
            font-family: $font-family-sora;
          }

          p {
            font-size: 16px;
            font-family: $font-family-hk;
            color: #8da0b9;
          }

          @media screen and (max-width: 768px) {
            grid-row: 2 / 3;
            grid-column: auto;
            margin-bottom: 32px;
          }
        }

        .branch-2 {
          h4 {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 18px;
            font-family: $font-family-sora;
          }

          p {
            font-size: 16px;
            font-family: $font-family-hk;
            color: #8da0b9;
          }

          @media screen and (max-width: 768px) {
            grid-row: 3 / 4;
            grid-column: auto;
          }
        }
      }
    }
  }
}