.contact-us {
      background-image: url('/images/client/hero-bg.jpg');
      background-size: cover;
      background-position: top;
      min-height: 50vh;
      padding: 60px 0;
      color: #fff;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
  }

  .contact-us::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(80, 149, 125, 0.85),
              rgba(48, 82, 86, 0.85));
      z-index: 1;
  }

  .contact-us>* {
      position: relative;
      z-index: 2;
  }

  .contact-us .heading {
      font-size: 3rem;
      font-weight: 700;
      line-height: 100%;
  }

  .contact-us .sub-heading {
      font-size: 1.75rem;
      font-weight: 400;
      line-height: 150%;
  }

  .contactUs-bottom-section .contact-us-heading {
      font-size: 3rem;
      font-weight: 700;
      line-height: 100%;
  }

  .contactUs-bottom-section .contact-us-sub-heading {
      font-size: 1.375rem;
      font-weight: 400;
      line-height: 150%;
  }

  /* bottom contact-us section  */
  .contactUs-bottom-section {
      background-image: url('/images/client/contact-us-bg-img.jpg');
      background-size: cover;
      background-position: top;
      min-height: 50vh;
      padding: 4rem 0;
      color: #fff;
      position: relative;
      overflow: hidden;
      display: flex;
      align-items: center;
  }

  .contact-us-section-form {
      margin: 5rem 0;
  }


  .contactUs-bottom-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(80, 149, 125, 0.85),
              rgba(48, 82, 86, 0.95));
      z-index: 1;
  }

  .contactUs-bottom-section>* {
      position: relative;
      z-index: 2;
  }

  .contactUs-bottom-section .contact-us-btn {
      background: #EDA358;
      color: #fff;
      border: none;
      padding: 10px 50px;
      border-radius: 8px;
      font-size: 1.2rem;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
  }

  /* Mobile  */
  @media (max-width: 767.98px) {
      .contact-us .heading {
          font-size: 2rem;
          font-weight: 700;
          line-height: 100%;
      }

      .contact-us .sub-heading {
          font-size: 1rem;
          font-weight: 400;
          line-height: 150%;
      }

      .contactUs-bottom-section .contact-us-heading {
          font-size: 2rem;
          font-weight: 700;
          line-height: 100%;
      }

      .contactUs-bottom-section .contact-us-sub-heading {
          font-size: 1rem;
          font-weight: 400;
          line-height: 150%;
      }

      .contactUs-bottom-section .contact-us-btn {
          background: #EDA358;
          color: #fff;
          border: none;
          padding: 8px 40px;
          border-radius: 6px;
          font-size: 1rem;
          font-weight: 500;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
      }

      .contact-us-hero-content {
          padding-top: 4rem;
      }

  }

  /* Tablet  */
  @media (min-width: 768px) and (max-width: 991.98px) {
      .contact-us .heading {
          font-size: 2.2rem;
          font-weight: 700;
          line-height: 100%;
      }

      .contact-us .sub-heading {
          font-size: 1.4rem;
          font-weight: 400;
          line-height: 150%;
      }

      .contactUs-bottom-section .contact-us-heading {
          font-size: 2.2rem;
          font-weight: 700;
          line-height: 100%;
      }

      .contactUs-bottom-section .contact-us-sub-heading {
          font-size: 1.4rem;
          font-weight: 400;
          line-height: 150%;
      }
  }

  /* form/card section  */
  .contact-us-section-form .card {
      background-color: #F1F1F1;
      border: 2px solid #C7C7C7;
      border-radius: 12px;
      padding: 40px;
  }

  @media(max-width: 767.98px) {
      .contact-us-section-form .card {
          background-color: #F1F1F1;
          border: 2px solid #C7C7C7;
          border-radius: 12px;
          padding: 20px;
      }
  }

  .form-control {
      padding: 10px 20px !important;
      border: 1px solid #C7C7C7;
  }

  .form-control:focus {
      box-shadow: none !important;
      border-color: #C7C7C7 !important;
  }

  .form-check-input {
      border-radius: 0 !important;
      border: 1px solid #C7C7C7 !important;
  }

  .form-check-input:focus {
      box-shadow: none !important;
      border-color: #C7C7C7 !important;
  }

  .card .form-label {
      font-weight: 500;
      font-size: 1rem;
      line-height: 150%;
  }

  .contact-from-submit {
      background: #76C598;
      color: #fff;
      border: none;
      padding: 10px 50px;
      border-radius: 8px;
      font-size: 1.1rem;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
  }


  /* Sweet Alert btn  */
  .my-confirm-btn {
      background-color: #76C598 !important;
      /* Your custom color */
      color: white !important;
      padding: 8px 20px;
      border-radius: 6px;
      border: none !important;
      box-shadow: none !important;
  }

  .my-confirm-btn:focus {
      outline: none !important;
      box-shadow: none !important;
  }