/*
Theme Name:  Infomedia Child
Template:     infomedia
Version:      1.0.0
Description: A The Libraltraders Child Theme enables to make customizable modifications to the parent theme, preserving the original theme's integrity and facilitating efficient updates.
Author: Beta Soft Technology
Author URI: https://www.betasofttechnology.com
*/


/* ============================================================
   GLOBAL STYLES
   ============================================================ */


.case-study-cards{
	text-align: center;
}

.site_btn_width_handeler a{
	min-width: 200px;
}

.magic-header .magic-mega-top [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
	background: #EA7D32;
	color: #fff;
}

.magic-header .magic-mega-bottom [type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover{
	background: none;
}
.over_flow_hide {
    overflow: hidden;
}

.overflow-x-hidden{
	width: 100%;
  overflow-x: hidden;
	height: 100%;
}

html,
#our-services {
    scroll-margin-top: 120px !important;
}

#ribbonCanvas {
    position: absolute !important;
    top: 0 !important;
    width: 100%;
    left: 0;
    z-index: 0;
}

.magic-hamburger:hover,
.magic-hamburger.is-active {
    background-color: transparent !important;
}

.three_box_shadow {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.nd_box_shadow {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 12px 0px;
}

.hover_to_scale,
.hover_to_translatey, .hover_to_translatex {
    transition: all .3s ease;
}

.hover_to_scale:hover {
    transform: scale(1.04);
}

.hover_to_translatey:hover {
    transform: translateY(-5px);
}

.hover_to_translate:hover{
	   transform: translatex(5px);
}

.why_choose_us_hover_card, .why_choose_us_hover_card #icon-box{
	    transition: all .3s ease;
}

.why_choose_us_hover_card:hover{
	   transform: translatex(5px);
}

.why_choose_us_hover_card:hover #icon-box{
	background: #fff;
}

/* ============================================================
  Home hero section
============================================================ */
.hero-image-contener {
    position: relative;
}

.mouse-move-10,
.mouse-move-5,
.mouse-move-3 {
    will-change: transform;
    transition: transform 0.2s ease-out;
}

/* ============================================================
  BUILD TRUST section
============================================================ */
/* #buld-trust-section .trust-logo img{
	filter: grayscale(100%);
	transition: all .3s ease;
} */
/* 
#buld-trust-section .trust-logo:hover img{
	filter: grayscale(0%);
} */


/* ============================================================
   RESET & TOKENS
   ============================================================ */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --blue: #142165;
    --orange: #EA7D32;
    --black: #000000;
    --white: #FFFFFF;
    --gray: #3F3F3F;
}

html,
body {
    font-family: 'Inter', sans-serif;
    /*   background: #f0f2f8; /* demo page bg — remove on live site */
    */ overflow-x: hidden;
}

/* ============================================================
   HERO SECTION
   The section itself has the brand gradient background.
   The canvas sits as an absolute overlay behind all content.
   ============================================================ */
.mi-hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    /* Brand gradient — the canvas animation layers ON TOP of this */
    background: linear-gradient(135deg,
            #0a1540 0%,
            #142165 40%,
            #1a2d7a 70%,
            #0d1a4d 100%);
}

/* ============================================================
   ANIMATION CANVAS — sits behind everything
   ============================================================ */
#mi-anim-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /* behind content */
    pointer-events: none;
    /* never block clicks */
    display: block;
}

/* Fallback canvas (used when WebGL unavailable) */
#mi-fallback-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    display: none;
    /* shown by JS if needed */
}

/* ============================================================
   HERO CONTENT — sits above the canvas
   ============================================================ */
.mi-hero__content {
    position: relative;
    z-index: 10;
    text-align: center;
    max-width: 860px;
    padding: 0 24px;
}

.mi-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--orange);
    margin-bottom: 24px;
    padding: 7px 18px;
    border: 1px solid rgba(234, 125, 50, 0.30);
    border-radius: 40px;
    background: rgba(234, 125, 50, 0.08);
    backdrop-filter: blur(8px);
}

.mi-hero__eyebrow::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--orange);
    animation: eyebrowPulse 2s ease-in-out infinite;
}

@keyframes eyebrowPulse {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.5;
        transform: scale(0.7);
    }
}

.mi-hero__heading {
    font-size: clamp(2rem, 5.5vw, 4rem);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.03em;
    color: var(--white);
    margin-bottom: 24px;
}

.mi-hero__heading span {
    background: linear-gradient(90deg, #ffffff 0%, rgba(234, 125, 50, 0.9) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mi-hero__subheading {
    font-size: clamp(1rem, 2vw, 1.2rem);
    font-weight: 400;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.65);
    max-width: 600px;
    margin: 0 auto 40px;
}

.mi-hero__actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.mi-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
}

.mi-btn--primary {
    background: var(--orange);
    color: var(--white);
    box-shadow: 0 4px 20px rgba(234, 125, 50, 0.35);
}

.mi-btn--primary:hover {
    background: #d06a22;
    transform: translateY(-2px);
    box-shadow: 0 8px 30px rgba(234, 125, 50, 0.5);
}

.mi-btn--secondary {
    background: rgba(255, 255, 255, 0.08);
    color: var(--white);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
}

.mi-btn--secondary:hover {
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-2px);
}

/* Scroll indicator */
.mi-hero__scroll {
    position: absolute;
    bottom: 36px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: rgba(255, 255, 255, 0.35);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.mi-hero__scroll-line {
    width: 1px;
    height: 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, transparent 100%);
    animation: scrollLine 2s ease-in-out infinite;
}

@keyframes scrollLine {

    0%,
    100% {
        opacity: 0.4;
        transform: scaleY(1);
    }

    50% {
        opacity: 1;
        transform: scaleY(1.2);
    }
}

/* ============================================================
   REDUCED MOTION — kill all animation
   ============================================================ */
@media (prefers-reduced-motion: reduce) {

    #mi-anim-canvas,
    #mi-fallback-canvas {
        display: none !important;
    }

    .mi-hero__eyebrow::before {
        animation: none;
    }

    .mi-hero__scroll-line {
        animation: none;
    }

    @keyframes eyebrowPulse {}

    @keyframes scrollLine {}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 600px) {
    .mi-hero {
        min-height: 100svh;
    }

    .mi-hero__scroll {
        display: none;
    }
}

/* ============================================================
   DEMO PAGE CHROME (remove on live site)
   ============================================================ */
.demo-label {
    position: fixed;
    bottom: 16px;
    right: 16px;
    background: rgba(20, 33, 101, 0.9);
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    padding: 6px 14px;
    border-radius: 40px;
    font-family: monospace;
    z-index: 9999;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}


/* ============================================================
   THE Vision - Mission - Values SECTION
   ============================================================ */
.our_goals_section .eael-content-timeline-block .eael-content-timeline-content {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 20px;
}


.our_goals_section .eael-content-timeline-block.eael-highlight .eael-content-timeline-content {
    background: #ea7d32 !important;
}

.our_goals_section .eael-content-timeline-block.eael-highlight .eael-content-timeline-content::before {
    border-left-color: #ea7d32 !important;
    border-right-color: #ea7d32 !important;
}

.our_goals_section .eael-content-timeline-block.eael-highlight .eael-content-timeline-content .eael-timeline-title {
    color: #fff !important;
}

.our_goals_section .eael-content-timeline-block.eael-highlight .eael-content-timeline-content p {
    color: #fff !important;
}



/* ============================================================
   THE PROCESS SECTION
   ============================================================ */
#hd-process-section .eael-content-timeline-block .eael-content-timeline-content {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    border-radius: 20px;
}


#hd-process-section .eael-content-timeline-block.eael-highlight .eael-content-timeline-content {
    background: #ea7d32;
}

#hd-process-section .eael-content-timeline-block.eael-highlight .eael-content-timeline-content .eael-timeline-title {
    color: #fff;
}

#hd-process-section .eael-content-timeline-block.eael-highlight .eael-content-timeline-content p {
    color: #fff;
}


/* ============================================================
   SERVICE / INDUSTRY / PROCESS BOX ANIMATIONS
   ============================================================ */

.services_box {
    position: relative;
}

.services_box #icon-box,
.services_box:hover #icon-box svg {
    transition: all .3s ease;
}

.services_box:hover #icon-box {
    transform: scale(1.08);
}

.services_box:hover #icon-box svg {
    fill: #142165 !important;
}

.industries_box #icon-box {
    transition: all .3s ease;
}

.industries_box:hover #icon-box {
    transform: scale(1.08);
}

.process_box #icon-box {
    opacity: 50%;
    transform: translatex(10px);
    transition: all .3s ease;
}

.process_box:hover #icon-box {
    opacity: 1;
    transform: translatex(0);
}


/* ============================================================
   REVIEWS / TESTIMONIALS
   ============================================================ */

/*Errow section*/
.rvs_slide_right,
.rvs_slide_left {
    cursor: pointer;
}

.home-reviws-slider .swiper {
    overflow: visible;
}

/* .home-reviws-slider .swiper-button-next,
.swiper-button-prev {
    position: absolute;
    right: 20px !important;
    top: -30px !important;
    background: #ea7d32;
    padding: 0 22px;
    border-radius: 50px;

} */

.home-reviws-slider .eael-testimonial-item-inner.clearfix {
    min-height: 250px;
    border-radius: 10px;
    padding: 20px;
    background: #fff;
}

.home-reviws-slider .eael-testimonial-item-inner.clearfix .eael-testimonial-user {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase !important;
    color: #EA7D32;
}

.home-reviws-slider .eael-testimonial-item-inner.clearfix .rating-five .testimonial-star-rating li i {
    color: #EA7D32;
}

.home-reviws-slider .eael-testimonial-item-inner.clearfix img{
	border-radius: 50px;
}


/*New Reviews Slider*/

.nd-reviws-slider .swiper-button-next,
.nd-reviws-slider .swiper-button-prev {
    color: #ea7d32 !important;
	background: #ea7d3254;
    padding: 0 22px;
    border-radius: 50px;
}

.nd-reviws-slider .swiper {
    overflow: visible;
	height: 380px;
}


.eael-testimonial-slider {
	overflow-x: clip;
	width: 100%;
}


.nd-reviws-slider .eael-testimonial-item-inner.clearfix {
    min-height: 380px;
    border-radius: 10px;
    padding: 30px;
    background: #fff;
	border: 1px solid #f1f1f1;
	gap: 29px;
	transition: all .3s ease;
}

.nd-reviws-slider .eael-testimonial-item-inner.clearfix:hover{
	transform: translatey(-5px);
}


.nd-reviws-slider .eael-testimonial-content {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.nd-reviws-slider .eael-testimonial-image img{
	border-radius: 50px;
	border: 4px solid #ea7d32;
	width: 55px !important;
}

.nd-reviws-slider .eael-testimonial-text p {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    color: #3F3F3F;
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 20px;
	margin-bottom: 0;
	min-height: 230px;
}

.nd-reviws-slider .eael-testimonial-user{
	font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 700 !important;
    text-transform: uppercase;
    line-height: 1em;
	color: #ea7d32 !important;
	width: 50%;
}

.nd-reviws-slider .testimonial-inline-style{
	width: 100% !important; 
}

.nd-reviws-slider .eael-testimonial-user-company{
	width: 70% !important; 
}


.nd-reviws-slider .eael-testimonial-quote{
	color: #f7f5f2 !important;
}


.nd-reviws-slider .eael-testimonial-quote::after{
	top: 22px;
	right: 25px;
	position: absolute;
}


/* ============================================================
   BLOG SECTION
   ============================================================ */

.blog_section .eael-grid-post-holder {
    padding: 30px;
    border-radius: 20px;
    background: #ea7d320f;
    height: 400px;
}

.blog_section .eael-post-grid-container .eael-post-grid .eael-grid-post {
    padding: 0px;
}

.blog_section .eael-entry-media {
    border-radius: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.blog_section h3.eael-entry-title a {
    font-size: 20px !important;
    text-transform: uppercase;
}

.blog_section .eael-entry-title {
    line-height: 1px !important;
}

.elementor-18 .elementor-element.elementor-element-8ad37c6 .eael-entry-overlay {
    background-color: transparent !important;
}

.blog_section .eael-grid-post-holder .eael-entry-thumbnail {
    border-radius: 20px;
    overflow: hidden;
    height: 300px !important;
}

.blog_section .eael-post-carousel-wrap.eael-post-carousel-style-two .eael-entry-footer-two {
    border: 1px solid #EA7D32;
    color: #EA7D32;
    border-radius: 50px;
}

.blog_section a:active,
.blog_section a:hover {
    color: #EA7D32 !important;
}


/* ============================================================
   HEADER — GOOGLE FONTS IMPORT
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');


/* ============================================================
   HEADER — CSS DESIGN TOKENS
   ============================================================ */

:root {
    --color-orange: #EA7D32;
    --color-blue: #142165;
    --color-white: #FFFFFF;
    --color-black: #000000;

    --color-blue-90: rgba(20, 33, 101, 0.9);
    --color-blue-70: rgba(20, 33, 101, 0.7);
    --color-blue-50: rgba(20, 33, 101, 0.5);
    --color-blue-10: rgba(20, 33, 101, 0.1);
    --color-blue-05: rgba(20, 33, 101, 0.05);
    --color-black-60: rgba(0, 0, 0, 0.6);
    --color-black-10: rgba(0, 0, 0, 0.1);
    --color-black-05: rgba(0, 0, 0, 0.05);
    --color-orange-10: rgba(234, 125, 50, 0.1);
    --color-orange-05: rgba(234, 125, 50, 0.05);

    --font-primary: 'Poppins', sans-serif;
    --header-height-desktop: 90px;
    --header-height-sticky: 80px;
    --header-height-mobile: 65px;
    --container-max-width: 1400px;
    --transition-default: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --shadow-sticky: 0 10px 30px rgba(20, 33, 101, 0.08);
    --shadow-mega: 0 20px 50px rgba(20, 33, 101, 0.12);
    --shadow-card: 0 4px 15px rgba(20, 33, 101, 0.04);
    --shadow-card-hover: 0 10px 25px rgba(20, 33, 101, 0.08);
}


/* ============================================================
   HEADER — BODY LOCK (when mobile drawer is open)
   ============================================================ */

html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

body.menu-open {
    overflow: hidden;
    height: 100vh;
}

body.magic-header-body-lock {
    overflow: hidden !important;
    overflow-x: hidden !important;
}

.magic-header-reset {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: var(--font-primary);
    font-size: 14px;
}

.magic-header-reset *,
.magic-header-reset *::before,
.magic-header-reset *::after {
    box-sizing: inherit;
}


/* ============================================================
   HEADER — ELEMENTOR COMPATIBILITY
   ============================================================ */

.magic-header a,
.magic-header a:visited,
.magic-header a:hover,
.magic-header a:focus {
    text-decoration: none !important;
    outline: none !important;
}

.magic-header ul,
.magic-header ol {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.magic-header button {
    font-family: var(--font-primary) !important;
    outline: none !important;
    -webkit-appearance: none !important;
}

.magic-header .elementor-section,
.magic-header .elementor-column,
.magic-header .elementor-widget-wrap {
    padding: 0 !important;
    margin: 0 !important;
}

.magic-mega-menu {
    z-index: 99999 !important;
}

.magic-header .magic-menu-link,
.magic-header .magic-menu-link:visited {
    color: #000;
}

.magic-header .magic-menu-link:hover {
    color: var(--color-orange) !important;
}


/* ============================================================
   HEADER — CONTAINER
   ============================================================ */

.magic-header {
    /*   position: sticky; */
    /*   top: 0; */
    /*   left: 0; */
    width: 100%;
    height: var(--header-height-desktop);
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-blue-05);
    z-index: 9999;
    display: flex;
    align-items: center;
    transition: var(--transition-default);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.magic-header {
    position: relative;
    transition: transform .35s ease, box-shadow .35s ease;
    z-index: 9999;
}

.magic-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    transform: translateY(-100%);
    animation: slideDown .4s ease forwards;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
}

@keyframes slideDown {
    to {
        transform: translateY(0);
    }
}



.magic-header.nav-wrapper--scrolled {
    box-shadow: #e8e7e2 -50px -11px 1px 10px, #e8e7e2 50px -11px 1px 10px, rgba(140, 140, 140, 0.6) 0 -4px 10px 0;
}

.magic-header.nav-wrapper--hidden {
    top: -200px;
}


/* Scrolled: show drop-shadow */
.magic-header.nav-wrapper--scrolled {
    box-shadow:
        #e8e7e2 -50px -11px 1px 10px,
        #e8e7e2 50px -11px 1px 10px,
        rgba(140, 140, 140, 0.6) 0 -4px 10px 0;
}

/* Hidden: slide up out of view */
.magic-header.nav-wrapper--hidden {
    top: -200px;
}

.nav-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    background: #fff;
    transition: box-shadow 0.3s ease, top 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.magic-header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: var(--shadow-sticky);
    border-bottom-color: transparent;
}

.magic-container {
    width: 1460px;
    padding: 0 20px;
    /*   max-width: var(--container-max-width) !important; */
    margin: 0 auto;
    /*   padding: 0 24px; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
}


/* ============================================================
   HEADER — LOGO
   ============================================================ */

.magic-logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

.magic-logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.magic-logo img {
    border-radius: 0px;
    max-height: 70px;
    width: auto;
    object-fit: contain;
    transition: var(--transition-default);
}

.magic-header.is-sticky .magic-logo img {
    max-height: 44px;
}

.magic-logo-text {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-blue);
    letter-spacing: -0.5px;
    line-height: 1.2;
}

.magic-logo-text span {
    color: var(--color-orange);
}


/* ============================================================
   HEADER — DESKTOP NAVIGATION
   ============================================================ */

.magic-nav {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.magic-menu-list {
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    align-items: stretch !important;
    gap: 24px !important;
}

.magic-menu-item {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.magic-menu-item.menu-item-has-mega {
    position: static;
}

.magic-menu-link {
    color: var(--color-blue);
    text-decoration: none;
    font-weight: 500 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
    padding: 8px 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: var(--transition-default);
    cursor: pointer;
    position: relative;
}

.magic-menu-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--color-orange);
    transition: var(--transition-default);
}

.magic-menu-link:hover,
.magic-menu-item.current-menu-item > .magic-menu-link,
.magic-menu-item.current-menu-parent > .magic-menu-link,
.magic-menu-item.current-menu-ancestor > .magic-menu-link {
    color: var(--color-orange);
}

.magic-menu-link:hover::after,
.magic-menu-item.current-menu-item > .magic-menu-link::after,
.magic-menu-item.current-menu-parent > .magic-menu-link::after,
.magic-menu-item.current-menu-ancestor > .magic-menu-link::after {
    width: 100%;
}

.magic-menu-item.is-active .magic-menu-link {
    color: var(--color-blue);
}

.magic-menu-item.is-active .magic-menu-link::after {
    width: 100%;
    background-color: var(--color-blue);
}

.magic-menu-link .icon-chevron {
    font-size: 20px;
    transition: transform var(--transition-default);
}

.magic-menu-item:hover .magic-menu-link .icon-chevron {
    transform: rotate(180deg);
}


/* ============================================================
   HEADER — CTA ACTIONS
   ============================================================ */

.magic-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.magic-btn {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: var(--transition-default);
}

.magic-btn-primary {
    background-color: var(--color-orange);
    color: var(--color-white);
    border: 1px solid var(--color-orange);
}

.magic-btn-primary:hover {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    color: var(--color-white);
    box-shadow: 0 4px 15px rgba(20, 33, 101, 0.2);
    transform: translateY(-1px);
}

.magic-btn-secondary {
    background-color: transparent;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
}

.magic-btn-secondary:hover {
    background-color: var(--color-blue);
    color: var(--color-white);
    box-shadow: 0 4px 15px rgba(20, 33, 101, 0.15);
    transform: translateY(-1px);
}

/* Mobile CTAs hidden on desktop by default */
.mobile-drawer-ctas {
    display: none;
}


/* ============================================================
   HEADER — DESKTOP MEGA MENU
   ============================================================ */

.magic-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
	height: 100vh;
    width: 100%;
    background-color: var(--color-white);
    border-top: 4px solid var(--color-orange);
    box-shadow: var(--shadow-mega);
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1),
        transform 300ms cubic-bezier(0.4, 0, 0.2, 1),
        visibility 300ms;
    pointer-events: none;
    z-index: 999;
}

.magic-menu-item:hover .magic-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.magic-mega-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 30px 24px 40px 24px;
}

/* Mega Top Tabs */
.magic-mega-top {
    display: flex;
    gap: 12px;
    border-bottom: 1px solid var(--color-blue-10);
    padding-bottom: 20px;
    overflow-x: auto;
    scrollbar-width: none;
}

.magic-mega-top::-webkit-scrollbar {
    display: none;
}

.mega-tab-btn {
    font-family: var(--font-primary);
    font-size: 14px;
    font-weight: 600;
    color: var(--color-blue);
    background: transparent;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: var(--transition-default);
}

.mega-tab-btn:hover {
    background-color: var(--color-blue-05);
}

.mega-tab-btn.is-active {
    background-color: var(--color-orange);
    color: var(--color-white);
}

/* Mega Bottom Panel */
.magic-mega-bottom {
    display: flex;
    margin-top: 24px;
    min-height: 400px;
    position: relative;
}

.mega-category-panel {
    display: none;
    width: 100%;
    position: relative;
}

.mega-category-panel.is-active {
    display: flex;
    animation: megaFadeIn 300ms ease forwards;
}

@keyframes megaFadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Left column: subcategories */
.mega-left-column {
    width: 35%;
    border-right: 1px solid var(--color-blue-10);
    padding-right: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 480px;
    overflow-y: auto;
    padding-left: 4px;
    position: static;
}

.mega-left-column::-webkit-scrollbar {
    width: 4px;
}

.mega-left-column::-webkit-scrollbar-thumb {
    background-color: var(--color-blue-10);
    border-radius: 4px;
}

.mega-subcat-wrapper {
    position: static;
    width: 100%;
}

.mega-subcat-btn {
    background: transparent;
    border: none;
    text-align: left;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    transition: var(--transition-default);
}

.mega-subcat-btn:hover {
    background-color: var(--color-blue-05);
}

.mega-subcat-btn.is-active {
    background-color: var(--color-orange-05);
    border-left: 3px solid var(--color-orange);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.mega-subcat-icon {
    font-size: 20px;
    color: var(--color-blue);
    flex-shrink: 0;
    margin-top: 2px;
}

.mega-subcat-btn.is-active .mega-subcat-icon {
    color: var(--color-orange);
}

.mega-subcat-info {
    display: flex;
    flex-direction: column;
}

.mega-subcat-title {
    text-wrap: wrap;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-blue);
    line-height: 1.3;
}

.mega-subcat-desc {
    font-size: 11px;
    color: var(--color-blue-70);
    margin-top: 4px;
    line-height: 1.4;
}

/* Right column: services */
.mega-right-column {
    width: 65%;
    padding-left: 32px;
    position: static;
}

.mega-services-panel {
    display: none;
    width: 100%;
}

a.mega-service-card:hover {
    transform: translateY(0);
    transform: translateX(2px);
}

.mega-services-panel.is-active {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    position: absolute;
    top: 0;
    right: 0;
    width: 62%;
    max-height: 480px;
    overflow-y: auto;
    padding-left: 8px;
    padding-right: 8px;
    animation: megaFadeIn 250ms ease forwards;
}

/* Service Cards */
.mega-service-card {
    text-decoration: none;
    background-color: var(--color-white);
    border: 1px solid var(--color-blue-05);
    padding: 16px;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    align-items: center;
    box-shadow: var(--shadow-card);
    transition: var(--transition-default);
}

.mega-service-card:hover {
    border-color: var(--color-orange);
    box-shadow: var(--shadow-card-hover);
    transform: translateY(-2px);
}

.mega-service-icon {
    font-size: 22px;
    color: var(--color-orange);
    background-color: var(--color-orange-05);
    padding: 10px;
    border-radius: 6px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: content-box !important;
    transition: var(--transition-default);
}

.mega-service-card:hover .mega-service-icon {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.mega-service-content {
    display: flex;
    flex-direction: column;
}

.mega-service-name {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--color-blue);
    line-height: 1.3;
}

.mega-service-desc {
    font-size: 11px;
    color: var(--color-blue-70);
    margin-top: 4px;
    line-height: 1.4;
}


/* ============================================================
   HEADER — HAMBURGER BUTTON
   ============================================================ */

.magic-hamburger {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 26px;
    height: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10001;
    flex-shrink: 0;
}

.magic-hamburger span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--color-blue);
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* Hamburger → X */
.magic-hamburger.is-active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.magic-hamburger.is-active span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.magic-hamburger.is-active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}


/* ============================================================
   HEADER — DARK OVERLAY (behind mobile drawer)
   ============================================================ */

.mobile-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(20, 33, 101, 0.5);
    z-index: 9990;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
}

.mobile-drawer-overlay.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


/* ============================================================
   HEADER — SEARCH OVERLAY
   ============================================================ */

.magic-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(20, 33, 101, 0.95);
    backdrop-filter: blur(8px);
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-default);
}

.magic-search-overlay.is-active {
    opacity: 1;
    visibility: visible;
}

.magic-search-close {
    position: absolute;
    top: 30px;
    right: 40px;
    background: transparent;
    border: none;
    color: var(--color-white);
    font-size: 32px;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-default);
}

.magic-search-close:hover {
    color: var(--color-orange);
    background-color: rgba(255, 255, 255, 0.1);
    transform: scale(1.1);
}

.magic-search-form {
    width: 100%;
    max-width: 650px;
    padding: 0 24px;
    position: relative;
    transform: translateY(-30px);
    transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

.magic-search-overlay.is-active .magic-search-form {
    transform: translateY(0);
}

.magic-search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--color-white);
}

.magic-search-input-wrapper:focus-within {
    border-color: var(--color-orange);
}

.magic-search-input {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-family: var(--font-primary);
    font-size: 24px;
    font-weight: 500;
    color: var(--color-white);
    padding: 12px 60px 12px 0;
}

.magic-search-input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.magic-search-submit {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    color: var(--color-white);
    font-size: 28px;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-default);
}

.magic-search-submit:hover {
    color: var(--color-orange);
}


/* ============================================================
   DESKTOP SUB-MENU DROPDOWNS (≥ 992px)
   ============================================================ */

@media (min-width: 992px) {

    .magic-menu-item .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 240px;
        background-color: var(--color-white);
        border-top: 3px solid var(--color-orange);
        box-shadow: var(--shadow-mega);
        list-style: none;
        margin: 0;
        padding: 12px 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(15px);
        transition: var(--transition-default);
        z-index: 999;
        display: block;
    }

    .magic-menu-item:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* Nested flyout (3rd level) */
    .magic-menu-item .sub-menu .sub-menu {
        top: -12px;
        left: 100%;
        border-top: none;
        border-left: 3px solid var(--color-orange);
        border-radius: 0 8px 8px 8px;
    }

    .magic-menu-item .sub-menu li {
        width: 100%;
        position: relative;
    }

    .magic-menu-item .sub-menu a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        color: var(--color-blue);
        text-decoration: none;
        font-weight: 500;
        font-size: 13.5px;
        transition: var(--transition-default);
    }

    .magic-menu-item .sub-menu a:hover {
        background-color: var(--color-blue-05);
        color: var(--color-orange);
    }

    .magic-menu-item .sub-menu .icon-chevron {
        transform: rotate(-90deg);
        font-size: 12px;
        transition: transform var(--transition-default);
    }

    .magic-menu-item .sub-menu li:hover>a>.icon-chevron {
        transform: rotate(-90deg) scale(1.1);
    }
}


/* ============================================================
   MOBILE & TABLET — ALL SCREENS ≤ 991px
   ============================================================ */

@media (max-width: 991px) {

    /* ── Header bar ── */
    .magic-header {
        height: var(--header-height-mobile) !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
        background: #fff !important;
        border-bottom: 1px solid rgba(20, 33, 101, 0.08) !important;
    }

    .magic-header.is-sticky {
        height: var(--header-height-mobile) !important;
        box-shadow: 0 2px 20px rgba(20, 33, 101, 0.1) !important;
    }

    .magic-logo img {
        max-height: 38px !important;
    }

    .magic-actions .magic-btn-primary,
    .magic-actions .magic-btn-secondary {
        display: none !important;
    }

    .magic-hamburger {
        display: flex !important;
    }

    .pin-spacer {
        padding: 0 !important;
        height: auto !important;
    }

    /* ── FULL-SCREEN MOBILE MENU ── */
    .magic-nav {
        position: fixed !important;
        inset: 0 !important;
        right: auto !important;
        width: 100% !important;
        height: 100dvh !important;
        background: linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%) !important;
        box-shadow: none !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 9998 !important;
        overflow: hidden !important;
        display: flex !important;
        border-left: none !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: scale(0.98);
        transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
            visibility 0.35s;
    }

    .magic-nav.is-active {
        right: auto !important;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: scale(1);
    }

    /* Spacer matching real header height */
    .magic-nav::before {
        content: '';
        display: block;
        width: 100%;
        height: var(--header-height-mobile);
        min-height: var(--header-height-mobile);
        flex-shrink: 0;
        background: var(--color-white);
        border-bottom: 2px solid rgba(234, 125, 50, 0.15);
    }

    /* ── MENU LIST (scrollable) ── */
    .magic-menu-list {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        height: auto !important;
        gap: 0 !important;
        padding: 10px 0 6px !important;
        margin: 0 !important;
        list-style: none !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Staggered entrance */
    .magic-nav.is-active .magic-menu-list>.magic-menu-item {
        animation: mimMobileItemIn 0.45s cubic-bezier(0.4, 0, 0.2, 1) both;
    }

    .magic-nav.is-active .magic-menu-list>.magic-menu-item:nth-child(1) {
        animation-delay: .04s;
    }

    .magic-nav.is-active .magic-menu-list>.magic-menu-item:nth-child(2) {
        animation-delay: .08s;
    }

    .magic-nav.is-active .magic-menu-list>.magic-menu-item:nth-child(3) {
        animation-delay: .12s;
    }

    .magic-nav.is-active .magic-menu-list>.magic-menu-item:nth-child(4) {
        animation-delay: .16s;
    }

    .magic-nav.is-active .magic-menu-list>.magic-menu-item:nth-child(5) {
        animation-delay: .20s;
    }

    .magic-nav.is-active .magic-menu-list>.magic-menu-item:nth-child(6) {
        animation-delay: .24s;
    }

    .magic-nav.is-active .magic-menu-list>.magic-menu-item:nth-child(7) {
        animation-delay: .28s;
    }

    .magic-nav.is-active .magic-menu-list>.magic-menu-item:nth-child(8) {
        animation-delay: .32s;
    }

    .magic-nav.is-active .magic-menu-list>.magic-menu-item:nth-child(n+9) {
        animation-delay: .36s;
    }

    @keyframes mimMobileItemIn {
        from {
            opacity: 0;
            transform: translateY(16px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* ── TOP-LEVEL MENU ITEM ── */
    .magic-menu-item {
        width: 100% !important;
        height: auto !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        border-bottom: 1px solid rgba(20, 33, 101, 0.06) !important;
        position: relative !important;
    }

    .magic-menu-item:last-child {
        border-bottom: none !important;
    }

    /* ── TOP-LEVEL LINK ── */
    .magic-menu-link {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 17px 24px !important;
        font-size: 15.5px !important;
        font-weight: 600 !important;
        color: var(--color-blue) !important;
        background: transparent !important;
        border: none !important;
        text-decoration: none !important;
        transition: color 0.2s ease, background 0.2s ease !important;
        letter-spacing: 0.2px;
    }

    .magic-menu-link:hover,
    .magic-menu-link:active {
        color: var(--color-orange) !important;
        background: rgba(234, 125, 50, 0.04) !important;
    }

    .magic-menu-link::after {
        display: none !important;
    }

    /* ── CIRCULAR CHEVRON BADGE (the Industries-menu arrow) ── */
    .magic-menu-link .icon-chevron {
        font-size: 14px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(20, 33, 101, 0.06);
        color: var(--color-blue);
        flex-shrink: 0;
        margin-left: 12px;
        opacity: 1;
        transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
    }

    .magic-menu-item.is-open>.magic-menu-link {
        color: var(--color-orange) !important;
        background: rgba(234, 125, 50, 0.04) !important;
    }

    .magic-menu-item.is-open>.magic-menu-link .icon-chevron {
        transform: rotate(180deg) !important;
        background: var(--color-orange);
        color: #ffffff;
    }

    /* ── PINNED BOTTOM CTA ── */
    .mobile-drawer-ctas {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        flex-shrink: 0 !important;
        padding: 18px 22px calc(24px + env(safe-area-inset-bottom, 0px)) 22px !important;
        gap: 10px !important;
        margin-top: 0 !important;
        border-top: 1px solid rgba(20, 33, 101, 0.07) !important;
        background: rgba(255, 255, 255, 0.95);
    }

    .mobile-drawer-ctas .magic-btn {
        display: flex !important;
        width: 100% !important;
        justify-content: center !important;
        padding: 15px 20px !important;
        font-size: 14.5px !important;
        border-radius: 8px !important;
    }

    /* ══════════════════════════════════════════════════════════
     REGULAR SUB-MENU ACCORDION
     (Industries menu and any other WP dropdown items)
     ══════════════════════════════════════════════════════════ */

    .magic-menu-item .sub-menu {
        position: static !important;
        display: none;
        width: 100% !important;
        background: rgba(20, 33, 101, 0.03) !important;
        border-top: none !important;
        border-left: 3px solid rgba(234, 125, 50, 0.25) !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        padding: 4px 0 !important;
        margin: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
        list-style: none !important;
        overflow: hidden !important;
    }

    .magic-menu-item.is-open>.sub-menu {
        display: block !important;
    }

    .magic-menu-item .sub-menu li {
        width: 100% !important;
        border-bottom: 1px solid rgba(20, 33, 101, 0.05) !important;
        position: static !important;
    }

    .magic-menu-item .sub-menu li:last-child {
        border-bottom: none !important;
    }

    .magic-menu-item .sub-menu a {
        display: flex !important;
        align-items: center !important;
        padding: 13px 24px 13px 28px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        color: var(--color-blue) !important;
        text-decoration: none !important;
        transition: color 0.2s ease, background 0.2s ease !important;
        background: transparent !important;
    }

    .magic-menu-item .sub-menu a:hover {
        color: var(--color-orange) !important;
        background: rgba(234, 125, 50, 0.05) !important;
    }

    /* 3rd level */
    .magic-menu-item .sub-menu .sub-menu {
        padding-left: 0 !important;
        border-left: 3px solid rgba(234, 125, 50, 0.15) !important;
        margin-left: 16px !important;
        display: none !important;
        position: static !important;
    }

    .magic-menu-item .sub-menu li.is-open>.sub-menu {
        display: block !important;
    }

    .magic-menu-item .sub-menu .sub-menu a {
        padding-left: 24px !important;
        font-size: 13.5px !important;
    }

    /* ══════════════════════════════════════════════════════════
     SERVICES MEGA MENU — REDESIGNED TO MATCH INDUSTRIES STYLE
     ══════════════════════════════════════════════════════════

     Visual hierarchy mirrors a 3-level regular sub-menu:

     Services           (magic-menu-link)          ← level 0
     ├─ Data Solutions  (mega-tab-btn)              ← level 1
     │   ├─ Data Collection  (mega-subcat-btn)      ← level 2
     │   │   ├─ Web Scraping  (mega-service-card)   ← level 3
     │   │   └─ Lead Generation
     │   └─ Data Processing
     └─ Ecommerce Mgmt
         └─ ...

     Every chevron is a circular badge, identical to
     .magic-menu-link .icon-chevron, rotating 180° + filling
     orange when its section is open — exactly like Industries.
     ══════════════════════════════════════════════════════════ */

    /* Outer accordion wrapper — same left border as .sub-menu */
    .magic-mega-menu {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        background: rgba(20, 33, 101, 0.03) !important;
        border-top: none !important;
        border-left: 3px solid rgba(234, 125, 50, 0.25) !important;
        box-shadow: none !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto !important;
        transition: max-height 0.4s ease !important;
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .magic-menu-item.is-open .magic-mega-menu {
        max-height: 9999px !important;
    }

    /* Strip all internal container padding */
    .magic-mega-container {
        padding: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    /* ─────────────────────────────────────────────────────────
     LEVEL 1 — Category tabs (Data Solutions, Ecommerce, …)
     Styled exactly like .sub-menu a items with circular chevron
     ───────────────────────────────────────────────────────── */

    .magic-mega-top {
        flex-direction: column !important;
        gap: 0 !important;
        border-bottom: none !important;
        padding-bottom: 0 !important;
        overflow-x: visible !important;
    }

    .mega-tab-btn {
        /* Reset every card/badge/shadow rule from desktop */
        width: 100% !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border-bottom: 1px solid rgba(20, 33, 101, 0.05) !important;
        /* Same layout as .sub-menu a */
        padding: 13px 24px 13px 28px !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        color: var(--color-blue) !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-align: left !important;
        white-space: normal !important;
        cursor: pointer !important;
        transition: color 0.2s ease, background 0.2s ease !important;
    }

    /* Hide the decorative category icon (database, cart, etc.) */
    .mega-tab-btn>.iconify {
        display: none !important;
    }

    /* Circular chevron — exactly matches .icon-chevron on Industries items */
    .mega-tab-btn::after {
        content: '▾' !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        border-radius: 50% !important;
        background: rgba(20, 33, 101, 0.06) !important;
        color: var(--color-blue) !important;
        font-size: 11px !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
        margin-left: 12px !important;
        transition: transform 0.3s ease,
            background 0.3s ease,
            color 0.3s ease !important;
        opacity: 1 !important;
        transform: rotate(0deg) !important;
    }

    .mega-tab-btn:hover {
        color: var(--color-orange) !important;
        background: rgba(234, 125, 50, 0.04) !important;
    }

    /* Active (open) state — same colours as is-open .icon-chevron */
    .mega-tab-btn.is-active {
        color: var(--color-orange) !important;
        background: rgba(234, 125, 50, 0.04) !important;
        border-color: rgba(20, 33, 101, 0.05) !important;
    }

    .mega-tab-btn.is-active::after {
        transform: rotate(180deg) !important;
        background: var(--color-orange) !important;
        color: #ffffff !important;
        opacity: 1 !important;
    }

    /* Bottom container — no gap, column */
    .magic-mega-bottom {
        margin-top: 0 !important;
        min-height: auto !important;
        flex-direction: column !important;
    }

    /* Category panel — mirrors nested .sub-menu level */
    .mega-category-panel {
        display: none !important;
        width: 100% !important;
        margin: 0 !important;
        border-left: 2px solid rgba(234, 125, 50, 0.18) !important;
        margin-left: 16px !important;
        background: transparent !important;
    }

    .mega-category-panel.is-active {
        display: block !important;
        animation: none !important;
    }

    /* Left column — full width, no right border */
    .mega-left-column {
        width: 100% !important;
        border-right: none !important;
        padding: 0 !important;
        max-height: none !important;
        overflow-y: visible !important;
        gap: 0 !important;
        flex-direction: column !important;
        display: flex !important;
    }

    /* ─────────────────────────────────────────────────────────
     LEVEL 2 — Subcategory buttons (Data Collection, …)
     More indented, slightly smaller; same circular chevron
     ───────────────────────────────────────────────────────── */

    .mega-subcat-wrapper {
        position: static !important;
        width: 100% !important;
    }

    .mega-subcat-btn {
        width: 100% !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border-bottom: 1px solid rgba(20, 33, 101, 0.04) !important;
        padding: 12px 16px 12px 24px !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        color: var(--color-blue) !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        text-align: left !important;
        cursor: pointer !important;
        transition: color 0.2s ease, background 0.2s ease !important;
    }

    /* Hide the subcategory icon — show only the title text */
    .mega-subcat-icon {
        display: none !important;
    }

    .mega-subcat-info {
        display: flex !important;
        align-items: center !important;
        flex: 1 !important;
        min-width: 0 !important;
    }

    .mega-subcat-title {
        font-size: 13.5px !important;
        font-weight: 500 !important;
        color: inherit !important;
        line-height: 1.4 !important;
        white-space: normal !important;
    }

    /* Hide the one-line description — clean like Industries */
    .mega-subcat-desc {
        display: none !important;
    }

    /* Circular chevron — 24 × 24 px (slightly smaller than level 1) */
    .mega-subcat-btn::after {
        content: '▾' !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        border-radius: 50% !important;
        background: rgba(20, 33, 101, 0.06) !important;
        color: var(--color-blue) !important;
        font-size: 10px !important;
        line-height: 1 !important;
        flex-shrink: 0 !important;
        margin-left: 10px !important;
        transition: transform 0.3s ease,
            background 0.3s ease,
            color 0.3s ease !important;
        opacity: 1 !important;
        transform: rotate(0deg) !important;
    }

    .mega-subcat-btn:hover {
        color: var(--color-orange) !important;
        background: rgba(234, 125, 50, 0.04) !important;
    }

    .mega-subcat-btn.is-active {
        color: var(--color-orange) !important;
        background: rgba(234, 125, 50, 0.04) !important;
        border-left: none !important;
        border-radius: 0 !important;
    }

    .mega-subcat-btn.is-active::after {
        transform: rotate(180deg) !important;
        background: var(--color-orange) !important;
        color: #ffffff !important;
        opacity: 1 !important;
    }

    .mega-subcat-btn.is-active .mega-subcat-title {
        color: var(--color-orange) !important;
    }

    /* Right column not used in accordion layout */
    .mega-right-column {
        display: none !important;
    }

    /* ─────────────────────────────────────────────────────────
     LEVEL 3 — Service links (Web Scraping, Lead Generation, …)
     Plain text links — no card, no icon, no description
     ───────────────────────────────────────────────────────── */

    .mega-services-panel {
        display: none !important;
    }

    .mega-subcat-wrapper.is-open .mega-services-panel,
    .mega-subcat-wrapper.is-open .mega-services-panel.is-active {
        display: block !important;
        padding: 0 !important;
        border-left: 2px solid rgba(234, 125, 50, 0.10) !important;
        margin-left: 24px !important;
        position: static !important;
        width: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
        animation: none !important;
        gap: 0 !important;
        background: transparent !important;
        grid-template-columns: none !important;
    }

    /* Individual service link — looks like a plain menu link */
    .mega-service-card {
        display: flex !important;
        align-items: center !important;
        padding: 10px 16px !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        border-bottom: 1px solid rgba(20, 33, 101, 0.03) !important;
        transform: none !important;
        gap: 0 !important;
        text-decoration: none !important;
        transition: color 0.2s ease, background 0.2s ease !important;
    }

    .mega-service-card:last-child {
        border-bottom: none !important;
    }

    .mega-service-card:hover {
        background: rgba(234, 125, 50, 0.04) !important;
        border-color: transparent !important;
        transform: none !important;
        box-shadow: none !important;
    }

    /* Icon and description — hidden */
    .mega-service-icon {
        display: none !important;
    }

    .mega-service-desc {
        display: none !important;
    }

    .mega-service-content {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
    }

    .mega-service-name {
        font-size: 13px !important;
        font-weight: 400 !important;
        color: var(--color-blue) !important;
        line-height: 1.4 !important;
        white-space: normal !important;
    }

    .mega-service-card:hover .mega-service-name {
        color: var(--color-orange) !important;
    }

}


/* Respect reduced-motion preference for all mobile menu animations */
@media (max-width: 991px) and (prefers-reduced-motion: reduce) {

    .magic-nav,
    .magic-nav.is-active,
    .magic-nav.is-active .magic-menu-list>.magic-menu-item {
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }
}


/* ============================================================
   TABLET ONLY (600px – 991px)
   ============================================================ */

@media (min-width: 600px) and (max-width: 991px) {

    /* Subcategory service links can be 2-col on wider tablets */
    .mega-subcat-wrapper.is-open .mega-services-panel,
    .mega-subcat-wrapper.is-open .mega-services-panel.is-active {
        display: block !important;
        /* keep as single column for consistency */
    }
}


/* ============================================================
   SMALL PHONES (< 380px)
   ============================================================ */

@media (max-width: 379px) {

    .magic-menu-link {
        padding: 15px 18px !important;
        font-size: 14.5px !important;
    }

    .mobile-drawer-ctas {
        padding: 16px 18px calc(22px + env(safe-area-inset-bottom, 0px)) 18px !important;
    }
}



/* =============================================================
   Magic Infomedia — Footer Styles
   Append this block to your theme's style.css
   Brand: Orange #EA7D32 | Blue #142165 | White #fff
   Font: Poppins
   ============================================================= */

/* ---- Variables ---- */
:root {
    --mim-orange: #EA7D32;
    --mim-blue: #142165;
    --mim-white: #ffffff;
    --mim-black: #000000;
    --mim-footer-bg: #0d1a4d;
    /* deep navy, slightly darker than blue */
    --mim-footer-text: rgba(255, 255, 255, 0.80);
    --mim-footer-link: rgba(255, 255, 255, 0.80);
    --mim-footer-link-hover: #EA7D32;
    --mim-middle-bg: #142165;
    --mim-bottom-bg: #0a1138;
    --mim-font: 'Poppins', sans-serif;
    --mim-transition: 0.32s ease;
}

/* ---- Poppins font import (add above existing @import in style.css) ---- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ============================================================
   LAYOUT HELPERS
   ============================================================ */
.mim-container {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 20px;
}

/* ============================================================
   FOOTER TOP — 5-column grid
   ============================================================ */
.mim-footer-top {
    background-color: var(--mim-footer-bg);
    padding: 60px 0 40px;
    font-family: var(--mim-font);
}

.mim-footer-columns {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
}

/* ---- Column heading ---- */
.mim-footer-col-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
    cursor: default;
}

.mim-footer-col-title {
    font-family: var(--mim-font);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--mim-white);
    margin: 0;
    padding: 0;
    line-height: 1.3;
    position: relative;
    padding-bottom: 10px;
}

.mim-footer-col-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 2px;
    background: var(--mim-orange);
    border-radius: 2px;
}

/* Hide accordion toggle icon on desktop */
.mim-accordion-icon {
    display: none;
    color: var(--mim-white);
    transition: transform var(--mim-transition);
    line-height: 1;
}

/* ---- Footer nav links ---- */
.mim-footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mim-footer-menu li {
    margin-bottom: 8px;
}

.mim-footer-menu li a {
    font-family: var(--mim-font);
    font-size: 13.5px;
    font-weight: 400;
    color: var(--mim-footer-link);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color var(--mim-transition), padding-left var(--mim-transition);
    line-height: 1.6;
}

.mim-footer-menu li a::before {
    content: '›';
    color: var(--mim-orange);
    font-size: 16px;
    line-height: 1;
    transition: transform var(--mim-transition);
}

.mim-footer-menu li a:hover {
    color: var(--mim-orange);
    padding-left: 4px;
}

/* ---- Contact column ---- */
.mim-contact-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mim-contact-letstalk {
    font-family: var(--mim-font);
    font-size: 16px;
    font-weight: 600;
    color: var(--mim-white);
    margin: 0 0 4px;
}

.mim-contact-phone iconify-icon {
    color: #fff !important;
}


.mim-contact-phone {
    /* 	transform: scale(1.1); */
    font-family: var(--mim-font);
    font-size: 17px;
    color: #ea7d34;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color #fff;
}

.mim-contact-email {
    font-family: var(--mim-font);
    font-size: 14px;
    color: var(--mim-footer-link);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color var(--mim-transition);
}

.mim-contact-phone:hover,
.mim-contact-email:hover {
    color: var(--mim-orange);
}

/* Small "(Sales)" / "(HR)" label after phone numbers */
.mim-contact-label {
    font-size: 11px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.55);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mim-contact-company {
    font-family: var(--mim-font);
    font-size: 14px;
    color: var(--mim-footer-link);
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.5;
}

.mim-contact-phone iconify-icon,
.mim-contact-email iconify-icon,
.mim-contact-company iconify-icon {
    color: var(--mim-orange);
    flex-shrink: 0;
    margin-top: 2px;
}

/* ============================================================
   FOOTER MIDDLE BAR
   ============================================================ */
.mim-footer-middle {
    background-color: var(--mim-middle-bg);
    padding: 16px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.mim-footer-middle-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 24px;
}

.mim-footer-info-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mim-font);
    font-size: 13.5px;
    color: var(--mim-white);
}

.mim-footer-info-item a {
    color: var(--mim-white);
    text-decoration: none;
    transition: color var(--mim-transition);
}

.mim-footer-info-item a:hover {
    color: var(--mim-orange);
}

.mim-footer-info-icon {
    color: var(--mim-orange);
    display: flex;
    align-items: center;
}

.mim-footer-info-divider {
    color: rgba(255, 255, 255, 0.30);
    font-size: 18px;
    line-height: 1;
    user-select: none;
}

/* ============================================================
   SOCIAL MEDIA
   ============================================================ */
.mim-footer-social {
    background-color: var(--mim-middle-bg);
    padding: 20px 0;
}

.mim-footer-social-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}

.mim-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.10);
    color: var(--mim-white);
    text-decoration: none;
    transition: background-color var(--mim-transition), transform var(--mim-transition), color var(--mim-transition);
}

.mim-social-link:hover {
    background-color: var(--mim-orange);
    color: var(--mim-white);
    transform: translateY(-3px);
}

/* ============================================================
   FOOTER BOTTOM
   ============================================================ */
.mim-footer-bottom {
    background-color: var(--mim-bottom-bg);
    padding: 18px 0;
}

.mim-footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.mim-footer-copyright {
    font-family: var(--mim-font);
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
}

/* Legal nav links */
.mim-footer-legal-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.mim-footer-legal-menu li:not(:last-child)::after {
    content: '|';
    margin-left: 6px;
    color: rgba(255, 255, 255, 0.30);
}

.mim-footer-legal-menu li a {
    font-family: var(--mim-font);
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    transition: color var(--mim-transition);
}

.mim-footer-legal-menu li a:hover {
    color: var(--mim-orange);
}

/* ============================================================
   MOBILE — Accordion layout (max-width: 991px)
   ============================================================ */
@media (max-width: 991px) {

    .mim-footer-top {
        padding: 32px 0 16px;
    }

    .mim-footer-columns {
        grid-template-columns: 1fr;
        gap: 0;
    }

    /* Show accordion toggle icon on mobile */
    .mim-accordion-icon {
        display: flex;
        cursor: pointer;
    }

    /* Make header clickable */
    .mim-footer-col-header {
        cursor: pointer;
        padding: 14px 0;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        user-select: none;
    }

    /* Remove underline accent on mobile */
    .mim-footer-col-title::after {
        display: none;
    }

    /* Body hidden by default; shown when .is-open */
    .mim-footer-col-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 340ms ease, padding 340ms ease;
        padding: 0;
    }

    .mim-footer-col.is-open .mim-footer-col-body {
        max-height: 600px;
        padding: 14px 0 20px;
    }

    /* Rotate icon when open */
    .mim-footer-col.is-open .mim-accordion-icon {
        transform: rotate(45deg);
    }

    /* Contact column — always visible on mobile, no accordion */
    .mim-footer-col--contact .mim-footer-col-body {
        max-height: none;
        overflow: visible;
        padding: 14px 0 20px;
    }

    .mim-footer-col--contact .mim-accordion-icon {
        display: none;
    }

    .mim-footer-col--contact .mim-footer-col-header {
        cursor: default;
    }

    /* Middle bar — stack vertically on small screens */
    .mim-footer-middle-inner {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .mim-footer-info-divider {
        display: none;
    }

    /* Footer bottom — center on mobile */
    .mim-footer-bottom-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .mim-footer-legal-menu {
        justify-content: center;
    }
}

@media (max-width: 600px) {
    .mim-footer-social-inner {
        gap: 10px;
    }

    .mim-social-link {
        width: 36px;
        height: 36px;
    }
}

/* ============================================================
   TABLET — 2-column grid (992px – 1199px)
   ============================================================ */
@media (min-width: 992px) and (max-width: 1199px) {
    .mim-footer-columns {
        grid-template-columns: repeat(3, 1fr);
    }

    .mim-footer-col--contact {
        grid-column: span 2;
    }
}

/* ============================================================
   IMAGE COMPARISON STYLES (container)
   ============================================================ */

/* Before & After Slider Container */
.ba-slider {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio (9/16 = 56.25%) */
    overflow: hidden;
    cursor: ew-resize;
    user-select: none;
    --position: 50%;
    /* Default starting position */
    background-color: #818285;
    /* Placeholder Grey color while loading */
}

/* Apply absolute positioning and cover to BOTH images */
.ba-slider img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Fills container perfectly */
    pointer-events: none;
    /* Prevents browser image dragging */
}

/* The after image is the base */
.ba-after {
    z-index: 0;
}

/* The before image sits on top and is clipped */
.ba-before {
    z-index: 1;
    clip-path: polygon(0 0, var(--position) 0, var(--position) 100%, 0 100%);
}

/* Vertical slider handle line - White (#ffffff) */
.ba-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--position);
    width: 2px;
    background-color: #ffffff;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 10;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

/* Slider handle button in the center - White (#ffffff) and Grey (#818285) */
.ba-handle-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: 44px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 3px solid #FF904E;
    /* Grey border matches requirements perfectly */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* Left and right arrows using Grey (#818285) */
.ba-handle-button::before,
.ba-handle-button::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
}

.ba-handle-button::before {
    border-width: 6px 8px 6px 0;
    border-color: transparent #FF904E transparent transparent;
    /* Grey left arrow */
    margin-right: 4px;
}

.ba-handle-button::after {
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent #FF904E;
    /* Grey right arrow */
    margin-left: 4px;
}

/* Badges for 'Before' and 'After' - Black (#000000) and White (#ffffff) */
.ba-label {
    position: absolute;
    bottom: 20px;
    padding: 8px 16px;
    background-color: #000000;
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 2px;
    pointer-events: none;
    z-index: 15;
}

.ba-label-before {
    left: 20px;
}

.ba-label-after {
    right: 20px;
}


/* ============================================================
   Stories Section STYLES
   ============================================================ */

#stories_section .eael-testimonial-item-inner.clearfix {
    background: #fff;
    height: 335px;
    gap: 20px;
    padding: 30px;
}

#stories_section .eael-testimonial-item-inner.clearfix .eael-testimonial-quote {
    display: none;
}

#stories_section .eael-testimonial-item-inner.clearfix .eael-testimonial-image {
    max-width: 100% !important;
    padding: 20px 0px !important;
}

#stories_section .eael-testimonial-item-inner.clearfix .eael-testimonial-image figure img {
    width: 242px !important;
    height: 100%;
}

#stories_section .eael-testimonial-item-inner.clearfix h3 {
    font-family: "Poppins", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.3em;
    letter-spacing: 1px;
    color: #142165;
    font-style: normal;
}

#stories_section ul.custom-feature-list {
    list-style: none;
    /*     margin: 0 0 0 -40px; */
    padding: 0 !important;

}

#stories_section .custom-feature-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

#stories_section .custom-feature-list img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

#stories_section .custom-feature-list span {
    font-size: 22px;
    font-weight: 500;
    color: #222;
}




/* ============================================================
   FOOTER RIBBON BAR — Social + Badge Slider
   Replaces .mim-footer-middle
   ============================================================ */

.mim-footer-ribbon-bar {
    background-color: #142165;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 20px 0;
    overflow: hidden;
}

.mim-footer-ribbon-inner {
    display: flex;
    align-items: center;
    height: 56px;
    gap: 0;
}

/* ---- Left: Social icons ---- */
.mim-ribbon-social-side {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    padding: 0 20px 0 0;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    height: 100%;
}

.mim-ribbon-follow-label {
    font-family: var(--mim-font);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.38);
    white-space: nowrap;
    margin-right: 2px;
}

.mim-ribbon-social-link {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
    transition: background var(--mim-transition), border-color var(--mim-transition), color var(--mim-transition), transform var(--mim-transition);
    flex-shrink: 0;
}

.mim-ribbon-social-link:hover {
    background: var(--mim-orange);
    border-color: var(--mim-orange);
    color: #ffffff;
    transform: translateY(-2px);
}

.mim-ribbon-divider {
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.10);
    flex-shrink: 0;
    display: none;
    /* handled by border-right on social side */
}

/* ---- Right: Scrolling badge track ---- */
.mim-ribbon-track-wrap {
    flex: 1;
    overflow: hidden;
    min-width: 0;
    mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
    padding: 0 8px;
    height: 100%;
    display: flex;
    align-items: center;
}

.mim-ribbon-track {
    display: flex;
    align-items: center;
    width: max-content;
    animation: mimRibbonScroll 34s linear infinite;
}

.mim-ribbon-track:hover {
    animation-play-state: paused;
}

@keyframes mimRibbonScroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* ---- Individual badge ---- */
.mim-ri-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 15px;
    margin: 0 4px;
    border-radius: 40px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    white-space: nowrap;
    cursor: default;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    position: relative;
    overflow: hidden;
}

.mim-ri-badge:hover {
    background: rgba(234, 125, 50, 0.12);
    border-color: rgba(234, 125, 50, 0.40);
    transform: translateY(-1px);
}

.mim-ri-badge:hover .mim-ri-badge__label {
    color: var(--mim-orange);
}

.mim-ri-badge__icon {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mim-ri-badge__icon svg {
    width: 18px;
    height: 18px;
}

.mim-ri-badge__label {
    font-family: var(--mim-font);
    font-size: 11px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.72);
    letter-spacing: 0.03em;
    transition: color 0.25s ease;
}

.mim-ri-dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
    margin: 0 2px;
    display: inline-block;
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
    .mim-ribbon-track {
        animation: none;
        overflow-x: auto;
    }
}

/* ---- Responsive ---- */
@media (max-width: 991px) {
    .mim-footer-ribbon-bar {
        display: block;
        /* always visible, replaces the hidden mim-footer-middle */
    }

    .mim-footer-ribbon-inner {
        height: 52px;
    }

    .mim-ribbon-follow-label {
        display: none;
    }

    .mim-ribbon-social-side {
        gap: 6px;
        padding-right: 14px;
    }

    .mim-ribbon-social-link {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 480px) {
    .mim-ribbon-social-side {
        gap: 5px;
        padding-right: 10px;
    }

    .mim-ribbon-social-link {
        width: 28px;
        height: 28px;
    }

    .mim-ri-badge {
        padding: 5px 11px;
    }

    .mim-ri-badge__label {
        font-size: 10px;
    }
}


/* ============================================================
   ABOUT PAGE 
   ============================================================ */

.about_logo_slider {
    overflow: hidden;
}

.about_logo_slider .swiper {
    overflow: visible;
}


.about_logo_slider .swiper-slide-inner {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
/*     box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 12px 0px; */
	border: 1px solid #f1f1f1;
    height: 80px;
    display: flex;
    text-align: center;
    justify-content: center;

}


/* .about_logo_slider .swiper-slide-inner img{
	width: 80px;
} */


/*Service section*/

.Process_box #icon-box {
    transition: all .3s ease;
}

.Process_box:hover #icon-box {
    transform: scale(1.08);
}


/*FAQS Section*/

#sc_faqs_section .eael-adv-accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#sc_faqs_section .eael-accordion-list {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 12px 0px;
    border-radius: 10px;
}

#sc_faqs_section .eael-accordion-list:hover .eael-advanced-accordion-icon-closed {
    border: 2px solid #fff;
}


#sc_faqs_section .eael-advanced-accordion-icon-closed {
    padding: 7px 7px 5px 7px;
    /* 	margin-right: 0px !important; */
    border: 2px solid #EB7B314A;
    border-radius: 50px;
}

#sc_faqs_section .faq_side_bar_btn .elementor-button {
    width: 100%;
}



.sc_faqs_section .eael-advanced-accordion-icon-opened {
    padding: 7px 7px 5px 7px;
    /* 	margin-right: 0px !important; */
    border: 2px solid #fff;
    border-radius: 50px;


}

.sc_faqs_section .fa-accordion-icon {
    margin-right: 0px !important;
}


.services_side_bar .elementor-icon-list-item {
    transition: all .3s ease;
}

.services_side_bar .elementor-icon-list-item:hover {
    transform: translatex(5px);
	color: #EA7D32;
}

/*Popup Style*/

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    padding: 20px;
}

.popup-overlay.active {
    display: flex;
}

.popup-inner {
    position: relative;
    width: 100%;
    max-width: 80%;
    max-height: 95vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .25);
}

.popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: #f5f5f5;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    color: #EA7D32;
    z-index: 999;
    padding: 0px;
}

.popup-close:hover {
    transform: rotate(90deg);
    transition: .3s;
    background: #EA7D32;
    color: #fff;
}

body.popup-open {
    overflow: hidden;
    height: 100vh;
}



/* ================================================================
   GET IN TOUCH — Contact Form 7 Styles
   ================================================================ */

/* ── CSS Variables ──────────────────────────────────────────── */
.git-form-wrapper {
    --git-orange: #EA7D32;
    --git-dark: #142165;
    --git-border: #d1d5db;
    --git-radius: 10px;
    --git-input-h: 52px;
    font-size: 15px;
    color: var(--git-dark);
}

/* ── SERVICE CARDS ──────────────────────────────────────────── */
.git-services {
    margin-bottom: 28px;
}

.git-services-label {
    font-size: 14px;
    color: #4b5563;
    margin: 0 0 14px;
}

/* 3-column grid */
.git-services-grid .wpcf7-checkbox.git-service-cb {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    width: 100%;
}

/* Reset CF7 list-item spacing */
.git-services-grid .wpcf7-list-item {
    margin: 0 !important;
    padding: 0 !important;
}

/* Card label */
.git-services-grid .wpcf7-list-item label {
    display: flex;
    align-items: center;
    height: 45px;
    gap: 10px;
    padding: 10px;
    border: 1.5px solid var(--git-border);
    border-radius: var(--git-radius);
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: var(--git-dark);
    user-select: none;
    line-height: 1;
    transition: border-color 0.2s, background 0.2s;
}

.git-services-grid .wpcf7-list-item label:hover {
    border-color: var(--git-orange);
}

/* Hide native checkbox */
.git-services-grid .wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

/* Custom circle icon — unchecked */
.git-services-grid .wpcf7-list-item label::before {
    content: "";
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid var(--git-border);
    background: #fff center / 12px no-repeat;
    transition: all 0.2s;
}

/* Checked state — orange circle + white checkmark */
.git-services-grid .wpcf7-list-item label:has(input:checked) {
    border-color: var(--git-orange);
    background: #fff7f2;
}

.git-services-grid .wpcf7-list-item label:has(input:checked)::before {
    background-color: var(--git-orange);
    border-color: var(--git-orange);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

/* ── FORM ROWS ──────────────────────────────────────────────── */
.git-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.git-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.git-col.git-full {
    grid-column: 1 / -1;
}

/* ── LABELS ─────────────────────────────────────────────────── */
.git-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--git-dark);
    display: block;
    margin-bottom: 5px;
}

.git-req {
    color: #ef4444;
    margin-left: 2px;
}

/* ── FIELD WRAP + ICONS ─────────────────────────────────────── */
.git-field {
    position: relative;
    display: block;
}

.git-field textarea.wpcf7-form-control.wpcf7-textarea {
    padding: 12px 0 0 35px !important;
    height: 100px !important;
}

/* Icon via ::before */
.git-field::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: transparent center / contain no-repeat;
    pointer-events: none;
    z-index: 1;
    opacity: 0.5;
}

/* Textarea: pin icon to top-left */
.git-field--textarea::before {
    top: 16px;
    transform: none;
}

/* SVG Icon data URIs */
.icon-user::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a2340' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.icon-building::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a2340' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3C/svg%3E");
}

.icon-email::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a2340' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
}

.icon-phone::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a2340' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.15 12 19.79 19.79 0 0 1 3.07 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L7.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

.icon-pencil::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a2340' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E");
}

/* ── INPUTS & TEXTAREA ──────────────────────────────────────── */
.git-field .wpcf7-form-control:not([type="submit"]) {
    width: 100% !important;
    height: var(--git-input-h);
    border: 1.5px solid var(--git-border) !important;
    border-radius: var(--git-radius) !important;
    padding: 0 16px 0 44px !important;
    font-size: 14px;
    color: var(--git-dark);
    background: #fff;
    box-shadow: none !important;
    outline: none;
    transition: border-color 0.2s;
    -webkit-appearance: none;
    appearance: none;
}

.git-field .wpcf7-form-control:not([type="submit"])::placeholder {
    color: #9ca3af;
}

.git-field .wpcf7-form-control:not([type="submit"]):focus {
    border-color: var(--git-orange) !important;
}

/* Textarea */
.git-field--textarea .wpcf7-textarea {
    height: 140px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    resize: vertical;
    line-height: 1.6;
}

/* ── RECAPTCHA ──────────────────────────────────────────────── */
.git-captcha-wrap {
    display: flex;
    justify-content: center;
    /* 	display: none; */
}


.git-form-wrapper .wpcf7 form>div,
.wpcf7 form>p {
    margin-bottom: 0px !important;
}

/* ── SUBMIT BUTTON ──────────────────────────────────────────── */
.git-submit-wrap p {
    margin-bottom: 0px;
}

.git-submit-wrap .wpcf7-spinner {
    display: none;
}

.git-submit-wrap .git-submit,
.git-submit-wrap button.git-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    color: #fff !important;
    border: none;
    background-color: #EA7D32;
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 4px 4px 4px 4px;
    padding: 12px 24px 12px 24px;
    letter-spacing: 0.07em;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
}

.git-submit-wrap .git-submit:hover,
.git-submit-wrap button.git-submit:hover {
    background: #ea6c0a;
}

.git-submit-wrap .git-submit:active,
.git-submit-wrap button.git-submit:active {
    transform: scale(0.99);
}


/* ── CF7 VALIDATION STATES ──────────────────────────────────── */
.git-field .wpcf7-not-valid {
    border-color: #ef4444 !important;
}

.wpcf7-not-valid-tip {
    color: #ef4444 !important;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

.wpcf7-response-output {
    border-radius: var(--git-radius) !important;
    padding: 12px 16px !important;
    margin: 16px 0 0 !important;
    font-size: 14px;
    border-width: 1.5px !important;
}

.git-services-grid .wpcf7-checkbox.git-service-cb {
    gap: 10px;
}

.git-services {
    margin-bottom: 15px;
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 640px) {
    .git-services-grid .wpcf7-checkbox.git-service-cb {
        grid-template-columns: repeat(2, 1fr);
    }

    .git-row {
        grid-template-columns: 1fr;
    }

    .popup-inner {
        position: relative;
        width: 100%;
        max-width: 98%;
    }
}

@media (max-width: 400px) {
    .git-services-grid .wpcf7-checkbox.git-service-cb {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   MIM CONTACT FORM  —  CF7 version
   ============================================================ */

.mim-cf-wrap {
    --mim-orange: #f97316;
    --mim-dark: #1a2340;
    --mim-border: #e2e8f0;
    --mim-radius: 8px;
    --mim-h: 52px;
    --mim-pad: 46px;
    width: 100%;
    font-family: inherit;
    font-size: 14px;
    color: var(--mim-dark);
}

/* ── Grid ───────────────────────────────────────────────────── */
.mim-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 18px;
}

/* ── Field wrapper ──────────────────────────────────────────── */
.mim-field {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.mim-field--full {
    grid-column: 1 / -1;
}

/* CF7 wraps each field in .wpcf7-form-control-wrap — make it fill width */
.mim-field .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* ── Orange icon ─────────────────────────────────────────────── */
.mim-ico {
    position: absolute;
    left: 14px;
    top: 45px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: center / contain no-repeat;
    pointer-events: none;
    z-index: 2;
}

.mim-field--textarea .mim-ico {
    top: 40px;
    transform: none;
}

/* ── SVG Icons (orange) ─────────────────────────────────────── */
.ico-user {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.ico-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
}

.ico-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.15 12 19.79 19.79 0 0 1 1.07 3.36a2 2 0 0 1 1.72-2c.97-.1 1.94.4 2.44 1.27l1.58 2.81a2 2 0 0 1-.45 2.11L7.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

.ico-globe {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
}

.ico-pin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

.ico-doc {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E");
}

.ico-pencil {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E");
}

/* ── Inputs / Select / Textarea ─────────────────────────────── */
.mim-field input[type="text"],
.mim-field input[type="email"],
.mim-field input[type="tel"],
.mim-field select,
.mim-field textarea {
    width: 100% !important;
    height: var(--mim-h);
    border: 1.5px solid var(--mim-border) !important;
    border-radius: var(--mim-radius) !important;
    padding: 0 16px 0 var(--mim-pad) !important;
    font-size: 14px !important;
    color: var(--mim-dark);
    background: #fff;
    outline: none;
    box-shadow: none !important;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color 0.2s;
    box-sizing: border-box !important;
    font-family: inherit;
}

.mim-field input::placeholder,
.mim-field textarea::placeholder {
    color: #9ca3af;
}

.mim-field input:focus,
.mim-field select:focus,
.mim-field textarea:focus {
    border-color: var(--mim-orange) !important;
}

/* Select arrow + placeholder color */
.mim-field select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center, left 14px center !important;
    background-size: 16px !important;
    padding-right: 38px !important;
    color: #9ca3af;
    /* placeholder color before selection */
    cursor: pointer;
}

.mim-field select.has-value {
    color: var(--mim-dark);
}

/* Textarea */
.mim-field textarea {
    height: 140px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    resize: vertical;
    line-height: 1.6;
}

/* ── CF7 validation states ───────────────────────────────────── */
.mim-field .wpcf7-not-valid {
    border-color: #ef4444 !important;
}

.mim-cf-wrap .wpcf7-not-valid-tip {
    color: #ef4444 !important;
    font-size: 11px !important;
    margin-top: 4px;
    display: block;
}

.mim-cf-wrap .wpcf7-response-output {
    border-radius: var(--mim-radius) !important;
    padding: 12px 16px !important;
    margin: 16px 0 0 !important;
    font-size: 13px !important;
    border-width: 1.5px !important;
}

.mim-field p {
    margin-bottom: 0px;
}

/* ── reCAPTCHA ───────────────────────────────────────────────── */
.mim-recaptcha {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 24px 0 20px;
}

/* ── Submit button ───────────────────────────────────────────── */
.mim-submit-wrap {
    margin-bottom: 16px;
}

input[type="submit"].mim-submit-btn,
button.mim-submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    color: #fff !important;
    border: none;
    background-color: #EA7D32;
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 4px 4px 4px 4px;
    padding: 12px 24px 12px 24px;

}

input[type="submit"].mim-submit-btn:hover,
button.mim-submit-btn:hover {
    background: #ea6c0a !important;
}

input[type="submit"].mim-submit-btn:active,
button.mim-submit-btn:active {
    transform: scale(0.99);
}

/* ── Privacy note ────────────────────────────────────────────── */
.mim-privacy {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    color: #6b7280;
    margin: 0;
    text-align: center;
    flex-wrap: wrap;
}

.mim-orange {
    color: var(--mim-orange);
    font-weight: 600;
}


.industries_slider{
	border-radius: 20px;
	overflow: hidden;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 4px 12px 0px;
}


.industries_slider .fle_contaner{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 10px;
	border-radius: 10px;
}

.industries_slider .fle_contaner .box_icon{
	height: 50px !important;
	width: 50px !important;
}

.industries_slider .fle_contaner .box_titel {
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 600;
	line-height: 1.3em;
}


.industries_slider .box_icon img {
  filter: brightness(0) saturate(100%)
          invert(64%) sepia(53%) saturate(1087%)
          hue-rotate(339deg) brightness(97%) contrast(93%);
}

	.industries_slider .elementor-widget-eael-testimonial-slider .eael-testimonial-content{
		padding: 0 !important;
	}

  .industries_slider .eael-testimonial-item-inner{
	border: none !important;
}

    .industries_slider .swiper-autoheight, .swiper-autoheight .swiper-slide{
	height: 70px !important;
}

.industries_slider .swiper{
	overflow-x: clip;
	width: 100%;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 640px) {
	
    .mim-grid {
        grid-template-columns: 1fr;
    }

    .mim-field--full {
        grid-column: 1;
    }
}



/* ============================================================
   LEGACY RESPONSIVE (header-flex-container)
   ============================================================ */

@media (max-width: 991px) {
	
	
	
    .header-flex-container {
        flex-wrap: wrap;
    }

    .home-reviws-slider .eael-testimonial-item-inner.clearfix {
        height: 100%;
    }

    #stories_section .eael-testimonial-item-inner.clearfix {
        flex-direction: column;
    }

    #stories_section .eael-testimonial-item-inner.clearfix {
        height: 100%;
        padding: 20px;

    }

    .blog_section .eael-grid-post-holder {
        padding: 10px;
    }

    #reviews_section .eael-testimonial-item-inner.clearfix {
        height: 100%;
    }

    #stories_section .eael-testimonial-item-inner.clearfix .eael-testimonial-image figure img {
        width: 100% !important;
    }

    .process_box #icon-box {
        opacity: 1;
        transform: translatex(0);
    }

    .mim-footer-middle {
        display: none;
    }

    #miPortfolioSection {
        display: none;
    }

    .main-navigation {
        order: 3;
        width: 100%;
        margin-top: 15px;
        justify-content: flex-start;
    }
	
	
	.nd-reviws-slider .eael-testimonial-item-inner.clearfix {
		min-height: 350px;
		padding: 20px;
	}
	
	
.nd-reviws-slider .eael-testimonial-user-company{
	margin-top: 10px;
	font-size: 10px !important;
}
	
	.nd-reviws-slider .eael-testimonial-user{
		font-size: 12px !important;
	}
	
	.nd-reviws-slider .eael-testimonial-image img{
		width: 50px !important;
	}
	
	.nd-reviws-slider .eael-testimonial-text p {
		min-height: 300px;
	}
	
}