.contact-content-wrapper-narrow {
  margin: 0 auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  max-width: 88.5rem;
  .contact2-box {
    border-radius: 12px;
    background: #DCE1E2;
    padding:17px;
    display:flex;
    align-items:flex-start;
    gap:0 40px; flex-wrap:wrap;
    @media(max-width:749px){
      background:none; padding:0; 
      gap:20px;
    }
    .contact2-left {
      flex:0 0 calc(50% - 20px);
      width:calc(50% - 20px);
      @media(max-width:749px){
        background: #DCE1E2;
        border-radius:10px;
        padding:11px;
        width:100%; flex:0 0 100%;
      }
      .heading {
        color: #304E55;
        font-family: 'Ubuntu';
        font-size: 43px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        margin:0 0 20px;
        @media(max-width:991px){
          font-size: 33px; line-height: 40px; margin-bottom:15px;
        }
        @media(max-width:749px){
          font-size: 21px; line-height: 24px;
          margin-bottom:15px; 
        }
      }
      .description {
        color: #304E55;
        font-family: "CommutersSans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-bottom:25px;
        @media(max-width:749px){
          font-size: 12px; line-height:17px; margin-bottom:15px;
        }
        > p:first-child { margin-top:0;}
        > p:last-child { margin-bottom:0;}
      }
      .image-outer {
        font-size:0; line-height:0;
        text-align:center;
        .img-fluid { border-radius:7px; }
      }
    }
    .contact2-right {
      flex:0 0 calc(50% - 20px);
      width:calc(50% - 20px);
      @media(max-width:749px){
        background: #DCE1E2;
        padding:10px;
        border-radius:10px;
        width:100%; flex:0 0 100%;
      }
      .form__message-outer {
        font-family: 'CommutersSans';
        background: #ffc6c6fa;
        border: 2px solid red;
        padding-inline: 15px;
        border-radius: 10px;
        box-shadow: 0 3px 6px #00000029 inset;
        margin-block-end: 10px;
        .text-body {
          display: flex;
          align-items: center;
          gap: 10px;
          font-family: 'CommutersSans';
          color: #304E55;
          font-weight: 600;
          @media (max-width: 749px){
            font-size: 14px;
          }
        }
        .form-status-list {
          margin-inline-start: 5px;
          margin-block: 5px 10px;
          font-family: 'CommutersSans';
          a {
            text-decoration: none;
            color: #304E55;
            @media (max-width: 749px){
              font-size: 13px;
            }
          }
        }
        &.form-success {
          background: #1d4a506b;
          border: 2px solid #274f55;
          .text-body {
            color: #fff;
            margin-inline-start: 0;
            margin-block: 10px;
            line-height: 1.3;
            @media (min-width: 480px) and (max-width: 749px){
              font-size: 14px;
            }
            @media (max-width: 479px){
              font-size: 12px;
            }
          }
        }
        .icon {
          height: 2rem;
          margin-right: 0;
          width: 2rem;
          min-width: 2rem;
        }
      }
    }
  }
  .contact-bottom-section {
    margin-top:78px;
    @media(max-width:991px){
      margin-top:55px;
    }
    @media(max-width:749px){
      margin-top:40px;
    }
    .bottom-box {
      border-radius: 20px;
      background: #6D98BA;
      background: linear-gradient(-45deg,rgba(109, 152, 186, 1) 0%, rgba(133, 172, 166, 1) 100%);
      box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16) inset;
      padding:30px 20px 35px;
      @media(max-width:749px){
        border-radius: 10px;
        padding:15px;
      }
      .heading {
        color: #FFF;
        text-align: center;
        font-family: 'Ubuntu';
        font-size: 38px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        text-transform: capitalize;
        margin-bottom:45px;
        letter-spacing:0;
        @media(max-width:991px){
          font-size: 28px; line-height: 40px;
         margin-bottom:25px;
        }
        @media(max-width:749px){
          font-size: 20px; line-height: 30px;
         margin-bottom:20px;
        }
      }
      .sub-heading {
        color: #304E55;
        text-align: center;
        font-family: 'Ubuntu';
        font-size: 38px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        text-transform: capitalize;
        @media(max-width:991px){
          font-size: 28px; line-height: 40px;
        }
        @media(max-width:749px){
          font-size: 21px; line-height: 30px;
        }
      }
    }
    .bottom-button-bar {
      margin-top:45px;
      @media(max-width:991px){
        margin-top:30px;
      }
      @media(max-width:749px){
        margin-top:20px;
      }
    }
  }
}

.template-page-contact2 #MainContent{
  @media(max-width:749px){
    .contact2-section .contact-content-wrapper-narrow { padding-top:20px; padding-bottom:40px; }
  }
}