/* ===== KINGDOM MINING - GLOBAL UI OVERRIDE ===== */
/* Brand Colors: #093B55 (primary blue), #EA2028 (hover red), #E8EDF2 (light bg) */
/* Fonts: Manrope (headings), Inter (body) */

/* ── FONTS ── */
body {
  font-family: 'Inter', sans-serif;
}
i, i::before, i::after,
.fa-solid, .fa-regular, .fa-brands,
[class*="fa-"] {
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Pro', 'FontAwesome', sans-serif !important;
  -webkit-text-fill-color: initial !important;
}
h1, h2, h3, h4, h5, h6,
.hero-headline, .welcome-title, .premium-title,
.section-title, .gp-title, .ct-section-title,
.mn-sec-title, .md-section-title, .sv-section-title,
.ab-sec-title, .ab-val h4, .km-widget h3 {
  font-family: 'Manrope', sans-serif !important;
}

/* ── HERO TEXT WHITE ON DARK BACKGROUNDS ── */
.hero-headline,
.hero-headline .word,
.hero-subtext,
.creative-slide .hero-headline,
.creative-slide .hero-subtext,
.pg-details h3 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ── SECTION HEADINGS BLACK (not on dark backgrounds) ── */
.gp-title,
.premium-title,
.section-title,
.ct-section-title,
.mn-sec-title,
.md-section-title,
.sv-section-title,
.creative-title,
.flip-header h2,
.mv-title,
.about-heading,
.about-new-title {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}
.gp-title span,
.premium-title span,
.section-title span,
.ct-section-title span,
.mn-sec-title span,
.md-section-title span,
.sv-section-title span,
.creative-title span,
.mv-title span,
.qc-title span,
.qc-glass-box h3 span {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}

/* ── KILL ALL GRADIENT TEXT GLOBALLY ── */
.gradient-text,
.gradient-text *,
[class*="gradient"],
[class*="gradient"] *,
.hero-headline .word,
.hero-headline .word.accent,
.hero-headline .word:hover,
.page-hero h1 em,
.gp-title span,
.gp-stat h2,
.gp-stat-num,
.ct-section-title em,
.mn-sec-title em,
.ab-val h4 em,
.welcome-title .gradient-text,
.ab-reveal em,
.highlight,
.creative-badge .badge-text,
.badge-text,
.stat-card h3,
.ms-item h4,
.flip-num,
.flip-btn,
.svc-item-num,
.svc-item-link,
.q-title span,
.q-badge .badge-text,
.mv-content h4,
.min-explore i,
.bento-btn,
.stack-btn,
.spy-header span,
.ultimate-title .highlight,
.ultimate-badge .badge-text,
.gp-badge .badge-text,
.gp-title span,
.minerals-header .creative-badge,
.minerals-header .creative-title .highlight,
.flip-header .creative-badge,
.flip-header .creative-title .highlight,
.about-badge-text,
.about-highlight,
.floating-card-content h3 .counter,
.feature-icon i {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: currentColor !important;
  background-clip: unset !important;
  animation: none !important;
  background-image: none !important;
}

/* ── KILL ALL ANIMATED GRADIENT KEYFRAMES ── */
@keyframes gradientTextFlow { from { background-position: 0% } to { background-position: 200% } }
@keyframes gradientBtnFlow { from { background-position: 0% } to { background-position: 200% } }
@keyframes gradientIconFlow { from { background-position: 0% } to { background-position: 200% } }
@keyframes heroGradientShift { from { transform: scale(1) rotate(0deg) } to { transform: scale(1) rotate(0deg) } }
@keyframes meshRotate { from { transform: rotate(0deg) } to { transform: rotate(0deg) } }
@keyframes ctaShine { from { left: -100% } to { left: -100% } }
@keyframes badgeGlow { from { box-shadow: none } to { box-shadow: none } }
@keyframes pulse-glow { from { box-shadow: none } to { box-shadow: none } }
@keyframes badgePulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .6; transform: scale(.85); } }

/* ── KILL ALL ORANGE GLOW/SHADOW ── */
* {
  --tw-shadow: none !important;
}
.glow, .glow:hover,
[class*="glow"],
[class*="glow"]:hover {
  box-shadow: none !important;
  filter: none !important;
  animation: none !important;
}

/* ── BUTTONS ── */
.cta-primary,
.ct-submit-btn,
.ct-ff-btn,
.cta1-section-area .btn-area .header-btn2,
.cta3-section-area .btn-area .header-btn2-h3.btn2,
.header-btn1,
.header-btn2-h2,
.header-btn2-h3,
.header-btn2-h4,
.header-btn2-h5,
.cta-secondary,
.btn-area a,
.welcome-cta,
.sv-cta-btn,
.md-cta-btn,
.min-explore,
.bento-btn,
.stack-btn,
.inquiry-form-box button[type="submit"],
footer button,
.navbar .btn-area a,
.iq-submit-btn,
.about-new-cta,
.ab-cta-btn,
.mn-card-link,
.sv-card-link {
  background: #093B55 !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  animation: none !important;
  transition: all 0.3s ease !important;
  -webkit-text-fill-color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}
.cta-primary:hover,
.ct-submit-btn:hover,
.ct-ff-btn:hover,
.header-btn1:hover,
.header-btn2-h2:hover,
.header-btn2-h3:hover,
.header-btn2-h4:hover,
.header-btn2-h5:hover,
.cta-secondary:hover,
.btn-area a:hover,
.welcome-cta:hover,
.sv-cta-btn:hover,
.md-cta-btn:hover,
.bento-btn:hover,
.stack-btn:hover,
.inquiry-form-box button[type="submit"]:hover,
footer button:hover,
.navbar .btn-area a:hover {
  background: #072a3d !important;
  background-image: none !important;
  transform: translateY(-2px) !important;
  box-shadow: none !important;
}
.cta-secondary {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #fff !important;
}
.cta-secondary:hover {
  background: #093B55 !important;
  border-color: #093B55 !important;
}
.btn-area a::before,
.cta-primary::before,
.cta-secondary::before {
  display: none !important;
  animation: none !important;
}
.inquiry-form-box button[type="submit"],
footer button {
  border-radius: 10px !important;
}

/* ── CARDS ── */
.ct-loc-card,
.ct-info-card,
.ct-form-box,
.ct-form-container,
.gp-card,
.mn-card,
.mn-stat,
.mn-why-card,
.md-fact-card,
.md-app-card,
.md-rel,
.md-why-card,
.sv-card,
.sv-stat,
.ab-val,
.ab-about-stat-card,
.ab-about-feat,
.mv-card,
.qc-glass-box,
.bento-card,
.bento-item,
.feature-card-premium,
.q-feat,
.inquiry-card,
.inquiry-form-box,
.premium-card,
.stack-card,
.flip-card-wrap,
.spy-card,
.min-card,
.fleet-card {
  border-radius: 14px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  transition: all 0.3s ease !important;
}
.ct-loc-card:hover,
.ct-info-card:hover,
.gp-card:hover,
.mn-card:hover,
.mn-stat:hover,
.mn-why-card:hover,
.md-fact-card:hover,
.md-app-card:hover,
.sv-card:hover,
.ab-val:hover,
.mv-card:hover,
.bento-card:hover,
.bento-item:hover,
.feature-card-premium:hover,
.q-feat:hover,
.inquiry-card:hover,
.min-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
}

/* ── KILL ALL ORANGE GRADIENT BORDERS ── */
.bento-card::before,
.bento-item::before,
.feature-card-premium::before,
.gp-card::before,
.mv-card::before,
.q-glass-box::before,
.flip-card-wrap::before,
.stack-card::before,
.spy-card::before,
.welcome-stats::before,
.gp-stats-banner::before,
.inquiry-card::before,
.inquiry-form-box::before {
  display: none !important;
}

/* ── ICONS: Flat style ── */
.ct-info-icon,
.gp-card-icon,
.mn-why-icon,
.md-why-icon,
.ab-val-icon,
.qc-feat-icon,
.mn-card-icon,
.bento-icon,
.bc-icon,
.pg-icon,
.feature-card-premium .icon-box,
.q-feat-icon,
.mv-icon,
.min-icon-badge,
.sv-card-icon,
.md-fact-icon,
.md-app-icon {
  background: #E8EDF2 !important;
  border: 1px solid rgba(9,59,85,0.15) !important;
  border-radius: 12px !important;
  color: #093B55 !important;
  box-shadow: none !important;
  animation: none !important;
  background-image: none !important;
  -webkit-text-fill-color: #093B55 !important;
  transition: all 0.3s ease !important;
}
.ct-info-icon i,
.gp-card-icon i,
.mn-why-icon i,
.md-why-icon i,
.ab-val-icon i,
.qc-feat-icon i,
.bento-icon i,
.bc-icon i,
.pg-icon i,
.feature-card-premium .icon-box i,
.q-feat-icon i,
.mv-icon i,
.min-icon-badge i {
  color: #093B55 !important;
  -webkit-text-fill-color: #093B55 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
}
.ct-info-card:hover .ct-info-icon,
.gp-card:hover .gp-card-icon,
.mn-why-card:hover .mn-why-icon,
.md-why-card:hover .md-why-icon,
.ab-val:hover .ab-val-icon,
.bento-card:hover .bento-icon,
.bento-card:hover .bc-icon,
.feature-card-premium:hover .icon-box,
.q-feat:hover .q-feat-icon,
.mv-card:hover .mv-icon {
  background: #EA2028 !important;
  border-color: #EA2028 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.ct-info-card:hover .ct-info-icon i,
.gp-card:hover .gp-card-icon i,
.mn-why-card:hover .mn-why-icon i,
.md-why-card:hover .md-why-icon i,
.ab-val:hover .ab-val-icon i,
.bento-card:hover .bento-icon i,
.bento-card:hover .bc-icon i,
.feature-card-premium:hover .icon-box i,
.q-feat:hover .q-feat-icon i,
.mv-card:hover .mv-icon i {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ── EYEBROW TAGS ── */
.ct-section-tag,
.mn-sec-tag,
.md-section-tag,
.md-cat,
.sv-section-tag,
.ab-sec-tag,
.welcome-badge,
.islamic-section-badge,
.shipping-islamic-section .islamic-section-badge,
.premium-badge,
.ultimate-badge,
.gp-badge,
.q-badge,
.minerals-header .creative-badge,
.flip-header .creative-badge,
.creative-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
  max-width: fit-content !important;
  background: rgba(234,32,40,0.06) !important;
  background-image: none !important;
  border: 1.5px solid #EA2028 !important;
  color: #EA2028 !important;
  -webkit-text-fill-color: #EA2028 !important;
  animation: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  padding: 8px 20px !important;
}
.badge-pulse,
.premium-badge .badge-dot,
.ultimate-badge::before,
.gp-badge::before,
.q-badge::before {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  background: #EA2028 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  animation: none !important;
  padding: 0 !important;
}

/* ── STAT NUMBERS ── */
.gp-stat h2,
.page-hero-stat-num,
.ct-stat-num,
.mn-stat-num,
.stat-card h3,
.ms-item h4,
.sv-stat-num,
.md-fact-value,
.svc-item-num {
  color: #EA2028 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #EA2028 !important;
  animation: none !important;
}
.flip-num {
  color: #EA2028 !important;
  -webkit-text-fill-color: #EA2028 !important;
}

/* ── CARD TITLES STAY DARK ── */
.sv-card-body h3,
.md-rel-body h4,
.mn-card h3,
.gp-card h3,
.ct-info-card h4 {
  color: #1a1a1a !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #1a1a1a !important;
}
.sv-card:hover .sv-card-body h3,
.md-rel:hover .md-rel-body h4,
.mn-card:hover h3,
.gp-card:hover h3 {
  color: #EA2028 !important;
  -webkit-text-fill-color: #EA2028 !important;
}

/* ── FORM FIELDS ── */
.ct-ff input,
.ct-ff select,
.ct-ff textarea,
.ct-field input,
.ct-field textarea,
.ct-field select,
.inquiry-form-box input,
.inquiry-form-box select,
.inquiry-form-box textarea {
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 12px !important;
  background: #fafafa !important;
  font-family: 'Inter', sans-serif !important;
  transition: border-color 0.3s ease !important;
}
.ct-ff input:focus,
.ct-ff select:focus,
.ct-ff textarea:focus,
.ct-field input:focus,
.ct-field textarea:focus,
.ct-field select:focus,
.inquiry-form-box input:focus,
.inquiry-form-box select:focus,
.inquiry-form-box textarea:focus {
  border-color: #EA2028 !important;
  box-shadow: none !important;
}

/* ── HERO SECTION ── */
.creative-hero {
  overflow: hidden;
}
.floating-3d-element,
.animated-line,
.creative-grid-perspective,
.page-hero .float-shape,
.creative-hero-mesh {
  display: none !important;
}
.creative-hero-bg {
  animation: none !important;
}
.creative-particles,
#creativeParticles {
  display: none !important;
}
.media-overlay {
  background: linear-gradient(135deg, rgba(5,5,8,0.75) 0%, rgba(5,5,8,0.5) 40%, rgba(5,5,8,0.3) 70%, rgba(5,5,8,0.15) 100%) !important;
}
.media-grain {
  display: none !important;
}
.hero-headline .word:hover {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #fff !important;
  background-clip: unset !important;
  animation: none !important;
  filter: none !important;
}

/* ── NAVIGATION ── */
.nav-slide {
  border-right: 1px solid rgba(255,255,255,0.03) !important;
}
.nav-arrow {
  border: none !important;
  background: rgba(255,255,255,0.05);
  border-radius: 12px;
  transition: all 0.3s ease;
}
.nav-arrow:hover {
  background: rgba(255,255,255,0.1);
}
.main-menu ul li a {
  color: #1a1a1a !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #1a1a1a !important;
  animation: none !important;
}
.main-menu ul li a:hover {
  color: #EA2028 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #EA2028 !important;
  animation: none !important;
}
.main-menu ul li a::before {
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
}
.site-logo:hover img {
  filter: none !important;
}
.navbar .btn-area a {
  border-radius: 10px !important;
}

/* ── SECTION BACKGROUNDS ── */
.welcome-section,
.about2-sectio-area,
.about4-section-area,
.mining-assets-islamic,
.shipping-islamic-section,
.ct-contact,
.gp-section,
.mn-section,
.md-products,
.md-apps,
.md-specs,
.md-why,
.md-related,
.ab-values,
.ab-mv,
.ab-global,
.sv-section,
.ct-form-section {
  background: #f8f9fa !important;
}

/* ── FOOTER ── */
.km-footer::before { display: none !important; }
.km-footer-glow { display: none !important; }
.km-widget h3::after {
  background: #EA2028 !important;
}
.km-widget ul li a {
  color: #555555 !important;
}
.km-widget ul li a:hover {
  color: #EA2028 !important;
}
.km-widget ul li a::before {
  display: none !important;
}
.km-socials a:hover {
  background: #EA2028 !important;
  border-color: #EA2028 !important;
  box-shadow: none !important;
}
.km-newsletter button {
  background: #EA2028 !important;
  background-image: none !important;
  animation: none !important;
}
.km-newsletter button:hover {
  background: #093B55 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ── WELCOME SECTION ── */
.welcome-title {
  font-weight: 700 !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
}
.welcome-title .gradient-text {
  color: #EA2028 !important;
}

/* ── CTA SECTION ── */
.cta-section {
  background: #1a1a1a !important;
}

/* ── STAT CARDS ── */
.gp-stats-banner {
  background: #1a1a1a !important;
  box-shadow: none !important;
}
.gp-stat-divider {
  background: rgba(255,255,255,0.1) !important;
}

/* ── CONTACT PAGE ── */
.ct-form-container {
  border: none !important;
}
.ct-form-container::before {
  background: #EA2028 !important;
  background-image: none !important;
  animation: none !important;
}
.ct-form-heading {
  font-family: 'Manrope', sans-serif !important;
  font-weight: 700 !important;
}
.ct-form-deco span:nth-child(1) {
  background: #EA2028 !important;
}
.ct-form-deco span:nth-child(2) {
  background: #1a1a1a !important;
}
.ct-loc-city.toronto { color: #1a1a1a !important; }
.ct-loc-city.mumbai { color: #c0392b !important; }
.ct-loc-city.doha { color: #EA2028 !important; }
.ct-loc-city.abuja { color: #27753a !important; }

/* ── ABOUT PAGE ── */
.ab-about-right .ab-tag {
  background: rgba(234,32,40,0.08) !important;
  background-image: none !important;
  border: none !important;
  color: #EA2028 !important;
  -webkit-text-fill-color: #EA2028 !important;
  animation: none !important;
}

/* ── MINERALS PAGE ── */
.mn-card-link {
  background: #EA2028 !important;
  background-image: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #fff !important;
  animation: none !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 22px !important;
}

/* ── MINERAL SINGLE ── */
.md-section-tag,
.md-cat {
  background: rgba(234,32,40,0.08) !important;
  background-image: none !important;
  color: #EA2028 !important;
  -webkit-text-fill-color: #EA2028 !important;
  animation: none !important;
}

/* ── SERVICES PAGE ── */
.sv-section-tag {
  background: rgba(234,32,40,0.08) !important;
  background-image: none !important;
  color: #EA2028 !important;
  -webkit-text-fill-color: #EA2028 !important;
  animation: none !important;
}

/* ── SPEC TABLE ── */
.md-specs-table {
  border-radius: 14px !important;
  overflow: hidden;
}
.md-specs-table tbody td {
  font-family: 'Inter', sans-serif;
  border-bottom-color: rgba(0,0,0,0.04) !important;
}
.md-specs-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* ── MISSION/VISION ── */
.mv-section.bg-light {
  border-top: none !important;
}

/* ── QUALITY COMPLIANCE ── */
.qc-glass-box {
  border: none !important;
  background: rgba(255,255,255,0.9) !important;
}

/* ── HOVER ANIMATIONS - SUBTLE ── */
.gp-card:hover,
.ct-info-card:hover,
.mn-card:hover,
.mn-why-card:hover,
.md-fact-card:hover,
.md-app-card:hover,
.sv-card:hover,
.ab-val:hover,
.ab-about-feat:hover,
.mv-card:hover,
.ct-loc-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
}

/* ── IMAGE PROMINENCE ── */
.mn-card img,
.md-rel img,
.sv-card img {
  transition: transform 0.5s ease !important;
}
.mn-card:hover img,
.md-rel:hover img,
.sv-card:hover img {
  transform: scale(1.03) !important;
}

/* ── HEAVY SHADOW FIX ── */
.img-box {
  box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important;
}
.min-card:hover {
  border-color: rgba(0,0,0,0.06) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06) !important;
}

/* ── INLINE STYLE FIXES ── */
[style*="box-shadow"][style*="rgba(9,59,85"] {
  box-shadow: none !important;
}
[style*="border-radius: 50px"] {
  border-radius: 12px !important;
}
[style*="border-radius: 24px"] {
  border-radius: 14px !important;
}

/* ── MINIMAL ANIMATIONS ── */
/* Kill heavy animations (floating, pulsing, rotating, scaling) */
@keyframes floatGrid, orbFloat, orbFloat2, badgeGlow, badgePulse, pulseGlow,
       welcomeGridMove, welcomeOrb1, welcomeOrb2, welcomeOrb3, welcomeLineDraw,
       welcomeTickerScroll, iconRingSpin, polygonPulse, polygonRotate, gemFloat,
       textPulseGlow, floatGrid, ctaShine, heroGradientShift, meshRotate,
       gradientTextFlow, heroFloat, dotPulse {
  from, to { transform: none; opacity: 1; }
}

/* Force AOS elements visible */
[data-aos],
[data-anim] {
  opacity: 1 !important;
  transform: none !important;
  pointer-events: auto !important;
}
[data-aos].aos-animate,
[data-anim].aos-animate {
  opacity: 1 !important;
  transform: none !important;
}

/* Keep subtle hover transitions (color, background, opacity only) */
* {
  transition-property: color, background-color, border-color, opacity, box-shadow !important;
  transition-duration: 0.3s !important;
  transition-timing-function: ease !important;
}

/* Keep menu/preloader transitions */
.km-panel {
  transition-property: transform !important;
  transition-duration: 0.45s !important;
}
.km-backdrop {
  transition-property: opacity, visibility !important;
  transition-duration: 0.35s !important;
}
.preloader {
  transition-property: opacity, visibility !important;
  transition-duration: 0.5s !important;
}
.header-area, .header-elements {
  transition-property: padding, top, width, background, box-shadow, border !important;
  transition-duration: 0.3s !important;
}

/* ── KILL ALL HOVER TILT/SCALE/ROTATE ON ICONS & CARDS ── */
.site-logo img,
.site-logo:hover img,
.btn-area a:hover,
.btn-area a:hover span,
.hero-headline .word:hover,
.cta-primary:hover,
.hero-btn:hover,
.ab-cta-btn:hover,
.sv-cta-btn:hover,
.md-cta-btn:hover,
.scroll-to-top:hover,
.km-cta-btn:hover,
.km-social-link:hover,
.km-contact-item:hover,
.ab-about-img-box.box-1:hover img,
.ab-about-feat:hover,
.ab-val:hover,
.ab-cta-btn:hover i,
.mn-item:hover,
.md-card:hover,
.sv-card:hover,
.q-card:hover,
.gp-card:hover,
.inq-form button:hover,
.mn-cta-btn:hover,
.md-cta-btn:hover i,
.q-cta-btn:hover,
.gp-cta-btn:hover,
.mn-mineral-card:hover,
.md-service-card:hover,
.ct-cta-button:hover,
.km-footer-logo:hover img,
.km-footer-social a:hover,
.km-footer-links a:hover,
.km-footer-newsletter button:hover,
.md-rel:hover .md-rel-img img,
/* All icon containers */
.bento-icon,
.bento-icon:hover,
.icon-box,
.icon-box:hover,
.mn-icon,
.mn-icon:hover,
.md-card-icon,
.md-card-icon:hover,
.sv-card-icon,
.sv-card-icon:hover,
.q-icon,
.q-icon:hover,
.gp-icon,
.gp-icon:hover,
.wc-icon,
.wc-icon:hover,
.ct-icon,
.ct-icon:hover,
.fs-icon,
.fs-icon:hover,
.ab-val-icon,
.ab-val-icon:hover,
.ms-icon,
.ms-icon:hover,
.fleet-icon,
.fleet-icon:hover,
.ship-icon,
.ship-icon:hover,
/* Generic icon classes */
[class*="-icon"],
[class*="-icon"]:hover,
[class*="icon-"],
[class*="icon-"]:hover {
  transform: none !important;
}

/* ── SUBTLE HOVER LIFT ON SERVICE & MINERAL CARDS ── */
.svc-item {
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease !important;
}
.svc-item:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 12px 35px rgba(0,0,0,0.1) !important;
}
.svc-item-bg {
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}
.svc-item:hover .svc-item-bg {
  transform: scale(1.08) !important;
}
.svc-item-overlay {
  transition: background 0.4s ease !important;
}
.pg-item {
  transition: flex 0.7s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s ease !important;
}
.pg-item:hover {
  transform: translateY(-3px) !important;
}
.gp-card:hover {
  transform: translateY(-4px) !important;
}
.ct-card:hover {
  transform: translateY(-3px) !important;
}

/* ── FLIP CARDS TRANSITION ── */
.flip-card-wrap {
  transition: none !important;
}
.flip-card {
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.flip-card-wrap::before {
  transition: all 0.4s ease !important;
}

/* ── HERO OVERLAY FOR TEXT READABILITY ── */
.media-overlay {
  display: block !important;
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(5,5,8,0.85) 0%, rgba(5,5,8,0.65) 50%, rgba(5,5,8,0.45) 100%) !important;
  z-index: 2 !important;
}
.media-grain {
  display: none !important;
}
.creative-hero,
.creative-hero-bg {
  box-shadow: none !important;
}
.creative-hero::after,
.creative-hero::before {
  display: none !important;
}
.creative-hero-bg {
  animation: none !important;
}

/* ── HEADER FONTS ── */
.main-menu ul li a {
  font-family: 'Inter', sans-serif !important;
}
.btn-area a {
  font-family: 'Inter', sans-serif !important;
}

/* ── HEADER LOGO - NO TILT ── */
.site-logo img {
  transform: none !important;
}

/* ── HEADER ARROW - NO ROTATE ── */
.btn-area a:hover span {
  transform: none !important;
}

/* ── SCROLL TO TOP ── */
.scroll-to-top {
  background: #EA2028 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.scroll-to-top:hover {
  background: #093B55 !important;
  box-shadow: none !important;
}

/* ── PREMIUM SECTION ── */
.premium-desc {
  font-family: 'Inter', sans-serif;
  color: #555;
  font-size: 15px;
  line-height: 1.8;
}

/* ── REACH OUT / GET IN TOUCH SECTION ── */
.inquiry-form-section {
  background: linear-gradient(180deg, #ffffff 0%, #f4f7f6 100%);
  padding: 100px 0;
  position: relative;
}
.inquiry-heading {
  font-size: clamp(2rem, 4vw, 2.8rem);
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.15;
  margin-bottom: 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding: 8px 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.inquiry-subtext {
  color: #555;
  max-width: 650px;
  margin: 0 auto;
  font-size: 1.1rem;
  line-height: 1.7;
}
.inquiry-cards-col {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.inquiry-card {
  background: #fff;
  padding: 35px;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.03);
  transition: transform 0.3s;
  cursor: default;
  position: relative;
  border: 1px solid rgba(0,0,0,0.06);
}
.ic-icon {
  width: 60px;
  height: 60px;
  background: #EA2028;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  margin-bottom: 25px;
  box-shadow: none;
  transition: transform 0.3s ease;
}
.inquiry-card:hover .ic-icon {
  transform: scale(1.05);
}
.inquiry-card h4 {
  font-size: 1.3rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
}
.inquiry-card p {
  color: #666;
  font-size: 0.95rem;
  margin-bottom: 15px;
  line-height: 1.6;
}
.ic-link {
  color: #1a1a1a;
  font-size: 1.1rem;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: color 0.3s;
}
.ic-link:hover {
  color: #EA2028;
}
.ic-link i {
  color: #EA2028;
  font-size: 14px;
  transition: transform 0.3s;
}
.ic-link:hover i {
  transform: translateX(4px);
}
.iq-label {
  display: block;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.iq-required {
  color: #093B55;
}
.iq-input {
  width: 100%;
  padding: 16px 20px;
  border: 1.5px solid #eaeaea;
  border-radius: 12px;
  font-size: 1rem;
  font-family: 'Inter', sans-serif;
  transition: background 0.3s, border-color 0.3s;
  outline: none;
  background: #fafafa;
  cursor: pointer;
  line-height: 1.5;
}
select.iq-input,
.nice-select.iq-input {
  height: 56px !important;
  line-height: 54px !important;
  padding: 0 20px !important;
  text-overflow: ellipsis;
  color: #999;
}
.nice-select.iq-input span.current {
  color: #1a1a1a !important;
}
select.iq-input:valid {
  color: #1a1a1a;
}
select.iq-input option {
  font-size: 1rem;
  padding: 10px;
  color: #1a1a1a;
  background: #fff;
}
select.iq-input option[value=""] {
  color: #999;
}
.iq-input:focus {
  border-color: #EA2028;
  background: #fff;
}
.iq-textarea {
  resize: vertical;
  min-height: 100px;
}
.iq-submit-btn {
  padding: 15px 36px;
  font-size: 1rem;
  font-weight: 700;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
  background: #EA2028;
  color: #fff;
}
.iq-submit-btn:hover {
  background: #093B55;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(9,59,85,0.3);
}
.inquiry-form-section .welcome-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(234,32,40,0.08);
  border: 1px solid rgba(234,32,40,0.15);
  padding: 8px 20px;
  border-radius: 12px;
  width: fit-content;
}
.inquiry-form-section .badge-pulse {
  width: 8px;
  height: 8px;
  background: #EA2028;
  border-radius: 50%;
  animation: pulse 2s infinite;
}
.inquiry-form-section .badge-text {
  font-size: 0.72rem;
  font-weight: 700;
  color: #EA2028;
  text-transform: uppercase;
  letter-spacing: 3px;
}

/* ── FLEET & LOGISTICS SECTION ── */
.fleet-ultimate-section {
  background: #ffffff;
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}
.ultimate-header {
  position: relative;
  z-index: 2;
}
.ultimate-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 15px;
  line-height: 1.1;
}
.ultimate-subtitle {
  color: #555555;
  font-size: 1.1rem;
  line-height: 1.6;
}
.fleet-mini-stats {
  display: flex;
  justify-content: space-around;
  gap: 15px;
  background: #f5f5f0;
  padding: 18px 15px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.ms-item {
  text-align: center;
}
.ms-item h4 {
  font-size: 2.2rem;
  font-weight: 800;
  display: inline-block;
  color: #093B55;
  margin-bottom: 5px;
}
.ms-item p {
  color: #1a1a1a;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
  font-weight: 700;
}
.ultimate-bento-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 15px;
}
.bento-item {
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}
.bento-image {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  min-height: 100%;
}
.bento-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.5s ease;
}
.bento-image:hover img {
  transform: scale(1.05);
}
.image-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
}
.bento-card {
  background: #f5f5f0;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.4s ease;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
  position: relative;
}
.bento-card:hover {
  background: #ffffff;
  transform: translateY(-5px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
.card-1 {
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}
.card-2 {
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}
.card-3 {
  grid-column: 1 / 4;
  grid-row: 3 / 4;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
}
.card-3 .bc-icon {
  margin-bottom: 0;
  align-self: flex-start;
}
.bc-icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  background: #093B55;
  color: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 20px;
}
.card-3 .bc-icon {
  margin-bottom: 0;
}
.bc-content h4 {
  font-family: 'Manrope', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 10px;
}
.bc-content p {
  color: #666;
  font-size: 0.95rem;
  line-height: 1.7;
  margin: 0;
}
.bc-bg-num {
  position: absolute;
  bottom: 15px;
  right: 20px;
  font-size: 3rem;
  font-weight: 800;
  color: rgba(9,59,85,0.08);
  line-height: 1;
}
@media (max-width: 991px) {
  .fleet-mini-stats {
    margin-top: 30px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 30px;
  }
  .ultimate-bento-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .bento-image {
    grid-column: 1 / 2;
    grid-row: auto;
    min-height: 300px;
  }
  .card-1,
  .card-2,
  .card-3 {
    grid-column: 1 / 2;
    grid-row: auto;
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ── INDUSTRIES FLIP CARDS SECTION ── */
.industries-flip-section {
  background: #fcfcfc;
  padding: 100px 0;
}
.flip-header .creative-badge {
  display: inline-block;
  padding: 8px 20px;
  background: rgba(9,59,85, 0.1);
  color: #093B55;
  border-radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.flip-header .creative-title {
  font-size: 3rem;
  font-weight: 800;
  color: #1a1a1a;
}
.flip-header .creative-title .highlight {
  color: #093B55;
}
.flip-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.flip-card-wrap {
  perspective: 1000px;
  height: 300px;
  position: relative;
}
.flip-card-wrap::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 20px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(9,59,85, 0.3), rgba(9,59,85, 0.2), rgba(9,59,85, 0.1));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  transition: all 0.4s ease;
  z-index: 10;
}
.flip-card-wrap:hover::before {
  background: linear-gradient(135deg, rgba(9,59,85, 0.6), rgba(9,59,85, 0.5), rgba(9,59,85, 0.4));
}
.flip-card {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  cursor: pointer;
  border-radius: 20px;
  will-change: transform;
}
.flip-card-wrap:hover .flip-card {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.flip-front,
.flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 20px;
  overflow: hidden;
}
.flip-front {
  background-size: cover;
  background-position: center;
  background-color: #e9ecef;
}
.flip-front-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.2));
}
.flip-front-content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 2;
}
.flip-num {
  color: #093B55;
  font-size: 1.2rem;
  font-weight: 800;
  display: block;
  margin-bottom: 5px;
}
.flip-front-content h3 {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
}
.flip-back {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
  transform: rotateY(180deg);
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.flip-back h3 {
  color: #1a1a1a;
  font-size: 1.3rem;
  font-weight: 800;
  margin-bottom: 15px;
}
.flip-back p {
  color: #666;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 20px;
}
.flip-btn {
  display: inline-block;
  color: #093B55;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 1px;
}
.flip-btn:hover {
  color: #093B55;
}
@media (max-width: 1199px) {
  .flip-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 991px) {
  .flip-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {
  .flip-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .flip-grid { grid-template-columns: 1fr; }
}

/* ── SERVICES COMPACT SECTION ── */
.services-compact-section {
  background: #f8f9fa;
  padding: 100px 0;
}
.svc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}
.svc-item {
  position: relative;
  height: 300px;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s ease, border-color 0.4s ease;
}
.svc-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 35px rgba(0,0,0,0.1);
  border-color: rgba(9,59,85, 0.4);
}
.svc-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  filter: none !important;
}
.svc-item:hover .svc-item-bg {
  transform: scale(1.08);
}
.svc-item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.97) 0%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0) 100%);
  transition: background 0.4s ease;
}
.svc-item:hover .svc-item-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.97) 0%, rgba(0, 0, 0, 0.3) 55%, rgba(0, 0, 0, 0) 100%);
}
.svc-item-body {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 28px;
  z-index: 2;
}
.svc-item-num {
  font-size: 0.68rem;
  font-weight: 800;
  color: #EA2028;
  letter-spacing: 3px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
}
.svc-item-body h3 {
  font-size: 1.25rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  margin: 0;
}
.svc-item-body p {
  font-size: 0.85rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.5;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin: 0;
  transition: max-height 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease, margin 0.3s ease;
}
.svc-item:hover .svc-item-body p {
  max-height: 80px;
  opacity: 1;
  margin-top: 10px;
  margin-bottom: 12px;
}
.svc-item-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #093B55;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0;
  transform: translateY(6px);
  transition: all 0.35s ease 0.08s;
}
.svc-item:hover .svc-item-link {
  opacity: 1;
  transform: translateY(0);
}
.svc-item-link:hover {
  color: #fff;
}
@media (max-width: 767px) {
  .svc-grid { grid-template-columns: 1fr; }
}

/* ── PROCESS SPY (HOW WE WORK) SECTION ── */
.process-spy-section {
  background: #ffffff;
  padding: 100px 0;
  position: relative;
}
.process-spy-container {
  display: flex;
  gap: 60px;
  align-items: flex-start;
  position: relative;
}
.process-spy-sidebar-wrapper {
  width: 35%;
  flex-shrink: 0;
  position: relative;
  overflow: visible !important;
}
.process-spy-sidebar {
  background: #fff;
  padding: 28px;
  border-radius: 20px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.03);
  border: 1px solid rgba(0,0,0,0.03);
  z-index: 10;
  width: 100%;
  height: auto !important;
  overflow: visible !important;
  transition: box-shadow 0.3s ease;
}
.process-spy-sidebar.is-fixed {
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
  max-height: calc(100vh - 140px);
  overflow-y: auto;
}
.process-spy-sidebar.is-bottom {
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
  max-height: calc(100vh - 140px);
  overflow-y: auto;
}
.spy-header span {
  display: inline-block;
  padding: 5px 14px;
  background: rgba(234,32,40,0.1);
  color: #EA2028;
  border-radius: 50px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 11px;
  margin-bottom: 10px;
}
.spy-header h2 {
  font-size: 1.8rem;
  font-weight: 800;
  color: #1a1a1a;
  line-height: 1.2;
  margin-bottom: 24px;
}
.spy-nav-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.spy-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #f5f5f0;
  color: #666;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
.spy-nav-item i {
  font-size: 1.05rem;
  color: #aaa;
  transition: all 0.3s ease;
}
.spy-nav-item:hover {
  background: #fff;
  border-color: rgba(234,32,40,0.2);
  color: #1a1a1a;
}
.spy-nav-item.active {
  background: #EA2028;
  color: #fff;
  box-shadow: none;
  border-color: transparent;
}
.spy-nav-item.active i {
  color: #fff;
}
.process-spy-content {
  width: 65%;
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding-bottom: 60px;
}
.spy-phase-block {
  scroll-margin-top: 120px;
  position: relative;
}
.spy-phase-block::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 50px;
  bottom: -50px;
  width: 2px;
  background: rgba(234,32,40,0.2);
  z-index: 0;
}
.spy-phase-block:last-child::before {
  display: none;
}
.spy-phase-header {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
  z-index: 1;
}
.spy-phase-icon {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, rgba(234,32,40, 0.1), rgba(234,32,40, 0.08));
  border: 1px solid rgba(234,32,40, 0.2);
  color: #EA2028;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  position: relative;
  flex-shrink: 0;
}
.spy-phase-icon::after {
  content: '';
  position: absolute;
  inset: -5px;
  border: 1px dashed rgba(234,32,40, 0.15);
  border-radius: 18px;
}
.spy-phase-header h3 {
  font-size: 1.6rem;
  font-weight: 800;
  color: #1a1a1a;
  margin: 0;
}
.spy-cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-left: 50px;
}
.spy-card {
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.02);
  display: flex;
  gap: 20px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.spy-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
.spy-card-num {
  font-size: 3.5rem;
  font-weight: 900;
  color: #EA2028;
  line-height: 1;
  position: absolute;
  top: -5px;
  right: 15px;
  pointer-events: none;
}
.spy-card-left {
  flex-shrink: 0;
}
.spy-step-badge {
  display: inline-block;
  padding: 6px 12px;
  background: #1a1a1a;
  color: #fff;
  border-radius: 8px;
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 1px;
}
.spy-card-right h4 {
  font-size: 1.25rem;
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 10px;
}
.spy-card-right p {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 991px) {
  .process-spy-container { flex-direction: column; }
  .process-spy-sidebar-wrapper { width: 100%; margin-bottom: 40px; }
  .process-spy-sidebar { position: relative !important; width: 100% !important; top: auto !important; bottom: auto !important; }
  .process-spy-content { width: 100%; }
  .flip-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .spy-phase-block::before { display: none; }
  .spy-cards-wrapper { padding-left: 0; }
  .flip-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .flip-grid { grid-template-columns: 1fr; }
}

/* ── ABOUT SECTION ── */
.about-new-section {
  background: #ffffff;
  padding: 100px 0;
  overflow: hidden;
}
.about-new-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.about-new-left {
  position: relative;
}
.about-new-img {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}
.about-new-img img {
  width: 100%;
  height: 480px;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.about-new-img:hover img {
  transform: scale(1.03);
}
.about-new-stat {
  position: absolute;
  background: #ffffff;
  border-radius: 14px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 6px 25px rgba(0,0,0,0.08);
  z-index: 2;
  transition: transform 0.3s ease;
}
.about-new-stat:hover {
  transform: translateY(-3px);
}
.about-new-stat-1 {
  bottom: 20px;
  left: -20px;
}
.about-new-stat-2 {
  top: 30px;
  right: -20px;
}
.ans-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  background: rgba(234,32,40,0.08);
  color: #EA2028;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.ans-num {
  font-family: 'Manrope', sans-serif;
  font-size: 1.4rem;
  font-weight: 800;
  color: #1a1a1a;
  display: block;
  line-height: 1.2;
}
.ans-label {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #888;
}
.about-new-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(234,32,40,0.08);
  padding: 8px 20px;
  border-radius: 12px;
  margin-bottom: 18px;
}
.about-new-tag .badge-pulse {
  width: 8px;
  height: 8px;
  background: #EA2028;
  border-radius: 50%;
  animation: badgePulse 2s ease-in-out infinite;
}
.about-new-tag span:last-child {
  font-family: 'Manrope', sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #EA2028;
}
.about-new-title {
  font-family: 'Manrope', sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  color: #1a1a1a;
  line-height: 1.15;
  margin-bottom: 14px;
}
.about-new-desc {
  color: #555;
  font-size: 1.05rem;
  line-height: 1.8;
  margin-bottom: 28px;
  margin-top: 0;
}
.about-new-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 32px;
}
.anf-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: #f9fafb;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.04);
  transition: all 0.3s ease;
  height: 100%;
}
.anf-item:hover {
  background: #fff;
  border-color: rgba(234,32,40,0.15);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
.anf-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  background: rgba(234,32,40,0.08);
  color: #EA2028;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: all 0.3s ease;
}
.anf-item:hover .anf-icon {
  background: #EA2028;
  color: #fff;
}
.anf-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.anf-body h4 {
  font-family: 'Manrope', sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 3px;
}
.anf-body p{color:#777;font-size:0.82rem;line-height:1.5;margin:0;}
  color: #777;
  font-size: 0.82rem;
  line-height: 1.5;
  margin: 0;
}
.about-new-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #EA2028;
  color: #ffffff;
  border: none;
  padding: 14px 32px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 1rem;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.about-new-cta:hover {
  background: #093B55;
  transform: translateY(-2px);
  color: #ffffff;
  box-shadow: 0 6px 20px rgba(9,59,85,0.3);
}
.about-new-cta i {
  transition: transform 0.3s ease;
}
.about-new-cta:hover i {
  transform: translateX(4px);
}
@media (max-width: 991px) {
  .about-new-grid { grid-template-columns: 1fr; gap: 40px; }
  .about-new-img img { height: 400px; }
  .about-new-stat-1 { left: 10px; }
  .about-new-stat-2 { right: 10px; }
}
@media (max-width: 767px) {
  .about-new-section { padding: 60px 0; }
  .about-new-title { font-size: 2rem; }
  .about-new-features { grid-template-columns: 1fr; }
  .about-new-stat { display: none; }
  .about-new-img img { height: 300px; }
}

.ct-loc-city::before{
  content:attr(data-firsttwo);
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  color:#EA2028;
  font-size:12px;
  font-weight:700;
  padding-right:4px;
  white-space:nowrap;
}

/* Available Products small boxes borders */
.md-product-tag {
  border: 1.5px solid rgba(234, 32, 40, 0.18) !important;
  transition: all 0.3s ease !important;
}

.md-product-tag:hover {
  border-color: #EA2028 !important;
  background: rgba(234, 32, 40, 0.08) !important;
  color: #EA2028 !important;
  box-shadow: 0 4px 12px rgba(234, 32, 40, 0.08) !important;
}

/* Color the country code letters before the office locations blue */
.offices-flag {
  color: #093B55 !important;
  font-weight: 700 !important;
}