/**
 * ==========================================================================
 * *										1. Variables
 * ==========================================================================
 */

:root {
  --body-bg: #ffffff;
  --color-primary: #173852;
  --color-accent: #F18432;
  --color-secondary: #F6F6F6;
  --color-text-dark: #173852;
  --color-text-light: #ffffff;
  --color-gray: #ACADAE;
  --color-border: #DDE4E9;
  --font-main: Arial, Helvetica, sans-serif;
  --border-radius: 16px;
  --border-radius--sm: 12px;
  --border-radius--lg: 24px;
}

.sc-auth {
  margin-bottom: 0;
  overflow: hidden;
}

.sc-auth__wrap {
  display: flex;
}

.sc-auth__body {
  flex: 0 0 50%;
}

.sc-auth__slider {
  flex: 0 0 calc(50% + (100vw - 100%) / 2);
  background-color: #ededed;
  height: calc(100svh - 110px);
}

.sc-auth__bg {
  height: 100%;
  width: 100%;
}

.sc-auth__bg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

#customer_login {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  overflow-y: auto;
  flex: 1 1 auto;
}

#customer_login .u-column1,
#customer_login .u-column2 {
  max-width: 440px;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
}

#customer_login .u-column1 h2,
#customer_login .u-column2 h2 {
  font-size: 48px;
  margin-bottom: 10px;
}

#customer_login .u-column1 form,
#customer_login .u-column2 form {
  margin: 40px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  border: none;
}

#customer_login .form-row {
  margin: 0 0 12px;
  padding: 0;
}

#customer_login .form-row label {
  display: none;
}

#customer_login .form-row input {
  width: 100%;
  height: 56px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  padding-inline: 16px;
  font-size: 16px !important;
}

#customer_login .form-row button[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease 0s;
  border: 1px solid;
  border-radius: 0;
  line-height: 1em;
  width: 100%;
  height: 48px;
  padding: 0 24px;
  font-family: var(--font-main);
  font-weight: 400;
  font-size: 14px;
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-text-light);
  margin: 28px 0 48px;
  height: 56px;
  border-radius: 6px;
  font-size: 16px;
}

#customer_login .form-row button[type=submit]:hover,
#customer_login .form-row button[type=submit]:focus {
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}

#customer_login .form-row button[type=submit]:hover {
  background-color: var(--color-primary);
}

#customer_login .woocommerce-form-login__rememberme {
  margin: 14px 0;
}

#customer_login .woocommerce-form-login__rememberme span {
  font-size: 12px;
}

#customer_login .woocommerce-LostPassword {
  color: #ACADAE;
  font-size: 12px;
}

#customer_login .toggler {
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  text-decoration: underline;
}

#customer_login .wrap-reg {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

#customer_login .wrap-reg input {
  cursor: pointer;
}

#customer_login .upper-text {
  margin-bottom: 1em;
  font-size: 14px;
  font-weight: 700;
}

#customer_login .registration-row {
  font-size: 14px;
  display: flex;
  gap: 10px;
}

#customer_login .registration-row a {
  text-decoration: underline;
}

.hide-footer ~ .footer {
  display: none !important;
}

.woocommerce-lost-password .entry-content {
  max-width: 430px;
}

.woocommerce-ResetPassword.lost_reset_password {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-inline: 16px;
  margin: auto 0;
}

.woocommerce-ResetPassword.lost_reset_password > p {
  margin: 0;
}

.woocommerce-ResetPassword.lost_reset_password > p:first-child {
  font-size: 24px;
  margin-bottom: 48px;
  text-align: center;
}

.woocommerce-ResetPassword.lost_reset_password .form-row {
  width: 100%;
}

.woocommerce-ResetPassword.lost_reset_password .form-row label {
  font-size: 14px;
  color: #A1A1A1;
  margin-bottom: 8px;
}

.woocommerce-ResetPassword.lost_reset_password #user_login {
  width: 100%;
  height: 56px;
  border: 1px solid #D8D8D8;
  padding-inline: 24px;
  border-radius: 0;
  margin-bottom: 24px;
}

.woocommerce-ResetPassword.lost_reset_password button[type=submit] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease 0s;
  border: 1px solid;
  border-radius: 0;
  line-height: 1em;
  width: 100%;
  height: 48px;
  padding: 0 24px;
  font-family: var(--font-main);
  font-weight: 400;
  font-size: 14px;
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-text-light);
  height: 48px;
}

.woocommerce-ResetPassword.lost_reset_password button[type=submit]:hover,
.woocommerce-ResetPassword.lost_reset_password button[type=submit]:focus {
  border-color: var(--color-secondary);
  background-color: var(--color-secondary);
}

.show-password-input::before {
  height: 24px !important;
  width: 24px !important;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 12.3481C1.97916 12.1236 1.97916 11.8766 2.06251 11.6521C2.87421 9.68397 4.25202 8.00116 6.02128 6.81701C7.79053 5.63287 9.87155 5.00073 12.0005 5.00073C14.1295 5.00073 16.2105 5.63287 17.9797 6.81701C19.749 8.00116 21.1268 9.68397 21.9385 11.6521C22.0218 11.8766 22.0218 12.1236 21.9385 12.3481C21.1268 14.3163 19.749 15.9991 17.9797 17.1832C16.2105 18.3674 14.1295 18.9995 12.0005 18.9995C9.87155 18.9995 7.79053 18.3674 6.02128 17.1832C4.25202 15.9991 2.87421 14.3163 2.06251 12.3481Z" stroke="%23483A3D" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="%23483A3D" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 5L4 19" stroke="%23483A3D" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
  position: relative;
  left: 4px;
}

.show-password-input.display-password::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.06251 12.3481C1.97916 12.1236 1.97916 11.8766 2.06251 11.6521C2.87421 9.68397 4.25202 8.00116 6.02128 6.81701C7.79053 5.63287 9.87155 5.00073 12.0005 5.00073C14.1295 5.00073 16.2105 5.63287 17.9797 6.81701C19.749 8.00116 21.1268 9.68397 21.9385 11.6521C22.0218 11.8766 22.0218 12.1236 21.9385 12.3481C21.1268 14.3163 19.749 15.9991 17.9797 17.1832C16.2105 18.3674 14.1295 18.9995 12.0005 18.9995C9.87155 18.9995 7.79053 18.3674 6.02128 17.1832C4.25202 15.9991 2.87421 14.3163 2.06251 12.3481Z" stroke="%23483A3D" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="%23483A3D" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

.password-input input {
  letter-spacing: 3px !important;
}

.password-input input::-webkit-input-placeholder {
  letter-spacing: 0px !important;
}

.password-input input::-moz-placeholder {
  letter-spacing: 0px !important;
}

.password-input input::placeholder {
  letter-spacing: 0px !important;
}

#form_login_second .woocommerce-form-row + p {
  color: #ACADAE;
  font-size: 12px;
}

#form_login_second .lost_password--reg {
  font-size: 14px !important;
  display: flex;
  gap: 1em;
  color: var(--color-primary) !important;
  font-weight: 500 !important;
  margin-top: -25px;
}

#form_login_second .lost_password--reg a {
  text-decoration: underline !important;
}

.page-template-page-account .sc-auth .woocommerce {
  display: flex;
  flex-direction: column;
  height: calc(100svh - 120px);
  overflow-y: auto;
}

body:has(.sc-auth) .footer {
  display: none !important;
}

#shipping_method li input[type=radio],
.shipping__list_item input[type=radio],
.wc_payment_method input[type=radio],
.radio_choose_delivery_pickup input[type=radio],
.delivery-option input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  z-index: -10;
}

#shipping_method li input[type=radio]:checked + label::after,
.shipping__list_item input[type=radio]:checked + label::after,
.wc_payment_method input[type=radio]:checked + label::after,
.radio_choose_delivery_pickup input[type=radio]:checked + label::after,
.delivery-option input[type=radio]:checked + label::after {
  scale: 1;
}

#shipping_method li label,
.shipping__list_item label,
.wc_payment_method label,
.radio_choose_delivery_pickup label,
.delivery-option label {
  display: flex !important;
  position: relative;
  align-items: center;
  cursor: pointer;
  gap: 12px;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}

#shipping_method li label:last-child,
.shipping__list_item label:last-child,
.wc_payment_method label:last-child,
.radio_choose_delivery_pickup label:last-child,
.delivery-option label:last-child {
  margin-bottom: 0;
}

#shipping_method li label::before,
.shipping__list_item label::before,
.wc_payment_method label::before,
.radio_choose_delivery_pickup label::before,
.delivery-option label::before {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 1px solid var(--color-accent);
  border-radius: 50%;
  transition: all 0.3s ease;
  background: #fff;
}

#shipping_method li label::after,
.shipping__list_item label::after,
.wc_payment_method label::after,
.radio_choose_delivery_pickup label::after,
.delivery-option label::after {
  content: "";
  transition: all 0.3s ease;
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 6px;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  background-color: var(--color-accent);
  border-radius: 50%;
  scale: 0;
}

/**
 * =========================================================================================
 * --																 Checkbox 
 * =========================================================================================
 */

.wpfLiLabel,
.form-row.place-order > .form-row,
.woocommerce-form__label-for-checkbox {
  display: flex !important;
  position: relative;
  align-items: center;
  cursor: pointer;
}

.wpfCheckbox > input,
.form-row.place-order > .form-row > input,
.woocommerce-form__label-for-checkbox > input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.wpfLiLabel,
.form-row.place-order > .form-row > label,
.woocommerce-form__label-for-checkbox > span {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}

.wpfCheckbox > label::before,
.form-row.place-order > .form-row > label::before,
.woocommerce-form__label-for-checkbox > span::before {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
}

.wpfCheckbox > label::after,
.form-row.place-order > .form-row > label::after,
.woocommerce-form__label-for-checkbox > span::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7087 8.33334L10.5472 15.625L7.29199 12.3106' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  scale: 0;
  z-index: 2;
  border: 1px solid transparent;
}

.wpfLiLabel:has(.selected) .wpfCheckbox > label::after,
.form-row.place-order > .form-row > input:checked + label::after,
.woocommerce-form__label-for-checkbox > input:checked + span::after {
  scale: 1;
}

.form-row.place-order > .form-row > input:checked + label::before,
.woocommerce-form__label-for-checkbox > input:checked + span::before {
  background-color: var(--color-primary);
}

#expert-register-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  width: 100%;
  padding-left: 30px;
  padding-bottom: 30px;
}

#expert-register-success {
  margin: auto;
}

#expert-register-success .alert {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 450px;
}

#expert-register-success .alert::before {
  content: "";
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  background: url("../img/icons/hourglass.svg") center/22px no-repeat;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  display: block;
}

#expert-register-success h3 {
  font-size: 32px;
  text-align: center;
}

#expert-register-success p {
  font-size: 14px;
  text-align: center;
}

#expert-register-success .btn {
  margin-top: 42px;
  height: 52px;
  margin-bottom: 36px;
}

#expert-register-form {
  max-width: 440px;
  width: 100%;
}

#expert-register-form .register-step {
  flex-direction: column;
  display: none;
}

#expert-register-form .register-step.active {
  display: flex;
}

#expert-register-form .form-group {
  margin-bottom: 13px;
}

#expert-register-form .form-group input {
  height: 56px;
}

#expert-register-form .form-group-links {
  margin-top: 35px;
  font-size: 14px;
  display: flex;
  gap: 8px;
}

#expert-register-form .form-group-links a {
  text-decoration: underline;
}

#expert-register-form .btn {
  width: 100%;
  height: 56px;
  margin-top: 22px;
}

#expert-register-form .password-wrap {
  position: relative;
}

#expert-register-form .toggle-password {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.06251 12.3481C1.97916 12.1236 1.97916 11.8766 2.06251 11.6521C2.87421 9.68397 4.25202 8.00116 6.02128 6.81701C7.79053 5.63287 9.87155 5.00073 12.0005 5.00073C14.1295 5.00073 16.2105 5.63287 17.9797 6.81701C19.749 8.00116 21.1268 9.68397 21.9385 11.6521C22.0218 11.8766 22.0218 12.1236 21.9385 12.3481C21.1268 14.3163 19.749 15.9991 17.9797 17.1832C16.2105 18.3674 14.1295 18.9995 12.0005 18.9995C9.87155 18.9995 7.79053 18.3674 6.02128 17.1832C4.25202 15.9991 2.87421 14.3163 2.06251 12.3481Z" stroke="%23483A3D" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="%23483A3D" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

#expert-register-form .toggle-password.is-show {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.0625 12.3481C1.97916 12.1236 1.97916 11.8766 2.06251 11.6521C2.87421 9.68397 4.25202 8.00116 6.02128 6.81701C7.79053 5.63287 9.87155 5.00073 12.0005 5.00073C14.1295 5.00073 16.2105 5.63287 17.9797 6.81701C19.749 8.00116 21.1268 9.68397 21.9385 11.6521C22.0218 11.8766 22.0218 12.1236 21.9385 12.3481C21.1268 14.3163 19.749 15.9991 17.9797 17.1832C16.2105 18.3674 14.1295 18.9995 12.0005 18.9995C9.87155 18.9995 7.79053 18.3674 6.02128 17.1832C4.25202 15.9991 2.87421 14.3163 2.06251 12.3481Z" stroke="%23483A3D" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="%23483A3D" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 5L4 19" stroke="%23483A3D" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>') !important;
}

#expert-register-form .select2-container--default .select2-selection--single {
  border: 1px solid #dde4e9;
  border-radius: 8px;
}

#expert-register-form .select2-container .select2-selection--single {
  height: 56px;
  margin-bottom: 0;
  padding-right: 16px;
  padding-left: 50px;
}

#expert-register-form .select2-search__field {
  height: 46px !important;
}

#expert-register-form .select2-container .select2-selection--multiple {
  min-height: 56px;
}

#expert-register-form .form-group-specialty .select2-search__field {
  height: auto !important;
  opacity: 0;
}

#expert-register-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f4f4f4;
  color: var(--color-primary);
  border: 1px solid #f4f4f4;
  border-radius: 50px;
  cursor: default;
  margin-left: 5px;
  margin-right: 0;
  margin-top: 5px;
  padding: 10px 24px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

#expert-register-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--color-primary);
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  margin-right: 2px;
  font-size: 16px;
}

#expert-register-form .select2-selection__clear {
  position: absolute;
  left: 14px;
  margin-top: 12px;
  font-size: 20px !important;
}

#expert-register-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--color-text-dark);
  font-size: 16px;
  font-weight: 500;
  min-height: 56px;
  line-height: 56px;
  padding-right: 0;
}

#expert-register-form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 8px 12px !important;
  padding-left: 30px !important;
}

#expert-register-form .form-group-city {
  position: relative;
}

#expert-register-form .form-group-city::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  position: absolute;
  z-index: 2;
  top: 19px;
  left: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7.5C15 11.2448 10.8457 15.1447 9.45075 16.3492C9.32079 16.447 9.1626 16.447 9 16.447C8.8374 16.447 8.67921 16.447 8.54925 16.3492C7.15425 15.1447 3 11.2448 3 7.5C3 5.9087 3.63214 4.38258 4.75736 3.25736C5.88258 2.13214 7.4087 1.5 9 1.5C10.5913 1.5 12.1174 2.13214 13.2426 3.25736C14.3679 4.38258 15 5.9087 15 7.5Z' stroke='%23173852' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9.75C10.2426 9.75 11.25 8.74264 11.25 7.5C11.25 6.25736 10.2426 5.25 9 5.25C7.75736 5.25 6.75 6.25736 6.75 7.5C6.75 8.74264 7.75736 9.75 9 9.75Z' stroke='%23173852' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#expert-register-form .form-group-city .select2-selection__arrow,
#expert-register-form .form-group-city .select2-selection__clear {
  display: none;
}

.expert-register-form__header {
  margin-bottom: 68px;
}

.expert-register-form__header h1 {
  font-size: 48px;
  margin-bottom: 10px;
}

.expert-register-form__header p {
  font-size: 14px;
  max-width: 360px;
}

.form-group-head {
  margin-bottom: 35px;
  display: flex;
  justify-content: space-between;
  gap: 32px;
  align-items: center;
}

.form-group-head h3 {
  font-size: 24px;
}

.form-group-head__progress {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 500;
}

.progress-reg {
  display: flex;
  gap: 5px;
}

.progress-reg span {
  flex: 0 0 18px;
  width: 18px;
  height: 7px;
  display: block;
  border-radius: 40px;
  background-color: #d9d9d9;
}

.progress-reg span.active {
  background-color: var(--color-accent);
}

.form-group-controls {
  display: flex;
  gap: 16px;
}

.form-group-controls .btn {
  flex: 0 0 calc(50% - 8px);
}

.form-group-photo {
  display: flex;
  align-items: center;
  gap: 22px;
}

.form-group-photo label {
  font-size: 16px;
}

.custom-file-input {
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  position: relative;
}

.custom-file-input input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.file-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  overflow: hidden;
  box-sizing: border-box;
}

.upload-icon {
  font-size: 24px;
  color: var(--color-primary);
  pointer-events: none;
}

.image-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}

.file-label.has-image .image-preview {
  display: block;
}

.file-label.has-image .upload-icon {
  display: none;
}

.form-group-specialty label {
  display: block;
  font-size: 16px;
  margin-bottom: 12px;
}

.form-group-certificates label {
  display: block;
  font-size: 16px;
  margin-bottom: 12px;
}

.form-group-certificates .help {
  margin-top: 12px;
  font-size: 12px;
  color: var(--color-gray);
  max-width: 295px;
}

.custom-file-input-rect {
  position: relative;
  width: 100%;
  min-height: 56px;
}

.custom-file-input-rect input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.custom-file-input-rect .file-label-rect {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  border: 1px dashed var(--color-primary);
  border-radius: 8px;
  background-color: transparent;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  box-sizing: border-box;
  padding: 10px;
  overflow: hidden;
}

.custom-file-input-rect .file-label-rect.has-files {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
  text-align: right;
}

.custom-file-input-rect .file-label-rect.has-files .upload-content {
  display: none;
}

.custom-file-input-rect .file-label-rect.has-files .file-names-list {
  display: flex;
}

.custom-file-input-rect .upload-content {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--color-primary);
  pointer-events: none;
  font-size: 16px;
}

.custom-file-input-rect .upload-content .upload-icon-rect {
  font-size: 24px;
  line-height: 1;
}

.custom-file-input-rect .file-names-list {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  width: 100%;
  pointer-events: none;
  z-index: 1;
}

.custom-file-input-rect .file-names-list .file-name-item {
  font-size: 14px;
  word-break: break-all;
  text-align: center;
}

/* ==========================================
   FORM VALIDATION ERROR STYLES
   ========================================== */

/* 1. Highlight standard input fields (text, tel, email, password) */

.form-group.is-error input[type=text],
.form-group.is-error input[type=tel],
.form-group.is-error input[type=email],
.form-group.is-error input[type=password],
.form-group.is-error input[type=number] {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 1px rgba(220, 53, 69, 0.25) !important;
}

/* 2. Highlight Select2 dropdown containers (both single and multiple) */

.form-group.is-error .select2-container--default .select2-selection--single,
.form-group.is-error .select2-container--default .select2-selection--multiple {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* 3. Highlight custom file upload labels (if you make them required later) */

.form-group.is-error .file-label,
.form-group.is-error .file-label-rect {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

/* 4. Add a warning text message below the field with an error */

/* The text says "Required field / Incorrect format" in Hebrew */

.form-group.is-error::after {
  content: "";
  color: #dc3545;
  font-size: 13px;
  font-weight: 500;
  display: block;
  margin-top: 6px;
  text-align: right;
  /* Ensures RTL alignment */
}

/* Hide the warning message specifically for the terms/checkboxes if needed */

.form-group-checkbox.is-error::after {
  margin-top: 2px;
}

#specialty {
  left: 50% !important;
  right: auto !important;
}

.aws-container .aws-search-field {
  font-size: 23px !important;
  border: none !important;
}

.aws-container .aws-search-field::-webkit-input-placeholder {
  color: #616161 !important;
}

.aws-container .aws-search-field::-moz-placeholder {
  color: #616161 !important;
}

.aws-container .aws-search-field::placeholder {
  color: #616161 !important;
}

@media (max-width: 1200px) {
  .sc-auth__slider {
    height: calc(100svh - 74px);
  }
}

@media (max-width: 998px) {
  .sc-auth__body {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .sc-auth__slider {
    display: none;
  }

  #customer_login {
    align-items: center;
    padding-top: 40px;
    justify-content: start;
  }

  .page-template-page-account .sc-auth .woocommerce {
    height: calc(100svh - 80px);
  }

  #expert-register-container {
    align-items: center;
    padding-left: 0;
    justify-content: start;
    padding-top: 40px;
  }
}

@media (max-width: 768px) {
  #customer_login .u-column1 h2,
  #customer_login .u-column2 h2 {
    font-size: 32px;
    margin-bottom: 8px;
  }

  .sc-auth__body {
    min-height: calc(100svh - 74px);
  }

  #form_login_second .lost_password--reg {
    margin-top: -20px;
    text-align: center;
    justify-content: center;
  }

  #expert-register-form .form-group input {
    height: 48px;
  }

  #expert-register-form .form-group-links {
    justify-content: center;
    text-align: center;
    margin-top: 40px;
  }

  #expert-register-form .btn {
    height: 48px;
    margin-top: 11px;
  }

  #expert-register-form .select2-container .select2-selection--single {
    height: 48px;
  }

  #expert-register-form .select2-search__field {
    height: 42px !important;
  }

  #expert-register-form .select2-container .select2-selection--multiple {
    min-height: 42px;
  }

  #expert-register-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: 48px;
    line-height: 48px;
  }

  #expert-register-form .form-group-city::before {
    top: 16px;
  }

  .expert-register-form__header {
    margin-bottom: 40px;
  }

  .expert-register-form__header h1 {
    font-size: 32px;
    margin-bottom: 8px;
  }

  .form-group-head {
    margin-bottom: 32px;
  }

  .form-group-controls .btn {
    min-width: auto;
  }

  .form-group-photo {
    margin-bottom: 32px !important;
  }

  .custom-file-input-rect {
    min-height: 48px;
  }

  .custom-file-input-rect .file-label-rect {
    min-height: 48px;
  }

  .aws-container .aws-search-field {
    font-size: 14px !important;
  }

  .header .aws-container .aws-search-field {
    font-size: 16px !important;
  }
}

@media (max-width: 576px) {
  #expert-register-success h3 {
    font-size: 24px;
  }
}