@font-face {
  font-family: 'proxima';
  src: url('/fonts/proximanova/proximanova-regular-webfont.eot');
  src: url('/fonts/proximanova/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
      url('/fonts/proximanova/proximanova-regular-webfont.woff2') format('woff2'),
      url('/fonts/proximanova/proximanova-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'proxima';
  src: url('/fonts/proximanova-bold/fontsfree-net-proxima-nova-bold-webfont.eot');
  src: url('/fonts/proximanova-bold/fontsfree-net-proxima-nova-bold-webfont.eot?#iefix') format('embedded-opentype'),
      url('/fonts/proximanova-bold/fontsfree-net-proxima-nova-bold-webfont.woff2') format('woff2'),
      url('/fonts/proximanova-bold/fontsfree-net-proxima-nova-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

*, html, body {
  margin: 0px;
  padding: 0px;
  line-height:1;
  font-size:62.5%;
  font-family: 'proxima';
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,body {
  height:100%;
}

img {
  max-width: 100%;
}


body {
  width: 100%;
  position:relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.new-sign-up-layout .main-cont {
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  position: relative;
  height: 100%;
}




.new-sign-up-layout .promo-cont {
  background: rgb(0,144,212);
  background: url('/images/blue-bg.svg') no-repeat center center;
  background-size: cover;
  background-repeat:no-repeat;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  height: 100%;
}

.new-sign-up-layout .signup-cont {
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
   align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
}



.new-sign-up-layout .logo-cont {
  position:absolute;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem 4rem;
  padding: clamp(2rem,4vw,4rem) clamp(4rem,4vw,8rem);
}

.new-sign-up-layout .logo-cont * {
  z-index:9999;
  max-width: 10rem;
  max-width: clamp(10rem,7vw,12rem);
}

.terms-span, .terms-span a{  
  font-size: 1.6rem !important;
} 

.singup-container .alert-message{
  font-size: 1.5rem;
  color: red;
  margin: 15px;
  font-weight: bold;
}

.new-sign-up-layout .yellow-blob, .new-sign-up-layout .blue-blob {
  position:absolute;
}

.new-sign-up-layout .yellow-blob {
  z-index:999;
  max-width: 7rem;
  max-width: clamp(9rem,5vw,12rem);
  top: 13%;
  left: 41.5%;
}

.new-sign-up-layout .blue-blob {
  max-width: 18rem;
  max-width: clamp(10rem,6vw,28rem);
  bottom: 5%;
  right: 0%;
}


.new-sign-up-layout .ui-image {
  max-width: 50%;
  max-width: clamp(40%,24vw,100%);
}

h2 {
  font-weight:normal;
  text-align:center;
  line-height:1.35;
}

h2, h2 > * {
  font-size: 3rem;
  font-size: clamp(3rem,2vw,3.6rem);
  color:#fff;
}


.new-sign-up-layout .inner-adj {
  position: relative;
  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;
  height: 66%;
  max-width: 483px;
}



h1 {
  font-size: 3rem;
  font-size: clamp(3rem,3vw,6rem);
  line-height: 1.5;
  font-weight:600;
}

.signup-cont .desc {
  font-size: clamp(1.4rem,1vw,1.6rem);
  line-height:1.35;
  color:#454444;
  margin: 0 auto;
  font-weight: 400;
}

.signup-cont .form-heading {
  text-align:center;
  color:#454444;
  margin-bottom: 5%;
}

form {
  width: 100%;
  max-width: 100%;
}

input[type=text], input[type=password], input[type=email], select, option, textarea{
  width: 100%;
  padding: 1rem;
  margin: 1rem 0 2rem 0;
  margin: 1rem 0 clamp(2rem,1vh,3rem) 0;
  display: inline-block;
  border: .2rem solid #eaecef;
  border-radius: .8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 4rem;
  height: clamp(4rem,2vw,4.5rem);
  font-size:1.6rem;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  color: #454444;
}

#customer_billing_address{
  height: 6rem !important;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus{
  outline: none;
  border-color: #0090D4;
  background-color: #f6fcff;
}

label {
  font-size: clamp(1.2rem,1vw,1.6rem);
  font-weight:600;
  color:#454444;
  display: block;
}

.signup-cont .sign_up_btn {
  width: 100%;
  background-color: #0090D4;
  background-repeat:no-repeat;
  background-size: 200% 200%;
  color: white;
  padding: 1.4rem 2rem;
  margin: 4% 0;
  border: none;
  border-radius: .75rem;
  cursor: pointer;
  -webkit-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
  font-size: 1.6rem;
  font-size: clamp(1.6rem,1vw,2rem);
  font-weight: 600;
}

.signup-cont .sign_up_btn:hover {
  background-color:#e7b428; 
}


.signup-cont .form-scroll {
  max-height: 60vh;
  overflow-y: auto;
  margin: 1rem 0rem 0rem 0rem;
  margin: clamp(1rem,1vw,4rem) 0rem 0rem 0rem;
  padding-right: 2rem;
  margin: 10px;
}

/* Custom scrollbar styles */
.signup-cont .form-scroll::-webkit-scrollbar {
  width: .4rem;
  margin-left:2rem;
 
}

.signup-cont .form-scroll::-webkit-scrollbar-thumb {
  background: #309ed1;
  border-radius: 5px;
}

.signup-cont .form-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

p {
  font-size: 1.4rem;
  font-size: clamp(1.4rem,1vw,1.6rem);
  color:#454444;
}

p a {
  color: #0090D4;
  font-size: clamp(1.2rem,1vw,1.6rem);
  font-weight:600;
}

p a:hover {
  color: #e7b428
}

.client-logos {
  max-width: clamp(60%,36vw,100%);
  opacity: 0.75;
}


.overflow-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}



@media screen and (max-width: 1500px) {
  .new-sign-up-layout .promo-cont {
      background: rgb(0,144,212);
      background: -o-linear-gradient(137deg, rgba(0,144,212,1) 0%, rgba(72,177,226,1) 100%);
      background: linear-gradient(313deg, rgba(0,144,212,1) 0%, rgba(72,177,226,1) 100%);
  }
  .new-sign-up-layout .yellow-blob {
      left: 48%;
  }

  .new-sign-up-layout .blue-blob {
      bottom: 2%;
      right: 0%;
  }
}

@media screen and (max-width: 1100px){
  .new-sign-up-layout .yellow-blob, .new-sign-up-layout .blue-blob {
    display: none;
  }
}

@media screen and (max-width: 1016px) { 
  .new-sign-up-layout .promo-cont {
      display:none;
  }
  .new-sign-up-layout .signup-cont {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      width: 100%;
      justify-content: flex-start;
  }

  .new-sign-up-layout .yellow-blob {
    display: block;
    left: -2%;
    top:14rem;
  }

  .alert .errorExplanation h2, 
  .alert .errorExplanation p, 
  .alert .errorExplanation ul li, 
  .alert .errorExplanation h1{
    color: #100303;
  }

  .new-sign-up-layout .blue-blob {
      bottom: 3%;
      right: 0%;
      z-index: 999;
  }
  .new-sign-up-layout.logo-cont {
    position:relative;
  }

.new-sign-up-layout .signup-cont {
    background: rgb(0,144,212);
    background:linear-gradient(313deg,rgba(72,177,226,1) 0%, rgba(0,144,212,1) 100%);

  }
  .new-sign-up-layout .signup-cont .inner-adj > * {
    color:#fff;
  }
  label {
    color:#fff;
  }

  .signup-cont .desc {
    color:#fff;
  }

  .signup-cont .sign_up_btn {
    background-color:#e7b428;
  }

  .signup-cont .sign_up_btn:hover {
    background-color:#4ab9ec;
  }

  p a {
    color:#e7b428;
  }

  .signup-cont .form-scroll::-webkit-scrollbar-thumb {
    background: #63ceff;
    border-radius: 5px;
  }

  .new-sign-up-layout .main-cont .inner-adj{
    margin-top: 130px;
    width: 100%;
  }
  .new-sign-up-layout .signup-cont {
    padding:0rem 4rem;
    padding:0rem clamp(8rem,4vw,8rem);
  }
}

@media screen and (max-width: 600px) { 
  .new-sign-up-layout .promo-cont {
      display:none;
  }
  .new-sign-up-layout .signup-cont {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  }

  .new-sign-up-layout .yellow-blob {
      display:none;
  }
  .new-sign-up-layout .blue-blob {
      display:none;
  }

  .new-sign-up-layout .signup-cont {
      padding:0rem 4rem;
      padding:0rem clamp(4rem,4vw,8rem);
  }

  .new-sign-up-layout .logo-cont > * {
    max-width: 7rem;
    max-width: clamp(7rem,6vw,12rem);
  }

  .new-sign-up-layout .logo-cont {
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    width: 80%;
  }
}

@media screen and (max-width: 430px) { 
  .new-sign-up-layout .signup-cont {
    height:auto;
  }
  .main-content {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }

  input[type=text], input[type=password], input[type=email] {
    margin: 0rem 0 2rem 0;
    margin: 0rem 0 clamp(2rem,1vh,2.5rem) 0;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 2500px) { 
  .new-sign-up-layout .blue-blob {
    bottom: 73%; 
    right: -6%;
  }

  .new-sign-up-layout .yellow-blob {
    left: 48%;
    top:87%;
  }

  .new-sign-up-layout .signup-cont .inner-adj {
    width:50%;
  }

  .signup-cont .sign_up_btn {
    padding:2rem;
    margin: 3% auto;
    width:33%;
    display:block;
  }

  input[type=text], input[type=password], input[type=email] {
    height:4.5rem;
    font-size:1.8rem;
  }
}

.free-trial-heading{
  font-size: 2rem;
  margin: 10px;
}

.singup-container .form-group {
  margin-bottom: 0;
  position: relative;
}
.singup-container .form-group img {
  position: absolute;
  right: 15px;
  top: 33px;
}

.singup-container .form-group span, .singup-container .form-group img {
  opacity: 0;
}

.singup-container .form-group.success img {
  opacity: 1 !important;
}

.singup-container .form-group.error span {
  opacity: 1 !important;
  color: #ff0000;
  font-size: 1.5rem;
  top: -1.5rem;
  right: -1rem;
  position: relative;
}


.errorExplanation h2, .errorExplanation h1, .errorExplanation p{
  font-size: 18px;
  color: red;
  padding: 1px;
  text-align: left;
}

.errorExplanation{
  text-align: left;
  margin: 5px;
}

.errorExplanation ul li{
  font-size: 1.6rem;
  color: red;
  padding: 1px;
}

.new-sign-up-layout .signup-cont .form-heading p{
  font-size: 18px;
}

@media screen and (max-height: 625px) and (min-height: 501px){
  .signup-cont .form-scroll {
    max-height: 23rem;
  }
}

@media screen and (max-height: 500px) and (min-height: 400px){
  .signup-cont .form-scroll {
    max-height: 14rem;
  }
}

@media screen and (max-width: 430px){
  .new-sign-up-layout .main-cont .inner-adj .singup-container .form-group img {
    top: 22px;
  }

  .new-sign-up-layout .signup-cont {
    padding:0rem 4rem;
    padding:0rem clamp(1rem,4vw,8rem);
  }
}

@media screen and (max-height: 580px){
  .client-logos {
    display: none;
  }

  .new-sign-up-layout .ui-image {
    max-width: clamp(40%,22vw,100%);
  }
}

.signup-cont .recapcha-tags{
  margin: 15px 0px 15px;
}

@media screen and (height: 600px) and (width: 1024px){
  .signup-cont .form-scroll {
    max-height: 36rem;
  }

  .new-sign-up-layout .logo-cont .portal-logo{
    margin-right: -20px;
  }
}

.uniguest-sign-up-form .uniguest-sign-up-loader{
  display: none;
  margin: 4% 50%;
  width: 25px;
}

.uniguest-sign-up-card .login-page-link{
  display: flex;
  flex-direction: row;
}

.uniguest-sign-up-card .login-loader{
  margin-left: 7px;
  display: none;
}

.uniguest-sign-up-card .alert-danger p{
  color: red;  
}