@media (max-width: 767px) {
  ::-webkit-scrollbar {
    display: none;
  }
}
::-webkit-scrollbar-track {
  width: 4px;
}

main {
  padding: 0;
}

.register-page, .otp-login {
  width: 100%;
  position: relative;
}
.register-page .select2-selection__placeholder, .otp-login .select2-selection__placeholder {
  color: #898989;
}
@media only screen and (min-width: 1025px) {
  .register-page, .otp-login {
    display: flex;
    height: 100vh;
    overflow: hidden;
  }
}
@media (max-width: 1024px) {
  .register-page, .otp-login {
    padding: 32px 16px 0px 16px;
  }
}
@media (max-width: 767px) {
  .register-page .img-wrapper img.desktop, .otp-login .img-wrapper img.desktop {
    display: none;
  }
}
.register-page .img-wrapper, .otp-login .img-wrapper {
  width: 50%;
  position: relative;
}
.register-page .img-wrapper img.desktop, .otp-login .img-wrapper img.desktop {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.register-page .img-wrapper .logo-wrapper, .otp-login .img-wrapper .logo-wrapper {
  max-width: 150px;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  border-radius: 49px;
  margin-top: 30px;
}
.register-page .img-wrapper .logo-wrapper .teva-logo, .otp-login .img-wrapper .logo-wrapper .teva-logo {
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media (max-width: 767px) {
  .register-page .img-wrapper .logo-wrapper, .otp-login .img-wrapper .logo-wrapper {
    max-width: 90px;
  }
}
.register-page .return-btn, .otp-login .return-btn {
  line-height: 26px;
  font-size: 18px;
  text-decoration: none;
}
.register-page .return-btn > h4, .otp-login .return-btn > h4 {
  color: #3C7E79;
  font-weight: 700;
  margin-bottom: 64px;
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .register-page .return-btn > h4, .otp-login .return-btn > h4 {
    margin-top: 20px;
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .register-page .return-btn > h4, .otp-login .return-btn > h4 {
    display: none;
  }
}
.register-page .return-btn > h4 > span, .otp-login .return-btn > h4 > span {
  display: inline-block;
  width: 13px;
  height: 15px;
  border-top: 3px solid #3C7E79;
  border-right: 3px solid #3C7E79;
  transform: rotate(-135deg);
}
.register-page .icon-close, .otp-login .icon-close {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 1.25em;
  font-weight: bold;
  color: #3A3A3A;
}
.ltr .register-page .icon-close, .ltr .otp-login .icon-close {
  right: auto;
  left: 16px;
}
.register-page .success-section, .otp-login .success-section {
  display: none;
  max-width: 479px;
  margin: 0 auto;
  align-self: center;
}
.register-page .success-section > *, .otp-login .success-section > * {
  text-align: center;
  margin-bottom: 1.5rem;
}
.register-page .success-section img, .otp-login .success-section img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.register-page .success-section > p, .otp-login .success-section > p {
  font-size: 1.25em;
}
@media (max-width: 1024px) {
  .register-page .success-section, .otp-login .success-section {
    padding: 144px 48px 182px;
    width: 100%;
    max-width: 574px;
    height: 582px;
    background-color: #FFFFFF;
    margin: 221px auto;
  }
  .register-page .success-section h2, .otp-login .success-section h2 {
    color: #424242;
    font-size: 2.25rem;
  }
}
@media (max-width: 767px) {
  .register-page .success-section, .otp-login .success-section {
    height: auto;
    padding: 68px 21px 75px;
    margin: 0;
  }
  .register-page .success-section img, .otp-login .success-section img {
    margin-bottom: 2em;
  }
  .register-page .success-section h2, .otp-login .success-section h2 {
    margin-bottom: 1rem;
    font-size: 1.75rem;
  }
  .register-page .success-section p, .otp-login .success-section p {
    font-size: 1rem;
  }
}

body.rtl .register-form-wrapper {
  direction: ltr;
}

.otp-login-wrapper .email-verification-block {
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
  padding: 16px 12px 16px 16px;
}
@media (max-width: 767px) {
  .otp-login-wrapper .email-verification-block {
    flex-direction: column;
  }
}
.otp-login-wrapper .email-verification-block .js-verification-button {
  margin-top: 44px;
  margin-left: 0.75em;
}
@media (max-width: 1024px) {
  .otp-login-wrapper .email-verification-block .js-verification-button {
    margin-top: 1em;
    margin-bottom: 0;
    margin-left: 0em;
  }
}

.otp-login-wrapper .phone-verification-block .primary-btn-small.error {
  margin-top: 15px;
  transition: none;
}

.email-wrapper {
  display: flex;
}
@media (max-width: 767px) {
  .email-wrapper .form-field {
    margin: 0 0 1em 0;
  }
}
@media (max-width: 1024px) {
  .email-wrapper {
    flex-direction: column;
  }
}

.register-form-wrapper, .otp-login-wrapper {
  margin: 48px auto 4.1em;
  padding-bottom: 15px;
  width: 50%;
  position: relative;
  z-index: 2;
}
.register-form-wrapper form.second-step-form .input-wrapper .checkmark, .otp-login-wrapper form.second-step-form .input-wrapper .checkmark {
  opacity: 1;
}
@media (max-width: 767px) {
  .register-form-wrapper [data-step], .otp-login-wrapper [data-step] {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.register-form-wrapper .third-step-form .select2-container--disabled, .register-form-wrapper .third-step-form [disabled], .otp-login-wrapper .third-step-form .select2-container--disabled, .otp-login-wrapper .third-step-form [disabled] {
  background-color: #EEEEEE;
  transition: background-color 0.5s;
  border-color: #BBBBBB;
}
.register-form-wrapper .checkbox-container.consent a, .otp-login-wrapper .checkbox-container.consent a {
  color: #AA198D;
  text-decoration: none;
  font-weight: bold;
}
.register-form-wrapper .checkbox-container.consent input:checked ~ .custom-checkmark, .otp-login-wrapper .checkbox-container.consent input:checked ~ .custom-checkmark {
  background-image: url("../../../Images/icons/checkbox-purple.svg");
}
.register-form-wrapper .inner-wrapper, .register-form-wrapper .inner-bttn-wrapper, .otp-login-wrapper .inner-wrapper, .otp-login-wrapper .inner-bttn-wrapper {
  width: 30.875em;
  margin: 0 auto;
}
@media only screen and (min-width: 1025px) {
  .register-form-wrapper, .otp-login-wrapper {
    overflow: auto;
  }
  .register-form-wrapper::-webkit-scrollbar, .otp-login-wrapper::-webkit-scrollbar {
    width: 7px;
  }
  .register-form-wrapper::-webkit-scrollbar-track, .otp-login-wrapper::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
  }
  .register-form-wrapper::-webkit-scrollbar-thumb, .otp-login-wrapper::-webkit-scrollbar-thumb {
    background: #357875;
    border-radius: 4px;
  }
}
.register-form-wrapper h2, .otp-login-wrapper h2 {
  color: #3C7E79;
  margin-bottom: 16px;
  font-size: 44px;
  line-height: 52px;
  font-weight: 700;
}
.register-form-wrapper h2 + p, .otp-login-wrapper h2 + p {
  margin-block-end: 40px;
}
@media (max-width: 767px) {
  .register-form-wrapper h2, .otp-login-wrapper h2 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
.register-form-wrapper *, .otp-login-wrapper * {
  color: #424242;
}
.register-form-wrapper .alert-message, .otp-login-wrapper .alert-message {
  font-size: 0.75em;
  line-height: 1em;
  visibility: hidden;
  transition: all 0.25s linear;
  position: absolute;
  top: 0;
  left: 0;
}
.register-form-wrapper .success-message, .otp-login-wrapper .success-message {
  color: #00A03B;
}
.register-form-wrapper .error-message, .otp-login-wrapper .error-message {
  color: #FF3A00;
  position: absolute;
  left: 0;
  bottom: -16px;
  margin-top: 0;
}
.register-form-wrapper .error-message-user, .otp-login-wrapper .error-message-user {
  color: #FF3A00;
}
.register-form-wrapper .return-btn, .otp-login-wrapper .return-btn {
  line-height: 1.5;
  font-size: 1em;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .register-form-wrapper .return-btn:hover h4, .otp-login-wrapper .return-btn:hover h4 {
    color: #459B97;
  }
  .register-form-wrapper .return-btn:hover h4 > span, .otp-login-wrapper .return-btn:hover h4 > span {
    border-color: #459B97;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .register-form-wrapper .return-btn:hover h4, .otp-login-wrapper .return-btn:hover h4 {
    color: #459B97;
  }
  .register-form-wrapper .return-btn:hover h4 > span, .otp-login-wrapper .return-btn:hover h4 > span {
    border-color: #459B97;
  }
}
.register-form-wrapper .return-btn > h4, .otp-login-wrapper .return-btn > h4 {
  color: #3C7E79;
  font-weight: 700;
  margin-bottom: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .register-form-wrapper .return-btn > h4, .otp-login-wrapper .return-btn > h4 {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .register-form-wrapper .return-btn > h4, .otp-login-wrapper .return-btn > h4 {
    display: none;
  }
}
.register-form-wrapper .return-btn > h4 > span, .otp-login-wrapper .return-btn > h4 > span {
  display: inline-block;
  width: 13px;
  height: 15px;
  border-top: 3px solid #3C7E79;
  border-right: 3px solid #3C7E79;
  transform: rotate(-135deg);
}
.register-form-wrapper .ty-img-wrapper, .otp-login-wrapper .ty-img-wrapper {
  width: 100%;
  height: 277px;
  margin-bottom: 32px;
}
.register-form-wrapper .ty-img-wrapper > img, .otp-login-wrapper .ty-img-wrapper > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.register-form-wrapper .ty-title, .otp-login-wrapper .ty-title {
  font-size: 44px;
  font-weight: 700;
  line-height: 52px;
  color: #3C7E79;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .register-form-wrapper .ty-title, .otp-login-wrapper .ty-title {
    margin-bottom: 5px;
  }
}
.register-form-wrapper .ty-note, .otp-login-wrapper .ty-note {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.register-form-wrapper .ty-note + .confirmation-button, .otp-login-wrapper .ty-note + .confirmation-button {
  margin-top: 0;
}
@media (max-width: 767px) {
  .register-form-wrapper .ty-note, .otp-login-wrapper .ty-note {
    margin-bottom: 30px;
  }
}
.register-form-wrapper .registration-steps, .otp-login-wrapper .registration-steps {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .register-form-wrapper .registration-steps, .otp-login-wrapper .registration-steps {
    margin-bottom: 34px;
  }
}
.register-form-wrapper .registration-steps .step, .otp-login-wrapper .registration-steps .step {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 17px;
  font-weight: 700;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: #EEEEEE;
  color: #B4B4B4;
  transition: background 0.5s ease;
}
.register-form-wrapper .registration-steps .step.active, .otp-login-wrapper .registration-steps .step.active {
  background: #AA198D;
  color: #FFFFFF;
}
.register-form-wrapper .registration-steps .step-line, .otp-login-wrapper .registration-steps .step-line {
  width: calc(30% - 30px);
  height: 5px;
  background: #EEEEEE;
  transition: background 0.5s ease;
}
.register-form-wrapper .registration-steps .step-line.active, .otp-login-wrapper .registration-steps .step-line.active {
  background: #AA198D;
}
.register-form-wrapper .note, .otp-login-wrapper .note {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 40px;
  line-height: 24px;
}
@media (max-width: 767px) {
  .register-form-wrapper .note, .otp-login-wrapper .note {
    margin-bottom: 32px;
  }
}
.register-form-wrapper .registration-options, .otp-login-wrapper .registration-options {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .register-form-wrapper .registration-options, .otp-login-wrapper .registration-options {
    flex-direction: column;
  }
}
.register-form-wrapper .registration-options .option, .otp-login-wrapper .registration-options .option {
  width: 247px;
  height: 54px;
  border-radius: 4px;
  background: #EEEEEE;
  color: #707070;
  padding: 16px 32px;
  margin: 0px;
  border: none;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .register-form-wrapper .registration-options .option, .otp-login-wrapper .registration-options .option {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .register-form-wrapper .registration-options .option, .otp-login-wrapper .registration-options .option {
    width: 100%;
    margin-bottom: 16px;
  }
  .register-form-wrapper .registration-options .option:last-of-type, .otp-login-wrapper .registration-options .option:last-of-type {
    margin-bottom: 0px;
  }
}
.register-form-wrapper .registration-options .option.active, .otp-login-wrapper .registration-options .option.active {
  background: #3C7E79;
  color: #FFFFFF;
}
.register-form-wrapper .confirmation-button, .otp-login-wrapper .confirmation-button {
  margin-top: 32px;
  margin-left: 0em;
}
@media (max-width: 767px) {
  .register-form-wrapper .confirmation-button, .otp-login-wrapper .confirmation-button {
    margin: 20px 0px;
    width: 100%;
    margin: 0px;
  }
}
.register-form-wrapper .back-button, .otp-login-wrapper .back-button {
  border: 2px solid #3C7E79;
  background-color: #FFFFFF;
  color: #3C7E79;
  margin-top: 30px;
  margin-right: 24px;
  margin-left: 0px;
}
.register-form-wrapper .back-button:hover, .otp-login-wrapper .back-button:hover {
  background-color: #459B97;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .register-form-wrapper .back-button, .otp-login-wrapper .back-button {
    width: 100%;
    margin: 20px 0px 20px 0px;
  }
}
.register-form-wrapper .button-container, .otp-login-wrapper .button-container {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .register-form-wrapper .button-container, .otp-login-wrapper .button-container {
    flex-direction: column-reverse;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .register-form-wrapper .button-container > button, .otp-login-wrapper .button-container > button {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .register-form-wrapper .button-container .back-button, .otp-login-wrapper .button-container .back-button {
    margin-top: 0px;
  }
}
.register-form-wrapper .phone-verification-block, .otp-login-wrapper .phone-verification-block {
  background: #F8F8F8;
  padding: 16px 12px 16px 16px;
}
.register-form-wrapper .phone-number-container, .register-form-wrapper .phone-code-wrapper, .register-form-wrapper .step-container, .register-form-wrapper .email-wrapper, .otp-login-wrapper .phone-number-container, .otp-login-wrapper .phone-code-wrapper, .otp-login-wrapper .step-container, .otp-login-wrapper .email-wrapper {
  position: relative;
}
.register-form-wrapper .phone-number-container .input-wrapper .alerts-container, .register-form-wrapper .phone-code-wrapper .input-wrapper .alerts-container, .register-form-wrapper .step-container .input-wrapper .alerts-container, .register-form-wrapper .email-wrapper .input-wrapper .alerts-container, .otp-login-wrapper .phone-number-container .input-wrapper .alerts-container, .otp-login-wrapper .phone-code-wrapper .input-wrapper .alerts-container, .otp-login-wrapper .step-container .input-wrapper .alerts-container, .otp-login-wrapper .email-wrapper .input-wrapper .alerts-container {
  position: absolute;
  bottom: 0.6em;
  left: 0;
  bottom: -4px;
  width: 100%;
}
.register-form-wrapper .phone-number-container .input-wrapper.validated .alerts-container, .register-form-wrapper .phone-number-container .input-wrapper.error .alerts-container, .register-form-wrapper .phone-number-container .input-wrapper.user-error .alerts-container, .register-form-wrapper .phone-code-wrapper .input-wrapper.validated .alerts-container, .register-form-wrapper .phone-code-wrapper .input-wrapper.error .alerts-container, .register-form-wrapper .phone-code-wrapper .input-wrapper.user-error .alerts-container, .register-form-wrapper .step-container .input-wrapper.validated .alerts-container, .register-form-wrapper .step-container .input-wrapper.error .alerts-container, .register-form-wrapper .step-container .input-wrapper.user-error .alerts-container, .register-form-wrapper .email-wrapper .input-wrapper.validated .alerts-container, .register-form-wrapper .email-wrapper .input-wrapper.error .alerts-container, .register-form-wrapper .email-wrapper .input-wrapper.user-error .alerts-container, .otp-login-wrapper .phone-number-container .input-wrapper.validated .alerts-container, .otp-login-wrapper .phone-number-container .input-wrapper.error .alerts-container, .otp-login-wrapper .phone-number-container .input-wrapper.user-error .alerts-container, .otp-login-wrapper .phone-code-wrapper .input-wrapper.validated .alerts-container, .otp-login-wrapper .phone-code-wrapper .input-wrapper.error .alerts-container, .otp-login-wrapper .phone-code-wrapper .input-wrapper.user-error .alerts-container, .otp-login-wrapper .step-container .input-wrapper.validated .alerts-container, .otp-login-wrapper .step-container .input-wrapper.error .alerts-container, .otp-login-wrapper .step-container .input-wrapper.user-error .alerts-container, .otp-login-wrapper .email-wrapper .input-wrapper.validated .alerts-container, .otp-login-wrapper .email-wrapper .input-wrapper.error .alerts-container, .otp-login-wrapper .email-wrapper .input-wrapper.user-error .alerts-container {
  opacity: 1;
}
.register-form-wrapper .phone-number-container .input-wrapper.validated .phone-code-number, .register-form-wrapper .phone-code-wrapper .input-wrapper.validated .phone-code-number, .register-form-wrapper .step-container .input-wrapper.validated .phone-code-number, .register-form-wrapper .email-wrapper .input-wrapper.validated .phone-code-number, .otp-login-wrapper .phone-number-container .input-wrapper.validated .phone-code-number, .otp-login-wrapper .phone-code-wrapper .input-wrapper.validated .phone-code-number, .otp-login-wrapper .step-container .input-wrapper.validated .phone-code-number, .otp-login-wrapper .email-wrapper .input-wrapper.validated .phone-code-number {
  border-color: #00A03B;
}
.register-form-wrapper .phone-number-container .input-wrapper.validated .alerts-container .success-message, .register-form-wrapper .phone-code-wrapper .input-wrapper.validated .alerts-container .success-message, .register-form-wrapper .step-container .input-wrapper.validated .alerts-container .success-message, .register-form-wrapper .email-wrapper .input-wrapper.validated .alerts-container .success-message, .otp-login-wrapper .phone-number-container .input-wrapper.validated .alerts-container .success-message, .otp-login-wrapper .phone-code-wrapper .input-wrapper.validated .alerts-container .success-message, .otp-login-wrapper .step-container .input-wrapper.validated .alerts-container .success-message, .otp-login-wrapper .email-wrapper .input-wrapper.validated .alerts-container .success-message {
  visibility: visible;
}
.register-form-wrapper .phone-number-container .input-wrapper.validated .checkmark, .register-form-wrapper .phone-code-wrapper .input-wrapper.validated .checkmark, .register-form-wrapper .step-container .input-wrapper.validated .checkmark, .register-form-wrapper .email-wrapper .input-wrapper.validated .checkmark, .otp-login-wrapper .phone-number-container .input-wrapper.validated .checkmark, .otp-login-wrapper .phone-code-wrapper .input-wrapper.validated .checkmark, .otp-login-wrapper .step-container .input-wrapper.validated .checkmark, .otp-login-wrapper .email-wrapper .input-wrapper.validated .checkmark {
  opacity: 1;
}
.register-form-wrapper .phone-number-container .input-wrapper.validated input, .register-form-wrapper .phone-code-wrapper .input-wrapper.validated input, .register-form-wrapper .step-container .input-wrapper.validated input, .register-form-wrapper .email-wrapper .input-wrapper.validated input, .otp-login-wrapper .phone-number-container .input-wrapper.validated input, .otp-login-wrapper .phone-code-wrapper .input-wrapper.validated input, .otp-login-wrapper .step-container .input-wrapper.validated input, .otp-login-wrapper .email-wrapper .input-wrapper.validated input {
  border-color: #00A03B;
}
.register-form-wrapper .phone-number-container .input-wrapper.error .phone-code-number, .register-form-wrapper .phone-code-wrapper .input-wrapper.error .phone-code-number, .register-form-wrapper .step-container .input-wrapper.error .phone-code-number, .register-form-wrapper .email-wrapper .input-wrapper.error .phone-code-number, .otp-login-wrapper .phone-number-container .input-wrapper.error .phone-code-number, .otp-login-wrapper .phone-code-wrapper .input-wrapper.error .phone-code-number, .otp-login-wrapper .step-container .input-wrapper.error .phone-code-number, .otp-login-wrapper .email-wrapper .input-wrapper.error .phone-code-number {
  background-color: rgba(255, 58, 0, 0.08);
  border-color: #FF3A00;
}
.register-form-wrapper .phone-number-container .input-wrapper.error .alerts-container .error-message, .register-form-wrapper .phone-code-wrapper .input-wrapper.error .alerts-container .error-message, .register-form-wrapper .step-container .input-wrapper.error .alerts-container .error-message, .register-form-wrapper .email-wrapper .input-wrapper.error .alerts-container .error-message, .otp-login-wrapper .phone-number-container .input-wrapper.error .alerts-container .error-message, .otp-login-wrapper .phone-code-wrapper .input-wrapper.error .alerts-container .error-message, .otp-login-wrapper .step-container .input-wrapper.error .alerts-container .error-message, .otp-login-wrapper .email-wrapper .input-wrapper.error .alerts-container .error-message {
  visibility: visible;
  color: #FF3A00;
}
.register-form-wrapper .phone-number-container .input-wrapper.user-error .alerts-container .error-message-user, .register-form-wrapper .phone-code-wrapper .input-wrapper.user-error .alerts-container .error-message-user, .register-form-wrapper .step-container .input-wrapper.user-error .alerts-container .error-message-user, .register-form-wrapper .email-wrapper .input-wrapper.user-error .alerts-container .error-message-user, .otp-login-wrapper .phone-number-container .input-wrapper.user-error .alerts-container .error-message-user, .otp-login-wrapper .phone-code-wrapper .input-wrapper.user-error .alerts-container .error-message-user, .otp-login-wrapper .step-container .input-wrapper.user-error .alerts-container .error-message-user, .otp-login-wrapper .email-wrapper .input-wrapper.user-error .alerts-container .error-message-user {
  visibility: visible;
  color: #FF3A00;
}
.register-form-wrapper .phone-number-container, .otp-login-wrapper .phone-number-container {
  display: flex;
  align-items: center;
  border-radius: 4px;
}
@media (max-width: 1024px) {
  .register-form-wrapper .phone-number-container, .otp-login-wrapper .phone-number-container {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .register-form-wrapper .phone-number-container .input-wrapper, .otp-login-wrapper .phone-number-container .input-wrapper {
    margin: 0 0 1em 0;
  }
}
.register-form-wrapper .phone-number-container > button, .otp-login-wrapper .phone-number-container > button {
  margin: 40px 0px 13.5px 16px;
  max-width: 260px;
}
@media (max-width: 1024px) {
  .register-form-wrapper .phone-number-container > button, .otp-login-wrapper .phone-number-container > button {
    margin: 0;
    margin-top: 1em;
    width: 100%;
    max-width: unset;
  }
}
.register-form-wrapper .phone-code-container, .otp-login-wrapper .phone-code-container {
  display: flex;
  align-items: center;
  display: none;
}
@media (max-width: 767px) {
  .register-form-wrapper .phone-code-container, .otp-login-wrapper .phone-code-container {
    flex-direction: column;
  }
}
.register-form-wrapper .phone-code-container.active, .otp-login-wrapper .phone-code-container.active {
  display: block;
}
.register-form-wrapper .resend-code-container, .otp-login-wrapper .resend-code-container {
  margin-top: 20px;
  margin-left: 10px;
  max-width: 180px;
}
@media (max-width: 767px) {
  .register-form-wrapper .resend-code-container, .otp-login-wrapper .resend-code-container {
    margin: 0;
    margin-top: 1em;
    max-width: 100%;
  }
}
.register-form-wrapper .phone-code-wrapper, .otp-login-wrapper .phone-code-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1024px) {
  .register-form-wrapper .phone-code-wrapper, .otp-login-wrapper .phone-code-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.register-form-wrapper .phone-code-wrapper > label, .otp-login-wrapper .phone-code-wrapper > label {
  width: 275px;
}
@media (max-width: 767px) {
  .register-form-wrapper .phone-code-wrapper > label, .otp-login-wrapper .phone-code-wrapper > label {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .register-form-wrapper .phone-code-wrapper, .otp-login-wrapper .phone-code-wrapper {
    flex-direction: column;
  }
}
.register-form-wrapper .phone-code-wrapper .numbers-container, .otp-login-wrapper .phone-code-wrapper .numbers-container {
  display: flex;
  width: fit-content;
  margin-top: 8px;
}
@media (max-width: 767px) {
  .register-form-wrapper .phone-code-wrapper .numbers-container, .otp-login-wrapper .phone-code-wrapper .numbers-container {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
}
.register-form-wrapper .phone-code-wrapper .phone-code-number, .otp-login-wrapper .phone-code-wrapper .phone-code-number {
  width: 100%;
  height: 64px;
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #B4B4B4;
  margin-right: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 3.8rem;
  text-align: left;
}
@media (max-width: 767px) {
  .register-form-wrapper .phone-code-wrapper .phone-code-number, .otp-login-wrapper .phone-code-wrapper .phone-code-number {
    padding-left: calc((100% - 235px) / 2);
  }
}
.register-form-wrapper .phone-code-wrapper .phone-code-number:focus, .otp-login-wrapper .phone-code-wrapper .phone-code-number:focus {
  background-color: #FFFFFF;
  border-color: #AA198D;
  outline: none;
  transition: all 0.25s linear;
}
.register-form-wrapper .phone-code-wrapper .phone-code-number:hover, .otp-login-wrapper .phone-code-wrapper .phone-code-number:hover {
  border-color: #707070;
  transition: all 0.25s linear;
}
.register-form-wrapper .phone-code-wrapper .phone-code-number::placeholder, .otp-login-wrapper .phone-code-wrapper .phone-code-number::placeholder {
  color: #B4B4B4;
  letter-spacing: 1.6rem;
  text-align: justify;
}
.register-form-wrapper .phone-code-wrapper .phone-code-number:last-of-type, .otp-login-wrapper .phone-code-wrapper .phone-code-number:last-of-type {
  margin-right: 0px;
}
.register-form-wrapper .resend-code, .otp-login-wrapper .resend-code {
  text-decoration: underline;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #424242;
  margin-top: 4px;
  cursor: pointer;
  pointer-events: none;
}
.register-form-wrapper .resend-code > span, .otp-login-wrapper .resend-code > span {
  color: #AA198D;
  text-decoration: underline;
  text-decoration-color: #AA198D;
}
.register-form-wrapper .resend-code.active, .otp-login-wrapper .resend-code.active {
  margin-top: 4px;
}
.register-form-wrapper .resend-code.active > span, .otp-login-wrapper .resend-code.active > span {
  color: #AA198D;
  font-weight: 400;
  text-decoration: underline;
}
.register-form-wrapper .resend-code.active, .otp-login-wrapper .resend-code.active {
  color: #AA198D;
  pointer-events: all;
  cursor: pointer;
}
.register-form-wrapper .not-received-code-label, .otp-login-wrapper .not-received-code-label {
  margin-bottom: 8px;
}
.register-form-wrapper .input-wrapper, .otp-login-wrapper .input-wrapper {
  width: 100%;
}
.register-form-wrapper .input-wrapper > input, .otp-login-wrapper .input-wrapper > input {
  position: relative;
  min-width: 200px;
}
.register-form-wrapper .input-wrapper > [disabled], .otp-login-wrapper .input-wrapper > [disabled] {
  background-color: #EEEEEE;
  transition: background-color 0.5s;
}
.register-form-wrapper .input-wrapper > [disabled]:hover, .otp-login-wrapper .input-wrapper > [disabled]:hover {
  background-color: #EAEAEA;
}
.register-form-wrapper .input-wrapper > .checkmark, .otp-login-wrapper .input-wrapper > .checkmark {
  opacity: 0;
  transition: opacity 0.5s ease;
  position: absolute;
  right: 15px;
  top: 43px;
}
.register-form-wrapper .specialty-wrapper__label-text, .otp-login-wrapper .specialty-wrapper__label-text {
  font-weight: bold;
}
.register-form-wrapper fieldset, .otp-login-wrapper fieldset {
  border: none;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .register-form-wrapper fieldset, .otp-login-wrapper fieldset {
    flex-direction: column;
  }
}
.font-size-medium .register-form-wrapper fieldset, .font-size-large .register-form-wrapper fieldset, .font-size-xl .register-form-wrapper fieldset, .font-size-medium .otp-login-wrapper fieldset, .font-size-large .otp-login-wrapper fieldset, .font-size-xl .otp-login-wrapper fieldset {
  flex-direction: column;
}
.font-size-medium .register-form-wrapper fieldset .form-field, .font-size-large .register-form-wrapper fieldset .form-field, .font-size-xl .register-form-wrapper fieldset .form-field, .font-size-medium .otp-login-wrapper fieldset .form-field, .font-size-large .otp-login-wrapper fieldset .form-field, .font-size-xl .otp-login-wrapper fieldset .form-field {
  width: 100%;
}
.font-size-medium .register-form-wrapper fieldset .form-field:first-child, .font-size-large .register-form-wrapper fieldset .form-field:first-child, .font-size-xl .register-form-wrapper fieldset .form-field:first-child, .font-size-medium .otp-login-wrapper fieldset .form-field:first-child, .font-size-large .otp-login-wrapper fieldset .form-field:first-child, .font-size-xl .otp-login-wrapper fieldset .form-field:first-child {
  margin-bottom: 24px;
}
.register-form-wrapper fieldset .form-field, .otp-login-wrapper fieldset .form-field {
  width: 47.57%;
  margin-top: 0;
}
.register-form-wrapper fieldset .form-field.radio-buttons-with-images, .otp-login-wrapper fieldset .form-field.radio-buttons-with-images {
  width: 100%;
}
@media (max-width: 767px) {
  .register-form-wrapper fieldset .form-field, .otp-login-wrapper fieldset .form-field {
    width: 100%;
  }
}
.register-form-wrapper fieldset.radio-button-and-select .form-field, .otp-login-wrapper fieldset.radio-button-and-select .form-field {
  width: 100%;
}
.register-form-wrapper .error > .error-icon, .otp-login-wrapper .error > .error-icon {
  display: block;
}
.register-form-wrapper .caption, .otp-login-wrapper .caption {
  margin-top: 4px;
}
.register-form-wrapper .underfield-message > *, .otp-login-wrapper .underfield-message > * {
  color: #707070;
  font-size: 0.75em;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.register-form-wrapper .underfield-message a, .otp-login-wrapper .underfield-message a {
  text-decoration: underline;
  color: #2488ab;
}
.register-form-wrapper form > *, .otp-login-wrapper form > * {
  margin: 0 0 1.5625em 0;
}
.register-form-wrapper form > *:last-child, .otp-login-wrapper form > *:last-child {
  margin-bottom: 0;
}
.register-form-wrapper form > *.organization > *, .otp-login-wrapper form > *.organization > * {
  margin: 0 0 1.5625em 0;
}
.register-form-wrapper form > fieldset, .otp-login-wrapper form > fieldset {
  margin-bottom: 0;
  margin-top: 0;
}
.register-form-wrapper .form-field, .otp-login-wrapper .form-field {
  position: relative;
  line-height: 30px;
}
.register-form-wrapper .form-field input::placeholder, .otp-login-wrapper .form-field input::placeholder {
  color: #898989;
}
.register-form-wrapper .footnote, .otp-login-wrapper .footnote {
  margin-top: 4px;
  color: #707070;
}
.register-form-wrapper .checkbox-container, .otp-login-wrapper .checkbox-container {
  margin: 0;
}
@media only screen and (min-width: 1025px) {
  .register-form-wrapper .sign-up-bttn-wrapper, .otp-login-wrapper .sign-up-bttn-wrapper {
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    width: 50%;
    padding: 1.125em 0 1.25em;
    box-shadow: 0px -3px 20px rgba(0, 0, 0, 0.05);
  }
  .ltr .register-form-wrapper .sign-up-bttn-wrapper, .ltr .otp-login-wrapper .sign-up-bttn-wrapper {
    right: auto;
    left: 0;
  }
}
@media (max-width: 1024px) {
  .register-form-wrapper .sign-up-bttn-wrapper, .otp-login-wrapper .sign-up-bttn-wrapper {
    position: fixed;
    padding: 24px 16px;
    left: 0px;
    bottom: 0;
    background: #FFFFFF;
    word-wrap: break-word;
    width: 100%;
  }
}
.register-form-wrapper .sign-up-bttn-wrapper .inner-bttn-wrapper, .otp-login-wrapper .sign-up-bttn-wrapper .inner-bttn-wrapper {
  display: flex;
  align-items: center;
  word-break: break-word;
  max-width: 100%;
}
.register-form-wrapper .sign-up-bttn-wrapper .inner-bttn-wrapper a, .otp-login-wrapper .sign-up-bttn-wrapper .inner-bttn-wrapper a {
  margin-left: 5px;
}
@media (max-width: 767px) {
  .register-form-wrapper .sign-up-bttn-wrapper .inner-bttn-wrapper, .otp-login-wrapper .sign-up-bttn-wrapper .inner-bttn-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }
  .register-form-wrapper .sign-up-bttn-wrapper .inner-bttn-wrapper a, .otp-login-wrapper .sign-up-bttn-wrapper .inner-bttn-wrapper a {
    margin-left: 0;
  }
  .register-form-wrapper .sign-up-bttn-wrapper .inner-bttn-wrapper button, .otp-login-wrapper .sign-up-bttn-wrapper .inner-bttn-wrapper button {
    width: 100%;
    margin: 0 0 16px 0;
  }
}
.register-form-wrapper .sign-up-bttn-wrapper .grayed-out, .otp-login-wrapper .sign-up-bttn-wrapper .grayed-out {
  background-color: #F8F8F8;
  color: #BBBBBB;
  pointer-events: none;
}
.register-form-wrapper .sign-up-bttn-wrapper button, .otp-login-wrapper .sign-up-bttn-wrapper button {
  color: #FFFFFF;
  margin: 0 0 0 1rem;
}
.ltr .register-form-wrapper .sign-up-bttn-wrapper button, .ltr .otp-login-wrapper .sign-up-bttn-wrapper button {
  margin: 0 1rem 0 0;
}
@media (max-width: 767px) {
  .ltr .register-form-wrapper .sign-up-bttn-wrapper button, .ltr .otp-login-wrapper .sign-up-bttn-wrapper button {
    margin: 0 0 16px 0;
  }
}
.register-form-wrapper .sign-up-bttn-wrapper a, .otp-login-wrapper .sign-up-bttn-wrapper a {
  color: #357875;
  font-weight: bold;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .register-form-wrapper .sign-up-bttn-wrapper a:hover, .otp-login-wrapper .sign-up-bttn-wrapper a:hover {
    color: #459B97;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .register-form-wrapper .sign-up-bttn-wrapper a:hover, .otp-login-wrapper .sign-up-bttn-wrapper a:hover {
    color: #459B97;
  }
}
.font-size-medium .register-form-wrapper .sign-up-bttn-wrapper, .font-size-large .register-form-wrapper .sign-up-bttn-wrapper, .font-size-xl .register-form-wrapper .sign-up-bttn-wrapper, .font-size-medium .otp-login-wrapper .sign-up-bttn-wrapper, .font-size-large .otp-login-wrapper .sign-up-bttn-wrapper, .font-size-xl .otp-login-wrapper .sign-up-bttn-wrapper {
  flex-direction: column;
}
.font-size-medium .register-form-wrapper .sign-up-bttn-wrapper button, .font-size-large .register-form-wrapper .sign-up-bttn-wrapper button, .font-size-xl .register-form-wrapper .sign-up-bttn-wrapper button, .font-size-medium .otp-login-wrapper .sign-up-bttn-wrapper button, .font-size-large .otp-login-wrapper .sign-up-bttn-wrapper button, .font-size-xl .otp-login-wrapper .sign-up-bttn-wrapper button {
  width: 100%;
}
.register-form-wrapper .input-wrapper, .otp-login-wrapper .input-wrapper {
  position: relative;
}
.register-form-wrapper .error-icon, .register-form-wrapper .icon-eye, .register-form-wrapper .show-pass, .otp-login-wrapper .error-icon, .otp-login-wrapper .icon-eye, .otp-login-wrapper .show-pass {
  display: none;
  position: absolute;
  top: 1.583em;
  left: 0.5em;
  font-size: 1.5em;
  cursor: pointer;
}
.ltr .register-form-wrapper .error-icon, .ltr .register-form-wrapper .icon-eye, .ltr .register-form-wrapper .show-pass, .ltr .otp-login-wrapper .error-icon, .ltr .otp-login-wrapper .icon-eye, .ltr .otp-login-wrapper .show-pass {
  left: auto;
  right: 0.5em;
}

.phone-verify-block .messages-wrapper {
  width: 100%;
  max-width: 235px;
}
.phone-verify-block-inner-wrapper {
  display: flex;
  justify-content: space-between;
}
.phone-verify-block .info-message.success-message {
  visibility: visible;
  color: #18A63A;
  font-size: 0.75em;
}
.phone-verify-block .verify-code-bttn {
  border: 3px solid #357875;
  color: #357875;
  padding: 0 18px;
  width: 235px;
}
@media (hover: hover) and (pointer: fine) {
  .phone-verify-block .verify-code-bttn:hover {
    color: #FFFFFF;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .phone-verify-block .verify-code-bttn:hover {
    color: #FFFFFF;
  }
}
.phone-verify-block .verify-code-bttn.submit-code {
  background-color: #357875;
  color: #FFFFFF;
}
.phone-verify-block button {
  margin: 0;
}
@media (max-width: 767px) {
  .phone-verify-block-inner-wrapper {
    flex-wrap: wrap;
  }
  .phone-verify-block input {
    margin-bottom: 1.75em;
  }
  .phone-verify-block .messages-wrapper, .phone-verify-block .verify-code-bttn {
    width: 100%;
    max-width: unset;
  }
}

.organization .form-field {
  position: relative;
}
.organization .checkbox-dropdown {
  max-height: 346px;
  overflow-y: scroll;
}
@supports (overflow: overlay) {
  .organization .checkbox-dropdown {
    overflow-y: overlay;
  }
}
.organization .checkbox-dropdown::-webkit-scrollbar {
  width: 4px;
  display: block;
}
.organization .checkbox-dropdown::-webkit-scrollbar-track {
  background-color: transparent;
}
.organization .checkbox-dropdown::-webkit-scrollbar-thumb {
  background-color: #D6D6D6;
  border-radius: 2px;
}

select[name=declared_channel] ~ .select2-container .select2-dropdown .select2-results .select2-results__options li.select2-results__option {
  padding: 0 1em;
}
select[name=declared_channel] ~ .select2-container .select2-dropdown .select2-results .select2-results__options li.select2-results__option--highlighted::before {
  display: none;
}

.radio-button-and-select {
  display: flex;
  flex-wrap: wrap;
}
.radio-button-and-select .radio-buttons-with-images .radio-buttons {
  display: flex;
  justify-content: flex-start;
}
.radio-button-and-select .radio-buttons-with-images .radio-buttons label {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.radio-button-and-select .radio-buttons-with-images .radio-buttons label input[type=radio] {
  height: 18px;
  width: 18px;
  padding: 3px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .radio-button-and-select .radio-buttons-with-images .radio-buttons label input[type=radio] {
    height: 18px;
    width: 18px;
    padding: 3px;
  }
}
.radio-button-and-select .radio-buttons-with-images .radio-buttons label input[type=radio]:checked {
  accent-color: #AA198D;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .otp-login .register-form-wrapper, .otp-login .otp-login-wrapper, .register-page .register-form-wrapper, .register-page .otp-login-wrapper {
    width: 535px;
    padding: 24px 0;
    background-color: #FFFFFF;
    margin-top: 132px;
  }
}
@media (max-width: 1024px) {
  html {
    min-height: 100%;
    display: flex;
    flex-direction: column;
  }
  body, main {
    flex-grow: 1;
  }
  .otp-login, .register-page {
    height: 100%;
  }
  .otp-login .img-wrapper, .register-page .img-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .otp-login, .register-page {
    height: auto;
    width: 100%;
    padding: 1px 15px;
  }
  .otp-login:has(.sign-up-bttn-wrapper), .register-page:has(.sign-up-bttn-wrapper) {
    height: 100%;
  }
  .otp-login .js-phone-verification-btn, .register-page .js-phone-verification-btn {
    margin-bottom: 0px;
  }
  .register-form-wrapper, .otp-login-wrapper {
    width: 100%;
    height: 100%;
    margin: 90px auto 0 auto;
    background: #FFFFFF;
    z-index: 2;
    overflow-y: scroll;
  }
  .register-form-wrapper .inner-wrapper, .otp-login-wrapper .inner-wrapper {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1025px) {
  .phone-verification-block ~ .confirmation-button {
    margin-bottom: 80px;
  }
}