@media (min-width: 1200px) {
  .container {
    max-width: 1500px;
  }
}
.modal-content {
  border-radius: 0;
}
:root {
  --font: 'DINNext';
  --font-400: 400;
  --font-500: 500;
  --font-700: 700;
  --color-primary: rgb(44, 42, 07);
  --color-secondary: rgb(42, 73, 140);
  --color-third: rgb(19, 109, 180);
  --color-forth: rgb(89, 82, 157);
  --color-fifth: rgb(82, 46, 123);
  --color-sixth: rgb(116, 52, 138);
  --color-white: #ffffff;
  --color-jacarta: #2c2a6b;
  --color-bay-of-many: #2a498c;
  --color-denim: #136db4;
  --color-butterfly-bush: #59529d;
  --color-eminence: #74348a;
  --color-minsk: #522e7b;
  --color-purple-heart: #4c34cf;
  --color-medium-purple: #7a70e3;
  --color-perfume: #c6bffa;
  --color-salem: #0b9c42;
  --color-grass: #53ab55;
  --color-alto: #dddddd;
  --color-text-main: #3b3b3b;
  --color-text-secondary: #767676;
  --color-success: #67c669;
  --color-error: #da3636;
  --color-warning: #dead55;
  --color-white-lilac: #f6f5fb;
  --color-Solitaire: #fef6e7;
  --color-Tints: #e6e3fb;
  --color-Shades: #fefefe;
  --color-Light-Shades: #eee;
  --color-Light-purbel: #9d93df;
  --color-Light-purbel2: #cfc3f8;
  --color-Ghost: #cac9d8;
  --color-governor-bay: #483bc8;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 128px;
  --gradient-1: linear-gradient(45deg, #2c2a6b 0%, #2a262e 100%);
  --gradient-2: linear-gradient(46.69deg, #0b0a26 0%, #522e7b 100%);
  --gradient-3: linear-gradient(46.69deg, #522e7b 0%, #136db4 100%);
  --gradient-4: linear-gradient(90deg, #f2e7f9 0%, #e0eefd 100%);
  --gradient-5: linear-gradient(90deg, #f6f7e7 0%, #f0e0e0 100%);
  --gradient-6: linear-gradient(90deg, #7e6de6 0%, #ccc7ff 100%);
  --gradient-7: linear-gradient(46.69deg, #136db4 0%, #522e7b 100%);
  --color-vivid-violet: #793699;
  --color-cornflower-blue: #6195ed;
  --color-shark: #050505;
  --color-royal-blue: #2b67ef;
  --color-light-gray: #faf9fe;
  --color-disabled: #f3f7fd;
  --color-border-disabled: #e6effa;
  --color-arapawa: #130b69;
  --color-windsor: #450c78;
  --color-selago: #f3f0fc;
  --color-selago-2: #e6e3fb;
  --color-selago-3: #faf9fe;
  --color-anakiwa: #80d0ff;
  --color-pattens-blue-op70: #d9f1ffb3;
  --color-botticelli: #d3deeb;
  --color-link-water: #e6effa;
}
@font-face {
  font-family: 'DINNext';
  src: url('/dist/fonts/DINNextLTArabic-Regular.eot');
  src: url('/dist/fonts/DINNextLTArabic-Regular.eot?#iefix')
      format('embedded-opentype'),
    url('/dist/fonts/DINNextLTArabic-Regular.woff2') format('woff2'),
    url('/dist/fonts/DINNextLTArabic-Regular.woff') format('woff'),
    url('/dist/fonts/DINNextLTArabic-Regular.ttf') format('truetype'),
    url('/dist/fonts/DINNextLTArabic-Regular.svg#DINNextLTArabic-Regular')
      format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINNext';
  src: url('/dist/fonts/DINNextLTArabic-Medium.eot');
  src: url('/dist/fonts/DINNextLTArabic-Medium.eot?#iefix')
      format('embedded-opentype'),
    url('/dist/fonts/DINNextLTArabic-Medium.woff2') format('woff2'),
    url('/dist/fonts/DINNextLTArabic-Medium.woff') format('woff'),
    url('/dist/fonts/DINNextLTArabic-Medium.ttf') format('truetype'),
    url('/dist/fonts/DINNextLTArabic-Medium.svg#DINNextLTArabic-Medium')
      format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINNext';
  src: url('/dist/fonts/DINNextLTArabic-Bold.eot');
  src: url('/dist/fonts/DINNextLTArabic-Bold.eot?#iefix')
      format('embedded-opentype'),
    url('/dist/fonts/DINNextLTArabic-Bold.woff2') format('woff2'),
    url('/dist/fonts/DINNextLTArabic-Bold.woff') format('woff'),
    url('/dist/fonts/DINNextLTArabic-Bold.ttf') format('truetype'),
    url('/dist/fonts/DINNextLTArabic-Bold.svg#DINNextLTArabic-Bold')
      format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
h1 {
  font-size: 36px;
  font-weight: var(--font-700);
}
h2 {
  font-size: 34px;
  font-weight: var(--font-700);
}
h3 {
  font-size: 30px;
  font-weight: var(--font-700);
}
h4 {
  font-size: 24px;
  font-weight: var(--font-700);
}
h5 {
  font-size: 18px;
  font-weight: var(--font-700);
}
h6 {
  font-size: 16px;
  font-weight: var(--font-700);
}
p {
  font-size: 16px;
}
.text-main {
  color: var(--color-text-main);
}
.text-secondary {
  color: var(--color-text-secondary);
}
.text-sm {
  font-size: 16px;
}
.text-xs {
  font-size: 14px;
}
.text-xxs {
  font-size: 12px;
}
.color-primary {
  color: var(--color-primary);
}
.color-secondary {
  color: var(--color-secondary);
}
.color-third {
  color: var(--color-third);
}
.color-forth {
  color: var(--color-forth);
}
.color-fifth {
  color: var(--color-fifth);
}
.color-sixth {
  color: var(--color-sixth);
}
.color-third {
  color: var(--color-third);
}
.color-jacarta {
  color: var(--color-jacarta);
}
.color-bay-of-many {
  color: var(--color-bay-of-many);
}
.color-denim {
  color: var(--color-denim);
}
.color-butterfly-bush {
  color: var(--color-butterfly-bush);
}
.color-eminence {
  color: var(--color-eminence);
}
.color-minsk {
  color: var(--color-minsk);
}
.color-purple-heart {
  color: var(--color-purple-heart);
}
.color-medium-purple {
  color: var(--color-medium-purple);
}
.color-perfume {
  color: var(--color-perfume);
}
.color-main {
  color: var(--color-text-main);
}
.color-additional-text {
  color: var(--color-text-secondary);
}
.color-success {
  color: var(--color-success);
}
.color-error {
  color: var(--color-error);
}
.color-warning {
  color: var(--color-warning);
}
.color-governor-bay {
  color: var(--color-governor-bay);
}
.color-white-lilac {
  color: var(--color-white-lilac);
}
.color-vivid-violet {
  color: var(--color-vivid-violet);
}
.color-cornflower-blue {
  color: var(--color-cornflower-blue);
}
.color-shark {
  color: var(--color-shark);
}
.color-royal-blue {
  color: var(--color-royal-blue);
}
.color-arapawa {
  color: var(--color-arapawa);
}
.color-windsor {
  color: var(--color-windsor);
}
.color-selago {
  color: var(--color-selago);
}
.color-selago-2 {
  color: var(--color-selago-2);
}
.color-anakiwa {
  color: var(--color-anakiwa);
}
.color-pattens-blue-op70 {
  color: var(--color-pattens-blue-op70);
}
.gradient-1 {
  background: var(--gradient-1);
}
.gradient-2 {
  background: var(--gradient-2);
}
.gradient-3 {
  background: var(--gradient-3);
}
.gradient-4 {
  background: var(--gradient-4);
}
.gradient-5 {
  background: var(--gradient-5);
}
.gradient-6 {
  background: var(--gradient-6);
}
.gradient-7 {
  background: var(--gradient-7);
}
.body-gradient {
  background: linear-gradient(-90deg, #f3f0fc, #e6effa);
}
html[dir='rtl'] .body-gradient {
  background: linear-gradient(-90deg, #e6effa, #f3f0fc);
}
.bg-primary {
  background-color: var(--color-primary) !important;
}
.bg-secondary {
  background-color: var(--color-secondary) !important;
}
.bg-third {
  background-color: var(--color-third) !important;
}
.bg-forth {
  background-color: var(--color-forth) !important;
}
.bg-fifth {
  background-color: var(--color-fifth) !important;
}
.bg-sixth {
  background-color: var(--color-sixth) !important;
}
.bg-jacarta {
  background-color: var(--color-jacarta) !important;
}
.bg-bay-of-many {
  background-color: var(--color-bay-of-many) !important;
}
.bg-denim {
  background-color: var(--color-denim) !important;
}
.bg-butterfly-bush {
  background-color: var(--color-butterfly-bush) !important;
}
.bg-eminence {
  background-color: var(--color-eminence) !important;
}
.bg-minsk {
  background-color: var(--color-minsk) !important;
}
.bg-purple-heart {
  background-color: var(--color-purple-heart) !important;
}
.bg-medium-purple {
  background-color: var(--color-medium-purple) !important;
}
.bg-perfume {
  background-color: var(--color-perfume) !important;
}
.bg-main {
  background-color: var(--color-text-main) !important;
}
.bg-additional-text {
  background-color: var(--color-text-secondary) !important;
}
.bg-success {
  background-color: var(--color-success) !important;
}
.bg-error {
  background-color: var(--color-error) !important;
}
.bg-warning {
  background-color: var(--color-warning) !important;
}
.bg-governor-bay {
  background-color: var(--color-governor-bay) !important;
}
.bg-white-lilac {
  background-color: var(--color-white-lilac) !important;
}
.bg-selago {
  background-color: var(--color-selago) !important;
}
.bg-white {
  background-color: var(--color-white) !important;
}
.bg-vivid-violet {
  background-color: var(--color-vivid-violet) !important;
}
.bg-cornflower-blue {
  background-color: var(--color-cornflower-blue) !important;
}
.bg-shark {
  background-color: var(--color-shark) !important;
}
.bg-royal-blue {
  background-color: var(--color-royal-blue) !important;
}
.bg-light-gray {
  background-color: var(--color-light-gray) !important;
}
.bg-arapawa {
  background-color: var(--color-arapawa) !important;
}
.bg-windsor {
  background-color: var(--color-windsor) !important;
}
.bg-selago {
  background-color: var(--color-selago) !important;
}
.bg-selago-2 {
  background-color: var(--color-selago-2) !important;
}
.bg-anakiwa {
  background-color: var(--color-anakiwa) !important;
}
.bg-pattens-blue-op70 {
  background-color: var(--color-pattens-blue-op70) !important;
}
.notification {
  border: 1px solid;
  font-size: 16px;
  font-weight: var(--font-700);
  color: #3b3b3b;
  letter-spacing: 0.1px;
  padding: 20px;
  text-align: center;
}
.notification.align_start {
  text-align: start;
}
.notification img {
  margin: 0 10px;
}
.notification__success {
  border-color: var(--color-success);
  background: #ecfded;
}
.notification__danger {
  border-color: var(--color-error);
  background: #fff6f6;
}
.notification__warning {
  border-color: var(--color-warning);
  background: #fffaf0;
}
.notification__info {
  border: solid 1px #b7cbf9;
  background-color: #f4f7fe;
}


@font-face {
  font-family: storeFont;
  src: url(./webfonts/DIN\ NEXT™\ ARABIC\ REGULAR.otf);
}

/* *{
  font-family: storeFont !important ;
} */

body {
  /* font-family: var(--font);
  font-weight: var(--font-400); */
  color: var(--color-text-main);
  background-color: #e8e8e8;
}
.rotate-180 {
  transform: rotateY(0deg);
}
.bold {
  font-weight: var(--font-700) !important;
}
.ml-1 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}
.ml-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}
.ml-3 {
  margin-right: 0 !important;
  margin-left: 1rem !important;
}
.ml-4 {
  margin-right: 0 !important;
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-right: 0 !important;
  margin-left: 2rem !important;
}
.mr-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}
.mr-3 {
  margin-left: 0 !important;
  margin-right: 1rem !important;
}
.mr-4 {
  margin-left: 0 !important;
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-left: 0 !important;
  margin-right: 2rem !important;
}
html[dir='ltr'] .button {
  border: none;
  outline: none;
  padding: 13px 22px 16px;
}
html[dir='ltr'] .button-primary {
  color: var(--color-white);
  font-size: 14px;
  text-align: center;
  background-color: var(--color-royal-blue);
  letter-spacing: 1px;
}
html[dir='ltr'] .button-primary:hover,
html[dir='ltr'] .button-primary.hovered {
  background-color: #1356ed;
}
html[dir='ltr'] .button-secondary {
  color: var(--color-arapawa);
  font-size: 14px;
  text-align: center;
  background-color: var(--color-selago);
  letter-spacing: 1px;
}
html[dir='ltr'] .button-secondary:hover {
  background-color: #e2dbf8;
}
html[dir='ltr'] .button-iconed--1 {
  color: #4c34cf;
  border: 1px solid #4c34cf;
  font-size: 16px;
  font-weight: var(--font-700);
  letter-spacing: 0;
  line-height: 21px;
  padding: 10px 22px;
  background-color: rgba(0, 0, 0, 0);
}
html[dir='ltr'] .button-iconed--2 {
  color: #767676;
  font-size: 14px;
  font-weight: var(--font-700);
  letter-spacing: 0;
  line-height: 21px;
  padding: 10px 0px;
  background-color: rgba(0, 0, 0, 0);
}
html[dir='ltr'] .button-iconed--2 .button__icon {
  vertical-align: unset;
}
html[dir='ltr'] .button-iconed--2 .button__title {
  margin: 0 10px;
}
html[dir='ltr'] .button-iconed--2:hover {
  opacity: 0.8;
}
html[dir='ltr'] .button-iconed--3 {
  color: var(--color-royal-blue);
  font-size: 14px;
  font-weight: var(--font-700);
  padding: 10px 0px;
  background-color: rgba(0, 0, 0, 0);
}
html[dir='ltr'] .button-iconed--3 .button__icon {
  vertical-align: unset;
}
html[dir='ltr'] .button-iconed--3 .button__title {
  margin: 0 10px;
}
html[dir='ltr'] .button-iconed--3:hover {
  color: #212529;
}
html[dir='ltr'] .button-sm {
  padding: 13px 15px 13px;
}
html[dir='ltr'] .form__field {
  height: auto;
  color: #3b3b3b;
  line-height: normal;
  padding: 12px 15px;
  font-size: 14px;
  border: 1.5px solid #e1e1e8;
  border-radius: 0;
  background-color: #fff;
  outline: none;
  box-shadow: none;
  letter-spacing: 0;
}
html[dir='ltr'] .form__field:not([disabled]):hover {
  border-color: var(--color-vivid-violet);
}
html[dir='ltr'] .form__field:focus {
  border-color: var(--color-vivid-violet);
}
html[dir='ltr'] .form__field--prefilled {
  background-color: var(--color-Solitaire);
}
html[dir='ltr'] .form__field--invalid {
  border: 1.5px solid var(--color-error);
  box-shadow: 0 0 1px 4.5px #fde9eb;
}
html[dir='ltr'] .form__field-icon img {
  max-height: 24px;
  max-width: 24px;
}
html[dir='ltr'] .form__field-icon--right {
  position: absolute;
  top: 41px;
  right: 8px;
}
html[dir='ltr'] .form__field-icon--right ~ input {
  padding-right: 36px;
}
html[dir='ltr'] .form__field-readonly {
  color: #3b3b3b;
  font-size: 16px;
}
html[dir='ltr'] .form__label {
  font-size: 14px;
  font-weight: var(--font-500);
  margin-bottom: 10px;
  color: var(--color-text-secondary);
  line-height: 17px;
}
html[dir='ltr'] .form__label-readonly {
  color: #3b3b3b;
  font-size: 16px;
}
html[dir='ltr'] .form-floating.form__field {
  padding: 22px 16px 4px;
  font-size: 18px;
  font-weight: var(--font-500);
}
html[dir='ltr'] .form-floating.form__field:not(:placeholder-shown) ~ label,
html[dir='ltr'] .form-floating.form__field:focus ~ label {
  color: var(--color-text-secondary);
  transform: scale(0.85) translateY(-0.2rem) translateX(0rem);
  padding-left: 19px;
  padding-top: 1rem;
}
html[dir='ltr'] .form-floating.form__field:hover ~ label {
  color: var(--color-text-main);
}
html[dir='ltr'] .form-floating.form__field-icon--right {
  top: 15px;
  right: 16px;
}
html[dir='ltr'] .form-floating.form__field-icon--right ~ input {
  padding-right: 50px;
}
html[dir='ltr'] .form-floating.form__label {
  font-size: 18px;
  font-weight: var(--font-500);
  padding: 20px 16px;
}
html[dir='ltr'] .form-floating.textarea.form__field {
  min-height: 100px;
  padding-top: 31px;
}
html[dir='ltr'] .form-floating.textarea.form__field:focus ~ label,
html[dir='ltr']
  .form-floating.textarea.form__field:not(:placeholder-shown)
  ~ label {
  background-color: #fff;
  color: rgba(59, 59, 59, 0.6509803922);
  height: auto;
  opacity: 1;
  top: 4px;
  right: 0;
  padding: 13px 1.05rem 12px;
  margin-left: 2px;
}
html[dir='ltr']
  .form-floating.select.form__field:not(:placeholder-shown)
  ~ label {
  transform: scale(0.85) translateY(-0.2rem) translateX(0rem);
}
html[dir='ltr'] .form-floating .validation--msgs {
  margin-top: 24px;
}
html[dir='ltr'] .form-group {
  position: relative;
  margin-bottom: 32px;
}
html[dir='ltr'] .form__group--title h4 {
  margin-bottom: 24px;
}
html[dir='ltr'] .form__checkbox {
  display: inline-flex;
  align-items: center;
}
html[dir='ltr'] .form__checkbox input[type='checkbox'] {
  position: relative;
  min-width: 24px;
  width: 24px;
  height: 24px;
  border: 3px solid var(--color-selago-2);
  appearance: none;
  outline: 0;
  cursor: pointer;
  background-color: #fff;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
html[dir='ltr'] .form__checkbox input[type='checkbox']::before {
  position: absolute;
  content: '';
  display: block;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 11px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
}
html[dir='ltr'] .form__checkbox input[type='checkbox']:checked {
  color: #fff;
  border-color: var(--color-arapawa);
  background: var(--color-arapawa);
}
html[dir='ltr'] .form__checkbox input[type='checkbox']:checked ~ label {
  font-weight: var(--font-500);
}
html[dir='ltr'] .form__checkbox input[type='checkbox']:checked::before {
  opacity: 1;
}
html[dir='ltr'] .form__checkbox label {
  position: relative;
  cursor: pointer;
  color: var(--color-text-main);
  font-size: 16px;
  line-height: 23px;
  padding-left: 7px;
  user-select: none;
}
html[dir='ltr'] .form-wizard .form__field::placeholder {
  opacity: 0.5;
}
html[dir='ltr'] .form.validation--msgs {
  margin-top: 5px;
  font-weight: var(--font-500);
}
html[dir='ltr'] .form.validation--msgs__success {
  color: var(--color-salem);
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 18px;
  margin-bottom: 12px;
  margin-top: 18px;
}
html[dir='ltr'] .form.validation--msgs__invalid {
  color: var(--color-error);
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 18px;
}
html[dir='ltr'] .form.validation--msgs_item__icon {
  width: 38px;
  display: inline-block;
}
html[dir='ltr'] .form.validation--msgs_item__icon img {
  max-width: 24px;
  max-height: 24px;
}
html[dir='ltr'] .form.validation--msgs span {
  font-size: inherit;
}
html[dir='ltr'] .form__radio {
  font-weight: var(--font-400);
  cursor: pointer;
  position: relative;
  font-size: 16px;
  line-height: 1.1;
  padding-left: 30px;
}
html[dir='ltr'] .form__radio .hint {
  margin-left: 8px;
  position: absolute;
  top: -2px;
}
html[dir='ltr'] .form__radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #fff;
  border-radius: 50%;
  bottom: 0;
  border: solid 3px var(--color-selago-2);
}
html[dir='ltr'] .form__radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
html[dir='ltr'] .form__radio input:after {
  content: '';
  position: absolute;
}
html[dir='ltr'] .form__radio input:checked ~ .form__radio_label {
  font-weight: var(--font-700);
}
html[dir='ltr'] .form__radio input:checked ~ .checkmark {
  border: 1px solid var(--color-royal-blue);
  display: block;
  overflow: hidden;
}
html[dir='ltr'] .form__radio input:checked ~ .checkmark:after {
  display: block;
  content: '';
  position: absolute;
  background-color: var(--color-royal-blue);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
html[dir='ltr'] .form__selectable-box {
  border: 1.5px solid #e1e1e8;
  padding: 16px;
}
html[dir='ltr'] .form__selectable-box .checkmark {
  top: -2px;
}
html[dir='ltr'] .form__selectable-box.checked {
  border-color: var(--color-vivid-violet);
}
html[dir='ltr'] .form__selectable-box .form__radio {
  padding-left: 32px;
}
html[dir='ltr'] .form__selectable-box .form__checkbox label {
  padding-left: 12px;
  font-weight: var(--font-400);
}
html[dir='ltr'] .tag {
  display: inline-block;
}
html[dir='ltr'] .tag__white {
  border-radius: 20px;
  background-color: #fff;
  color: #3b3b3b;
  font-size: 14px;
  font-weight: var(--font-500);
  letter-spacing: 0.15px;
  line-height: 8px;
  padding: 16px;
  display: table;
}
html[dir='ltr'] .tag__white__action {
  font-size: inherit;
  font-weight: var(--font-700);
  line-height: unset;
  color: var(--color-governor-bay);
  padding: 0 0 0 8px;
  vertical-align: bottom;
}
html[dir='ltr'] .tag__white__action:hover,
html[dir='ltr'] .tag__white__action:focus {
  outline: none;
  box-shadow: none;
  color: var(--color-denim);
}
html[dir='ltr'] .tag__green {
  color: #409542;
  font-size: 14px;
  font-weight: var(--font-700);
  border-radius: 15px;
  background-color: rgba(103, 198, 105, 0.1019607843);
  padding: 6px 14px 9px;
}
html[dir='ltr'] .tag__orange {
  color: #ff7c00;
  background-color: rgba(255, 124, 0, 0.1);
}
html[dir='ltr'] .tag span {
  font-size: inherit;
}
html[dir='ltr'] .tag-variant-1 {
  padding: 6px 14px 9px;
  font-size: 14px;
  font-weight: var(--font-700);
  border-radius: 15px;
}
html[dir='ltr'] .tag-variant-2 {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
}
html[dir='ltr'] .card__separator {
  border-bottom: 1.5px solid #e1e1e8;
  margin: 20px 0;
}
html[dir='ltr'] .card__separator--dashed {
  margin: 20px 0;
  border-bottom: 1.5px dashed #bbbbde;
}
html[dir='ltr'] .card__separator-n20 {
  margin-left: -20px;
  margin-right: -20px;
}
html[dir='ltr'] .card-type-1 {
  background-color: var(--color-white);
  padding: 20px;
}
html[dir='ltr'] .card-type-2 {
  background-color: var(--color-white);
  border: 1px solid var(--color-botticelli);
  padding: 20px;
}
html[dir='ltr'] .card-type-3 {
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
html[dir='ltr'] .card-type-3 .card__head {
  padding: 16px 16px 0;
}
html[dir='ltr'] .card-type-3 .card__head__title {
  margin: 0;
}
html[dir='ltr'] .card-type-3 .card__separator {
  margin: 16px 0 0;
}
html[dir='ltr'] .card-type-3 .card__body {
  background-color: var(--color-selago);
  padding: 16px 16px 0;
  height: 100%;
}
html[dir='ltr'] .card-type-4 {
  background-color: var(--color-selago-3);
  border: 1px solid var(--color-botticelli);
  padding: 20px;
}
html[dir='ltr'] .card-type-4 .card__title {
  margin-bottom: 32px;
}
html[dir='ltr'] .card-type-5 {
  background-color: var(--color-white);
  padding: 32px 20px;
}
html[dir='ltr'] .card-type-5 .card__title {
  margin-bottom: 32px;
}
html[dir='ltr'] .card-type-6 {
  border: 1px solid var(--color-botticelli);
  background-color: var(--color-selago);
  padding: 32px 20px;
}
html[dir='ltr'] .card-type-6 * {
  opacity: 0.6;
}
html[dir='ltr'] .card-type-7 {
  padding: 20px;
  background-color: var(--color-pattens-blue-op70);
  border: 1px solid var(--color-anakiwa);
}
html[dir='ltr'] .card__title {
  color: var(--color-vivid-violet);
  font-size: 32px;
}
html[dir='ltr'] .card-fill-blue {
  background-color: #130b69;
  color: #fff;
}
html[dir='ltr'] .card-disabled {
  background-color: var(--color-disabled);
  border: solid 1px var(--color-border-disabled);
  position: relative;
}
html[dir='ltr'] .card-disabled .can-edit {
  position: absolute;
  right: 17px;
  top: 25px;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #4c34cf;
  font-size: 14px;
  font-weight: var(--font-700);
  padding: 0;
  z-index: 99;
}
html[dir='ltr'] header#new-nav {
  margin-bottom: 28px;
}
html[dir='ltr'] header#new-nav.internal {
  background: linear-gradient(-70deg, #130b69 -50%, #450c78 83%);
}
html[dir='ltr'] html[dir='ltr'] header#new-nav.internal {
  background: linear-gradient(45deg, #130b69 -50%, #450c78 83%);
}
html[dir='ltr'] header#new-nav .header--top-nav {
  background-color: #130b69;
  padding: 2px 0px;
}
html[dir='ltr'] header#new-nav .header--bottom-nav {
  margin-top: 4px;
  padding-inline-end: 0;
  padding-inline-start: 0;
  padding-bottom: 16px;
  background: url('/dist/images/backgrounds/group-6.svg') no-repeat 40%;
}
html[dir='ltr'] header#new-nav .header--bottom-nav .nav-menu {
  grid-gap: 30px;
  gap: 50px;
  padding: 0px;
}
@media (max-width: 992px) {
  html[dir='ltr'] header#new-nav .header--bottom-nav .nav-menu {
    padding-top: 25px;
    gap: 19px;
  }
}
html[dir='ltr'] header#new-nav .header--bottom-nav .nav-item .nav-link {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 12px;
  padding: 0;
  white-space: nowrap;
}
@media (max-width: 992px) {
  html[dir='ltr'] header#new-nav .header--bottom-nav {
    margin-top: 0;
  }
}
html[dir='ltr'] header#new-nav .navbar-toggler {
  color: #fff;
  padding: 0px;
}
html[dir='ltr'] header#new-nav .navbar-toggler:focus {
  outline: none;
}
html[dir='ltr'] header#new-nav .navbar-menu {
  flex-direction: row;
}
html[dir='ltr'] header#new-nav .navbar-menu .nav-link {
  color: #fff;
  font-size: 16px;
  font-weight: var(--font-400);
  letter-spacing: 0;
  line-height: 17px;
}
html[dir='ltr'] header#new-nav .navbar-menu .nav-item {
  display: flex;
  align-items: baseline;
}
html[dir='ltr'] header#new-nav .navbar-menu .nav-item:after {
  content: '|';
  color: #979797;
  margin-inline-end: 7px;
  margin-inline-start: 7px;
}
html[dir='ltr'] header#new-nav .navbar-menu .nav-item:nth-last-child(2):after {
  content: unset;
}
html[dir='ltr'] header#new-nav .navbar-menu .nav-item:last-child {
  margin-inline-start: 40px;
}
html[dir='ltr'] header#new-nav .navbar-menu .nav-item:last-child:after {
  content: unset;
}
html[dir='ltr'] header#new-nav .navbar-menu .nav-item:last-child .nav-link {
  font-size: 14px;
  font-weight: var(--font-700);
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 1.17px;
}
html[dir='ltr'] header#new-nav .navbar-nav .user-image {
  height: 48px;
  width: 48px;
  background: #fff;
  border-radius: 100%;
  margin-bottom: 8px;
  text-align: center;
  line-height: 48px;
}
html[dir='ltr'] header#new-nav .navbar-nav .user-menu {
  direction: inherit;
}
html[dir='ltr'] header#new-nav .navbar-nav .user-menu .icon {
  margin-inline-end: 8px;
  font-size: 16px;
}
html[dir='ltr'] header#new-nav .navbar-nav .user-menu .dropdown-toggle {
  color: #fff;
  text-decoration: none;
}
html[dir='ltr'] header#new-nav .navbar-nav .user-menu .dropdown-toggle::after {
  content: none;
}
html[dir='ltr'] header#new-nav .navbar-nav .user-menu .dropdown-menu {
  padding: 0px;
  width: 280px;
  right: 0;
  background: #fff;
  border-radius: 0px;
  border: 0px;
  box-shadow: 0 4px 28px 0 rgba(83, 83, 83, 0.2);
}
html[dir='ltr']
  header#new-nav
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-header {
  padding: 20px 20px 16px;
  background: url('/dist/images/backgrounds/menu_bg.png') no-repeat;
  background-size: cover;
  margin-top: -1px;
}
html[dir='ltr']
  header#new-nav
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-persona {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 16px;
  padding-bottom: 16px;
}
html[dir='ltr']
  header#new-nav
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-persona__name {
  text-align: start;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}
html[dir='ltr']
  header#new-nav
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-persona__name
  a {
  color: #fff;
  text-decoration: none;
}
html[dir='ltr']
  header#new-nav
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-persona__name
  a:hover {
  text-decoration: underline;
}
html[dir='ltr']
  header#new-nav
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-nationality {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  display: block;
  margin-top: 8px;
}
html[dir='ltr'] header#new-nav .navbar-nav .user-menu .dropdown-menu .btn-off {
  display: flex;
  height: 38px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: var(--font-500);
  letter-spacing: 1px;
  padding: 0;
}
html[dir='ltr']
  header#new-nav
  .navbar-nav
  .user-menu
  .dropdown-menu
  .btn-off
  .icon {
  margin-inline-start: 8px;
  font-size: 20px;
}
html[dir='ltr'] header#new-nav .navbar-nav .user-menu .nested-menu li {
  width: 100%;
  text-align: start;
}
html[dir='ltr'] header#new-nav .navbar-nav .user-menu .nested-menu .nav-link {
  color: #4e4e4e;
  font-size: 14px;
  font-weight: var(--font-500);
  letter-spacing: 1px;
  line-height: 12px;
  padding: 0;
}
html[dir='ltr'] header#new-nav .navbar-nav .user-menu .nested-menu .nav-item {
  position: relative;
  padding: 20px;
}
html[dir='ltr']
  header#new-nav
  .navbar-nav
  .user-menu
  .nested-menu
  .nav-item:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 90%;
  background-color: rgba(0, 0, 0, 0.2);
  bottom: 0;
}
html[dir='ltr']
  header#new-nav
  .navbar-nav
  .user-menu
  .nested-menu
  .nav-item:last-child:after {
  content: unset;
}
html[dir='ltr'] header:not(#new-nav) {
  margin-bottom: 28px;
}
html[dir='ltr'] header:not(#new-nav).internal {
  background: linear-gradient(
    214deg,
    var(--color-arapawa),
    var(--color-windsor)
  );
}
html[dir='ltr'] header:not(#new-nav) .header--top-nav {
  background-color: var(--color-arapawa);
  padding: 2px 0px;
}
html[dir='ltr'] header:not(#new-nav) .header--bottom-nav {
  margin-top: 4px;
  padding-inline-end: 0;
  padding-inline-start: 0;
  padding-bottom: 16px;
}
html[dir='ltr'] header:not(#new-nav) .header--bottom-nav .nav-menu {
  grid-gap: 30px;
  gap: 30px;
  padding: 0px;
}
@media (max-width: 992px) {
  html[dir='ltr'] header:not(#new-nav) .header--bottom-nav .nav-menu {
    padding-top: 25px;
    gap: 19px;
  }
}
html[dir='ltr'] header:not(#new-nav) .header--bottom-nav .nav-item .nav-link {
  color: #fff;
  font-size: 14px;
  font-weight: var(--font-500);
  letter-spacing: 1px;
  line-height: 12px;
  padding: 0;
  white-space: nowrap;
}
@media (max-width: 992px) {
  html[dir='ltr'] header:not(#new-nav) .header--bottom-nav {
    margin-top: 0;
  }
}
html[dir='ltr'] header:not(#new-nav) .navbar-toggler {
  color: #fff;
  padding: 0px;
}
html[dir='ltr'] header:not(#new-nav) .navbar-toggler:focus {
  outline: none;
}
html[dir='ltr'] header:not(#new-nav) .navbar-menu {
  flex-direction: row;
}
html[dir='ltr'] header:not(#new-nav) .navbar-menu .nav-link {
  color: #fff;
  font-size: 16px;
  font-weight: var(--font-400);
  letter-spacing: 0;
  line-height: 17px;
}
html[dir='ltr'] header:not(#new-nav) .navbar-menu .nav-item {
  display: flex;
  align-items: baseline;
}
html[dir='ltr'] header:not(#new-nav) .navbar-menu .nav-item:after {
  content: '|';
  color: #979797;
  margin-inline-end: 7px;
  margin-inline-start: 7px;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-menu
  .nav-item:nth-last-child(2):after {
  content: unset;
}
html[dir='ltr'] header:not(#new-nav) .navbar-menu .nav-item:last-child {
  margin-inline-start: 40px;
}
html[dir='ltr'] header:not(#new-nav) .navbar-menu .nav-item:last-child:after {
  content: unset;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-menu
  .nav-item:last-child
  .nav-link {
  font-size: 14px;
  font-weight: var(--font-700);
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 1.17px;
}
html[dir='ltr'] header:not(#new-nav) .navbar-nav .user-image {
  height: 48px;
  width: 48px;
  background: #fff;
  border-radius: 100%;
  margin-bottom: 8px;
  text-align: center;
  line-height: 48px;
}
html[dir='ltr'] header:not(#new-nav) .navbar-nav .user-menu {
  direction: inherit;
}
html[dir='ltr'] header:not(#new-nav) .navbar-nav .user-menu .icon {
  margin-inline-end: 8px;
  font-size: 16px;
}
html[dir='ltr'] header:not(#new-nav) .navbar-nav .user-menu .dropdown-toggle {
  color: #fff;
  text-decoration: none;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .dropdown-toggle::after {
  content: none;
}
html[dir='ltr'] header:not(#new-nav) .navbar-nav .user-menu .dropdown-menu {
  padding: 0px;
  width: 280px;
  right: 0;
  background: #fff;
  border-radius: 0px;
  border: 0px;
  box-shadow: 0 4px 28px 0 rgba(83, 83, 83, 0.2);
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-header {
  padding: 20px 20px 16px;
  background: url('/dist/images/backgrounds/menu_bg.png') no-repeat;
  background-size: cover;
  margin-top: -1px;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-persona {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 16px;
  padding-bottom: 16px;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-persona__name {
  text-align: start;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-persona__name
  a {
  color: #fff;
  text-decoration: none;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-persona__name
  a:hover {
  text-decoration: underline;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .dropdown-menu
  .user-nationality {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
  display: block;
  margin-top: 8px;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .dropdown-menu
  .btn-off {
  display: flex;
  height: 38px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: var(--font-500);
  letter-spacing: 1px;
  padding: 0;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .dropdown-menu
  .btn-off
  .icon {
  margin-inline-start: 8px;
  font-size: 20px;
}
html[dir='ltr'] header:not(#new-nav) .navbar-nav .user-menu .nested-menu li {
  width: 100%;
  text-align: start;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .nested-menu
  .nav-link {
  color: #4e4e4e;
  font-size: 14px;
  font-weight: var(--font-500);
  letter-spacing: 1px;
  line-height: 12px;
  padding: 0;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .nested-menu
  .nav-item {
  position: relative;
  padding: 20px;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .nested-menu
  .nav-item:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 90%;
  background-color: rgba(0, 0, 0, 0.2);
  bottom: 0;
}
html[dir='ltr']
  header:not(#new-nav)
  .navbar-nav
  .user-menu
  .nested-menu
  .nav-item:last-child:after {
  content: unset;
}
html[dir='ltr'] header:not(#new-nav) .locale {
  font-size: 14px;
  font-weight: var(--font-700);
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 1.17px;
  text-align: end;
}
html[dir='ltr'] #new-nav .locale {
  font-size: 14px;
  font-weight: var(--font-400);
  color: #fff;
  letter-spacing: 1.17px;
  padding-left: 15px;
  line-height: 28px;
}
html[dir='ltr'] #new-nav .locale .font-icon {
  opacity: 0.5;
  font-size: 18px;
  vertical-align: middle;
}
html[dir='ltr'] .user-actions-nav {
  align-items: center;
  font-size: 14px;
  transition: all 0.3s linear;
  padding: 0;
}
@media (max-width: 992px) {
  html[dir='ltr'] .user-actions-nav {
    display: block;
  }
}
html[dir='ltr'] #new-nav .user-actions-nav {
  border-inline-end: 1px solid rgba(255, 255, 255, 0.7);
  padding: 0 15px;
}
html[dir='ltr'] .dropdown-divider {
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 991.98px) {
  html[dir='ltr'] .navbar-expand-lg > .container,
  html[dir='ltr'] .navbar-expand-lg > .container-fluid,
  html[dir='ltr'] .navbar-expand-lg > .container-lg,
  html[dir='ltr'] .navbar-expand-lg > .container-md,
  html[dir='ltr'] .navbar-expand-lg > .container-sm,
  html[dir='ltr'] .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
html[dir='ltr'] .footer {
  color: #fff;
  text-align: center;
  width: 100%;
  background-color: var(--color-arapawa);
}
html[dir='ltr'] .footer--logo {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 17px;
  padding-top: 8px;
  padding-bottom: 8px;
}
html[dir='ltr'] .footer--separateLine {
  display: inline-block;
  margin-bottom: -4px;
  height: 18px;
  width: 0px;
  border-left: 1.5px solid #fff;
  margin-inline-start: 13px;
  margin-inline-end: 9px;
}
html[dir='ltr'] .footer--rights {
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 16px;
  background-color: rgba(14, 16, 42, 0.2);
  padding-top: 8px;
  padding-bottom: 8px;
}
html[dir='ltr'] #new-footer.footer {
  color: #fff;
  text-align: center;
  width: 100%;
  background: linear-gradient(-70deg, #130b69 -50%, #450c78 83%);
}
html[dir='ltr'] html[dir='ltr'] #new-footer.footer {
  background: linear-gradient(45deg, #130b69 -50%, #450c78 83%);
}
html[dir='ltr'] #new-footer.footer .footer--top {
  background: url('/dist/images/backgrounds/group-6.svg') no-repeat 63% 34%;
}
html[dir='ltr'] #new-footer.footer .footer--logo {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 17px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 25px;
  color: rgba(255, 255, 255, 0.8);
}
html[dir='ltr'] #new-footer.footer .footer-links-item {
  margin-right: 25px;
}
html[dir='ltr'] #new-footer.footer .footer-link {
  color: #fff !important;
  opacity: 0.8;
  font-size: 14px;
  text-decoration: none !important;
}
@media (max-width: 991px) {
  html[dir='ltr'] #new-footer.footer .footer-links-list,
  html[dir='ltr'] #new-footer.footer .footer--logo {
    justify-content: center !important;
    text-align: center !important;
  }
}
html[dir='ltr'] #new-footer.footer .footer--separateLine {
  display: inline-block;
  margin-bottom: -4px;
  height: 18px;
  width: 0px;
  border-left: 1.5px solid #fff;
  margin-inline-start: 13px;
  margin-inline-end: 9px;
}
html[dir='ltr'] #new-footer.footer .footer--rights {
  font-size: 14px;
  letter-spacing: 0.1px;
  line-height: 16px;
  background-color: #130b69;
  padding-top: 8px;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  html[dir='ltr'] .footer-fix {
    min-height: calc(100vh - 76px);
  }
}
html[dir='ltr'] .bs-stepper-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
html[dir='ltr'] .bs-stepper button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: auto;
}
@media screen and (max-width: 1200px) {
  html[dir='ltr'] .bs-stepper button {
    display: block;
  }
}
html[dir='ltr'] .bs-stepper .step {
  display: flex;
  flex: auto;
}
html[dir='ltr'] .bs-stepper .step .step-trigger {
  color: var(--color-text-secondary);
  background-color: rgba(0, 0, 0, 0);
  border: none;
  text-decoration: none;
  text-align: center;
}
html[dir='ltr'] .bs-stepper .step:after {
  max-width: 100%;
  height: 1px;
  background: var(--color-selago-2);
  flex: auto;
  margin: auto 10px;
  transform: translateY(3px);
}
@media (min-width: 768px) {
  html[dir='ltr'] .bs-stepper .step:after {
    content: '';
  }
}
html[dir='ltr'] .bs-stepper .step span {
  display: inline-block;
  cursor: pointer;
}
html[dir='ltr'] .bs-stepper .step span.bs-stepper-circle {
  min-height: 32px;
  min-width: 32px;
  width: auto;
  height: auto;
  text-align: center;
  line-height: 30px;
  font-weight: var(--font-400);
  cursor: auto;
  background-color: var(--color-selago-2);
  letter-spacing: 0;
  border-radius: 50%;
  margin-right: 10px;
  color: var(--color-arapawa);
  font-size: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1190px) {
  html[dir='ltr'] .bs-stepper .step span.bs-stepper-circle {
    margin-right: 0;
  }
}
html[dir='ltr'] .bs-stepper .step span.bs-stepper-label {
  color: var(--color-text-secondary);
  line-height: 18px;
  font-weight: var(--font-400);
  text-align: left;
  letter-spacing: 0;
  font-size: 14px;
  cursor: auto;
}
@media screen and (max-width: 1200px) {
  html[dir='ltr'] .bs-stepper .step span.bs-stepper-label {
    text-align: center;
    font-size: 12px;
  }
}
html[dir='ltr'] .bs-stepper .step span.bs-stepper-label .bs-stepper-label_info {
  margin-left: 3px;
  color: var(--color-vivid-violet);
  font-size: 15px;
  font-weight: var(--font-700);
}
@media (max-width: 1190px) {
  html[dir='ltr'] .bs-stepper .step span.bs-stepper-label {
    display: block;
    margin-top: 5px;
  }
}
html[dir='ltr'] .bs-stepper .step:last-child:after {
  display: none;
}
html[dir='ltr'] .bs-stepper .step.completed {
  cursor: pointer;
}
html[dir='ltr'] .bs-stepper .step.completed span {
  cursor: pointer;
}
html[dir='ltr'] .bs-stepper .step.completed span.bs-stepper-circle {
  background: var(--color-royal-blue);
  color: var(--color-white);
}
html[dir='ltr'] .bs-stepper .step.completed:after {
  background-color: var(--color-royal-blue);
  height: 3px;
}
html[dir='ltr'] .bs-stepper .step.active {
  cursor: pointer;
}
html[dir='ltr'] .bs-stepper .step.active span {
  cursor: pointer;
}
html[dir='ltr'] .bs-stepper .step.active span.bs-stepper-circle {
  height: 29px;
  width: 29px;
  border: solid 3px var(--color-arapawa);
  background: var(--color-selago-2);
  color: var(--color-arapawa);
}
html[dir='ltr'] .bs-stepper .step.active span.bs-stepper-label {
  color: var(--color-arapawa);
  font-weight: var(--font-700);
}
html[dir='ltr'] .company-owner-type .company-owner__types {
  margin-bottom: 40px;
}
html[dir='ltr'] .company-owner-type .company-owner__types input[type='radio'] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
html[dir='ltr'] .company-owner-type .company-owner__types .selected-item {
  background: #130b69;
  color: #fff;
}
html[dir='ltr']
  .company-owner-type
  .company-owner__types
  .selected-item
  .selected-item-header {
  margin-bottom: 10px;
  position: relative;
}
html[dir='ltr']
  .company-owner-type
  .company-owner__types
  .selected-item
  .selected-item_title {
  margin-bottom: 0px;
  font-size: 16px;
  display: inline-block;
}
html[dir='ltr']
  .company-owner-type
  .company-owner__types
  .selected-item
  .selected-item_nationality {
  font-size: 18px;
  font-weight: var(--font-400);
  margin-bottom: 0;
}
html[dir='ltr']
  .company-owner-type
  .company-owner__types
  .selected-item
  .btn-edit {
  color: #fff;
  position: absolute;
  right: 0;
  font-size: 14px;
}
html[dir='rtl']
  html[dir='ltr']
  .company-owner-type
  .company-owner__types
  .selected-item
  .btn-edit {
  left: 0;
  right: unset;
}
html[dir='ltr']
  .company-owner-type
  .company-owner__types
  .selected-item
  .btn-edit
  span {
  margin: 0 10px;
}
html[dir='ltr']
  .company-owner-type
  .company-owner__types
  .selected-item
  .company-owner__type-title {
  color: inherit;
  font-weight: var(--font-700);
  margin-bottom: 8px;
}
html[dir='ltr'] .company-owner-type .company-owner__types .selected {
  background: #130b69;
}
html[dir='ltr']
  .company-owner-type
  .company-owner__types
  .selected
  .company-owner__type-title {
  color: #fff;
  font-weight: var(--font-700);
}
html[dir='ltr']
  .company-owner-type
  .company-owner__types
  .selected
  svg
  .hover_white,
html[dir='ltr']
  .company-owner-type
  .company-owner__types
  .selected
  img
  .hover_white {
  fill: #fff;
}
html[dir='ltr'] .company-owner-type .company-owner__description {
  color: #3b3b3b;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}
html[dir='ltr'] .company-owner-type .company-owner__type {
  border: 1px solid #e1e1e8;
  text-align: center;
  position: relative;
  padding: 24px 20px;
  height: 100%;
}
html[dir='ltr'] .company-owner-type .company-owner__type-icon {
  height: 102px;
  margin-bottom: 30px;
}
html[dir='ltr'] .company-owner-type .company-owner__type-icon .adjust-center {
  margin-top: 16px;
}
html[dir='ltr'] .company-owner-type .company-owner__type-icon svg,
html[dir='ltr'] .company-owner-type .company-owner__type-icon img {
  max-height: 100%;
}
html[dir='ltr'] .company-owner-type .company-owner__type-title {
  color: #3b3b3b;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 38px;
  margin-bottom: 0;
  font-weight: var(--font-400);
}
html[dir='ltr'] .company-owner-type .delegation-list-title {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: var(--font-700);
}
html[dir='ltr'] .company-owner-type .delegation-list__item {
  border: 1px solid #e1e1e8;
  min-height: 166px;
  margin-bottom: 30px;
  text-align: center;
  padding-top: 32px;
  padding-bottom: 10px;
  cursor: pointer;
}
html[dir='ltr'] .company-owner-type .delegation-list__item-img {
  margin: 0 auto 6px;
  border-radius: 50%;
  overflow: hidden;
  height: 48px;
  width: 48px;
}
html[dir='ltr'] .company-owner-type .delegation-list__item-img img {
  max-width: 100%;
}
html[dir='ltr'] .company-owner-type .delegation-list__item-name {
  margin-bottom: 6px;
  color: #3b3b3b;
  font-size: 14px;
  font-weight: var(--font-700);
  letter-spacing: 0;
  line-height: 21px;
}
html[dir='ltr'] .company-owner-type .delegation-list__item-nationality {
  margin-bottom: 0;
  color: #3b3b3b;
  font-size: 14px;
  font-weight: var(--font-500);
  letter-spacing: 0;
  line-height: 21px;
}
html[dir='ltr'] .request-info {
  background: var(--gradient-4);
  margin-bottom: 20px;
  border-radius: 0;
  padding: 20px;
  position: relative;
  overflow: hidden;
  width: 100%;
}
html[dir='ltr'] .request-info__request-text {
  margin-bottom: 10px;
}
html[dir='ltr'] .request-info__request-text-opacity {
  opacity: 0.6;
}
html[dir='ltr'] .request-info__request-text .mx-2 {
  margin: 0 10px !important;
}
html[dir='ltr'] .request-info__request-badge {
  border-radius: 0;
  background-color: var(--color-white-lilac);
  padding: 7px 8px 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
html[dir='ltr'] .request-info__request-badge__icon {
  color: var(--color-warning);
  margin-inline-start: 8px;
  font-size: 20px;
}
html[dir='ltr'] .request-info.SubmitDraft {
  padding: 25px 20px;
}
html[dir='ltr'] .request-info.SubmitDraft:before,
html[dir='ltr'] .request-info.SubmitDraft:after {
  display: none;
}
html[dir='ltr'] .request-info.draft {
  background: var(--color-white-lilac);
  border-radius: 0;
  border-bottom: 1px solid rgba(151, 151, 151, 0.2);
  margin-bottom: 0;
}
html[dir='ltr'] .request-info.draft.request-info__request-badge {
  color: var(--color-text-main);
  font-size: 14px;
  font-weight: var(--font-700);
  line-height: 28px;
  border-radius: 0;
  background-color: var(--color-white-lilac);
}
html[dir='ltr'] .request-info .submit--request img {
  max-width: 58.73px;
  margin-right: 20px;
}
html[dir='ltr'] .request-info .submit--request h2 {
  color: var(--color-text-main);
  font-size: 32px;
  font-weight: var(--font-700);
  line-height: 42px;
  margin: 0;
}
html[dir='ltr'] .request-info .submit--request * {
  display: inline-block;
  vertical-align: middle;
}
html[dir='ltr'] .modal {
  background: rgba(0, 0, 0, 0.3);
}
html[dir='ltr'] .modal.lg .modal-content {
  min-width: 700px;
}
@media (max-width: 768px) {
  html[dir='ltr'] .modal.lg .modal-content {
    min-width: 1px;
  }
}
html[dir='ltr'] .modal .modal-header {
  padding-bottom: 0;
}
html[dir='ltr'] .modal .modal-header .close {
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: none;
}
html[dir='ltr'] .modal .modal-header .close:focus {
  outline: none;
}
html[dir='ltr'] .modal .modal-title h4 {
  color: var(--color-text-main);
  font-size: 24px;
  font-weight: var(--font-700);
  line-height: 31px;
}
html[dir='ltr'] .table > :not(caption) > * > * {
  box-shadow: none;
  border: none;
}
html[dir='ltr'] .table.hover tbody tr {
  background: #faf9fe;
}
html[dir='ltr'] .table thead {
  border-radius: 8px 8px 0 0;
  background-color: #f0edfc;
}
html[dir='ltr'] .table thead tr {
  border-bottom: 1px solid #e1e1e8;
}
html[dir='ltr'] .table thead tr th {
  border-top: none;
  vertical-align: top;
  color: var(--color-text-main);
  font-size: 14px;
  font-weight: 600;
  border-bottom: none;
  padding: 0.75rem;
}
html[dir='ltr'] .table tbody tr {
  border-bottom: 1px solid #e1e1e8;
}
html[dir='ltr'] .table tbody tr:last-child {
  border-bottom: none;
}
html[dir='ltr'] .table tbody tr td {
  color: var(--color-text-main);
  font-size: 16px;
  padding: 10px 10px;
  vertical-align: middle;
  border-top: none;
}
@media (max-width: 768px) {
  html[dir='ltr'] .table tbody tr td {
    vertical-align: top;
  }
}
@media (max-width: 768px) {
  html[dir='ltr'] .table tbody tr td:last-child {
    display: block;
    width: 200px;
  }
}
html[dir='ltr'] .table tbody tr td span.status {
  display: inline-block;
  font-size: 12px;
  font-weight: var(--font-700);
  border-radius: 20px;
  padding: 10px;
}
@media (max-width: 768px) {
  html[dir='ltr'] .table tbody tr td span.status {
    text-align: center;
  }
}
html[dir='ltr'] .table tbody tr td span.status.done {
  color: #409542;
  background-color: rgba(64, 149, 66, 0.1);
}
html[dir='ltr'] .table tbody tr td span.status.pending {
  color: #737277;
  background-color: #f0eff4;
}
html[dir='ltr'] .table tbody tr td .btn-action {
  color: var(--color-governor-bay);
  font-size: 12px;
  font-weight: var(--font-700);
  padding: 0;
  margin-left: 10px;
}
html[dir='ltr'] .table tbody tr td .btn-action:focus {
  outline: none;
  box-shadow: none;
}
html[dir='ltr'] .table tbody tr td .btn img {
  width: 20px;
  margin-left: 5px;
}
html[dir='ltr'] .table-pagination table {
  box-shadow: none !important;
}
html[dir='ltr'] .table-pagination .mu-pagination {
  padding: 15px;
  box-shadow: none;
  text-align: right;
}
html[dir='ltr'] .table-pagination .mu-pagination i {
  transform: rotate(180deg);
}
html[dir='ltr'] .table-hover tbody tr:hover {
  background-color: #ddd6ff;
}
html[dir='ltr'] .table-hover .table-primary:hover > td {
  background-color: #ddd6ff;
}
html[dir='ltr'] .table-hover .table-primary:hover > th {
  background-color: #ddd6ff;
}
html[dir='ltr'] .table-primary,
html[dir='ltr'] .table-primary > td,
html[dir='ltr'] .table-primary > th {
  background-color: #ece9fb;
}
html[dir='ltr'] .mu-pagination .btn {
  min-height: 34px;
  min-width: 34px;
  border-radius: 0;
  color: var(--color-text-main);
  font-size: 14px;
  text-align: center;
  border: none;
  display: inline-block;
  margin: 0 10px;
}
html[dir='ltr'] .mu-pagination .btn.active {
  font-weight: var(--font-700);
  background-color: #ecebf9;
}
html[dir='ltr'] .mu-pagination .btn:first-child,
html[dir='ltr'] .mu-pagination .btn:last-child {
  margin: 0;
}
html[dir='ltr'] .loading-image {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  text-align: center;
  background: rgba(255, 255, 255, 0.4);
  z-index: 999999;
}
html[dir='ltr'] .loading-image svg {
  max-width: 500px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
}
html[dir='ltr'] .loading-image svg svg {
  width: auto;
}
html[dir='ltr'] .loading-image svg svg path {
  stroke-width: 1;
  stroke-dasharray: 100px;
  stroke-dashoffset: 100px;
  animation-name: drawLogo;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
}
@keyframes drawLogo {
  to {
    stroke-dashoffset: 0;
  }
}