.contact-us {
    position: relative;
    background: linear-gradient(90deg, #10b6e2 0%, #00a771 100%);
    border-radius: calc(40* var(--basePC))  calc(40* var(--basePC)) 0px 0px;
    color: #fff;
    text-align: center;
    padding: calc(100 * var(--basePC)) 0 0;
    height: calc(486 * var(--basePC));
  }
.contact .column-title {
  padding: 0 0 calc(100* var(--basePC));
  font-weight:700;
  line-height:calc(60 / 45)
}
  .contact-us .column-center {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-left: calc(231* var(--basePC));
  }
  .contact-us .contact-item .line {
    margin: calc(6 * var(--basePC)) calc(56 * var(--basePC));
  }
  
  
  .contact-us .bg {
    position: absolute;
    left: calc(-97 * var(--basePC));
    top: calc(-105 * var(--basePC));
  }
  .contact-us .bg svg {
    width: calc(214 * var(--basePC));
    height: calc(185 * var(--basePC));
  }
  .contact-us .contact-item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
   .contact-us .contact-item .center h5{
     margin-bottom: calc(24 * var(--basePC));
     text-align: left;
     font-weight: 700;
     line-height: 1;
   }
  .contact-us .qrcode-img {
    width: calc(82 * var(--basePC));
    flex: 0 0 calc(82 * var(--basePC));
  }
  .contact-us .qrcode-img img {
    width: 100%;
    object-fit: contain;
  }
  .contact-us h5.heading {
    color: #fff;
  }
  .contact-us h5.heading::after {
    background: #fff;
  }
  .contact-us .short-title {
    text-align: left;
  }
  
  .contact-us .qrcode-img {
    margin-right: calc(20 * var(--basePC));
  }
  
  .cooper-logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: calc(10* var(--basePC));
  }
  .cooper-logo > a {
    margin-right: calc(25* var(--basePC));
  }
  .cooper-logo img {
    width: calc(32* var(--basePC));
    height: calc(32* var(--basePC));
    object-fit: fill;
    margin-bottom: 1rem;
  }
  
  .cooper-logo .modal-box {
    position: relative;
  }
  
  .modal-container {
    position: absolute;
    background: #fff;
    min-width: calc(200 * var(--basePC));
    left: 50%;
    transform: translate(-50%, 16px);
    z-index: 99;
    box-shadow: 0px 9px 28px 0px rgba(0, 0, 0, 0.05),
      0px 6px 16px 0px rgba(0, 0, 0, 0.08), 0px 3px 6px 0px rgba(0, 0, 0, 0.12);
    display: none;
  }
  
  .modal-container::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -3%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: calc(20 * var(--basePC)) solid transparent;
    border-right: calc(20 * var(--basePC)) solid transparent;
    border-bottom: calc(20 * var(--basePC)) solid #fff;
  }
  
  .modal-container .modal-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: calc(12 * var(--basePC));
  }
  
  .modal-container .modal-title .close-btn {
    position: absolute;
    top: 50%;
    right: calc(8 * var(--basePC));
    transform: translateY(-50%);
    z-index: 99;
    line-height: 1;
  }
  
  .modal-container .modal-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(15 * var(--basePC)) 0;
  }
  
  .modal-container .modal-content img {
    width: 50%;
    object-fit: cover;
    height: auto;
  }
  @media (max-width: 1290px) {
      .contact-us .column-center {
        margin-left: calc(128 * var(--basePC));
      }
    }
  @media (max-width: 750px) {
    .contact-us .bg svg {
      width: calc(310 * var(--basePC));
      height: calc(295 * var(--basePC));
    }
  }
  @media (max-width: 750px) {
    .contact .container {
      padding: 0 !important;
      max-width: 100%;
    }
  
    .contact-us {
      padding: calc(100* var(--basePC)) calc(122* var(--basePC)) 0 calc(117* var(--basePC));
      height: calc(1064 * var(--basePC));
    }
  
    .contact-us .column-title {
      padding: 0;
      padding-bottom: calc(80 * var(--basePC));
      font-weight: bold;
      font-size: calc(60 * var(--basePC));
      line-height: 1;
    }
  
    .contact-us .bg {
      /* left: -10%; */
      top: calc(-48 * var(--basePC));
      /* transform: translateY(-35%); */
    }
  .contact-us .contact-item .center{
    line-height:calc(24 / 28)
  }
        .contact-us .contact-item .center h5{
            font-size: calc(28 * var(--basePC));
          font-weight:700;
        }
    .contact-us .short-title{
      margin-bottom:calc(20 * var(--basePC));
      font-weight: 400;
    }
    .contact-us .bg img {
      width: 41.33vw;
    }
  
    .contact-us .column-center {
      padding-left: 0;
      flex-direction: column;
      margin-left: 0;
      /* padding-bottom: 148px; */
    }
  
    .contact-us .contact-item {
      flex-direction: column;
      width: 100%;
      align-items: flex-start;
      margin-left: 0;
    }
  
    .contact-us .contact-item:last-child {
      justify-content: flex-start;
      flex-direction: row;
    }
  
    .contact-us .contact-item .line {
      width: 100%;
      height: 1px;
      background-color: #fff;
      opacity: 0.4;
      margin: 0 0 calc(48 * var(--basePC)) 0;
    }
  
    .contact-us .qrcode-img {
      width: 4rem;
      flex: 0 0 4rem;
      margin-right: 1rem;
    }
  
    .contact-us .qrcode-img img {
      width: 100%;
      height: 100%;
    }
    .modal-container {
      min-width:calc(130 * var(--basePC));
      transform: translate(-50%, 2px);
    }
  
    .modal-container .modal-title .close-btn svg {
      width: calc(14 * var(--basePC));
      height:calc(14 * var(--basePC));
    }
    .cooper-logo img {
      width: calc(48 * var(--basePC));
      height: calc(48 * var(--basePC));
    }
  }