@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap");

:root {
  --poppins-font: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
}

p {
  margin: 0 !important;
}

.poppins {
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif !important;
}

.cf7-modern .cf7-field {
  margin-bottom: 25px !important;
}

.cf7-modern .cf7-field > label {
  display: block !important;
  margin-bottom: 8px !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 100% !important;
  color: #344b50 !important;
}

.cf7-modern input[type="text"],
.cf7-modern input[type="email"],
.cf7-modern textarea {
  width: 100% !important;
  height: 56px !important;
  padding: 10px 8px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  font-size: 16px !important;
  line-height: 100% !important;
  color: #000000 !important;
}

.cf7-modern textarea {
  height: 100px !important;
  resize: vertical !important;
}

.cf7-modern ::placeholder {
  color: #94a3b8 !important;
}

.cf7-modern input[type="file"] {
  width: 100% !important;
  height: 56px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  font-size: 16px !important;
  direction: rtl !important;
  padding: 0 !important;
  color: #342f2f !important;
}

.cf7-modern input[type="file"]::file-selector-button {
  width: 100px !important;
  height: 56px !important;
  border: none !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background: #eaeaea !important;
  color: #342f2f !important;
  font-size: 16px !important;
  cursor: pointer !important;
  content: "Browse" !important;
}

.cf7-modern .cf7-actions {
  margin-top: 8px !important;
}

.cf7-modern input[type="submit"] {
  width: 248px !important;
  height: 48px !important;
  border: none !important;
  border-radius: 8px !important;
  background-color: #2178be !important;
  color: #f9f9f9 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  cursor: pointer !important;
}
.cf7-field label {
  margin-bottom: 8px !important;
}

.elementor-button-content-wrapper {
  align-items: center !important;
}

html:not(.dgwt-wcas-overlay-mobile-on)
  .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon
  .dgwt-wcas-search-form {
  top: calc(100% + 14px);
}

.wpml-ls-legacy-list-horizontal > ul {
  display: flex;
  align-items: center;
  gap: 12px;
}

.wpml-ls-legacy-list-horizontal {
  border: none;
  padding: 0;
}

.wpml-ls-legacy-list-horizontal a {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-flag + span {
  margin: 0;
}

.wpml-ls-legacy-list-horizontal a {
  line-height: unset;
}

.wpml-ls-legacy-list-horizontal ul::before {
  content: "";
  display: block;
  width: 1px;
  background: #000000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 41%;
  transform: translateX(-50%);
}
html[dir="rtl"] .wpml-ls-legacy-list-horizontal ul::before {
  left: 58%;
}
.wpml-ls-legacy-list-horizontal ul li a {
  text-decoration: none !important;
}

@media (max-width: 375px) {
  .wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100% !important;
  }
}

/* Start Products page */
.woocommerce-result-count {
  font-family: "Poppins", sans-serif;
  color: #191c1f !important;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.43em;
  background-color: #f2f4f5;
  padding: 12px 24px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.woocommerce .woocommerce-ordering select {
  outline: none !important;
  border: 1px solid #e4e7e9 !important;
  font-family: "Poppins", sans-serif;
  color: #475156 !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}
.woocommerce .woocommerce-ordering select option:hover {
  background-color: #f2f4f5 !important;
}
.woocommerce .woocommerce-ordering select option::selection {
  background-color: #f2f4f5 !important;
  color: #191c1f !important;
}

.woocommerce-Price-amount.amount {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #2da5f3;
  line-height: 1.25em;
}

.woocommerce ul.products li.product .onsale {
  all: unset !important;
  position: absolute !important;
  left: -5px !important;
  top: -10px !important;
  background-color: #2db224 !important;
  border-radius: 2px !important;
  padding: 5px 10px !important;
  color: white !important;
  text-transform: uppercase !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  width: 48px !important;
  height: 26px !important;
  text-align: center !important;
  justify-content: center !important;
  display: flex !important;
  align-items: center !important;
}
.woocommerce span.onsale {
  all: unset !important;
  position: absolute !important;
  left: 15px !important;
  top: 12px !important;
  background-color: #2db224 !important;
  border-radius: 2px !important;
  padding: 5.68px 11.36px !important;
  color: white !important;
  text-transform: uppercase !important;
  font-size: 0.852rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  justify-content: center !important;
  display: flex !important;
  align-items: center !important;
  z-index: 10 !important;
}
ins {
  text-decoration: none !important;
}

.woocommerce .elementor-element.elementor-products-grid ul.products li.product {
  border: 1px solid #e4e7e9 !important;
  border-radius: 1px !important;
  width: 234px !important;
  padding: 19px 16px !important;
}
.woocommerce-loop-product__title {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  line-height: 1.43em !important;
  color: #191c1f !important;
}
.woocommerce ul.products li.product a img {
  width: 202px !important;
  height: 182.91339111328125px !important;
}
.woocommerce ul.products li.product .button {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  line-height: 1.43em !important;
  color: white !important;
  background-color: #8dc63f !important;
}
.woocommerce nav.woocommerce-pagination ul {
  margin: auto !important;
  gap: 8px !important;
  border: none !important;
  display: flex !important;
}
.woocommerce nav.woocommerce-pagination ul li:first-child {
  margin-right: 12px !important;
  border: 1.5px solid #2178be !important;
}
.woocommerce nav.woocommerce-pagination ul li:last-child {
  margin-left: 12px !important;
  border: 1.5px solid #2178be !important;
}
.woocommerce nav.woocommerce-pagination ul li:last-child a,
.woocommerce nav.woocommerce-pagination ul li:first-child a {
  all: unset !important;
  font-size: 24px !important;
  font-weight: bold !important;
  color: #2178be !important;
}
.woocommerce nav.woocommerce-pagination ul li {
  border-radius: 100px !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid #e4e7e9 !important;
}
.woocommerce nav.woocommerce-pagination ul li a {
  background-color: #ffffff !important;
  color: #191c1f !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  line-height: 1.43em !important;
  text-align: center !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
  background-color: #2178be !important;
  color: white !important;
  height: 100% !important;
  padding: 12px 0;
}
/* End Products page */

/* Start Fitler widget */
.wpfFilterWrapper .wpfFilterTitle {
  margin-bottom: 18px !important;
}

.wpfFilterWrapper .wpfFilterTaxNameWrapper {
  font-family: "Poppins", sans-serif !important;
  font-weight: 500 !important;
  font-style: Medium !important;
  font-size: 0.875rem !important;
  line-height: 1.43em !important;
}

.wpfFilterWrapper .wfpTitle {
  font-family: var(--poppins-font) !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
  line-height: 1.5em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

.wpfFilterWrapper .wpfFilterTaxNameWrapper {
  font-family: var(--poppins-font) !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  line-height: 1.43em !important;
}

.ui-slider.ui-widget-content .ui-slider-handle:hover,
.ui-slider.ui-widget-content .ui-slider-handle.ui-state-hover,
.ui-slider.ui-widget-content .ui-slider-handle.ui-state-active {
  border-color: #8dc63f !important;
}

.wpfFilterWrapper .wpfCheckbox label {
  width: 20px !important;
  height: 20px !important;
  border-radius: 2px !important;
  color: white !important;
}

.ui-slider.ui-widget-content .ui-slider-handle {
  border: 1px solid #8dc63f !important;
}
/* End Fitler widget */

.elementor-widget.elementor-align-left .elementor-icon-list-item a {
  text-decoration: none;
  font-size: 0.938rem !important;
  line-height: 1.5em !important;
}

@media (max-width: 767px) {
  .woocommerce
    .elementor-element.elementor-products-grid
    ul.products
    li.product {
    width: 164px !important;
    padding: 13px 11px !important;
    border-radius: 2.08px !important;
  }

  .woocommerce ul.products li.product .onsale {
    width: unset !important;
    height: unset !important;
    font-size: 0.852rem;
  }
}

.site-header {
  display: none;
}

.elementor-button-icon svg {
  width: unset;
  height: unset;
}

.rt-cv input {
  direction: rtl;
  text-align: right;
}
.cf7-modern.cairo input,
.cf7-modern.cairo textarea,
.cf7-modern.cairo label {
  font-family: "Cairo", sans-serif !important;
  outline: none !important;
  text-align: right;
  direction: rtl;
}
.cf7-modern.cairo .cf7-field label {
  margin-bottom: 0px !important;
}

input[type="file"]::-webkit-file-upload-button {
  visibility: hidden !important;
}
.rt-cvR input[type="file"] {
  direction: ltr !important;
  text-align: left !important;
}
.rt-cvR input[type="file"]::before {
  width: 20%;
  content: "تصفح";
  display: flex;
  justify-content: center;
  background: #eaeaea;
  border-radius: 4px;
  padding: 14px;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  font-size: 1rem;
  height: 100%;
  color: #342f2f;
}
input[type="file"]::before {
  width: 20%;
  content: "Browse";
  display: flex;
  justify-content: center;
  background: #eaeaea;
  border-radius: 4px;
  padding: 14px;
  outline: none;
  white-space: nowrap;
  cursor: pointer;
  font-size: 1rem;
  height: 100%;
  color: #342f2f;
}
/* Product Page */
.woocommerce-product-gallery.woocommerce-product-gallery--with-images {
  display: flex;
  flex-direction: column;
}
.woocommerce
  .elementor-24130
  .elementor-element.elementor-element-9656529
  .flex-viewport:not(:last-child) {
  margin-bottom: 40px;
  border-radius: 9.7px;
  border: 1.21px solid #818181;
}
.woocommerce div.product div.images .flex-control-thumbs {
  display: flex;
  gap: 8px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  border-radius: 1.91px;
}
/*  */

/* Language Switcher */
.wpml-ls-native:hover {
  color: inherit !important;
}
.wpml-ls-native {
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-size: 1rem !important;
}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a:hover {
  color: #2178be !important;
}
.wpml-ls-native[lang="ar"]:hover {
  color: unset;
}
@media (max-width: 1024px) {
  .wpml-ls-native[lang="ar"] {
    color: black !important;
  }
}

@media (max-width: 1024px) {
  .newHeader {
    background: white !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  }
}

.main-Hero-Section::before {
  background: linear-gradient(180deg, #242423 0%, rgba(46, 46, 46, 0) 100%),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) !important;
}

.newHeader.visible {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  background-color: white !important;
}

.elementor-kit-21493 a:hover {
  color: #8DC63F;
}