@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');

/* ==========================================================
   ebmnt1 — root variables
   every colour has its own variable per usage (even when values match)
   ========================================================== */

:root {
  /* ---------- typography ---------- */
  --ebmnt1-font-heading: "El Messiri", sans-serif;
  --ebmnt1-font-body: "El Messiri", sans-serif;

  --ebmnt1-fs-xs: clamp(0.75rem, 0.72rem + 0.1vw, 0.82rem);
  --ebmnt1-fs-sm: clamp(0.85rem, 0.82rem + 0.15vw, 0.95rem);
  --ebmnt1-fs-base: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  --ebmnt1-fs-md: clamp(1rem, 0.95rem + 0.3vw, 1.2rem);
  --ebmnt1-fs-lg: clamp(1.05rem, 1rem + 0.35vw, 1.3rem);
  --ebmnt1-fs-xl: clamp(1.2rem, 1.1rem + 0.7vw, 1.6rem);
  --ebmnt1-fs-h2: clamp(1.6rem, 1.2rem + 2vw, 3rem);
  --ebmnt1-fs-h1: clamp(2rem, 1.4rem + 3vw, 4.6rem);
  --ebmnt1-fs-marquee: clamp(2.5rem, 1.5rem + 5vw, 5.5rem);

  /* ---------- layout ---------- */
  --ebmnt1-container-max-width: 75rem;
  --ebmnt1-header-height: 4.5rem;

  /* ---------- body ---------- */
  --ebmnt1-body-text-color: #535353;
  --ebmnt1-body-background-color: #ffffff;

  /* ---------- section heading ---------- */
  --ebmnt1-heading-label-color: #ff5722;
  --ebmnt1-heading-label-line-color: #ff5722;
  --ebmnt1-heading-title-color: #020e28;
  --ebmnt1-heading-title-light-color: #ffffff;
  --ebmnt1-heading-text-color: #535353;
  --ebmnt1-heading-reveal-start-color: #8a93a6;

  /* ---------- buttons ---------- */
  --ebmnt1-btn-primary-background-color: #ff5722;
  --ebmnt1-btn-primary-text-color: #ffffff;
  --ebmnt1-btn-primary-border-color: #ff5722;
  --ebmnt1-btn-primary-hover-background-color: #020e28;
  --ebmnt1-btn-primary-hover-border-color: #020e28;
  --ebmnt1-btn-outline-light-text-color: #ffffff;
  --ebmnt1-btn-outline-light-border-color: #ffffff;
  --ebmnt1-btn-outline-light-hover-background-color: #ffffff;
  --ebmnt1-btn-outline-light-hover-text-color: #020e28;
  --ebmnt1-btn-light-background-color: #ffffff;
  --ebmnt1-btn-light-text-color: #020e28;
  --ebmnt1-btn-light-border-color: #ffffff;
  --ebmnt1-btn-light-hover-background-color: #ff5722;
  --ebmnt1-btn-light-hover-text-color: #ffffff;

  /* ---------- topbar ---------- */
  --ebmnt1-topbar-background-color: #020e28;
  --ebmnt1-topbar-text-color: #ffffff;
  --ebmnt1-topbar-icon-color: #ff5722;
  --ebmnt1-topbar-social-background-color: rgba(255, 255, 255, 0.1);
  --ebmnt1-topbar-social-icon-color: #ffffff;
  --ebmnt1-topbar-social-hover-background-color: #ff5722;

  /* ---------- header ---------- */
  --ebmnt1-header-background-color: #020e28;
  --ebmnt1-header-border-color: rgba(255, 255, 255, 0.1);
  --ebmnt1-header-stuck-shadow-color: rgba(0, 0, 0, 0.25);
  --ebmnt1-header-logo-text-color: #ffffff;
  --ebmnt1-header-logo-accent-color: #ff5722;
  --ebmnt1-header-logo-mark-color: #ff5722;
  --ebmnt1-header-logo-tagline-color: rgba(255, 255, 255, 0.75);
  --ebmnt1-header-tool-background-color: #ffffff;
  --ebmnt1-header-tool-icon-color: #020e28;
  --ebmnt1-header-tool-hover-background-color: #ff5722;
  --ebmnt1-header-tool-hover-icon-color: #ffffff;
  --ebmnt1-header-burger-background-color: #ffffff;
  --ebmnt1-header-burger-icon-color: #020e28;

  /* ---------- nav ---------- */
  --ebmnt1-nav-overlay-background-color: transparent;
  --ebmnt1-nav-panel-background-color: #020e28;
  --ebmnt1-nav-panel-border-color: rgba(255, 255, 255, 0.1);
  --ebmnt1-nav-link-color: #ffffff;
  --ebmnt1-nav-link-hover-color: #ff5722;
  --ebmnt1-nav-link-divider-color: rgba(255, 255, 255, 0.12);

  /* ---------- nav dropdown ---------- */
  --ebmnt1-nav-dropdown-background-color: #ffffff;
  --ebmnt1-nav-dropdown-shadow-color: rgba(0, 0, 0, 0.2);
  --ebmnt1-nav-dropdown-link-color: #020e28;
  --ebmnt1-nav-dropdown-link-hover-color: #ff5722;

  /* ---------- hero ---------- */
  --ebmnt1-hero-background-color: #020e28;
  --ebmnt1-hero-background-image: url("../assets/images/service2-bg.jpg");
  --ebmnt1-hero-overlay-start-color: rgba(2, 14, 40, 0.88);
  --ebmnt1-hero-overlay-end-color: rgba(2, 14, 40, 0.55);
  --ebmnt1-hero-text-color: #ffffff;
  --ebmnt1-hero-label-color: #ff5722;
  --ebmnt1-hero-title-color: #ffffff;
  --ebmnt1-hero-description-color: rgba(255, 255, 255, 0.88);

  /* ---------- hero feature cards ---------- */
  --ebmnt1-hero-feature-background-color: #eceff1;
  --ebmnt1-hero-feature-icon-background-color: #ffffff;
  --ebmnt1-hero-feature-icon-color: #ff5722;
  --ebmnt1-hero-feature-title-color: #020e28;
  --ebmnt1-hero-feature-text-color: #535353;

  /* ---------- hero call to action (12) ---------- */
  --ebmnt1-hero-cta-background-color: #ff5722;
  --ebmnt1-hero-cta-circle-dark-background-color: #020e28;
  --ebmnt1-hero-cta-circle-dark-icon-color: #ffffff;
  --ebmnt1-hero-cta-circle-light-background-color: #ffffff;
  --ebmnt1-hero-cta-circle-light-icon-color: #020e28;
  --ebmnt1-hero-cta-link-background-color: #ffffff;
  --ebmnt1-hero-cta-link-text-color: #020e28;
  --ebmnt1-hero-cta-link-hover-text-color: #ff5722;

  /* ---------- fixed cta (13) + scroll top ---------- */
  --ebmnt1-fixed-cta-dock-background-color: rgba(2, 14, 40, 0.55);
  --ebmnt1-fixed-cta-dock-border-color: rgba(255, 255, 255, 0.18);
  --ebmnt1-fixed-cta-dock-shadow-color: rgba(0, 0, 0, 0.35);
  --ebmnt1-fixed-cta-text-color: #ffffff;
  --ebmnt1-fixed-cta-label-color: #ffffff;
  --ebmnt1-fixed-cta-hint-color: rgba(255, 255, 255, 0.85);
  --ebmnt1-fixed-cta-icon-background-color: #ffffff;
  --ebmnt1-fixed-cta-whatsapp-start-color: #2fe074;
  --ebmnt1-fixed-cta-whatsapp-end-color: #128c4a;
  --ebmnt1-fixed-cta-whatsapp-edge-color: #0b5f31;
  --ebmnt1-fixed-cta-whatsapp-icon-color: #1faa57;
  --ebmnt1-fixed-cta-call-start-color: #ff8a5c;
  --ebmnt1-fixed-cta-call-end-color: #e64a19;
  --ebmnt1-fixed-cta-call-edge-color: #a8320c;
  --ebmnt1-fixed-cta-call-icon-color: #ff5722;
  --ebmnt1-fixed-cta-button-shadow-color: rgba(0, 0, 0, 0.35);
  --ebmnt1-fixed-cta-button-pressed-edge-color: rgba(0, 0, 0, 0.45);
  --ebmnt1-fixed-cta-ping-color: rgba(255, 255, 255, 0.7);
  --ebmnt1-fixed-cta-status-color: #7dff9f;
  --ebmnt1-fixed-cta-status-border-color: #128c4a;
  --ebmnt1-scroll-top-background-color: #ffffff;
  --ebmnt1-scroll-top-icon-color: #020e28;
  --ebmnt1-scroll-top-ring-color: #ff5722;
  --ebmnt1-scroll-top-ring-track-color: #e5e5e5;

  /* ---------- why us ---------- */
  --ebmnt1-why-us-background-color: #ffffff;
  --ebmnt1-why-us-dots-color: rgba(2, 14, 40, 0.06);
  --ebmnt1-why-us-point-background-color: #eceff1;
  --ebmnt1-why-us-point-hover-background-color: #e2e7ea;
  --ebmnt1-why-us-point-shadow-color: rgba(2, 14, 40, 0.05);
  --ebmnt1-why-us-icon-background-color: #ff5722;
  --ebmnt1-why-us-icon-hover-background-color: #020e28;
  --ebmnt1-why-us-icon-color: #ffffff;
  --ebmnt1-why-us-point-title-color: #020e28;
  --ebmnt1-why-us-point-text-color: #535353;
  --ebmnt1-why-us-point-list-text-color: #535353;
  --ebmnt1-why-us-list-marker-color: #ff5722;
  --ebmnt1-why-us-connector-line-color: #ffb199;

  /* ---------- faq ---------- */
  --ebmnt1-faq-background-color: #ffffff;
  --ebmnt1-faq-box-background-color: #ffffff;
  --ebmnt1-faq-box-border-color: #e5e5e5;
  --ebmnt1-faq-item-background-color: #f7f7f7;
  --ebmnt1-faq-item-open-background-color: #ffffff;
  --ebmnt1-faq-item-open-shadow-color: rgba(97, 97, 97, 0.1);
  --ebmnt1-faq-question-color: #020e28;
  --ebmnt1-faq-question-hover-color: #ff5722;
  --ebmnt1-faq-icon-color: #ff5722;
  --ebmnt1-faq-answer-color: #535353;

  /* ---------- how we work ---------- */
  --ebmnt1-how-we-work-background-color: #ffffff;
  --ebmnt1-how-we-work-number-background-color: #eceff1;
  --ebmnt1-how-we-work-number-text-color: #535353;
  --ebmnt1-how-we-work-number-halo-color: rgba(236, 239, 241, 0.5);
  --ebmnt1-how-we-work-number-active-background-color: #ff5722;
  --ebmnt1-how-we-work-number-active-text-color: #ffffff;
  --ebmnt1-how-we-work-photo-border-color: #020e28;
  --ebmnt1-how-we-work-photo-active-border-color: #ff5722;
  --ebmnt1-how-we-work-step-title-color: #020e28;
  --ebmnt1-how-we-work-step-title-active-color: #ff5722;
  --ebmnt1-how-we-work-step-text-color: #535353;
  --ebmnt1-how-we-work-dotted-line-color: #c9ced3;
  --ebmnt1-how-we-work-plane-color: #ff5722;
  --ebmnt1-how-we-work-plane-background-color: #ffffff;
  --ebmnt1-how-we-work-chevron-color: rgba(255, 87, 34, 0.18);

  /* ---------- about ---------- */
  --ebmnt1-about-background-color: #ffffff;
  --ebmnt1-about-bar-color: #020e28;
  --ebmnt1-about-circle-border-color: #ffffff;
  --ebmnt1-about-circle-background-color: #ffffff;
  --ebmnt1-about-circle-shadow-color: rgba(2, 14, 40, 0.18);
  --ebmnt1-about-badge-background-color: #ff5722;
  --ebmnt1-about-badge-text-color: #ffffff;
  --ebmnt1-about-badge-fold-color: #b83a12;
  --ebmnt1-about-text-color: #535353;
  --ebmnt1-about-point-title-color: #020e28;
  --ebmnt1-about-point-icon-color: #ff5722;
  --ebmnt1-about-point-text-color: #535353;
  --ebmnt1-about-point-list-text-color: #535353;
  --ebmnt1-about-list-marker-color: #ff5722;
  --ebmnt1-about-call-icon-background-color: #020e28;
  --ebmnt1-about-call-icon-color: #ffffff;
  --ebmnt1-about-call-label-color: #535353;
  --ebmnt1-about-call-number-color: #ff5722;
  --ebmnt1-about-features-background-color: #eceff1;
  --ebmnt1-about-features-border-color: #ff5722;
  --ebmnt1-about-feature-icon-color: #ff5722;
  --ebmnt1-about-feature-title-color: #020e28;
  --ebmnt1-about-feature-text-color: #535353;

  /* ---------- marquee ---------- */
  --ebmnt1-marquee-background-color: #ffffff;
  --ebmnt1-marquee-word-filled-color: #6b7287;
  --ebmnt1-marquee-word-outline-color: #ff8a65;
  --ebmnt1-marquee-star-color: #6b7287;

  /* ---------- services ---------- */
  --ebmnt1-services-background-color: #f3f5f6;
  --ebmnt1-services-dots-color: rgba(2, 14, 40, 0.05);
  --ebmnt1-services-card-background-color: #ffffff;
  --ebmnt1-services-card-shadow-color: rgba(2, 14, 40, 0.05);
  --ebmnt1-services-media-background-color: #020e28;
  --ebmnt1-services-icon-box-background-color: #020e28;
  --ebmnt1-services-icon-box-hover-background-color: #ff5722;
  --ebmnt1-services-icon-color: #ffffff;
  --ebmnt1-services-title-color: #020e28;
  --ebmnt1-services-title-hover-color: #ff5722;
  --ebmnt1-services-text-color: #535353;
  --ebmnt1-services-divider-color: #e5e5e5;
  --ebmnt1-services-link-text-color: #020e28;
  --ebmnt1-services-link-icon-background-color: #020e28;
  --ebmnt1-services-link-icon-color: #ffffff;
  --ebmnt1-services-link-icon-hover-background-color: #ff5722;

  /* ---------- previous work ---------- */
  --ebmnt1-previous-work-background-color: #ffffff;
  --ebmnt1-previous-work-card-background-color: #eceff1;
  --ebmnt1-previous-work-card-hover-shadow-color: rgba(2, 14, 40, 0.12);
  --ebmnt1-previous-work-meta-text-color: #020e28;
  --ebmnt1-previous-work-meta-icon-color: #ff5722;
  --ebmnt1-previous-work-title-color: #020e28;
  --ebmnt1-previous-work-divider-color: #d5dadd;
  --ebmnt1-previous-work-link-text-color: #020e28;
  --ebmnt1-previous-work-link-icon-background-color: #020e28;
  --ebmnt1-previous-work-link-icon-color: #ffffff;
  --ebmnt1-previous-work-link-icon-hover-background-color: #ff5722;

  /* ---------- reviews ---------- */
  --ebmnt1-reviews-background-color: #ffffff;
  --ebmnt1-reviews-control-background-color: #ff5722;
  --ebmnt1-reviews-control-icon-color: #ffffff;
  --ebmnt1-reviews-control-hover-background-color: #020e28;
  --ebmnt1-reviews-card-background-color: #eceff1;
  --ebmnt1-reviews-card-border-color: #ff5722;
  --ebmnt1-reviews-card-hover-shadow-color: rgba(2, 14, 40, 0.12);
  --ebmnt1-reviews-quote-icon-color: #ff5722;
  --ebmnt1-reviews-star-color: #ffb400;
  --ebmnt1-reviews-text-color: #535353;
  --ebmnt1-reviews-avatar-border-color: #ffffff;
  --ebmnt1-reviews-name-color: #020e28;
  --ebmnt1-reviews-role-color: #535353;

  /* ---------- countries ---------- */
  --ebmnt1-countries-background-color: #020e28;
  --ebmnt1-countries-text-color: #ffffff;
  --ebmnt1-countries-card-background-color: rgba(255, 255, 255, 0.07);
  --ebmnt1-countries-card-border-color: rgba(255, 255, 255, 0.08);
  --ebmnt1-countries-card-hover-background-color: rgba(255, 255, 255, 0.12);
  --ebmnt1-countries-card-hover-border-color: #ff5722;
  --ebmnt1-countries-flag-border-color: #ffffff;
  --ebmnt1-countries-name-color: #ffffff;
  --ebmnt1-countries-note-color: rgba(255, 255, 255, 0.65);

  /* ---------- contact ---------- */
  --ebmnt1-contact-background-color: #eceff1;
  --ebmnt1-contact-card-background-color: #ffffff;
  --ebmnt1-contact-card-border-color: #e5e5e5;
  --ebmnt1-contact-card-hover-background-color: #020e28;
  --ebmnt1-contact-card-hover-border-color: #ff5722;
  --ebmnt1-contact-icon-background-color: #ff5722;
  --ebmnt1-contact-icon-hover-background-color: #ff5722;
  --ebmnt1-contact-icon-color: #ffffff;
  --ebmnt1-contact-title-color: #020e28;
  --ebmnt1-contact-title-hover-color: #ffffff;
  --ebmnt1-contact-text-color: #535353;
  --ebmnt1-contact-text-hover-color: rgba(255, 255, 255, 0.75);
  --ebmnt1-contact-value-color: #ff5722;
  --ebmnt1-contact-arrow-color: #ff5722;

  /* ---------- footer signature (created by) ---------- */
  --ebmnt1-signature-strip-background-color: #010812;
  --ebmnt1-signature-strip-border-color: rgba(255, 255, 255, 0.08);
  --ebmnt1-signature-label-color: rgba(255, 255, 255, 0.6);
  --ebmnt1-signature-label-line-color: rgba(255, 255, 255, 0.3);
  --ebmnt1-signature-name-color: #ffffff;
  --ebmnt1-signature-button-start-color: #223764;
  --ebmnt1-signature-button-end-color: #0a1630;
  --ebmnt1-signature-button-border-color: rgba(255, 255, 255, 0.14);
  --ebmnt1-signature-button-hover-border-color: #ff5722;
  --ebmnt1-signature-button-highlight-color: rgba(255, 255, 255, 0.3);
  --ebmnt1-signature-button-inner-shade-color: rgba(0, 0, 0, 0.4);
  --ebmnt1-signature-button-edge-color: #050b1a;
  --ebmnt1-signature-button-shadow-color: rgba(0, 0, 0, 0.55);
  --ebmnt1-signature-button-glow-color: rgba(255, 87, 34, 0.35);
  --ebmnt1-signature-cube-start-color: #ff8a5c;
  --ebmnt1-signature-cube-end-color: #e64a19;
  --ebmnt1-signature-cube-icon-color: #ffffff;
  --ebmnt1-signature-cube-edge-color: #a8320c;
  --ebmnt1-signature-cube-shadow-color: rgba(0, 0, 0, 0.45);
  --ebmnt1-signature-shine-color: rgba(255, 255, 255, 0.45);

  /* ---------- footer ---------- */
  --ebmnt1-footer-background-color: #020e28;
  --ebmnt1-footer-background-image: url("../assets/images/footer-bg.jpg");
  --ebmnt1-footer-overlay-color: rgba(2, 14, 40, 0.88);
  --ebmnt1-footer-text-color: #ffffff;
  --ebmnt1-footer-logo-text-color: #ffffff;
  --ebmnt1-footer-logo-mark-color: #ff5722;
  --ebmnt1-footer-about-text-color: rgba(255, 255, 255, 0.8);
  --ebmnt1-footer-social-background-color: rgba(255, 255, 255, 0.1);
  --ebmnt1-footer-social-icon-color: #ffffff;
  --ebmnt1-footer-social-hover-background-color: #ff5722;
  --ebmnt1-footer-heading-color: #ffffff;
  --ebmnt1-footer-heading-line-start-color: #ffffff;
  --ebmnt1-footer-heading-line-end-color: #ff5722;
  --ebmnt1-footer-link-color: rgba(255, 255, 255, 0.7);
  --ebmnt1-footer-link-hover-color: #ff5722;
  --ebmnt1-footer-hours-text-color: rgba(255, 255, 255, 0.8);
  --ebmnt1-footer-bottom-background-color: #ff5722;
  --ebmnt1-footer-bottom-text-color: #ffffff;
  --ebmnt1-footer-bottom-divider-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1440px) {
  :root {
    --ebmnt1-container-max-width: 80rem;
  }
}