/*
Theme Name: Twenty Seventeen

Adding support for languages written in a Right To Left (RTL) direction is easy,
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right-to-Left_Language_Support

*/

/* Reset */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Almarai&display=swap');

body:not(.elementor-editor-wp-page),
body:not(.elementor-editor-wp-page) div,
body:not(.elementor-editor-wp-page) span,
body:not(.elementor-editor-wp-page) button,
body:not(.elementor-editor-wp-page) p,
body:not(.elementor-editor-wp-page) a,
body:not(.elementor-editor-wp-page) h1,
body:not(.elementor-editor-wp-page) h2,
body:not(.elementor-editor-wp-page) h4,
body *:not(i) {
   font-family: 'Noto Sans Arabic', sans-serif!important;
}

body {
	direction: rtl;
	unicode-bidi: embed;
}
.rtl h3 {
    font-family: 'Almarai', sans-serif!important;
	line-height:normal;
  }


.rtl .hfe-nav-menu .sub-arrow {
    margin-left: 0px;
    margin-right: 10px;
}
.rtl .sub-menu {
    right: 0;
    left:auto;
}
.rtl .flex-form p {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row-reverse; /* reverse the order for RTL */
}

.rtl .wpcf7 input[type="email"] {
  padding: 8px 20px;
  font-size: 18px;
  flex: 1;
  width: 100%;
  background: transparent;
  border: 2px solid var(--white);
  color: var(--white);
  text-align: right; /* aligns input text to the right */
}

.rtl .wpcf7 input[type="submit"] {
  padding: 10px 20px;
  font-size: 18px;
  background-color: var(--white);
  color: var(--dark-blue);
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

.rtl footer .wpcf7-spinner {
  position: absolute;
  left: 0; /* flipped for RTL */
  bottom: -32px;
}

.rtl .wpcf7-not-valid-tip {
  color: #fff;
  position: absolute;
  font-size: 14px;
  bottom: -20px;
  right: 0;
}

.rtl .wpcf7-response-output {
  margin: 36px 0 0 !important;
  border-color: #fff !important;
  color: #fff;
  text-align: right;
}

/* header */
.rtl #menu-item-9768 .sub-menu {
	margin-right:100%!important;
}
.rtl .hfe-has-submenu a {text-align:right!important;}


/* sustainablity */
.rtl .elementor-swiper-button-prev{margin-right: 30px!important;transform: scaleX(-1)!important;}
.rtl .elementor-swiper-button-next{margin-right: 0px!important;transform: scaleX(-1)!important;}