.contact-us {
  background-image: url("../img/contact-bg.webp");
  background-repeat: no-repeat;
  background-position: top center;
  padding: 145px 0;

  @media (max-width: 1199px) {
    padding: 80px 0 100px;
  }
  @media (max-width: 991px) {
    padding: 50px 0 80px;
  }

  .text-cont {
    @media (max-width: 991px) {
      margin-bottom: 4rem;
      text-align: center;
    }
    h2.section-title {
      margin-bottom: 10px;

      span {
        position: relative;

        img {
          position: absolute;
          left: 0;
          bottom: -10px;
        }
      }
    }

    p.section-content {
      margin-top: 15px;
      margin-bottom: 45px;
      color: #8B8B8B;
    }

    a {
      border: 0;
      background: transparent;
      font-family: $Poppins;
      font-size: 20px;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: -0.9574722647666931px;
      color: #6358F4;
      text-decoration: none;
      position: relative;

      &:after {
        content: '';
        width: 100%;
        height: 5px;
        background: linear-gradient(90deg, #5558A6 0%, #4AB9EA 50%, #D7DF23 100%);
        position: absolute;
        left: 0;
        bottom: -20px;
      }

      svg {
        &:nth-child(1) {
          margin-right: 15px;
        }

        &:nth-child(2) {
          margin-left: 10px;
        }
      }
    }
  }

  .box {
    box-shadow: 19.15px 44.04px 77.56px 0 #51515124;
    background: #fff;
    border-radius: 22px;
    padding: 45px 35px 90px 35px;
    position: relative;
    @media (max-width: 767px) {
      border-radius: 18px;
      padding: 35px 25px 60px 25px;
    }

    form {
      .input-groups {
        margin-bottom: 25px;

        label {
          font-family: $Inter;
          font-size: 17px;
          font-weight: 700;
          line-height: 10px;
          color: #000;
          margin-bottom: 15px;
        }

        .form-control {
          background: rgb(217 217 217 / 20%);
          border-radius: 10px;
          color: #C4C4C4;
          padding: 18px 20px;
          border: 2px solid transparent;

          &:focus {
            box-shadow: none;
            border-color: #6358F4;
          }

          &::placeholder {
            font-family: $Poppins;
            font-size: 15px;
            font-weight: 300;
            line-height: 10px;
            color: #C4C4C4;
          }
        }

        textarea.form-control {
          height: 95px;
        }
      }

      .submit-btn {
        border: 0;
        background: transparent;
        font-family: $Poppins;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.9574722647666931px;
        color: #6358F4;
        margin-top: 20px;
        position: relative;

        &:after {
          content: '';
          width: 225px;
          height: 5px;
          background: linear-gradient(90deg, #5558A6 0%, #4AB9EA 50%, #D7DF23 100%);
          position: absolute;
          left: 0;
          bottom: -15px;
        }

        svg {
          margin-left: 15px;
        }
      }
    }

    img {
      position: absolute;
      bottom: -100px;
      right: 0;

      @media (max-width: 1199px) {
        position: absolute;
        bottom: -60px;
        right: 0;
        max-width: 50%;
      }
      @media (max-width: 991px) {
        bottom: -90px;
      }
    }
  }
}

