@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Tajawal:400,700&subset=arabic");
@font-face {
  font-family: 'FuturaArabic-Demi';
  font-display: auto;
  src: url("https://soft-halal.s3.amazonaws.com/static/fonts/388F0E_0_0.eot?e160bc9ea653");
  src: url("https://soft-halal.s3.amazonaws.com/static/fonts/388F0E_0_0.eot%3F%23iefix") format("embedded-opentype"), url("https://soft-halal.s3.amazonaws.com/static/fonts/388F0E_0_0.woff2?e160bc9ea653") format("woff2"), url("https://soft-halal.s3.amazonaws.com/static/fonts/388F0E_0_0.woff?e160bc9ea653") format("woff"), url("https://soft-halal.s3.amazonaws.com/static/fonts/388F0E_0_0.ttf?e160bc9ea653") format("truetype"); }

@font-face {
  font-family: 'FuturaArabic-Regular';
  font-display: auto;
  src: url("https://soft-halal.s3.amazonaws.com/static/fonts/388F0E_1_0.eot?e160bc9ea653");
  src: url("https://soft-halal.s3.amazonaws.com/static/fonts/388F0E_1_0.eot%3F%23iefix") format("embedded-opentype"), url("https://soft-halal.s3.amazonaws.com/static/fonts/388F0E_1_0.woff2?e160bc9ea653") format("woff2"), url("https://soft-halal.s3.amazonaws.com/static/fonts/388F0E_1_0.woff?e160bc9ea653") format("woff"), url("https://soft-halal.s3.amazonaws.com/static/fonts/388F0E_1_0.ttf?e160bc9ea653") format("truetype"); }

@font-face {
  font-family: 'Tajawal-Regular';
  font-display: auto;
  src: url("https://soft-halal.s3.amazonaws.com/static/fonts/Tajawal-Regular.eot?e160bc9ea653") format("embedded-opentype");
  src: url("https://soft-halal.s3.amazonaws.com/static/fonts/Tajawal-Regular.woff?e160bc9ea653") format("woff"), url("https://soft-halal.s3.amazonaws.com/static/Tajawal-Regular.ttf") format("truetype"), url("https://soft-halal.s3.amazonaws.com/static/Tajawal-Regular.svg%23Tajawal-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Tajawal-Bold';
  font-display: auto;
  src: url("https://soft-halal.s3.amazonaws.com/static/fonts/Tajawal-Bold.eot?e160bc9ea653") format("embedded-opentype");
  src: url("https://soft-halal.s3.amazonaws.com/static/fonts/Tajawal-Bold.woff?e160bc9ea653") format("woff"), url("https://soft-halal.s3.amazonaws.com/static/Tajawal-Bold.ttf") format("truetype"), url("https://soft-halal.s3.amazonaws.com/static/Tajawal-Bold.svg%23Tajawal-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Slider */
/* line 3, halel/static/scss/slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

/* line 18, halel/static/scss/slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  /* line 25, halel/static/scss/slick.scss */
  .slick-list:focus {
    outline: none; }
  /* line 29, halel/static/scss/slick.scss */
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

/* line 35, halel/static/scss/slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* line 44, halel/static/scss/slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  /* line 52, halel/static/scss/slick.scss */
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  /* line 58, halel/static/scss/slick.scss */
  .slick-track:after {
    clear: both; }
  /* line 62, halel/static/scss/slick.scss */
  .slick-loading .slick-track {
    visibility: hidden; }

/* line 67, halel/static/scss/slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  /* line 72, halel/static/scss/slick.scss */
  [dir="rtl"] .slick-slide {
    float: right; }
  /* line 76, halel/static/scss/slick.scss */
  .slick-slide img {
    display: block; }
  /* line 80, halel/static/scss/slick.scss */
  .slick-slide.slick-loading img {
    display: none; }
  /* line 86, halel/static/scss/slick.scss */
  .slick-slide.dragging img {
    pointer-events: none; }
  /* line 90, halel/static/scss/slick.scss */
  .slick-initialized .slick-slide {
    display: block; }
  /* line 94, halel/static/scss/slick.scss */
  .slick-loading .slick-slide {
    visibility: hidden; }
  /* line 98, halel/static/scss/slick.scss */
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* line 105, halel/static/scss/slick.scss */
.slick-arrow.slick-hidden {
  display: none; }

/**
* Reset styles
*/
/* line 5, halel/static/scss/reset.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }
  /* line 10, halel/static/scss/reset.scss */
  *:after, *:before {
    box-sizing: border-box; }

/* line 16, halel/static/scss/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 21, halel/static/scss/reset.scss */
img {
  border: 0;
  display: block; }

/**
* Colors
*/
/* line 4, halel/static/scss/common.scss */
* {
  box-sizing: border-box; }
  /* line 7, halel/static/scss/common.scss */
  *::before, *::after {
    box-sizing: border-box; }

/* line 13, halel/static/scss/common.scss */
body {
  min-height: 100vh;
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  color: #3d3d3d;
  font-family: "FuturaArabic-Regular", sans-serif;
  overflow-x: hidden; }
  /* line 21, halel/static/scss/common.scss */
  body.no-scroll {
    overflow-y: hidden;
    height: 100vh; }
  /* line 26, halel/static/scss/common.scss */
  body.rtl-class {
    font-family: "Tajawal-Regular", sans-serif !important; }

/* line 31, halel/static/scss/common.scss */
button {
  outline: none;
  cursor: pointer; }

/* line 36, halel/static/scss/common.scss */
input,
textarea,
select {
  font-family: "FuturaArabic-Regular", sans-serif;
  outline: none !important;
  border: none; }
  /* line 43, halel/static/scss/common.scss */
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  select:-ms-input-placeholder {
    font-size: 16px;
    color: #bcbcbc; }
  /* line 48, halel/static/scss/common.scss */
  input::placeholder,
  textarea::placeholder,
  select::placeholder {
    font-size: 16px;
    color: #bcbcbc; }
  /* line 53, halel/static/scss/common.scss */
  input.rtl-class,
  textarea.rtl-class,
  select.rtl-class {
    font-family: "Tajawal-Regular", sans-serif; }

/* line 58, halel/static/scss/common.scss */
select::-ms-expand {
  display: none; }

/* line 62, halel/static/scss/common.scss */
input {
  transition: all 0.3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

/* line 69, halel/static/scss/common.scss */
a {
  text-decoration: none; }

/* line 73, halel/static/scss/common.scss */
.container {
  width: 100%;
  height: 100%;
  background: url("https://soft-halal.s3.amazonaws.com/static/img/pattern_bg_home_new.jpg?e160bc9ea653"); }

/* line 80, halel/static/scss/common.scss */
.error-page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  /* line 87, halel/static/scss/common.scss */
  .error-page__title {
    font-size: 250px;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 700;
    color: #caaf00;
    line-height: 200px;
    margin-bottom: 44px; }
    /* line 95, halel/static/scss/common.scss */
    .error-page__title.rtl-class {
      direction: rtl;
      font-family: "Tajawal-Bold", sans-serif; }
  /* line 101, halel/static/scss/common.scss */
  .error-page__subtitle {
    font-size: 30px;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400; }
    /* line 106, halel/static/scss/common.scss */
    .error-page__subtitle.rtl-class {
      direction: rtl;
      font-family: "Tajawal-Bold", sans-serif; }

/* line 113, halel/static/scss/common.scss */
.section__container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px; }
  @media (max-width: 560px) {
    /* line 113, halel/static/scss/common.scss */
    .section__container {
      padding: 0 10px; } }

/* line 124, halel/static/scss/common.scss */
.img-cover {
  max-width: 100%;
  height: auto;
  display: block;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover; }
  @supports (object-fit: cover) {
    /* line 124, halel/static/scss/common.scss */
    .img-cover {
      width: 100%;
      height: 100%;
      object-fit: cover; } }

/* line 141, halel/static/scss/common.scss */
.img-contain {
  max-width: 100%;
  height: auto;
  display: block;
  font-family: 'object-fit: contain;';
  width: 100%;
  height: 100%;
  object-fit: contain;
  -o-object-fit: contain; }
  @supports (object-fit: contain) {
    /* line 141, halel/static/scss/common.scss */
    .img-contain {
      width: 100%;
      height: 100%;
      object-fit: contain; } }

/* line 158, halel/static/scss/common.scss */
.img-background {
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

/* line 163, halel/static/scss/common.scss */
.button-gold, .input__btn-submit {
  min-width: 110px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #caaf00;
  border: 2px solid #caaf00;
  padding: 0 22px;
  font-family: "FuturaArabic-Regular", sans-serif;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: 0.23px;
  font-weight: 400;
  transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease; }
  @media (max-width: 767px) {
    /* line 163, halel/static/scss/common.scss */
    .button-gold, .input__btn-submit {
      padding: 0 20px; } }
  /* line 183, halel/static/scss/common.scss */
  .button-gold:hover, .input__btn-submit:hover {
    background-color: #ffffff;
    color: #caaf00; }
  /* line 188, halel/static/scss/common.scss */
  .button-gold--middle {
    width: 100%;
    max-width: 267px;
    min-height: 48px;
    font-size: 20px; }
  /* line 195, halel/static/scss/common.scss */
  .button-gold--large {
    width: 100%;
    max-width: 364px;
    min-height: 56px;
    font-size: 24px; }
  /* line 202, halel/static/scss/common.scss */
  .button-gold--chenin {
    background-color: #E0D37B;
    border: 2px solid #E0D37B; }
  /* line 207, halel/static/scss/common.scss */
  .button-gold--height {
    height: auto;
    text-align: center;
    display: block; }
  /* line 213, halel/static/scss/common.scss */
  .button-gold.rtl-class, .rtl-class.input__btn-submit {
    direction: rtl;
    letter-spacing: -0.08em;
    font-family: "Tajawal-Regular", sans-serif;
    padding-top: 3px; }

/* line 221, halel/static/scss/common.scss */
.button {
  min-width: 110px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  padding: 0 22px;
  border: none;
  font-family: "FuturaArabic-Regular", sans-serif;
  font-size: 18px;
  color: #caaf00;
  letter-spacing: 0.23px;
  font-weight: 400;
  transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
  cursor: pointer; }
  /* line 238, halel/static/scss/common.scss */
  .button a {
    color: #caaf00; }
  /* line 242, halel/static/scss/common.scss */
  .button--middle {
    width: 100%;
    max-width: 170px;
    height: 48px; }
  /* line 248, halel/static/scss/common.scss */
  .button--border {
    border: 2px solid #caaf00; }
    /* line 251, halel/static/scss/common.scss */
    .button--border:hover {
      background-color: #caaf00;
      color: #ffffff; }
  /* line 257, halel/static/scss/common.scss */
  .button--black {
    color: #3d3d3d; }
  /* line 261, halel/static/scss/common.scss */
  .button--border-small {
    border: 1px solid #caaf00; }
  /* line 265, halel/static/scss/common.scss */
  .button--gold {
    color: #caaf00 !important; }
  /* line 269, halel/static/scss/common.scss */
  .button--white {
    color: #ffffff !important; }
  /* line 273, halel/static/scss/common.scss */
  .button.rtl-class {
    direction: rtl;
    letter-spacing: -0.08em;
    font-family: "Tajawal-Regular", sans-serif;
    padding-top: 3px; }

/* line 282, halel/static/scss/common.scss */
.input__wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 25px; }
  /* line 287, halel/static/scss/common.scss */
  .input__wrapper--padding-top {
    padding-top: 18px; }
    /* line 290, halel/static/scss/common.scss */
    .input__wrapper--padding-top .input__required-mark {
      right: 0; }
  /* line 295, halel/static/scss/common.scss */
  .input__wrapper .select2-selection__choice {
    margin-top: 8px !important; }

/* line 300, halel/static/scss/common.scss */
.input__required-mark {
  position: absolute;
  top: 0;
  font-family: "FuturaArabic-Regular", sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #bcbcbc; }
  /* line 308, halel/static/scss/common.scss */
  .input__required-mark--disabled {
    opacity: 0;
    pointer-events: none; }

/* line 314, halel/static/scss/common.scss */
.input__wrapper-inner {
  position: relative; }

/* line 318, halel/static/scss/common.scss */
.input__label {
  display: block;
  font-family: "FuturaArabic-Demi", sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #828282;
  margin-bottom: 5px; }
  /* line 326, halel/static/scss/common.scss */
  .input__label.rtl-class {
    font-family: "Tajawal-Bold", sans-serif;
    direction: rtl; }

/* line 332, halel/static/scss/common.scss */
.input__field {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-size: 16px;
  color: #3d3d3d;
  border: 1px solid #e4e4e4;
  background: #ffffff;
  transition: border-color 0.2s ease; }
  /* line 343, halel/static/scss/common.scss */
  .input__field:hover {
    border-color: #caaf00; }
  /* line 347, halel/static/scss/common.scss */
  .input__field--grey {
    font-size: 14px;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7; }
    /* line 352, halel/static/scss/common.scss */
    .input__field--grey:hover {
      border-color: #f7f7f7; }
  /* line 357, halel/static/scss/common.scss */
  .input__field--pass {
    padding-right: 30px; }
  /* line 361, halel/static/scss/common.scss */
  .input__field--search {
    padding-left: 40px;
    height: 48px; }
  /* line 366, halel/static/scss/common.scss */
  .input__field--autocomplete {
    padding-right: 145px;
    height: 46px; }
  /* line 371, halel/static/scss/common.scss */
  .input__field.rtl-class {
    direction: rtl;
    padding-top: 6px; }

/* line 377, halel/static/scss/common.scss */
.input__autocomplete-btn {
  position: absolute;
  top: 3px;
  right: 3px;
  cursor: pointer; }

/* line 384, halel/static/scss/common.scss */
.input__pass-icon {
  position: absolute;
  top: 13px;
  right: 12px;
  cursor: pointer;
  display: flex;
  align-items: center; }
  /* line 392, halel/static/scss/common.scss */
  .input__pass-icon svg {
    width: 18px;
    height: 14px; }
  /* line 399, halel/static/scss/common.scss */
  .input__pass-icon--gold svg path {
    fill: #caaf00; }

/* line 406, halel/static/scss/common.scss */
.input__search-icon {
  position: absolute;
  top: 16px;
  left: 12px;
  cursor: pointer; }
  /* line 412, halel/static/scss/common.scss */
  .input__search-icon.rtl-class {
    left: initial;
    right: 12px; }

/* line 417, halel/static/scss/common.scss */
.input__search-reset-icon {
  position: absolute;
  top: 17px;
  right: 12px;
  cursor: pointer; }

/* line 424, halel/static/scss/common.scss */
.input__forgot-pass {
  color: #caaf00;
  font-size: 14px;
  line-height: 1;
  text-align: right;
  font-family: "FuturaArabic-Demi", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 8px;
  cursor: pointer; }

/* line 436, halel/static/scss/common.scss */
.input__btn-submit {
  font-family: "FuturaArabic-Regular", sans-serif;
  cursor: pointer; }
  /* line 440, halel/static/scss/common.scss */
  .input__btn-submit__small {
    font-size: 14px;
    padding: 2px;
    height: auto;
    margin: 5px; }

/* line 448, halel/static/scss/common.scss */
.input__error-list {
  color: #ca6300;
  font-family: "FuturaArabic-Demi", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px; }
  /* line 455, halel/static/scss/common.scss */
  .input__error-list ul {
    list-style: none; }
    /* line 458, halel/static/scss/common.scss */
    .input__error-list ul li {
      margin-top: 3px; }
  /* line 463, halel/static/scss/common.scss */
  .input__error-list--common {
    display: flex;
    justify-content: center;
    margin-bottom: 24px; }
  /* line 469, halel/static/scss/common.scss */
  .input__error-list--common-bottom {
    display: flex;
    justify-content: center; }
    /* line 473, halel/static/scss/common.scss */
    .input__error-list--common-bottom .errorlist {
      margin-top: -22px; }

/* line 481, halel/static/scss/common.scss */
.simple-select__wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 25px; }
  /* line 487, halel/static/scss/common.scss */
  .simple-select__wrapper--padding-top .input__required-mark {
    right: 0;
    line-height: 18px; }

/* line 494, halel/static/scss/common.scss */
.simple-select__label {
  display: block;
  font-size: 18px;
  line-height: 18px;
  color: #c9c9c9; }

/* line 501, halel/static/scss/common.scss */
.simple-select__border {
  border: 1px solid #e4e4e4;
  height: 40px;
  transition: border-color 0.2s ease; }
  /* line 506, halel/static/scss/common.scss */
  .simple-select__border--gold {
    background-color: #caaf00;
    border: 1px solid #caaf00; }
  /* line 511, halel/static/scss/common.scss */
  .simple-select__border:hover {
    border-color: #caaf00; }
  /* line 515, halel/static/scss/common.scss */
  .simple-select__border .select2-selection {
    height: 38px !important;
    border: none !important; }
    /* line 519, halel/static/scss/common.scss */
    .simple-select__border .select2-selection .select2-selection__rendered {
      height: 38px !important;
      line-height: 38px !important; }

/* line 526, halel/static/scss/common.scss */
.simple-select__select {
  width: 100%;
  height: 38px;
  padding: 4px 16px;
  border: none;
  font-size: 16px;
  background-color: #ffffff;
  color: #3d3d3d;
  appearance: none !important;
  font-weight: 400; }
  /* line 537, halel/static/scss/common.scss */
  .simple-select__select[disabled] {
    background-color: rgba(61, 61, 61, 0.05); }
  /* line 541, halel/static/scss/common.scss */
  .simple-select__select:hover {
    border: none; }
  /* line 545, halel/static/scss/common.scss */
  .simple-select__select--gold {
    background-color: #caaf00;
    font-size: 18px;
    color: #ffffff; }

/* line 552, halel/static/scss/common.scss */
.simple-select__error-list {
  padding-left: 15px; }
  /* line 556, halel/static/scss/common.scss */
  .simple-select__error-list ul li {
    margin-top: 3px;
    color: #ca6300;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px; }

/* line 569, halel/static/scss/common.scss */
.country_checkbox__wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-right: 24px;
  width: calc((100% - 24px) / 2);
  height: 44px;
  border: 1px solid #e4e4e4;
  margin: 0 24px 24px 0;
  cursor: pointer; }
  @media (max-width: 767px) {
    /* line 569, halel/static/scss/common.scss */
    .country_checkbox__wrapper {
      width: 100%; } }
  /* line 584, halel/static/scss/common.scss */
  .country_checkbox__wrapper:nth-child(2n) {
    margin: 0 0 24px 0; }
  /* line 588, halel/static/scss/common.scss */
  .country_checkbox__wrapper--active {
    border: 1px solid #caaf00; }

/* line 593, halel/static/scss/common.scss */
.country_checkbox__description {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  cursor: pointer; }

/* line 606, halel/static/scss/common.scss */
.country_checkbox__checkbox {
  margin: 0 16px; }

/* line 610, halel/static/scss/common.scss */
.country_checkbox__img {
  width: 35px;
  height: 24px;
  margin-right: 12px; }

/* line 617, halel/static/scss/common.scss */
.checkbox,
.radio {
  width: 100%;
  height: 100%; }
  /* line 622, halel/static/scss/common.scss */
  .checkbox__label,
  .radio__label {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    text-align: left;
    cursor: pointer; }
    /* line 632, halel/static/scss/common.scss */
    .checkbox__label--no-pl,
    .radio__label--no-pl {
      padding-left: 0; }
      /* line 635, halel/static/scss/common.scss */
      .checkbox__label--no-pl.rtl-class,
      .radio__label--no-pl.rtl-class {
        justify-content: flex-end;
        padding-left: 10px;
        padding-right: 0; }
  /* line 643, halel/static/scss/common.scss */
  .checkbox__button,
  .radio__button {
    flex-shrink: 0;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #e4e4e4;
    margin-right: 15px;
    vertical-align: middle;
    transition: .2s ease; }
    /* line 655, halel/static/scss/common.scss */
    .checkbox__button::after,
    .radio__button::after {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
      content: '';
      display: block;
      width: 8px;
      height: 12px;
      border: 3px solid #ffffff;
      opacity: 0;
      transition: 0.2s all linear;
      border-radius: 3px;
      border-top: none;
      border-left: none;
      background-color: transparent; }
  /* line 674, halel/static/scss/common.scss */
  .checkbox__title,
  .radio__title {
    line-height: 1;
    margin-top: 2px; }
    @media (-ms-high-contrast: none) {
      /* line 674, halel/static/scss/common.scss */
      .checkbox__title,
      .radio__title {
        margin-top: -5px; } }
  /* line 683, halel/static/scss/common.scss */
  .checkbox input,
  .radio input {
    display: none; }
    /* line 686, halel/static/scss/common.scss */
    .checkbox input:checked + .checkbox__button,
    .radio input:checked + .checkbox__button {
      border-color: #caaf00;
      background: #caaf00; }
      /* line 690, halel/static/scss/common.scss */
      .checkbox input:checked + .checkbox__button::after,
      .radio input:checked + .checkbox__button::after {
        opacity: 1; }

/* line 698, halel/static/scss/common.scss */
.radio__button {
  width: 16px;
  height: 16px;
  border-radius: 50%; }
  /* line 703, halel/static/scss/common.scss */
  .radio__button::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #caaf00;
    border: none; }

/* line 717, halel/static/scss/common.scss */
.radio input {
  display: none; }
  /* line 720, halel/static/scss/common.scss */
  .radio input:checked + .radio__button {
    border-color: #caaf00; }
    /* line 723, halel/static/scss/common.scss */
    .radio input:checked + .radio__button::after {
      opacity: 1; }

/* line 730, halel/static/scss/common.scss */
.label {
  display: flex;
  align-items: center;
  text-align: left;
  cursor: pointer; }

/* line 738, halel/static/scss/common.scss */
.radio-btn__outer-wrapper {
  position: relative; }
  /* line 741, halel/static/scss/common.scss */
  .radio-btn__outer-wrapper--padding-top {
    padding-top: 18px; }
    /* line 744, halel/static/scss/common.scss */
    .radio-btn__outer-wrapper--padding-top .input__required-mark {
      right: 0; }

/* line 750, halel/static/scss/common.scss */
.radio-btn__wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  border: 1px solid #e4e4e4;
  margin: 0 24px 24px 0;
  transition: border-color 0.2s ease; }
  /* line 760, halel/static/scss/common.scss */
  .radio-btn__wrapper:nth-child(2n) {
    margin: 0 0 24px 0; }
  /* line 764, halel/static/scss/common.scss */
  .radio-btn__wrapper:hover, .radio-btn__wrapper--active {
    border: 1px solid #caaf00; }

/* line 770, halel/static/scss/common.scss */
.radio-btn__update-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 44px;
  border: 1px solid #e4e4e4;
  margin: 0 24px 24px 0; }
  /* line 779, halel/static/scss/common.scss */
  .radio-btn__update-wrapper--active {
    border: 1px solid #caaf00; }

/* line 784, halel/static/scss/common.scss */
.radio-btn__description {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  cursor: pointer; }

/* line 797, halel/static/scss/common.scss */
.radio-btn__radio {
  margin: 0 16px; }

/* line 801, halel/static/scss/common.scss */
.radio-btn__img {
  width: 35px;
  height: 24px;
  margin-right: 12px; }

/* line 809, halel/static/scss/common.scss */
.textarea__wrapper {
  position: relative;
  height: 95px;
  width: 100%;
  margin-bottom: 25px; }
  /* line 815, halel/static/scss/common.scss */
  .textarea__wrapper--112 {
    height: 122px; }
  /* line 819, halel/static/scss/common.scss */
  .textarea__wrapper--padding-top {
    padding-top: 18px; }
    /* line 822, halel/static/scss/common.scss */
    .textarea__wrapper--padding-top .input__required-mark {
      right: 0; }

/* line 828, halel/static/scss/common.scss */
.textarea__field {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 9px 12px;
  font-size: 16px;
  color: #3d3d3d;
  resize: none;
  border: 1px solid #e4e4e4;
  background: #ffffff;
  transition: border-color 0.2s ease; }
  /* line 840, halel/static/scss/common.scss */
  .textarea__field:hover {
    border-color: #caaf00; }
  /* line 844, halel/static/scss/common.scss */
  .textarea__field:disabled {
    background-color: rgba(228, 228, 228, 0.3); }
    /* line 847, halel/static/scss/common.scss */
    .textarea__field:disabled:hover {
      border-color: #e4e4e4; }
  /* line 852, halel/static/scss/common.scss */
  .textarea__field--error {
    border-color: #ca6300; }
    /* line 855, halel/static/scss/common.scss */
    .textarea__field--error:hover {
      border-color: #ca6300; }
  /* line 860, halel/static/scss/common.scss */
  .textarea__field.rtl-class {
    direction: rtl; }

/* line 866, halel/static/scss/common.scss */
label.input__label--error {
  display: flex;
  text-align: center;
  color: #ca6300;
  font-size: 16px;
  line-height: 19px;
  margin-left: 8px; }

/* line 875, halel/static/scss/common.scss */
.input-file {
  display: flex;
  align-items: flex-start;
  min-height: 40px;
  border: 1px solid #e4e4e4;
  transition: border-color 0.2s ease; }
  /* line 882, halel/static/scss/common.scss */
  .input-file:hover {
    border-color: #caaf00; }
  /* line 886, halel/static/scss/common.scss */
  .input-file__txt {
    flex-grow: 1; }
  /* line 890, halel/static/scss/common.scss */
  .input-file__name {
    display: inline-flex;
    align-items: center;
    height: 34px;
    background-color: #e4e4e4;
    padding: 5px 15px;
    margin: 2px; }
  /* line 899, halel/static/scss/common.scss */
  .input-file__btn {
    position: relative;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    text-align: center;
    color: #ffffff;
    background: #caaf00;
    margin-top: 2px;
    margin-right: 2px;
    padding: 0 20px;
    cursor: pointer;
    overflow: hidden; }
  /* line 916, halel/static/scss/common.scss */
  .input-file__btn-txt {
    width: 100%;
    cursor: pointer; }
  /* line 921, halel/static/scss/common.scss */
  .input-file__field {
    position: absolute;
    top: 0;
    right: 0;
    width: 400%;
    height: 400%;
    opacity: 0;
    cursor: pointer;
    z-index: 3; }

/* line 933, halel/static/scss/common.scss */
.table {
  background: #ffffff; }
  @media (max-width: 1199px) {
    /* line 933, halel/static/scss/common.scss */
    .table {
      display: none !important; } }
  /* line 940, halel/static/scss/common.scss */
  .table__header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 0 12px;
    border-bottom: 1px solid #e4e4e4; }
    /* line 948, halel/static/scss/common.scss */
    .table__header.rtl-class {
      flex-direction: row-reverse; }
  /* line 953, halel/static/scss/common.scss */
  .table__header-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400;
    color: #bcbcbc;
    height: 42px;
    padding-right: 5px; }
    /* line 965, halel/static/scss/common.scss */
    .table__header-item:last-child {
      justify-content: flex-end;
      padding-right: 0; }
    /* line 970, halel/static/scss/common.scss */
    .table__header-item.rtl-class {
      direction: rtl;
      padding-right: 0;
      padding-left: 5px;
      font-family: "Tajawal-Bold", sans-serif; }
      /* line 976, halel/static/scss/common.scss */
      .table__header-item.rtl-class:last-child {
        padding-left: 0; }
  /* line 982, halel/static/scss/common.scss */
  .table__body {
    width: 100%;
    height: 480px; }
    /* line 986, halel/static/scss/common.scss */
    .table__body > form {
      height: 100%; }
  /* line 991, halel/static/scss/common.scss */
  .table__none {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    height: 100%;
    padding: 24px; }
    /* line 1000, halel/static/scss/common.scss */
    .table__none--icon {
      margin-bottom: 20px; }
    /* line 1004, halel/static/scss/common.scss */
    .table__none--text {
      font-weight: 400;
      font-size: 24px;
      color: #3d3d3d; }
  /* line 1011, halel/static/scss/common.scss */
  .table__items {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    min-height: 48px;
    padding: 0 12px; }
    /* line 1020, halel/static/scss/common.scss */
    .table__items:nth-child(10) {
      border-bottom: 0 !important; }
    /* line 1024, halel/static/scss/common.scss */
    .table__items.rtl-class {
      flex-direction: row-reverse; }
  /* line 1029, halel/static/scss/common.scss */
  .table__item {
    font-family: "FuturaArabic-Regular", sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    color: #3d3d3d;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.04em;
    padding-right: 5px; }
    /* line 1042, halel/static/scss/common.scss */
    .table__item.rtl-class {
      padding-right: 0;
      padding-left: 5px;
      direction: rtl; }
    /* line 1048, halel/static/scss/common.scss */
    .table__item--buttons {
      padding-right: 0;
      display: flex;
      justify-content: flex-end;
      padding-right: 0; }
      /* line 1054, halel/static/scss/common.scss */
      .table__item--buttons > * {
        margin-right: 12px;
        width: 21px; }
        /* line 1058, halel/static/scss/common.scss */
        .table__item--buttons > *:last-child {
          margin: 0 !important; }
      /* line 1063, halel/static/scss/common.scss */
      .table__item--buttons.rtl-class {
        padding-left: 0; }
        /* line 1066, halel/static/scss/common.scss */
        .table__item--buttons.rtl-class > * {
          margin-right: 0;
          margin-left: 12px;
          width: 21px; }
          /* line 1071, halel/static/scss/common.scss */
          .table__item--buttons.rtl-class > *:last-child {
            margin: 0 !important; }
    /* line 1078, halel/static/scss/common.scss */
    .table__item--last {
      padding-right: 0;
      justify-content: flex-end; }
      /* line 1082, halel/static/scss/common.scss */
      .table__item--last a {
        display: flex;
        justify-content: flex-end; }
    /* line 1088, halel/static/scss/common.scss */
    .table__item--links-vip-status {
      display: flex; }
      /* line 1091, halel/static/scss/common.scss */
      .table__item--links-vip-status a {
        margin: 0 6px;
        font-size: 14px;
        font-family: "FuturaArabic-Demi", sans-serif;
        font-weight: 400;
        color: #bcbcbc; }
        /* line 1098, halel/static/scss/common.scss */
        .table__item--links-vip-status a.rtl-class {
          font-family: "Tajawal-Bold", sans-serif; }
    /* line 1104, halel/static/scss/common.scss */
    .table__item--vertical-scroll {
      max-height: 80px;
      padding-top: 4px;
      padding-bottom: 4px;
      overflow-y: auto; }
      /* line 1110, halel/static/scss/common.scss */
      .table__item--vertical-scroll a {
        display: inline-block;
        color: #3d3d3d;
        letter-spacing: normal;
        margin: 3px 0; }
    /* line 1118, halel/static/scss/common.scss */
    .table__item--dropdown {
      overflow: visible;
      align-items: center; }
  /* line 1124, halel/static/scss/common.scss */
  .table__cell-link {
    display: flex;
    align-items: center;
    transition: color 0.2s ease; }
    /* line 1129, halel/static/scss/common.scss */
    .table__cell-link:hover {
      color: #026d34; }
    /* line 1133, halel/static/scss/common.scss */
    .table__cell-link img {
      margin-right: 6px; }
  /* line 1138, halel/static/scss/common.scss */
  .table__cell-checkbox {
    display: flex;
    align-items: center; }
    /* line 1142, halel/static/scss/common.scss */
    .table__cell-checkbox .checkbox {
      width: auto; }
    @media (max-width: 1600px) {
      /* line 1147, halel/static/scss/common.scss */
      .table__cell-checkbox .checkbox__label {
        padding: 0; } }
    @media (max-width: 1280px) {
      /* line 1153, halel/static/scss/common.scss */
      .table__cell-checkbox .checkbox__button {
        margin-right: 5px; } }
  /* line 1159, halel/static/scss/common.scss */
  .table__tooltip {
    position: fixed;
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 5px 10px;
    z-index: 2; }
  /* line 1168, halel/static/scss/common.scss */
  .table--inverse {
    background: none; }
    /* line 1171, halel/static/scss/common.scss */
    .table--inverse .table__header {
      background-color: #f5f7fa; }
    /* line 1175, halel/static/scss/common.scss */
    .table--inverse .table__header {
      padding: 0;
      border-bottom: 0; }
    /* line 1180, halel/static/scss/common.scss */
    .table--inverse .table__header-item {
      font-size: 16px;
      color: #3d3d3d;
      height: 47px;
      padding: 0 10px; }
      @media (max-width: 767px) {
        /* line 1180, halel/static/scss/common.scss */
        .table--inverse .table__header-item {
          font-size: 14px; } }
      /* line 1190, halel/static/scss/common.scss */
      .table--inverse .table__header-item:last-child {
        justify-content: flex-start; }
    /* line 1195, halel/static/scss/common.scss */
    .table--inverse .table__body {
      background-color: transparent;
      height: auto; }
    /* line 1200, halel/static/scss/common.scss */
    .table--inverse .table__item {
      padding: 0 10px;
      letter-spacing: 0; }
    /* line 1205, halel/static/scss/common.scss */
    .table--inverse .table__items {
      min-height: 68px;
      padding: 0;
      border-bottom: 0;
      background-color: transparent;
      transition: background-color 0.2s ease; }
      /* line 1212, halel/static/scss/common.scss */
      .table--inverse .table__items:hover {
        background-color: rgba(0, 0, 0, 0.02); }
      /* line 1216, halel/static/scss/common.scss */
      .table--inverse .table__items + .table__items {
        border-top: 1px solid #e4e4e4; }

/* line 1223, halel/static/scss/common.scss */
.table-m {
  display: none;
  position: relative;
  background: #ffffff;
  padding: 20px 15px;
  margin-bottom: 30px; }
  @media (max-width: 1199px) {
    /* line 1223, halel/static/scss/common.scss */
    .table-m {
      display: block; } }
  /* line 1234, halel/static/scss/common.scss */
  .table-m__title {
    font-size: 25px;
    margin-right: 50px; }
  /* line 1239, halel/static/scss/common.scss */
  .table-m__item {
    font-size: 18px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px; }
    /* line 1244, halel/static/scss/common.scss */
    .table-m__item--no-border {
      border: none; }
    /* line 1248, halel/static/scss/common.scss */
    .table-m__item--flex {
      display: flex;
      justify-content: space-between; }
  /* line 1254, halel/static/scss/common.scss */
  .table-m__edit {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
  /* line 1267, halel/static/scss/common.scss */
  .table-m__circle {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #3d3d3d;
    margin-top: 3px; }
  /* line 1275, halel/static/scss/common.scss */
  .table-m__action {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
    height: 145px;
    flex-direction: column;
    align-items: center;
    padding: 10px 5px;
    background: #ffffff;
    box-shadow: -4px 4px 4px 0px #e4e4e4; }
    /* line 1288, halel/static/scss/common.scss */
    .table-m__action.open {
      display: flex; }
    /* line 1292, halel/static/scss/common.scss */
    .table-m__action a {
      margin: 8px 0; }
  /* line 1297, halel/static/scss/common.scss */
  .table-m__action-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  /* line 1305, halel/static/scss/common.scss */
  .table-m__name {
    font-size: 16px;
    color: #8c8c8c; }

/* line 1311, halel/static/scss/common.scss */
.pagination {
  display: flex;
  justify-content: center;
  min-height: 54px;
  height: auto !important;
  padding: 12px 12px !important; }
  /* line 1318, halel/static/scss/common.scss */
  .pagination__wrapper {
    position: relative;
    display: flex;
    border: 1px solid #DDDDDD;
    align-items: center;
    min-height: 30px;
    background: #ffffff;
    padding: 0 28px;
    max-width: 100%;
    flex-wrap: wrap; }
  /* line 1330, halel/static/scss/common.scss */
  .pagination__btn-step {
    position: absolute;
    height: 100%;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ffffff;
    color: #DDDDDD;
    cursor: pointer; }
    /* line 1346, halel/static/scss/common.scss */
    .pagination__btn-step--left {
      border-right: 1px solid #DDDDDD;
      left: 0; }
    /* line 1351, halel/static/scss/common.scss */
    .pagination__btn-step--right {
      border-left: 1px solid #DDDDDD;
      right: 0; }
    /* line 1356, halel/static/scss/common.scss */
    .pagination__btn-step--disabled {
      cursor: text; }
  /* line 1361, halel/static/scss/common.scss */
  .pagination__item {
    flex-shrink: 0;
    width: 28px;
    height: 100%;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: #DDDDDD;
    background-color: transparent;
    border: 0;
    border-radius: 0; }
    /* line 1377, halel/static/scss/common.scss */
    .pagination__item a {
      color: #DDDDDD; }
    /* line 1381, halel/static/scss/common.scss */
    .pagination__item--active {
      background: #f4f4f4;
      color: #3d3d3d; }

/* line 1389, halel/static/scss/common.scss */
.cb-product__header-title,
.supplier-product__header-title {
  margin-bottom: 16px;
  font-family: "FuturaArabic-Demi", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 49px;
  color: #3d3d3d; }

/* line 1399, halel/static/scss/common.scss */
.bold {
  font-weight: bold; }

/* line 1405, halel/static/scss/common.scss */
.text-align--center {
  text-align: center; }

/* line 1409, halel/static/scss/common.scss */
.text-align--justify {
  text-align: justify; }

/* line 1413, halel/static/scss/common.scss */
.text-align--right {
  text-align: right; }

/* line 1418, halel/static/scss/common.scss */
.text-green {
  color: #026d34; }

/* line 1422, halel/static/scss/common.scss */
.text-red {
  color: #ca6300; }

/* line 1426, halel/static/scss/common.scss */
.country-hidden {
  display: none; }

/* line 1430, halel/static/scss/common.scss */
.autocomplete-items {
  position: absolute;
  z-index: 999;
  background: #ffffff;
  width: 100%;
  border: 1px solid #e4e4e4;
  max-height: 300px;
  overflow: overlay; }

/* line 1440, halel/static/scss/common.scss */
.autocomplete-items div {
  cursor: pointer;
  padding: 5px 15px; }

/* line 1445, halel/static/scss/common.scss */
.autocomplete-items div:hover {
  background: #f4f4f4; }

/* line 1449, halel/static/scss/common.scss */
.select2-container {
  width: 100% !important; }

/* line 1453, halel/static/scss/common.scss */
.select2-selection {
  border: 1px solid #e4e4e4 !important;
  border-radius: 0 !important;
  outline: none;
  transition: border-color 0.2s ease; }
  /* line 1459, halel/static/scss/common.scss */
  .select2-selection:hover {
    border-color: #caaf00 !important; }

/* line 1465, halel/static/scss/common.scss */
.select2-dropdown--gold {
  font-size: 18px; }
  /* line 1469, halel/static/scss/common.scss */
  .select2-dropdown--gold .select2-results__option[aria-selected=true] {
    background-color: transparent !important;
    color: #3d3d3d !important; }
  /* line 1474, halel/static/scss/common.scss */
  .select2-dropdown--gold .select2-results__option--highlighted[aria-selected] {
    background-color: #caaf00 !important;
    color: #ffffff !important; }

/* line 1482, halel/static/scss/common.scss */
.select2-dropdown--border-light.select2-dropdown {
  border-color: #e4e4e4;
  border-radius: 0;
  box-shadow: 0 4px 10px 0 rgba(15, 15, 16, 0.13); }

/* line 1489, halel/static/scss/common.scss */
.select2-dropdown--sm {
  font-size: 16px; }
  /* line 1492, halel/static/scss/common.scss */
  .select2-dropdown--sm .select2-results__options {
    max-height: 224px !important; }
  /* line 1496, halel/static/scss/common.scss */
  .select2-dropdown--sm .select2-results__option {
    padding: 15px 20px; }
    @media (max-width: 479px) {
      /* line 1496, halel/static/scss/common.scss */
      .select2-dropdown--sm .select2-results__option {
        padding: 11px; } }

/* line 1506, halel/static/scss/common.scss */
.django-select2 {
  height: 40px !important; }

/* line 1510, halel/static/scss/common.scss */
.phone-input {
  display: flex; }
  /* line 1513, halel/static/scss/common.scss */
  .phone-input .select2-container {
    width: 100px !important; }
  /* line 1516, halel/static/scss/common.scss */
  .phone-input .select2-selection.select2-selection--single {
    height: 40px;
    line-height: 38px;
    border-right: none !important; }
    /* line 1522, halel/static/scss/common.scss */
    .phone-input .select2-selection.select2-selection--single:hover::after {
      content: "";
      position: absolute;
      width: 1px;
      height: 100%;
      top: 0;
      right: -1px;
      z-index: 1;
      background-color: #caaf00;
      transition: background-color 0.2s ease; }
    /* line 1535, halel/static/scss/common.scss */
    .phone-input .select2-selection.select2-selection--single .select2-selection__rendered {
      line-height: 38px; }
    /* line 1538, halel/static/scss/common.scss */
    .phone-input .select2-selection.select2-selection--single .select2-selection__arrow {
      height: 40px; }
  /* line 1543, halel/static/scss/common.scss */
  .phone-input .office-input .simple-select__border {
    border-right: none; }
  /* line 1547, halel/static/scss/common.scss */
  .phone-input .office-input .simple-select__select {
    height: 38px;
    line-height: 38px;
    padding: 0 5px 0 5px;
    min-width: 70px;
    color: #999;
    border: none; }

/* line 1558, halel/static/scss/common.scss */
.country-select2 {
  width: 100%; }
  /* line 1560, halel/static/scss/common.scss */
  .country-select2 .select2-selection.select2-selection--single {
    height: 40px !important;
    line-height: 40px; }
    /* line 1563, halel/static/scss/common.scss */
    .country-select2 .select2-selection.select2-selection--single .select2-selection__rendered {
      line-height: 40px !important; }
    /* line 1566, halel/static/scss/common.scss */
    .country-select2 .select2-selection.select2-selection--single .select2-selection__arrow {
      height: 40px !important; }

/* line 1572, halel/static/scss/common.scss */
.hidden {
  display: none; }

@keyframes blind {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* line 1590, halel/static/scss/common.scss */
.loader {
  position: fixed;
  z-index: 999999;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  transition: transform 0.8s ease; }
  /* line 1602, halel/static/scss/common.scss */
  .loader--animation {
    transform: translateY(-100%); }

/* line 1608, halel/static/scss/common.scss */
.loader-logo__wrapper--animation {
  animation: blind 1s ease-in-out infinite; }

/* line 1613, halel/static/scss/common.scss */
.supplier-add-cb .autocomplete .select2-selection--single {
  margin-right: 125px;
  height: 40px;
  margin-top: 3px;
  padding-top: 5px; }

/* line 1620, halel/static/scss/common.scss */
.worldwide__multiple {
  max-height: 150px;
  overflow-y: scroll; }
  /* line 1623, halel/static/scss/common.scss */
  .worldwide__multiple .input__wrapper {
    pointer-events: none; }

/* line 1628, halel/static/scss/common.scss */
#id_hs_code + .select2-container .select2-selection--single,
#id_description + .select2-container .select2-selection--single {
  height: 40px;
  padding-top: 5px; }
  /* line 1633, halel/static/scss/common.scss */
  #id_hs_code + .select2-container .select2-selection--single .select2-selection__arrow,
  #id_description + .select2-container .select2-selection--single .select2-selection__arrow {
    top: 5px; }

/* line 1638, halel/static/scss/common.scss */
#deleteCountriesId {
  padding: 5px; }

/* line 1642, halel/static/scss/common.scss */
.file_selected {
  padding: 3px;
  background: #f7f7f7; }

/* line 1647, halel/static/scss/common.scss */
.input-error span, .input-error input, .input-error select, .input-error .input-file, .input-error textarea {
  background: #fff0f0 !important; }

/* line 1652, halel/static/scss/common.scss */
.dropdown {
  position: relative; }
  /* line 1655, halel/static/scss/common.scss */
  .dropdown__btn {
    position: relative;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    top: -1px;
    border: 0;
    outline: 0; }
  /* line 1669, halel/static/scss/common.scss */
  .dropdown__circle {
    display: block;
    width: 4px;
    height: 4px;
    background-color: #aeaeae;
    border-radius: 50%; }
    /* line 1676, halel/static/scss/common.scss */
    .dropdown__circle + .dropdown__circle {
      margin-top: 2px; }
  /* line 1681, halel/static/scss/common.scss */
  .dropdown__menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    background-color: #ffffff;
    background-clip: padding-box;
    box-shadow: 0 4px 10px 0 rgba(15, 15, 16, 0.13);
    text-align: left;
    min-width: 124px;
    padding: 0 12px;
    margin: 4px 0 0; }
  /* line 1696, halel/static/scss/common.scss */
  .dropdown__item,
  .dropdown button {
    display: block;
    width: 100%;
    background-color: transparent;
    font-family: inherit;
    font-size: 14px;
    line-height: 24px;
    color: #3d3d3d;
    text-align: left;
    letter-spacing: 0;
    white-space: nowrap;
    clear: both;
    border: 0;
    outline: 0;
    margin: 0 !important; }
  /* line 1715, halel/static/scss/common.scss */
  .dropdown__item {
    padding: 10px 4px; }
    /* line 1718, halel/static/scss/common.scss */
    .dropdown__item + .dropdown__item {
      border-top: 1px solid #e4e4e4; }

/**
* Colors
*/
/* line 4, halel/static/home/scss/header.scss */
.header {
  position: relative;
  width: 100%;
  background: url("https://soft-halal.s3.amazonaws.com/static/home/img/header_bk.png?e160bc9ea653") no-repeat;
  background-size: cover;
  background-position: 100% 0;
  border-bottom: 3px solid #026d34; }
  /* line 12, halel/static/home/scss/header.scss */
  .header:after {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    display: block;
    background: linear-gradient(90deg, #f8f8f8 0%, rgba(239, 239, 239, 0.84) 97.09%); }
  /* line 24, halel/static/home/scss/header.scss */
  .header__section {
    position: relative;
    z-index: 1000;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    min-height: 265px;
    padding-top: 15px; }
    @media (max-width: 991px) {
      /* line 24, halel/static/home/scss/header.scss */
      .header__section {
        min-height: auto; } }
    @media (max-width: 767px) {
      /* line 24, halel/static/home/scss/header.scss */
      .header__section {
        padding: 10px 10px 0; } }
    /* line 41, halel/static/home/scss/header.scss */
    .header__section.rtl-class {
      flex-direction: row-reverse; }
  /* line 46, halel/static/home/scss/header.scss */
  .header__upper-block {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    @media (max-width: 991px) {
      /* line 46, halel/static/home/scss/header.scss */
      .header__upper-block {
        flex-direction: column; } }
    /* line 55, halel/static/home/scss/header.scss */
    .header__upper-block.rtl-class {
      flex-direction: row-reverse; }
      @media (max-width: 991px) {
        /* line 55, halel/static/home/scss/header.scss */
        .header__upper-block.rtl-class {
          flex-direction: column; } }
  /* line 64, halel/static/home/scss/header.scss */
  .header__logo-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 32px; }
    @media (max-width: 991px) {
      /* line 64, halel/static/home/scss/header.scss */
      .header__logo-block {
        justify-content: center; } }
    @media (max-width: 767px) {
      /* line 64, halel/static/home/scss/header.scss */
      .header__logo-block {
        order: 1;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        margin-bottom: 12px; } }
    /* line 83, halel/static/home/scss/header.scss */
    .header__logo-block.rtl-class {
      flex-direction: row-reverse; }
      @media (max-width: 767px) {
        /* line 83, halel/static/home/scss/header.scss */
        .header__logo-block.rtl-class {
          flex-direction: column; } }
  /* line 92, halel/static/home/scss/header.scss */
  .header__m {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 767px) {
      /* line 92, halel/static/home/scss/header.scss */
      .header__m {
        width: 100%;
        justify-content: space-between; } }
  /* line 104, halel/static/home/scss/header.scss */
  .header__menu-button {
    flex-shrink: 0; }
  /* line 108, halel/static/home/scss/header.scss */
  .header__logo-wrapper {
    max-width: 290px;
    width: 100%; }
    /* line 112, halel/static/home/scss/header.scss */
    .header__logo-wrapper a {
      width: 100%; }
    /* line 116, halel/static/home/scss/header.scss */
    .header__logo-wrapper:first-child {
      margin-right: 24px; }
      @media (max-width: 767px) {
        /* line 116, halel/static/home/scss/header.scss */
        .header__logo-wrapper:first-child {
          margin-right: 0;
          margin-bottom: 12px; } }
    /* line 125, halel/static/home/scss/header.scss */
    .header__logo-wrapper:nth-child(2) {
      max-width: 260px; }
    /* line 129, halel/static/home/scss/header.scss */
    .header__logo-wrapper.rtl-class {
      margin-right: 0;
      margin-left: 24px; }
      /* line 133, halel/static/home/scss/header.scss */
      .header__logo-wrapper.rtl-class:last-child {
        margin-left: 0; }
  /* line 139, halel/static/home/scss/header.scss */
  .header__logo-link {
    display: flex;
    align-items: center;
    font-weight: 700;
    text-decoration: none;
    color: #026d34; }
  @media (max-width: 767px) {
    /* line 147, halel/static/home/scss/header.scss */
    .header__logo-img {
      margin-right: 0; } }
  /* line 153, halel/static/home/scss/header.scss */
  .header__logo-text {
    text-transform: uppercase; }
  /* line 157, halel/static/home/scss/header.scss */
  .header__buttons {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 32px; }
    @media (max-width: 767px) {
      /* line 157, halel/static/home/scss/header.scss */
      .header__buttons {
        order: 2;
        justify-content: space-between;
        flex-direction: row;
        align-items: flex-start; } }
  /* line 173, halel/static/home/scss/header.scss */
  .header__nav-user-wrapper {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      /* line 173, halel/static/home/scss/header.scss */
      .header__nav-user-wrapper {
        justify-content: flex-end; } }
  /* line 195, halel/static/home/scss/header.scss */
  .header__sign-buttons-wrapper {
    display: flex; }
    @media (max-width: 520px) {
      /* line 195, halel/static/home/scss/header.scss */
      .header__sign-buttons-wrapper {
        width: 100%; }
        /* line 201, halel/static/home/scss/header.scss */
        .header__sign-buttons-wrapper a {
          flex: 1; } }
    /* line 206, halel/static/home/scss/header.scss */
    .header__sign-buttons-wrapper a:first-child {
      margin-left: auto; }
    /* line 210, halel/static/home/scss/header.scss */
    .header__sign-buttons-wrapper.rtl-class {
      order: 3;
      display: flex;
      justify-content: flex-end; }
  /* line 217, halel/static/home/scss/header.scss */
  .header__signin {
    border: 2px solid transparent;
    transition: none;
    cursor: pointer; }
    /* line 222, halel/static/home/scss/header.scss */
    .header__signin.rtl-class {
      margin-left: 16px !important; }
    /* line 226, halel/static/home/scss/header.scss */
    .header__signin:hover {
      border-color: #caaf00; }
  /* line 231, halel/static/home/scss/header.scss */
  .header .signUpButton {
    margin-left: 16px; }
  /* line 235, halel/static/home/scss/header.scss */
  .header__user-wrapper {
    display: flex;
    align-items: center; }
    @media (max-width: 560px) {
      /* line 235, halel/static/home/scss/header.scss */
      .header__user-wrapper {
        justify-content: flex-end; } }
    /* line 243, halel/static/home/scss/header.scss */
    .header__user-wrapper.rtl-class {
      flex-direction: row-reverse;
      justify-content: flex-start; }
  /* line 249, halel/static/home/scss/header.scss */
  .header__user-email {
    position: relative;
    width: 100%;
    top: 1px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #797979; }
    /* line 258, halel/static/home/scss/header.scss */
    .header__user-email:hover {
      color: #caaf00; }
    @media (max-width: 767px) {
      /* line 249, halel/static/home/scss/header.scss */
      .header__user-email {
        padding: 0 10px; } }
    @media (max-width: 560px) {
      /* line 249, halel/static/home/scss/header.scss */
      .header__user-email {
        justify-content: flex-end;
        padding-right: 0; } }
    @media (max-width: 414px) {
      /* line 249, halel/static/home/scss/header.scss */
      .header__user-email {
        letter-spacing: -0.04em; } }
    /* line 275, halel/static/home/scss/header.scss */
    .header__user-email.rtl-class {
      direction: rtl;
      justify-content: flex-start; }
  /* line 281, halel/static/home/scss/header.scss */
  .header__user-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    margin: 0 16px; }
    /* line 287, halel/static/home/scss/header.scss */
    .header__user-icon.rtl-class {
      order: 1; }
  /* line 292, halel/static/home/scss/header.scss */
  .header__user-logout {
    margin-left: 10px; }
    /* line 295, halel/static/home/scss/header.scss */
    .header__user-logout a {
      min-width: 60px;
      color: #797979;
      font-size: 16px;
      font-weight: 700;
      text-align: end; }
      /* line 302, halel/static/home/scss/header.scss */
      .header__user-logout a:hover {
        color: #caaf00; }
      /* line 306, halel/static/home/scss/header.scss */
      .header__user-logout a.rtl-class {
        direction: rtl;
        text-align: start; }
    /* line 312, halel/static/home/scss/header.scss */
    .header__user-logout.rtl-class {
      order: 2;
      margin-left: 0;
      margin-right: 10px; }
  /* line 319, halel/static/home/scss/header.scss */
  .header__title {
    flex-grow: 1;
    width: 100%;
    margin-bottom: 48px;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.2; }
    @media (max-width: 991px) {
      /* line 319, halel/static/home/scss/header.scss */
      .header__title {
        margin-bottom: 30px;
        text-align: center; } }
    @media (max-width: 767px) {
      /* line 319, halel/static/home/scss/header.scss */
      .header__title {
        order: 4;
        font-size: 36px;
        text-align: center; } }
    @media (max-width: 414px) {
      /* line 319, halel/static/home/scss/header.scss */
      .header__title {
        margin-bottom: 24px; } }
    /* line 343, halel/static/home/scss/header.scss */
    .header__title.rtl-class {
      direction: rtl;
      font-family: "Tajawal-Bold", sans-serif; }
  /* line 349, halel/static/home/scss/header.scss */
  .header__nav {
    position: relative; }
    @media (max-width: 767px) {
      /* line 349, halel/static/home/scss/header.scss */
      .header__nav {
        order: 3;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        position: absolute;
        top: 0;
        height: 100vh;
        transform: translateX(-100%);
        left: 0;
        width: 100%;
        background: linear-gradient(to bottom, #ffffff 0%, #ffffff 25%, transparent 100%);
        transition: .3s ease;
        background-color: #ffffff;
        z-index: 999; }
        /* line 368, halel/static/home/scss/header.scss */
        .header__nav.open {
          transform: translateX(0%); } }
  /* line 374, halel/static/home/scss/header.scss */
  .header__nav-title {
    display: none;
    flex-grow: 0;
    font-size: 30px;
    padding: 10px; }
    @media (max-width: 767px) {
      /* line 374, halel/static/home/scss/header.scss */
      .header__nav-title {
        display: block; } }
    /* line 384, halel/static/home/scss/header.scss */
    .header__nav-title.rtl-class {
      margin-left: 32px; }
  /* line 389, halel/static/home/scss/header.scss */
  .header__nav-list {
    flex-grow: 0;
    display: flex;
    justify-content: start;
    align-items: center; }
    @media (max-width: 767px) {
      /* line 389, halel/static/home/scss/header.scss */
      .header__nav-list {
        flex-direction: column;
        align-items: flex-start;
        background-color: #ffffff;
        padding: 0 10px;
        z-index: 1000;
        width: 100%; } }
    /* line 404, halel/static/home/scss/header.scss */
    .header__nav-list.rtl-class {
      flex-direction: row-reverse; }
      @media (max-width: 767px) {
        /* line 404, halel/static/home/scss/header.scss */
        .header__nav-list.rtl-class {
          flex-direction: column; } }
  /* line 413, halel/static/home/scss/header.scss */
  .header__nav-close {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    border: none;
    background: #ffffff; }
    @media (max-width: 767px) {
      /* line 413, halel/static/home/scss/header.scss */
      .header__nav-close {
        display: block; } }
  /* line 428, halel/static/home/scss/header.scss */
  .header__language-form {
    display: flex;
    align-items: center;
    margin-left: 16px; }
    @media (max-width: 520px) {
      /* line 428, halel/static/home/scss/header.scss */
      .header__language-form {
        width: 100%;
        max-width: 50%; } }
    /* line 438, halel/static/home/scss/header.scss */
    .header__language-form.rtl-class {
      order: 2;
      margin-left: 0;
      flex-direction: row-reverse; }
    /* line 444, halel/static/home/scss/header.scss */
    .header__language-form select::-ms-expand {
      display: none; }
    /* line 449, halel/static/home/scss/header.scss */
    .header__language-form .language-form__select-wrapper {
      display: flex;
      position: relative;
      border: 2px solid #797979;
      justify-content: center; }
      /* line 455, halel/static/home/scss/header.scss */
      .header__language-form .language-form__select-wrapper:hover {
        border: 2px solid #caaf00; }
        /* line 458, halel/static/home/scss/header.scss */
        .header__language-form .language-form__select-wrapper:hover:after {
          border-top: 7px solid #caaf00; }
      /* line 463, halel/static/home/scss/header.scss */
      .header__language-form .language-form__select-wrapper:after {
        content: "";
        display: block;
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 7px solid #797979; }
      @media (max-width: 520px) {
        /* line 449, halel/static/home/scss/header.scss */
        .header__language-form .language-form__select-wrapper {
          width: 100%; } }
    /* line 483, halel/static/home/scss/header.scss */
    .header__language-form .language-form__select {
      display: block;
      height: 36px;
      border: 2px solid #797979;
      padding: 0 24px;
      color: #797979;
      line-height: 20px;
      font-weight: 400;
      background: transparent;
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0;
      border: none;
      font-family: "FuturaArabic-Regular", sans-serif;
      font-size: 18px;
      transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
      cursor: pointer;
      display: flex;
      justify-content: center;
      text-align-last: center; }
      /* line 504, halel/static/home/scss/header.scss */
      .header__language-form .language-form__select.rtl-class {
        direction: rtl;
        font-family: "Tajawal-Regular", sans-serif; }
      @media (max-width: 520px) {
        /* line 483, halel/static/home/scss/header.scss */
        .header__language-form .language-form__select {
          width: 100%; } }
  @media (max-width: 520px) {
    /* line 516, halel/static/home/scss/header.scss */
    .header .button + .header__language-form {
      margin-top: 12px; } }

/* line 524, halel/static/home/scss/header.scss */
.nav__item {
  list-style: none;
  display: block;
  margin-right: 32px;
  font-weight: 400; }
  /* line 530, halel/static/home/scss/header.scss */
  .nav__item.rtl-class {
    margin-right: 0;
    margin-left: 32px; }

/* line 536, halel/static/home/scss/header.scss */
.nav__link {
  position: relative;
  display: block;
  min-height: 45px;
  text-decoration: none;
  font-size: 24px;
  line-height: 1;
  color: #8c8c8c; }
  @media (max-width: 1199px) {
    /* line 536, halel/static/home/scss/header.scss */
    .nav__link {
      letter-spacing: -0.04em; } }
  @media (max-width: 767px) {
    /* line 536, halel/static/home/scss/header.scss */
    .nav__link {
      height: auto;
      padding: 10px 0; }
      /* line 553, halel/static/home/scss/header.scss */
      .nav__link:last-child {
        padding-bottom: 20px; } }
  /* line 558, halel/static/home/scss/header.scss */
  .nav__link.rtl-class {
    direction: rtl;
    text-align: start;
    font-family: "Tajawal-Regular", sans-serif; }
  /* line 564, halel/static/home/scss/header.scss */
  .nav__link::after {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #026d34;
    height: 4px;
    transition-property: right;
    transition-duration: 0.3s;
    transition-timing-function: ease-out; }
    @media (max-width: 767px) {
      /* line 564, halel/static/home/scss/header.scss */
      .nav__link::after {
        display: none; } }
  /* line 582, halel/static/home/scss/header.scss */
  .nav__link:hover, .nav__link--active {
    color: #026d34; }
    /* line 586, halel/static/home/scss/header.scss */
    .nav__link:hover::after, .nav__link--active::after {
      right: 0; }

/**
* Colors
*/
/* line 4, halel/static/home/scss/menu_button.scss */
.menu-button {
  display: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: none;
  cursor: pointer; }
  @media (max-width: 767px) {
    /* line 4, halel/static/home/scss/menu_button.scss */
    .menu-button {
      display: flex; } }

/**
* Colors
*/
/* line 6, halel/static/home/scss/faq.scss */
.faq__container {
  position: relative;
  padding: 88px 15px 15px; }
  @media (max-width: 560px) {
    /* line 6, halel/static/home/scss/faq.scss */
    .faq__container {
      padding: 40px 10px 20px; } }
  /* line 14, halel/static/home/scss/faq.scss */
  .faq__container::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(100% - 30px);
    height: 3px;
    background-color: rgba(2, 109, 52, 0.5); }

/* line 27, halel/static/home/scss/faq.scss */
.faq__title {
  font-size: 36px;
  line-height: 43px;
  color: #3d3d3d;
  margin-bottom: 24px;
  font-family: "FuturaArabic-Demi", sans-serif;
  font-weight: 400; }
  @media (max-width: 991px) {
    /* line 27, halel/static/home/scss/faq.scss */
    .faq__title {
      text-align: center; } }
  /* line 39, halel/static/home/scss/faq.scss */
  .faq__title.rtl-class {
    direction: rtl; }

/* line 44, halel/static/home/scss/faq.scss */
.faq__items {
  column-count: 2;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px; }
  @media (max-width: 767px) {
    /* line 44, halel/static/home/scss/faq.scss */
    .faq__items {
      column-count: 1; } }

/* line 57, halel/static/home/scss/faq.scss */
.faq__item--title {
  font-size: 24px;
  line-height: 26px;
  color: #3d3d3d;
  margin-bottom: 14px;
  font-family: "FuturaArabic-Demi", sans-serif;
  font-weight: 400; }
  /* line 65, halel/static/home/scss/faq.scss */
  .faq__item--title.rtl-class {
    direction: rtl; }

/* line 70, halel/static/home/scss/faq.scss */
.faq__item--text {
  font-size: 18px;
  line-height: 24px;
  color: #797979;
  margin-bottom: 35px;
  font-weight: 400; }
  /* line 77, halel/static/home/scss/faq.scss */
  .faq__item--text.rtl-class {
    direction: rtl; }

/**
* Colors
*/
/* line 5, halel/static/home/scss/contact_us.scss */
.contact-us__container {
  padding: 88px 15px; }
  @media (max-width: 560px) {
    /* line 5, halel/static/home/scss/contact_us.scss */
    .contact-us__container {
      padding: 40px 10px 20px; } }

/* line 13, halel/static/home/scss/contact_us.scss */
.contact-us__wrapper {
  position: relative;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

/* line 20, halel/static/home/scss/contact_us.scss */
.contact-us__countries-list {
  display: flex;
  flex-wrap: wrap;
  padding: 80px 24px;
  width: 100%; }
  @media (max-width: 991px) {
    /* line 20, halel/static/home/scss/contact_us.scss */
    .contact-us__countries-list {
      padding: 40px 10px; } }

/* line 31, halel/static/home/scss/contact_us.scss */
.contact-us__support-contry {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 56px;
  width: calc((100% - 72px) / 4);
  border: 1px solid #e4e4e4;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  margin: 0 24px 24px 0;
  padding: 14px 16px; }
  /* line 43, halel/static/home/scss/contact_us.scss */
  .contact-us__support-contry:hover {
    border: 1px solid #caaf00; }
  /* line 47, halel/static/home/scss/contact_us.scss */
  .contact-us__support-contry.rtl-class {
    flex-direction: row-reverse; }
  /* line 51, halel/static/home/scss/contact_us.scss */
  .contact-us__support-contry:nth-of-type(4n) {
    margin: 0 0 24px 0; }
  @media screen and (max-width: 960px) {
    /* line 31, halel/static/home/scss/contact_us.scss */
    .contact-us__support-contry {
      width: calc((100% - 48px) / 3); }
      /* line 58, halel/static/home/scss/contact_us.scss */
      .contact-us__support-contry:nth-of-type(4n) {
        margin: 0 24px 24px 0; }
      /* line 62, halel/static/home/scss/contact_us.scss */
      .contact-us__support-contry:nth-of-type(3n) {
        margin: 0 0 24px 0; } }
  @media (max-width: 767px) {
    /* line 31, halel/static/home/scss/contact_us.scss */
    .contact-us__support-contry {
      width: calc((100% - 24px) / 2); }
      /* line 70, halel/static/home/scss/contact_us.scss */
      .contact-us__support-contry:nth-of-type(4n) {
        margin: 0 24px 24px 0; }
      /* line 74, halel/static/home/scss/contact_us.scss */
      .contact-us__support-contry:nth-of-type(3n) {
        margin: 0 24px 24px 0; }
      /* line 78, halel/static/home/scss/contact_us.scss */
      .contact-us__support-contry:nth-of-type(2n) {
        margin: 0 0 24px 0; } }
  @media (max-width: 560px) {
    /* line 31, halel/static/home/scss/contact_us.scss */
    .contact-us__support-contry {
      width: 100%;
      max-width: 300px; }
      /* line 87, halel/static/home/scss/contact_us.scss */
      .contact-us__support-contry:nth-of-type(n) {
        margin: 0 auto 24px auto; }
      /* line 91, halel/static/home/scss/contact_us.scss */
      .contact-us__support-contry:last-of-type {
        margin: 0 auto; } }
  /* line 96, halel/static/home/scss/contact_us.scss */
  .contact-us__support-contry--img {
    margin-right: 16px;
    width: 40px;
    height: 30px; }
    /* line 101, halel/static/home/scss/contact_us.scss */
    .contact-us__support-contry--img.rtl-class {
      margin-right: 0;
      margin-left: 16px; }
  /* line 107, halel/static/home/scss/contact_us.scss */
  .contact-us__support-contry--name {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #3d3d3d; }
    /* line 113, halel/static/home/scss/contact_us.scss */
    .contact-us__support-contry--name.rtl-class {
      direction: rtl; }

/* line 119, halel/static/home/scss/contact_us.scss */
.contact-us__main {
  padding: 64px 24px 0;
  width: 100%;
  position: relative; }
  @media (max-width: 560px) {
    /* line 119, halel/static/home/scss/contact_us.scss */
    .contact-us__main {
      padding: 64px 10px 40px; } }
  /* line 128, halel/static/home/scss/contact_us.scss */
  .contact-us__main--back-btn {
    position: absolute;
    top: 22px;
    right: 24px;
    cursor: pointer; }
  /* line 135, halel/static/home/scss/contact_us.scss */
  .contact-us__main--error {
    display: none;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #ca6300;
    margin-top: 24px; }
  /* line 144, halel/static/home/scss/contact_us.scss */
  .contact-us__main--success {
    display: none;
    padding: 70px 70px 134px;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: #3d3d3d; }
  /* line 153, halel/static/home/scss/contact_us.scss */
  .contact-us__main--block {
    display: flex;
    justify-content: center;
    align-content: center;
    border-top: 1px solid #f4f4f4;
    padding: 24px 0; }
    @media (max-width: 991px) {
      /* line 153, halel/static/home/scss/contact_us.scss */
      .contact-us__main--block {
        flex-direction: column; } }
    @media (max-width: 560px) {
      /* line 153, halel/static/home/scss/contact_us.scss */
      .contact-us__main--block {
        padding: 24px 0 0; } }
    /* line 168, halel/static/home/scss/contact_us.scss */
    .contact-us__main--block.rtl-class {
      flex-direction: row-reverse; }
      @media (max-width: 991px) {
        /* line 168, halel/static/home/scss/contact_us.scss */
        .contact-us__main--block.rtl-class {
          flex-direction: column; } }
  /* line 177, halel/static/home/scss/contact_us.scss */
  .contact-us__main--left {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    max-height: 384px;
    overflow-y: auto; }
    @media (max-width: 991px) {
      /* line 177, halel/static/home/scss/contact_us.scss */
      .contact-us__main--left {
        max-height: 100%; } }
  /* line 190, halel/static/home/scss/contact_us.scss */
  .contact-us__main--right {
    flex: 1;
    display: flex;
    max-width: 485px;
    justify-content: center;
    margin-left: 24px; }
    @media (max-width: 991px) {
      /* line 190, halel/static/home/scss/contact_us.scss */
      .contact-us__main--right {
        width: 100%;
        margin: auto; } }
    @media (max-width: 767px) {
      /* line 190, halel/static/home/scss/contact_us.scss */
      .contact-us__main--right {
        max-width: 100%; } }
    /* line 206, halel/static/home/scss/contact_us.scss */
    .contact-us__main--right.rtl-class {
      margin-left: 0;
      margin-right: 24px; }
      @media (max-width: 991px) {
        /* line 206, halel/static/home/scss/contact_us.scss */
        .contact-us__main--right.rtl-class {
          width: 100%;
          margin: auto; } }

/* line 218, halel/static/home/scss/contact_us.scss */
.contact-us__main-form-wrapper {
  width: 100%;
  height: 100%;
  padding: 18px;
  background: url("https://soft-halal.s3.amazonaws.com/static/home/img/signupbg.jpg?e160bc9ea653") no-repeat; }

/* line 225, halel/static/home/scss/contact_us.scss */
.contact-us__title {
  text-align: center;
  font-size: 36px;
  line-height: 43px;
  color: #3d3d3d;
  margin-bottom: 24px;
  font-family: "FuturaArabic-Demi", sans-serif;
  font-weight: 400; }
  /* line 234, halel/static/home/scss/contact_us.scss */
  .contact-us__title--list {
    width: 100%; }
  /* line 238, halel/static/home/scss/contact_us.scss */
  .contact-us__title.rtl-class {
    direction: rtl;
    font-family: "Tajawal-Bold", sans-serif; }

/* line 244, halel/static/home/scss/contact_us.scss */
.contact-us .description {
  display: none;
  border: 1px solid #e4e4e4;
  width: 100%;
  padding: 16px;
  cursor: pointer;
  margin-bottom: 16px; }
  @media (max-width: 991px) {
    /* line 244, halel/static/home/scss/contact_us.scss */
    .contact-us .description {
      margin-bottom: 30px;
      text-align: center; } }
  /* line 257, halel/static/home/scss/contact_us.scss */
  .contact-us .description:last-child {
    margin-bottom: 0; }
    @media (max-width: 991px) {
      /* line 257, halel/static/home/scss/contact_us.scss */
      .contact-us .description:last-child {
        margin-bottom: 30px; } }
  /* line 265, halel/static/home/scss/contact_us.scss */
  .contact-us .description__active {
    border: 1px solid #caaf00; }
  /* line 269, halel/static/home/scss/contact_us.scss */
  .contact-us .description__title {
    font-size: 24px;
    line-height: 26px;
    color: #3d3d3d;
    margin-bottom: 14px;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400; }
    /* line 277, halel/static/home/scss/contact_us.scss */
    .contact-us .description__title.rtl-class {
      direction: rtl;
      font-family: "Tajawal-Bold", sans-serif; }
  /* line 283, halel/static/home/scss/contact_us.scss */
  .contact-us .description__text {
    font-size: 18px;
    line-height: 24px;
    color: #797979;
    margin-bottom: 24px;
    font-weight: 400; }
  /* line 291, halel/static/home/scss/contact_us.scss */
  .contact-us .description__contact {
    display: flex;
    margin-bottom: 13px; }
    @media (max-width: 991px) {
      /* line 291, halel/static/home/scss/contact_us.scss */
      .contact-us .description__contact {
        justify-content: center; } }
    /* line 299, halel/static/home/scss/contact_us.scss */
    .contact-us .description__contact.rtl-class {
      flex-direction: row-reverse; }
    /* line 303, halel/static/home/scss/contact_us.scss */
    .contact-us .description__contact:last-child {
      margin: 0; }
    /* line 307, halel/static/home/scss/contact_us.scss */
    .contact-us .description__contact--icon {
      margin-right: 21px;
      width: 20px;
      display: flex;
      justify-content: center;
      align-items: center; }
      /* line 314, halel/static/home/scss/contact_us.scss */
      .contact-us .description__contact--icon.rtl-class {
        margin-right: 0;
        margin-left: 21px; }
    /* line 320, halel/static/home/scss/contact_us.scss */
    .contact-us .description__contact--text {
      font-size: 18px;
      line-height: 24px;
      color: #797979;
      font-weight: 400;
      text-align: left; }
      /* line 327, halel/static/home/scss/contact_us.scss */
      .contact-us .description__contact--text.rtl-class {
        direction: rtl; }

/* line 334, halel/static/home/scss/contact_us.scss */
.contact-us .form {
  width: 100%;
  min-height: 320px;
  display: flex;
  align-items: center; }
  /* line 340, halel/static/home/scss/contact_us.scss */
  .contact-us .form__contact-us {
    width: 100%; }

/**
* Colors
*/
/* line 5, halel/static/home/scss/hcbs_info_block.scss */
.hcbs-info__container {
  padding: 88px 15px; }
  @media (max-width: 560px) {
    /* line 5, halel/static/home/scss/hcbs_info_block.scss */
    .hcbs-info__container {
      padding: 40px 10px 20px; } }

/* line 13, halel/static/home/scss/hcbs_info_block.scss */
.hcbs-info__wrapper {
  position: relative;
  width: 100%;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05); }

/* line 20, halel/static/home/scss/hcbs_info_block.scss */
.hcbs-info__title {
  text-align: center;
  font-size: 36px;
  line-height: 43px;
  color: #3d3d3d;
  margin-bottom: 24px;
  font-family: "FuturaArabic-Demi", sans-serif;
  font-weight: 400; }
  /* line 29, halel/static/home/scss/hcbs_info_block.scss */
  .hcbs-info__title.rtl-class {
    direction: rtl;
    font-family: "Tajawal-Bold", sans-serif; }

/* line 35, halel/static/home/scss/hcbs_info_block.scss */
.hcbs-info__countries-list {
  display: flex;
  flex-wrap: wrap;
  padding: 80px 24px;
  width: 100%; }
  @media (max-width: 991px) {
    /* line 35, halel/static/home/scss/hcbs_info_block.scss */
    .hcbs-info__countries-list {
      padding: 40px 10px; } }

/* line 46, halel/static/home/scss/hcbs_info_block.scss */
.hcbs-info__support-country {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 56px;
  width: calc((100% - 72px) / 4);
  border: 1px solid #e4e4e4;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  cursor: pointer;
  margin: 0 24px 24px 0;
  padding: 14px 16px; }
  /* line 58, halel/static/home/scss/hcbs_info_block.scss */
  .hcbs-info__support-country:hover {
    border: 1px solid #caaf00; }
  /* line 62, halel/static/home/scss/hcbs_info_block.scss */
  .hcbs-info__support-country.rtl-class {
    flex-direction: row-reverse; }
  /* line 66, halel/static/home/scss/hcbs_info_block.scss */
  .hcbs-info__support-country:nth-of-type(4n) {
    margin: 0 0 24px 0; }
  @media screen and (max-width: 960px) {
    /* line 46, halel/static/home/scss/hcbs_info_block.scss */
    .hcbs-info__support-country {
      width: calc((100% - 48px) / 3); }
      /* line 73, halel/static/home/scss/hcbs_info_block.scss */
      .hcbs-info__support-country:nth-of-type(4n) {
        margin: 0 24px 24px 0; }
      /* line 77, halel/static/home/scss/hcbs_info_block.scss */
      .hcbs-info__support-country:nth-of-type(3n) {
        margin: 0 0 24px 0; } }
  @media (max-width: 767px) {
    /* line 46, halel/static/home/scss/hcbs_info_block.scss */
    .hcbs-info__support-country {
      width: calc((100% - 24px) / 2); }
      /* line 85, halel/static/home/scss/hcbs_info_block.scss */
      .hcbs-info__support-country:nth-of-type(4n) {
        margin: 0 24px 24px 0; }
      /* line 89, halel/static/home/scss/hcbs_info_block.scss */
      .hcbs-info__support-country:nth-of-type(3n) {
        margin: 0 24px 24px 0; }
      /* line 93, halel/static/home/scss/hcbs_info_block.scss */
      .hcbs-info__support-country:nth-of-type(2n) {
        margin: 0 0 24px 0; } }
  @media (max-width: 560px) {
    /* line 46, halel/static/home/scss/hcbs_info_block.scss */
    .hcbs-info__support-country {
      width: 100%;
      max-width: 300px; }
      /* line 102, halel/static/home/scss/hcbs_info_block.scss */
      .hcbs-info__support-country:nth-of-type(n) {
        margin: 0 auto 24px auto; }
      /* line 106, halel/static/home/scss/hcbs_info_block.scss */
      .hcbs-info__support-country:last-of-type {
        margin: 0 auto; } }
  /* line 111, halel/static/home/scss/hcbs_info_block.scss */
  .hcbs-info__support-country--img {
    margin-right: 16px;
    width: 40px;
    height: 30px; }
    /* line 116, halel/static/home/scss/hcbs_info_block.scss */
    .hcbs-info__support-country--img.rtl-class {
      margin-right: 0;
      margin-left: 16px; }
  /* line 122, halel/static/home/scss/hcbs_info_block.scss */
  .hcbs-info__support-country--name {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #3d3d3d; }
    /* line 128, halel/static/home/scss/hcbs_info_block.scss */
    .hcbs-info__support-country--name.rtl-class {
      direction: rtl; }

/* line 134, halel/static/home/scss/hcbs_info_block.scss */
.hcbs-info__main {
  padding-top: 40px;
  width: 100%;
  position: relative; }
  /* line 139, halel/static/home/scss/hcbs_info_block.scss */
  .hcbs-info__main--back-btn {
    position: absolute;
    top: 22px;
    right: 24px;
    cursor: pointer; }

/* line 147, halel/static/home/scss/hcbs_info_block.scss */
.hcbs-info__main-list {
  width: 100%; }
  /* line 151, halel/static/home/scss/hcbs_info_block.scss */
  .hcbs-info__main-list .table .table__item {
    font-size: 16px; }
    /* line 154, halel/static/home/scss/hcbs_info_block.scss */
    .hcbs-info__main-list .table .table__item:last-child {
      justify-content: flex-end;
      padding: 0;
      text-align: end; }
  /* line 162, halel/static/home/scss/hcbs_info_block.scss */
  .hcbs-info__main-list .table-m {
    margin-bottom: 0;
    border-top: 2px solid #026d34; }
    /* line 166, halel/static/home/scss/hcbs_info_block.scss */
    .hcbs-info__main-list .table-m .table-m__item {
      min-height: 56px; }

/**
* Colors
*/
/* line 4, halel/static/home/scss/footer.scss */
.footer {
  border-top: 3px solid rgba(2, 109, 52, 0.5);
  background: #ffffff; }
  /* line 8, halel/static/home/scss/footer.scss */
  .footer__container {
    padding: 32px 15px 16px; }
  /* line 12, halel/static/home/scss/footer.scss */
  .footer__row {
    display: flex;
    margin: 0 -15px; }
    @media (max-width: 991px) {
      /* line 12, halel/static/home/scss/footer.scss */
      .footer__row {
        flex-direction: column;
        margin: 0;
        text-align: center; } }
  /* line 23, halel/static/home/scss/footer.scss */
  .footer__col {
    width: calc(33.333% - 30px);
    margin: 0 15px; }
    @media (max-width: 991px) {
      /* line 23, halel/static/home/scss/footer.scss */
      .footer__col {
        width: 100%;
        margin: 0 0 25px; } }
    @media (max-width: 991px) {
      /* line 32, halel/static/home/scss/footer.scss */
      .footer__col--left {
        order: 1; } }
    @media (max-width: 991px) {
      /* line 39, halel/static/home/scss/footer.scss */
      .footer__col--center {
        order: 3;
        margin-bottom: 0; } }
    /* line 47, halel/static/home/scss/footer.scss */
    .footer__col--right {
      text-align: right; }
      @media (max-width: 991px) {
        /* line 47, halel/static/home/scss/footer.scss */
        .footer__col--right {
          order: 2;
          text-align: center; } }
  /* line 57, halel/static/home/scss/footer.scss */
  .footer__logo-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-height: 62px;
    max-width: 328px;
    margin: 0 auto 24px; }
  /* line 67, halel/static/home/scss/footer.scss */
  .footer__main-block {
    text-align: center; }
  /* line 71, halel/static/home/scss/footer.scss */
  .footer__join-block {
    text-align: center;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 14px;
    color: #8c8c8c;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400; }
  /* line 81, halel/static/home/scss/footer.scss */
  .footer__partner {
    display: flex;
    justify-content: center; }
  /* line 86, halel/static/home/scss/footer.scss */
  .footer__img-wrapper {
    margin: 0 15px;
    width: 50px; }
    /* line 90, halel/static/home/scss/footer.scss */
    .footer__img-wrapper--lg {
      width: 170px; }
  /* line 95, halel/static/home/scss/footer.scss */
  .footer__link {
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
    color: #8c8c8c;
    text-transform: uppercase;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400;
    transition: color 0.25s ease; }
    /* line 106, halel/static/home/scss/footer.scss */
    .footer__link--small {
      text-transform: initial; }
    /* line 110, halel/static/home/scss/footer.scss */
    .footer__link:hover {
      color: #026d34; }
    /* line 114, halel/static/home/scss/footer.scss */
    .footer__link.rtl-class {
      direction: rtl;
      font-family: "Tajawal-Bold", sans-serif; }
  /* line 120, halel/static/home/scss/footer.scss */
  .footer__copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background-color: #f7f7f7;
    font-size: 14px;
    line-height: 14px;
    color: #8c8c8c;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400; }
    /* line 132, halel/static/home/scss/footer.scss */
    .footer__copyright.rtl-class {
      direction: rtl;
      font-family: "Tajawal-Bold", sans-serif; }
  /* line 138, halel/static/home/scss/footer.scss */
  .footer__importer-block {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    /* line 144, halel/static/home/scss/footer.scss */
    .footer__importer-block a {
      margin: 0 16px 16px;
      line-height: 18px; }
    @media (max-width: 414px) {
      /* line 138, halel/static/home/scss/footer.scss */
      .footer__importer-block {
        margin: 0; } }
  /* line 153, halel/static/home/scss/footer.scss */
  .footer__developed {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 48px;
    background-color: #f7f7f7;
    font-size: 14px;
    line-height: 14px;
    color: #8c8c8c;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400;
    margin-left: 5px; }

/**
* Colors
*/
/* line 4, halel/static/home/scss/signup_modal.scss */
.signup-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5); }
  @media (max-width: 1199px) {
    /* line 4, halel/static/home/scss/signup_modal.scss */
    .signup-modal {
      top: 0;
      left: 0;
      right: auto;
      bottom: auto;
      width: 100%;
      height: 100%;
      overflow: auto; } }
  /* line 24, halel/static/home/scss/signup_modal.scss */
  .signup-modal__container {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 1199px) {
      /* line 24, halel/static/home/scss/signup_modal.scss */
      .signup-modal__container {
        width: 100%;
        height: auto;
        padding: 15px; } }
  /* line 38, halel/static/home/scss/signup_modal.scss */
  .signup-modal__wrapper {
    position: relative;
    width: 100%;
    max-width: 928px;
    padding: 32px;
    background: url("https://soft-halal.s3.amazonaws.com/static/home/img/signupbg.jpg?e160bc9ea653") no-repeat;
    background-size: cover; }
    @media (max-width: 767px) {
      /* line 38, halel/static/home/scss/signup_modal.scss */
      .signup-modal__wrapper {
        padding: 32px 15px; } }
  /* line 51, halel/static/home/scss/signup_modal.scss */
  .signup-modal__close {
    width: 21px;
    height: 21px;
    position: absolute;
    right: 40px;
    cursor: pointer; }
    @media (max-width: 1199px) {
      /* line 51, halel/static/home/scss/signup_modal.scss */
      .signup-modal__close {
        top: 15px;
        right: 15px; } }
    @media (max-width: 767px) {
      /* line 51, halel/static/home/scss/signup_modal.scss */
      .signup-modal__close {
        top: 10px;
        right: 10px; } }
    /* line 68, halel/static/home/scss/signup_modal.scss */
    .signup-modal__close svg {
      fill: #8c8c8c;
      width: 100%;
      height: 100%; }
  /* line 75, halel/static/home/scss/signup_modal.scss */
  .signup-modal__title {
    font-size: 36px;
    line-height: 43px;
    text-align: center;
    color: #3d3d3d;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400;
    margin-bottom: 32px; }
    @media (max-width: 767px) {
      /* line 75, halel/static/home/scss/signup_modal.scss */
      .signup-modal__title {
        font-size: 30px;
        line-height: 1.1; } }
  /* line 90, halel/static/home/scss/signup_modal.scss */
  .signup-modal__cards {
    display: flex;
    justify-content: space-around; }
    @media (max-width: 1199px) {
      /* line 90, halel/static/home/scss/signup_modal.scss */
      .signup-modal__cards {
        flex-direction: column;
        align-items: center; }
        /* line 99, halel/static/home/scss/signup_modal.scss */
        .signup-modal__cards .card:last-of-type {
          margin-bottom: 0; } }
  /* line 106, halel/static/home/scss/signup_modal.scss */
  .signup-modal .card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 32px 24px;
    background: #ffffff;
    flex: 1;
    width: 100%;
    max-width: 412px; }
    @media (max-width: 1199px) {
      /* line 106, halel/static/home/scss/signup_modal.scss */
      .signup-modal .card {
        margin-bottom: 30px;
        padding: 32px 15px; } }
    /* line 122, halel/static/home/scss/signup_modal.scss */
    .signup-modal .card:first-child {
      margin-right: 40px; }
      @media (max-width: 1199px) {
        /* line 122, halel/static/home/scss/signup_modal.scss */
        .signup-modal .card:first-child {
          margin-right: 0; } }
    /* line 130, halel/static/home/scss/signup_modal.scss */
    .signup-modal .card__title-wrap {
      display: flex;
      width: 100%; }
    /* line 135, halel/static/home/scss/signup_modal.scss */
    .signup-modal .card__icon {
      flex-shrink: 0;
      max-width: 45px; }
      /* line 139, halel/static/home/scss/signup_modal.scss */
      .signup-modal .card__icon img {
        max-width: 100%;
        height: auto; }
    /* line 145, halel/static/home/scss/signup_modal.scss */
    .signup-modal .card__title {
      font-size: 24px;
      line-height: 26px;
      font-family: "FuturaArabic-Demi", sans-serif;
      font-weight: 400;
      margin-bottom: 24px;
      text-align: center; }
    /* line 154, halel/static/home/scss/signup_modal.scss */
    .signup-modal .card__text {
      width: 100%;
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      margin-bottom: 24px;
      text-align: center; }

/**
* Colors
*/
/* line 4, halel/static/home/scss/signin_modal.scss */
.signin-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5); }
  @media (max-width: 1199px) {
    /* line 4, halel/static/home/scss/signin_modal.scss */
    .signin-modal {
      top: 0;
      left: 0;
      right: auto;
      bottom: auto;
      width: 100%;
      height: 100%;
      overflow: auto; } }
  /* line 24, halel/static/home/scss/signin_modal.scss */
  .signin-modal__container {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 991px) {
      /* line 24, halel/static/home/scss/signin_modal.scss */
      .signin-modal__container {
        width: 100%;
        height: 100%;
        padding: 15px; } }
  /* line 38, halel/static/home/scss/signin_modal.scss */
  .signin-modal__wrapper {
    position: relative;
    min-width: 460px;
    padding: 40px;
    background: url("https://soft-halal.s3.amazonaws.com/static/home/img/signupbg.jpg?e160bc9ea653") no-repeat; }
    @media (max-width: 991px) {
      /* line 38, halel/static/home/scss/signin_modal.scss */
      .signin-modal__wrapper {
        width: 100%;
        min-width: auto;
        max-width: 460px; } }
    @media (max-width: 767px) {
      /* line 38, halel/static/home/scss/signin_modal.scss */
      .signin-modal__wrapper {
        padding: 40px 15px; } }
  /* line 55, halel/static/home/scss/signin_modal.scss */
  .signin-modal__title {
    font-size: 36px;
    line-height: 43px;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400;
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      /* line 55, halel/static/home/scss/signin_modal.scss */
      .signin-modal__title {
        font-size: 30px;
        line-height: 1.1;
        text-align: center; } }
  /* line 69, halel/static/home/scss/signin_modal.scss */
  .signin-modal__error {
    display: none;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #ca6300;
    margin-bottom: 13px;
    margin-top: -15px; }
  /* line 79, halel/static/home/scss/signin_modal.scss */
  .signin-modal__buttons {
    margin-top: 24px;
    display: flex;
    justify-content: space-between; }
  @media (max-width: 767px) {
    /* line 85, halel/static/home/scss/signin_modal.scss */
    .signin-modal .signInModal-close-btn {
      margin-right: 10px; } }

/**
* Colors
*/
/* line 4, halel/static/home/scss/forgotpass_modal.scss */
.forgot-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5); }
  /* line 14, halel/static/home/scss/forgotpass_modal.scss */
  .forgot-modal__container {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 1199px) {
      /* line 14, halel/static/home/scss/forgotpass_modal.scss */
      .forgot-modal__container {
        width: 100%;
        height: 100%;
        padding: 15px; } }
  /* line 28, halel/static/home/scss/forgotpass_modal.scss */
  .forgot-modal__wrapper {
    width: 464px;
    position: relative;
    padding: 40px;
    background: url("https://soft-halal.s3.amazonaws.com/static/home/img/signupbg.jpg?e160bc9ea653") no-repeat; }
    @media (max-width: 1199px) {
      /* line 28, halel/static/home/scss/forgotpass_modal.scss */
      .forgot-modal__wrapper {
        width: 100%;
        max-width: 464px; } }
    @media (max-width: 767px) {
      /* line 28, halel/static/home/scss/forgotpass_modal.scss */
      .forgot-modal__wrapper {
        padding: 40px 15px; } }
  /* line 44, halel/static/home/scss/forgotpass_modal.scss */
  .forgot-modal__success-block {
    display: none; }
  /* line 48, halel/static/home/scss/forgotpass_modal.scss */
  .forgot-modal__loading-block {
    display: none; }
  /* line 52, halel/static/home/scss/forgotpass_modal.scss */
  .forgot-modal__circle--wrapper {
    display: flex;
    justify-content: center; }
  /* line 57, halel/static/home/scss/forgotpass_modal.scss */
  .forgot-modal__title {
    font-size: 36px;
    line-height: 43px;
    text-align: center;
    color: #3d3d3d;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400; }
    @media (max-width: 767px) {
      /* line 57, halel/static/home/scss/forgotpass_modal.scss */
      .forgot-modal__title {
        font-size: 30px;
        line-height: 1.1;
        margin-bottom: 20px; } }
  /* line 72, halel/static/home/scss/forgotpass_modal.scss */
  .forgot-modal__subtitle {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    color: #3d3d3d;
    font-family: "FuturaArabic-Demi", sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    padding-bottom: 12px; }
  /* line 83, halel/static/home/scss/forgotpass_modal.scss */
  .forgot-modal__circle {
    height: 115.26px;
    width: 115.26px;
    border: 3.26px solid #caaf00; }
  /* line 89, halel/static/home/scss/forgotpass_modal.scss */
  .forgot-modal__buttons {
    margin-top: 24px;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 767px) {
      /* line 89, halel/static/home/scss/forgotpass_modal.scss */
      .forgot-modal__buttons {
        flex-direction: column;
        align-items: center; } }
  /* line 100, halel/static/home/scss/forgotpass_modal.scss */
  .forgot-modal__button {
    margin-right: 24px; }
    @media (max-width: 767px) {
      /* line 100, halel/static/home/scss/forgotpass_modal.scss */
      .forgot-modal__button {
        min-width: 170px;
        margin: 0 0 20px; } }