@media (min-width: 769px) {
  /* .input-wrapper {
    max-width: calc(33.333% - 20px);
  } */
}

@media (max-width: 768px) {
  .input-wrapper {
    max-width: 100% !important;
  }
}

button.blue-btn {
  cursor: pointer !important;
}

.mt-15 {
  margin-top: 15px;
}

.mt-25 {
  margin-top: 25px;
}

.txtbold {
  font-weight: 800;
}

.underline {
  text-decoration: underline;
}

.gap40 {
  gap: 40px !important;
  padding-bottom: 50px;
}

/*loader*/
#loader {
  position: absolute;
  transform: 50%;
  top: 38%;
  right: 49%;
  width: 100% !important;
}


.dot-pulse {
  position: relative;
  left: -9999px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: var(--pBlue);
  color: var(--pBlue);
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse 1s infinite linear;
  animation-delay: 0.25s;
}

.dot-pulse::before,
.dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: var(--pBlue);
  color: var(--pBlue);
}

.dot-pulse::before {
  left: 50px;
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before 1s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  right: 50px;
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after 1s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }

  30% {
    box-shadow: 9984px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 9984px 0 0 -5px;
  }
}

@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }

  30% {
    box-shadow: 9999px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 9999px 0 0 -5px;
  }
}

@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }

  30% {
    box-shadow: 10014px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 10014px 0 0 -5px;
  }


}

.topTitle {
  margin-top: -40px;
}

.makeBold {
  font-weight: 800;
}

.makeBoldBigger {
  margin-top: 20px;
  font-weight: 800;
  font-size: x-large;
}

.form_field {
  position: relative;
}

.form_field--tooltip-outer {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
}

.form_field--tooltip-outer>.tooltip {
  position: relative;
  top: 0;
}

.form_field--with-h3 {
  padding-top: 4.4rem;
}

.form_field--with-h3>h3 {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 900;
}

@media (max-width: 767px) {
  .form_field--with-h3 {
    padding-top: 0;
    flex-wrap: wrap;
    gap: 1.6rem !important;
    display: flex;
    flex-wrap: wrap;
  }

  .form_field--with-h3>h3 {
    width: 100%;
    position: relative;
    margin-bottom: 0rem !important;
  }

  .form_field--with-h3.form_field--tooltip-outer .input {
    flex: 1;
  }
}

.form_fields {
  position: relative;
}

.form_fields--column {
  align-items: flex-start !important;
  align-content: flex-start !important;
  flex-direction: column !important;
}

.form_fields--radios {
  gap: 1.6rem 3.2rem !important;
}

@media (max-width: 991px) {
  .form_fields--radios {
    flex-direction: column !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
  }
}


.input--file {
  border-radius: 0.8rem;
  border: 1.5px dashed var(--pBlue);
  padding: 1.2rem 1.6rem;
  height: auto;
  width: 100%;
  max-width: 60rem;
  flex-direction: row-reverse;
  align-items: center;
  align-content: center;
}

.input--file:focus {
  border-width: 3px;
}

.input--file_left {
  position: relative;
  min-width: max-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-content: flex-end;
  text-align: left;
}

.input--file_left .def {
  position: relative;
  width: 4rem;
  height: 4rem;
  padding: 0;
}

.input--file_left .def .icon-color {
  --i-size: 4rem;
}

.input--file_left .def input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.input--file_left .delete_confirm {
  display: flex;
  gap: 1.6rem;
}

.input--file_left .cancel,
.input--file_left .delete,
.input--file_left .delete_main,
.input--file_left .delete_confirm,
.input--file_left .again {
  display: none;
}

.input--file_right {
  position: relative;
  flex: 1;
}

.input--file_right p strong {
  font-weight: 900 !important;
}

.input--file_right .text-def {
  letter-spacing: 0.5px;
}

.input--file_right .text-uploading {
  flex-direction: column;
  display: none;
  font-size: 1.4rem;
  line-height: 1.2;
  gap: 0.4rem;
}

.input--file_right .text-uploading .name {
  letter-spacing: 0.1px;
}

.input--file_right .text-uploading .process-line {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 13.9rem;
  height: 0.2rem;
  background: var(--sGrayLight);
}

.input--file_right .text-uploading .process-line:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: var(--proc);
  background: var(--pBlue);
}

.input--file_right .text-uploaded {
  display: none;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
  font-size: 1.4rem;
}

.input--file_right .text-uploaded .name {
  font-weight: 900;
}

.input--file_right .text-uploaded .size {
  color: var(--sGray);
}

.input--file_right .text-uploaded .icon {
  --i-size: 1.9rem;
  color: var(--sGray);
}

.input--file_right .text-delete {
  display: none;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
  font-size: 1.4rem;
}

.input--file_right .text-delete .icon {
  --i-size: 1.9rem;
  color: var(--eRed);
}

.input--file_right .text-error {
  display: none;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
  font-size: 1.4rem;
  color: var(--eRed);
}

.input--file_right .text-error p:not(:last-child) {
  margin-bottom: 0rem;
}

.input--file_right .text-error .icon {
  --i-size: 1.9rem;
  color: var(--eRed);
}

.input--file.uploading {
  border-color: transparent;
}

.input--file.uploading .def {
  display: none;
}

.input--file.uploading .cancel {
  display: inline-flex;
}

.input--file.uploading .text-def {
  display: none;
}

.input--file.uploading .text-uploading {
  display: flex !important;
}

.input--file.uploaded {
  border-color: transparent;
}


.input--file.uploaded .def {
  display: none;
}

.input--file.uploaded .delete {
  display: inline-flex;
}

.input--file.uploaded .delete_main {
  display: inline-flex;
}

.input--file.uploaded .text-def {
  display: none;
}

.input--file.uploaded .text-uploaded {
  display: flex !important;
}

.input--file.delete {
  border-color: transparent;
}

.input--file.delete .def {
  display: none;
}

.input--file.delete .delete {
  display: inline-flex;
}

.input--file.delete .delete_confirm {
  display: flex;
}

.input--file.delete .text-def {
  display: none;
}

.input--file.delete .text-delete {
  display: flex !important;
}

.input--file.error {
  border-color: var(--eRed);
}

.input--file.error .def {
  display: none;
}

.input--file.error .again {
  display: inline-flex;
}

.input--file.error .text-def {
  display: none;
}

.input--file.error .text-error {
  display: flex !important;
}

/* check */

:root {
  --bWhite: #ffffff;
  --bBlack: #000000;
  --bGrayLight: #c9ceda;
  --pBlue: #397eb9;
  --pBlueDark: #24345a;
  --sBlue1: #0b91e9;
  --sBlue2: #3ca7ed;
  --sBlue3: #6dbdf2;
  --sBlue4: #9dd3f6;
  --sBlue5: #b6def8;
  --sBlue6: #cee9fb;
  --sBlue7: #e7f4fd;
  --sBlue8: #f6fafe;
  --sGray: #7783a2;
  --sGrayDark: #757575;
  --sGrayLight: #dee9ef;
  --eRed: #c9181f;
  --eRedSelected: #f4b5b2;
  --eRedLight: #ffebea;
  --eRedLight1: #ffeeed;
  --eOrange: #ea8017;
  --eOrange1: #f4bf8b;
  --eOrange2: #f9dfc5;
  --eYellow: #ffc32d;
  --eGreen: #00d46b;
  --eGreenSelected: #bce5ab;
  --eGreenLight: #e2f3db;
  --eMagenta: #e8178a;
  --ePurple: #83a1f1;
  --gradient: linear-gradient(0deg, #e1f5fd 0%, rgba(255, 255, 255, 0) 100%);
}

.c-blue {
  color: var(--pBlue);
}

.c-blue--second-1 {
  color: var(--sBlue1);
}

.c-gray {
  color: var(--sGray);
}

:root {
  --shadow1: 0px 0px 40px 0px rgba(0, 12, 123, 0.04);
  --shadow2: 0px 0px 40px 0px rgba(0, 12, 123, 0.08);
  --shadow3: 0px 0px 20px 0px rgba(38, 108, 169, 0.2);
}

@font-face {
  font-family: "Blender";
  src: url("../fonts/Blender-Light.woff2") format("woff2"), url("../fonts/Blender-Light.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Blender";
  src: url("../fonts/Blender-Black.woff2") format("woff2"), url("../fonts/Blender-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Blender";
  src: url("../fonts/Blender-Bold.woff2") format("woff2"), url("../fonts/Blender-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Blender";
  src: url("../fonts/Blender.woff2") format("woff2"), url("../fonts/Blender.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans-serif: "Blender", sans-serif;
  --font-sans-serif-header: "Blender", sans-serif;
  --font-serif: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --base-bg: var(--gradient);
  --base-ff: var(--font-sans-serif);
  --base-fz: 1.6rem;
  --base-lh: 1.5;
  --base-tc: var(--pBlueDark);
  --base-lc: inherit;
  --base-mw: 320px;
  --base-ts: 0.2s;
  --base-rd: 1rem;
  --h-s-h1: 3.6rem;
  --h-s-h2: 3rem;
  --h-s-h3: 2rem;
  --h-s-h4: 1.8rem;
  --h-s-h5: 1.6rem;
  --h-s-h6: 1.4rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.h {
  margin: 0;
  line-height: 1.222222222;
  letter-spacing: normal;
  font-weight: 900;
  font-family: var(--font-sans-serif-header);
}

h1:not(:last-child),
.h1:not(:last-child),
h2:not(:last-child),
.h2:not(:last-child),
h3:not(:last-child),
.h3:not(:last-child),
h4:not(:last-child),
.h4:not(:last-child),
h5:not(:last-child),
.h5:not(:last-child),
h6:not(:last-child),
.h6:not(:last-child),
.h:not(:last-child) {
  margin-bottom: 1.6rem;
}

@media (max-width: 1199px) {

  h1:not(:last-child),
  .h1:not(:last-child),
  h2:not(:last-child),
  .h2:not(:last-child),
  h3:not(:last-child),
  .h3:not(:last-child),
  h4:not(:last-child),
  .h4:not(:last-child),
  h5:not(:last-child),
  .h5:not(:last-child),
  h6:not(:last-child),
  .h6:not(:last-child),
  .h:not(:last-child) {
    margin-bottom: 0.4rem;
  }
}

h1,
.h1 {
  font-size: var(--h-s-h1);
}

h2,
.h2 {
  font-size: var(--h-s-h2);
}

h3, .h3 {
   font-size: var(--h-s-h3);
}

h4,
.h4 {
  font-size: var(--h-s-h4);
}

h5,
.h5 {
  font-size: var(--h-s-h5);
}

h6,
.h6 {
  font-size: var(--h-s-h6);
}

p {
  margin: 0;
}

p:not(:last-child) {
  margin-bottom: 1.6rem;
}

@media (max-width: 1199px) {
  p:not(:last-child) {
    margin-bottom: 0.8rem;
  }
}

ul,
ol {
  margin: 0;
  padding-right: 1.25em;
}

ul:not(:last-child),
ol:not(:last-child) {
  margin-bottom: 3.2rem;
}

@media (max-width: 1199px) {

  ul:not(:last-child),
  ol:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-700,
.sc--welcome h1,
strong {
  font-weight: 700 !important;
}

.fw-900,
.sc--login .code-type strong,
.sc--welcome h1 strong,
.dropdown_inner a:hover,
.tab-link.active {
  font-weight: 900 !important;
}

.fz-14 {
  font-size: 1.4rem;
}

:root {
  --gap: 15px;
  --header-height: 11rem;
  --content-v-space: 4.8rem;
  --left-side-width: 36.8rem;
  --container: calc(1600px + var(--gap) * 2);
}

@media (max-width: 1599px) {
  :root {
    --header-height: 9rem;
    --left-side-width: 32rem;
  }
}

@media (max-width: 1199px) {
  :root {
    --content-v-space: 1.6rem;
  }
}

@media (max-width: 767px) {
  :root {
    --gap: 1.15rem;
    --header-height: 6.7rem;
  }
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

@media (min-width: 1200px) {
  * {
    scrollbar-width: thin;
    /* scrollbar-y-position: 1rem; */
  }

  *::-webkit-scrollbar {
    position: absolute;
    left: 0.8rem;
    top: 0.8rem;
    width: 0.6rem;
    height: 0.3rem;
    border-radius: 0.3rem;
    background: none;
  }

  *::-webkit-scrollbar-track {
    border-radius: 0.3rem;
  }

  *::-webkit-scrollbar-thumb {
    background: var(--sGray);
    border-radius: 0.3rem;
  }

  *::-webkit-scrollbar-thumb:hover {
    background: var(--sGray);
  }
}

body {
  position: relative;
  width: 100%;
  color: var(--base-tc);
  background: var(--base-bg);
  font: var(--base-fz)/var(--base-lh) var(--base-ff);
  min-width: var(--base-mw);
  overflow-anchor: none;
  letter-spacing: 0.5px;
}

.wrapper {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: calc(var(--vh, 1vh) * 100);
}

.content {
  display: flex;
  flex-direction: column;
  flex: 1;
  z-index: 0;
  /* padding: var(--content-v-space) 0; */
}

@media (max-width: 1599px) {
  /* .content {
    padding: 0 0 var(--content-v-space) 0;
  } */
}

.container {
  position: relative;
  margin: 0 auto;
  padding: 0 var(--gap);
  z-index: 1;
}

@media (min-width: 1200px) {
  .container {
    max-width: var(--container);
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: var(--container);
  }
}

.hidden {
  display: none;
}

@media (max-width: 767px) {
  .hidden-mob {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-no-mob {
    display: none;
  }
}

@media (max-width: 1199px) {
  .hidden-tablet {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-no-tablet {
    display: none;
  }
}

.v-sep {
  position: relative;
  display: inline-block;
  width: 0.2rem;
  min-width: 0.2rem;
  border-radius: 0.2rem;
  height: 4rem;
  background: var(--sGray);
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1-6 {
  margin-top: 1.6rem !important;
}

.mt-2-4 {
  margin-top: 2.4rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1-6 {
  margin-bottom: 1.6rem !important;
}

.mb-2-4 {
  margin-bottom: 2.4rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.image {
  position: relative;
  width: 100%;
  height: auto;
}

.image picture {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
}

.image img {
  width: 100%;
  height: auto;
}

.logo {
  display: flex;
  text-decoration: none;
  max-width: 12.9rem;
}

@media (max-width: 1599px) {
  .logo {
    max-width: 10rem;
  }
}

@media (max-width: 767px) {
  .logo {
    max-width: 6.468rem;
  }
}

.icon,
.sc_steps .step_number:after,
.checkbox_content:after,
.radio_content:after {
  --i-size: 2.4rem;
  fill: currentColor;
  stroke: currentColor;
  color: inherit;
  min-width: var(--i-size);
  width: var(--i-size);
  height: var(--i-size);
  position: relative;
  display: inline-block;
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  background-color: currentColor;
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-alert {
  -webkit-mask-image: url("../images/icons/icon-alert.svg");
  mask-image: url("../images/icons/icon-alert.svg");
}

.icon-arrow--r {
  -webkit-mask-image: url("../images/icons/icon-arrow--r.svg");
  mask-image: url("../images/icons/icon-arrow--r.svg");
}

.icon-chevron--l {
  -webkit-mask-image: url("../images/icons/icon-chevron--l.svg");
  mask-image: url("../images/icons/icon-chevron--l.svg");
}

.icon-chevron--r {
  -webkit-mask-image: url("../images/icons/icon-chevron--r.svg");
  mask-image: url("../images/icons/icon-chevron--r.svg");
}

.icon-chevron--u {
  -webkit-mask-image: url("../images/icons/icon-chevron--u.svg");
  mask-image: url("../images/icons/icon-chevron--u.svg");
}

.icon-chevron--d {
  -webkit-mask-image: url("../images/icons/icon-chevron--d.svg");
  mask-image: url("../images/icons/icon-chevron--rdsvg");
}

.icon-check,
.sc_steps .step_number:after {
  -webkit-mask-image: url("../images/icons/icon-check.svg");
  mask-image: url("../images/icons/icon-check.svg");
}

.icon-checkbox {
  -webkit-mask-image: url("../images/icons/icon-checkbox--false.svg");
  mask-image: url("../images/icons/icon-checkbox--false.svg");
}

.icon-checkbox--false,
.checkbox_content:after {
  -webkit-mask-image: url("../images/icons/icon-checkbox--false.svg");
  mask-image: url("../images/icons/icon-checkbox--false.svg");
}

.icon-checkbox--false-disabled {
  -webkit-mask-image: url("../images/icons/icon-checkbox--false-disabled.svg");
  mask-image: url("../images/icons/icon-checkbox--false-disabled.svg");
}

.icon-checkbox--true,
.checkbox input:checked~.checkbox_content:after {
  -webkit-mask-image: url("../images/icons/icon-checkbox--true.svg");
  mask-image: url("../images/icons/icon-checkbox--true.svg");
}

.icon-checkbox--true-disabled {
  -webkit-mask-image: url("../images/icons/icon-checkbox--true-disabled.svg");
  mask-image: url("../images/icons/icon-checkbox--true-disabled.svg");
}

.icon-radio {
  -webkit-mask-image: url("../images/icons/icon-radio--false.svg");
  mask-image: url("../images/icons/icon-radio--false.svg");
}

.icon-radio--false,
.radio_content:after {
  -webkit-mask-image: url("../images/icons/icon-radio--false.svg");
  mask-image: url("../images/icons/icon-radio--false.svg");
}

.icon-radio--true,
.radio input:checked~.radio_content:after {
  -webkit-mask-image: url("../images/icons/icon-radio--true.svg");
  mask-image: url("../images/icons/icon-radio--true.svg");
}

.icon-close {
  -webkit-mask-image: url("../images/icons/icon-close.svg");
  mask-image: url("../images/icons/icon-close.svg");
}

.icon-close-1 {
  -webkit-mask-image: url("../images/icons/icon-close-1.svg");
  mask-image: url("../images/icons/icon-close-1.svg");
}

.icon-coffee {
  -webkit-mask-image: url("../images/icons/icon-coffee.svg");
  mask-image: url("../images/icons/icon-coffee.svg");
}

.icon-danger {
  -webkit-mask-image: url("../images/icons/icon-danger.svg");
  mask-image: url("../images/icons/icon-danger.svg");
}

.icon-edit {
  -webkit-mask-image: url("../images/icons/icon-edit.svg");
  mask-image: url("../images/icons/icon-edit.svg");
}

.icon-file {
  -webkit-mask-image: url("../images/icons/icon-file.svg");
  mask-image: url("../images/icons/icon-file.svg");
}

.icon-home {
  -webkit-mask-image: url("../images/icons/icon-home.svg");
  mask-image: url("../images/icons/icon-home.svg");
}

.icon-in {
  -webkit-mask-image: url("../images/icons/icon-in.svg");
  mask-image: url("../images/icons/icon-in.svg");
}

.icon-minus-circle {
  -webkit-mask-image: url("../images/icons/icon-minus-circle.svg");
  mask-image: url("../images/icons/icon-minus-circle.svg");
}

.icon-out {
  -webkit-mask-image: url("../images/icons/icon-out.svg");
  mask-image: url("../images/icons/icon-out.svg");
}

.icon-plus-circle {
  -webkit-mask-image: url("../images/icons/icon-plus-circle.svg");
  mask-image: url("../images/icons/icon-plus-circle.svg");
}

.icon-swap {
  -webkit-mask-image: url("../images/icons/icon-swap.svg");
  mask-image: url("../images/icons/icon-swap.svg");
}

.icon-trash {
  -webkit-mask-image: url("../images/icons/icon-trash.svg");
  mask-image: url("../images/icons/icon-trash.svg");
}

.icon-user {
  -webkit-mask-image: url("../images/icons/icon-user.svg");
  mask-image: url("../images/icons/icon-user.svg");
}

.icon-color {
  --i-size: 2.4rem;
  min-width: var(--i-size);
  width: var(--i-size);
  height: var(--i-size);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.icon-color-car {
  background-image: url("../images/icons-colored/icon-car.svg");
}

.icon-color-check-circle--green {
  background-image: url("../images/icons-colored/icon-check-circle--green.svg");
}

.icon-color-dialogue {
  background-image: url("../images/icons-colored/icon-dialogue.svg");
}

.icon-color-go-top {
  background-image: url("../images/icons-colored/icon-go-top.svg");
}

.icon-color-home--blue {
  background-image: url("../images/icons-colored/icon-home--blue.svg");
}

.icon-color-list--blue {
  background-image: url("../images/icons-colored/icon-list--blue.svg");
}

.icon-color-list--green {
  background-image: url("../images/icons-colored/icon-list--green.svg");
}

.icon-color-list--yellow {
  background-image: url("../images/icons-colored/icon-list--yellow.svg");
}

.icon-color-place--blue {
  background-image: url("../images/icons-colored/icon-place--blue.svg");
}

.icon-color-place--pink {
  background-image: url("../images/icons-colored/icon-place--pink.svg");
}

.icon-color-place--purple {
  background-image: url("../images/icons-colored/icon-place--purple.svg");
}

.icon-color-plus-circle--blue {
  background-image: url("../images/icons-colored/icon-plus-circle--blue.svg");
}

.icon-color-plus-circle--pink {
  background-image: url("../images/icons-colored/icon-plus-circle--pink.svg");
}

.icon-color-upload {
  background-image: url("../images/icons-colored/icon-upload.svg");
}

.icon-color-user--blue {
  background-image: url("../images/icons-colored/icon-user--blue.svg");
}

.icon-color-user--blue-light {
  background-image: url("../images/icons-colored/icon-user--blue-light.svg");
}

.icon-color-user--gray {
  background-image: url("../images/icons-colored/icon-user--gray.svg");
}

.icon-color-user--yellow {
  background-image: url("../images/icons-colored/icon-user--yellow.svg");
}

.icon-color-user-add--blue {
  background-image: url("../images/icons-colored/icon-user-add--blue.svg");
}

.icon-color-user-remove--blue {
  background-image: url("../images/icons-colored/icon-user-remove--blue.svg");
}

.header {
  --h-pos: relative;
  --h-height: var(--header-height);
  --h-bg: none;
  --h-pd: 3rem 0 0.5rem 0;
  position: var(--h-pos);
  padding: var(--h-pd);
  height: var(--h-height);
  background: var(--h-bg);
  direction: rtl;
}

.header-container {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 4.8rem;
}

.header_acc {
  margin-right: auto;
}

.header_acc .btn-link {
  text-decoration: none;
  font-weight: 400;
  font-size: 1.6rem;
  gap: 0.4rem;
}

.header_acc .btn-link .icon {
  --i-size: 1.6rem;
}

@media (max-width: 1599px) {
  .header {
    --h-pd: 1.6rem 0;
  }

  .header-container {
    gap: 1.6rem;
  }
}

@media (max-width: 767px) {
  .header {
    --h-s-h3: 1.2rem;
  }

  .header_acc {
    display: none;
  }
}

.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  direction: rtl;
  text-decoration: none;
  gap: 0.8rem;
  outline: none;
  letter-spacing: normal;
  border: none;
  font-size: 18px;
  font-family: 'Blender';
  background-color: transparent;
}

.btn:hover {
  cursor: pointer;
}

.btn .icon,
.btn .icon-color {
  --i-size: 2.4rem;
}

.btn .image {
  --size: 2.4rem;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
}

.btn-primary {
  --btn-fz: 1.6rem;
  --btn-fw: 900;
  --btn-height: 3em;
  --btn-m-width: 31rem;
  --btn-rd: 2.5em;
  --btn-pd: 0.75em 2em;
  --btn-bg: var(--pBlue);
  --btn-color: var(--bWhite);
  --btn-shadow: var(--shadow3);
  font-size: var(--btn-fz);
  font-weight: var(--btn-fw);
  border-radius: var(--btn-rd);
  height: var(--btn-height);
  min-width: var(--btn-m-width);
  padding: var(--btn-pd);
  color: var(--btn-color);
  background: var(--btn-bg);
  box-shadow: var(--btn-shadow);
  letter-spacing: 0.15px;
}

@media (max-width: 359px) {
  .btn-primary {
    --btn-m-width: 100%;
  }
}

.btn-secondary {
  --btn-fz: 2rem;
  --btn-fw: 400;
  --btn-height: 2.4em;
  --btn-m-width: 17.6rem;
  --btn-rd: 0.4em;
  --btn-pd: 0.5em 1em;
  --btn-bg: var(--sBlue6);
  --btn-color: var(--pBlueDark);
  --btn-shadow: none;
  font-size: var(--btn-fz);
  font-weight: var(--btn-fw);
  border-radius: var(--btn-rd);
  height: var(--btn-height);
  border: 2px solid var(--btn-bg);
  min-width: var(--btn-m-width);
  padding: var(--btn-pd);
  color: var(--btn-color);
  background: var(--btn-bg);
  box-shadow: var(--btn-shadow);
  transition: all var(--base-ts) ease;
}

.btn-secondary .icon,
.btn-secondary .icon-color {
  --i-size: 3.2rem;
}

.btn-secondary .image {
  --size: 3.2rem;
}

.btn-secondary:hover,
.btn-secondary:focus {
  --btn-shadow: var(--shadow3);
  border-color: var(--pBlueDark);
}

.btn-link {
  --btn-fz: 1.6rem;
  --btn-fw: 900;
  --btn-height: auto;
  --btn-m-width: inherit;
  --btn-rd: 0;
  --btn-pd: 0;
  --btn-bg: none;
  --btn-color: var(--pBlue);
  --btn-shadow: none;
  font-size: var(--btn-fz);
  font-weight: var(--btn-fw);
  border-radius: var(--btn-rd);
  height: var(--btn-height);
  min-width: var(--btn-m-width);
  padding: var(--btn-pd);
  color: var(--btn-color);
  background: var(--btn-bg);
  box-shadow: var(--btn-shadow);
  letter-spacing: 0.15px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.btn-link .icon,
.btn-link .icon-color {
  --i-size: 2.4rem;
}

.btn-link--large {
  --btn-fz: 2rem;
  letter-spacing: normal;
}

.btn-link--w-icon {
  --btn-fw: 400;
  --btn-color: var(--pBlueDark);
  text-decoration: none;
  letter-spacing: 0.5px;
}

.btn-link--w-icon:hover,
.btn-link--w-icon:focus {
  --btn-fw: 900;
}

.btn-action {
  --btn-fz: 2rem;
  --btn-fw: 400;
  --btn-height: 2.4em;
  --btn-m-width: inherit;
  --btn-rd: 0.4em;
  --btn-pd: 0.4em 0.8em;
  --btn-bg: var(--sGray);
  --btn-color: var(--pBlueDark);
  --btn-shadow: none;
  font-size: var(--btn-fz);
  font-weight: var(--btn-fw);
  border-radius: var(--btn-rd);
  height: var(--btn-height);
  border: 2px solid var(--btn-bg);
  min-width: var(--btn-m-width);
  padding: var(--btn-pd);
  color: var(--btn-color);
  background: var(--btn-bg);
  box-shadow: var(--btn-shadow);
  transition: all var(--base-ts) ease;
}

.btn-action--out {
  --btn-bg: var(--eOrange2);
}

.btn-action--in {
  --btn-bg: var(--eGreenLight);
}

.btn-action--remove {
  --btn-bg: var(--eRedLight);
}

.btn-action:hover,
.btn-action:focus {
  --btn-fw: 900;
  --btn-shadow: var(--shadow3);
  border-color: var(--pBlueDark);
}

.tabs {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.tabs_nav {
  position: relative;
  height: 4rem;
}

@media (max-width: 1199px) {
  .tabs_nav {
    display: none;
  }
}

.tabs_inner {
  position: relative;
  width: 100%;
  border-radius: 0 0 1.6rem 1.6rem;
  flex: 1;
  background: var(--sBlue7);
  max-height: calc(100% - 4rem);
}

@media (max-width: 1199px) {
  .tabs_inner {
    max-height: inherit;
    background: none;
    border-radius: 0;
  }
}

.tab-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  letter-spacing: 0.15px;
  padding: 0.8rem 1.6rem;
  border-radius: 0.8rem 0.8rem 0 0;
  text-decoration: none;
  color: var(--pBlueDark);
  height: 4rem;
}

.tab-link:not(:last-child):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0.1rem;
  height: 2rem;
  background: var(--bGrayLight);
}

.tab-link.active {
  background: var(--sBlue7);
}

.tab-link.active:before {
  display: none;
}

@media (min-width: 1200px) {
  .tab-link:hover {
    font-weight: 900;
  }
}

.tab {
  display: none;
  height: 100%;
  overflow: hidden;
  border-radius: 0 0 1.6rem 1.6rem;
  padding-left: 0.8rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

@media (max-width: 1199px) {
  .tab {
    background: var(--bWhite);
    box-shadow: var(--shadow1);
    border-radius: 0.8rem;
    padding: 0;
    display: block;
    border: 1.5px solid var(--bWhite);
  }

  .tab:not(:last-child) {
    margin-bottom: 1.6rem;
  }

  .tab.active {
    border-color: var(--pBlue);
  }

  .tab.active .tab_head .tab-link {
    padding-bottom: 0.8rem;
  }

  .tab.active .tab_head .tab-link .icon {
    transform: rotate(-180deg);
  }

  .tab.active .tab_inner {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .tab_head {
    display: none;
  }
}

@media (max-width: 1199px) {
  .tab_head .tab-link {
    padding: 1.6rem;
    height: auto;
    width: 100%;
    background: none;
    justify-content: space-between;
  }

  .tab_head .tab-link .icon {
    color: var(--pBlue);
  }
}

.tab_inner {
  position: relative;
  height: 100%;
  padding: 1.6rem;
  overflow: auto;
}

.tab_inner p {
  max-width: 80rem;
}

@media (max-width: 1199px) {
  .tab_inner {
    display: none;
    padding: 0 1.6rem 1.6rem 1.6rem;
  }
}

.tab.can-scroll:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 9.3rem;
  background: linear-gradient(0deg, #f5fbff 20.35%, rgba(231, 244, 253, 0) 101.61%);
  opacity: 0.7;
  border-radius: 0 0 1.6rem 1.6rem;
  user-select: none;
  pointer-events: none;
}

.tab.can-scroll .tab_inner {
  padding-bottom: 8.3rem;
}

@media (max-width: 1599px) {
  .tab.can-scroll:after {
    height: 4rem;
  }

  .tab.can-scroll .tab_inner {
    padding-bottom: 4rem;
  }
}

@media (max-width: 1199px) {
  .tab.can-scroll:after {
    display: none;
  }

  .tab.can-scroll .tab_inner {
    padding-bottom: 1.6rem;
  }
}

.tab.active {
  display: block;
}

.dropdown {
  position: relative;
  display: inline-block;
  width: auto;
  z-index: 1;
}

.dropdown_head {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 0.8rem;
  padding: 1.2rem 1.6rem;
  letter-spacing: 0.1px;
  font-size: 1.4rem;
}

.dropdown_head .helper {
  display: none;
  font-weight: 900;
  flex: 1;
}

.dropdown_head .icon {
  color: var(--pBlue);
}

.dropdown_body {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  width: 100%;
  display: none;
  flex-wrap: wrap;
}

.dropdown_inner {
  border: 1.5px solid var(--pBlue);
  border-top: none;
  border-radius: 0 0 0.8rem 0.8rem;
  width: 100%;
  padding: 0 1.6rem 0.8rem 1.6rem;
}

.dropdown_inner ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dropdown_inner ul li:not(:last-child) {
  margin-bottom: 1.6rem;
}

.dropdown_inner ul li.selected {
  color: var(--pBlue);
  display: none;
  margin-bottom: 0 !important;
}

.dropdown_inner a {
  color: var(--sGray);
  text-decoration: none;
}

.dropdown--default {
  width: 100%;
  max-width: 54rem;
}

.dropdown--default .dropdown_head {
  background: var(--sBlue7);
  border-radius: 0.8rem;
}

.dropdown--default .dropdown_head .icon-color {
  --i-size: 3.2rem;
}

.dropdown--default .dropdown_head .text {
  font-weight: 900;
  flex: 1;
}

.dropdown--default .dropdown_inner {
  border: none;
  background: var(--sBlue7);
  border-radius: 0 0 0.8rem 0.8rem;
  padding-right: 5rem;
  padding-bottom: 2.4rem;
}

.dropdown--default .dropdown_inner p {
  max-width: 40rem;
}

.dropdown--default.open .dropdown_head {
  border-radius: 0.8rem 0.8rem 0 0;
}

.dropdown.open .dropdown_body {
  display: flex;
}

.form {
  position: relative;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .form {
    flex: 1;
  }
}

.form_content {
  position: relative;
  max-height: calc(100% - 8.8rem);
}

.form_content:not(:last-child) {
  margin-bottom: 4rem;
}

.form_content>.sc_msg {
  position: relative;
  bottom: 0 !important;
}

.form_nav {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 2.4rem 4rem;
}

@media (max-width: 767px) {
  .form_nav {
    flex-direction: column;
    margin-top: auto;
  }

  .form_nav .v-sep {
    width: 4rem;
    min-width: 4rem;
    height: 0.2rem;
  }
}

.form_group {
  position: relative;
}

.form_group h3 {
  font-weight: 400;
}

.form_group:not(:last-child) {
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 1px solid var(--sGray);
}

.form_group--no-line:not(:last-child) {
  padding-bottom: 1.2rem;
  margin-bottom: 1.2rem;
  border-bottom: none;
}

.form_group>.sc_msg {
  position: relative;
  bottom: 0 !important;
}



.form_partners {
  position: relative;
  border-radius: 1.6rem;
  padding: 2.4rem;
  background: var(--sBlue8);
}

@media (max-width: 767px) {
  .form_partners {
    padding: 1.6rem;
  }
}

.form_partners .bulk {
  position: relative;
}

.form_partners .bulk:not(:last-child) {
  margin-bottom: 1.6rem;
}

.form_partners .bulk .checkbox_content:after {
  color: var(--sGray);
}

.form_partners .bulk .checkbox input:checked~.checkbox_content:after {
  color: var(--pBlue);
}

.form_partners .bulk .btn {
  width: 100%;
  margin-top: 1.6rem;
}

.form_partners .items:not(:last-child) {
  margin-bottom: 3.2rem;
}

.form_partners--no-decor {
  background: none;
  border-radius: 0;
}

.input {
  position: relative;
  width: 100%;
  width: 32rem;
  height: 4.8rem;
  display: inline-flex;
}

.input input {
  border: none;
  background: none;
  padding-left: 0;
  padding-right: 0.8rem;
  height: 4.8rem;
  outline: none;
  font-weight: 900;
  color: var(--pBlueDark);
}

.input label,
.input .label {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  padding-left: 0.8rem;
  letter-spacing: 0.1px;
  font-size: 1.4rem;
  min-width: max-content;
}

.input label:before,
.input .label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 0.1rem;
  height: 2.4rem;
  background: var(--sGray);
}

.input-error {
  color: #d90000;
  font-size: 12px;
  /* position: absolute; */
  top: 100%;
  /*width: 100%;*/
  right: 0;
  line-height: 14px;
  height: 14px;
}

.input--regular {
  padding: 1.2rem 1.6rem;
  border: 1.5px solid var(--pBlue);
  border-radius: 0.8rem;
  background: var(--bWhite);
}

.input--regular input {
  flex: 1;
  height: 100%;
}

.input--regular:focus-within {
  box-shadow: var(--shadow3);
}

.input--regular.filled {
  border-color: var(--sGray);
}

.input--regular.error {
  border-color: var(--eRed);
}

.input--regular.disabled {
  border-color: var(--sGrayLight);
  user-select: none;
  pointer-events: none;
}

.input--regular.disabled input,
.input--regular.disabled label {
  user-select: none;
  pointer-events: none;
}

.input--regular.disabled label,
.input--regular.disabled input {
  color: var(--sGray);
}

.input--splitted {
  display: flex;
}

.input--splitted:after {
  content: "";
  position: absolute;
  right: 0.15rem;
  width: 8.85rem;
  top: 0.15rem;
  height: calc(100% - 0.3rem);
  background: var(--sBlue8);
  z-index: 0;
  border-radius: 0 0.8rem 0.8rem 0;
}

.input--splitted input {
  border: 1.5px solid var(--pBlue);
  border-radius: 0.8rem;
  background: var(--bWhite);
  height: 4.8rem;
  outline: none;
  padding: 1.2rem 1.6rem;
  width: 100%;
  padding-right: 9.8rem;
  z-index: 0;
}

.input--splitted .dropdown {
  position: absolute;
  right: 0;
  top: 0;
  width: 9rem;
  height: 100%;
  border-left: 1.5px solid var(--sGray);
  z-index: 1;
}

.input--splitted .dropdown_head {
  border: 1px solid transparent;
  border-bottom: none !important;
  border-radius: 0.8rem 0.8rem 0 0;
  height: 100%;
}

.input--splitted .dropdown_inner {
  background: var(--sBlue8);
}

.input--splitted .dropdown.open {
  border-color: transparent;
}

.input--splitted .dropdown.open .dropdown_head {
  background: var(--sBlue8);
  border: 1.5px solid var(--pBlue);
}

.input--splitted:focus-within input {
  box-shadow: var(--shadow3);
}

.input--splitted.filled input {
  border-color: var(--sGray);
}

.input--splitted.error input {
  border-color: var(--eRed);
}

.input--splitted.disabled {
  user-select: none;
  pointer-events: none;
}

.input--splitted.disabled .dropdown,
.input--splitted.disabled input,
.input--splitted.disabled label,
.input--splitted.disabled .input_inner {
  user-select: none;
  pointer-events: none;
}

.input--splitted.disabled input {
  border-color: var(--sGrayLight);
}

.input--splitted.disabled label,
.input--splitted.disabled input,
.input--splitted.disabled .dropdown_head,
.input--splitted.disabled .dropdown_head .icon {
  color: var(--sGray);
}

.input--big-drop {
  display: flex;
  border-radius: 0.8rem;
}

.input--big-drop:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1.5px solid var(--pBlue);
  border-radius: 0.8rem;
  background: var(--bWhite);
}

.input--big-drop .label {
  padding: 1.2rem 1.6rem;
}

.input--big-drop .dropdown {
  right: 0;
  top: 0;
  flex: 1;
  height: 100%;
  z-index: 1;
}

.input--big-drop .dropdown_head {
  border: 1px solid transparent;
  border-bottom: none !important;
  border-radius: 0.8rem 0.8rem 0 0;
  height: 100%;
}

.input--big-drop .dropdown_head .text {
  flex: 1;
}

.input--big-drop .dropdown_inner {
  background: var(--sBlue8);
}

.input--big-drop .dropdown.open {
  position: absolute;
  width: 100%;
  border-color: transparent;
}

.input--big-drop .dropdown.open .dropdown_head {
  background: var(--sBlue8);
  border: 1.5px solid var(--pBlue);
}

.input--big-drop .dropdown.open .dropdown_head .text {
  display: none;
}

.input--big-drop .dropdown.open .dropdown_head .helper {
  display: block;
}

.input--big-drop .dropdown.open .dropdown_body {
  display: block;
}

.input--big-drop:focus-within {
  box-shadow: var(--shadow3);
}

.input--big-drop.filled:before {
  border-color: var(--sGray);
}

.input--big-drop.error:before {
  border-color: var(--eRed);
}

.input--big-drop.disabled {
  user-select: none;
  pointer-events: none;
}

.input--big-drop.disabled .dropdown,
.input--big-drop.disabled input,
.input--big-drop.disabled label,
.input--big-drop.disabled .input_inner {
  user-select: none;
  pointer-events: none;
}

.input--big-drop.disabled input {
  border-color: var(--sGrayLight);
}

.input--big-drop.disabled label,
.input--big-drop.disabled input,
.input--big-drop.disabled .dropdown_head,
.input--big-drop.disabled .dropdown_head .icon {
  color: var(--sGray);
}

.input--code {
  position: relative;
  width: 100%;
  max-width: 32rem;
  padding: 0.8rem;
  display: flex;
  justify-content: space-between;
  height: auto;
}

.input--code input {
  border-radius: 0.8rem;
  border: 1px solid var(--pBlue);
  color: var(--pBlue);
  background: var(--sBlue8);
  font-size: 2.4rem;
  text-align: center;
  padding: 0.4rem;
  width: 4.8rem;
  height: 6.4rem;
  font-weight: 400;
}

.input--code input::-webkit-outer-spin-button,
.input--code input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input--code input:focus,
.input--code input:valid {
  box-shadow: var(--shadow3);
}

.input--code.error input {
  border-color: var(--eRed);
  color: var(--eRed);
  box-shadow: none !important;
}

.input--code.disabled input {
  user-select: none;
  pointer-events: none;
  box-shadow: none !important;
  border-color: var(--sGrayLight);
  color: var(--sGray);
}

.input--file {
  border-radius: 0.8rem;
  border: 1.5px dashed var(--pBlue);
  padding: 1.2rem 1.6rem;
  height: auto;
  width: 100%;
  max-width: 60rem;
  flex-direction: row-reverse;
  align-items: center;
  align-content: center;
}

.input--file_left {
  position: relative;
  min-width: max-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-content: flex-end;
  text-align: left;
}

.input--file_left .def {
  position: relative;
  width: 4rem;
  height: 4rem;
  padding: 0;
}

.input--file_left .def .icon-color {
  --i-size: 4rem;
}

.input--file_left .def input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.input--file_left .delete_confirm {
  display: flex;
  gap: 1.6rem;
}

.input--file_left .cancel,
.input--file_left .delete,
.input--file_left .delete_main,
.input--file_left .delete_confirm,
.input--file_left .again {
  display: none;
}

.input--file_right {
  position: relative;
  flex: 1;
}

.input--file_right p strong {
  font-weight: 900 !important;
}

.input--file_right .text-def {
  letter-spacing: 0.5px;
}

.input--file_right .text-uploading {
  flex-direction: column;
  display: none;
  font-size: 1.4rem;
  line-height: 1.2;
  gap: 0.4rem;
}

.input--file_right .text-uploading .name {
  letter-spacing: 0.1px;
}

.input--file_right .text-uploading .process-line {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 13.9rem;
  height: 0.2rem;
  background: var(--sGrayLight);
}

.input--file_right .text-uploading .process-line:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: var(--proc);
  background: var(--pBlue);
}

.input--file_right .text-uploaded {
  display: none;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
  font-size: 1.4rem;
}

.input--file_right .text-uploaded .name {
  font-weight: 900;
}

.input--file_right .text-uploaded .size {
  color: var(--sGray);
}

.input--file_right .text-uploaded .icon {
  --i-size: 1.9rem;
  color: var(--sGray);
}

.input--file_right .text-delete {
  display: none;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
  font-size: 1.4rem;
}

.input--file_right .text-delete .icon {
  --i-size: 1.9rem;
  color: var(--eRed);
}

.input--file_right .text-error {
  display: none;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
  font-size: 1.4rem;
  color: var(--eRed);
}

.input--file_right .text-error p:not(:last-child) {
  margin-bottom: 0rem;
}

.input--file_right .text-error .icon {
  --i-size: 1.9rem;
  color: var(--eRed);
}

.input--file.uploading {
  border-color: transparent;
}

.input--file.uploading .def {
  display: none;
}

.input--file.uploading .cancel {
  display: inline-flex;
}

.input--file.uploading .text-def {
  display: none;
}

.input--file.uploading .text-uploading {
  display: flex !important;
}

.input--file.uploaded {
  border-color: transparent;
}


.input--file.uploaded .def {
  display: none;
}

.input--file.uploaded .delete {
  display: inline-flex;
}

.input--file.uploaded .delete_main {
  display: inline-flex;
}

.input--file.uploaded .text-def {
  display: none;
}

.input--file.uploaded .text-uploaded {
  display: flex !important;
}

.input--file.delete {
  border-color: transparent;
}

.input--file.delete .def {
  display: none;
}

.input--file.delete .delete {
  display: inline-flex;
}

.input--file.delete .delete_confirm {
  display: flex;
}

.input--file.delete .text-def {
  display: none;
}

.input--file.delete .text-delete {
  display: flex !important;
}

.input--file.error {
  border-color: var(--eRed);
}

.input--file.error .def {
  display: none;
}

.input--file.error .again {
  display: inline-flex;
}

.input--file.error .text-def {
  display: none;
}

.input--file.error .text-error {
  display: flex !important;
}

.input_inner {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  height: 100%;
  width: 100%;
}

.radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  cursor: pointer;
}

.radio input {
  right: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.radio input[disabled]~.radio_content:after {
  color: var(--sGrayLight);
}

.radio_content {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  min-height: 3.2rem;
  padding-right: 4rem;
}

.radio_content:after {
  content: "";
  position: absolute !important;
  top: 0;
  right: 0rem;
  width: 3.2rem;
  height: 3.2rem;
  color: var(--pBlue);
}

.radio-help {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
}

.radio-help:not(:last-child) {
  margin-bottom: 2.4rem;
}

.radio-help .icon {
  --i-size: 2.4rem;
}

.radio-help .icon-coffee {
  color: var(--ePurple);
}

.radio-help .icon-home {
  color: var(--eMagenta);
}

.radio--styled {
  width: 32rem;
}

.radio--styled input:checked~.radio_content {
  box-shadow: var(--shadow2);
  border-color: var(--pBlue);
  background: var(--sBlue8);
}

.radio--styled .radio_content {
  width: 100%;
  border: 1px solid var(--sGray);
  border-radius: 0.8rem;
  padding: 2.4rem 6.4rem 2.4rem 1.6rem;
}

.radio--styled .radio_content:after {
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
}

.radio--styled p:not(:last-child) {
  margin-bottom: 0.2rem;
}

.radio--styled .icon-color {
  --i-size: 4rem;
  margin-left: 1.6rem;
}

.radio--styled .icon-color-place--blue,
.radio--styled .icon-color-place--pink,
.radio--styled .icon-color-place--purple {
  width: calc(var(--i-size) * 0.85);
  min-width: calc(var(--i-size) * 0.85);
}

.radio--styled .text {
  position: relative;
  padding-left: 2rem;
  flex: 1;
}

.radio--styled .tooltip {
  left: 0;
  top: 0.3rem;
}

.radio--styled-no-variants .radio_content {
  padding: 2.4rem 1.6rem;
}

.radio--styled-no-variants .radio_content:after {
  display: none;
}

.checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  cursor: pointer;
}

.checkbox input {
  right: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

.checkbox input[disabled]~.checkbox_content:after {
  color: var(--sGrayLight);
}

.checkbox_content {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  min-height: 3.2rem;
  padding-right: 4rem;
}

.checkbox_content:after {
  content: "";
  position: absolute !important;
  top: 0;
  right: 0rem;
  width: 3.2rem;
  height: 3.2rem;
  color: var(--pBlue);
}

.checkbox-help {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
}

.checkbox-help:not(:last-child) {
  margin-bottom: 2.4rem;
}

.checkbox-help .icon {
  --i-size: 2.4rem;
}

.checkbox-help .icon-coffee {
  color: var(--ePurple);
}

.checkbox-help .icon-home {
  color: var(--eMagenta);
}

.checkbox--styled {
  width: 32rem;
}

.checkbox--styled input:checked~.radio_content {
  box-shadow: var(--shadow2);
  border-color: var(--pBlue);
  background: var(--sBlue8);
}

.checkbox--styled .checkbox_content {
  width: 100%;
  border: 1px solid var(--sGray);
  border-radius: 0.8rem;
  padding: 2.4rem 6.4rem 2.4rem 1.6rem;
}

.checkbox--styled .checkbox_content:after {
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
}

.checkbox--styled p:not(:last-child) {
  margin-bottom: 0.2rem;
}

.checkbox--styled .icon-color {
  --i-size: 4rem;
  margin-left: 1.6rem;
}

.checkbox--styled .icon-color-place--blue,
.checkbox--styled .icon-color-place--pink,
.checkbox--styled .icon-color-place--purple {
  width: calc(var(--i-size) * 0.85);
  min-width: calc(var(--i-size) * 0.85);
}

.checkbox--styled .text {
  position: relative;
  padding-left: 2rem;
  flex: 1;
}

.checkbox--styled .tooltip {
  left: 0;
  top: 0.3rem;
}

.tooltip {
  --size: 1.6rem;
  position: absolute;
  z-index: 2;
}

.tooltip .icon {
  --i-size: 1.6rem;
}

.tooltip-close {
  cursor: pointer;
  display: inline-flex;
}

.tooltip_content {
  position: absolute;
  width: 30.6rem;
  padding: 1.6rem 2.4rem;
  background: var(--sBlue7);
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  border-radius: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 2rem);
  display: none;
  cursor: default;
  z-index: 2;
}

.tooltip_content .text {
  padding-left: 0.2rem !important;
  flex: 1;
}

@media (max-width: 991px) {
  .tooltip_content {
    right: auto;
    left: 0rem;
    transform: none;
    top: calc(100% + 2rem);
  }
}

.tooltip--circle {
  width: 4rem;
  height: 4rem;
  min-width: 4rem;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background: var(--sBlue7);
}

.tooltip--circle .icn {
  font-size: 1.6rem;
}

.tooltip.open:after {
  content: "";
  position: absolute;
  left: -2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 1.6rem 0 1.6rem 1.2rem;
  border-color: transparent transparent transparent var(--sBlue7);
  cursor: default;
}

@media (max-width: 991px) {
  .tooltip.open:after {
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 0.8rem);
    border-width: 0 1.2rem 1.2rem 1.2rem;
    border-color: transparent transparent var(--sBlue7) transparent;
  }
}

.tooltip.open .tooltip_content {
  display: flex;
}

.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(36, 52, 90, 0.6);
  z-index: 999;
  display: none;
  direction: rtl;
}

.popup-open {
  overflow: hidden;
}

.popup.active {
  display: block;
}

.popup-close-btn {
  position: absolute;
  left: 4rem;
  top: 4rem;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  cursor: pointer;
}

.popup-close-btn .icon {
  --i-size: 3.2rem;
}

@media (max-width: 1199px) {
  .popup-close-btn {
    left: 1.6rem;
    top: 2.4rem;
  }
}

.popup_wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
  padding: 12rem var(--gap);
}

@media (max-width: 1199px) {
  .popup_wrapper {
    padding: 0;
    display: flex;
  }
}

.popup_content {
  position: relative;
  min-height: 64rem;
  width: 100%;
  max-width: 120rem;
  background: var(--bWhite);
  border-radius: 2.4rem;
  padding: 8rem 7.2rem;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .popup_content {
    min-height: 100%;
    height: auto;
    padding: 7.2rem 1.6rem;
    border-radius: 0;
  }
}

.popup_text {
  position: relative;
}

.popup_btns {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem 4rem;
}

.popup .w-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
}

.popup .w-icon .icon-color {
  --i-size: 4rem;
}

.popup_group {
  position: relative;
}

.popup_group:not(:last-child) {
  padding-bottom: 4rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--sGray);
}

.popup_add-p {
  position: relative;
  padding: 1.6rem;
  background: var(--sBlue8);
  border-radius: 0.8rem;
  border: 1px solid var(--pBlue);
}

.popup_add-p .items:not(:last-child) {
  margin-bottom: 4rem;
}

.popup_add-p:not(:last-child) {
  margin-bottom: 4rem;
}

.popup_add-p-head h3:not(:last-child) {
  margin-bottom: 0.8rem;
}

.popup_add-p-head:not(:last-child) {
  margin-bottom: 1.6rem;
}

.popup_add-p .form_fields {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 3rem;
}

.popup_add-p .form_fields:not(:last-child) {
  margin-bottom: 4rem;
}

.popup-remove-partner-confirm {
  background: var(--);
}

.popup-remove-partner-confirm .icon-color {
  --i-size: 5.6rem;
  margin-bottom: 1.6rem;
}

.popup-remove-partner-confirm h3 {
  font-weight: 400;
}

.popup-remove-partner-confirm .popup_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
  background: var(--sBlue8);
}

.popup-remove-partner-confirm .popup_text {
  margin-bottom: 4rem;
}

@media (max-width: 991px) {
  .popup-remove-partner-confirm .popup_btns {
    justify-content: center;
  }
}

@media (max-width: 991px) {
  .popup-add-partner .input {
    width: 100%;
  }

  .popup-add-partner .form_field {
    flex: 1 0 auto;
  }

  .popup-add-partner .popup_btns {
    padding: 0 1.6rem;
  }

  .popup-add-partner .popup_btns .btn {
    width: 100%;
  }
}

.popup-user-nonactivity .popup_content {
  width: 470px;
  min-height: unset !important;
  height: fit-content !important;
  padding: 30px;
  border-radius: 20px;
}

.popup-user-nonactivity .titleContainer {
  margin-top: 25px !important;
}

.popup-user-nonactivity .btn {
  width: auto !important;
  min-width: 180px !important;
}

.popup-user-nonactivity .message {
  margin-top: 30px;
  margin-bottom: 30px;
  ;
}

.partner-card {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  background: var(--bWhite);
  border-radius: 0.8rem;
  border: 2px solid var(--bWhite);
  padding: 2rem 2.4rem;
  box-shadow: var(--shadow2);
}

.partner-card:not(:last-child) {
  margin-bottom: 1.6rem;
}

.partner-card_info {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
}

.partner-card_info h3:not(:last-child) {
  margin-bottom: 0 !important;
}

.partner-card_info p strong {
  font-weight: 900 !important;
}

.partner-card_info .icon-color {
  --i-size: 4rem;
}

.partner-card_info .btn-link--just-icon {
  display: none !important;
}

.partner-card .checkbox_content {
  padding-right: 3.2rem;
}

.partner-card_actions {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 2.4rem;
}

.partner-card_actions.hidden {
  display: none !important;
}

@media (max-width: 767px) {
  .partner-card {
    flex-direction: column;
  }

  .partner-card_actions {
    width: 100%;
    flex-direction: column;
  }

  .partner-card_actions .btn {
    width: 100%;
  }

  .partner-card_info {
    gap: 0.8rem;
    width: 100%;
    margin-bottom: 0.8rem;
  }

  .partner-card_info .btn-link--just-icon {
    display: inline-flex !important;
    margin-right: auto;
  }
}

.partner-card.its-me {
  border-color: var(--pBlue);
}

.sc {
  --br: 4rem;
  --bg: var(--bWhite);
  --shadow: var(--shadow1);
  position: relative;
  width: 100%;
  height: calc(100vh - var(--header-height) - var(--content-v-space) * 2);
  direction: rtl;
}

.sc_back {
  position: relative;
  height: 2.4rem;
  margin-bottom: 2.4rem;
}

.sc_inner .sc_side-right strong {
  font-weight: 900 !important;
}

@media (max-width: 1599px) {
  .sc {
    --br: 2.4rem;
    height: calc(100vh - var(--header-height) - var(--content-v-space));
  }
}

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

.sc-container .cloud,
.sc-container .tree {
  position: absolute;
}

@media (max-width: 1849px) {

  .sc-container .cloud,
  .sc-container .tree {
    display: none;
  }
}

.sc-container .cloud-1 {
  width: 12.518rem;
  height: 4.845rem;
  top: 27rem;
  left: -10.3rem;
  z-index: -2;
}

.sc-container .cloud-2 {
  width: 12.518rem;
  height: 4.845rem;
  top: 15rem;
  right: -10.3rem;
  z-index: -1;
}

.sc-container .tree {
  width: 8.6rem;
  height: 21.539rem;
  bottom: 11rem;
  right: -6.7rem;
  z-index: -1;
}

.sc_text {
  position: relative;
}

.sc_text:not(:last-child) {
  margin-bottom: 2.4rem;
}

@media (max-width: 1199px) {
  .sc_text:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}

.sc_msg {
  position: sticky;
  bottom: 4rem;
  z-index: 3;
  margin-top: auto;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 0.8rem;
  padding: 1.6rem 2.4rem;
  background: var(--eRedLight1);
  border-radius: 0.8rem;
}

@media (max-width: 991px) {
  .sc_msg {
    bottom: 0;
    font-size: 1.4rem;
    padding: 0.8rem;
    padding-left: 3.2rem;
  }
}

.sc_msg .icon {
  --i-size: 3.2rem;
  color: var(--eRed);
}

.sc_msg p {
  margin-bottom: 0;
}

.sc_msg-close {
  position: absolute;
  left: 2.4rem;
  top: 1.6rem;
  cursor: pointer;
  display: inline-flex;
}

.sc_msg-close .icon {
  --i-size: 1.6rem;
}

@media (max-width: 991px) {
  .sc_msg-close {
    left: 0.8rem;
    top: 0.8rem;
  }
}

.sc_msg--blue-dark {
  background: var(--pBlueDark);
  color: var(--bWhite);
}

.sc_msg--blue-dark .icon {
  color: inherit;
}

.sc_msg--blue-7 {
  background: var(--sBlue7);
}

.sc_msg--blue-7 .icon {
  color: var(--pBlueDark);
}

.sc_btns {
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
}

@media (max-width: 767px) {
  .sc_btns {
    flex-direction: column;
  }
}

.sc_form {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.sc_form:not(:last-child) {
  margin-bottom: 2.4rem;
}

.sc_inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: var(--br);
  background: var(--bg);
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: row;
}

.sc_side {
  --s-pd: 4rem;
  --s-shadow: none;
  --s-color: var(--pBlueDark);
  --s-rd: 0;
  position: relative;
  border-radius: var(--s-rd);
  background: var(--s-bg);
  color: var(--s-color);
  padding: var(--s-pd);
}

.sc_side-left {
  position: relative;
  left: 0;
  top: 0;
  height: 100%;
  width: var(--left-side-width);
  z-index: 1;
}

.sc_side-left .image-decor {
  --w: 35rem;
  --h: calc(var(--w) * 1.285714286);
  position: absolute;
  width: var(--w);
  height: var(--h);
  left: 2rem;
  bottom: calc(-1 * var(--content-v-space));
}

.sc_side-right .image-decor {
  --w: 35rem;
  --h: calc(var(--w) * 1.285714286);
  position: absolute;
  width: var(--w);
  height: var(--h);
  left: 2rem;
  bottom: calc(-1 * var(--content-v-space));
}

@media (max-width: 1599px) {
  .sc_side-left .image-decor {
    --w: 24rem;
  }
}

.sc_side-right {
  flex: 1;
  padding-left: 0.8rem;
  z-index: 0;
}

.sc_side-inner {
  position: relative;
  height: 100%;
  padding-left: 4rem;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1599px) {
  .sc_side {
    --s-pd: 2.4rem;
  }
}

.sc_steps {
  --size: 5.6rem;
  position: absolute;
  height: var(--size);
  width: 100%;
  max-width: 128rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: calc(-0.5 * var(--size));
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  gap: 4rem;
  z-index: 2;
}

@media (max-width: 1199px) {
  .sc_steps {
    --size: 3.2rem;
    justify-content: center;
  }
}

.sc_steps .step {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  width: 100%;
  max-width: 26rem;
}

@media (max-width: 1199px) {
  .sc_steps .step {
    width: auto;
  }
}

.sc_steps .step_text {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  text-align: center;
  box-shadow: var(--shadow1);
  height: calc(var(--size) - 0.8rem);
  z-index: 0;
  padding: 1.2rem calc(var(--size) - 1rem) 1.2rem 2rem;
  border-radius: 4rem 4rem;
  background: var(--bWhite);
  width: 100%;
  letter-spacing: 0.15px;
}

@media (max-width: 1199px) {
  .sc_steps .step_text {
    display: none;
  }
}

.sc_steps .step_number {
  position: absolute;
  right: 0;
  top: -0.4rem;
  display: inline-flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 0.5rem;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  box-shadow: var(--shadow1);
  background: var(--bWhite);
  border-radius: 100%;
  font-size: 2rem;
  color: var(--sGrayDark);
  z-index: 1;
}

@media (max-width: 1199px) {
  .sc_steps .step_number {
    font-size: 1.6rem;
    position: relative;
    top: 0;
  }
}

.sc_steps .step_number:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2.4rem;
  color: var(--pBlueDark);
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1199px) {
  .sc_steps .step_number:after {
    width: 1.6rem;
    height: 1.6rem;
  }
}

.sc_steps .step.active .step_text {
  background: var(--sBlue4);
  font-weight: 900;
}

.sc_steps .step.active .step_number {
  color: var(--pBlue);
  font-weight: 900;
}

.sc_steps .step.done .step_text {
  background: var(--sBlue6);
  color: var(--pBlueDark);
  font-weight: 400;
}

.sc_steps .step.done .step_number {
  font-size: 0;
}

.sc_steps .step.done .step_number:after {
  opacity: 1;
  visibility: visible;
}

.sc_summary {
  position: relative;
}

.sc_summary:not(:last-child) {
  margin-bottom: 4rem;
}

.sc_summary-table {
  position: relative;
  width: 100%;
  max-width: 50rem;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.7rem;
}

@media (max-width: 767px) {
  .sc_summary-table {
    max-width: 100%;
    font-size: 1.4rem;
  }
}

.sc_summary-row {
  position: relative;
  display: grid;
  grid-template-columns: 20rem 1fr;
  gap: 1.7rem 2rem;
}

@media (max-width: 767px) {
  .sc_summary-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

.sc_summary-col {
  position: relative;
  letter-spacing: 0.15px;
}

.sc_summary-col:first-child {
  letter-spacing: 0.1px;
}

.sc_complete {
  position: relative;
}

.sc_complete h1:not(:last-child) {
  margin-bottom: 4.2rem;
}

@media (max-width: 991px) {
  .sc_complete h1:not(:last-child) {
    margin-bottom: 3.2rem;
  }
}

.sc_complete .item {
  position: relative;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  text-decoration: none;
  border-radius: 0.8rem;
  box-shadow: var(--shadow2);
  background: var(--bWhite);
  padding: 1.6rem 2.4rem;
  gap: 2.4rem;
  color: var(--pBlueDark);
}

@media (max-width: 991px) {
  .sc_complete .item {
    gap: 1.6rem;
  }
}

.sc_complete .item .icon-color {
  --i-size: 4rem;
}

.sc_complete .item .icon {
  --i-size: 2.4rem;
  color: var(--pBlue);
}

.sc_complete .item p {
  letter-spacing: 0.5px;
}

.sc_complete .item p:not(:last-child) {
  margin-bottom: 0.8rem;
}

.sc_complete .item p strong {
  font-weight: 900 !important;
}

.sc_complete .item:not(:last-child) {
  margin-bottom: 3.2rem;
}

.sc_complete-text {
  position: relative;
  max-width: 40.6rem;
  text-align: center;
}

.sc--welcome .sc_side-left {
  --s-pd: 6rem 4rem;
  --s-rd: var(--br);
  --s-color: var(--bBlueDark);
  --s-bg: var(--sBlue6);
  --s-shadow: var(--shadow1);
  overflow: hidden;
}

.sc--welcome .sc_side-left .image {
  --w: 17.2rem;
  --h: calc(var(--w) * 1.593023256);
  position: absolute;
  width: var(--w);
  height: var(--h);
  bottom: calc(-0.1220930233 * var(--w));
  left: 0;
}

@media (max-width: 1599px) {
  .sc--welcome .sc_side-left {
    --s-pd: 2.4rem;
  }
}

@media (max-width: 767px) {
  .sc--welcome .sc_side-left {
    width: 100%;
    font-size: 1.4rem;
  }

  .sc--welcome .sc_side-left .sc_text {
    max-width: calc(100% - 5rem);
  }

  .sc--welcome .sc_side-left .image {
    --w: 7rem;
  }

  .sc--welcome .sc_side-left .btn-link--large {
    --btn-fz: 1.6rem;
  }

  .sc--welcome .sc_side-left:not(:last-child) {
    margin-bottom: 4rem;
  }
}

.sc--welcome .sc_side-right {
  --s-pd: 6rem 6rem 5rem 4.8rem;
}

@media (max-width: 1599px) {
  .sc--welcome .sc_side-right {
    --s-pd: 2.4rem;
  }
}

@media (max-width: 1199px) {
  .sc--welcome .sc_side-right {
    --s-pd: 2.4rem 1.6rem;
    overflow: auto;
  }
}

@media (max-width: 767px) {
  .sc--welcome .sc_side-right {
    padding-left: 1.6rem;
  }
}

@media (max-width: 1199px) {
  .sc--welcome .sc_side-right .sc_side-inner {
    height: auto;
  }
}

@media (max-width: 767px) {
  .sc--welcome .sc_side-right .sc_side-inner {
    padding-left: 0;
  }
}

.sc--welcome .sc_side-right .sc_text p {
  max-width: 80rem;
}

@media (max-width: 1599px) {
  .sc--welcome .sc_side-right .sc_text p {
    max-width: 100%;
  }
}

.sc--welcome .sc_side-right .sc_btns {
  height: 4.8rem;
}

.sc--welcome .sc_tabs {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-height: calc(100% - var(--f-text-height) - 2.4rem - 3.2rem - 4.8rem);
}

.sc--welcome .sc_tabs:not(:last-child) {
  margin-bottom: 3.2rem;
}

@media (max-width: 1199px) {
  .sc--welcome .sc_tabs {
    max-height: inherit;
  }
}

@media (max-width: 767px) {
  .sc--welcome {
    min-height: calc(100vh - var(--header-height) - var(--content-v-space));
    height: auto;
    --h-s-h1: 2rem;
  }
}

.sc--login:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  height: calc(100vh - var(--header-height) - var(--content-v-space) * 2 - 8rem);
  background: var(--bWhite);
  width: calc((100vw - var(--container)) / 2 - 4rem);
  border-radius: 0 4rem 4rem 0;
  box-shadow: var(--shadow1);
  z-index: 2;
}

.sc--login h1:not(:last-child) {
  margin-bottom: 0.8rem;
}

@media (max-width: 1199px) {
  .sc--login h3:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}

@media (max-width: 767px) {
  .sc--login h3.fw-400 {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .sc--login .sc-container {
    width: 100%;
  }
}

.sc--login .sc_text:not(:last-child) {
  margin-bottom: 3.2rem;
}

@media (max-width: 1199px) {
  .sc--login .sc_text:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}

.sc--login .sc_side-left {
  --s-pd: 6rem 4rem;
}

@media (max-width: 1599px) {
  .sc--login .sc_side-left {
    --s-pd: 2.4rem;
  }
}

@media (max-width: 991px) {
  .sc--login .sc_side-left {
    display: none;
  }
}

.sc--login .sc_side-right {
  --s-pd: 0.8rem;
}

@media (max-width: 1199px) {
  .sc--login .sc_side-right {
    --s-pd: 2.4rem;
    padding-left: 2.4rem;
  }
}

@media (max-width: 767px) {
  .sc--login .sc_side-right {
    --s-pd: 2.4rem 1.6rem;
    padding-left: 1.6rem;
    width: 100%;
  }
}

.sc--login .sc_side-right .sc_side-inner {
  padding: 5.2rem;
  padding-left: 0.8rem;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

@media (max-width: 1199px) {
  .sc--login .sc_side-right .sc_side-inner {
    padding: 0;
  }
}

@media (max-width: 991px) {
  .sc--login .sc_side-right .sc_side-inner {
    overflow: visible;
  }
}

.sc--login .sc_side-right .sc_text p {
  max-width: 80rem;
}

.sc--login .form_fields {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 1.6rem 4rem;
}

@media (max-width: 767px) {
  .sc--login .form_fields {
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
  }
}

@media (max-width: 767px) {
  .sc--login .form_field {
    width: 100%;
  }
}

.sc--login .identify-details .form_fields {
  gap: 4rem;
}

.sc--login .requested-fields .form_fields {
  flex-direction: column;
  align-items: flex-start;
  align-content: flex-start;
}

.sc--login p:not(:last-child) {
  margin-bottom: 1.6rem;
}

@media (max-width: 991px) {
  .sc--login {
    min-height: calc(100vh - var(--header-height) - var(--content-v-space));
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .sc--login .sc-container {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .sc--login .sc_inner {
    flex: 1;
  }
}

@media (max-width: 767px) {
  .sc--login .form_field--tooltip-outer .input {
    max-width: calc(100% - 5.6rem);
  }

  .sc--login .input {
    flex: 1;
    width: auto;
  }

  .sc--login .input:last-child:first-child {
    flex: none;
    width: 100%;
  }
}

.sc--steps:before,
.sc--steps:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  height: calc(100vh - var(--header-height) - var(--content-v-space) * 2 - 8rem);
  background: var(--bWhite);
  width: calc((100vw - var(--container)) / 2 - 4rem);
  box-shadow: var(--shadow1);
  z-index: 2;
}

.sc--steps:before {
  border-radius: 0 4rem 4rem 0;
  left: 0;
}

.sc--steps:after {
  right: 0;
  border-radius: 4rem 0 0 4rem;
  width: calc((100vw - var(--container)) / 2 - 10rem);
}

@media (max-width: 1599px) {
  .sc--steps {
    padding-top: 1.6rem;
  }
}

@media (max-width: 1199px) {
  .sc--steps .sc_back.hidden-no-tablet {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    gap: 1.6rem;
    box-shadow: var(--shadow1);
    padding: 2.4rem;
    width: calc(100% + var(--s-pd) * 2);
    right: calc(-1 * var(--s-pd));
    margin-bottom: 0;
    height: 6.4rem;
    border-radius: 2.4rem;
    background: var(--bWhite);
  }

  .sc--steps .sc_back.hidden-no-tablet .space {
    width: 2.4rem;
    height: 2.4rem;
  }
}

@media (max-width: 767px) {
  .sc--steps .sc_back.hidden-no-tablet {
    width: calc(100% + 3.2rem);
    margin-right: -1.6rem;
    position: sticky;
    top: 0;
    z-index: 3;
  }
}

@media (max-width: 1599px) {
  .sc--steps .sc_side {
    padding-top: 6rem;
  }
}

@media (max-width: 1199px) {
  .sc--steps .sc_side {
    display: flex;
    flex-direction: column;
  }

  .sc--steps .sc_side-left {
    display: none;
  }
}

.sc--steps .sc_side-inner {
  padding-left: 0.8rem;
  padding-bottom: 2.4rem;
  overflow: auto;
  justify-content: flex-start;
}

@media (max-width: 1199px) {
  .sc--steps .sc_side-inner {
    flex: 1;
    height: calc(100% - 6.4rem);
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
  }
}

@media (max-width: 991px) {
  .sc--steps .sc_side-inner {
    overflow: visible;
  }
}

.sc--steps .sc_side-right {
  padding-bottom: 0;
}

.sc--steps .sc_side-right:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 3rem;
  width: 100%;
  background: linear-gradient(0deg, #fff, transparent);
  bottom: 0;
  border-bottom-right-radius: 2rem;
}

@media (max-width: 991px) {
  .sc--steps .sc_side-right:after {
    display: none;
  }
}

@media (max-width: 1199px) {
  .sc--steps .sc_side-right {
    padding-top: 0;
    padding-left: 2.4rem;
  }
}

@media (max-width: 767px) {
  .sc--steps .sc_side-right {
    --s-pd: 2.4rem 1.6rem;
    padding-left: 1.6rem;
    width: 100%;
  }
}

.sc--steps .sc_text p:not(:last-child) {
  margin-bottom: 0.8rem;
}

.sc--steps .sc_text p strong {
  font-weight: 900;
}

.sc--steps .sc_msg:last-child {
  bottom: 0rem;
}

@media (max-width: 991px) {
  .sc--steps .sc_msg:last-child {
    bottom: 1.6rem;
  }
}

.sc--steps .form_content {
  max-width: 102.4rem;
}

.sc--steps .form_fields {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.sc--steps .form_fields:not(:last-child) {
  margin-bottom: 4rem;
}

.sc--steps .form .sc_msg:not(:first-child) {
  margin-top: 2.4rem;
}

.sc--steps .form .sc_msg:not(:last-child) {
  margin-bottom: 3.2rem;
}

.sc--steps .form_group h3:not(:last-child) {
  margin-bottom: 2.4rem;
}

.sc--steps .form_group-for .form_fields {
  gap: 2rem 1.6rem;
}

@media (max-width: 991px) {
  .sc--steps .form_group-for .form_fields {
    gap: 2rem 3.2rem;
  }
}

.sc--steps .form_group-for .form_field {
  padding-top: 4.8rem;
  padding-left: 1.6rem;
}

.sc--steps .form_group-for .form_field .radio-help {
  position: absolute;
  right: 0;
  top: 0;
}

.sc--steps .form_group-for .form_field:not(:last-child):before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(calc(-50% + 2.4rem));
  width: 0.2rem;
  height: 4rem;
  background: var(--sGray);
}

@media (max-width: 991px) {
  .sc--steps .form_group-for .form_field {
    padding-top: 0;
    padding-left: 0;
  }

  .sc--steps .form_group-for .form_field .radio-help {
    position: relative;
  }

  .sc--steps .form_group-for .form_field:before {
    display: none !important;
  }

  .sc--steps .form_group-for .form_field .radio_content {
    padding-right: 6.4rem;
  }

  .sc--steps .form_group-for .form_field .radio_content:after {
    right: 1.6rem;
  }
}

@media (max-width: 767px) {
  .sc--steps .form_group-for .form_field {
    padding-left: 0;
  }
}

.sc--steps .form_group-for--no-lines .form_fields {
  gap: 3.2rem 3.2rem;
}

.sc--steps .form_group-for--no-lines .form_field {
  padding-left: 0 !important;
}

.sc--steps .form_group-personal .form_fields {
  gap: 4rem 3.2rem;
}

.sc--steps .form_group-deofp .sc_msg {
  max-width: 100rem;
  margin-top: 4rem;
}

.sc--steps .form_group-details {
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
}

.sc--steps .form_group-details p strong {
  font-weight: 900 !important;
}

.sc--steps .form_group-details .form_fields {
  gap: 3.2rem 3.2rem;
}

.sc--steps .form_group-details .form_fields--column {
  gap: 3.2rem 3.2rem;
  font-size: 1.4rem;
}

.sc--steps .form_group-details .form_fields--checkboxes {
  gap: 1.6rem 3.2rem;
}

@media (max-width: 767px) {
  .sc--steps .form_group-details--rads .form_fields {
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
  }
}

.sc--steps .form_group-upload .form_fields {
  gap: 2.4rem 4rem;
}

@media (max-width: 767px) {
  .sc--steps .form_group-upload .form_fields {
    flex-direction: column;
  }

  .sc--steps .form_group-upload .form_fields>* {
    width: 100%;
  }
}

.sc--steps .form_group-upload .form_field {
  flex: 1;
}

.sc--steps .form_group-upload .input {
  height: 6.4rem;
}

.sc--steps .form_group-upload .dropdown {
  height: 6.4rem;
}

.sc--steps .form_group-upload .dropdown_head {
  height: 100%;
}

@media (max-width: 991px) {
  .sc--steps {
    --h-s-h1: 2.8rem;
    min-height: calc(100vh - var(--header-height) - var(--content-v-space));
    height: auto;
    display: flex;
    flex-direction: column;
  }

  .sc--steps .sc-container {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .sc--steps .sc_inner {
    flex: 1;
  }

  .sc--steps .input,
  .sc--steps .radio--styled {
    width: 100%;
  }

  .sc--steps .form_field {
    flex: 1 0 calc(50% - 2rem);
    max-width: 100%;
  }
}

.sc--steps .code-type-2 .form_fields {
  gap: 2rem;
}

@media (max-width: 991px) {
  .sc--steps .code-type-2 .form_fields {
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
  }
}

.sc--steps .code-type-2 .form_field {
  flex: 1;
}

.sc--steps-complete .sc-container {
  max-height: 80rem;
}

@media (max-width: 991px) {
  .sc--steps-complete .sc-container {
    max-height: inherit;
  }
}

.sc--steps-complete .sc_inner {
  overflow: hidden;
}

@media (max-width: 991px) {
  .sc--steps-complete .sc_inner {
    flex-direction: column;
  }
}

.sc--steps-complete .sc_side {
  width: 50%;
}

@media (max-width: 991px) {
  .sc--steps-complete .sc_side {
    width: 100%;
  }
}

.sc--steps-complete .sc_side-left {
  --s-pd: 6.4rem 10rem;
  --s-rd: var(--br);
  --s-color: var(--bBlueDark);
  --s-bg: var(--sBlue6);
  --s-shadow: var(--shadow1);
  overflow: auto;
}

@media (max-width: 1199px) {
  .sc--steps-complete .sc_side-left {
    display: block;
    --s-pd: 3.2rem 1.6rem;
  }
}

@media (max-width: 991px) {
  .sc--steps-complete .sc_side-left {
    order: 2;
  }
}

.sc--steps-complete .sc_side-right {
  --s-pd: 4rem 1.6rem;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

@media (max-width: 991px) {
  .sc--steps-complete .sc_side-right {
    order: 1;
    padding: 4rem 1.6rem !important;
  }
}

@media (max-width: 768px) {
  .text-item {
    padding: 1px;
    margin-bottom: 5px;
    line-height: 1;
    word-break: break-word;
  }
}

.sc--steps-complete .sc_side-right:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/logo-decor-1.png");
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 0;
  opacity: 0.3;
}

.sc--steps-complete .sc_text .icon-color {
  --i-size: 6.4rem;
}

.sc--steps-complete .sc_text h3,
.sc--steps-complete .sc_text p {
  color: var(--pBlue);
}

.sc--steps-complete .sc_text p {
  letter-spacing: 0.1px;
}

.sc--steps-complete .sc_btns {
  justify-content: center;
}

.test {
  color: var(--pBlue);
}

.fieldset_identify {
  border: none;
  margin: 0;
  padding: 0;
}

.startProccess {
  background-color: #316C9E;
}

.tooltipUploader {
  position: absolute;
  left: 0;
  font-size: small;
}

.tooltipUploaderParent {

  position: relative;

}

.ml20 {
  margin-left: 20px !important;
}

.width300 {
  width: 300px;
}

[role=button] {
  cursor: pointer;
}


.top45 {
  margin-top: 45px;
}

.top35 {
  margin-top: 35px;
}

.heb-text {
  direction: rtl;
}

.fields .input-wrapper select:disabled {
  border: solid 1px #7783a2;
  background-color: #f3f8fd !important;
  color: rgba(36, 52, 90, 0.7);
  font-weight: 400;
}

h2[role="heading"] {
  font-size: inherit;
}

h1[role="heading"] {
  font-size: inherit;
}


.ltr {
  direction: ltr;
}

.messageForSomeOneElse {
  font-size: large;
  margin-top: -20px;
}

.errorMessageFromCore {
  font-size: medium !important;
}

.requestFormFieldSet {
  min-inline-size: auto !important;
}

.appLoaderIdent {
  width: 50% !important;
  height: 50% !important;
  position: absolute !important;
  left: 30% !important;
  top: 60% !important;
}

.appLoader {
  width: 50% !important;
  height: 50% !important;
  position: absolute !important;
  left: 30% !important;
  top: 17% !important;
}

.pageRelative {
  position: relative;
}

.requireIncdientForMe {
  color: #d90000;
}

.dflex {
  display: flex;
}

.fillDetails {
  margin-top: 10px;
  font-size: x-large;
}


.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.no-spinner {
  -moz-appearance: textfield;
}

.no-spinner {
  appearance: none;
  margin: 0;
}

.text-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.text-item {
  flex: 1 1 auto;
  margin-right: auto;
  padding: 5px;
  word-break: break-word;
}

.w100 {
  width: 100%;
}

app-text-form-field,
app-textarea-form-field,
app-select-form-field,
app-autocomplete-form-field,
app-file-form-field {
  display: contents;
}

.mat-mdc-option:focus.mdc-list-item,
.mat-mdc-option.mat-mdc-option-active.mdc-list-item {
  border: 1px solid;
}

.inputWithTooltipLabel {
  display: flex;
  justify-content: space-between;
  position: relative;
  align-items: center;
  font-size: 16px;
  line-height: 1.33;
}

.scrollable-content {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 1rem;
}


.page-wrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.instructions-container {
  background-color: #f3f8ff;
  border: 1px solid #d0e3ff;
  border-radius: 8px;
  padding: 2rem;
  margin-bottom: 2rem;
  color: #1a2e4f;
  font-size: 16px;
  line-height: 1.6;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  max-height: 500px;
  overflow-y: auto;
  margin-top: 20px;
}