/* @font-face{font-family:Lato;src:url(/static/merchant/font/Lato/Lato-Regular.woff)}
.default-form-div{margin:5rem 0;background-color:#FFF;border-radius:10px;color:#000}
/* .default-form-div .form-div-container{padding:2em 4em} */
/* .default-form-div .form-div-container .form-title-container div{padding-bottom:5px} */
/* .default-form-div .form-div-container .form-title-container .form-title{font-family:montserrat;font-weight:400;font-style:normal;font-size:2px;color:#0a1632} */
.default-form-div .form-div-container .form-container{margin:1em 0 2em 0}
.default-form-div .form-div-container .form-container .ui.form .field>label{font-family:Lato;font-weight:400;font-style:normal;opacity:.8;font-size:12px}
.default-form-div .form-div-container .form-container .ui.form .field{clear:both;margin:0 0 .5em}
.default-form-div .form-div-container .form-container input{padding:.8em .9em;background-color:#f9fafb}
#application-base .main_content_container{padding:0}
/* #application-base .form-div-container{padding:2em 10%} */
@media screen and (max-width:767px){#application-base .default-form-div{margin-top:40%}
} */

.ui.form {
    font-size: 12px;
font-weight: 100;
}

.success {
    color: #0A8C08;
}
.errors {
    color: #ee6e73;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}
.alert.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}
.captcha {
    height: 45px;
}
.errorlist {
    color: #ee6e73;
    margin-top: -4px;
    padding: 0px;
    list-style: none;
    font-weight: bold;
    margin-bottom: 30px;
}
.forgot-section .section-right .forgot-form-wrap .form
{
    display: flex;justify-content: center;
}
.mp-b{margin-bottom: 25px;}
.sign-up .section-right .sign-up-form-wrap
{
    width: auto;
    margin: 180px auto 0 !important;
}
.g-recaptcha 
{
    display: block !important;
}
.g-recaptcha div{
    width: 100%;
}
.form-signup-label {
  margin: 0px 0 5px 0!important;
  font-size: 16px !important;
  position: static !important;
  text-align: left !important;
  font-family: 'DM Sans' !important;}
.form .onboarding-field .hide-show
{
  top:39px !important;
}
.sign-in__left .sign-in__textslider__logo
  {
      margin: 0px auto !important;
      background: transparent !important;
      width: 161px !important;
      height: 160px !important;
      border-radius: 0px !important;
  }
  .sign-in__left .sign-in__textslider__txt
  {
    margin-top: 25px;
  }
  .sign-in__left .sign-in__textslider__info
  {
  font-size:16px !important;
  line-height: 22px !important;
  font-family: 'DM Sans' !important;
}
  .section-left.sign-in__left
  {
    background: #091B49 !important;
    padding: 64px 65px 10px;
  }
  .ease-buzz-logo-white.forget {
      margin-bottom: 70px !important;
      padding-top: 30px !important;
  }
  .signin-text{
    font-size: 16px !important;
    font-family: 'DM Sans' !important;
  }
  /* *****************contact*********************** */
  .contact {
      display: flex;
      justify-content: space-between;
      margin-top: 10px;
  }
  .hr-lines {
      position: relative;
      max-width: 392px;
      margin: 0px auto;
      text-align: center;
      font-size: 22px;
      font-family: DM Sans;
  }
  .hr-lines:before {
      content: " ";
      height: 1px;
      width: 60px;
      background: rgb(134, 133, 133);
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
  }
  .hr-lines:after {
        content: " ";
        height: 1px;
        width: 60px;
        background: rgb(134, 133, 133);
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
    }
    .contact a{
      color:#fff; 
    }
    .contact a:hover{
      color:#fff; 
    }
    .contact-info{
      margin-top: 60px;
    }
    .info-link
    {
      font-size: 14px !important;
    }
    .btn-submit.send-otp
    {
      background-color: #6D44E5 !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
    font-weight: 600 !important;
    font-family: 'DM Sans' !important;

    }
        .top{
        position: absolute;
        right: 0;
        z-index: 1;
    }
    .sign-up .section-right .sign-up-form-wrap .boarding-form-heading
    {
      margin-bottom: 10px !important;
    }
  @media only screen and (max-width:1600px)
  {
    .ease-buzz-logo-white
    {
      margin-bottom: 57px!important;
      padding-top: 1px;
    }
    .hr-lines {
        font-size: 18px;
    }
    .sign-in__left .sign-in__textslider__info
    {
      font-size: 13px !important;
    }
    .mid-text
    {
      font-size: 18px !important;
    }
    .small-text
    {
      font-size: 12px;
      font-family: 'DM Sans' !important;
    }
    .form-signup-label {
    margin: 0px 0 5px 0!important;
    font-size: 12px !important;
    position: static !important;
    text-align: left !important;
    font-family: 'DM Sans' !important;
   }
   #application-base input {
        height: 30px !important;
      }
      .sign-in .section-right .sign-in-form-wrap .form .onboarding-field
      {
        margin-bottom: 17px !important;
      }
      .sign-in .section-right .sign-in-form-wrap
      {
        margin: 125px auto 0;
      }
      .info-link
    {
      font-size: 12px !important;
    }
    .signin-text{
      font-size: 12px !important;
      font-family: 'DM Sans' !important;
    }
    .sign-up .section-right .sign-up-form-wrap.forgot
    {
      margin: 140px auto 0 !important;
    }
    .forgot-form-wrap .heading
    {
      margin-bottom: 17px !important;
    }
    .contact a{
      font-size: 12px;
    }
    #application-base input::placeholder{
      font-size: 12px !important;
    }
    .contact-info
    {
      margin-top: 60px;
    }
    .small-text{
      line-height: 24px !important;
    }
  .ease-buzz-logo-white.forget {
    margin-bottom: 50px !important;
  }
  }
  @media only screen and (max-width:1024px) {
    .contact{
      flex-direction: column;
    }
    .hr-lines{
      font-size: 14px;
    }
    .hr-lines:before
    {
      left: -40px;
    }
    .hr-lines:after
    {
      right: -40px;
    }
    .back
    {
        left: 30px !important;
    }
  }
@media screen and (max-width: 470px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.65);
        -webkit-transform: scale(0.65);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
.main-banner{
    background: #fff !important;
}
@media screen and (min-width:768px) and (max-width:1170px){
    .forgot-section .section-right .forgot-form-wrap {
        width: 50%;
    }
}