@font-face {
  font-family: "saudi_riyal";
  src: url("saudi_riyal.ttf"), url("saudi_riyal.woff"), url("saudi_riyal.woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;

}

.financing-process-monthly-payment h2 .custom-item-align,
.financing-process-total-cost h2 .custom-item-align,
.financing-process-total-amoun h2 .custom-item-align,
.financing .financing-process-monthly-payment .custom-item-align,
.financing .financing-process-total-cost .custom-item-align,
.financing .financing-process-down-payment .custom-item-align,
.financing .total-vat.info-marker-cal .custom-item-align,
.financing .financing-process-residual-payment .custom-item-align,
.financing .financing-process-total-vat-cost .custom-item-align,
.financing-process-admin-fee .admin-fee h2 .custom-item-align,
.financing-process-admin-fee-vat h2 .custom-item-align,
.pay .monthly-payment .sar {

  visibility: hidden;
}

.financing-process-total-amoun h2 .custom-item-align,
.form-item-field-monthly-payment-value-min label,
.form-item-field-monthly-payment-value-max label {
  content: "\e900";
  visibility: visible;
  font-family: 'saudi_riyal' !important;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  visibility: hidden;
}

.form-item-field-monthly-payment-value-min label,
.form-item-field-monthly-payment-value-max label {
  font-size: 0 !important;
  color: #3c1053 !important;
  margin-bottom: 0 !important;
  line-height: unset !important;
}

.vehicles-listing .view-filters .views-exposed-form .search .monthly-payment-fillter .fieldset-wrapper {
  display: flex;
  position: relative;
  justify-content: flex-start;
}

.financing .financing-process-residual-payment .main-content::before,
.financing .financing-process-total-vat-cost .main-content::before,
.financing-process-admin-fee-vat h2 .main-content::before,
.financing .financing-process-down-payment .main-content::before,
.financing .financing-process-monthly-payment .main-content::before,
.financing .total-vat.info-marker-cal .main-content::before,
.financing .financing-process-total-cost .main-content::before,
.financing-process-total-cost h2 .main-content::before,
.financing-process-total-amoun h2 .main-content::before,
.financing-process-admin-fee h2 .main-content::before,
.pay .monthly-payment .field-monthly-payment::before {
  content: "\e900";
  visibility: visible;
  font-family: 'saudi_riyal' !important;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-size: 20px;
  padding: 5px;

}

.financing-process-total-cost h2 .custom-item-align::before,
.pay .monthly-payment .field-monthly-payment::before,
.form-item-field-monthly-payment-value-min label::after,
.form-item-field-monthly-payment-value-max label::after {
  content: "\e900";
  visibility: visible;
  font-family: 'saudi_riyal' !important;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  font-size: 20px;
  padding: 5px;
}

:root[dir="ltr"] .vehicles-listing .view-filters .views-exposed-form .search .monthly-payment-fillter .fieldset-wrapper .js-form-item-field-monthly-payment-value-min,
:root[dir="ltr"] .vehicles-listing .view-filters .views-exposed-form .search .monthly-payment-fillter .fieldset-wrapper .js-form-item-field-monthly-payment-value-max {
  flex-direction: row;
}

.pay .monthly-payment .field-monthly-payment::before {
  font-size: 32px;
}

.financing-process-total-cost h2 {

  position: relative;
}

.financing-process-total-cost h2::after {
  font-family: 'saudi_riyal' !important;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  font-weight: 500;
  font-size: 20px;
}

.financing-process-monthly-payment .custom-item-align {
  width: 0;
}

:root[dir="ltr"] .financing-process-total-amoun h2,
:root[dir="ltr"] .financing-process-total-cost h2 {
  direction: rtl;
  text-align-last: left;
}

.financing-process-total-cost h2.remove-after {
  content: none !important;
}


.admin-fee h2 .custom-item-align {
  font-family: "Karbon", "Courier New";
  visibility: visible;
}

.admin-fee h2 .custom-item-align::before {
  content: '';
}

.remove-after::before {
  content: '★';
  /* Example */
  color: red;
}

.no-before::before {
  content: none !important;
}

.custom-placeholder-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.custom-placeholder-wrapper input {
  position: relative;
  z-index: 2;
  background-color: transparent;
}

.fake-placeholder {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  color: black;
  pointer-events: none;
  z-index: 1;
}

.riyal-symbol::before {
  font-family: 'saudi_riyal' !important;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  margin-left: 4px;
}

.field-retail-price::before {
  font-family: 'saudi_riyal' !important;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  margin-left: 4px;
}

.riyalPlaceholderApplied::placeholder {
  visibility: hidden;
}

.remove-symbol h2::after {
  content: none !important;
}

:root[dir="rtl"] .fake-placeholder {
  right: 40px;
}


:root[dir="rtl"] .financing h2 .custom-item-align {
  display: inline-flex;
  flex-direction: row-reverse;
}

:root[dir="rtl"] .financing-process-total-amoun h2 .custom-item-align::before,
:root[dir="rtl"] .financing-process-admin-fee-vat h2 .custom-item-align::before {
  content: "";
  visibility: visible;

}



:root[dir="rtl"] .vehicles-full-content .pay .monthly-payment {
  display: flex;
  flex-wrap: wrap;
}

:root[dir="rtl"] .vehicles-full-content .pay .monthly-payment .starting-from {
  flex-basis: 100%;
}

:root[dir="rtl"] .vehicles-full-content .pay .monthly-payment .field-monthly-payment {
  flex-basis: 60%;
}

:root[dir="rtl"] .vehicles-full-content .pay .monthly-payment .sar {
  flex-basis: 30%;
}

.custom-placeholder-wrapper::before {
  font-family: 'saudi_riyal' !important;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  font-weight: 500;
  font-size: 20px;
  position: absolute;
  top: 17px;
  left: 10px;
  border-right: 1px solid #d9d9d9;
  z-index: 3;
  width: 5%;

}

:root[dir="rtl"] .custom-placeholder-wrapper::before {
  right: 130px;
  padding: 0 5px;

}

.custom-placeholder-wrapper input {
  padding: 15px 40px;
}

:root[dir="rtl"] .custom-placeholder-wrapper input {
  padding: 15px 25px;
}

.financing-process-down-payment .custom-placeholder-wrapper::before {
  content: none;
}

.financing-process-total-cost.no h2::after {
  content: none !important;
}

.form-item-project-type .custom-placeholder-wrapper::before {
  content: none;
}

.tbm-submenu {
  top: 120%
}

.navbar-brand a img {
  margin-top: 35px;
}

.main-navbar .navbar .space-nav .site-nav .logo-site .region-nav-branding #block-aljuf-branding .navbar-brand img {
  padding-top: 30px;
}

.main-navbar .navbar {
  padding: 0 0px 36px 0px;
}

.main-header .main-mega .region-nav-main #block-aljuf-mainnavigation .tbm .tbm-collapse .tbm-nav .tbm-item .tbm-submenu,
.main-header .main-mega .region-nav-main #block-aljuf-mainnavigation.tbm-main .tbm-collapse .tbm-nav .tbm-item .tbm-submenu {
  padding: 0;
  border: none;
  box-shadow: none;
  margin-top: 35px !important;
}

.main-navbar .navbar .space-nav .site-nav .logo-site .region-nav-branding #block-aljuf-branding .navbar-brand .site-logo img {
  height: auto !important;
  max-width: 265px !important;
}

.sliding-popup-bottom .eu-cookie-compliance-secondary-button {
  cursor: pointer;
  background: #3c1053;
  border: none;
  border-radius: 4px;
  padding: 15px;
  font-size: 20px;
  font-weight: 800;
  margin: 0;
  transition: 0.5s;
  color: #ffffff;
  text-transform: capitalize;
}

.sliding-popup-bottom {
  background: rgba(245, 246, 246, 1) !important;
  padding: 25px !important;

}

.consumer-product-financing-create-lead-form .city-disable {
  background-color: #3c1053;
  pointer-events: all;
  opacity: 1 !important;
}

.node-form-vehicles div.shs-widget-container[data-shs-level="1"],
.new-vehicle-murabaha-create-leade-form div.shs-widget-container[data-shs-level="1"] {
  display: none;
}
 
 
.block-node-fast-financing-vehicles .financing-process-total-cost h2::after,
.block-node-fast-financing-vehicles .financing-process-total-cost h2 .custom-item-align::before {
  content: none;
}