/* ==========================================================================
   CHIPMASTER - ROYAL EMERALD GREEN THEME & FLOATING PILL NAVBAR
   Modern Luxury Emerald, Mint Jade & Metallic Gold Design System
   ========================================================================== */

:root {
  --cm-royal-green-dark: #062618;
  --cm-royal-green-base: #064E3B;
  --cm-royal-green-primary: #047857;
  --cm-royal-emerald: #059669;
  --cm-royal-emerald-light: #10B981;
  --cm-royal-mint: #34D399;
  --cm-royal-mint-glow: rgba(52, 211, 153, 0.4);
  --cm-royal-gold: #8A6D3B;
  --cm-royal-gold-light: #C5A059;
  --cm-glass-bg: linear-gradient(135deg, rgba(16, 44, 28, 0.88) 0%, rgba(26, 62, 40, 0.82) 50%, rgba(13, 36, 23, 0.92) 100%);
  --cm-glass-border: 1px solid rgba(80, 200, 120, 0.28);
  --cm-font-heading: 'Space Grotesk', 'Plus Jakarta Sans', sans-serif;
  --cm-font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Page Spacing for Floating Navbar (Zero White Gap) */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #062618 !important;
}

/* --------------------------------------------------------------------------
   HERO BANNER ON ALL SUBPAGES (SEAMLESS FULL BLEED TOP: 0 - SINGLE CLEAN BACKGROUND)
   -------------------------------------------------------------------------- */
.breadcrumb-wrap {
  width: 100% !important;
  min-height: 480px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  background-color: #041a10 !important;
  background-image:
    linear-gradient(180deg, rgba(4, 20, 13, 0.4) 0%, rgba(4, 20, 13, 0.75) 100%),
    url('images/breadcrumb-df.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

/* Strip any duplicate backgrounds / overlays from nested Elementor containers */
.breadcrumb-wrap *,
.breadcrumb-wrap .elementor,
.breadcrumb-wrap .elementor-element,
.breadcrumb-wrap .e-con,
.breadcrumb-wrap .e-con-inner,
.breadcrumb-wrap .e-parent {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.breadcrumb-wrap::before,
.breadcrumb-wrap::after,
.breadcrumb-wrap .elementor-element:before,
.breadcrumb-wrap .elementor-element:after {
  content: none !important;
  display: none !important;
}

.breadcrumb-wrap .elementor-element.e-parent,
.breadcrumb-wrap .e-con-inner {
  width: 100% !important;
  max-width: 1240px !important;
  min-height: 480px !important;
  margin: 0 auto !important;
  padding-top: 150px !important;
  padding-bottom: 70px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

.breadcrumb-wrap .elementor-widget-woocommerce-breadcrumb,
.breadcrumb-wrap .woocommerce-breadcrumb,
.breadcrumb-wrap .arila-woocommerce-title,
.breadcrumb-wrap .Chipmaster-woocommerce-title,
.Chipmaster-woocommerce-title {
  position: relative !important;
  z-index: 5 !important;
  text-align: center !important;
  color: #ffffff !important;
  display: block !important;
  visibility: visible !important;
}

.breadcrumb-wrap .arila-woocommerce-title,
.breadcrumb-wrap .Chipmaster-woocommerce-title,
.elementor-widget-woocommerce-breadcrumb .Chipmaster-woocommerce-title,
.Chipmaster-woocommerce-title {
  font-family: var(--cm-font-heading, 'Space Grotesk', sans-serif) !important;
  font-size: 56px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  margin: 0 0 14px 0 !important;
  text-shadow: 0 4px 30px rgba(0, 0, 0, 0.95), 0 0 40px rgba(16, 185, 129, 0.4) !important;
  text-transform: capitalize !important;
}

.breadcrumb-wrap .woocommerce-breadcrumb,
.woocommerce-breadcrumb {
  font-family: var(--cm-font-body, 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

text-transform: uppercase !important;
color: rgba(255, 255, 255, 0.8) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
}

.breadcrumb-wrap .woocommerce-breadcrumb a {
  color: rgba(255, 255, 255, 0.8) !important;
  text-decoration: none !important;
}

.breadcrumb-wrap .woocommerce-breadcrumb a:hover {
  color: #34D399 !important;
}

.breadcrumb-wrap .woocommerce-breadcrumb .current-page {
  color: #34D399 !important;
  font-weight: 700 !important;
}

.breadcrumb-wrap .woocommerce-breadcrumb i {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.4) !important;
}

/* Homepage Hero Section */
.home .elementor-element-2aa9a3b,
.elementor-element-2aa9a3b {
  padding-top: 130px !important;
  margin-top: 0 !important;
}

/* --------------------------------------------------------------------------
   1. FLOATING PILL NAVIGATION BAR COMPONENT (ALWAYS FIXED ON SCROLL + ULTRA-TRANSLUCENT)
   -------------------------------------------------------------------------- */
header#masthead,
header#masthead.chipmaster-header-fixed,
.chipmaster-header-fixed {
  position: fixed !important;
  top: 16px !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999999 !important;
  display: flex !important;
  justify-content: center !important;
  pointer-events: none !important;
  padding: 0 16px !important;
  transform: none !important;
  transition: all 0.3s ease;
}

.chipmaster-nav-pill-container {
  width: 100%;
  max-width: 1240px;
  display: flex;
  justify-content: center;
}

.chipmaster-nav-pill {
  pointer-events: auto;
  width: 100%;
  height: 66px;
  background: linear-gradient(135deg, rgba(10, 36, 22, 0.22) 0%, rgba(18, 52, 32, 0.18) 50%, rgba(8, 28, 17, 0.25) 100%) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(80, 200, 120, 0.22) !important;
  border-radius: 40px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 0 20px rgba(16, 185, 129, 0.08) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px 0 20px;
  position: relative;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.chipmaster-nav-pill:hover {
  background: linear-gradient(135deg, rgba(10, 36, 22, 0.38) 0%, rgba(18, 52, 32, 0.32) 50%, rgba(8, 28, 17, 0.42) 100%) !important;
  border-color: rgba(80, 200, 120, 0.38) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.25), 0 0 25px rgba(16, 185, 129, 0.15) !important;
}

.chipmaster-brand-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

.chipmaster-logo-img {
  height: 42px;
  width: auto;
  max-width: 140px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 10px rgba(16, 185, 129, 0.25));
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.chipmaster-brand-wrap:hover .chipmaster-logo-img {
  transform: scale(1.06);
}

.chipmaster-chip-badge {
  display: none !important;
}

.chipmaster-brand-name {
  color: #FFFFFF;
  font-family: var(--cm-font-heading);
  font-size: 19px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.chipmaster-brand-name .brand-accent {
  color: #34D399;
  text-shadow: 0 0 12px rgba(52, 211, 153, 0.6);
}

/* Center Links */
.chipmaster-nav-menu {
  display: flex;
  align-items: center;
  gap: 28px;
}

.chipmaster-nav-link {
  color: #E2F1E8;
  font-family: var(--cm-font-body);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  position: relative;
  padding: 6px 2px;
  transition: all 0.25s ease;
}

.chipmaster-nav-link:hover {
  color: #34D399;
  text-shadow: 0 0 10px rgba(52, 211, 153, 0.5);
}

.chipmaster-nav-link.active {
  color: #FFFFFF;
}

.chipmaster-nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 2px;
  background: #FFFFFF;
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

/* Right Section */
.chipmaster-nav-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
}

.chipmaster-cta-pill-btn {
  background: linear-gradient(135deg, #059669 0%, #10B981 100%) !important;
  color: #FFFFFF !important;
  font-family: var(--cm-font-body);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.8px;
  padding: 9px 24px;
  border-radius: 25px;
  text-decoration: none;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.35);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.chipmaster-cta-pill-btn:hover {
  background: linear-gradient(135deg, #10B981 0%, #34D399 100%) !important;
  color: #062618 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(52, 211, 153, 0.55);
}

.chipmaster-support-tag {
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.4px;
  font-family: var(--cm-font-heading);
  display: flex;
  align-items: center;
  gap: 5px;
}

.chipmaster-support-tag i {
  color: #34D399;
  font-size: 10px;
}

/* Mobile Toggle */
.chipmaster-mobile-toggle {
  display: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  flex-direction: column;
  gap: 5px;
}

.chipmaster-mobile-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #FFFFFF;
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* Hide default Elementor masthead if present */
header#masthead>div.elementor-32 {
  display: none !important;
}

/* --------------------------------------------------------------------------
   2. ROYAL EMERALD GREEN SITE-WIDE THEME OVERRIDES
   -------------------------------------------------------------------------- */

/* Links & Text Highlights */
a:hover,
.elementor-heading-title a:hover {
  color: var(--cm-royal-mint) !important;
}

/* Button Wrapper Reset (Prevent outer widget DIVs from having green backgrounds) */
.elementor-widget-button,
.elementor-widget-button .elementor-widget-container,
.elementor-button-wrapper,
.elementor-button-default,
.elementor-button-secondary,
.elementor-element-2c64da2 {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Button Elements - Royal Emerald Green */
.elementor-widget-button .elementor-button,
.elementor-widget-button.elementor-button-secondary .elementor-button,
.elementor-widget-button.elementor-button-default .elementor-button,
.elementor-button-secondary a.elementor-button,
.elementor-button-default a.elementor-button,
a.elementor-button,
.elementor-button,
.btn-primary,
button[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: linear-gradient(135deg, #059669 0%, #10B981 100%) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-family: var(--cm-font-body, 'Plus Jakarta Sans', sans-serif) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
}

.elementor-widget-button .elementor-button:hover,
.elementor-widget-button.elementor-button-secondary .elementor-button:hover,
.elementor-widget-button.elementor-button-default .elementor-button:hover,
.elementor-button-secondary a.elementor-button:hover,
.elementor-button-default a.elementor-button:hover,
a.elementor-button:hover,
.elementor-button:hover,
.btn-primary:hover,
button[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background: linear-gradient(135deg, #10B981 0%, #34D399 100%) !important;
  border-color: #34D399 !important;
  box-shadow: 0 8px 30px rgba(52, 211, 153, 0.6) !important;
  color: #062618 !important;
  transform: translateY(-2px) !important;
}

.elementor-widget-button .elementor-button:hover .elementor-button-text,
.elementor-widget-button .elementor-button:hover .elementor-button-icon i,
a.elementor-button:hover span,
a.elementor-button:hover i,
.elementor-button:hover span {
  color: #062618 !important;
}

/* Icon Badges & Phone Numbers */
.arila-icon-phone,
.elementor-icon-list-icon i,
.elementor-icon i,
.arila-icon-rectanger,
.arila-icon-dot {
  color: var(--cm-royal-mint) !important;
  fill: var(--cm-royal-mint) !important;
}

.elementor-sub-title .elementor-title-span {
  color: var(--cm-royal-mint) !important;
}

/* SVG fills (Change old yellow to mint/emerald) */
svg path[fill="#FFB703"],
svg path[fill="#ECBD30"] {
  fill: #34D399 !important;
}

/* 360 Canvas Glowing Ring and Progress bar in Royal Emerald */
.emblem-pulse-ring {
  border-color: rgba(52, 211, 153, 0.5) !important;
}

.emblem-inner-orb {
  background: radial-gradient(circle, rgba(16, 185, 129, 0.4) 0%, rgba(6, 78, 59, 0.9) 100%) !important;
  border-color: #34D399 !important;
  color: #34D399 !important;
  box-shadow: 0 0 30px rgba(16, 185, 129, 0.6) !important;
}

.emblem-icon {
  color: #34D399 !important;
}

.brand-pill {
  border-color: rgba(52, 211, 153, 0.4) !important;
  color: #34D399 !important;
}

.pill-dot {
  background: #34D399 !important;
  box-shadow: 0 0 10px #34D399 !important;
}

.loader-progress-bar {
  background: linear-gradient(90deg, #047857 0%, #10B981 50%, #34D399 100%) !important;
  box-shadow: 0 0 20px rgba(52, 211, 153, 0.7) !important;
}

.progress-glow-tip {
  background: #34D399 !important;
  box-shadow: 0 0 15px #34D399 !important;
}

.loader-percent {
  color: #34D399 !important;
}

/* HUD Chapter Nav Active Pill in Royal Emerald */
.chapter-nav-item.active .chapter-pill {
  background: linear-gradient(90deg, #047857 0%, #10B981 100%) !important;
  border-color: #34D399 !important;
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.5) !important;
}

.hud-btn.active,
.hud-btn:hover {
  border-color: #34D399 !important;
  color: #34D399 !important;
  box-shadow: 0 0 15px rgba(52, 211, 153, 0.35) !important;
}

.pulse-target {
  border-color: #34D399 !important;
}

.pulse-core {
  background: #34D399 !important;
  box-shadow: 0 0 10px #34D399 !important;
}

.watermark-brand {
  color: rgba(16, 185, 129, 0.05) !important;
}

/* Responsive Mobile Navigation */
@media (max-width: 991px) {
  .chipmaster-header-fixed {
    top: 10px;
    padding: 0 10px;
  }

  .chipmaster-nav-pill {
    height: 60px;
    padding: 0 16px;
    border-radius: 30px;
  }

  .chipmaster-nav-menu {
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    background: rgba(13, 38, 24, 0.96);
    backdrop-filter: blur(25px);
    border: 1px solid rgba(80, 200, 120, 0.3);
    border-radius: 20px;
    padding: 20px;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
  }

  .chipmaster-nav-pill.mobile-open .chipmaster-nav-menu {
    display: flex;
  }

  .chipmaster-nav-right {
    display: none;
  }

  .chipmaster-mobile-toggle {
    display: flex;
  }
}

/* ==========================================================================
   FOOTER CHIPMASTER GIANT WATERMARK & ACCENTS IN ROYAL GREEN (SINGLE LINE)
   ========================================================================== */
.elementor-35 .elementor-element.elementor-element-6371c3b {
  position: relative !important;
  overflow: visible !important;
}

.elementor-35 .elementor-element.elementor-element-9fc2845,
.elementor-element-9fc2845,
.elementor-element[data-id="9fc2845"] {
  width: 100% !important;
  max-width: 100% !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  top: 15px !important;
  text-align: center !important;
  pointer-events: none !important;
  z-index: 1 !important;
  overflow: visible !important;
}

.elementor-35 .elementor-element.elementor-element-9fc2845 .elementor-heading-title,
.elementor-element-9fc2845 .elementor-heading-title,
.elementor-element[data-id="9fc2845"] .elementor-heading-title,
.elementor-element-9fc2845 h2 {
  font-family: 'Space Grotesk', 'Archivo', sans-serif !important;
  font-size: clamp(40px, 15vw, 240px) !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  letter-spacing: -0.04em !important;
  text-transform: lowercase !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  color: #10B981 !important;
  background: linear-gradient(180deg, #34D399 0%, #10B981 60%, #047857 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 35px rgba(16, 185, 129, 0.25) !important;
  margin: 0 auto !important;
}

/* Fallback for browsers without background-clip */
@supports not (-webkit-background-clip: text) {

  .elementor-35 .elementor-element.elementor-element-9fc2845 .elementor-heading-title,
  .elementor-element-9fc2845 .elementor-heading-title {
    color: #10B981 !important;
  }
}

/* Footer Say Hello Phone Number and Accents in Royal Green */
.elementor-35 .elementor-element.elementor-element-5b292fc,
.elementor-element-5b292fc {
  color: #10B981 !important;
  border-bottom-color: rgba(16, 185, 129, 0.4) !important;
}

/* Footer Newsletter Button / Submit in Royal Emerald */
.elementor-35 .elementor-element-082979f input[type="submit"],
.elementor-35 .elementor-element-082979f button,
.elementor-35 .form-style .mc4wp-form input[type="submit"],
.mc4wp-form-fields button {
  background: linear-gradient(135deg, #059669 0%, #10B981 100%) !important;
  color: #ffffff !important;
  border-color: #34D399 !important;
}

/* Footer subtitle icons */
.elementor-35 .elementor-sub-title .elementor-button-icon i,
.elementor-35 .elementor-sub-title .elementor-button-icon svg,
.elementor-35 .elementor-sub-title .elementor-button-icon path {
  color: #34D399 !important;
  fill: #34D399 !important;
}

/* ==========================================================================
   COMPREHENSIVE MOBILE RESPONSIVE SUITE FOR ALL SCREENS (TABLETS & PHONES)
   ========================================================================== */

/* 1. Global Viewport & Horizontal Overflow Prevention */
html,
body {
  width: 100% !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
  position: relative !important;
  box-sizing: border-box !important;
}

*,
*::before,
*::after {
  box-sizing: border-box !important;
}

img,
video,
canvas,
svg,
iframe {
  max-width: 100% !important;
  height: auto;
}

/* 2. Mobile Floating Pill Navbar & Animated Hamburger Drawer (<= 991px) */
@media (max-width: 991px) {
  .chipmaster-header-fixed {
    top: 10px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 0 12px !important;
    transform: none !important;
    z-index: 99999 !important;
  }

  .chipmaster-nav-pill-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .chipmaster-nav-pill {
    width: 100% !important;
    height: 56px !important;
    padding: 0 14px 0 16px !important;
    border-radius: 28px !important;
    background: rgba(6, 38, 24, 0.96) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(80, 200, 120, 0.35) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .chipmaster-brand-name {
    font-size: 16px !important;
  }

  .chipmaster-logo-img {
    height: 32px !important;
    width: auto !important;
  }

  .chipmaster-nav-right {
    display: none !important;
  }

  .chipmaster-mobile-toggle {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    width: 38px !important;
    height: 38px !important;
    background: rgba(16, 185, 129, 0.15) !important;
    border: 1px solid rgba(52, 211, 153, 0.4) !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    padding: 0 !important;
    outline: none !important;
  }

  .chipmaster-mobile-toggle span {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background: #34D399 !important;
    border-radius: 2px !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  }

  /* Hamburger transform to 'X' */
  .chipmaster-nav-pill.mobile-open .chipmaster-mobile-toggle span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
  }

  .chipmaster-nav-pill.mobile-open .chipmaster-mobile-toggle span:nth-child(2) {
    opacity: 0 !important;
    transform: scale(0) !important;
  }

  .chipmaster-nav-pill.mobile-open .chipmaster-mobile-toggle span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
  }

  .chipmaster-nav-menu {
    display: none !important;
  }

  .chipmaster-nav-pill.mobile-open .chipmaster-nav-menu {
    display: flex !important;
    position: fixed !important;
    top: 72px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-height: calc(100vh - 90px) !important;
    overflow-y: auto !important;
    background: rgba(4, 26, 16, 0.98) !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
    border: 1px solid rgba(52, 211, 153, 0.4) !important;
    border-radius: 20px !important;
    padding: 20px 16px !important;
    flex-direction: column !important;
    gap: 8px !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.9) !important;
    z-index: 999999 !important;
    animation: cmNavSlide 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  }

  @keyframes cmNavSlide {
    from {
      opacity: 0;
      transform: translateY(-12px);
    }

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

  .chipmaster-nav-menu .chipmaster-nav-link {
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #e2e8f0 !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    transition: all 0.2s ease !important;
  }

  .chipmaster-nav-menu .chipmaster-nav-link.active,
  .chipmaster-nav-menu .chipmaster-nav-link:hover {
    background: rgba(16, 185, 129, 0.22) !important;
    color: #34D399 !important;
    border-color: rgba(52, 211, 153, 0.4) !important;
    padding-left: 20px !important;
  }
}

/* 3. Subpage Hero / Breadcrumbs on Tablets and Phones */
@media (max-width: 991px) {
  .breadcrumb-wrap {
    min-height: 240px !important;
  }

  .breadcrumb-wrap .elementor-element.e-parent,
  .breadcrumb-wrap .e-con-inner {
    min-height: 240px !important;
    padding-top: 100px !important;
    padding-bottom: 35px !important;
  }

  .breadcrumb-wrap .arila-woocommerce-title,
  .breadcrumb-wrap .Chipmaster-woocommerce-title,
  .Chipmaster-woocommerce-title {
    font-size: 38px !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 767px) {
  .breadcrumb-wrap {
    min-height: 200px !important;
  }

  .breadcrumb-wrap .elementor-element.e-parent,
  .breadcrumb-wrap .e-con-inner {
    min-height: 200px !important;
    padding-top: 85px !important;
    padding-bottom: 25px !important;
  }

  .breadcrumb-wrap .arila-woocommerce-title,
  .breadcrumb-wrap .Chipmaster-woocommerce-title,
  .Chipmaster-woocommerce-title {
    font-size: 30px !important;
    line-height: 1.2 !important;
    margin-top: 6px !important;
  }

  .breadcrumb-wrap .woocommerce-breadcrumb,
  .woocommerce-breadcrumb {
    font-size: 13px !important;
  }
}

/* 4. 360° Interactive Canvas Section on Tablets and Phones */
@media (max-width: 991px) {
  .side-chapter-nav {
    display: none !important;
  }

  .hud-header {
    top: 65px !important;
    left: 10px !important;
    right: 10px !important;
    padding: 8px 12px !important;
  }

  .hud-footer {
    bottom: 10px !important;
    left: 10px !important;
    right: 10px !important;
    padding: 8px 12px !important;
  }
}

@media (max-width: 767px) {
  .chipmaster-wrapper {
    padding: 30px 10px !important;
    margin: 15px 0 !important;
  }

  .story-step {
    padding: 10px 0 !important;
    min-height: auto !important;
    margin-bottom: 25px !important;
  }

  .story-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 18px 16px !important;
    border-radius: 16px !important;
  }

  .section-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;
  }

  .section-desc {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-bottom: 16px !important;
  }

  .specs-row {
    gap: 6px !important;
  }

  .spec-pill {
    font-size: 11px !important;
    padding: 5px 8px !important;
    border-radius: 8px !important;
  }
}

/* 5. General Layout, Headings & Content Grids on Mobile (<= 767px) */
@media (max-width: 767px) {

  /* Elementor Container Normalization */
  .e-con,
  .e-con-inner,
  .e-flex,
  .e-parent,
  .e-child {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Headings typography scaling */
  .elementor-heading-title {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }

  h1.elementor-heading-title {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }

  h2.elementor-heading-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }

  h3.elementor-heading-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  .elementor-sub-title {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  /* How It Works & Why Choose Us image boxes */
  .elementor-widget-image-box .elementor-image-box-wrapper {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
  }

  .elementor-widget-image-box .elementor-image-box-content {
    text-align: center !important;
  }

  /* Full width cards for services, projects, blog */
  .arila-service-block,
  .arila-project-block,
  .post-style-1 {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Buttons */
  .elementor-button {
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    padding: 12px 22px !important;
  }

  /* Accordion FAQs */
  .e-n-accordion-item-title {
    padding: 14px 12px !important;
    font-size: 14px !important;
  }

  /* Shop Product Cards */
  .woocommerce ul.products[class*="columns-"] li.product {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
  }

  /* Footer on Mobile */
  .elementor-35 .elementor-element.elementor-element-6371c3b {
    padding-top: 70px !important;
    padding-bottom: 40px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .elementor-35 .elementor-element.elementor-element-a2f7f58 {
    flex-direction: column !important;
    margin-bottom: 35px !important;
    border-radius: 18px !important;
  }

  .elementor-35 .elementor-element.elementor-element-27d156d,
  .elementor-35 .elementor-element.elementor-element-f7a816c {
    width: 100% !important;
    max-width: 100% !important;
    padding: 24px 16px !important;
    border-left: none !important;
    border-top: 1px solid rgba(217, 217, 217, 0.15) !important;
  }

  .elementor-35 .elementor-element.elementor-element-27d156d {
    border-top: none !important;
  }

  .elementor-35 .elementor-element.elementor-element-88772f2 .elementor-heading-title,
  .elementor-35 .elementor-element.elementor-element-0f88e2a .elementor-heading-title {
    font-size: 24px !important;
    line-height: 30px !important;
    text-align: center !important;
  }

  .elementor-35 .elementor-element.elementor-element-5b292fc {
    font-size: 20px !important;
    margin-left: 0 !important;
    text-align: center !important;
  }

  .elementor-35 .elementor-element.elementor-element-0eac826 {
    font-size: 16px !important;
    margin-left: 0 !important;
    text-align: center !important;
  }

  .elementor-35 .elementor-element.elementor-element-6533834 {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .elementor-35 .elementor-element.elementor-element-082979f .form-style .mc4wp-form-fields {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .elementor-35 .elementor-element.elementor-element-082979f .form-style .mc4wp-form-fields input[type="email"] {
    width: 100% !important;
    border-radius: 10px !important;
  }

  .elementor-35 .elementor-element.elementor-element-082979f .form-style .mc4wp-form-fields button,
  .elementor-35 .elementor-element-082979f .form-style .mc4wp-form-fields input[type="submit"] {
    width: 100% !important;
    border-radius: 10px !important;
    justify-content: center !important;
  }

  /* Footer Navigation Links / Columns */
  .elementor-35 .elementor-element.elementor-element-9b452e2 {
    flex-direction: column !important;
    gap: 18px !important;
    text-align: center !important;
  }

  .elementor-35 .elementor-element.elementor-element-5a0a053,
  .elementor-35 .elementor-element.elementor-element-3bc124f,
  .elementor-35 .elementor-element.elementor-element-4d79988,
  .elementor-35 .elementor-element.elementor-element-fb0305c,
  .elementor-35 .elementor-element.elementor-element-7c4d4f7 {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    align-items: center !important;
  }

  .elementor-35 .elementor-element.elementor-element-a62b9b8 {
    margin: 0 auto 15px auto !important;
  }

  .elementor-35 .elementor-element-09d6cfd,
  .elementor-35 .elementor-element-c4a2670,
  .elementor-35 .elementor-element-eb1b159,
  .elementor-35 .elementor-element-c10580b {
    margin-bottom: 10px !important;
    text-align: center !important;
  }

  .elementor-35 .elementor-icon-list-items {
    align-items: center !important;
    text-align: center !important;
  }

  .elementor-35 .elementor-icon-list-item {
    justify-content: center !important;
  }

  .elementor-35 .elementor-element.elementor-element-17feaff {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}

/* ==========================================================================
   6. VIDEO SECTION & LIGHTBOX POPUP COMPREHENSIVE MOBILE RESPONSIVENESS
   ========================================================================== */

/* Video Container & Rotating Circle Badge Layout */
.elementor-element-3c4ec45,
.elementor-element-f5fd030 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  width: 100% !important;
}

.elementor-element-020dc5e,
.elementor-element-5b9196c {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 160px !important;
  height: 160px !important;
  margin: 10px auto !important;
  flex-shrink: 0 !important;
}

.elementor-element-798549e,
.elementor-element-30a2ee2 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.elementor-widget-text-path svg,
.e-text-path svg {
  width: 100% !important;
  height: 100% !important;
  max-width: 160px !important;
  max-height: 160px !important;
}

.elementor-element-b4b1dab,
.elementor-element-525c2c7 {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 60px !important;
  height: 60px !important;
  z-index: 10 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-custom-embed-image-overlay {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-custom-embed-play {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 54px !important;
  height: 54px !important;
  background: linear-gradient(135deg, #34D399 0%, #10B981 50%, #047857 100%) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.7), 0 0 0 4px rgba(16, 185, 129, 0.25) !important;
  cursor: pointer !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation: pulseGreenVideo 2.4s infinite ease-in-out !important;
}

@keyframes pulseGreenVideo {
  0% {
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.6), 0 0 0 0 rgba(16, 185, 129, 0.4);
  }

  50% {
    box-shadow: 0 0 28px rgba(16, 185, 129, 0.9), 0 0 0 10px rgba(16, 185, 129, 0);
  }

  100% {
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.6), 0 0 0 0 rgba(16, 185, 129, 0);
  }
}

.elementor-custom-embed-play:hover {
  transform: scale(1.12) !important;
  box-shadow: 0 0 35px rgba(16, 185, 129, 0.95), 0 0 0 8px rgba(16, 185, 129, 0.4) !important;
}

.elementor-custom-embed-play i {
  font-size: 18px !important;
  color: #ffffff !important;
  margin-left: 3px !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Lightbox Modal Player */
.dialog-widget-content.dialog-lightbox-widget-content {
  max-width: 95vw !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #041a10 !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85), 0 0 40px rgba(16, 185, 129, 0.35) !important;
  border: 1px solid rgba(16, 185, 129, 0.4) !important;
}

.elementor-video-wrapper {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Mobile & Tablet Overrides for Video Section */
@media (max-width: 991px) {

  .elementor-element-3c4ec45,
  .elementor-element-f5fd030 {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 15px !important;
  }

  .elementor-element-ca912e8,
  .elementor-element-47f9c21 {
    width: 100% !important;
    text-align: center !important;
  }

  .elementor-element-ec567e0,
  .elementor-element-791f8b9 {
    text-align: center !important;
  }
}

@media (max-width: 767px) {

  .elementor-element-020dc5e,
  .elementor-element-5b9196c {
    width: 140px !important;
    height: 140px !important;
    margin: 10px auto !important;
  }

  .elementor-element-b4b1dab,
  .elementor-element-525c2c7 {
    width: 50px !important;
    height: 50px !important;
  }

  .elementor-custom-embed-play {
    width: 48px !important;
    height: 48px !important;
  }

  .elementor-custom-embed-play i {
    font-size: 16px !important;
  }

  /* 360 Video Canvas Stage on Mobile */
  .video-bg-stage {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
  }

  .hero-canvas {
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    object-fit: cover !important;
  }

  .hud-header {
    top: 55px !important;
    left: 8px !important;
    right: 8px !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;
    background: rgba(4, 26, 16, 0.92) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
  }

  .brand-main {
    font-size: 11px !important;
    letter-spacing: 1px !important;
    color: #34D399 !important;
  }

  .brand-sub,
  .header-center {
    display: none !important;
  }

  .hud-btn {
    width: 32px !important;
    height: 32px !important;
    font-size: 12px !important;
  }

  .hud-footer {
    bottom: 8px !important;
    left: 8px !important;
    right: 8px !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;
    background: rgba(4, 26, 16, 0.92) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
  }

  .tour-section {
    min-height: 80vh !important;
    padding: 20px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .story-card-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .story-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 16px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    border-radius: 18px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15), 0 0 20px rgba(16, 185, 129, 0.15) !important;
  }
}

/* ==========================================================================
   7. 'GET YOUR REPAIR STARTED' SECTION & SQUARE CARDS STYLING
   ========================================================================== */

/* Main Title "Get Your Repair Started" in Radiant White */
.elementor-element-196806a .elementor-heading-title,
.elementor-element-935f24d .elementor-heading-title,
.elementor-element-f8c7a01 .elementor-heading-title,
.elementor-element-d5c1efb .elementor-heading-title,
.elementor-element-f8c7a01 h2,
.elementor-element-d5c1efb h2 {
  color: #ffffff !important;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.7), 0 0 20px rgba(52, 211, 153, 0.3) !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
}

/* Subtitle "ELECTRONIC REPAIR SERVICES" */
.elementor-element-196806a .elementor-sub-title,
.elementor-element-935f24d .elementor-sub-title,
.elementor-element-f8c7a01 .elementor-sub-title,
.elementor-element-d5c1efb .elementor-sub-title {
  color: #34D399 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.elementor-element-196806a .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-935f24d .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-f8c7a01 .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-d5c1efb .elementor-sub-title .arila-subtitle-icon-left i {
  color: #34D399 !important;
}

/* ==========================================================================
   7. TRUE TRANSPARENT GLASSMORPHIC & ROUNDED SERVICES CARDS
   ========================================================================== */

/* Outer List Item / Swiper Slide Wrapper - Clean Transparent Container */
li.Chipmaster-item.service,
li.arila-item.service,
li.service,
li.service-style-1,
li.service-style-3,
.elementor-service .swiper-slide,
.elementor-grid .Chipmaster-item {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: flex !important;
  height: auto !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

/* ONLY the Inner Card Block gets the Glassmorphic Styling */
.Chipmaster-service-block,
.arila-service-block,
.elementor-element-ac571aa .Chipmaster-service-block,
.elementor-element-cc24e51 .Chipmaster-service-block,
.elementor-service .Chipmaster-service-block {
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(16, 185, 129, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
  overflow: hidden !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background 0.4s ease !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.Chipmaster-service-block:hover,
.arila-service-block:hover,
li.service:hover .Chipmaster-service-block,
.swiper-slide:hover .Chipmaster-service-block {
  transform: translateY(-8px) scale(1.02) !important;
  background: rgba(255, 255, 255, 0.20) !important;
  border-color: rgba(52, 211, 153, 0.7) !important;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.5), 0 0 35px rgba(16, 185, 129, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;
}

/* Service Caption (Top Half) */
.Chipmaster-service-block .service-caption,
.arila-service-block .service-caption {
  border-radius: 24px 24px 0 0 !important;
  padding: 26px 22px 14px 22px !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 0 auto !important;
}

/* Content Box inside Caption */
.Chipmaster-service-block .service-content-box {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex: 1 !important;
}

/* Service Icon in Glowing Frosted Glass Capsule */
.Chipmaster-service-block .service_icon,
.arila-service-block .service_icon {
  width: 58px !important;
  height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(16, 185, 129, 0.22) !important;
  border: 1px solid rgba(52, 211, 153, 0.45) !important;
  border-radius: 16px !important;
  margin-bottom: 16px !important;
  backdrop-filter: blur(10px) !important;
  transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease !important;
}

.Chipmaster-service-block:hover .service_icon,
.arila-service-block:hover .service_icon {
  background: rgba(16, 185, 129, 0.35) !important;
  border-color: #34D399 !important;
  transform: scale(1.08) rotate(3deg) !important;
}

/* Service Thumbnail Image Box (Bottom Half) */
.Chipmaster-service-block .service-image-box,
.arila-service-block .service-image-box {
  padding: 0 16px 18px 16px !important;
  background: transparent !important;
  border-radius: 0 0 24px 24px !important;
  margin-top: auto !important;
}

.Chipmaster-service-block .post-thumbnail,
.Chipmaster-service-block .thumbnail-image,
.Chipmaster-service-block .object-thumbnail-wrapper,
.Chipmaster-service-block .object-thumbnail,
.Chipmaster-service-block figure,
.arila-service-block .post-thumbnail,
.arila-service-block .thumbnail-image,
.arila-service-block .object-thumbnail-wrapper,
.arila-service-block .object-thumbnail,
.arila-service-block figure {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  margin: 0 !important;
}

.Chipmaster-service-block .thumbnail-image,
.arila-service-block .thumbnail-image {
  border-radius: 16px !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  display: block !important;
}

.Chipmaster-service-block:hover .thumbnail-image,
.arila-service-block:hover .thumbnail-image {
  transform: scale(1.08) !important;
}

/* Read More Button with Clean Glass Pill / Glowing Accent */
.Chipmaster-service-block .object-button,
.arila-service-block .object-button {
  margin-top: 14px !important;
}

.Chipmaster-service-block .object-button .more-link,
.arila-service-block .object-button .more-link {
  font-weight: 800 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  color: #34D399 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.3s ease !important;
}

.Chipmaster-service-block .object-button .more-link:hover,
.arila-service-block .object-button .more-link:hover {
  color: #ffffff !important;
  transform: translateX(4px) !important;
  text-shadow: 0 0 10px rgba(52, 211, 153, 0.8) !important;
}


/* Swiper Container Overflow Fix (Strict No-Bleed on Right Edge) */
.elementor-element-f8c7a01 {
  overflow: hidden !important;
  position: relative !important;
}

.elementor-element-ac571aa {
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
}

.elementor-element-ac571aa .swiper,
.elementor-element-ac571aa .swiper-container,
.elementor-element-ac571aa .Chipmaster-swiper,
.elementor-element-ac571aa .Chipmaster-swiper-wrapper {
  overflow: hidden !important;
  padding: 15px 0 25px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.elementor-element-ac571aa .swiper-wrapper {
  align-items: stretch !important;
}

.elementor-element-ac571aa .swiper-slide {
  height: auto !important;
}




/* ==========================================================================
   8. 'EXPLORE REPAIR SECTION' (SELECTED PROJECTS) WHITE COLOR & GLOW
   ========================================================================== */

/* Main Title "Explore Repair Section" in Radiant White */
.elementor-element-11a39f1 .elementor-heading-title,
.elementor-element-748ed86 .elementor-heading-title,
.elementor-element-748ed86 h2 {
  color: #ffffff !important;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.7), 0 0 20px rgba(52, 211, 153, 0.35) !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
}

/* Subtitle "SELECTED PROJECTS" */
.elementor-element-11a39f1 .elementor-sub-title,
.elementor-element-748ed86 .elementor-sub-title {
  color: #34D399 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.elementor-element-11a39f1 .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-748ed86 .elementor-sub-title .arila-subtitle-icon-left i {
  color: #34D399 !important;
}

/* Selected Projects Cards on Dark Background (Universal for all pages) */
.arila-project-block,
.Chipmaster-project-block,
.elementor-element-748ed86 .arila-project-block,
.elementor-element-748ed86 .Chipmaster-project-block,
.elementor-widget-arila-project .arila-project-block,
.elementor-widget-Chipmaster-project .Chipmaster-project-block {
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(16, 185, 129, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background 0.4s ease !important;
  padding: 0 0 20px 0 !important;
  overflow: hidden !important;
}

.arila-project-block:hover,
.Chipmaster-project-block:hover,
.elementor-element-748ed86 .arila-project-block:hover,
.elementor-widget-arila-project .arila-project-block:hover {
  transform: translateY(-8px) scale(1.02) !important;
  background: rgba(255, 255, 255, 0.20) !important;
  border-color: rgba(52, 211, 153, 0.7) !important;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.5), 0 0 35px rgba(16, 185, 129, 0.4) !important;
}

.arila-project-block .project-thumbnail-wrapper .post-thumbnail,
.Chipmaster-project-block .project-thumbnail-wrapper .post-thumbnail {
  border-radius: 24px 24px 0 0 !important;
  overflow: hidden !important;
}

.arila-project-block .project-thumbnail-wrapper .thumbnail-image,
.Chipmaster-project-block .project-thumbnail-wrapper .thumbnail-image {
  border-radius: 24px 24px 0 0 !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.arila-project-block:hover .project-thumbnail-wrapper .thumbnail-image,
.Chipmaster-project-block:hover .project-thumbnail-wrapper .thumbnail-image {
  transform: scale(1.08) !important;
}


/* Project Titles - RADIANT PURE WHITE */
.arila-project-block .project-content .object-loop-title,
.arila-project-block .project-content .object-loop-title a,
.elementor-widget-arila-project .object-loop-title,
.elementor-widget-arila-project .object-loop-title a,
.elementor-element-748ed86 .project-content .object-loop-title a {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
}

.arila-project-block .project-content .object-loop-title a:hover,
.elementor-widget-arila-project .object-loop-title a:hover {
  color: #34D399 !important;
  text-shadow: 0 0 15px rgba(52, 211, 153, 0.6) !important;
}

/* Project Categories - EMERALD MINT */
.arila-project-block .project-content .project-category,
.arila-project-block .project-content .project-category a,
.elementor-widget-arila-project .project-category,
.elementor-widget-arila-project .project-category a,
.elementor-element-748ed86 .project-content .project-category a {
  color: #34D399 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
}

.arila-project-block .project-content .project-category a:hover,
.elementor-widget-arila-project .project-category a:hover {
  color: #a7f3d0 !important;
}

/* Project Hover View Button */
.arila-project-block .project-button {
  background: rgba(6, 78, 59, 0.85) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(52, 211, 153, 0.5) !important;
  color: #ffffff !important;
}

.arila-project-block .project-button .button-text {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* Project Pagination Numbers on Dark Background */
.arila-pagination-list.project-pagination .page-numbers,
.pagination .page-numbers {
  color: #ffffff !important;
}

.arila-pagination-list.project-pagination .page-numbers.current,
.pagination .page-numbers.current {
  background-color: #F59E0B !important;
  color: #0f172a !important;
  font-weight: 800 !important;
}

.arila-pagination-list.project-pagination a.page-numbers,
.pagination a.page-numbers {
  color: #e2e8f0 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.arila-pagination-list.project-pagination a.page-numbers:hover,
.pagination a.page-numbers:hover {
  background-color: #34D399 !important;
  color: #062618 !important;
  border-color: #34D399 !important;
}

/* ==========================================================================
   9. 'READ LATEST TECHNOLOGY BLOG POST' WHITE COLOR & GLOW
   ========================================================================== */

/* Main Title "Read Latest Technology Blog Post" in Radiant White */
.elementor-element-002664c .elementor-heading-title,
.elementor-element-cf9f3d7 .elementor-heading-title,
.elementor-element-cf9f3d7 h2 {
  color: #ffffff !important;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.7), 0 0 20px rgba(52, 211, 153, 0.35) !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
}

/* Subtitle "LATEST BLOG & NEWS" */
.elementor-element-002664c .elementor-sub-title,
.elementor-element-cf9f3d7 .elementor-sub-title {
  color: #34D399 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.elementor-element-002664c .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-cf9f3d7 .elementor-sub-title .arila-subtitle-icon-left i {
  color: #34D399 !important;
}

/* Blog Cards on Dark Green Background */
.elementor-element-cf9f3d7 .post-style-1,
.post-style-1 {
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  border-radius: 16px !important;
  padding-bottom: 22px !important;
  overflow: hidden !important;
  transition: all 0.35s ease !important;
}

.elementor-element-cf9f3d7 .post-style-1:hover,
.post-style-1:hover {
  transform: translateY(-8px) !important;
  border-color: #10B981 !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4), 0 0 25px rgba(16, 185, 129, 0.3) !important;
}

.post-style-1 .post-thumbnail,
.post-style-1 .post-thumbnail img {
  border-radius: 16px 16px 0px 0px !important;
}

/* ==========================================================================
   9. BLOG SECTION & BLOG.HTML UNIVERSAL WHITE COLOR STYLING
   ========================================================================== */

/* Universal Blog Articles Styling Across All Pages */
.article-default,
.post,
.post-style-1,
article.post {
  border-radius: 12px !important;
  padding-bottom: 20px !important;
  transition: all 0.35s ease !important;
}

/* Article Titles - RADIANT PURE WHITE */
.entry-title,
.entry-title a,
.entry-header h3.entry-title a,
.entry-header h2.entry-title a,
.article-default .entry-title,
.article-default .entry-title a,
.post-style-1 .entry-title,
.post-style-1 .entry-title a,
.post .entry-title,
.post .entry-title a {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  line-height: 1.35 !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.6) !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
}

.entry-title a:hover,
.entry-header h3.entry-title a:hover,
.article-default .entry-title a:hover,
.post-style-1 .entry-title a:hover,
.post .entry-title a:hover {
  color: #34D399 !important;
  text-shadow: 0 0 15px rgba(52, 211, 153, 0.6) !important;
}

/* Article Excerpt & Content Paragraphs - CRISP LIGHT SLATE */
.entry-excerpt,
.entry-excerpt p,
.entry-content,
.entry-content p,
.article-default .entry-excerpt p,
.article-default .entry-content p,
.post .entry-content p {
  color: #e2e8f0 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* Metadata (Date, Comments) - EMERALD & LIGHT SLATE */
.entry-meta-top,
.entry-meta-top .posted-on,
.entry-meta-top .posted-on a,
.entry-meta-top .meta-reply,
.entry-meta-top .meta-reply a,
.post .entry-meta-top a,
.article-default .entry-meta-top a,
.post-style-1 .entry-meta-top a {
  color: #34D399 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

.entry-meta-top a:hover,
.post-style-1 .entry-meta-top a:hover {
  color: #a7f3d0 !important;
}

/* Category Badges */
.categories-link,
.categories-link a,
.post .categories-link a,
.article-default .categories-link a,
.post-style-1 .categories-link a {
  color: #34D399 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.categories-link .screen-reader-text {
  color: #94a3b8 !important;
}

/* Read More Link */
.more-link,
.more-link span,
.more-link-wrap a,
.more-link-wrap .more-link,
.article-default .more-link,
.post-style-1 .more-link-wrap .more-link {
  color: #34D399 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: color 0.3s ease !important;
  text-decoration: none !important;
}

.more-link:hover,
.more-link-wrap a:hover,
.post-style-1 .more-link-wrap .more-link:hover {
  color: #ffffff !important;
}

.more-link i,
.more-link-wrap a i {
  color: #34D399 !important;
}

/* Blog Sidebar Widgets (Search, Categories, Recent Posts, Popular Tags) */
.widget_search .widget-title,
.widget_categories .widget-title,
.widget_recent_entries .widget-title,
.widget_tag_cloud .widget-title,
#secondary .widget_search .widget-title,
#secondary .widget_categories .widget-title,
#secondary .widget_recent_entries .widget-title,
#secondary .widget_tag_cloud .widget-title,
#secondary span.gamma.widget-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  border-bottom: 2px solid rgba(16, 185, 129, 0.3) !important;
  padding-bottom: 8px !important;
  margin-bottom: 18px !important;
  display: block !important;
}

/* Recent Posts Widget in Sidebar */
.widget_recent_entries .post-title,
.widget_recent_entries .post-title a,
#secondary .recent-posts-info .post-title a {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
}

.widget_recent_entries .post-title a:hover,
#secondary .recent-posts-info .post-title a:hover {
  color: #34D399 !important;
}

.widget_recent_entries .entry-meta-top .posted-on a,
#secondary .recent-posts-info .posted-on a {
  color: #94a3b8 !important;
  font-size: 12px !important;
}

/* Blog Categories List in Sidebar */
.widget_categories ul li a,
#secondary .widget_categories ul li a {
  color: #e2e8f0 !important;
  font-size: 15px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.widget_categories ul li a:hover,
#secondary .widget_categories ul li a:hover {
  color: #34D399 !important;
  padding-left: 6px !important;
}

.widget_categories ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 8px 0 !important;
}

/* Tag Cloud */
.widget_tag_cloud .tagcloud a,
#secondary .tagcloud a {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.widget_tag_cloud .tagcloud a:hover,
#secondary .tagcloud a:hover {
  background: #10B981 !important;
  color: #062618 !important;
}

/* Pagination - Hidden as requested */
.navigation.pagination,
#post-navigation,
.nav-links,
.page-numbers {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Full Width Blog Layout when sidebar is removed */
.col-full #primary.content-area,
.content-area:only-child {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}



/* ==========================================================================
   10. 'GOT A QUESTION? WE'VE GOT THE ANSWER' (FAQ ACCORDIONS) WHITE COLOR
   ========================================================================== */

/* Main Title "Got a question? We’ve got the answer" in Radiant White */
.elementor-element-325a208 .elementor-heading-title,
.elementor-element-f26b29d .elementor-heading-title,
.elementor-element-25986cd .elementor-heading-title,
.elementor-element-06d0d12 .elementor-heading-title,
.elementor-element-d3bdabb .elementor-heading-title,
.elementor-element-25986cd h2,
.elementor-element-06d0d12 h2 {
  color: #ffffff !important;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.7), 0 0 20px rgba(52, 211, 153, 0.35) !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
}

/* Subtitle "GOT QUESTIONS?" */
.elementor-element-325a208 .elementor-sub-title,
.elementor-element-f26b29d .elementor-sub-title,
.elementor-element-25986cd .elementor-sub-title,
.elementor-element-06d0d12 .elementor-sub-title {
  color: #34D399 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.elementor-element-325a208 .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-f26b29d .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-25986cd .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-06d0d12 .elementor-sub-title .arila-subtitle-icon-left i {
  color: #34D399 !important;
}

/* Accordion Items on Dark Green */
.elementor-widget-n-accordion .e-n-accordion-item,
.e-n-accordion-item {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  border-radius: 10px !important;
  margin-bottom: 15px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

.elementor-widget-n-accordion .e-n-accordion-item[open],
.elementor-widget-n-accordion .e-n-accordion-item:hover,
.e-n-accordion-item[open],
.e-n-accordion-item:hover {
  border-color: #10B981 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 0 0 20px rgba(16, 185, 129, 0.2) !important;
}

.e-n-accordion-item-title {
  padding: 18px 22px !important;
  cursor: pointer !important;
}

.e-n-accordion-item-title-text {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
}

.e-n-accordion-item-title-icon svg {
  fill: #34D399 !important;
  width: 14px !important;
  height: 14px !important;
}

/* Accordion Answer Content on Dark Green */
.elementor-element-d34bb6d,
.elementor-element-6a387b9,
.elementor-element-00d4e7f,
.elementor-element-7a07e17,
.elementor-element-b47539d,
.elementor-element-8cc2d17,
.elementor-element-8aad960,
.elementor-element-2c73501,
.elementor-element-75206f6,
.elementor-element-51dd014,
.elementor-widget-n-accordion .elementor-widget-text-editor,
.elementor-widget-n-accordion p,
.e-n-accordion-item p {
  color: #f1f5f9 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  background: transparent !important;
}

/* Testimonial Cards - True Glassmorphic Design */
.elementor-testimonial-item .item-inner,
.Chipmaster-testimonial-layout-1 .item-inner,
.Chipmaster-testimonial-layout-2 .item-inner,
.elementor-testimonial-wrapper,
.elementor-testimonial {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 24px !important;
  padding: 32px 28px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(16, 185, 129, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease !important;
}

.elementor-testimonial-item .item-inner:hover,
.Chipmaster-testimonial-layout-1 .item-inner:hover,
.Chipmaster-testimonial-layout-2 .item-inner:hover {
  transform: translateY(-8px) scale(1.02) !important;
  background: rgba(255, 255, 255, 0.20) !important;
  border-color: rgba(52, 211, 153, 0.7) !important;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.5), 0 0 35px rgba(16, 185, 129, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;
}

.elementor-testimonial-item .content,
.testimonial-content-text .content,
.Chipmaster-testimonial-layout-1 .content,
.Chipmaster-testimonial-layout-2 .content,
.elementor-testimonial-item p {
  color: #e2e8f0 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}

.elementor-testimonial-item .name,
.testimonial-caption .details .name,
.details .name,
.elementor-testimonial-name {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 19px !important;
  display: block !important;
  margin-bottom: 3px !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}

.elementor-testimonial-item .job,
.testimonial-caption .details .job,
.details .job,
.elementor-testimonial-job {
  color: #34D399 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  display: block !important;
}


/* ==========================================================================
   11. 'SIMPLE AND EASY REPAIR PROCESS' (HOW IT WORKS) WHITE TITLE & STYLING
   ========================================================================== */

/* Main Title "Simple and easy repair process" in Radiant White */
.elementor-element-8389986 .elementor-heading-title,
.elementor-element-9be262d .elementor-heading-title,
.elementor-element-6844919 .elementor-heading-title,
.elementor-element-534f9ca .elementor-heading-title,
.elementor-element-2975486 .elementor-heading-title,
.elementor-element-a2cdc5a .elementor-heading-title,
.elementor-element-6844919 h2,
.elementor-element-534f9ca h2 {
  color: #ffffff !important;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.7), 0 0 20px rgba(52, 211, 153, 0.35) !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
}

/* Subtitle "HOW IT WORKS" */
.elementor-element-8389986 .elementor-sub-title,
.elementor-element-9be262d .elementor-sub-title,
.elementor-element-6844919 .elementor-sub-title,
.elementor-element-534f9ca .elementor-sub-title {
  color: #34D399 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.elementor-element-8389986 .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-9be262d .elementor-sub-title .arila-subtitle-icon-left i {
  color: #34D399 !important;
}

/* ==========================================================================
   11. 'HOW IT WORKS' STEP CARDS (01, 02, 03, 04) - PERFECT LAYOUT & GLASSMORPHISM
   ========================================================================== */

.elementor-widget-image-box.theme-style-yes .elementor-image-box-wrapper,
.elementor-element-1c24d44 .elementor-image-box-wrapper,
.elementor-element-45641f1 .elementor-image-box-wrapper,
.elementor-element-6844919 .elementor-image-box-wrapper,
.elementor-element-534f9ca .elementor-image-box-wrapper,
.elementor-element-a36079c .elementor-image-box-wrapper,
.elementor-element-9b2f271 .elementor-image-box-wrapper,
.elementor-element-ebb6f14 .elementor-image-box-wrapper,
.elementor-element-e4ad7e8 .elementor-image-box-wrapper {
  position: relative !important;
  display: block !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 24px !important;
  padding: 28px 24px 26px 24px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(16, 185, 129, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background 0.4s ease !important;
  box-sizing: border-box !important;
  text-align: left !important;
  min-height: 380px !important;
}

.elementor-widget-image-box.theme-style-yes .elementor-image-box-wrapper:hover,
.elementor-element-1c24d44 .elementor-image-box-wrapper:hover,
.elementor-element-45641f1 .elementor-image-box-wrapper:hover,
.elementor-element-6844919 .elementor-image-box-wrapper:hover,
.elementor-element-534f9ca .elementor-image-box-wrapper:hover,
.elementor-element-a36079c .elementor-image-box-wrapper:hover,
.elementor-element-9b2f271 .elementor-image-box-wrapper:hover,
.elementor-element-ebb6f14 .elementor-image-box-wrapper:hover,
.elementor-element-e4ad7e8 .elementor-image-box-wrapper:hover {
  transform: translateY(-8px) scale(1.02) !important;
  background: rgba(255, 255, 255, 0.20) !important;
  border-color: rgba(52, 211, 153, 0.7) !important;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.5), 0 0 35px rgba(16, 185, 129, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;
}

/* Step Number (01, 02, 03, 04) - Top Left */
.elementor-widget-image-box.theme-style-yes .elementor-image-box-number-text,
.elementor-element-1c24d44 .elementor-image-box-number-text,
.elementor-element-45641f1 .elementor-image-box-number-text,
.elementor-element-6844919 .elementor-image-box-number-text,
.elementor-element-534f9ca .elementor-image-box-number-text {
  position: absolute !important;
  top: 24px !important;
  left: 24px !important;
  color: #34D399 !important;
  font-weight: 800 !important;
  font-size: 34px !important;
  font-family: var(--cm-font-heading, 'Space Grotesk', sans-serif) !important;
  line-height: 1 !important;
  opacity: 0.95 !important;
  text-shadow: 0 0 15px rgba(52, 211, 153, 0.5) !important;
  z-index: 2 !important;
}

/* Step Thumbnail Image Box - Top Right */
.elementor-widget-image-box.theme-style-yes .elementor-image-box-img,
.elementor-element-1c24d44 .elementor-image-box-img,
.elementor-element-45641f1 .elementor-image-box-img,
.elementor-element-6844919 .elementor-image-box-img,
.elementor-element-534f9ca .elementor-image-box-img {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  width: 76px !important;
  height: 76px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  margin: 0 !important;
  z-index: 2 !important;
}

.elementor-widget-image-box.theme-style-yes .elementor-image-box-img img,
.elementor-element-1c24d44 .elementor-image-box-img img,
.elementor-element-45641f1 .elementor-image-box-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  transition: transform 0.4s ease !important;
  display: block !important;
}

.elementor-widget-image-box.theme-style-yes:hover .elementor-image-box-img img {
  transform: scale(1.08) !important;
}

/* Step Card Content Container */
.elementor-widget-image-box.theme-style-yes .elementor-image-box-content,
.elementor-element-1c24d44 .elementor-image-box-content,
.elementor-element-45641f1 .elementor-image-box-content,
.elementor-element-6844919 .elementor-image-box-content,
.elementor-element-534f9ca .elementor-image-box-content {
  margin-top: 85px !important;
  width: 100% !important;
  display: block !important;
  text-align: left !important;
  clear: both !important;
}

/* Step Card Title in Crisp White */
.elementor-widget-image-box.theme-style-yes .elementor-image-box-title,
.elementor-element-1c24d44 .elementor-image-box-title,
.elementor-element-45641f1 .elementor-image-box-title,
.elementor-element-6844919 .elementor-image-box-title,
.elementor-element-534f9ca .elementor-image-box-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
  text-align: left !important;
  word-wrap: break-word !important;
}

/* Step Card Description in Bright Readable Slate */
.elementor-widget-image-box.theme-style-yes .elementor-image-box-description,
.elementor-element-1c24d44 .elementor-image-box-description,
.elementor-element-45641f1 .elementor-image-box-description,
.elementor-element-6844919 .elementor-image-box-description,
.elementor-element-534f9ca .elementor-image-box-description {
  color: #e2e8f0 !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
  text-align: left !important;
}



/* ==========================================================================
   12. 'READY TO GET YOUR DEVICE FIXED?' (STATISTICS SECTION) WHITE STYLING
   ========================================================================== */

/* Main Title "Ready to get your device fixed?" in Radiant White */
.elementor-element-c7c60dd .elementor-heading-title,
.elementor-element-1d5b59f .elementor-heading-title,
.elementor-element-1d5b59f h2 {
  color: #ffffff !important;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.7), 0 0 20px rgba(52, 211, 153, 0.35) !important;
  font-weight: 800 !important;
}

/* Subtitle "OUR STATISTICS" */
.elementor-element-c7c60dd .elementor-sub-title,
.elementor-element-1d5b59f .elementor-sub-title {
  color: #34D399 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.elementor-element-c7c60dd .elementor-sub-title .arila-subtitle-icon-left i {
  color: #34D399 !important;
}

/* Counters on Statistics Section */
.elementor-element-1d5b59f .elementor-counter-title {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.elementor-element-1d5b59f .elementor-counter-number-wrapper,
.elementor-element-1d5b59f .elementor-counter-number,
.elementor-element-1d5b59f .elementor-counter-number-prefix,
.elementor-element-1d5b59f .elementor-counter-number-suffix {
  color: #34D399 !important;
  font-weight: 800 !important;
}

.elementor-element-1d5b59f .elementor-widget-text-editor,
.elementor-element-1d5b59f p {
  color: #f1f5f9 !important;
}

/* ==========================================================================
   13. 'REFLECTIONS FROM OUR CLIENTS' (TESTIMONIALS SECTION) WHITE STYLING
   ========================================================================== */

/* Main Title "Reflections from our clients" / "What Clients Say About Us" */
.elementor-element-9efbe04 .elementor-heading-title,
.elementor-element-0c8042b .elementor-heading-title,
.elementor-element-601dd6b .elementor-heading-title,
.elementor-element-0a13340 .elementor-heading-title,
.elementor-element-34c9804 .elementor-heading-title,
.elementor-element-0a13340 h2,
.elementor-element-34c9804 h2 {
  color: #ffffff !important;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.7), 0 0 20px rgba(52, 211, 153, 0.35) !important;
  font-weight: 800 !important;
}

/* Subtitle "TESTIMONIALS" */
.elementor-element-9efbe04 .elementor-sub-title,
.elementor-element-0c8042b .elementor-sub-title,
.elementor-element-601dd6b .elementor-sub-title,
.elementor-element-0a13340 .elementor-sub-title,
.elementor-element-34c9804 .elementor-sub-title {
  color: #34D399 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.elementor-element-9efbe04 .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-0c8042b .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-601dd6b .elementor-sub-title .arila-subtitle-icon-left i {
  color: #34D399 !important;
}

/* Rating 4.8 Big Heading & Review Count */
.elementor-element-59fe8c2 .elementor-heading-title,
.elementor-element-b9547f5 .elementor-heading-title,
.elementor-element-0a13340 .elementor-widget-heading h2,
.elementor-element-34c9804 .elementor-widget-heading h2 {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.elementor-element-8c38676 .elementor-widget-container,
.elementor-element-55bbd03 .elementor-widget-container,
.elementor-element-48518b6,
.elementor-element-f9fcf8e {
  color: #34D399 !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   14. FOOTER HEADINGS & CONTENT WHITE STYLING
   ========================================================================== */

.elementor-element-88772f2 .elementor-heading-title,
.elementor-element-0f88e2a .elementor-heading-title,
.elementor-element-eb6d8c2 .elementor-heading-title {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.elementor-element-88772f2 .elementor-sub-title,
.elementor-element-0f88e2a .elementor-sub-title {
  color: #34D399 !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
}

.elementor-element-88772f2 .elementor-sub-title .arila-subtitle-icon-left i,
.elementor-element-0f88e2a .elementor-sub-title .arila-subtitle-icon-left i {
  color: #34D399 !important;
}

/* Footer Widget Column Titles (Company, Repairs, Quick Links, social media) */
.elementor-element-3bc124f .elementor-heading-title,
.elementor-element-4d79988 .elementor-heading-title,
.elementor-element-fb0305c .elementor-heading-title,
.elementor-element-7c4d4f7 .elementor-heading-title,
.elementor-element-09d6cfd .elementor-heading-title,
.elementor-element-c4a2670 .elementor-heading-title,
.elementor-element-eb1b159 .elementor-heading-title,
.elementor-element-c10580b .elementor-heading-title,
footer .elementor-heading-title {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* Footer Links & Contact Information */
footer .elementor-icon-list-text,
footer .elementor-icon-list-item a,
footer .elementor-widget-text-editor,
footer .elementor-widget-text-editor a,
.elementor-element-eb6d8c2 .elementor-icon-list-text,
.elementor-element-eb6d8c2 a {
  color: #e2e8f0 !important;
  transition: color 0.3s ease !important;
}

footer .elementor-icon-list-item a:hover,
footer .elementor-widget-text-editor a:hover,
.elementor-element-eb6d8c2 a:hover {
  color: #34D399 !important;
}

footer .elementor-icon-list-icon i,
footer .elementor-icon-list-icon svg {
  color: #34D399 !important;
  fill: #34D399 !important;
}

/* ==========================================================================
   15. INNER PAGES BREADCRUMB HEADERS WHITE COLOR & LARGE VISIBILITY
   ========================================================================== */

.breadcrumb-wrap .arila-woocommerce-title,
.breadcrumb-wrap .Chipmaster-woocommerce-title,
.elementor-widget-woocommerce-breadcrumb .arila-woocommerce-title,
.elementor-widget-woocommerce-breadcrumb .Chipmaster-woocommerce-title,
.elementor-element-936cebd .Chipmaster-woocommerce-title,
.elementor-element-9d19f72 .Chipmaster-woocommerce-title,
.Chipmaster-woocommerce-title {
  color: #ffffff !important;
  font-family: var(--cm-font-heading, 'Space Grotesk', sans-serif) !important;
  font-size: 58px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  line-height: 1.15 !important;
  text-shadow: 0 4px 30px rgba(0, 0, 0, 0.95), 0 0 35px rgba(16, 185, 129, 0.4) !important;
  display: block !important;
  visibility: visible !important;
  text-transform: capitalize !important;
}

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
  color: #cbd5e1 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.woocommerce-breadcrumb a:hover {
  color: #34D399 !important;
}

.woocommerce-breadcrumb .current-page,
.woocommerce-breadcrumb span.current-page {
  color: #10B981 !important;
  font-weight: 800 !important;
  text-shadow: 0 0 12px rgba(16, 185, 129, 0.5) !important;
}


/* ==========================================================================
   16. SHOP PRODUCTS & SIDEBAR WIDGETS WHITE TITLES & EMERALD STYLING
   ========================================================================== */

/* Main Product Titles */
.woocommerce-loop-product__title,
.woocommerce-loop-product__title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.product-caption .woocommerce-loop-product__title a {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
  transition: color 0.25s ease !important;
  text-decoration: none !important;
}

.woocommerce-loop-product__title a:hover,
.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover,
.product-caption .woocommerce-loop-product__title a:hover {
  color: #34D399 !important;
}

/* Category Badges */
.product-caption .posted-in,
.product-caption .posted-in a {
  color: #34D399 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.product-caption .posted-in a:hover {
  color: #a7f3d0 !important;
}

/* Product Descriptions */
.product-caption .short-description p,
.woocommerce ul.products li.product .short-description p {
  color: #e2e8f0 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Prices */
.woocommerce ul.products li.product .price,
.product-caption .price,
.price .amount,
.price ins .amount {
  color: #34D399 !important;
  font-weight: 800 !important;
  font-size: 20px !important;
}

.price del .amount {
  color: #94a3b8 !important;
  font-size: 15px !important;
}

/* Quantity & Add to Cart */
.product-caption .quantity_label {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.product-caption .quantity input.qty {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
}

.product-caption .add_to_cart .arila_btn_text {
  color: #ffffff !important;
}

.product-caption .woocommerce-review-link {
  color: #94a3b8 !important;
}

.product-caption .inventory_status {
  color: #34D399 !important;
  font-weight: 600 !important;
}

/* --- SHOP SIDEBAR WIDGETS --- */

/* Widget Titles (Search, Categories, Filter by price, Best Products) */
#secondary .widget-title,
#secondary .widget-title span,
#secondary .gamma.widget-title,
.arila_title_filter,
.widget_product_categories .widget-title,
.widget_price_filter .widget-title,
.widget_products .widget-title,
.widget_product_search .widget-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  letter-spacing: -0.3px !important;
  text-transform: capitalize !important;
  border-bottom: 2px solid rgba(16, 185, 129, 0.3) !important;
  padding-bottom: 8px !important;
  margin-bottom: 18px !important;
  display: block !important;
}

/* Categories List */
.product-categories li,
.product-categories li a,
.widget_product_categories ul li a {
  color: #e2e8f0 !important;
  font-size: 15px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.product-categories li a:hover,
.widget_product_categories ul li a:hover {
  color: #34D399 !important;
  padding-left: 6px !important;
}

.product-categories li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 10px 0 !important;
}

/* Filter by Price */
.price_slider_amount,
.price_slider_amount .price_label,
.widget_price_filter .price_label,
.widget_price_filter .price_label span {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.widget_price_filter .price_slider_amount button.button {
  background-color: var(--cm-royal-green-primary) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 8px 18px !important;
  font-weight: 700 !important;
}

.widget_price_filter .price_slider_amount button.button:hover {
  background-color: var(--cm-royal-emerald-light) !important;
}

/* Best Products Sidebar Widget */
#secondary .product_list_widget .woocommerce-loop-product__title,
#secondary .product_list_widget .woocommerce-loop-product__title a,
.product_list_widget li a {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}

#secondary .product_list_widget .woocommerce-loop-product__title a:hover,
.product_list_widget li a:hover {
  color: #34D399 !important;
}

#secondary .product_list_widget .price,
#secondary .product_list_widget .amount {
  color: #34D399 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

#secondary .count-review .count {
  color: #94a3b8 !important;
  font-size: 13px !important;
}

/* Search Field */
.woocommerce-product-search .search-field {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
}

.woocommerce-product-search .search-field::placeholder {
  color: rgba(255, 255, 255, 0.6) !important;
}

.woocommerce-product-search button[type="submit"] {
  background: var(--cm-royal-green-primary) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

/* Results Count & Ordering */
.woocommerce-result-count {
  color: #e2e8f0 !important;
  font-size: 14px !important;
}

.woocommerce-ordering select.orderby {
  background-color: rgba(13, 38, 24, 0.95) !important;
  color: #ffffff !important;
  border: 1px solid rgba(80, 200, 120, 0.3) !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
}

/* Cart Added Notice Alert */
.woocommerce-message,
.woocommerce-info {
  background-color: rgba(6, 78, 59, 0.95) !important;
  border-left: 4px solid #34D399 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
}

.woocommerce-message .button.wc-forward,
.woocommerce-info a.button {
  background-color: #34D399 !important;
  color: #062618 !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
}

/* ==========================================================================
   17. HIDE ALL UNWANTED POST-FOOTER DRAWERS, MENUS, POPUPS & SWITCHERS
   ========================================================================== */
.account-wrap,
.Chipmaster-mobile-nav,
.arila-mobile-nav,
.Chipmaster-language-switcher-mobile,
.arila-language-switcher-mobile,
.woosc-popup,
.woosc-area,
.woosw-popup,
.woosq-popup,
.site-search-popup,
.arila-overlay,
.arila-canvas-filter,
.arila-overlay-filter,
.scrollup,
body>div:not(#page):not(.chipmaster-nav-pill-container):not(.site-content):not(.footer-width-fixer),
#page~div,
#page~nav,
#page~section,
#page~ul {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* ==========================================================================
   18. ABOUT US & INNER PAGES UNIVERSAL WHITE COLOR & ICON BOXES
   ========================================================================== */

/* Main Headings */
.page-id-18 .elementor-heading-title,
.elementor-18 .elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.elementor-widget-Chipmaster-heading .elementor-heading-title,
.elementor-widget-arila-heading .elementor-heading-title {
  color: #ffffff !important;
}

/* Icon Box Titles & Descriptions */
.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-icon-box .elementor-icon-box-title span,
.elementor-widget-icon-box .elementor-icon-box-title a {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  transition: color 0.25s ease !important;
}

.elementor-widget-icon-box .elementor-icon-box-title a:hover {
  color: #34D399 !important;
}

.elementor-widget-icon-box .elementor-icon-box-description,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  color: #e2e8f0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Icon Lists on Inner Pages */
.elementor-icon-list-items .elementor-icon-list-item,
.elementor-icon-list-items .elementor-icon-list-text,
.elementor-icon-list-items .elementor-icon-list-text a {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 15px !important;
}

.elementor-icon-list-items .elementor-icon-list-text a:hover {
  color: #34D399 !important;
}

/* Stat Counters */
.elementor-widget-counter .elementor-counter-title {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.elementor-widget-counter .elementor-counter-number-wrapper {
  color: #F59E0B !important;
  font-weight: 800 !important;
  text-shadow: 0 0 15px rgba(245, 158, 11, 0.4) !important;
}

/* ==========================================================================
   19. HOMEPAGE ABOUT / WELCOME SECTION (WHITE CARD BACKGROUND) - BLACK TEXT
   ========================================================================== */

/* Heading: Precision Repair with a Sustainable Approach */
.elementor-element-dc85966 .elementor-heading-title,
.elementor-element-a4a1cc6 .elementor-heading-title,
.elementor-element-3f6992d .elementor-heading-title,
.elementor-element-a5a6fc8 .elementor-heading-title {
  color: #0f172a !important;
  text-shadow: none !important;
  font-weight: 800 !important;
}

/* Subtitle "About Us" */
.elementor-element-dc85966 .elementor-sub-title,
.elementor-element-a4a1cc6 .elementor-sub-title,
.elementor-element-dc85966 .elementor-title-span,
.elementor-element-a4a1cc6 .elementor-title-span {
  color: #059669 !important;
  font-weight: 700 !important;
}

/* Sub-heading / Lead paragraph: Repair the Fault — Not the Entire Device */
.elementor-element-ca7d983,
.elementor-element-ca7d983 p,
.elementor-element-dc85966 .elementor-element-ca7d983 p {
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}

/* Main description paragraph */
.elementor-element-cc6bb68,
.elementor-element-cc6bb68 p,
.elementor-element-dc85966 .elementor-element-cc6bb68 p,
.elementor-element-dc85966 .elementor-widget-text-editor,
.elementor-element-dc85966 .elementor-widget-text-editor p,
.elementor-element-3f6992d .elementor-widget-text-editor,
.elementor-element-3f6992d .elementor-widget-text-editor p,
.elementor-element-a5a6fc8 .elementor-widget-text-editor,
.elementor-element-a5a6fc8 .elementor-widget-text-editor p {
  color: #334155 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
}

/* Icon list: Certified technicians, Quick turnaround, Quality Repairs, etc. */
.elementor-element-dc85966 .elementor-icon-list-item,
.elementor-element-dc85966 .elementor-icon-list-text,
.elementor-element-dc85966 .elementor-icon-list-text a,
.elementor-element-3f6992d .elementor-icon-list-text {
  color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

.elementor-element-dc85966 .elementor-icon-list-icon i,
.elementor-element-3f6992d .elementor-icon-list-icon i {
  color: #059669 !important;
}

/* ==========================================================================
   20. 3D SILICON TOUR CARDS - CUSTOM PER-SECTION POSITIONS
   ========================================================================== */

/* 1st Card (#section-1) ➔ LEFT SIDE */
#section-1 {
  justify-content: flex-start !important;
}

#section-1 .section-card {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* 2nd Card (#section-2) ➔ RIGHT SIDE */
#section-2 {
  justify-content: flex-end !important;
}

#section-2 .section-card {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* 3rd Card (#section-3) ➔ BOTTOM FULL-WIDTH HORIZONTAL BAR */
#section-3 {
  justify-content: center !important;
  align-items: flex-end !important;
  padding-bottom: 30px !important;
}

#section-3 .section-card {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 24px 32px !important;
  border-radius: 20px !important;
  box-sizing: border-box !important;
}

#section-3 .section-badge {
  top: 20px !important;
  right: 28px !important;
}

#section-3 .section-text {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 15px 30px !important;
}

#section-3 .section-tag {
  width: 100% !important;
  margin-bottom: 2px !important;
}

#section-3 .section-title {
  width: 100% !important;
  margin-bottom: 6px !important;
  font-size: 26px !important;
}

#section-3 .section-desc {
  flex: 1 1 500px !important;
  margin-bottom: 0 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

#section-3 .specs-row {
  flex: 0 0 auto !important;
  margin-top: 0 !important;
  display: flex !important;
  gap: 10px !important;
}

/* 4th Card (#section-4) ➔ RIGHT SIDE */
#section-4 {
  justify-content: flex-end !important;
}

#section-4 .section-card {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Common Section Card Base Styling */
.section-card {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(5, 150, 105, 0.25) !important;
  box-shadow: 0 20px 60px rgba(15, 23, 42, 0.12), 0 0 30px rgba(5, 150, 105, 0.1) !important;
}



.section-tag {
  color: #059669 !important;
  font-weight: 800 !important;
}

.section-tag i {
  color: #059669 !important;
}

.curr-num {
  color: #059669 !important;
  font-weight: 800 !important;
}

.total-num,
.section-badge .sep {
  color: #64748b !important;
  font-weight: 700 !important;
}

.section-title,
.section-card .section-title,
.section-text .section-title {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
}

.section-desc,
.section-card .section-desc,
.section-text .section-desc,
.section-card p,
.tour-section p,
.chipmaster-wrapper .section-desc {
  color: #1e293b !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
}

.spec-pill {
  background: rgba(5, 150, 105, 0.1) !important;
  border: 1px solid rgba(5, 150, 105, 0.3) !important;
  color: #0f172a !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.spec-pill:hover {
  background: rgba(5, 150, 105, 0.2) !important;
  border-color: rgba(5, 150, 105, 0.5) !important;
}

.spec-pill i {
  color: #059669 !important;
}

.spec-pill strong {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.hotspot-pin {
  border: 2px solid #059669 !important;
  color: #059669 !important;
  box-shadow: 0 8px 25px rgba(5, 150, 105, 0.3) !important;
}

.hotspot-tag {
  color: #059669 !important;
  font-weight: 700 !important;
}

.hotspot-card {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(5, 150, 105, 0.3) !important;
}

.hotspot-card h4 {
  color: #0f172a !important;
  font-weight: 800 !important;
}

.hotspot-card p {
  color: #334155 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}


.brand-badge,
.hud-header,
.mode-badge,
#currentModeBadge,
.header-center,
.header-actions {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* ==========================================================================
   21. HOMEPAGE "WHY CHOOSE US" SECTION - GLASSMORPHIC FEATURE CARDS & DARK BG
   ========================================================================== */

/* Section Parent Container Dark Background */
.elementor-element-f695469,
.elementor-element-dd8e0f7 {
  background-color: #041f14 !important;
  background-image: linear-gradient(135deg, #02180f 0%, #062b1b 100%) !important;
  position: relative !important;
}

/* Restore Left Column Image Container (.elementor-element-90becbe) */
.elementor-element-90becbe {
  background-image: url('images/h1-banner07.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  border-radius: 24px !important;
  min-height: 480px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 30px rgba(16, 185, 129, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

.elementor-element-90becbe:hover {
  transform: scale(1.01) !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6), 0 0 40px rgba(16, 185, 129, 0.35) !important;
}


/* Main Heading in Radiant White */
.elementor-element-82438d9 .elementor-heading-title,
.elementor-element-ebe43f9 .elementor-heading-title {
  color: #ffffff !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), 0 0 15px rgba(52, 211, 153, 0.25) !important;
  font-weight: 800 !important;
}

/* Subtitle "Why Choose Us" in Emerald Mint */
.elementor-element-82438d9 .elementor-sub-title,
.elementor-element-ebe43f9 .elementor-sub-title,
.elementor-element-82438d9 .elementor-title-span {
  color: #34D399 !important;
  font-weight: 700 !important;
}

/* Lead Paragraph / Description in Light Slate */
.elementor-element-82438d9 .elementor-element-8daeb18 p,
.elementor-element-8daeb18 p {
  color: #cbd5e1 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
}

/* 4 Feature Item Glass Cards */
.elementor-element-82438d9 .elementor-widget-icon-box .elementor-icon-box-wrapper,
.elementor-element-39727c6 .elementor-icon-box-wrapper,
.elementor-element-7a95d9d .elementor-icon-box-wrapper,
.elementor-element-de4d4c7 .elementor-icon-box-wrapper,
.elementor-element-08d66a9 .elementor-icon-box-wrapper {
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 20px !important;
  padding: 26px 22px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(16, 185, 129, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, background 0.35s ease !important;
}

.elementor-element-82438d9 .elementor-widget-icon-box .elementor-icon-box-wrapper:hover,
.elementor-element-39727c6 .elementor-icon-box-wrapper:hover,
.elementor-element-7a95d9d .elementor-icon-box-wrapper:hover,
.elementor-element-de4d4c7 .elementor-icon-box-wrapper:hover,
.elementor-element-08d66a9 .elementor-icon-box-wrapper:hover {
  transform: translateY(-6px) scale(1.02) !important;
  background: rgba(255, 255, 255, 0.20) !important;
  border-color: rgba(52, 211, 153, 0.7) !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.5), 0 0 35px rgba(16, 185, 129, 0.4), inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;
}

/* Feature Icons Glow & Stroke */
.elementor-element-82438d9 .elementor-icon-box-icon,
.elementor-element-39727c6 .elementor-icon-box-icon,
.elementor-element-7a95d9d .elementor-icon-box-icon,
.elementor-element-de4d4c7 .elementor-icon-box-icon,
.elementor-element-08d66a9 .elementor-icon-box-icon {
  filter: drop-shadow(0 0 10px rgba(52, 211, 153, 0.6)) !important;
}

/* 4 Feature Item Titles */
.elementor-element-82438d9 .elementor-icon-box-title,
.elementor-element-82438d9 .elementor-icon-box-title span,
.elementor-element-39727c6 .elementor-icon-box-title,
.elementor-element-39727c6 .elementor-icon-box-title span,
.elementor-element-7a95d9d .elementor-icon-box-title,
.elementor-element-7a95d9d .elementor-icon-box-title span,
.elementor-element-de4d4c7 .elementor-icon-box-title,
.elementor-element-de4d4c7 .elementor-icon-box-title span,
.elementor-element-08d66a9 .elementor-icon-box-title,
.elementor-element-08d66a9 .elementor-icon-box-title span {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 20px !important;
  margin-bottom: 8px !important;
  display: block !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8) !important;
}

/* 4 Feature Item Descriptions */
.elementor-element-82438d9 .elementor-icon-box-description,
.elementor-element-39727c6 .elementor-icon-box-description,
.elementor-element-7a95d9d .elementor-icon-box-description,
.elementor-element-de4d4c7 .elementor-icon-box-description,
.elementor-element-08d66a9 .elementor-icon-box-description {
  color: #e2e8f0 !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
}



/* ==========================================================================
   22. SERVICES CAROUSEL & SERVICE CARDS - CRISP WHITE & EMERALD ON TRANSPARENT GLASS
   ========================================================================== */

/* Service Titles in Bold White */
.Chipmaster-service-block .object-loop-title,
.Chipmaster-service-block .object-loop-title a,
.service-style-1 .object-loop-title,
.service-style-1 .object-loop-title a,
.service-style-3 .object-loop-title,
.service-style-3 .object-loop-title a,
.service-content-box .object-loop-title,
.service-content-box .object-loop-title a {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
  transition: color 0.3s ease !important;
}

.Chipmaster-service-block:hover .object-loop-title a,
.service-style-1:hover .object-loop-title a,
.service-style-3:hover .object-loop-title a,
.service-content-box:hover .object-loop-title a {
  color: #34D399 !important;
  text-shadow: 0 0 15px rgba(52, 211, 153, 0.6) !important;
}

/* Service Summary / Excerpt Paragraph in Crisp Readable Light Slate */
.Chipmaster-service-block .service-caption .object-loop-exerpt,
.Chipmaster-service-block .service-caption .object-loop-exerpt p,
.Chipmaster-service-block .object-loop-exerpt,
.Chipmaster-service-block .object-loop-exerpt p,
.service-style-1 .object-loop-exerpt,
.service-style-1 .object-loop-exerpt p,
.service-style-3 .object-loop-exerpt,
.service-style-3 .object-loop-exerpt p,
.service-content-box .object-loop-exerpt,
.service-content-box .object-loop-exerpt p,
.service-caption .object-loop-exerpt p,
.object-loop-exerpt p {
  color: #e2e8f0 !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) !important;
}


/* Service Read More Button & Chevron Icon in Royal Emerald Green */
.Chipmaster-service-block .object-button .more-link,
.service-style-1 .object-button .more-link,
.service-style-3 .object-button .more-link,
.Chipmaster-service-block .more-link,
.service-content-box .more-link,
.more-link {
  color: #059669 !important;
  font-weight: 800 !important;
}

.Chipmaster-service-block .more-link .Chipmaster-btn-content,
.service-style-1 .more-link .Chipmaster-btn-content,
.service-style-3 .more-link .Chipmaster-btn-content,
.Chipmaster-service-block .more-link .Chipmaster-button-inner,
.more-link .Chipmaster-button-inner,
.more-link span {
  color: #059669 !important;
  font-weight: 800 !important;
}

.Chipmaster-service-block .more-link .Chipmaster-btn-icon,
.Chipmaster-service-block .more-link .Chipmaster-btn-icon i,
.service-style-1 .more-link .Chipmaster-btn-icon i,
.service-style-3 .more-link .Chipmaster-btn-icon i,
.more-link .Chipmaster-btn-icon i,
.more-link i,
i.Chipmaster-icon-right-chevron,
i.arila-icon-right-chevron {
  color: #059669 !important;
  border-color: #059669 !important;
  background: transparent !important;
}

.Chipmaster-service-block .object-button .more-link:hover,
.Chipmaster-service-block .object-button .more-link:hover .Chipmaster-btn-content,
.Chipmaster-service-block .object-button .more-link:hover .Chipmaster-btn-icon i,
.more-link:hover,
.more-link:hover i,
.more-link:hover span {
  color: #10B981 !important;
}

/* Global SVG Yellow Replacement to Royal Emerald Green */
svg [stroke="#ECBD30"],
svg [stroke="#ecbd30"],
svg [stroke="#FFB703"],
svg [stroke="#ffb703"],
svg [stroke="#F59E0B"],
svg path[stroke="#ECBD30"],
svg path[stroke="#FFB703"],
svg path[stroke="#F59E0B"] {
  stroke: #059669 !important;
}

svg [fill="#ECBD30"],
svg [fill="#ecbd30"],
svg [fill="#FFB703"],
svg [fill="#ffb703"],
svg [fill="#F59E0B"],
svg circle[fill="#ECBD30"],
svg circle[fill="#FFB703"],
svg circle[fill="#F59E0B"],
svg path[fill="#ECBD30"],
svg path[fill="#FFB703"],
svg path[fill="#F59E0B"] {
  fill: #059669 !important;
}

/* ==========================================================================
   23. HEADER & SECTION BORDER ACCENTS - ROYAL GREEN & CRISP WHITE
   ========================================================================== */

/* CTA Pill Button (BOOK A REPAIR) in Vibrant Royal Green & White */
.chipmaster-cta-pill-btn {
  background: linear-gradient(135deg, #059669 0%, #10B981 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.4) !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
}

.chipmaster-cta-pill-btn:hover {
  background: linear-gradient(135deg, #10B981 0%, #34D399 100%) !important;
  color: #062618 !important;
  box-shadow: 0 6px 25px rgba(52, 211, 153, 0.6) !important;
  transform: translateY(-2px);
}

/* Nav Pill Border & Glow */
.chipmaster-nav-pill {
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 0 25px rgba(16, 185, 129, 0.2) !important;
}

/* Support Phone Tag in Emerald Mint */
.chipmaster-support-tag {
  color: #34D399 !important;
}

.chipmaster-support-tag i {
  color: #10B981 !important;
}

/* ==========================================================================
   24. TESTIMONIALS SECTION (WHITE BACKGROUND) - CRISP DARK TEXT & ROYAL GREEN
   ========================================================================== */

/* Main Section Heading */
.elementor-element-009a190 .elementor-heading-title,
.elementor-element-9efbe04 .elementor-heading-title,
.elementor-element-0c8042b .elementor-heading-title,
.elementor-element-601dd6b .elementor-heading-title,
.elementor-element-0a13340 .elementor-heading-title,
.elementor-element-34c9804 .elementor-heading-title,
.elementor-element-db43ad1 .elementor-heading-title {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  text-shadow: none !important;
}

/* Subtitle "Our Testimonials" in Royal Emerald Green */
.elementor-element-009a190 .elementor-sub-title,
.elementor-element-0c8042b .elementor-sub-title,
.elementor-element-601dd6b .elementor-sub-title,
.elementor-element-db43ad1 .elementor-sub-title,
.elementor-element-009a190 .elementor-title-span,
.elementor-element-0c8042b .elementor-title-span,
.elementor-element-601dd6b .elementor-title-span {
  color: #059669 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
}

.elementor-element-009a190 .elementor-sub-title i,
.elementor-element-0c8042b .elementor-sub-title i,
.elementor-element-601dd6b .elementor-sub-title i {
  color: #059669 !important;
}

/* Big Rating Number (4.8) */
.elementor-element-3480ed0 .elementor-heading-title,
.elementor-element-b9547f5 .elementor-heading-title,
.elementor-element-59fe8c2 .elementor-heading-title,
.elementor-element-3c9dce3 .elementor-heading-title {
  color: #0f172a !important;
  font-weight: 900 !important;
  font-size: 56px !important;
  line-height: 1 !important;
}

/* Star Icons */
.e-rating-wrapper i,
.e-icon-marked i,
.elementor-element-a702768 .e-icon-marked i,
.elementor-element-bba7c46 .e-icon-marked i,
.elementor-testimonial-rating i.active,
.elementor-testimonial-rating i {
  color: #10B981 !important;
}

/* Review Count (2,688 reviews) */
.elementor-element-f5909b0,
.elementor-element-55bbd03,
.elementor-element-f5909b0 .elementor-widget-container,
.elementor-element-55bbd03 .elementor-widget-container,
.elementor-widget-text-editor.elementor-element-f5909b0,
.elementor-widget-text-editor.elementor-element-55bbd03 {
  color: #0f172a !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* Summary Description: "Our expertise covers a broad spectrum..." */
.elementor-element-da36d93,
.elementor-element-48518b6,
.elementor-element-da36d93 .elementor-widget-container,
.elementor-element-48518b6 .elementor-widget-container,
.elementor-widget-text-editor.elementor-element-da36d93,
.elementor-widget-text-editor.elementor-element-48518b6,
.elementor-element-b0e095c .elementor-widget-text-editor,
.elementor-element-635108d .elementor-widget-text-editor {
  color: #334155 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* Fix Testimonial Text Visibility on White Backgrounds (e.g. Testimonials Page) */
.page:not(.home) .elementor-testimonial-item .content,
.page:not(.home) .elementor-testimonial-item p {
  color: #334155 !important;
  text-shadow: none !important;
}

.page:not(.home) .elementor-testimonial-item .name,
.page:not(.home) .testimonial-caption .details .name,
.page:not(.home) .details .name {
  color: #0f172a !important;
  text-shadow: none !important;
}

.page:not(.home) .elementor-testimonial-item .job,
.page:not(.home) .testimonial-caption .details .job,
.page:not(.home) .details .job {
  color: #059669 !important;
  text-shadow: none !important;
}

.page:not(.home) .elementor-testimonial-item .item-inner {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.page:not(.home) .elementor-testimonial-item .item-inner:hover {
  background: #ffffff !important;
  border-color: #34d399 !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  transform: translateY(-4px) scale(1.01) !important;
}

/* ==========================================================================
   25. FOOTER NAVIGATION COLUMNS & BUTTONS - ROYAL GREEN & CRISP WHITE
   ========================================================================== */

/* Column Titles (Company, Repairs & Services, Quick Links, Social & Support) */
.elementor-element-3bc124f .elementor-heading-title,
.elementor-element-4d79988 .elementor-heading-title,
.elementor-element-fb0305c .elementor-heading-title,
.elementor-element-7c4d4f7 .elementor-heading-title,
.elementor-element-09d6cfd .elementor-heading-title,
.elementor-element-c4a2670 .elementor-heading-title,
.elementor-element-eb1b159 .elementor-heading-title,
.elementor-element-c10580b .elementor-heading-title {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  margin-bottom: 18px !important;
}

/* Footer Link Items */
.elementor-element-a698300 .elementor-icon-list-item a,
.elementor-element-2540e75 .elementor-icon-list-item a,
.elementor-element-0003042 .elementor-icon-list-item a,
.elementor-element-2fc0fd2 .elementor-icon-list-item a,
.elementor-element-9b452e2 .elementor-icon-list-item a {
  color: #cbd5e1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.25s ease !important;
  padding: 4px 0 !important;
}

/* Footer Link Hover Effect */
.elementor-element-a698300 .elementor-icon-list-item a:hover,
.elementor-element-2540e75 .elementor-icon-list-item a:hover,
.elementor-element-0003042 .elementor-icon-list-item a:hover,
.elementor-element-2fc0fd2 .elementor-icon-list-item a:hover,
.elementor-element-9b452e2 .elementor-icon-list-item a:hover {
  color: #34D399 !important;
  transform: translateX(4px) !important;
}

/* Footer Support Icons */
.elementor-element-2fc0fd2 .elementor-icon-list-text i {
  color: #10B981 !important;
  margin-right: 6px !important;
}

/* Footer Logo Size & Elevation */
.hfe-site-logo-img,
.elementor-widget-site-logo img,
.elementor-element-a62b9b8 img,
.elementor-element-5a0a053 img {
  max-height: 95px !important;
  width: auto !important;
  border-radius: 14px !important;
  filter: drop-shadow(0 6px 20px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 15px rgba(16, 185, 129, 0.2)) !important;
  transition: transform 0.3s ease !important;
}

.elementor-widget-site-logo a:hover img,
.hfe-site-logo a:hover img {
  transform: scale(1.06);
}

/* ==========================================================================
   26. UNIVERSAL GLASSMORPHISM FOR SHOP PRODUCTS & BLOG ARTICLE CARDS
   ========================================================================== */

/* Shop Product Cards */
.woocommerce ul.products li.product,
ul.products li.product,
.product-block {
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(16, 185, 129, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
  overflow: hidden !important;
  padding: 24px !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background 0.4s ease !important;
}

.woocommerce ul.products li.product:hover,
ul.products li.product:hover,
.product-block:hover {
  transform: translateY(-8px) scale(1.02) !important;
  background: rgba(255, 255, 255, 0.20) !important;
  border-color: rgba(52, 211, 153, 0.7) !important;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.5), 0 0 35px rgba(16, 185, 129, 0.4) !important;
}

.woocommerce ul.products li.product .product-thumbnail-wrapper,
.product-block .product-thumbnail {
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  margin-bottom: 16px !important;
}

/* Blog Article Cards */
.post-item,
.article-inner,
.blog-style-1,
.blog-grid-item {
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(16, 185, 129, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
  overflow: hidden !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease, background 0.4s ease !important;
}

.post-item:hover,
.article-inner:hover,
.blog-grid-item:hover {
  transform: translateY(-8px) scale(1.02) !important;
  background: rgba(255, 255, 255, 0.20) !important;
  border-color: rgba(52, 211, 153, 0.7) !important;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.5), 0 0 35px rgba(16, 185, 129, 0.4) !important;
}

.post-item .post-thumbnail,
.article-inner .post-thumbnail {
  border-radius: 24px 24px 0 0 !important;
  overflow: hidden !important;
}

/* ==========================================================================
   27. PROJECT CARDS CONTENT CENTER ALIGNMENT & PURE WHITE TEXT
   ========================================================================== */
.Chipmaster-project-block,
.Chipmaster-project-block .project-content,
.Chipmaster-project-block .project-thumbnail-wrapper {
  text-align: center !important;
}

.Chipmaster-project-block .project-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 18px 16px !important;
}

/* Project Titles in Radiant White */
.Chipmaster-project-block .object-loop-title,
.Chipmaster-project-block .object-loop-title a,
.elementor-project .object-loop-title a,
.project-style-default .object-loop-title a,
.Chipmaster-project-block h3 a {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
  font-weight: 800 !important;
  text-align: center !important;
  width: 100% !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  transition: color 0.3s ease !important;
}

.Chipmaster-project-block .object-loop-title a:hover,
.elementor-project .object-loop-title a:hover {
  color: #34D399 !important;
}

/* Project Category in Emerald Mint */
.Chipmaster-project-block .project-category,
.Chipmaster-project-block .project-category a,
.elementor-project .project-category a,
.project-style-default .project-category a {
  color: #34D399 !important;
  font-weight: 600 !important;
  text-align: center !important;
  display: inline-block !important;
  margin: 6px auto 0 auto !important;
}

/* View Button Text in Glowing Mint */
.Chipmaster-project-block .more-link.project-button,
.Chipmaster-project-block .button-text,
.elementor-project .button-text {
  color: #34D399 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  text-align: center !important;
}

.Chipmaster-project-block .more-link.project-button {
  left: 50% !important;
  transform: translateX(-50%) !important;
  text-align: center !important;
}

/* ==========================================================================
   28. REMOVE SHOP SIDEBAR & FULL WIDTH PRODUCTS GRID
   ========================================================================== */
#secondary,
.shop-sidebar,
.widget-area {
  display: none !important;
}

#primary.content-area,
.site-content .col-full {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 auto !important;
}

.Chipmaster-products-grid {
  width: 100% !important;
}

/* ==========================================================================
   29. SHOP SORTING BAR, VIEW AS TOGGLE & VIEW CART BUTTON - PURE WHITE TEXT
   ========================================================================== */

/* Sorting Header Wrapper */
.Chipmaster-sorting {
  color: #ffffff !important;
}

/* Result Count Text */
.woocommerce-result-count,
.Chipmaster-sorting .woocommerce-result-count {
  color: #ffffff !important;
  font-weight: 600 !important;
  opacity: 1 !important;
}

/* "Short by:" Label */
.Chipmaster-woocommerce-ordering label,
.Chipmaster-sorting label,
.woocommerce-ordering label {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

/* Select Dropdown (Orderby) */
.woocommerce-ordering select,
.woocommerce-ordering select.orderby,
select.orderby,
.Chipmaster-woocommerce-ordering select {
  color: #ffffff !important;
  background-color: rgba(4, 31, 20, 0.85) !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  font-weight: 600 !important;
  outline: none !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

.woocommerce-ordering select option,
select.orderby option {
  background-color: #041f14 !important;
  color: #ffffff !important;
  padding: 10px !important;
}

/* "View As" Label & Grid/List Icons */
.gridlist-toggle,
.label-gridlist-toggle,
.gridlist-toggle .label-gridlist-toggle {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.gridlist-toggle a,
.gridlist-toggle a i {
  color: #cbd5e1 !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  transition: all 0.25s ease !important;
}

.gridlist-toggle a.active,
.gridlist-toggle a:hover,
.gridlist-toggle a.active i,
.gridlist-toggle a:hover i {
  color: #ffffff !important;
  border-color: #34D399 !important;
  background-color: rgba(5, 150, 105, 0.2) !important;
}

/* Filter Toggle Button */
.filter-toggle,
.Chipmaster-sorting .filter-toggle {
  color: #ffffff !important;
  border: 1px solid rgba(52, 211, 153, 0.4) !important;
  background: rgba(5, 150, 105, 0.15) !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
}

.filter-toggle span,
.filter-toggle i {
  color: #ffffff !important;
}

/* WooCommerce Cart Added Message & "View Cart" Button */
.woocommerce-message,
.woocommerce-info {
  background-color: rgba(4, 31, 20, 0.9) !important;
  border-top-color: #10B981 !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), 0 0 20px rgba(16, 185, 129, 0.2) !important;
  border-left: 4px solid #10B981 !important;
}

.woocommerce-message a.button,
.woocommerce-message a.button.wc-forward,
a.button.wc-forward,
.woocommerce-message .button {
  background-color: #ffffff !important;
  color: #041f14 !important;
  font-weight: 800 !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
  border: none !important;
}

.woocommerce-message a.button:hover,
.woocommerce-message a.button.wc-forward:hover {
  background-color: #34D399 !important;
  color: #041f14 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(52, 211, 153, 0.4) !important;
}

/* Buy Now Button Styles */
.dual-buttons {
  display: flex;
  gap: 10px;
}

.buy_now_button {
  background: #ffffff !important;
  color: #059669 !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3) !important;
  font-weight: bold !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.buy_now_button:hover {
  background: #f0fdf4 !important;
  color: #047857 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(255, 255, 255, 0.5) !important;
}

/* White Box for Product Images */
.product-image {
  background-color: #ffffff !important;
  border-radius: 12px !important;
  padding: 10px !important;
}

.product-image img {
  mix-blend-mode: multiply;
}


/* Force Add To Cart Green */
.dual-buttons .add_to_cart_button {
  background: #10B981 !important;
  color: white !important;
  border: 2px solid #10B981 !important;
}

.dual-buttons .add_to_cart_button:hover {
  background: #059669 !important;
  border-color: #059669 !important;
}

/* Force Add To Cart & Buy Now Button Colors (High Specificity) */
.woocommerce ul.products li.product a.button.add_to_cart_button,
.dual-buttons a.button.add_to_cart_button {
  background: #10B981 !important;
  color: white !important;
  border: 2px solid #10B981 !important;
}

.woocommerce ul.products li.product a.button.buy_now_button,
.dual-buttons a.button.buy_now_button {
  background: #ffffff !important;
  color: #059669 !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3) !important;
  font-weight: bold !important;
}

.woocommerce ul.products li.product a.button.buy_now_button:hover,
.dual-buttons a.button.buy_now_button:hover {
  background: #f0fdf4 !important;
  color: #047857 !important;
  transform: translateY(-2px) !important;
}


/* ========================================================
   About Page Card Visibility & Contrast Fix
   ======================================================== */
.page-id-18 .elementor-element-df7dec7 .elementor-widget-text-editor,
.page-id-18 .elementor-element-df7dec7 .elementor-widget-text-editor p {
  color: #374151 !important; /* Dark Carbon Gray for readability */
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.page-id-18 .elementor-element-df7dec7 .elementor-icon-box-title,
.page-id-18 .elementor-element-df7dec7 .elementor-icon-box-title span {
  color: #041f14 !important; /* Brand Dark Green for Titles */
  font-weight: 700 !important;
}

.page-id-18 .elementor-element-df7dec7 .elementor-divider-separator {
  border-top: 2px solid rgba(5, 150, 105, 0.3) !important; /* Brand Green Accent Divider */
}

/* ========================================================
   Refurbished Products 2-Column Grid Layout
   ======================================================== */
ul.Chipmaster-products.products-list.elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 40px !important;
  width: 100% !important;
  max-width: 100% !important;
}

ul.Chipmaster-products.products-list.elementor-grid li.product {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

@media (max-width: 767px) {
  ul.Chipmaster-products.products-list.elementor-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ========================================================
   Blog Page 3-Column Grid Layout Override
   ======================================================== */
body.blog main#main .elementor-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
}

@media (max-width: 1024px) {
  body.blog main#main .elementor-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

@media (max-width: 767px) {
  body.blog main#main .elementor-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* Make Blog Cards Equal Height & Align Content */
body.blog main#main .elementor-grid {
  align-items: stretch !important; /* Ensure all grid items stretch to match row height */
}

body.blog main#main article.article-default {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

body.blog main#main article.article-default .post-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex-grow: 1 !important;
}

body.blog main#main article.article-default .post-content {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  justify-content: space-between !important; /* Spreads the metadata, title and content */
}

body.blog main#main article.article-default .entry-content {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  justify-content: space-between !important; /* Pushes the 'read more' button to the bottom */
}

body.blog main#main article.article-default .entry-excerpt {
  flex-grow: 1 !important; /* Excerpt stretches to fill space so button is pushed down */
}

body.blog main#main article.article-default .more-link-wrap {
  margin-top: auto !important; /* Double safety to align button at bottom */
}