@font-face {
  font-family: 'poppinsregular';
  src: url('../poppins-regular-webfont.woff2') format('woff2'),
    url('../poppins-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'poppinsregular' !important;
  height: 100vh;
  line-height: 1.7;
}

p {
  margin: 0;
}

.small-text {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  color: #9ea5af;
}

label {
  font-size: 14px;
  font-weight: 500;
  color: #0c1e36 !important;
}

.logo-component {
  padding-top: 80px;
}

.logo img {
  height: 60px !important;
}
.divider-1 {
  border-bottom: solid #e9e9e9 1px;
  margin: 10px 0;
}

.back-container {
  background-color: #f3f4f5;
  padding: 18px 25px;
  border-radius: 15px;
}
.form-control {
  border: none !important;
  padding: 15px 20px !important;
  background-color: #f4f4f4 !important;
  text-indent: unset !important;
  margin: 0 !important;
  border-radius: 10px !important;
  padding-right: 44px !important;
}

.form-check-label {
  color: #77818e;
  font-weight: 700;
}

.form-control::placeholder {
  color: #d8dadd;
}

.required-astrict {
  color: #10b2bd;
}
.form-check-input {
  border: solid #a6a8ab 1px;
}

.form-check-label {
  color: #77818e;
  font-weight: 500;
}
.form-check-input:checked {
  background-color: #10b2bd;
  border-color: #10b2bd !important;
}
a {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

.text-primary {
  color: #10b2bd !important;
}
.privacy-text {
  font-size: 13px;
  color: #0c1e36;
  font-weight: 100;
}
.privacy-text a {
  font-size: 13px;
  color: #0c1e36;
  font-weight: 100;
  text-decoration: underline;
}
.input-icon {
  position: relative;
}
.input-icon svg {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.back-btn-wrap {
  top: 3.5%;
  left: 2%;
  transform: translate(-0%, -50%);
}
.footer {
  margin-top: 80px;
  padding-bottom: 20px;
}
.btn-primary {
  background-color: #10b2bd;
  border-color: #10b2bd;
  padding: 15px 0;
  border-radius: 10px !important;

  font-weight: 700;
}

.divider {
  display: flex;
  align-items: center;
  color: #a5acb5;
  text-align: center;
}
.divider::before,
.divider::after {
  content: '';
  flex: 1;
  border-bottom: 1.5px solid #e9ebed;
}
.divider::before {
  margin-right: 22px;
}
.divider::after {
  margin-left: 22px;
}
.sso-logo {
  border: solid#C2C3C5 1px;
  padding: 15px 0;
  border-radius: 15px;
}
.footer p {
  font-size: 14px !important;
  color: #0c1e36 !important;
  font-weight: 500;
}

/* Add padding to containers */
/* .register-container {
  width: 90%;
  margin: auto;
  background-color: white;
  margin-top: 20vw;
  height: max-content;
  position: relative;
}

.register-container h1 {
  height: max-content;
  margin: 0;
  font-size: 28px;
  margin-bottom: 10px;
}

.register-container p {
  height: max-content;
  margin: 0;
  font-size: 14px;
  margin-bottom: 10px;
} */

/* Full-width input fields */

.paragraph-btn {
  width: max-content;
  height: max-content;
  margin-bottom: 22px !important;
}

input[type='text']:focus,
input[type='password']:focus {
  background-color: #fff;
  border: 1px solid #ccc;
  outline: none;
}

/* Overwrite default styles of hr */
hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}
.referral_link {
  font-size: 16px;
  font-weight: 600;
}
.referral_link.collapsed {
  color: #10b2bd;
}
.referral_link {
  color: #0c1e36;
}
.collapse:not(.show) {
  display: unset !important;
  opacity: 0;
  visibility: hidden;
}

.collapse.show {
  transition: none !important;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: none !important;
}

/* .title-main {
  margin-top: 45%;
} */

.heading_main_verify {
  font-weight: 700;
  font-size: 32px;
}

/* Set a style for the submit button */
/* .registerbtn {
  background-color: #0c1e36;
  font-family: 'Poppins', sans-serif;
  height: 50px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px;
  color: white;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.registerbtn:hover {
  opacity: 1;
} */

/* Add a blue text color to links */
/* 
.reveal-password {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 1000;
} */

/* Set a grey background color and center the text of the "sign in" section */
/* .signin {
  text-align: center;
} */

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 2.5rem !important;
}