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

:root {
  /* ===== typography ===== */
  --ebmnt1-font-main: "El Messiri", sans-serif;
  --ebmnt1-font-size-body: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  --ebmnt1-font-size-small: clamp(0.8rem, 0.78rem + 0.12vw, 0.9rem);
  --ebmnt1-font-size-hero-title: clamp(2rem, 1.35rem + 3.1vw, 4.125rem);
  --ebmnt1-font-size-section-title: clamp(1.625rem, 1.2rem + 2vw, 3rem);
  --ebmnt1-font-size-card-title: clamp(1.1rem, 1.02rem + 0.4vw, 1.375rem);
  --ebmnt1-font-size-counter: clamp(2rem, 1.6rem + 1.6vw, 3rem);
  --ebmnt1-font-size-lead: clamp(1rem, 0.95rem + 0.3vw, 1.2rem);
  --ebmnt1-font-size-button: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  --ebmnt1-font-size-badge: clamp(0.8rem, 0.78rem + 0.12vw, 0.9rem);
  --ebmnt1-font-size-icon: clamp(1.15rem, 1.05rem + 0.4vw, 1.5rem);
  --ebmnt1-font-size-menu-link: clamp(1rem, 0.95rem + 0.2vw, 1.05rem);
  --ebmnt1-font-weight-regular: 400;
  --ebmnt1-font-weight-medium: 500;
  --ebmnt1-font-weight-semibold: 600;
  --ebmnt1-font-weight-bold: 700;
  --ebmnt1-line-height-text: 1.8;
  --ebmnt1-line-height-title: 1.45;

  /* ===== layout ===== */
  --ebmnt1-container-max-width: 82.5rem;
  --ebmnt1-header-height: 4.5em;
  --ebmnt1-main-gap: 5em;
  --ebmnt1-body-gap: 1.25em;
  --ebmnt1-boxed-block-space: clamp(3em, 6vw, 6.25em);
  --ebmnt1-radius-card: 1.25em;
  --ebmnt1-radius-button: 0.625em;
  --ebmnt1-radius-pill: 6.25em;
  --ebmnt1-radius-circle: 50%;
  --ebmnt1-transition-base: all 0.4s ease-in-out;
  --ebmnt1-transition-fast: all 0.3s ease-in-out;
  --ebmnt1-transition-image: all 0.6s ease-in-out;
  --ebmnt1-header-z-index: 100;
  --ebmnt1-menu-overlay-z-index: 200;
  --ebmnt1-cta-fixed-z-index: 150;
  --ebmnt1-preloader-z-index: 1000;

  /* ===== images ===== */
  --ebmnt1-hero-bg-image: url('../images/hero-bg-image.jpg');
  --ebmnt1-dark-section-bg-image: url('../images/dark-section-bg-image.png');
  --ebmnt1-features-bg-image: url('../images/feature-bg-image.jpg');
  --ebmnt1-about-decor-bg-image: url('../images/about-us-bg-image.png');
  --ebmnt1-corner-decor-image-1: url('../images/section-bg-corner-image-1.png');
  --ebmnt1-corner-decor-image-2: url('../images/section-bg-corner-image-2.png');
  --ebmnt1-corner-decor-image-4: url('../images/section-bg-corner-image-4.png');
  --ebmnt1-corner-decor-image-5: url('../images/section-bg-corner-image-5.png');
  --ebmnt1-corner-decor-image-6: url('../images/section-bg-corner-image-6.png');
  --ebmnt1-reviews-bg-image: url('../images/testimonial-bg-image.png');

  /* ===== page ===== */
  --ebmnt1-page-bg-color: #f5f5f5;
  --ebmnt1-body-text-color: #484c44;
  --ebmnt1-selection-bg-color: #c7f268;
  --ebmnt1-selection-text-color: #033f2d;
  --ebmnt1-preloader-bg-color: #033f2d;
  --ebmnt1-preloader-icon-color: #c7f268;
  --ebmnt1-focus-ring-color: #c7f268;

  /* ===== dark section shared ===== */
  --ebmnt1-dark-section-bg-color: #033f2d;
  --ebmnt1-dark-section-title-color: #ffffff;
  --ebmnt1-dark-section-text-color: #ffffff;
  --ebmnt1-dark-section-divider-color: #ffffff1a;

  /* ===== section title ===== */
  --ebmnt1-section-title-text-color: #033f2d;
  --ebmnt1-section-badge-bg-color: #ffffff;
  --ebmnt1-section-badge-text-color: #033f2d;
  --ebmnt1-section-badge-dot-color: #c7f268;
  --ebmnt1-section-badge-on-dark-bg-color: #ffffff1a;
  --ebmnt1-section-badge-on-dark-text-color: #ffffff;
  --ebmnt1-section-lead-text-color: #484c44;

  /* ===== buttons ===== */
  --ebmnt1-button-primary-bg-color: #c7f268;
  --ebmnt1-button-primary-text-color: #033f2d;
  --ebmnt1-button-primary-icon-color: #033f2d;
  --ebmnt1-button-primary-hover-bg-color: #033f2d;
  --ebmnt1-button-primary-hover-text-color: #ffffff;
  --ebmnt1-button-primary-hover-icon-color: #c7f268;
  --ebmnt1-button-play-icon-bg-color: #c7f268;
  --ebmnt1-button-play-icon-color: #033f2d;
  --ebmnt1-button-play-text-color: #ffffff;
  --ebmnt1-button-play-hover-icon-bg-color: #ffffff;

  /* ===== header ===== */
  --ebmnt1-header-bg-color: #033f2d;
  --ebmnt1-header-border-bottom-color: #ffffff1a;
  --ebmnt1-header-shadow-color: #00000033;
  --ebmnt1-header-logo-text-color: #ffffff;
  --ebmnt1-header-logo-icon-bg-color: #c7f268;
  --ebmnt1-header-logo-icon-color: #033f2d;
  --ebmnt1-header-link-text-color: #ffffff;
  --ebmnt1-header-link-hover-text-color: #c7f268;
  --ebmnt1-header-link-active-text-color: #c7f268;
  --ebmnt1-header-burger-icon-color: #ffffff;
  --ebmnt1-header-burger-bg-color: #ffffff1a;
  --ebmnt1-header-dropdown-bg-color: #c7f268;
  --ebmnt1-header-dropdown-link-text-color: #033f2d;
  --ebmnt1-header-dropdown-link-hover-text-color: #ffffff;
  --ebmnt1-header-dropdown-link-hover-bg-color: #033f2d;
  --ebmnt1-header-dropdown-shadow-color: #00000026;
  --ebmnt1-menu-overlay-bg-color: transparent;
  --ebmnt1-menu-aside-bg-color: #c7f268;
  --ebmnt1-menu-aside-link-text-color: #033f2d;
  --ebmnt1-menu-aside-link-active-text-color: #ffffff;
  --ebmnt1-menu-aside-divider-color: #033f2d1a;
  --ebmnt1-menu-aside-close-icon-color: #033f2d;
  --ebmnt1-menu-aside-shadow-color: #00000040;

  /* ===== hero ===== */
  --ebmnt1-hero-bg-color: #033f2d;
  --ebmnt1-hero-overlay-start-color: #033f2d00;
  --ebmnt1-hero-overlay-end-color: #033f2df2;
  --ebmnt1-hero-overlay-mobile-color: #033f2dd9;
  --ebmnt1-hero-title-text-color: #ffffff;
  --ebmnt1-hero-text-color: #ffffff;
  --ebmnt1-hero-badge-bg-color: #ffffff1a;
  --ebmnt1-hero-badge-text-color: #ffffff;
  --ebmnt1-hero-badge-dot-color: #c7f268;
  --ebmnt1-hero-feature-title-color: #ffffff;
  --ebmnt1-hero-feature-icon-bg-color: #c7f268;
  --ebmnt1-hero-feature-icon-color: #033f2d;
  --ebmnt1-hero-feature-icon-hover-bg-color: #ffffff;
  --ebmnt1-hero-divider-color: #ffffff1a;
  --ebmnt1-hero-rating-text-color: #ffffff;
  --ebmnt1-hero-rating-star-color: #c7f268;
  --ebmnt1-hero-avatar-border-color: #ffffff;
  --ebmnt1-hero-avatar-more-bg-color: #c7f268;
  --ebmnt1-hero-avatar-more-icon-color: #033f2d;

  /* ===== why us ===== */
  --ebmnt1-why-us-item-title-color: #033f2d;
  --ebmnt1-why-us-item-text-color: #484c44;
  --ebmnt1-why-us-icon-bg-color: #c7f268;
  --ebmnt1-why-us-icon-color: #033f2d;
  --ebmnt1-why-us-icon-hover-fill-color: #033f2d;
  --ebmnt1-why-us-icon-hover-color: #c7f268;
  --ebmnt1-why-us-quote-bg-color: #ffffff;
  --ebmnt1-why-us-quote-text-color: #033f2d;
  --ebmnt1-why-us-quote-name-color: #484c44;
  --ebmnt1-why-us-counter-bg-color: #ffffff;
  --ebmnt1-why-us-counter-hover-bg-color: #c7f268;
  --ebmnt1-why-us-counter-number-color: #033f2d;
  --ebmnt1-why-us-counter-text-color: #484c44;
  --ebmnt1-why-us-counter-text-hover-color: #033f2d;

  /* ===== features (dark) ===== */
  --ebmnt1-features-bg-color: #033f2d;
  --ebmnt1-features-overlay-color: #033f2dcc;
  --ebmnt1-features-card-bg-color: #ffffff1a;
  --ebmnt1-features-card-title-color: #ffffff;
  --ebmnt1-features-card-text-color: #ffffffd9;
  --ebmnt1-features-card-divider-color: #ffffff1a;
  --ebmnt1-features-card-check-icon-color: #c7f268;
  --ebmnt1-features-card-list-text-color: #ffffff;
  --ebmnt1-features-icon-bg-color: #c7f268;
  --ebmnt1-features-icon-color: #033f2d;
  --ebmnt1-features-icon-hover-bg-color: #ffffff;
  --ebmnt1-features-footer-text-color: #ffffff;
  --ebmnt1-features-footer-badge-bg-color: #c7f268;
  --ebmnt1-features-footer-badge-text-color: #033f2d;

  /* ===== faq ===== */
  --ebmnt1-faq-item-bg-color: #ffffff;
  --ebmnt1-faq-item-border-color: #0000001a;
  --ebmnt1-faq-item-open-border-color: #c7f268;
  --ebmnt1-faq-item-shadow-color: #033f2d1a;
  --ebmnt1-faq-number-bg-color: #c7f268;
  --ebmnt1-faq-number-text-color: #033f2d;
  --ebmnt1-faq-number-open-bg-color: #033f2d;
  --ebmnt1-faq-number-open-text-color: #c7f268;
  --ebmnt1-faq-question-text-color: #033f2d;
  --ebmnt1-faq-answer-text-color: #484c44;
  --ebmnt1-faq-toggle-icon-color: #033f2d;
  --ebmnt1-faq-toggle-icon-bg-color: #f5f5f5;
  --ebmnt1-faq-toggle-icon-open-bg-color: #c7f268;
  --ebmnt1-faq-progress-bar-color: #c7f268;
  --ebmnt1-faq-search-bg-color: #ffffff;
  --ebmnt1-faq-search-border-color: #0000001a;
  --ebmnt1-faq-search-text-color: #033f2d;
  --ebmnt1-faq-search-placeholder-color: #484c4499;
  --ebmnt1-faq-search-icon-color: #033f2d;
  --ebmnt1-faq-empty-text-color: #484c44;
  --ebmnt1-faq-side-card-bg-color: #033f2d;
  --ebmnt1-faq-side-card-title-color: #ffffff;
  --ebmnt1-faq-side-card-text-color: #ffffffd9;

  /* ===== process ===== */
  --ebmnt1-process-bg-color: #ffffff;
  --ebmnt1-process-title-color: #033f2d;
  --ebmnt1-process-text-color: #484c44;
  --ebmnt1-process-check-icon-color: #c7f268;
  --ebmnt1-process-check-text-color: #033f2d;
  --ebmnt1-process-step-bg-color: #f5f5f5;
  --ebmnt1-process-step-title-color: #033f2d;
  --ebmnt1-process-step-text-color: #484c44;
  --ebmnt1-process-step-number-bg-color: #c7f268;
  --ebmnt1-process-step-number-text-color: #033f2d;
  --ebmnt1-process-step-number-hover-fill-color: #033f2d;
  --ebmnt1-process-step-number-hover-text-color: #ffffff;

  /* ===== about ===== */
  --ebmnt1-about-title-color: #033f2d;
  --ebmnt1-about-text-color: #484c44;
  --ebmnt1-about-counter-bg-color: #ffffff;
  --ebmnt1-about-counter-number-color: #033f2d;
  --ebmnt1-about-counter-text-color: #484c44;
  --ebmnt1-about-point-bg-color: #ffffff;
  --ebmnt1-about-point-border-color: #0000001a;
  --ebmnt1-about-point-hover-border-color: #c7f268;
  --ebmnt1-about-point-title-color: #033f2d;
  --ebmnt1-about-point-text-color: #484c44;
  --ebmnt1-about-point-icon-bg-color: #c7f268;
  --ebmnt1-about-point-icon-color: #033f2d;
  --ebmnt1-about-point-icon-hover-fill-color: #033f2d;
  --ebmnt1-about-point-icon-hover-color: #c7f268;
  --ebmnt1-about-point-list-bullet-color: #c7f268;
  --ebmnt1-about-point-list-text-color: #484c44;
  --ebmnt1-about-point-guide-line-color: #c7f268;

  /* ===== works (slider) ===== */
  --ebmnt1-works-card-title-color: #033f2d;
  --ebmnt1-works-card-meta-color: #484c44;
  --ebmnt1-works-card-divider-color: #0000001a;
  --ebmnt1-works-card-link-color: #033f2d;
  --ebmnt1-works-card-link-icon-bg-color: #c7f268;
  --ebmnt1-works-card-link-icon-color: #033f2d;
  --ebmnt1-works-card-tag-bg-color: #c7f268;
  --ebmnt1-works-card-tag-text-color: #033f2d;

  /* ===== slider controls (shared) ===== */
  --ebmnt1-slider-button-bg-color: #c7f268;
  --ebmnt1-slider-button-icon-color: #033f2d;
  --ebmnt1-slider-button-hover-bg-color: #033f2d;
  --ebmnt1-slider-button-hover-icon-color: #c7f268;
  --ebmnt1-slider-button-disabled-bg-color: #0000001a;
  --ebmnt1-slider-button-on-dark-hover-bg-color: #ffffff;
  --ebmnt1-slider-button-on-dark-hover-icon-color: #033f2d;
  --ebmnt1-slider-bullet-bg-color: #0000001a;
  --ebmnt1-slider-bullet-active-bg-color: #c7f268;
  --ebmnt1-slider-bullet-on-dark-bg-color: #ffffff1a;

  /* ===== reviews ===== */
  --ebmnt1-reviews-bg-color: #033f2d;
  --ebmnt1-reviews-text-color: #ffffff;
  --ebmnt1-reviews-star-color: #c7f268;
  --ebmnt1-reviews-quote-icon-color: #c7f268;
  --ebmnt1-reviews-author-name-color: #ffffff;
  --ebmnt1-reviews-author-role-color: #ffffffb3;
  --ebmnt1-reviews-card-border-color: #ffffff1a;
  --ebmnt1-reviews-card-bg-color: #ffffff0d;
  --ebmnt1-reviews-author-border-color: #c7f268;

  /* ===== countries ===== */
  --ebmnt1-countries-name-color: #033f2d;
  --ebmnt1-countries-meta-color: #484c44;
  --ebmnt1-countries-flag-border-color: #ffffff;
  --ebmnt1-countries-flag-hover-border-color: #c7f268;
  --ebmnt1-countries-flag-shadow-color: #033f2d26;

  /* ===== contact ===== */
  --ebmnt1-contact-card-bg-color: #ffffff;
  --ebmnt1-contact-card-border-color: #0000001a;
  --ebmnt1-contact-card-title-color: #033f2d;
  --ebmnt1-contact-card-text-color: #484c44;
  --ebmnt1-contact-card-value-color: #033f2d;
  --ebmnt1-contact-card-icon-bg-color: #c7f268;
  --ebmnt1-contact-card-icon-color: #033f2d;
  --ebmnt1-contact-card-arrow-color: #033f2d;
  --ebmnt1-contact-card-hover-bg-color: #033f2d;
  --ebmnt1-contact-card-hover-title-color: #ffffff;
  --ebmnt1-contact-card-hover-text-color: #ffffffd9;
  --ebmnt1-contact-card-hover-value-color: #c7f268;
  --ebmnt1-contact-card-hover-icon-bg-color: #c7f268;
  --ebmnt1-contact-card-hover-icon-color: #033f2d;
  --ebmnt1-contact-card-hover-arrow-color: #c7f268;
  --ebmnt1-contact-card-whatsapp-icon-bg-color: #25d366;
  --ebmnt1-contact-card-whatsapp-icon-color: #ffffff;

  /* ===== footer ===== */
  --ebmnt1-footer-bg-color: #033f2d;
  --ebmnt1-footer-title-color: #ffffff;
  --ebmnt1-footer-text-color: #ffffff;
  --ebmnt1-footer-link-color: #ffffff;
  --ebmnt1-footer-link-hover-color: #c7f268;
  --ebmnt1-footer-bullet-color: #c7f268;
  --ebmnt1-footer-divider-color: #ffffff1a;
  --ebmnt1-footer-top-box-bg-color: #ffffff1a;
  --ebmnt1-footer-logo-text-color: #ffffff;
  --ebmnt1-footer-logo-icon-bg-color: #c7f268;
  --ebmnt1-footer-logo-icon-color: #033f2d;
  --ebmnt1-footer-social-border-color: #c7f268;
  --ebmnt1-footer-social-icon-color: #c7f268;
  --ebmnt1-footer-social-hover-bg-color: #c7f268;
  --ebmnt1-footer-social-hover-icon-color: #033f2d;
  --ebmnt1-footer-contact-icon-bg-color: #c7f268;
  --ebmnt1-footer-contact-icon-color: #033f2d;
  --ebmnt1-footer-contact-label-color: #ffffff;
  --ebmnt1-footer-contact-value-color: #ffffff;
  --ebmnt1-footer-copyright-text-color: #ffffff;

  /* ===== signature (created by) ===== */
  --ebmnt1-signature-label-color: #ffffffb3;
  --ebmnt1-signature-card-bg-start-color: #c7f268;
  --ebmnt1-signature-card-bg-end-color: #9fd43a;
  --ebmnt1-signature-card-text-color: #033f2d;
  --ebmnt1-signature-card-icon-color: #033f2d;
  --ebmnt1-signature-card-edge-color: #6f9a1f;
  --ebmnt1-signature-card-shadow-color: #00000066;
  --ebmnt1-signature-card-sheen-color: #ffffff99;
  --ebmnt1-signature-underline-color: #033f2d;

  /* ===== fixed cta ===== */
  --ebmnt1-cta-fixed-whatsapp-bg-color: #25d366;
  --ebmnt1-cta-fixed-whatsapp-text-color: #ffffff;
  --ebmnt1-cta-fixed-whatsapp-icon-bg-color: #ffffff33;
  --ebmnt1-cta-fixed-whatsapp-icon-color: #ffffff;
  --ebmnt1-cta-fixed-whatsapp-pulse-color: #25d36680;
  --ebmnt1-cta-fixed-call-bg-color: #033f2d;
  --ebmnt1-cta-fixed-call-text-color: #ffffff;
  --ebmnt1-cta-fixed-call-icon-bg-color: #c7f268;
  --ebmnt1-cta-fixed-call-icon-color: #033f2d;
  --ebmnt1-cta-fixed-call-pulse-color: #c7f26899;
  --ebmnt1-cta-fixed-status-dot-color: #c7f268;
  --ebmnt1-cta-fixed-shadow-color: #00000040;
  --ebmnt1-cta-fixed-border-color: #ffffff33;

  /* ===== cursor ===== */
  --ebmnt1-cursor-bg-color: #c7f268;
  --ebmnt1-cursor-ring-color: #033f2d;
}
