/*!
Theme Name: GMSC
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called <code>GMSC</code>, or <em>underscores</em>, if you like. I'm a theme meant for hacking so don't use me as a <em>Parent Theme</em>. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: GMSC
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

GMSC is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');
/* @import url('./assets/fonts/NeueHaasDisplay/stylesheet.css'); */

body {
  font-family:
    'Tajawal',
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Open Sans',
    'Helvetica Neue',
    sans-serif;
}

.btn-contact::after {
  inset-inline-end: 6px;
}

.who-values::after {
  content: 'قيمنا';
}

.what-page-lead,
.media-feature h3,
.news-card h3,
.contact-map-card h3,
.contact-address-card h3,
.news-single-meta time,
.news-single-meta span,
.news-archive-copy h3,
.news-feature-copy h3,
.news-hero h1,
.contact-card-copy h2,
.contact-form-card h2,
.contact-find-us h2,
.what-partners h2,
.what-tenders h2,
.what-service-panel h2,
.who-company h2,
.who-value-card h3,
.who-vision h2,
.who-values h2,
.page-title,
.warehouse-section h2,
.section-title,
.section-kicker {
  font-weight: 500;
}

.page-banner::after {
  background: linear-gradient(
    90deg,
    rgb(0 177 168 / 48%) 0%,
    rgb(15 150 212 / 44%) 44%,
    rgb(28 128 249 / 69%) 100%
  );
  mix-blend-mode: unset;
}

.news-read-button span::before {
  left: unset;
  inset-inline-start: 50%;
  scale: -1 1;
}

.btn-aqua::after,
.what-slider-button,
.awards-slider-button,
.licenses-slider-button,
.what-partner-button {
  scale: -1 1;
}

.hero-section video#myVideo {
  scale: -1 1;
}

.impact-item strong {
  direction: ltr;
}

.feature-list li::before {
  inset-inline-start: -10px;
}

.media-feature img,
.news-card img,
.btn-contact img,
.btn-primary::after {
  scale: -1 1;
}

.what-service-list li::before,
.what-tender-list li::before {
  inset-inline-start: -0.4rem;
}

.wpcf7,
.contact-shortcode-shell input:not([type='submit']),
.contact-shortcode-shell textarea,
.contact-shortcode-shell select {
  direction: rtl;
}

.who-values-heading h2::after {
  inset-inline-end: -3.9rem;
}

.footer-links a,
.credential-card p,
.explore-cta,
.who-breadcrumb,
.who-breadcrumb a,
.who-breadcrumb .active,
.who-company p,
.page-banner .breadcrumb,
.page-banner .breadcrumb a,
.page-banner .breadcrumb .active,
.career-breadcrumb,
.career-breadcrumb a,
.career-breadcrumb .active,
.career-apply-card > p,
.news-breadcrumb,
.news-breadcrumb a,
.news-breadcrumb .active {
  font-weight: 500;
}

.social-link {
  align-items: flex-end;
}

.page-id-311 .page-banner video#myVideo {
  scale: -1 1;
}

@media (max-width: 767.98px) {
  .explore-cta {
    left: -25px;
  }

  .btn-contact::after {
    inset-inline-end: 4px;
  }

  .who-company video#myVideo {
    object-position: right center;
  }
}