@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsgH1y4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v44/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype');
}
@font-face {
  font-family: Effra;
  font-weight: 500;
  src: url('https://trustspot-app-assets.s3.amazonaws.com/assets/sources/fonts/Effra/Effra_Std_Rg.ttf');
}
@font-face {
  font-family: Effra;
  font-weight: bold;
  src: url('https://trustspot-app-assets.s3.amazonaws.com/assets/sources/fonts/Effra/Effra_Std_Md.ttf');
}
body {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  background: #f5f5f5;
}
.auth-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  margin: 0;
  height: 100vh;
}
.auth-page .auth-background::before {
  content: '';
  position: fixed;
  left: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#183F6D), color-stop(88.42%, #0279B7));
  background: transparent linear-gradient(180deg, #183F6D 0%, #0279B7 88.42%);
  -webkit-clip-path: polygon(0 53%, 100% 24%, 100% 100%, 0% 100%);
          clip-path: polygon(0 53%, 100% 24%, 100% 100%, 0% 100%);
}
.auth-page .auth-block {
  position: relative;
  width: 600px;
  padding: 50px 70px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 0.25rem;
  min-height: 450px;
  -webkit-box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.05098);
          box-shadow: 0px 9px 28px 8px rgba(0,0,0,0.05098);
  margin: 2rem auto;
}
.auth-page .auth-block.forgot-password {
  padding-bottom: 70px;
}
.auth-page .auth-block.forgot-password .head-login h2 {
  margin-top: 0;
}
.auth-page .auth-block.forgot-password .head-login p {
  font: normal normal 500 18px/24px Open Sans;
  letter-spacing: 0px;
  color: #5A6A78;
  opacity: 1;
}
.auth-page .auth-block .auth-logo img {
  width: 250px;
}
.auth-page .auth-block .head-signup {
  margin-top: 30px;
  text-align: center;
  letter-spacing: -0.05em;
}
.auth-page .auth-block .head-signup h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}
.auth-page .auth-block .head-signup p {
  font-size: 18px;
  font-weight: 500;
  line-height: 44px;
}
.auth-page .auth-block .personal-info-block,
.auth-page .auth-block .business-info-block {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: rgba(0, 0, 0, 0.88);
}
.auth-page .auth-block .personal-info-block h5,
.auth-page .auth-block .business-info-block h5 {
  color: #0279B7;
}
.auth-page .auth-block .personal-info-block .select2-container,
.auth-page .auth-block .business-info-block .select2-container {
  width: 100% !important;
}
.auth-page .auth-block form input,
.auth-page .auth-block form #country {
  width: 100%;
  height: 32px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  padding: 0px 12px;
}
.auth-page .auth-block button {
  background: #D32268 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 0.25rem;
  width: 100%;
  height: 40px;
  letter-spacing: 0px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.auth-page .auth-block button:hover {
  background-color: #ad0f38;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.auth-page .auth-block.oauth-authorize form .oauth-account-radio {
  width: auto;
  height: auto;
  margin-right: 8px;
}
.auth-page .auth-block.oauth-authorize .oauth-account-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px;
}
.auth-page .auth-block.oauth-authorize .oauth-decision {
  margin-top: 8px;
}
.auth-page .auth-block.oauth-authorize .oauth-deny {
  background: #ffffff;
  border: 1px solid #D32268;
  color: #D32268;
}
.auth-page .auth-block.oauth-authorize .oauth-deny:hover {
  background-color: #fbe9f0;
}
.auth-page .auth-block .have-account {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
.auth-page .auth-block a {
  color: #0279B7;
  text-decoration: underline !important;
  font-weight: 600;
}
.auth-page .auth-block .select2-container--default .select2-selection--single {
  width: 100%;
  height: 32px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  padding: 0px 12px;
}
.auth-page .auth-block .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
}
.auth-page .auth-block .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #495057;
}
.signup-tos {
  padding-bottom: 2rem;
}
.signup-tos p {
  font: normal normal 500 14px/19px Open Sans;
  max-width: 500px;
  line-height: 24px;
}
.signup-tos a {
  text-decoration: underline !important;
  font-weight: 600;
}
.head-login h2 {
  font: normal normal bold 27px/50px Effra;
  letter-spacing: 0px;
  color: #052C40;
  opacity: 1;
  margin-top: 30px;
  margin-bottom: 20px;
}
.forgot-password-desc {
  font: normal normal 600 16px/17px Open Sans;
  letter-spacing: 0px;
  color: #0279B7 !important;
  opacity: 1;
  display: block;
  margin-top: 30px;
  padding-bottom: 10px;
}
.create-account-desc {
  text-align: center;
  font: normal normal 600 16px/17px Open Sans !important;
  letter-spacing: 0px;
  color: #ffffff !important;
}
.create-account-desc a {
  color: #ffffff !important;
  text-decoration: underline !important;
}
.create-account-desc a:hover {
  color: #ffffff;
}
@media (max-width: 1200px) {
  .btn-login {
    padding-right: 20px !important;
  }
}
@media (max-width: 992px) {
  .btn-login {
    padding-left: 0;
    padding-right: 0;
    display: block;
    margin-bottom: 19px;
  }
}
@media (max-width: 768px) {
  .auth-page .auth-block {
    width: 90%;
    padding: 50px 40px;
  }
  .auth-page .auth-block .auth-logo img {
    width: 45%;
  }
  .auth-page .auth-block .button {
    font-size: 16px;
  }
  .head-login h2 {
    line-height: normal;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .head-signup h2 {
    font: normal normal bold 33px / normal Effra;
  }
  .head-signup p {
    font: normal normal 600 16px / normal Open Sans;
  }
}