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

:root {
    /* ===== layout ===== */
    --ebmnt1-max-width-container: 81.25rem;
    --ebmnt1-gap-main-sections: 5em;
    --ebmnt1-space-section-fill: clamp(2.5em, 1.5em + 4vw, 6.25em);
    --ebmnt1-gap-section-inner: clamp(1.5em, 1.2em + 1.5vw, 2.5em);
    --ebmnt1-gap-cards: clamp(1em, 0.8em + 1vw, 1.875em);
    --ebmnt1-header-height: 4.5rem;

    /* ===== radius ===== */
    --ebmnt1-radius-card: 1.5rem;
    --ebmnt1-radius-pill: 6.25rem;
    --ebmnt1-radius-circle: 50%;
    --ebmnt1-radius-image-small: 1.125rem;

    /* ===== font ===== */
    --ebmnt1-font-main: "El Messiri", sans-serif;
    --ebmnt1-fs-body: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
    --ebmnt1-fs-small: clamp(0.8rem, 0.78rem + 0.1vw, 0.875rem);
    --ebmnt1-fs-h1: clamp(2rem, 1.3rem + 3vw, 3.75rem);
    --ebmnt1-fs-h2: clamp(1.625rem, 1.1rem + 2vw, 2.75rem);
    --ebmnt1-fs-h3: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);
    --ebmnt1-fs-hero-lead: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
    --ebmnt1-fs-counter: clamp(2rem, 1.5rem + 1.5vw, 2.75rem);
    --ebmnt1-fs-testimonial: clamp(1rem, 0.95rem + 0.4vw, 1.25rem);
    --ebmnt1-fs-step-number: clamp(3.25rem, 2.6rem + 2.4vw, 5rem);
    --ebmnt1-fs-icon-small: clamp(0.875rem, 0.85rem + 0.1vw, 1rem);
    --ebmnt1-fs-icon-medium: clamp(1.125rem, 1.05rem + 0.3vw, 1.5rem);
    --ebmnt1-fs-icon-large: clamp(1.4rem, 1.2rem + 0.8vw, 2rem);
    --ebmnt1-fs-signature: clamp(1.1rem, 1rem + 0.6vw, 1.5rem);

    /* ===== images ===== */
    --ebmnt1-image-hero-bg: url('https://html.awaikenthemes.com/petronus/images/hero-bg.jpg');
    --ebmnt1-image-about-decor: url('https://html.awaikenthemes.com/petronus/images/section-bg-1.png');
    --ebmnt1-image-why-decor: url('https://html.awaikenthemes.com/petronus/images/section-bg-2.png');
    --ebmnt1-image-reviews-decor: url('https://html.awaikenthemes.com/petronus/images/testimonial-bg-img.png');
    --ebmnt1-image-contact-bg: url('https://html.awaikenthemes.com/petronus/images/cta-box-bg.jpg');
    --ebmnt1-image-why-cta-bg: url('https://html.awaikenthemes.com/petronus/images/page-cta-box-bg.jpg');
    --ebmnt1-image-faq-dots: url('https://html.awaikenthemes.com/petronus/images/about-us-dot-img.png');

    /* ===== colors : page ===== */
    --ebmnt1-color-page-bg: #ffffff;
    --ebmnt1-color-body-text: #3d5a6a;
    --ebmnt1-color-heading-text: #002f47;
    --ebmnt1-color-selection-bg: #299b46;
    --ebmnt1-color-selection-text: #002f47;
    --ebmnt1-color-scrollbar-track: #002f47;
    --ebmnt1-color-scrollbar-thumb: #299b46;

    /* ===== colors : topbar ===== */
    --ebmnt1-color-topbar-bg: #299b46;
    --ebmnt1-color-topbar-text: #ffffff;
    --ebmnt1-color-topbar-icon: #ffffff;
    --ebmnt1-color-topbar-link-hover: #002f47;
    --ebmnt1-color-topbar-social-icon: #ffffff;
    --ebmnt1-color-topbar-social-hover: #002f47;

    /* ===== colors : header ===== */
    --ebmnt1-color-header-bg: #ffffff;
    --ebmnt1-color-header-border: rgba(0, 47, 71, 0.1);
    --ebmnt1-color-header-shadow: rgba(0, 47, 71, 0.08);
    --ebmnt1-color-logo-circle-bg: #299b46;
    --ebmnt1-color-logo-icon: #ffffff;
    --ebmnt1-color-logo-text: #002f47;
    --ebmnt1-color-nav-link-text: #3d5a6a;
    --ebmnt1-color-nav-link-hover: #299b46;
    --ebmnt1-color-nav-arrow-icon: #3d5a6a;
    --ebmnt1-color-nav-overlay-bg: transparent;
    --ebmnt1-color-nav-panel-bg: #299b46;
    --ebmnt1-color-nav-panel-shadow: rgba(0, 47, 71, 0.25);
    --ebmnt1-color-nav-panel-link-text: #ffffff;
    --ebmnt1-color-nav-panel-link-hover: #002f47;
    --ebmnt1-color-nav-panel-border: rgba(255, 255, 255, 0.2);
    --ebmnt1-color-nav-panel-cta-bg: #ffffff;
    --ebmnt1-color-nav-panel-cta-text: #002f47;
    --ebmnt1-color-nav-close-bg: #002f47;
    --ebmnt1-color-nav-close-icon: #ffffff;
    --ebmnt1-color-dropdown-bg: #299b46;
    --ebmnt1-color-dropdown-link-text: #ffffff;
    --ebmnt1-color-dropdown-link-hover: #002f47;
    --ebmnt1-color-dropdown-arrow-icon: #ffffff;
    --ebmnt1-color-burger-bg: #299b46;
    --ebmnt1-color-burger-line: #ffffff;

    /* ===== colors : buttons ===== */
    --ebmnt1-color-btn-label-bg: #299b46;
    --ebmnt1-color-btn-label-text: #ffffff;
    --ebmnt1-color-btn-circle-bg: #002f47;
    --ebmnt1-color-btn-circle-icon: #ffffff;
    --ebmnt1-color-btn-hover-fill: #002f47;
    --ebmnt1-color-btn-hl-circle-bg: #299b46;
    --ebmnt1-color-btn-hl-circle-icon: #ffffff;
    --ebmnt1-color-btn-hl-hover-fill: #ffffff;
    --ebmnt1-color-btn-hl-hover-text: #002f47;
    --ebmnt1-color-readmore-text: #299b46;
    --ebmnt1-color-readmore-hover-text: #002f47;
    --ebmnt1-color-readmore-circle-bg: #299b46;
    --ebmnt1-color-readmore-circle-hover-bg: #002f47;
    --ebmnt1-color-readmore-circle-icon: #ffffff;

    /* ===== colors : section titles ===== */
    --ebmnt1-color-badge-bg: #f5f7f2;
    --ebmnt1-color-badge-text: #299b46;
    --ebmnt1-color-badge-dot: #299b46;
    --ebmnt1-color-badge-on-light-bg: #299b46;
    --ebmnt1-color-badge-on-light-text: #ffffff;
    --ebmnt1-color-badge-on-light-dot: #ffffff;
    --ebmnt1-color-title-accent-word: #299b46;
    --ebmnt1-color-title-on-dark: #ffffff;
    --ebmnt1-color-lead-on-dark: #ffffff;
    --ebmnt1-color-section-light-bg: #f5f7f2;
    --ebmnt1-color-section-dark-bg: #002f47;
    --ebmnt1-color-divider-on-light: rgba(0, 47, 71, 0.1);
    --ebmnt1-color-divider-on-dark: rgba(255, 255, 255, 0.14);

    /* ===== colors : hero ===== */
    --ebmnt1-color-hero-overlay-strong: rgba(0, 47, 71, 0.9);
    --ebmnt1-color-hero-overlay-soft: rgba(0, 47, 71, 0.18);
    --ebmnt1-color-hero-title: #ffffff;
    --ebmnt1-color-hero-lead: #ffffff;
    --ebmnt1-color-hero-link: #ffffff;
    --ebmnt1-color-hero-link-hover: #299b46;

    /* ===== colors : hero strip ===== */
    --ebmnt1-color-strip-bg: #ffffff;
    --ebmnt1-color-strip-border: rgba(0, 47, 71, 0.1);
    --ebmnt1-color-strip-icon-bg: #299b46;
    --ebmnt1-color-strip-icon-fill: #002f47;
    --ebmnt1-color-strip-icon: #ffffff;
    --ebmnt1-color-strip-title: #002f47;

    /* ===== colors : why us ===== */
    --ebmnt1-color-feature-icon-bg: #299b46;
    --ebmnt1-color-feature-icon-fill: #002f47;
    --ebmnt1-color-feature-icon: #ffffff;
    --ebmnt1-color-feature-title: #002f47;
    --ebmnt1-color-feature-text: #3d5a6a;
    --ebmnt1-color-badge-ring-border: #299b46;
    --ebmnt1-color-badge-ring-bg: #ffffff;
    --ebmnt1-color-badge-ring-icon: #299b46;
    --ebmnt1-color-badge-ring-shadow: rgba(0, 47, 71, 0.15);
    --ebmnt1-color-why-card-bg: #ffffff;
    --ebmnt1-color-why-card-fill: #002f47;
    --ebmnt1-color-why-card-title: #002f47;
    --ebmnt1-color-why-card-title-hover: #ffffff;
    --ebmnt1-color-why-card-text: #3d5a6a;
    --ebmnt1-color-why-card-text-hover: #ffffff;
    --ebmnt1-color-why-icon-bg: #299b46;
    --ebmnt1-color-why-icon-fill: #002f47;
    --ebmnt1-color-why-icon: #ffffff;
    --ebmnt1-color-why-cta-overlay: rgba(0, 47, 71, 0.7);
    --ebmnt1-color-why-cta-title: #ffffff;
    --ebmnt1-color-why-cta-label: #ffffff;
    --ebmnt1-color-why-cta-phone-text: #ffffff;
    --ebmnt1-color-why-cta-phone-icon-bg: #299b46;
    --ebmnt1-color-why-cta-phone-icon: #ffffff;
    --ebmnt1-color-footer-note-badge-bg: #299b46;
    --ebmnt1-color-footer-note-badge-text: #ffffff;
    --ebmnt1-color-footer-note-link: #299b46;
    --ebmnt1-color-footer-note-link-hover: #002f47;

    /* ===== colors : faq ===== */
    --ebmnt1-color-faq-question-text: #ffffff;
    --ebmnt1-color-faq-answer-text: #ffffff;
    --ebmnt1-color-faq-border: rgba(255, 255, 255, 0.14);
    --ebmnt1-color-faq-arrow-icon: #ffffff;
    --ebmnt1-color-faq-image-shadow: rgba(0, 0, 0, 0.25);

    /* ===== colors : steps ===== */
    --ebmnt1-color-step-card-bg: #ffffff;
    --ebmnt1-color-step-card-border: rgba(0, 47, 71, 0.1);
    --ebmnt1-color-step-card-fill: #002f47;
    --ebmnt1-color-step-title: #002f47;
    --ebmnt1-color-step-title-hover: #ffffff;
    --ebmnt1-color-step-text: #3d5a6a;
    --ebmnt1-color-step-text-hover: #ffffff;
    --ebmnt1-color-step-number-stroke: rgba(0, 47, 71, 0.14);
    --ebmnt1-color-step-number-stroke-hover: rgba(255, 255, 255, 0.3);
    --ebmnt1-color-step-icon-bg: #299b46;
    --ebmnt1-color-step-icon-fill: #002f47;
    --ebmnt1-color-step-icon: #ffffff;
    --ebmnt1-color-step-rail-track: rgba(0, 47, 71, 0.14);
    --ebmnt1-color-step-rail-fill: #299b46;
    --ebmnt1-color-step-node-bg: #ffffff;
    --ebmnt1-color-step-node-border: #299b46;
    --ebmnt1-color-step-node-active-bg: #299b46;

    /* ===== colors : about ===== */
    --ebmnt1-color-about-oval-overlay: rgba(0, 47, 71, 0.2);
    --ebmnt1-color-about-circle-border: #ffffff;
    --ebmnt1-color-about-point-bg: #f5f7f2;
    --ebmnt1-color-about-point-border: rgba(0, 47, 71, 0.1);
    --ebmnt1-color-about-point-divider: rgba(0, 47, 71, 0.14);
    --ebmnt1-color-about-point-title: #002f47;
    --ebmnt1-color-about-point-text: #3d5a6a;
    --ebmnt1-color-about-point-check-icon: #299b46;
    --ebmnt1-color-about-icon-bg: #299b46;
    --ebmnt1-color-about-icon-fill: #002f47;
    --ebmnt1-color-about-icon: #ffffff;
    --ebmnt1-color-about-video-overlay: rgba(0, 47, 71, 0.6);
    --ebmnt1-color-about-play-border: #ffffff;
    --ebmnt1-color-about-play-icon: #ffffff;
    --ebmnt1-color-counter-number: #002f47;
    --ebmnt1-color-counter-label: #3d5a6a;

    /* ===== colors : work ===== */
    --ebmnt1-color-work-filter-text: #3d5a6a;
    --ebmnt1-color-work-filter-active: #299b46;
    --ebmnt1-color-work-filter-dot: #299b46;
    --ebmnt1-color-work-overlay: rgba(0, 47, 71, 0.6);
    --ebmnt1-color-work-title: #ffffff;
    --ebmnt1-color-work-link-bg: #299b46;
    --ebmnt1-color-work-link-hover-bg: #ffffff;
    --ebmnt1-color-work-link-icon: #ffffff;
    --ebmnt1-color-work-link-icon-hover: #002f47;

    /* ===== colors : services ===== */
    --ebmnt1-color-service-card-bg: #ffffff;
    --ebmnt1-color-service-title: #002f47;
    --ebmnt1-color-service-text: #3d5a6a;
    --ebmnt1-color-service-icon-bg: #299b46;
    --ebmnt1-color-service-icon-fill: #002f47;
    --ebmnt1-color-service-icon: #ffffff;
    --ebmnt1-color-service-icon-border: #ffffff;

    /* ===== colors : reviews ===== */
    --ebmnt1-color-review-card-bg: #ffffff;
    --ebmnt1-color-review-card-border: rgba(0, 47, 71, 0.1);
    --ebmnt1-color-review-name: #002f47;
    --ebmnt1-color-review-job: #3d5a6a;
    --ebmnt1-color-review-text: #3d5a6a;
    --ebmnt1-color-review-star-icon: #299b46;

    /* ===== colors : countries ===== */
    --ebmnt1-color-country-card-bg: #ffffff;
    --ebmnt1-color-country-card-fill: #002f47;
    --ebmnt1-color-country-title: #002f47;
    --ebmnt1-color-country-title-hover: #ffffff;
    --ebmnt1-color-country-text: #3d5a6a;
    --ebmnt1-color-country-text-hover: #ffffff;
    --ebmnt1-color-country-icon-bg: #299b46;
    --ebmnt1-color-country-icon-fill: #002f47;
    --ebmnt1-color-country-icon: #ffffff;

    /* ===== colors : slider controls ===== */
    --ebmnt1-color-slider-btn-bg: #299b46;
    --ebmnt1-color-slider-btn-hover-bg: #002f47;
    --ebmnt1-color-slider-btn-icon: #ffffff;
    --ebmnt1-color-slider-btn-disabled-bg: rgba(0, 47, 71, 0.2);
    --ebmnt1-color-slider-dot: rgba(0, 47, 71, 0.2);
    --ebmnt1-color-slider-dot-active: #299b46;

    /* ===== colors : contact ===== */
    --ebmnt1-color-contact-overlay: rgba(0, 47, 71, 0.8);
    --ebmnt1-color-contact-list-text: #ffffff;
    --ebmnt1-color-contact-list-icon-bg: #299b46;
    --ebmnt1-color-contact-list-icon: #ffffff;

    /* ===== colors : footer ===== */
    --ebmnt1-color-footer-bg: #002f47;
    --ebmnt1-color-footer-title: #ffffff;
    --ebmnt1-color-footer-text: #ffffff;
    --ebmnt1-color-footer-link: #ffffff;
    --ebmnt1-color-footer-link-hover: #299b46;
    --ebmnt1-color-footer-marker: #299b46;
    --ebmnt1-color-footer-marker-hover: #ffffff;
    --ebmnt1-color-footer-contact-icon-bg: #ffffff;
    --ebmnt1-color-footer-contact-icon: #002f47;
    --ebmnt1-color-footer-contact-icon-hover-bg: #299b46;
    --ebmnt1-color-footer-contact-icon-hover: #ffffff;
    --ebmnt1-color-footer-social-border: rgba(255, 255, 255, 0.14);
    --ebmnt1-color-footer-social-icon: #ffffff;
    --ebmnt1-color-footer-social-hover-bg: #299b46;
    --ebmnt1-color-footer-divider: rgba(255, 255, 255, 0.14);
    --ebmnt1-color-footer-copyright: #ffffff;
    --ebmnt1-color-footer-logo-text: #ffffff;
    --ebmnt1-color-footer-logo-circle-bg: #299b46;
    --ebmnt1-color-footer-logo-icon: #ffffff;

    /* ===== colors : signature (created by) ===== */
    --ebmnt1-color-signature-label: rgba(255, 255, 255, 0.7);
    --ebmnt1-color-signature-text: #ffffff;
    --ebmnt1-color-signature-extrude-1: #1f7a37;
    --ebmnt1-color-signature-extrude-2: #165a28;
    --ebmnt1-color-signature-extrude-3: #0d3a19;
    --ebmnt1-color-signature-shadow: rgba(0, 0, 0, 0.45);
    --ebmnt1-color-signature-sheen: rgba(255, 255, 255, 0.55);
    --ebmnt1-color-signature-underline: #299b46;
    --ebmnt1-color-signature-icon: #299b46;
    --ebmnt1-color-signature-bg: rgba(255, 255, 255, 0.05);
    --ebmnt1-color-signature-border: rgba(255, 255, 255, 0.14);

    /* ===== colors : fixed cta ===== */
    --ebmnt1-color-fixed-whatsapp-bg: #25d366;
    --ebmnt1-color-fixed-whatsapp-icon-bg: #ffffff;
    --ebmnt1-color-fixed-whatsapp-icon: #25d366;
    --ebmnt1-color-fixed-whatsapp-text: #ffffff;
    --ebmnt1-color-fixed-whatsapp-pulse: rgba(37, 211, 102, 0.55);
    --ebmnt1-color-fixed-call-bg: #299b46;
    --ebmnt1-color-fixed-call-icon-bg: #ffffff;
    --ebmnt1-color-fixed-call-icon: #299b46;
    --ebmnt1-color-fixed-call-text: #ffffff;
    --ebmnt1-color-fixed-call-pulse: rgba(41, 155, 70, 0.55);
    --ebmnt1-color-fixed-shadow: rgba(0, 47, 71, 0.3);

    /* ===== colors : cursor ===== */
    --ebmnt1-color-cursor-dot: #299b46;
    --ebmnt1-color-cursor-ring-bg: rgba(41, 155, 70, 0.85);
    --ebmnt1-color-cursor-text: #ffffff;

    /* ===== motion ===== */
    --ebmnt1-duration-fast: 0.3s;
    --ebmnt1-duration-medium: 0.4s;
    --ebmnt1-duration-slow: 0.6s;
    --ebmnt1-ease-main: ease-in-out;
}
