.otpContainer {
  .otpBox {
    width: 500px;
    height: 500px;

    h5 {
      color: #222;
      font-style: normal;
      font-weight: 400;
      font-size: 54px;
      line-height: normal;
      font-family: Poppins;
      text-transform: capitalize;
    }

    @media (max-width: 600px) {
      width: 95%;

      h5 {
        font-size: 50px;
      }
    }

    p {
      color: #667080;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 1px;
      font-family: Poppins;
    }

    .resendOtp {
      input {
        margin-right: 10px;
        outline: none;
        border: 1px solid #bc996f;
        border-radius: 10px;
        background: #fff;
        width: 65px !important;
        height: 65px !important;

        @media (max-width: 600px) {
          width: 50px !important;
          height: 50px !important;
        }
        @media (max-width: 320px) {
          width: 40px !important;
          height: 40px !important;
        }
      }

      .resendBox {
        position: relative;
        right: 20px;
        margin-top: 60px;

        @media (max-width: 1600px) {
          margin-top: 20px;
        }

        @media (max-width: 600px) {
          right: 0px;
        }

        @media (max-width: 320px) {
          bottom: 50px;
        }

        & > div {
          width: 110px !important;
          height: 110px !important;

          svg {
            width: 110px !important;
            height: 110px !important;
          }
        }
      }

      span {
        display: none !important;
      }
    }
  }

  a {
    bottom: 6px;
    color: #222;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    font-family: Poppins;

    span {
      color: #bc996f;
    }

    @media (max-width: 320px) {
      bottom: -10px;
    }
  }

  button {
    &.submitBtn {
      width: 88%;
    }
  }
}