.stat-item:hover{
transform:translateY(-8px);
background:white;
box-shadow:0 12px 30px rgba(0,0,0,0.08);
color: #07397d !important;
}
  .or-section{

padding:80px 20px;
margin-bottom: 50px;

background:linear-gradient(90deg, #ef350cab 0%, #07397d 50%, #ff6a3a99 50%, #ff6a3ac7 100%) !important;

}
      .icon.style-colorb
{
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.85;
    z-index: 2;
}


@media (max-width: 600px) {
    .mx-premium-network-grid {
        grid-template-columns: 1fr !important ;
    }
}


/* EFFECT CLASS */
.blue-moving-lines{
position:relative;

}

.blue-moving-lines::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
z-index:0;
width:100% !important;
margin-left: -50%;
background:
repeating-linear-gradient(
-60deg,
rgba(0,120,255,0.08) 0px,
rgba(0,120,255,0.08) 2px,
transparent 2px,
transparent 60px
);

animation:blueLinesMove 25s linear infinite;
}

@keyframes blueLinesMove{
0%{
background-position:0 0;
}
100%{
background-position:800px 800px;
}
}

  .elementor-1297 .elementor-element.elementor-element-694af42 img {
      
         border-color: white !important;
    }
    

:root {
  --mx-primary: #1a1a2e;
  --mx-primary-light: #16213e;
  --mx-accent: #EF350C;
  --mx-accent-hover: #ce2e0a;
  --mx-gradient: linear-gradient(135deg, #EF350C, #CE6F49, #F7B267);
  --mx-text: #2c2c2c;
  --mx-text-muted: #6b6b6b;
  --mx-light: #f9f9f9;
  --mx-white: #ffffff;
  --mx-border: rgba(255,255,255,0.18);
  --mx-font-heading: 'League Spartan', sans-serif;
  --mx-font-body: 'Nunito Sans', sans-serif;
}

/* Base typography */
body {
  font-family: var(--mx-font-body);
  color: var(--mx-text);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.jkit-nav-menu .jkit-menu > li > a {
  font-family: var(--mx-font-heading) !important;
}

/* Accent color overrides */
.jkit-nav-menu .jkit-menu > li:hover > a,
.jkit-nav-menu .jkit-menu > li.current-menu-item > a,
.jkit-icon-box .icon-box-link:hover,
.elementor-social-icon:hover {
  color: var(--mx-accent) !important;
}
.jkit-hamburger-menu,.jkit-close-menu
{
  background:transparent !important
}
/* Custom hamburger icon - asymmetric lines (top longest, bottom shortest) */
.jkit-hamburger-menu .mx-hamburger-icon {
  display: block;
  stroke: currentColor;
  flex-shrink: 0;
}
/* Reusable class for highlighting mid/sub headings in titles */
.mx-mid-highlight {
  color: var(--mx-accent);
  font-weight: 700;
}

:root {
  --e-global-color-primary: var(--mx-primary);
  --e-global-color-accent: var(--mx-accent);
  --e-global-gradient-accent: linear-gradient(135deg, #EF350C 0%, #CE6F49 50%, #F7B267 100%);
  --e-global-color-text: var(--mx-text);
  --e-global-color-1dcef06: var(--mx-white);
  --e-global-color-secondary: var(--mx-text-muted);
  --e-global-typography-d872213-font-family: var(--mx-font-heading);
  --e-global-typography-text-font-family: var(--mx-font-body);
}

/* Logo sizing */
.mx-logo, .header-logo img, .jkit-nav-logo img {
  max-height: 50px;
  height: auto;
  width: auto;
  object-fit: contain;
}

@media (max-width: 768px) {
  .mx-logo, .header-logo img { max-height: 40px; }
  .mx-btn-outline,.mx-btn-primary
{
    
        font-size: 13px !important;
        padding: 14px 8px !important;
}
.mx-hero-trust-list
{
    font-size: 12px !important;
}
}

/* Floating WhatsApp button */
.mx-whatsapp-float {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  width: 56px;
  height: 56px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
  transition: transform 0.2s, box-shadow 0.2s;
}
.mx-whatsapp-float:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);
}
.mx-whatsapp-float svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}

/* Header - 70px height, menu 20px font, proper alignment */
#masthead .elementor-element-1c66113,
#masthead .elementor-element-1c66113 .e-con-inner {
  min-height: 70px !important;
  height: 70px !important;
  max-height: 70px !important;
  align-items: center !important;
}
#masthead .elementor-element-1c66113 .e-con,
#masthead .elementor-element-1c66113 .elementor-element-cc1ed63,
#masthead .elementor-element-1c66113 .elementor-element-5bcf6b8,
#masthead .elementor-element-1c66113 .elementor-element-83d5288 {
  align-items: center !important;
}
.elementor-element-9d0e272 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper {
  height: 70px !important;
}
.elementor-element-9d0e272 .jeg-elementor-kit.jkit-nav-menu .jkit-menu-container {
  align-items: center !important;
}
.jkit-nav-menu .jkit-menu > li > a {
  font-size: 20px !important;
  display: flex !important;
  align-items: center !important;
}
/* Header logo fit in 70px */
#masthead .elementor-element-5570490 img,
#masthead .elementor-widget-image img {
  max-height: 50px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Replace background-color: var(--e-global-color-accent) with gradient everywhere */
.jkit-nav-menu .sub-menu li:hover > a,
.jkit-nav-menu .sub-menu > li.current-menu-item > a {
  background: linear-gradient(135deg, #EF350C, #FF5722, #fa8200) !important;
  color: #fff !important;
  border: none !important;
}

/* Accordion - no inline styles */
.jkit-accordion .card-expand { display: none; }
.jkit-accordion .card-wrapper:first-child .card-expand,
.jkit-accordion .card-wrapper.expand .card-expand { display: block; }

/* Comment reply link - hidden by default */
#cancel-comment-reply-link { display: none; }

/* Hero CTA - Buttons & Trust Indicators */
.mx-hero-cta-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.mx-hero-cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
/* Hero CTA - Dono buttons, no border */
.mx-hero-cta-buttons .jkit-button-wrapper,
.mx-hero-cta-buttons .mx-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px 28px;
  font-weight: 600 !important;
  font-size: 15px ;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
  border: none !important;
}


/* Primary (Request a Proposal): orange gradient, transparent on hover */
.mx-hero-cta-buttons .mx-btn-primary.jkit-button-wrapper,
.mx-hero-cta-buttons .mx-btn.mx-btn-primary {
  background: linear-gradient(135deg, #EF350C, #FF5722, #fa8200) !important;
  color: #fff !important;
}
.mx-hero-cta-buttons .mx-btn-primary.jkit-button-wrapper:hover,
.mx-hero-cta-buttons .mx-btn.mx-btn-primary:hover {
  background: transparent !important;
  color: #fff !important;
  border:2px solid #fff !important;
}
/* Outline (Download Media Kit): blue gradient */
.mx-hero-cta-buttons .mx-btn-outline.jkit-button-wrapper,
.mx-hero-cta-buttons .mx-btn.mx-btn-outline {
  background: linear-gradient(360deg, #07397D, #090994) !important;
  color: #fff !important;
  border: none !important;
}
.mx-hero-cta-buttons .mx-btn-outline.jkit-button-wrapper:hover,
.mx-hero-cta-buttons .mx-btn.mx-btn-outline:hover {
  background:transparent !important;
  color: #fff !important;
  border:2px solid #fff !important;
}
.mx-hero-trust-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  font-size: 0.95rem;
  color: rgba(255,255,255,0.9);
  font-weight: 500;
  line-height: 1.5;
  white-space: nowrap;
}
.mx-hero-trust-list li {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
.mx-hero-trust-list li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-left: 14px;
  margin-right: 14px;
  background: rgba(140,140,140,0.85);
  border-radius: 50%;
  vertical-align: middle;
}

/* Feature Pillars - banner ke bottom par overlay, white base, #EF350C / #07397D only */
.mx-feature-pillars {
  background: #fff;
  padding: 64px 20px;
  margin: -160px 32px 0;
  position: relative;
  z-index: 2;
}
.mx-feature-pillars-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.mx-feature-pillars-heading {
  font-size: 1.85rem;
  font-weight: 700;
  text-align: center;
  color: #2c2c2c;
  margin-bottom: 1rem;
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.25 !important;
}
.mx-feature-pillars-heading .mx-clr-accent { color: #EF350C; }
.mx-feature-pillars-heading .mx-clr-primary { color: #07397D; }
.mx-feature-pillars-desc {
  font-size: 1.05rem;
  color: #6b6b6b;
  text-align: center;
  max-width: 640px;
  margin: 0 auto 48px;
  line-height: 1.6 !important;
}
.mx-feature-pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1px solid #07397D;
  border-bottom: 1px solid #07397D;
}
.mx-feature-pillar {
  padding: 32px 28px;
  text-align: center;
  border-left: 1px solid rgba(7,57,125,0.25);
}
.mx-feature-pillar:first-child {
  border-left: none;
}
.mx-feature-pillar-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  padding-bottom: 8px;
  display: inline-block;
  border-bottom-width: 2px;
  border-bottom-style: solid;
}
.mx-feature-pillar-title .mx-clr-accent { color: #EF350C; }
.mx-feature-pillar-title .mx-clr-primary { color: #07397D; }
.mx-feature-pillar-title.mx-color-accent { color: #EF350C; border-bottom-color: #EF350C; }
.mx-feature-pillar-title.mx-color-primary { color: #07397D; border-bottom-color: #07397D; }
.mx-feature-pillar-text {
  font-size: 0.95rem;
  color: #6b6b6b;
  margin: 0;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .mx-feature-pillars {
    padding: 40px 16px;
    margin: -80px 32px 0 !important;
    background: #fafafa !important;
  }
  
  .mx-feature-pillars-heading {
    font-size: 1.4rem;
  }
  .mx-feature-pillars-grid {
    grid-template-columns: 1fr;
    border-left: none;
    border-right: none;
  }
  .mx-feature-pillar {
    border-left: none;
    border-top: 1px solid rgba(7,57,125,0.25);
    padding: 24px 16px;
  }
  .mx-feature-pillar:first-child {
    border-top: none;
  }
}

/* DOOH Stats - 2-part layout: headings top center, circles below center */
.mx-dooh-stats {
  background: #fff;
  padding: 0px 20px 20px;
}
.mx-dooh-stats-inner {
  max-width: 1100px;
  margin: 0 auto;
}
.mx-dooh-stats-heading {
  text-align: center;
  margin-bottom: 56px;
}
.mx-dooh-stats-heading .heading-section-subtitle {
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 12px;
}
.mx-dooh-stats-heading .heading-section-subtitle.style-color {
  color: #EF350C;
}
.mx-dooh-stats-heading .heading-section-title,
.mx-dooh-stats-heading .heading-title {
  margin: 0;
  font-family: var(--mx-font-heading);
  font-size: 1.9rem;
  font-weight: 700;
  color: #2c2c2c;
  line-height: 1.25;
}
.mx-dooh-stats-heading .heading-title .mx-clr-accent {
  color: #EF350C;
}
.mx-dooh-stats-circles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 48px 80px;
}
.mx-dooh-stat-item {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 240px;
}
.mx-dooh-stat-item .elementor-widget-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mx-dooh-stat-item .jkit-pie-chart {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mx-dooh-stat-item .pie-chart-wrapper {
  margin-bottom: 16px;
}
.mx-dooh-stat-title {
  font-family: var(--mx-font-heading);
  font-size: 1.15rem;
  font-weight: 700;
  color: #2c2c2c;
  margin: 0 0 8px 0;
}
.mx-dooh-stat-text {
  font-size: 0.95rem;
  font-weight: 500;
  color: #2c2c2c;
  line-height: 1.4;
  margin: 0;
  min-height: 2.8em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .mx-dooh-stats-circles {
    flex-direction: column;
    gap: 56px;
    align-items: center;
  }
  .mx-dooh-stat-item {
    max-width: 280px;
  }
}

/* DOOH stat circles - icon in center (replaces percentage) */
.mx-dooh-stats .stat-item .circle {
  position: relative;
}
.mx-dooh-stats .stat-item .stat-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.4rem;
  color: #555;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.85;
  z-index: 2;
}
.mx-dooh-stats .stat-item .stat-icon i {
  color: inherit;
  font-weight: 400;
}

/* Premium Network - image with white overlay on bottom (like reference image) */
.mx-premium-network {
  background: #fff;
  padding: 20px 20px 50px;
}
.mx-premium-network-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.mx-premium-network-heading {
  text-align: center;
  margin-bottom: 28px;
}
.mx-premium-network-subtitle {
  font-family: var(--mx-font-heading);
  font-size: 1rem;
  font-weight: 600;
  color: var(--mx-accent);
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.mx-premium-network-title {
  font-family: var(--mx-font-heading);
  font-size: 1.85rem;
  font-weight: 700;
  color: #2c2c2c;
  margin-bottom: 1rem;
  line-height: 1.25;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.mx-premium-network-desc {
  font-size: 1.05rem;
  color: #6b6b6b;
  line-height: 1.6;
  max-width: 640px;
  margin: 0 auto 1.25rem;
}
.mx-premium-network-btn {
  display: inline-block;
  padding: 12px 24px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-decoration: none;
  background: linear-gradient(135deg, #EF350C, #FF5722);
  color: #fff;
  border: none;
  transition: all 0.25s ease;
}
.mx-premium-network-btn:hover {
  opacity: 0.9;
  color: #fff;
}
.mx-premium-network-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.mx-premium-network-card {
  position: relative;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  border-radius: 0px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.25s ease;
}
.mx-premium-network-card:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.mx-premium-card-image {
  flex: 1;
  min-width: 0;
  aspect-ratio: 3/4;
  overflow: hidden;
}
.mx-premium-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* Overlay card: right of image, width 80% of image width, height 45% of image */
.mx-premium-card-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  
  width: 80%;
 
  background: #fff;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 5px;
  justify-content: center;
}
.mx-premium-card-icon {
  color: var(--mx-accent);
  line-height: 1;
  display: flex;
  align-items: center;
}
.mx-premium-card-icon svg {
  width: 28px;
  height: 28px;
  stroke: currentColor;
}
.mx-premium-card-heading {
  font-family: var(--mx-font-heading) !important;
  font-size: 17px !important;
  line-height: 28px !important;
  margin-bottom: 0px;
  transition: all 500ms;
  text-transform: uppercase;
  letter-spacing: 0.03em !important;
}
.mx-premium-card-heading .mx-clr-accent { color: #EF350C; }
.mx-premium-card-heading .mx-clr-primary { color: #07397D; }
.mx-premium-card-desc {
  font-size: 0.82rem;
  color: #6b6b6b;
  line-height: 1.5;
  margin: 0;transition: all 500ms;
  max-width: 225px;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1024px) {
  .mx-premium-network-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 780px) {
  #masthead .elementor-element-5570490 img, #masthead .elementor-widget-image img
  {
    margin-top: -10px;
  }
  .mx-dooh-stats-heading
  {
      margin-bottom: 24px;
  }
  .mx-premium-network-grid {
    grid-template-columns: 1fr;
  }
  .mx-premium-network-title {
    font-size: 1.4rem;
  }
  .mx-premium-card-overlay {
    width: 85%;
    height: 30%;
    padding: 10px 12px;
  }
  
  .mx-premium-card-icon svg {
    width: 22px;
    height: 22px;
  }
  .mx-premium-card-heading {
    font-size: 0.7rem;
  }
  .mx-premium-card-desc {
    font-size: 0.85rem;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}

/* ===== Client Logos - Simple CSS Marquee Slider (no JS) ===== */
.elementor-element-f217a4d .elementor-widget-container,
.elementor-widget-jkit_client_logo .elementor-widget-container {
  display: block !important;
  padding: 48px 20px !important;
  background: #f9f9f9 !important;
}
.mx-client-logos-section {
  max-width: 1000px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.mx-client-logos-heading {
  font-size: 1.85rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: #2c2c2c !important;
  margin: 0 0 12px !important;
  line-height: 1.25 !important;
  font-family: var(--mx-font-heading) !important;
}
.mx-client-logos-subheading {
  font-size: 1.05rem !important;
  color: #6b6b6b !important;
  text-align: center !important;
  margin: 0 auto 32px !important;
  max-width: 600px !important;
  line-height: 1.5 !important;
}
.mx-client-logos-footer {
  font-size: 0.95rem !important;
  color: #6b6b6b !important;
  text-align: center !important;
  margin: 28px auto 0 !important;
  line-height: 1.5 !important;
}
/* Slider wrap - overflow hidden */
.mx-client-logos-slider-wrap {
  overflow: hidden !important;
  width: 100% !important;
}
/* Track - flex + marquee animation (only when 2+ logos) */
.mx-client-logos-track {
  display: flex !important;
  gap: 20px !important;
  width: max-content !important;
}
.mx-has-slider .mx-client-logos-track {
  animation: mx-client-logos-scroll 25s linear infinite !important;
}
.mx-has-slider .mx-client-logos-track:hover {
  animation-play-state: paused !important;
}
/* Each logo box - same size */
.mx-client-logo-box {
  flex-shrink: 0 !important;
  width: 180px !important;
  height: 100px !important;
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
}
.mx-client-logo-box:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
  border-color: #ddd !important;
}
.mx-client-logo-box a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none !important;
}
.mx-client-logo-box img {
  max-width: 100% !important;
  max-height: 60px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}
@keyframes mx-client-logos-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (max-width: 768px) {
  .mx-client-logos-heading { font-size: 1.5rem !important; }
  .mx-client-logos-subheading { font-size: 0.95rem !important; margin-bottom: 24px !important; }
  .mx-client-logo-box { width: 150px !important; height: 80px !important; }
  .mx-client-logos-track { gap: 16px !important; animation-duration: 20s !important; }
  #masthead .elementor-element-5570490 img, #masthead .elementor-widget-image img
  {
    margin-top: -10px;
  }
}

/* ===== Progress-style Footer (Maximeyz) ===== */
.mx-footer-progress {
  background: linear-gradient(180deg, #111 0%, #0a0a0a 50%, #080808 100%) !important;
  color: #fff;
  font-family: var(--mx-font-body);
  padding: 0;
  margin: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}
.mx-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 72px 24px 32px;
}
.mx-footer-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
.mx-footer-top {
  padding-bottom: 36px;
  border-bottom: 1px solid rgba(255,255,255,0.18);
  margin-bottom: 28px;
}
/* Logo + links + copyright grouped together near logo */
.mx-footer-left-group {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 12px 32px;
}
.mx-footer-logo {
  display: block;
  flex-shrink: 0;
  margin: 0;
}
.mx-footer-links-copy {
  flex: 1;
  min-width: 180px;
}
.mx-footer-left-group .mx-footer-desc {
  width: 100%;
  margin: 0 0 4px 0;
}
.mx-footer-logo picture,
.mx-footer-logo-img {
  display: block;
}
.mx-footer-logo-img {
  height: 36px;
  width: auto;
  max-width: 160px;
  filter: brightness(0) invert(1);  /* force logo white on dark bg */
  object-fit: contain;
  vertical-align: middle;
}
.mx-footer-desc {
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255,255,255,0.9);
  margin: 0;
  max-width: 420px;
}
.mx-footer-links-wrap {
  flex: 1;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mx-footer-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
.mx-footer-nav a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s;
}
.mx-footer-nav a:hover {
  color: rgba(255,255,255,0.85);
}
.mx-footer-sep {
  color: rgba(255,255,255,0.5);
  font-size: 12px;
  user-select: none;
}
.mx-footer-copy {
  font-size: 12px;
  color: rgba(255,255,255,0.7);
  margin: 0;
}
.mx-footer-social {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.mx-footer-social a {
  color: #fff;
  font-size: 18px;
  transition: opacity 0.2s;
}
.mx-footer-social a:hover {
  opacity: 0.85;
}
.mx-footer-bottom {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.mx-footer-disclaimer {
  flex: 1;
  min-width: 200px;
  font-size: 12px;
  color: rgba(255,255,255,0.65);
  line-height: 1.5;
  margin: 0;
}
.mx-footer-powered {
  font-size: 12px;
  color: rgba(255,255,255,0.65);
  margin: 0;
  flex-shrink: 0;
}

/* Footer responsive */
@media (max-width: 1024px) {
  .mx-footer-top {
    flex-direction: column;
    align-items: flex-start;
  }
  .mx-footer-left,
  .mx-footer-links-wrap {
    width: 100%;
    max-width: none;
  }
  .mx-footer-social {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .mx-footer-inner {
    padding: 56px 20px 24px;
  }
  .mx-footer-top {
    padding-bottom: 24px;
    margin-bottom: 20px;
  }
  .mx-footer-desc {
    font-size: 13px;
  }
  .mx-footer-nav {
    flex-direction: column;
    align-items: flex-start;
  }
  .mx-footer-sep {
    display: none;
  }
  .mx-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

/* ===== Prefooter: Network Coverage (exact design) ===== */
.mx-network-coverage {
  padding: 0px 24px 55px;
  background: #fff;
}
.mx-network-coverage .mx-container {
  max-width: 1200px;
  margin: 0 auto;
}
.mx-network-heading {
  font-family: var(--mx-font-heading);
  font-size: 2rem;
  font-weight: 700;
  color: #212529;
  text-align: center;
  margin: 0 0 16px 0;
}
.mx-network-subheading {
  font-size: 1rem;
  color: #6c757d;
  text-align: center;
  line-height: 1.6;
  max-width: 680px;
  margin: 0 auto 48px;
}
.mx-network-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.mx-network-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  padding: 24px;
  border: none;
}
.mx-network-card-header {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
}
.mx-network-icon {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 18px;
  color: #fff;
}
.mx-network-icon-orange { background: #FF7B4F; }
.mx-network-icon-blue { background: #07397D; }
.mx-network-city {
  font-family: var(--mx-font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  color: #212529;
  margin: 0 0 4px 0;
}
.mx-network-count {
  font-size: 0.875rem;
  color: #6c757d;
}
.mx-network-localities-title {
  font-size: 0.95rem;
  color: #212529;
  margin: 0 0 12px 0;
}
.mx-network-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 8px;
}
.mx-network-tags span {
  background: #F0F8FF;
  color: #495057;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid #dee2e6;
}

/* Network responsive */
@media (max-width: 992px) {
  .mx-network-cards { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .mx-network-coverage { padding: 0px 20px 40px; }
  .mx-network-heading { font-size: 1.5rem; }
  .mx-network-subheading { font-size: 0.9rem; margin-bottom: 32px; }
}

/* ===== Industries We Serve (professional) ===== */
.mx-industries {
  padding: 64px 24px 72px;
  background: #f9fafb;
  display:none;
}
.mx-industries .mx-container {
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}
.mx-industries-heading {
  font-family: var(--mx-font-heading);
  font-size: 2rem;
  font-weight: 700;
  color: #2C3E50;
  text-align: center;
  margin: 0 0 12px 0;
}
.mx-industries-subheading {
  font-size: 1rem;
  color: #6c757d;
  text-align: center;
  margin: 0 0 36px 0;
  line-height: 1.5;
}
.mx-industries-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 12px;
}
.mx-industry-tag {
  background: #fff;
  color: #2C3E50;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 12px 22px;
  border-radius: 50px;
  border: 1px solid #dee2e6;
  transition: all 0.2s;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.mx-industry-tag:hover {
  border-color: transparent;
  background: linear-gradient(135deg, #EF350C, #FF5722, #fa8200) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(239,53,12,0.3);
}

@media (max-width: 992px) {
  .mx-industries .mx-container { width: 92%; margin-left: 4%; margin-right: 4%; }
}
@media (max-width: 768px) {
  .mx-industries { padding: 48px 20px 56px; }
  .mx-industries .mx-container { width: 94%; margin-left: 3%; margin-right: 3%; }
  .mx-industries-heading { font-size: 1.5rem; }
  .mx-industries-tags { gap: 10px; }
  .mx-industry-tag { padding: 10px 18px; font-size: 0.85rem; }
}

/* ===== CTA Sections ===== */
.mx-cta {
  padding: 64px 24px;
  text-align: center;
}
.mx-cta .mx-container {
  max-width: 720px;
  margin: 0 auto;
}
.mx-cta-primary {
  background: linear-gradient(135deg, var(--mx-primary) 0%, #16213e 100%);
  color: #fff;
}
.mx-cta-secondary {
  background: #fff;
  color: var(--mx-text);
  border-top: 1px solid #eee;
}
.mx-cta-heading {
  font-family: var(--mx-font-heading);
  font-size: 1.75rem;
  font-weight: 700;
  margin: 0 0 16px 0;
}
.mx-cta-primary .mx-cta-heading { color: #fff; }
.mx-cta-desc {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 28px 0;
  opacity: 0.92;
}
.mx-cta-secondary .mx-cta-desc { color: #6c757d; opacity: 1; }
.mx-cta-btn {
  display: inline-block;
  padding: 14px 32px;
  font-size: 1rem;
  font-weight: 600;
  font-family: var(--mx-font-heading);
  text-decoration: none;
  border-radius: 6px;
  transition: all 0.2s;
}
.mx-cta-btn-accent {
  background: linear-gradient(135deg, var(--mx-accent), #FF5722);
  color: #fff;
  border: none;
}
.mx-cta-btn-accent:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(239,53,12,0.4);
}
.mx-cta-btn-outline {
  background: transparent;
  color: var(--mx-accent);
  border: 2px solid var(--mx-accent);
}
.mx-cta-btn-outline:hover {
  background: var(--mx-accent);
  color: #fff;
  transform: translateY(-2px);
}

@media (max-width: 768px) {
    
  .mx-cta { padding: 48px 20px; }
  .mx-cta-heading { font-size: 1.4rem; }
}

/* ===== Stats + CTA - overlaps footer, exact design ===== */
.mx-stats-cta {
  background: #fff;
  padding: 64px 48px 80px;
  position: relative;
  z-index: 2;
  width: 84%;
  margin-left: 8%;
  margin-right: 10%;
  margin-top: -50px;
  margin-bottom: -50px;
}
.mx-stats-cta-inner {
 
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  align-items: center;
}
.mx-stats-cta-heading {
  font-family: var(--mx-font-heading);
  font-size: 2rem;
  font-weight: 700;
  color: #000;
  line-height: 1.15;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.mx-stats-cta-accent {
  color: var(--mx-accent);
}
.mx-stats-cta-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 8px;
}
.mx-stats-cta-btn {
  font-family: var(--mx-font-heading);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 6px;
  transition: all 0.2s;
  display: inline-block;
}
.mx-stats-cta-btn-primary {
  background: linear-gradient(135deg, #EF350C, #FF5722, #fa8200) !important;
  color: #fff !important;
  border: none;
}
.mx-stats-cta-btn-primary:hover {
  box-shadow: 0 4px 16px rgba(239,53,12,0.35);
  transform: translateY(-1px);
}
.mx-stats-cta-btn-secondary {
  background: linear-gradient(360deg, #07397D, #090994) !important;
  color: #fff !important;
  border: none;
}
.mx-stats-cta-btn-secondary:hover {
  background: linear-gradient(360deg, #0a4a9e, #0c0cb0) !important;
  box-shadow: 0 4px 16px rgba(7,57,125,0.35);
  transform: translateY(-1px);
}
.mx-stats-cta-desc {
  font-size: 0.95rem;
  color: #6c757d;
  line-height: 1.6;
  margin: 0 0 32px 0;
}
.mx-stats-cta-numbers {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.mx-stats-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mx-stats-num {
  font-family: var(--mx-font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  color: #FF7B2F;
  line-height: 1.1;
}
.mx-stats-item-center .mx-stats-num { color: #07397D; }
.mx-stats-label {
  font-size: 0.9rem;
  color: #606C7E;
  font-weight: 400;
  margin-top: 6px;
}
.mx-stats-divider {
  width: 1px;
  height: 48px;
  background: #FFD4C4;
  flex-shrink: 0;
}

@media (max-width: 992px) {
  .mx-stats-cta-inner { grid-template-columns: 1fr; gap: 40px; }
  .mx-stats-cta-left { order: 1; }
  .mx-stats-cta-right { order: 2; }
}
@media (max-width: 992px) {
  .mx-stats-cta-inner { width: 92%; margin-left: 4%; margin-right: 4%; }
}
@media (max-width: 768px) {
  .mx-stats-cta { padding: 48px 24px 64px; margin-bottom: -40px; }
  .mx-stats-cta-inner { width: 94%; margin-left: 3%; margin-right: 3%; }
  .mx-stats-cta-heading { font-size: 1.5rem; }
  .mx-stats-cta-numbers { gap: 20px; justify-content: flex-start; }
  .mx-stats-num { font-size: 2rem; }
  .mx-stats-divider { display: none; }
  .mx-stats-cta-btns { flex-direction: column; }
}

/* About page - About Company section image */
.elementor-page-1392 .elementor-element-8713a36 {
  flex-direction: column !important;
  align-items: stretch !important;
}
.elementor-page-1392 .elementor-element-about-company-img,
.elementor-page-1392 .elementor-element-about-company-img .elementor-widget-container {
  width: 100% !important;
  min-height: 200px !important;
}
.elementor-page-1392 .about-company-image {
  width: 100% !important;
  height: 100% !important;
  min-height: 200px !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Contact page - fix layout & design */
.elementor-page-1492 .elementor-element-9ca102c {
  flex-direction: column !important;
  display: flex !important;
}
.elementor-page-1492 .elementor-element-contact-social {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 1rem;
  order: 10;
}
.elementor-page-1492 .jkit-icon-box .icon-box-description {
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
  word-wrap: break-word;
  min-width: 0;
}

/* About - Three feature boxes: 1st & 3rd white+orange, center blue gradient */
.elementor-page-1392 .elementor-element.elementor-element-cc057da,
.elementor-page-1392 .elementor-element.elementor-element-289bb5c {
  background-color: #fff !important;
  border: 1px solid var(--mx-accent, #EF350C) !important;
}
.elementor-page-1392 .elementor-element.elementor-element-cc057da .elementor-icon-box-title,
.elementor-page-1392 .elementor-element.elementor-element-cc057da .elementor-icon-box-title a,
.elementor-page-1392 .elementor-element.elementor-element-289bb5c .elementor-icon-box-title,
.elementor-page-1392 .elementor-element.elementor-element-289bb5c .elementor-icon-box-title a {
  color: var(--mx-accent, #EF350C) !important;
}
.elementor-page-1392 .elementor-element.elementor-element-cc057da .elementor-icon,
.elementor-page-1392 .elementor-element.elementor-element-cc057da .elementor-icon *,
.elementor-page-1392 .elementor-element.elementor-element-289bb5c .elementor-icon,
.elementor-page-1392 .elementor-element.elementor-element-289bb5c .elementor-icon * {
  fill: var(--mx-accent, #EF350C) !important;
  color: var(--mx-accent, #EF350C) !important;
  border-color: var(--mx-accent, #EF350C) !important;
}
.elementor-page-1392 .elementor-element.elementor-element-cc057da .elementor-widget-icon-box > .elementor-widget-container,
.elementor-page-1392 .elementor-element.elementor-element-289bb5c .elementor-widget-icon-box > .elementor-widget-container {
  border-color: var(--mx-accent, #EF350C) !important;
}

/* Center box - blue gradient, white text */
.elementor-page-1392 .elementor-element.elementor-element-3ac819f {
  background: linear-gradient(360deg, #07397D, #090994) !important;
}
.elementor-page-1392 .elementor-element.elementor-element-3ac819f .elementor-icon-box-title,
.elementor-page-1392 .elementor-element.elementor-element-3ac819f .elementor-icon-box-title a,
.elementor-page-1392 .elementor-element.elementor-element-3ac819f .elementor-widget-container {
  color: #fff !important;
}
.elementor-page-1392 .elementor-element.elementor-element-3ac819f .elementor-icon,
.elementor-page-1392 .elementor-element.elementor-element-3ac819f .elementor-icon * {
  fill: #fff !important;
  color: #fff !important;
  border-color: #fff !important;
}
.elementor-page-1392 .elementor-element.elementor-element-3ac819f .elementor-widget-icon-box > .elementor-widget-container {
  border-color: rgba(255,255,255,0.4) !important;
}
.elementor-page-1392 .elementor-element.elementor-element-4adf0dc .elementor-widget-container {
  color: #fff !important;
}

/* About - Our Working Process: icon color #07397D (first & last boxes) */
.elementor-page-1392 .elementor-element.elementor-element-5f79d27 .jeg-elementor-kit.jkit-icon-box .icon-box>.icon,
.elementor-page-1392 .elementor-element.elementor-element-5f79d27 .jeg-elementor-kit.jkit-icon-box .icon-box>.icon i,
.elementor-page-1392 .elementor-element.elementor-element-c2dedfd .jeg-elementor-kit.jkit-icon-box .icon-box>.icon,
.elementor-page-1392 .elementor-element.elementor-element-c2dedfd .jeg-elementor-kit.jkit-icon-box .icon-box>.icon i {
  color: #07397D !important;
}
.elementor-page-1392 .elementor-element.elementor-element-5f79d27 .jeg-elementor-kit.jkit-icon-box .icon-box>.icon svg,
.elementor-page-1392 .elementor-element.elementor-element-c2dedfd .jeg-elementor-kit.jkit-icon-box .icon-box>.icon svg {
  fill: #07397D !important;
}

/* ===== Contact Form - Pro UI (contact, about, career) ===== */
.mx-contact-form-pro.elementor-contact-form .e-con-inner {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
/* Input rows: 2 fields per row */
.mx-contact-form-pro .e-con-inner > .e-con.e-child {
  display: flex !important;
  flex-wrap: wrap;
  gap: 16px 20px;
}
.mx-contact-form-pro .e-con-inner > .e-con.e-child > .e-con.e-child {
  flex: 1 1 calc(50% - 10px) !important;
  min-width: 200px;
}
/* Pro input styling */
.mx-contact-form-pro .mf-input-wrapper .mf-input {
  width: 100% !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  border: 1px solid #e2e5e8 !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #2c2c2c !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  font-family: var(--mx-font-body) !important;
}
.mx-contact-form-pro .mf-input-wrapper .mf-input::placeholder {
  color: #9ca3af !important;
  font-weight: 400 !important;
}
.mx-contact-form-pro .mf-input-wrapper .mf-input:focus {
  outline: none !important;
  border-color: var(--mx-accent) !important;
  box-shadow: 0 0 0 3px rgba(239, 53, 12, 0.12) !important;
}
/* Textarea - half height */
.mx-contact-form-pro .mf-input-wrapper textarea.mf-input.mf-textarea {
  min-height: 100px !important;
  max-height: 140px !important;
  resize: vertical !important;
  padding: 14px 16px !important;
}
/* Submit button - pro gradient */
.mx-contact-form-pro .mf-btn-wraper {
  margin-top: 8px !important;
}
.mx-contact-form-pro .metform-btn.metform-submit-btn {
  background: linear-gradient(135deg, #EF350C, #FF5722, #fa8200) !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 32px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  font-family: var(--mx-font-heading) !important;
}
.mx-contact-form-pro .metform-btn.metform-submit-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(239, 53, 12, 0.35) !important;
}
@media (max-width: 600px) {
  .mx-contact-form-pro .e-con-inner > .e-con.e-child > .e-con.e-child {
    flex: 1 1 100% !important;
  }
}




.stats-section{
padding:90px 20px;
}

.stats-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:40px;
text-align:center;
}

.stat-item{
cursor:pointer;
position:relative;
padding:30px 10px;
border-radius:16px;
transition:.35s;
overflow:hidden;
}

/* hover card */



/* background circles */

.stat-item::before,
.stat-item::after{
content:"";
position:absolute;
border-radius:50%;
opacity:0;
transition:.6s;
z-index:0;
}

.stat-item::before{
width:220px;
height:220px;
border:3px solid #EF350C;
top:-70px;
left:-70px;
}

.stat-item::after{
width:160px;
height:160px;
border:3px solid #EF350C;
bottom:-60px;
right:-60px;
}

.hover-circle{
position:absolute;
width:120px;
height:120px;
border-radius:50%;
border:3px solid #EF350C;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(.6);
opacity:0;
transition:.6s;
}

.stat-item:hover::before{
opacity:.35;
transform:scale(1.15) rotate(20deg);
}

.stat-item:hover::after{
opacity:.35;
transform:scale(1.1) rotate(-20deg);
}

.stat-item:hover .hover-circle{
opacity:.35;
transform:translate(-50%,-50%) scale(1);
}

/* circle container */

.circle{
width:130px;
height:130px;
margin:auto;
position:relative;
z-index:2;
}

/* dashed center ring */

.circle:before{
content:"";
position:absolute;
width:130px;
height:130px;
border-radius:50%;
border:3px dashed #EF350C;
top:50%;
left:50%;
transform:translate(-50%,-50%);
animation:spin 10s linear infinite;
}

@keyframes spin{
from{transform:translate(-50%,-50%) rotate(0deg)}
to{transform:translate(-50%,-50%) rotate(360deg)}
}

.circle svg{
width:130px;
height:130px;
transform:rotate(-90deg);
position:relative;
z-index:2;
}

circle{
fill:none;
stroke-width:9;
stroke:#eee;
}

.progress{
stroke:#EF350C;
stroke-linecap:round;
stroke-dasharray:339;
stroke-dashoffset:339;
transition:stroke .3s, stroke-dashoffset 1.6s ease;
}

/* number */

.circle .number{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:24px;
font-weight:700;
color:#444;
}

/* heading */

.stat-item h3{
margin-top:18px;
font-size:16px;
font-weight:600;
color:#333;
position:relative;
z-index:2;
}

/* hover color change */

.stat-item:hover .progress,
.stat-item:hover .circle:before,
.stat-item:hover::before,
.stat-item:hover::after,
.stat-item:hover .hover-circle{
border-color:#007bff;
stroke:#007bff;
}

/* responsive */

@media(max-width:900px){
.stats-container{
grid-template-columns:repeat(3,1fr);
}
}

@media(max-width:768px){
.stats-container{
grid-template-columns:repeat(2,1fr);
gap:2px !important
}
.stats-container > *:nth-child(5){
    grid-column: 1 / -1;   /* full width le lega */
    justify-self: center;  /* center align */
    max-width: 200px;      /* optional, size control */
}
.mx-footer-left-group
{
      flex-direction: column !important;
}
}
.mx-dooh-stats-heading .heading-title .mx-clr-accentb {
    color: #e1ff00;
}
.mx-dooh-stats-heading .heading-section-title, .mx-dooh-stats-heading .heading-title.b {
    color: #fff;
}
.mx-dooh-stats-heading .heading-section-subtitle.style-color.b {
    color: white !important;
}
/* CONTAINER */

.or-container{

max-width:1100px;
margin:auto;

}

/* SLIDER */

.or-slider{

display:flex;
gap:40px;

overflow-x:auto;
scroll-snap-type:x mandatory;

scroll-behavior:smooth;

padding-bottom:10px;

}

/* HIDE SCROLLBAR */

.or-slider::-webkit-scrollbar{
display:none;
}

/* CARD */

.or-card{

background:white;

border-radius:18px;

padding:35px;

display:flex;
gap:25px;
align-items:center;

box-shadow:0 20px 50px rgba(0,0,0,.15);

flex:0 0 calc(46% - 20px);

scroll-snap-align:start;

}

/* IMAGE */

.or-img{

width:110px;
height:110px;

border-radius:50%;
overflow:hidden;
flex-shrink:0;

}

.or-img img{

width:100%;
height:100%;
object-fit:cover;

}

/* TEXT */

.or-name{

font-weight:700;
font-size:16px;

}

.or-role{

font-size:13px;
color:#777;
margin-left:6px;

}

.or-stars{

color:#ffb400;
margin:6px 0;

}

.or-title{

font-size:21px;
font-weight:700;

}

.or-desc{

font-size:15px;
line-height:1.6;
color:#555;

}

/* MOBILE */

@media(max-width:700px){

.or-card{

flex:0 0 80%;
    padding: 20px 5px;
    gap: 15px;
flex-direction:column;
text-align:center;

}

.or-img{

width:90px;
height:90px;

}

}

.icon.style-colorb
{
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.85;
    z-index: 2;
}

/* Hover Lift */
.mx-feature-pillar:hover{
    transform:translateY(-8px);
}

/* Title underline animation */
.mx-feature-pillar-title{
    position:relative;
    display:inline-block;
}

.mx-feature-pillar-title:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0%;
    height:2px;
    background:#ff4d00;
    transition:width .35s ease;
}

.mx-feature-pillar:hover .mx-feature-pillar-title:after{
    width:100%;
}

/* Subtle glow on hover */
.mx-feature-pillar:hover{
    background:linear-gradient(180deg, rgba(255,77,0,0.05), transparent);
}

/* Text animation */
.mx-feature-pillar-text{
    transition:all .35s ease;
}

.mx-feature-pillar:hover .mx-feature-pillar-text{
    transform:translateY(3px);
    opacity:.9;
}
ul.elementor-icon-list-items.elementor-inline-items .elementor-inline-item
{
  list-style: none !important;
}

/* CARD HOVER LIFT */
.mx-premium-network-card{
transition:transform .35s ease, box-shadow .35s ease;
}

.mx-premium-network-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.25);
}

/* IMAGE ZOOM */
.mx-premium-network-card:hover .mx-premium-card-image img{
transform:scale(1.08);
transition:transform .6s ease;
}

/* ICON POP */
.mx-premium-network-card:hover .mx-premium-card-icon{
transform:scale(1.15);
transition:.3s ease;
}

/* TEXT SLIDE */
.mx-premium-network-card:hover .mx-premium-card-heading,
.mx-premium-network-card:hover .mx-premium-card-desc{
transform:translateY(-3px);
transition:.3s ease;
}

.mx-network-coverage .mx-network-card:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-3px);
}
ul.elementor-icon-list-items.elementor-inline-items .elementor-inline-item
{
    list-style: none !important;
}



@media (max-width: 768px) {
  .mx-logo, .header-logo img { max-height: 40px; }
.e-con.e-flex>.e-con-inner
{
  padding: 10px 0px;
}
 .mx-hero-trust-list li:nth-last-child(-n+2) {
        display: none;
    }
.elementor-1297 .elementor-element.elementor-element-0dbff9a
{
  display: none !important;
}
.elementor-1297 .elementor-element.elementor-element-3bd0c80.e-con
{
  height: 400px !important;
}
.elementor-1297 .elementor-element.elementor-element-1466c74.e-con
{
  gap: 0px !important;
}

}

/* Accordion - no inline styles */
.jkit-accordion .card-expand { display: none; }
.jkit-accordion .card-wrapper:first-child .card-expand,
.jkit-accordion .card-wrapper.expand .card-expand { display: block; }

/* Comment reply link - hidden by default */
#cancel-comment-reply-link { display: none; }

/* Replace background-color: var(--e-global-color-accent) with gradient */
.jkit-nav-menu .sub-menu li:hover > a,
.jkit-nav-menu .sub-menu > li.current-menu-item > a {
  background: linear-gradient(135deg, #EF350C, #FF5722, #fa8200) !important;
  color: #fff !important;
  border: none !important;
}

/* Hero CTA - Buttons & Trust Indicators */
.mx-hero-cta-wrap { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.mx-hero-cta-buttons { display: flex; flex-wrap: nowrap; gap: 5px; align-items: center; }
.mx-hero-cta-buttons .jkit-button-wrapper,
.mx-hero-cta-buttons .mx-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important;  font-weight: 600 !important;letter-spacing: 0.04em !important; text-decoration: none !important; border-radius: 0 !important; transition: all 0.25s ease !important; white-space: nowrap !important; text-transform: uppercase !important; border: none !important; }
.mx-hero-cta-buttons .mx-btn-primary.jkit-button-wrapper,
.mx-hero-cta-buttons .mx-btn.mx-btn-primary { background: linear-gradient(135deg,#EF350C,#CE6F49,#F7B267) !important; color: #fff !important; }
.mx-hero-cta-buttons .mx-btn-primary.jkit-button-wrapper:hover,
.mx-hero-cta-buttons .mx-btn.mx-btn-primary:hover { background: transparent !important; color: #fff !important; }
.mx-hero-cta-buttons .mx-btn-outline.jkit-button-wrapper,
.mx-hero-cta-buttons .mx-btn.mx-btn-outline { background: linear-gradient(360deg, #07397D, #090994) !important; color: #fff !important; border: none !important; }
.mx-hero-cta-buttons .mx-btn-outline.jkit-button-wrapper:hover,
.mx-hero-cta-buttons .mx-btn.mx-btn-outline:hover { background: linear-gradient(360deg, #0a4a9e, #0c0cb0) !important; color: #fff !important; }
.mx-hero-trust-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: nowrap; align-items: center; gap: 0; font-size: 0.95rem; color: rgba(255,255,255,0.9); font-weight: 500; line-height: 1.5; white-space: nowrap; }
@media (max-width: 768px) { .mx-hero-trust-list {flex-wrap: nowrap;white-space: nowrap;} 
     
    .mx-hero-cube-swiper.swiper{width:100%;height:400px !important;min-height:400px;}
    
}
.mx-hero-trust-list li { display: inline-flex; align-items: center; gap: 14px; }
.mx-hero-trust-list li:not(:last-child)::after { content: ""; display: inline-block; width: 4px; height: 4px; margin-left: 14px; margin-right: 14px; background: rgba(140,140,140,0.85); border-radius: 50%; vertical-align: middle;
}

/* Home hero banner - two-column layout */
.mx-hero-banner { display: flex; flex-wrap: wrap; align-items: stretch; min-height: 520px; background: #1a1a2e; color: #fff; }
@media (max-width: 1024px) { .mx-hero-banner { flex-direction: column; min-height: auto; } }
.mx-hero-banner .mx-hero-image { flex: 0 0 42%; max-width: 42%; position: relative; overflow: hidden; }
@media (max-width: 1024px) { .mx-hero-banner .mx-hero-image { flex: 0 0 100%; max-width: 100%; } }
.mx-hero-banner .mx-hero-image img { width: 100%; height: 100%; min-height: 400px; object-fit: cover; display: block; }
.mx-hero-banner .mx-hero-cube-swiper { width: 100% !important; height: 100% !important; min-height: 400px; }
.mx-hero-banner .mx-hero-cube-swiper .swiper-slide { border-radius: 0; overflow: hidden; }
.mx-hero-banner .mx-hero-content { flex: 1; padding: 80px 40px 100px; display: flex; flex-direction: column; justify-content: center; }
@media (max-width: 1024px) { .mx-hero-banner .mx-hero-content { padding: 40px 20px 60px; } }
.mx-hero-banner .mx-hero-tagline { font-size: 1rem; opacity: 0.9; margin-bottom: 0.5rem; }
.mx-hero-banner .mx-hero-title { font-size: 2.25rem; font-weight: 700; margin-bottom: 1rem; line-height: 1.2; }
.mx-hero-banner .mx-hero-desc { font-size: 1.05rem; color: rgba(255,255,255,0.88); line-height: 1.6; margin-bottom: 1.5rem; max-width: 520px; }