/* colors */
/*font family*/
/* breakpoints */
/*transform*/
/*transform*/
/*opacity*/
/*opacity- end*/
.cp-signForm {
  width: 56rem;
  border-radius: 1.6rem;
  box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.3);
  background: #ffffff;
  position: sticky;
  top: 11.9rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-left: auto;
  z-index: 2; }
  @media only screen and (max-width: 1024px) {
    .cp-signForm {
      top: 0rem;
      width: 100%;
      margin: 0;
      left: 0;
      border-radius: 0;
      height: 100%;
      box-shadow: none; } }
  .cp-signForm:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 27.5rem;
    height: 18.5rem;
    opacity: 0.1;
    background: url("../assets/images/cont-infograhy.png");
    background-size: cover;
    z-index: 2;
    display: inline-block; }
    @media only screen and (max-width: 768px) {
      .cp-signForm:before {
        display: none; } }
  .cp-signForm .act-btn .btn {
    min-width: 100%; }
    @media only screen and (max-width: 768px) {
      .cp-signForm .act-btn .btn {
        font-size: 1.4rem; } }
  .cp-signForm .form-title {
    font-family: "Gotham-Bold";
    font-size: 3.6rem;
    line-height: 4rem;
    letter-spacing: -0.56px;
    color: #000000;
    margin-bottom: 2rem;
    text-transform: uppercase; }
    @media only screen and (max-width: 768px) {
      .cp-signForm .form-title {
        font-size: 2.8rem;
        line-height: 3rem;
        letter-spacing: -0.44px; } }

.cp-signForm:before {
  top: 1.5rem;
  right: 1rem;
  opacity: 0.2;
  z-index: 0; }

.cp-signForm .form-title {
  margin-bottom: 2.2rem; }
  @media only screen and (max-width: 768px) {
    .cp-signForm .form-title {
      margin-bottom: 2.3rem; } }

@media only screen and (max-width: 768px) {
  .cp-signForm.typ-login {
    height: 100vh; } }

.cp-signForm .otp-signup-form .bs-form .error-msg {
  bottom: 4rem; }

.cp-signForm .otp-signup-form .bs-form .signin-otp-form .error-msg {
  bottom: unset;
  top: 9.2rem; }
  @media only screen and (max-width: 1024px) {
    .cp-signForm .otp-signup-form .bs-form .signin-otp-form .error-msg {
      top: 9.2rem; } }