:root {
    --green-brand: #CDFF4D;
    --green-brand-hover: #D8FF70;
    --green-dark: #15150F;
    --green-deep: #15150F;
    --green-soft: #CDFF4D;
    --green-soft-hover: #D8FF70;
    --black: #15150F;
    --white: #ffffff;
    --text-dark: #15150F;
    --font-display: "Space Grotesk", sans-serif;
    --font-body: "Manrope", sans-serif;
    --font-accent: "JetBrains Mono", monospace;
    --num-gradient: linear-gradient(180deg, #eaff8a 0%, #CDFF4D 45%, #b8e628 100%);
    --num-gradient-on-lime: linear-gradient(180deg, #15150F 0%, #2f3914 55%, #1a220c 100%);
    --site-topbar-height: 84px;
} 
 
/* ========================= 
 RESET 
========================= */ 
html, 
body { 
 margin: 0; 
 padding: 0; 
 overflow-x: hidden; 
 background: #15150F; 
 font-family: var(--font-body); 
} 
 
/* Career details page ? black background, no padding gap */ 
body.career-details-page { 
 background: #000000 !important; 
 padding-top: 0 !important; 
} 
 
/* Ensure no beige gap between navbar and breadcrumb */ 
body > nav + *, 
.site-topbar + * { 
 margin-top: 0 !important; 
} 
 
/* Typography roles */
body, p, span, a, li, label, input, textarea, select, button, small, td, th, nav, .site-nav a {
    font-family: var(--font-body) !important;
}
h1, h2, h3, h4, h5, h6, .section-title, .section-heading, .site-logo-text,
.plx-card-body h4, .plx-svc-header-left h2, .plx-svc-name h3, .hero-typed-heading, .bl-card-title, .banner-title {
    font-family: var(--font-display) !important;
}
.plx-pill, .plx-ghost-num, .plx-svc-eyebrow, .site-connect-btn, .hero-ref-main-btn, .hero-btn-text,
.btn-style1, .btn-style2, .btn.btn-style1, .btn.btn-style2, .ff-service-pill, .lx-port-tag,
.bl-view-btn, .contact-cta-btn, .about-new-btn, .sol-tab, .sol-num, .faq-item-header {
    font-family: var(--font-accent) !important;
}
/* Font Awesome ? must NOT be overridden */ 
.fa, 
.fab, 
.fas, 
.far, 
.fal, 
.fad, 
i.fa, 
i.fab, 
i.fas, 
i.far, 
i.fal, 
[class^="fa-"]::before, 
[class*=" fa-"]::before { 
 font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important; 
 font-style: normal !important; 
 font-variant: normal !important; 
 text-rendering: auto !important; 
 -webkit-font-smoothing: antialiased !important; 
 speak: never !important; 
} 
 
i.fab, 
.fab { 
 font-family: "Font Awesome 5 Brands" !important; 
 font-weight: 400 !important; 
} 
 
i.fas, 
.fas, 
i.fa, 
.fa { 
 font-family: "Font Awesome 5 Free" !important; 
 font-weight: 900 !important; 
} 
 
i.far, 
.far { 
 font-family: "Font Awesome 5 Free" !important; 
 font-weight: 400 !important; 
} 
body * { 
 box-sizing: border-box; 
} 
 
.container { 
 max-width: 1320px; 
} 
 
/* ========================= 
 HIDE OLD GLOBAL HEADER/SIDEBAR 
========================= */ 
.header, 
.header__content__venor, 
.header-burger, 
.fixed-sidebar-menu-overlay, 
.fixed-sidebar-menu-holder, 
.fixed-sidebar-menu { 
 display: none !important; 
} 
 
/* ========================= 
 CUSTOM TOPBAR 
========================= */ 
.site-topbar { 
 position: fixed; 
 top: 0; 
 left: 0; 
 right: 0; 
 z-index: 9999; 
 background: rgba(205, 255, 77, 0.97); 
 backdrop-filter: blur(12px); 
 -webkit-backdrop-filter: blur(12px); 
 border-bottom: none; 
 width: 100%; 
 transition: 
 padding 0.3s ease, 
 box-shadow 0.3s ease; 
} 
 
.site-topbar.scrolled { 
 box-shadow: 0 4px 24px rgba(205, 255, 77, 0.3); 
 background: rgba(205, 255, 77, 1); 
} 
 
.site-topbar.scrolled .site-topbar-inner { 
 padding-top: 10px; 
 padding-bottom: 10px; 
} 
 
.site-topbar-inner { 
 max-width: 1540px; 
 margin: 0 auto; 
 padding: 16px 24px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 20px; 
 position: relative; 
 z-index: 10000; 
} 
 
.site-logo { 
 min-width: 140px; 
} 
 
.site-logo-img { 
 height: 52px; 
 width: auto; 
 display: block; 
 object-fit: contain; 
 transition: height 0.3s ease; 
} 
 
.site-topbar.scrolled .site-logo-img { 
 height: 42px; 
} 
 
.site-logo-text { 
 color: #15150F; 
 text-decoration: none; 
 font-size: 28px; 
 font-weight: 800; 
 line-height: 1; 
 letter-spacing: 1px; 
 display: inline-block; 
} 
 
.site-logo-text:hover { 
 color: #15150F; 
 text-decoration: none; 
} 
 
.site-nav { 
 display: flex; 
 align-items: center; 
 gap: 28px; 
} 
 
.site-nav a { 
 color: #15150F; 
 text-decoration: none; 
 font-size: 16px; 
 font-weight: 600; 
 transition: 0.3s ease; 
} 
 
.site-nav a:hover { 
 color: #15150F; 
 text-decoration: none; 
} 
 
.site-actions { 
 display: flex; 
 align-items: center; 
 gap: 16px; 
 position: relative; 
 z-index: 10001; 
} 
 
.site-theme-btn { 
 width: 48px; 
 height: 48px; 
 border: 1px solid rgba(21, 21, 15, 0.25); 
 border-radius: 14px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: #15150F; 
 font-size: 18px; 
 flex-shrink: 0; 
 cursor: pointer; 
 position: relative; 
 z-index: 10002; 
 pointer-events: auto; 
} 
 
.site-phone { 
 color: #15150F; 
 font-size: 16px; 
 font-weight: 700; 
 white-space: nowrap; 
 position: relative; 
 z-index: 10002; 
 pointer-events: auto; 
 text-decoration: none; 
 transition: color 0.2s ease; 
} 
 
.site-phone:hover { 
 color: #15150F; 
 text-decoration: none; 
} 
.site-connect-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 background: #15150F; 
 color: #CDFF4D; 
 text-decoration: none; 
 padding: 12px 22px; 
 border-radius: 999px; 
 font-size: 15px; 
 font-weight: 700; 
 white-space: nowrap; 
 transition: 0.3s ease; 
 position: relative; 
 z-index: 10002; 
 pointer-events: auto; 
} 
 
.site-connect-btn:hover { 
 background: var(--green-soft-hover); 
 color: var(--text-dark); 
 text-decoration: none; 
} 
 
.menu-toggle { 
 border: 0; 
 background: transparent; 
 color: #ffffff; 
 font-size: 28px; 
 line-height: 1; 
 cursor: pointer; 
 display: inline-flex; 
 align-items: center; 
 align-self: center; 
 padding: 0; 
 margin: 0; 
} 
 
/* ========================= 
 HERO SECTION 
========================= */ 
.hero-ref-section { 
 position: relative; 
 min-height: calc(100vh - 80px); 
 width: 100%; 
 margin: 0; 
 padding: 28px 32px 32px; 
 overflow: hidden; 
 background: url("/images/hero-bg.jpg") 
 center center / cover no-repeat; 
} 
 
.hero-ref-overlay { 
 position: absolute; 
 inset: 0; 
 background: linear-gradient( 
 90deg, 
 rgba(6, 54, 45, 0.92) 0%, 
 rgba(7, 73, 58, 0.8) 52%, 
 rgba(110, 170, 26, 0.28) 100% 
 ); 
 z-index: 1; 
 pointer-events: none; 
} 
 
.hero-ref-container, 
.hero-ref-social, 
.hero-ref-stats { 
 position: relative; 
 z-index: 3; 
} 
 
.hero-ref-container { 
 min-height: calc(100vh - 210px); 
 display: flex; 
 align-items: center; 
 justify-content: flex-start; 
 padding: 20px 0 90px; 
} 
 
.hero-ref-left { 
 width: 100%; 
 max-width: 860px; 
 padding-left: 78px; 
} 
 
.hero-ref-tag { 
 display: inline-block; 
 padding: 10px 24px; 
 border: 1px solid rgba(255, 255, 255, 0.18); 
 border-radius: 16px; 
 color: #ffffff; 
 font-size: 16px; 
 margin-bottom: 24px; 
 background: rgba(255, 255, 255, 0.05); 
} 
 
.hero-ref-left h1 { 
 color: #ffffff; 
 font-size: 62px; 
 line-height: 1.06; 
 font-weight: 700; 
 margin: 0 0 18px; 
 letter-spacing: -1px; 
 max-width: 720px; 
} 
 
.hero-ref-left h4 { 
 color: #CDFF4D; 
 font-size: 22px; 
 font-weight: 500; 
 margin: 0 0 18px; 
} 
 
.hero-ref-left p { 
 color: rgba(255, 255, 255, 0.88); 
 font-size: 17px; 
 line-height: 1.7; 
 max-width: 760px; 
 margin: 0 0 28px; 
} 
 
/* ========================= 
 SOCIAL LINKS 
========================= */ 
.hero-ref-social { 
 position: absolute; 
 left: 18px; 
 top: 50%; 
 transform: translateY(-50%); 
 display: flex; 
 flex-direction: column; 
 gap: 18px; 
 z-index: 20; 
} 
 
.hero-ref-social a { 
 display: block; 
 writing-mode: vertical-rl; 
 transform: rotate(180deg); 
 white-space: nowrap; 
 color: rgba(255, 255, 255, 0.78); 
 text-decoration: none; 
 font-size: 14px; 
 font-weight: 500; 
 line-height: 1; 
 letter-spacing: 0.4px; 
 transition: 0.3s ease; 
} 
 
.hero-ref-social a:hover { 
 color: var(--green-soft); 
 text-decoration: none; 
} 
 
/* ========================= 
 HERO ACTIONS 
========================= */ 
.hero-ref-actions, 
.hero-ref-actions a, 
.hero-ref-actions span, 
.hero-ref-actions small { 
 writing-mode: horizontal-tb !important; 
 transform: none !important; 
 text-orientation: mixed !important; 
} 
 
.hero-ref-actions { 
 display: flex; 
 align-items: center; 
 gap: 18px; 
 flex-wrap: nowrap; 
 margin-top: 30px; 
 position: relative; 
 z-index: 25; 
 overflow: visible; 
} 
 
.hero-ref-main-btn { 
 display: inline-flex; 
 flex-direction: row; 
 align-items: center; 
 justify-content: flex-start; 
 gap: 14px; 
 padding: 5px 24px 5px 5px; 
 border-radius: 999px; 
 background: #15150F; 
 color: #CDFF4D !important; 
 text-decoration: none; 
 position: relative; 
 z-index: 30; 
 opacity: 1; 
 visibility: visible; 
 font-size: 15px; 
 font-weight: 600; 
 transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; 
 white-space: nowrap; 
 flex-wrap: nowrap; 
 min-width: 0; 
 overflow: hidden;
} 
 
.hero-btn-arrow { 
 width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 background: #CDFF4D; 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 flex-shrink: 0; 
 font-size: 16px; 
 color: #15150F; 
 line-height: 1; 
} 
 
.hero-btn-text { 
 color: #CDFF4D; 
 font-size: 15px; 
 font-weight: 600; 
 white-space: nowrap; 
 flex-shrink: 0; 
 line-height: 1; 
} 
 
.hero-ref-main-btn:hover, 
.hero-ref-main-btn:focus, 
.hero-ref-main-btn:active { 
 color: #CDFF4D !important; 
 background: #1f2214;
 text-decoration: none; 
} 
 
.hero-ref-main-btn span { 
 /* reset - handled by specific classes */ 
} 
 
.hero-ref-video-wrap { 
 display: inline-flex; 
 align-items: center; 
 gap: 12px; 
 text-decoration: none; 
 white-space: nowrap; 
 position: relative; 
 z-index: 30; 
} 
 
.hero-ref-video-wrap:hover { 
 text-decoration: none; 
} 
 
.hero-ref-video-wrap small { 
 display: inline-block; 
 color: #ffffff; 
 font-size: 16px; 
 font-weight: 500; 
} 
 
.hero-ref-video-btn { 
 width: 58px; 
 height: 58px; 
 border-radius: 50%; 
 background: var(--green-soft); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--text-dark); 
 font-size: 18px; 
 font-weight: 700; 
 flex-shrink: 0; 
} 
 
/* ========================= 
 HERO STATS 
========================= */ 
.hero-ref-stats { 
 position: absolute; 
 left: 50%; 
 right: auto;
 transform: translateX(-50%); 
 bottom: 0; 
 display: flex; 
 align-items: stretch; 
 z-index: 4; 
 overflow: hidden; 
 border-top-left-radius: 18px; 
 border-top-right-radius: 18px; 
 /* soft white ? lime mix across the join */ 
 background: linear-gradient(
  90deg,
  #ffffff 0%,
  #ffffff 38%,
  #f2ffc4 48%,
  #CDFF4D 58%,
  #CDFF4D 100%
 ); 
} 
 
.hero-ref-stat-box { 
 min-width: 340px; 
 padding: 28px 32px; 
 display: flex; 
 align-items: center; 
 justify-content: flex-start;
 gap: 18px; 
 background: transparent !important; 
} 
 
.hero-ref-stat-box.dark { 
 background: linear-gradient(
  90deg,
  #ffffff 0%,
  #ffffff 72%,
  rgba(255, 255, 255, 0) 100%
 ) !important; 
 border-top-left-radius: 18px; 
} 
 
.hero-ref-stat-box.green { 
 background: linear-gradient(
  90deg,
  rgba(205, 255, 77, 0) 0%,
  #e8ffa0 18%,
  #CDFF4D 42%,
  #CDFF4D 100%
 ) !important; 
 border-top-right-radius: 18px; 
 margin-left: -48px; 
 padding-left: 72px; 
} 
 
.hero-ref-stat-box h3 { 
 margin: 0; 
 font-size: 52px; 
 line-height: 1; 
 font-weight: 800; 
 display: flex;
 align-items: center;
 flex-shrink: 0;
} 
 
.hero-ref-stat-box p { 
 margin: 0; 
 font-size: 18px; 
 line-height: 1.35; 
 font-weight: 600; 
 display: flex;
 flex-direction: column;
 justify-content: center;
}
 
.hero-ref-stat-box.dark h3, 
.hero-ref-stat-box.dark p { 
 color: #15150F; 
} 
 
.hero-ref-stat-box.green h3, 
.hero-ref-stat-box.green p { 
 color: #15150F; 
} 
 
/* ========================= 
 OLD HERO / DUPLICATE ELEMENTS HIDE 
========================= */ 
.hero-ref-right, 
.hero-ref-header, 
.hero-ref-logo, 
.hero-ref-menu, 
.hero-ref-contact, 
.top-pill-btn, 
.top-pill-highlight, 
.lx-hero-deco, 
.lx-stats-bar { 
 display: none !important; 
} 
 
/* ========================= 
 CLICK FIX 
========================= */ 
.site-topbar a, 
.site-topbar button, 
.site-theme-btn, 
.site-phone, 
.site-connect-btn, 
.hero-ref-actions a { 
 pointer-events: auto !important; 
 position: relative; 
 z-index: 10005; 
} 
 
/* ========================= 
 EXISTING SITE SECTION TWEAKS 
========================= */ 
.dropdown-divider { 
 display: none !important; 
} 
 
img.lazy { 
 opacity: 1 !important; 
 visibility: visible !important; 
} 
 
.logo-front, 
img.logo-front { 
 height: 36px !important; 
 width: auto !important; 
 max-width: 120px !important; 
 display: block !important; 
 opacity: 1 !important; 
 visibility: visible !important; 
} 
 
.progress-wrap { 
 background: #15150F !important; 
 border: 2px solid rgba(255, 255, 255, 0.15) !important; 
} 
 
.progress-wrap svg.progress-circle path { 
 stroke: #CDFF4D !important; 
} 
 
.logo-chat { 
 background: #15150F !important; 
 border-radius: 50% !important; 
} 
 
/* ========================= 
 RESPONSIVE 
========================= */ 
@media (max-width: 1199px) { 
 .site-topbar-inner { 
 flex-wrap: nowrap; 
 } 
 
 .site-nav { 
 display: none !important; 
 } 
 
 .hero-ref-container { 
 justify-content: center; 
 text-align: center; 
 padding-bottom: 40px; 
 } 
 
 .hero-ref-left { 
 max-width: 100%; 
 padding-left: 0; 
 text-align: center; 
 } 
 
 .hero-ref-left h1, 
 .hero-ref-left p { 
 margin-left: auto; 
 margin-right: auto; 
 } 
 
 .hero-ref-actions { 
 justify-content: center; 
 flex-wrap: wrap; 
 } 
 
 .hero-ref-social { 
 display: none; 
 } 
 
 .hero-ref-stats { 
 position: static; 
 transform: none;
 left: auto;
 justify-content: center; 
 flex-wrap: wrap; 
 margin-top: 28px; 
 margin-left: auto;
 margin-right: auto;
 } 
 
 .hero-ref-stat-box { 
 border-radius: 16px !important; 
 } 
} 
 
@media (max-width: 767px) { 
 .site-topbar-inner { 
 padding: 14px 16px; 
 } 
 
 .site-logo-text { 
 font-size: 24px; 
 } 
 
 .site-phone, 
 .site-theme-btn, 
 .site-connect-btn { 
 display: none; 
 } 
 
 .site-nav { 
 display: none; 
 width: 100%; 
 flex-direction: column; 
 align-items: flex-start; 
 gap: 14px; 
 background: rgba(8, 63, 53, 0.98); 
 padding: 14px 0 4px; 
 } 
 
 .site-nav.show { 
 display: flex; 
 } 
 
 .menu-toggle { 
 display: inline-block; 
 } 
 
 .hero-ref-section { 
 padding: 20px 16px 18px; 
 } 
 
 .hero-ref-left h1 { 
 font-size: 40px; 
 line-height: 1.08; 
 } 
 
 .hero-ref-left h4 { 
 font-size: 19px; 
 } 
 
 .hero-ref-left p { 
 font-size: 15px; 
 line-height: 1.65; 
 } 
 
 .hero-ref-tag { 
 font-size: 14px; 
 padding: 10px 18px; 
 } 
 
 .hero-ref-actions { 
 flex-direction: column; 
 align-items: flex-start; 
 } 
 
 .hero-ref-main-btn { 
 min-width: 230px; 
 } 
 
 .hero-ref-stat-box { 
 min-width: 100%; 
 } 
} 
 
/* ========================= 
 PLEXIFY-STYLE SERVICES HEADER 
 ========================= */ 
.plx-svc-header { 
 display: flex; 
 align-items: flex-end; 
 justify-content: space-between; 
 gap: 28px; 
 padding: 62px 80px 34px; 
 border-bottom: 1px solid #e0ddd6; 
 flex-wrap: wrap; 
 background: #f5f2ea; 
} 
.plx-svc-eyebrow { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 font-family: var(--font-display); 
 font-size: 11px; 
 font-weight: 600; 
 letter-spacing: 4px; 
 text-transform: uppercase; 
 color: #15150F; 
 margin-bottom: 14px; 
} 
.plx-svc-eyebrow::before { 
 content: ""; 
 width: 26px; 
 height: 1.5px; 
 background: #CDFF4D; 
 flex-shrink: 0; 
} 
.plx-svc-header-left h2 { 
 font-family: var(--font-display); 
 font-size: clamp(32px, 4vw, 62px); 
 font-weight: 700; 
 line-height: 1.08; 
 letter-spacing: -0.5px; 
 color: #15150F; 
 margin: 0; 
} 
.plx-svc-header-left h2 em { 
 color: #CDFF4D; 
 font-style: normal; 
} 
.plx-svc-header-right { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
} 
.plx-svc-header-right p { 
 font-family: var(--font-display); 
 font-size: 18px; 
 color: #3a3a3a; 
 line-height: 1.8; 
 max-width: 240px; 
 margin: 0; 
} 
.plx-svc-viewall { 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 padding: 14px 28px; 
 background: #CDFF4D; 
 color: #15150F; 
 font-family: var(--font-display); 
 font-size: 13px; 
 font-weight: 700; 
 border-radius: 999px; 
 text-decoration: none; 
 white-space: nowrap; 
 transition: all 0.28s ease; 
 box-shadow: 0 6px 20px rgba(205, 255, 77, 0.35); 
} 
.plx-svc-viewall:hover { 
 transform: translateY(-2px); 
 background: #D8FF70; 
 color: #15150F; 
} 
@media (max-width: 900px) { 
 .plx-svc-header { 
 padding: 42px 24px 28px; 
 } 
 .plx-svc-header-right p { 
 display: none; 
 } 
} 
@media (max-width: 600px) { 
 .plx-svc-header-left h2 { 
 font-size: 30px; 
 } 
} 
 
/* ========================= 
 PLEXIFY-STYLE SERVICES 
 ========================= */ 
.plx-svc-wrap { 
 display: flex; 
 align-items: stretch; 
 background: #f5f2ea; 
} 
 
/* ---- LEFT PANEL ---- */ 
.plx-svc-left { 
 position: relative; 
 top: auto; 
 width: 50%; 
 height: auto; 
 min-height: 0; 
 flex-shrink: 0; 
 background: #f5f2ea; 
 display: block; 
 padding: 0; 
 align-self: stretch; 
} 
 
/* circle stage */ 
.plx-svc-stage { 
 --plx-bubble-size: 270px; 
 --plx-bubble-r: calc(var(--plx-bubble-size) / 2); 
 --plx-bubble-border: 1px; 
 --plx-inner-w: calc(var(--plx-bubble-size) - var(--plx-bubble-border) * 2); 
 --plx-inner-r: calc(var(--plx-inner-w) / 2); 
 /* inner bottom edge of thin circle border (not outer ring) */ 
 --plx-icon-bottom: calc(var(--plx-bubble-r) - var(--plx-bubble-border)); 
 --plx-clip-h: calc(var(--plx-bubble-size) * 1.45); 
 position: relative; 
 width: 560px; 
 height: 560px; 
 margin-right: -120px; 
 overflow: visible; 
} 
.plx-svc-svg { 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
 overflow: visible; 
 pointer-events: none; 
} 
#plxArc { 
 transition: stroke-dashoffset 0.7s cubic-bezier(0.4, 0, 0.2, 1); 
} 
 
/* center bubble ? large light circle like reference */ 
.plx-bubble { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 z-index: 3; 
 pointer-events: none; 
 box-sizing: border-box; 
 width: var(--plx-bubble-size); 
 height: var(--plx-bubble-size); 
 border-radius: 50%; 
 background: radial-gradient(circle at 35% 35%, #f5f2ea, #e8e4d8); 
 border: var(--plx-bubble-border) solid rgba(255, 255, 255, 0.5); 
 box-shadow: 
 0 8px 40px rgba(0, 0, 0, 0.3), 
 inset 0 1px 0 rgba(255, 255, 255, 0.7); 
 overflow: visible; 
 z-index: 5; 
} 
/* clip: open top (head outside), bottom follows inner circle arc */ 
.plx-icon-clip { 
 position: absolute; 
 left: 50%; 
 bottom: calc(50% - var(--plx-icon-bottom)); 
 transform: translateX(-50%); 
 width: var(--plx-inner-w); 
 height: var(--plx-clip-h); 
 z-index: 6; 
 pointer-events: none; 
 clip-path: path( 
 "M 0 -3000 L 268 -3000 L 268 258 A 134 134 0 0 1 134 392 A 134 134 0 0 1 0 258 Z" 
 ); 
} 
.plx-b-icon { 
 position: absolute; 
 left: 50%; 
 bottom: 0; 
 top: auto; 
 transform: translateX(-50%) translateY(0); 
 transform-origin: bottom center; 
 width: calc(var(--plx-bubble-size) * 0.96); 
 height: calc(var(--plx-bubble-size) * 1.38); 
 max-width: none; 
 object-fit: contain; 
 object-position: bottom center; 
 display: block; 
 margin: 0; 
 pointer-events: none; 
} 
 
/* numbered dots on the ring */ 
.plx-dot { 
 position: absolute; 
 transform: translate(-50%, -50%); 
 width: 34px; 
 height: 34px; 
 border-radius: 50%; 
 background: rgba(0, 0, 0, 0.06); 
 border: 1px solid rgba(0, 0, 0, 0.15); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 font-family: var(--font-display); 
 font-size: 9px; 
 font-weight: 600; 
 color: rgba(0, 0, 0, 0.3); 
 z-index: 4; 
 pointer-events: none; 
 transition: all 0.35s ease; 
} 
.plx-dot-active { 
 width: 46px !important; 
 height: 46px !important; 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
 font-size: 11px !important; 
 font-weight: 700 !important; 
 box-shadow: 0 0 0 8px rgba(205, 255, 77, 0.18) !important; 
} 
 
/* service name label */ 
.plx-svc-name { 
 text-align: center; 
} 
.plx-svc-name h3 { 
 font-family: var(--font-display); 
 font-size: clamp(20px, 2.2vw, 32px); 
 font-weight: 700; 
 color: #15150F; 
 margin: 0; 
 line-height: 1.2; 
} 
 
/* ---- RIGHT CARDS ---- */ 
.plx-svc-right { 
 width: 50%; 
 padding: 0 36px 60px 24px; 
 display: flex; 
 flex-direction: column; 
 gap: 6px; 
 background: #f5f2ea; 
 justify-content: center; 
 align-items: flex-end; 
} 
 
.plx-card { 
 background: #fff; 
 border: 1px solid rgba(235, 235, 235, 0.9); 
 border-radius: 12px; 
 padding: 14px 18px; 
 position: relative; 
 overflow: hidden; 
 transition: 
 border-color 0.3s ease, 
 box-shadow 0.3s ease; 
 text-decoration: none !important; 
 color: inherit !important; 
 display: block; 
 cursor: pointer; 
 max-width: 560px; 
 width: 100%; 
} 
.plx-card-active { 
 border-color: rgba(205, 255, 77, 0.6) !important; 
 box-shadow: 0 0 14px rgba(205, 255, 77, 0.3) !important; 
} 
.plx-card-active::before { 
 content: ""; 
 position: absolute; 
 left: 0; 
 top: 10px; 
 bottom: 10px; 
 width: 3px; 
 background: #CDFF4D; 
 border-radius: 0 3px 3px 0; 
} 
 
/* card row: icon + text */ 
.plx-card-inner { 
 display: flex; 
 align-items: center; 
 gap: 12px; 
} 
.plx-card-icon { 
 flex-shrink: 0; 
 background: transparent !important; 
 border: none !important; 
 box-shadow: none !important; 
 padding: 0 !important; 
 width: 52px !important; 
 height: 52px !important; 
 border-radius: 0 !important; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
.plx-card-icon img { 
 width: 52px; 
 height: 52px; 
 object-fit: contain; 
 display: block; 
} 
.plx-card-body h4 { 
 font-family: var(--font-display); 
 font-size: 15px; 
 font-weight: 600; 
 color: #15150F; 
 margin: 0 0 3px; 
 line-height: 1.25; 
} 
.plx-card-body p { 
 font-family: var(--font-display); 
 font-size: 12.5px; 
 color: #6b7a6e; 
 line-height: 1.6; 
 margin: 0; 
} 
 
/* card footer: ghost number + pill */ 
.plx-card-foot { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-top: 5px; 
 padding-top: 4px; 
 border-top: 1px solid #f2f2f2; 
} 
.plx-ghost-num { 
 font-family: var(--font-display); 
 font-size: 22px; 
 font-weight: 800; 
 line-height: 1; 
 color: rgba(13, 43, 20, 0.06); 
 user-select: none; 
 pointer-events: none; 
 transition: color 0.3s ease; 
} 
.plx-card-active .plx-ghost-num { 
 color: rgba(205, 255, 77, 0.3); 
} 
.plx-pill { 
 display: inline-flex; 
 align-items: center; 
 padding: 3px 10px; 
 border: 1px solid #cce0b8; 
 border-radius: 999px; 
 font-family: var(--font-display); 
 font-size: 8px; 
 font-weight: 600; 
 letter-spacing: 0.6px; 
 text-transform: uppercase; 
 color: #4a7a30; 
 background: transparent; 
 transition: all 0.3s ease; 
} 
.plx-card-active .plx-pill { 
 background: #CDFF4D; 
 border-color: #CDFF4D; 
 color: #15150F; 
 font-weight: 700; 
} 
 
/* ---- RESPONSIVE ---- */ 
@media (max-width: 1100px) { 
 .plx-svc-left { 
 width: 46%; 
 } 
 .plx-svc-right { 
 width: 54%; 
 padding: 0 20px 60px 20px; 
 } 
 .plx-svc-stage { 
 width: 360px; 
 height: 360px; 
 } 
} 
@media (max-width: 768px) { 
 .plx-svc-wrap { 
 flex-direction: column; 
 } 
 .plx-svc-left { 
 position: relative; 
 width: 100%; 
 height: auto; 
 min-height: auto; 
 padding: 40px 20px 50px; 
 justify-content: center; 
 } 
 .plx-svc-right { 
 width: 100%; 
 padding: 20px 20px 50px; 
 } 
 .plx-svc-stage { 
 width: 280px; 
 height: 280px; 
 } 
 .plx-svc-stage { 
 --plx-bubble-size: 160px; 
 } 
 .plx-bubble { 
 width: 160px; 
 height: 160px; 
 } 
 .plx-icon-clip { 
 clip-path: path( 
 "M 0 -3000 L 158 -3000 L 158 153 A 79 79 0 0 1 79 232 A 79 79 0 0 1 0 153 Z" 
 ); 
 } 
 .plx-svc-name h3 { 
 font-size: 20px; 
 } 
} 
@media (max-width: 900px) { 
 .plx-svc-header { 
 padding: 42px 24px 28px; 
 } 
 .plx-svc-header-right p { 
 display: none; 
 } 
} 
@media (max-width: 600px) { 
 .plx-svc-header-left h2 { 
 font-size: 30px; 
 } 
} 
 
.section-divider { 
 display: none; 
} 
 
/* Remove any dark border from about section */ 
.about-section-new { 
 border-bottom: none !important; 
 border-top: none !important; 
} 
 
/*portsection*/ 
.lx-portfolio-section { 
 background: #f5f2ea; 
 padding: 80px 60px 140px; 
} 
 
.lx-port-header { 
 display: flex; 
 align-items: flex-end; 
 justify-content: space-between; 
 margin-bottom: 48px; 
 gap: 20px; 
 flex-wrap: wrap; 
} 
 
.lx-port-tag { 
 margin: 0 0 14px; 
 font-size: 11px; 
 font-weight: 700; 
 letter-spacing: 0.14em; 
 text-transform: uppercase; 
 color: #15150F; 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 font-family: var(--font-display); 
} 
 
.lx-port-tag::before { 
 content: ""; 
 display: inline-block; 
 width: 28px; 
 height: 2px; 
 background: #CDFF4D; 
 border-radius: 2px; 
} 
 
.lx-port-title { 
 margin: 0; 
 font-size: 52px; 
 line-height: 1.05; 
 font-weight: 400; 
 color: #15150F; 
 font-family: var(--font-display); 
} 
 
.lx-port-highlight { 
 color: #CDFF4D; 
 font-style: normal; 
} 
 
.lx-port-viewall { 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 padding: 13px 26px; 
 background: #CDFF4D; 
 color: #15150F !important; 
 border-radius: 999px; 
 border: 1.5px solid #CDFF4D; 
 text-decoration: none !important; 
 font-weight: 700; 
 font-size: 13px; 
 font-family: var(--font-display); 
 transition: 0.25s ease; 
 white-space: nowrap; 
 box-shadow: 0 4px 16px rgba(205, 255, 77, 0.35); 
} 
 
.lx-port-viewall:hover { 
 background: #D8FF70; 
 border-color: #D8FF70; 
 color: #15150F !important; 
} 
 
/* ---- CARDS GRID ---- */ 
.lx-port-cards { 
 display: grid; 
 grid-template-columns: repeat(4, 1fr); 
 gap: 20px; 
 align-items: end; 
} 
 
.lx-port-card { 
 position: relative; 
 border-radius: 20px; 
 overflow: hidden; 
 display: block; 
 text-decoration: none !important; 
 background: #15150F; 
 border: 2px solid #CDFF4D; 
 /* 3D perspective base */ 
 transform-style: preserve-3d; 
 will-change: transform; 
 transition: 
 box-shadow 0.4s ease, 
 border-color 0.4s ease; 
 cursor: pointer; 
} 
 
/* Hover: neon glow intensifies */ 
.lx-port-card:hover { 
 border-color: #CDFF4D; 
 box-shadow: 
 0 0 30px rgba(205, 255, 77, 0.35), 
 0 20px 60px rgba(0, 0, 0, 0.5); 
} 
 
/* Staggered heights ? card 1 short, card 2 tall (offset up), card 3 medium, card 4 short */ 
.lx-port-card:nth-child(1) { 
 aspect-ratio: 1/1; 
 height: auto; 
} 
.lx-port-card:nth-child(2) { 
 aspect-ratio: 1/1; 
 height: auto; 
 margin-bottom: 60px; 
} 
.lx-port-card:nth-child(3) { 
 aspect-ratio: 1/1; 
 height: auto; 
} 
.lx-port-card:nth-child(4) { 
 aspect-ratio: 1/1; 
 height: auto; 
} 
 
.lx-port-card:hover .lx-port-img { 
 transform: scale(1.08); 
} 
 
.lx-port-img-box { 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
} 
 
.lx-port-img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 display: block; 
 transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); 
} 
 
.lx-port-img-placeholder { 
 width: 100%; 
 height: 100%; 
 background: linear-gradient(135deg, #15150F, #15150F); 
} 
 
.lx-port-card::after { 
 content: ""; 
 position: absolute; 
 inset: 0; 
 background: linear-gradient( 
 to top, 
 rgba(6, 30, 15, 0.95) 0%, 
 rgba(6, 30, 15, 0.55) 40%, 
 rgba(6, 30, 15, 0.25) 70%, 
 rgba(6, 30, 15, 0.15) 100% 
 ); 
 z-index: 1; 
 transition: opacity 0.4s ease; 
} 
 
.lx-port-card:hover::after { 
 opacity: 0.85; 
} 
 
.lx-port-card-overlay { 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 right: 0; 
 padding: 24px 20px; 
 z-index: 2; 
 transition: transform 0.4s ease; 
} 
 
.lx-port-card:hover .lx-port-card-overlay { 
 transform: translateY(-4px); 
} 
 
.lx-port-cat { 
 font-family: var(--font-display); 
 font-size: 10px; 
 font-weight: 700; 
 letter-spacing: 0.12em; 
 text-transform: uppercase; 
 color: #CDFF4D; 
 display: block; 
 margin-bottom: 8px; 
} 
 
.lx-port-name { 
 font-family: var(--font-display); 
 font-size: 18px; 
 font-weight: 500; 
 color: #fff; 
 margin: 0; 
 line-height: 1.3; 
} 
 
.lx-port-card-arrow { 
 position: absolute; 
 top: 18px; 
 right: 18px; 
 width: 38px; 
 height: 38px; 
 border-radius: 50%; 
 background: rgba(255, 255, 255, 0.15); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 font-size: 15px; 
 color: #fff; 
 z-index: 2; 
 transition: 
 background 0.3s ease, 
 transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); 
} 
 
.lx-port-card:hover .lx-port-card-arrow { 
 background: #CDFF4D; 
 color: #15150F; 
 transform: rotate(45deg) scale(1.1); 
} 
 
/* Cards grid ? perspective container */ 
.lx-port-cards { 
 perspective: 1200px; 
} 
 
@media (max-width: 1024px) { 
 .lx-port-cards { 
 grid-template-columns: repeat(2, 1fr); 
 } 
 .lx-port-title { 
 font-size: 38px; 
 } 
 .lx-port-card:nth-child(1), 
 .lx-port-card:nth-child(2), 
 .lx-port-card:nth-child(3), 
 .lx-port-card:nth-child(4) { 
 aspect-ratio: 1/1; 
 height: auto; 
 margin-bottom: 0; 
 } 
} 
 
@media (max-width: 768px) { 
 .lx-portfolio-section { 
 padding: 60px 24px; 
 } 
 .lx-port-cards { 
 grid-template-columns: repeat(2, 1fr); 
 gap: 14px; 
 } 
 .lx-port-title { 
 font-size: 32px; 
 } 
 .lx-port-card:nth-child(1), 
 .lx-port-card:nth-child(2), 
 .lx-port-card:nth-child(3), 
 .lx-port-card:nth-child(4) { 
 aspect-ratio: 1/1; 
 height: auto; 
 margin-bottom: 0; 
 } 
} 
 
/* ?? TESTIMONIALS ?? */ 
.lx-testimonial-section { 
 background: #f5f2ea !important; 
 padding: 0 !important; 
 position: relative !important; 
 overflow: hidden !important; 
} 
.lx-testi-top { 
 text-align: center !important; 
 padding: 80px 24px 60px !important; 
 position: relative !important; 
 z-index: 2 !important; 
 background: #15150F !important; 
 border-radius: 0 !important; 
 max-width: 100% !important; 
 margin: 0 !important; 
} 
.lx-testi-title { 
 font-family: var(--font-display) !important; 
 font-size: 52px !important; 
 font-weight: 400 !important; 
 color: #ffffff !important; 
 margin-bottom: 14px !important; 
 padding-top: 0 !important; 
} 
.lx-testi-sub { 
 font-size: 15px !important; 
 color: rgba(255, 255, 255, 0.7) !important; 
 margin-bottom: 36px !important; 
 font-family: var(--font-display) !important; 
} 
 
/* platform pills */ 
.lx-rating-pills { 
 display: flex !important; 
 justify-content: center !important; 
 gap: 14px !important; 
 flex-wrap: wrap !important; 
 margin-bottom: 18px !important; 
} 
.lx-rating-pill { 
 display: flex !important; 
 align-items: center !important; 
 gap: 10px !important; 
 background: rgba(255, 255, 255, 0.1) !important; 
 border: 1px solid rgba(205, 255, 77, 0.35) !important; 
 border-radius: 12px !important; 
 padding: 12px 18px !important; 
 min-width: 160px !important; 
} 
.lx-pill-icon { 
 font-size: 20px !important; 
} 
.lx-pill-name { 
 font-size: 14px !important; 
 font-weight: 600 !important; 
 color: #ffffff !important; 
 margin-bottom: 2px !important; 
} 
.lx-pill-stars { 
 font-size: 12px !important; 
 color: #f5c518 !important; 
} 
.lx-pill-stars span { 
 color: rgba(255, 255, 255, 0.55) !important; 
 font-size: 11px !important; 
} 
.lx-rating-avg { 
 font-size: 13px !important; 
 color: rgba(255, 255, 255, 0.55) !important; 
 margin: 0 !important; 
} 
 
/* wave */ 
.lx-wave-wrap { 
 position: relative !important; 
 z-index: 1 !important; 
 margin: 0 !important; 
 line-height: 0 !important; 
 background: #CDFF4D !important; 
 overflow: hidden !important; 
} 
.lx-wave-wrap svg, 
.lx-wave-wrap .lx-animated-wave { 
 width: 100% !important; 
 height: 200px !important; 
 display: block !important; 
 /* allow paths that start at -100 to render without clipping */ 
 overflow: visible !important; 
} 
/* Ensure CSS path animation works in supported browsers */ 
.wave-path-1, 
.wave-path-2, 
.wave-path-3 { 
 will-change: d; 
} 
 
/* bottom cards area */ 
.lx-testi-bottom { 
 background: #f0ede6 !important; 
 padding: 60px 0 80px !important; 
} 
.lx-testi-cards { 
 max-width: 1100px !important; 
 margin: 0 auto !important; 
 padding: 0 24px !important; 
 display: grid !important; 
 grid-template-columns: 1fr 2fr !important; 
 gap: 24px !important; 
 align-items: start !important; 
} 
 
/* left card */ 
.lx-testi-card { 
 background: #fff !important; 
 border-radius: 20px !important; 
 padding: 32px !important; 
 border: 1.5px solid #CDFF4D !important; 
 box-shadow: 
 0 0 18px rgba(205, 255, 77, 0.35), 
 0 4px 24px rgba(8, 63, 53, 0.1) !important; 
 overflow: hidden !important; 
} 
.lx-big-rating { 
 font-family: var(--font-display) !important; 
 font-size: 56px !important; 
 font-weight: 800 !important; 
 color: #15150F !important; 
 line-height: 1 !important; 
 margin-bottom: 8px !important; 
 white-space: nowrap !important; 
 letter-spacing: -1px !important; 
} 
.lx-rating-label { 
 font-size: 14px !important; 
 color: #6a8f72 !important; 
 margin-bottom: 24px !important; 
} 
.lx-rating-label strong { 
 color: #15150F !important; 
} 
.lx-testi-exp { 
 font-family: var(--font-display) !important; 
 font-size: 18px !important; 
 font-weight: 600 !important; 
 color: #15150F !important; 
 line-height: 1.4 !important; 
 margin-bottom: 24px !important; 
} 
.lx-rate-btn { 
 display: inline-flex !important; 
 align-items: center !important; 
 gap: 8px !important; 
 background: #15150F !important; 
 color: #fff !important; 
 border-radius: 50px !important; 
 padding: 12px 22px !important; 
 font-size: 13px !important; 
 font-weight: 500 !important; 
 text-decoration: none !important; 
 transition: background 0.2s !important; 
} 
.lx-rate-btn:hover { 
 background: #D8FF70 !important; 
 color: #15150F !important; 
 -webkit-text-fill-color: #15150F !important;
} 
 
/* right card ? testimonial */ 
.lx-testi-stars { 
 font-size: 20px !important; 
 color: #f5c518 !important; 
 margin-bottom: 16px !important; 
} 
.lx-testi-quote { 
 font-size: 15px !important; 
 line-height: 1.8 !important; 
 color: #3a5c42 !important; 
 font-style: italic !important; 
 margin-bottom: 24px !important; 
} 
.lx-testi-person { 
 display: flex !important; 
 align-items: center !important; 
 gap: 14px !important; 
} 
.lx-testi-avatar { 
 width: 52px !important; 
 height: 52px !important; 
 border-radius: 50% !important; 
 object-fit: cover !important; 
 border: 3px solid #b8e07a !important; 
} 
.lx-testi-name { 
 font-size: 15px !important; 
 font-weight: 600 !important; 
 color: #15150F !important; 
} 
.lx-testi-pos { 
 font-size: 12px !important; 
 color: #15150F !important; 
 font-weight: 500 !important; 
} 
.lx-testi-nav { 
 display: flex !important; 
 gap: 10px !important; 
 margin-top: 24px !important; 
} 
.lx-testi-prev, 
.lx-testi-next { 
 width: 40px !important; 
 height: 40px !important; 
 border-radius: 50% !important; 
 border: 1.5px solid #b8e07a !important; 
 background: #fff !important; 
 color: #15150F !important; 
 font-size: 16px !important; 
 cursor: pointer !important; 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 transition: all 0.2s !important; 
} 
.lx-testi-prev:hover, 
.lx-testi-next:hover { 
 background: #15150F !important; 
 color: #fff !important; 
 border-color: #15150F !important; 
} 
 
/* responsive */ 
@media (max-width: 768px) { 
 .lx-testi-cards { 
 max-width: 1100px !important; 
 margin: 0 auto !important; 
 padding: 0 24px !important; 
 display: grid !important; 
 grid-template-columns: 280px 1fr !important; 
 gap: 24px !important; 
 align-items: start !important; 
 } 
 .lx-testi-title { 
 font-size: 28px !important; 
 } 
 .lx-rating-pills { 
 gap: 10px !important; 
 } 
 .lx-rating-pill { 
 min-width: 140px !important; 
 } 
} 
/* testimonial right card fix */ 
.lx-testi-card-right { 
 min-height: 300px !important; 
 overflow: hidden !important; 
} 
.lx-testi-slider.owl-carousel { 
 overflow: hidden !important; 
} 
.lx-testi-slider.owl-carousel .owl-stage { 
 display: flex !important; 
} 
.lx-testi-slider.owl-carousel .owl-item { 
 flex-shrink: 0 !important; 
 min-width: 100% !important; 
} 
/* fix 4.5 not splitting */ 
.lx-big-rating { 
 font-family: var(--font-display) !important; 
 font-size: 56px !important; 
 font-weight: 800 !important; 
 color: #15150F !important; 
 line-height: 1 !important; 
 margin-bottom: 8px !important; 
 white-space: nowrap !important; 
 letter-spacing: -1px !important; 
 word-break: keep-all !important; 
} 
/* fix left card width */ 
.lx-testi-cards { 
 max-width: 1100px !important; 
 margin: 0 auto !important; 
 padding: 0 24px !important; 
 display: grid !important; 
 grid-template-columns: 280px 1fr !important; 
 gap: 24px !important; 
 align-items: start !important; 
} 
/* fix left card text wrapping */ 
.lx-testi-exp { 
 font-family: var(--font-display) !important; 
 font-size: 16px !important; 
 font-weight: 600 !important; 
 color: #15150F !important; 
 line-height: 1.5 !important; 
 margin-bottom: 24px !important; 
} 
/* force testimonial slider to show content */ 
.lx-testi-slider .owl-stage-outer { 
 overflow: hidden !important; 
 display: block !important; 
} 
.lx-testi-slider .owl-stage { 
 display: flex !important; 
 align-items: stretch !important; 
} 
.lx-testi-slider .owl-item { 
 min-width: 100% !important; 
 flex-shrink: 0 !important; 
 display: block !important; 
} 
.lx-testi-slide { 
 display: block !important; 
 padding: 4px !important; 
} 
/* testimonial slider fix */ 
.lx-testi-track-wrap { 
 min-height: 200px !important; 
} 
.lx-testi-slide { 
 display: none !important; 
} 
.lx-testi-slide.lx-active { 
 display: block !important; 
 animation: lxFade 0.4s ease !important; 
} 
@keyframes lxFade { 
 from { 
 opacity: 0; 
 transform: translateY(8px); 
 } 
 to { 
 opacity: 1; 
 transform: translateY(0); 
 } 
} 
/* ?? CTA STRIP ?? */ 
/* ?? TYPED SECTION ?? */ 
.typed-section { 
 background: #f0ede6 !important; 
 border-top: 1.5px solid #CDFF4D !important; 
 border-bottom: 1.5px solid #CDFF4D !important; 
 padding: 28px 0 !important; 
} 
 
.typed-section .parent-typed-text, 
.typed-section .mt_typed-beforetext { 
 color: #1a1a1a !important; 
} 
 
.typed-section .mt_typed_text { 
 color: #CDFF4D !important; 
 font-style: italic !important; 
} 
 
/* CONTACT BUTTON */ 
.typed-section .btn-style1 { 
 background: #CDFF4D !important; 
 color: #111 !important; 
 border: none !important; 
 border-radius: 50px !important; 
 padding: 12px 28px !important; 
 font-size: 13px !important; 
 font-weight: 600 !important; 
 display: inline-flex !important; 
 align-items: center !important; 
 gap: 8px !important; 
 text-decoration: none !important; 
 float: right !important; 
 transition: 0.3s ease !important; 
} 
 
.typed-section .btn-style1:hover { 
 background: #D8FF70 !important; 
 color: #111 !important; 
} 
 
/* ?? FOOTER ?? */ 
.footer-section { 
 background: #111 !important; 
} 
 
/* SUBTITLE */ 
.footer-section .footer-left .inner span { 
 color: #CDFF4D !important; 
} 
 
/* BUTTON */ 
.footer-section .footer-left .btn-style2 { 
 background: #CDFF4D !important; 
 color: #111 !important; 
} 
 
.footer-section .footer-left .btn-style2:hover { 
 background: #D8FF70 !important; 
 color: #111 !important; 
} 
 
/* SMALL DIVIDER LINE */ 
.footer-section .venor-animate-border { 
 background: #CDFF4D !important; 
} 
 
/* HOVER LINKS */ 
.footer-section .menu-quick-link-container a:hover, 
.footer-section .custom-html-widget a:hover { 
 color: #CDFF4D !important; 
} 
 
/* ADDRESS ICON */ 
.footer-section .menu-item-footer-address i { 
 color: #CDFF4D !important; 
} 
 
/* SCROLL BUTTON */ 
.progress-wrap { 
 background: #CDFF4D !important; 
} 
 
.progress-wrap svg.progress-circle path { 
 color: #111 !important; 
} 
 
/* ===== CONTACT / FOOTER THEME VERSION ===== */ 
 
.contact-cta-wrap { 
 background: #f0ede6; 
 padding: 0; 
} 
 
.contact-cta-grid { 
 display: grid; 
 grid-template-columns: 1fr 1fr; 
 min-height: 620px; 
} 
 
/* LEFT PANEL */ 
.contact-cta-left { 
 background: #e8f0e0; 
 position: relative; 
 padding: 70px 60px; 
 display: flex; 
 align-items: center; 
 background-image: radial-gradient( 
 rgba(91, 122, 88, 0.08) 1px, 
 transparent 1px 
 ); 
 background-size: 18px 18px; 
} 
 
.contact-cta-left::before { 
 content: ""; 
 position: absolute; 
 inset: 0; 
 background: none; 
 pointer-events: none; 
} 
 
.contact-cta-left-inner { 
 position: relative; 
 z-index: 2; 
 max-width: 470px; 
} 
 
.contact-cta-subtitle { 
 font-size: 13px; 
 letter-spacing: 3px; 
 text-transform: uppercase; 
 color: #5f745d; 
 font-weight: 600; 
 margin-bottom: 22px; 
} 
 
.contact-cta-title { 
 font-size: 78px; 
 line-height: 0.95; 
 font-weight: 700; 
 color: #15150F; 
 margin: 0 0 34px; 
} 
 
.contact-cta-title .highlight { 
 color: #15150F; 
 font-weight: 800; 
} 
 
.contact-cta-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 12px; 
 padding: 16px 30px; 
 border-radius: 999px; 
 background: #15150F; 
 color: #fff; 
 border: 1px solid #15150F; 
 text-decoration: none; 
 font-size: 15px; 
 font-weight: 600; 
 transition: all 0.3s ease; 
 box-shadow: 0 10px 24px rgba(106, 155, 92, 0.18); 
} 
 
.contact-cta-btn:hover { 
 background: #15150F; 
 border-color: #15150F; 
 color: #fff; 
 transform: translateY(-2px); 
} 
 
/* RIGHT PANEL */ 
.contact-cta-right { 
 background: #f0ede6; 
 padding: 75px 60px 45px; 
 display: flex; 
 flex-direction: column; 
 justify-content: space-between; 
 border-left: 1px solid rgba(106, 155, 92, 0.12); 
} 
 
.contact-cta-top { 
 display: grid; 
 grid-template-columns: 1fr 1fr; 
 gap: 50px; 
 margin-bottom: 40px; 
} 
 
.contact-cta-block h4 { 
 font-size: 20px; 
 font-weight: 700; 
 color: #15150F; 
 margin-bottom: 18px; 
 position: relative; 
} 
 
.contact-cta-block h4::after { 
 content: ""; 
 display: block; 
 width: 68px; 
 height: 3px; 
 background: #a8be9b; 
 margin-top: 12px; 
 border-radius: 2px; 
} 
 
.contact-cta-block ul { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
} 
 
.contact-cta-block ul li { 
 margin-bottom: 16px; 
} 
 
.contact-cta-block ul li a, 
.contact-cta-block p, 
.contact-cta-address, 
.contact-cta-mail { 
 color: #4e5f51; 
 font-size: 17px; 
 line-height: 1.7; 
 text-decoration: none; 
 transition: color 0.3s ease; 
} 
 
.contact-cta-block ul li a:hover, 
.contact-cta-mail:hover { 
 color: #15150F; 
} 
 
.contact-cta-social { 
 display: flex; 
 gap: 16px; 
 margin-top: 18px; 
 flex-wrap: wrap; 
} 
 
.contact-cta-social a { 
 width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 background: #e4ecde; 
 color: #5d7d59; 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 font-size: 16px; 
 text-decoration: none; 
 transition: all 0.3s ease; 
} 
 
.contact-cta-social a:hover { 
 background: #15150F; 
 color: #fff; 
 transform: translateY(-2px); 
} 
 
.contact-cta-address-row { 
 padding-top: 18px; 
 border-top: 1px solid rgba(106, 155, 92, 0.16); 
 margin-top: 15px; 
} 
 
.contact-cta-address { 
 margin: 0; 
 max-width: 95%; 
} 
 
.contact-cta-bottom { 
 padding-top: 28px; 
 margin-top: 28px; 
 border-top: 1px solid rgba(106, 155, 92, 0.16); 
} 
 
.contact-cta-bottom p { 
 margin: 0; 
 font-size: 16px; 
 color: #4e5f51; 
 line-height: 1.8; 
} 
 
.contact-cta-bottom span { 
 color: #15150F; 
 font-weight: 700; 
} 
 
/* RESPONSIVE */ 
@media (max-width: 1199px) { 
 .contact-cta-title { 
 font-size: 62px; 
 } 
} 
 
@media (max-width: 991px) { 
 .contact-cta-grid { 
 grid-template-columns: 1fr; 
 } 
 
 .contact-cta-left, 
 .contact-cta-right { 
 padding: 50px 35px; 
 } 
 
 .contact-cta-title { 
 font-size: 56px; 
 } 
} 
 
@media (max-width: 767px) { 
 .contact-cta-top { 
 grid-template-columns: 1fr; 
 gap: 30px; 
 } 
 
 .contact-cta-title { 
 font-size: 42px; 
 line-height: 1.08; 
 } 
 
 .contact-cta-left, 
 .contact-cta-right { 
 padding: 38px 22px; 
 } 
 
 .contact-cta-block ul li a, 
 .contact-cta-block p, 
 .contact-cta-address, 
 .contact-cta-mail, 
 .contact-cta-bottom p { 
 font-size: 15px; 
 } 
 
 .contact-cta-btn { 
 width: 100%; 
 justify-content: center; 
 } 
} 
/* Only change green word in top bar */ 
.site-topbar p span { 
 color: #3f6f5a !important; 
} 
 
/* ======================== 
 ABOUT SECTION V2 ? Aginsy exact: light cream bg, black text, neon #CDFF4D 
========================= */ 
.about-section-new { 
 padding: 90px 0; 
 background: #f5f2ea; 
 overflow: hidden; 
 border-bottom: none !important; 
 border-top: none !important; 
} 
 
.about-new-grid { 
 display: grid; 
 grid-template-columns: 1fr 1fr; 
 gap: 60px; 
 align-items: center; 
} 
 
/* ---- LEFT SIDE ---- */ 
.about-new-label { 
 font-size: 12px; 
 font-weight: 700; 
 letter-spacing: 0.1em; 
 color: #15150F; 
 text-transform: uppercase; 
 margin-bottom: 16px; 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 background: #CDFF4D; 
 padding: 6px 16px; 
 border-radius: 999px; 
 line-height: 1.4; 
} 
 
.about-new-heading { 
 font-size: 40px; 
 font-weight: 800; 
 line-height: 1.15; 
 color: #15150F; 
 margin-bottom: 18px; 
} 
 
/* neon green for italic/span in heading */ 
.about-new-heading span, 
.about-new-heading em { 
 color: #CDFF4D !important; 
 font-style: italic; 
 font-weight: 700; 
} 
 
.about-new-desc { 
 font-size: 15px; 
 color: #2a2a2a; 
 line-height: 1.8; 
 margin-bottom: 26px; 
} 
 
/* ---- STATS ---- */ 
.about-new-stats { 
 display: flex; 
 gap: 12px; 
 margin-bottom: 24px; 
 flex-wrap: wrap; 
} 
 
.about-stat-pill { 
 background: #CDFF4D; 
 border: none; 
 border-radius: 12px; 
 padding: 12px 20px; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 min-width: 90px; 
 transition: 
 transform 0.2s, 
 box-shadow 0.2s; 
 box-shadow: 0 4px 16px rgba(205, 255, 77, 0.3); 
} 
 
.about-stat-pill:hover { 
 transform: translateY(-2px); 
 box-shadow: 0 8px 24px rgba(205, 255, 77, 0.45); 
} 
 
.about-stat-num { 
 font-size: 22px; 
 font-weight: 800; 
 color: #15150F; 
 line-height: 1; 
} 
 
.about-stat-lbl { 
 font-size: 11px; 
 color: #15150F; 
 font-weight: 600; 
 margin-top: 4px; 
 text-align: center; 
} 
 
/* ---- FEATURE CARDS ---- */ 
.about-new-features { 
 display: grid; 
 grid-template-columns: 1fr 1fr; 
 gap: 10px; 
 margin-bottom: 24px; 
} 
 
.about-feature-card { 
 background: #CDFF4D; 
 border: none; 
 border-radius: 12px; 
 padding: 13px 16px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 font-size: 14px; 
 color: #15150F; 
 font-weight: 600; 
 transition: 
 transform 0.2s, 
 box-shadow 0.2s; 
 box-shadow: 0 3px 12px rgba(205, 255, 77, 0.28); 
} 
 
.about-feature-card:hover { 
 transform: translateY(-2px); 
 box-shadow: 0 6px 20px rgba(205, 255, 77, 0.45); 
} 
 
.about-check-icon { 
 width: 22px; 
 height: 22px; 
 min-width: 22px; 
 background: #15150F; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-shrink: 0; 
} 
 
.about-check-icon svg polyline { 
 stroke: #CDFF4D !important; 
} 
 
.about-check-icon svg { 
 width: 11px; 
 height: 11px; 
} 
 
/* ---- TEAM ROW ---- */ 
.about-team-row { 
 display: flex; 
 align-items: center; 
 gap: 12px; 
 margin-bottom: 28px; 
} 
 
.about-avatars { 
 display: flex; 
} 
 
.about-avatar { 
 width: 34px; 
 height: 34px; 
 border-radius: 50%; 
 border: 2px solid #f5f2ea; 
 background: #CDFF4D; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 font-size: 11px; 
 font-weight: 700; 
 color: #15150F; 
 margin-left: -8px; 
} 
 
.about-avatar:first-child { 
 margin-left: 0; 
} 
 
.about-team-text { 
 font-size: 13px; 
 color: #444; 
} 
.about-team-text strong { 
 color: #15150F; 
} 
 
/* ---- CTA BUTTON ? dark filled, neon border + text like ref ---- */ 
.about-new-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 background: #15150F; 
 color: #CDFF4D !important; 
 font-size: 14px; 
 font-weight: 700; 
 padding: 14px 28px; 
 border-radius: 50px; 
 border: 2px solid #CDFF4D; 
 text-decoration: none !important; 
 transition: 
 background 0.2s, 
 transform 0.2s, 
 box-shadow 0.2s; 
 box-shadow: 0 4px 18px rgba(205, 255, 77, 0.25); 
} 
 
.about-new-btn:hover { 
 background: #CDFF4D; 
 color: #15150F !important; 
 transform: translateY(-2px); 
 box-shadow: 0 8px 28px rgba(205, 255, 77, 0.45); 
} 
 
.about-btn-arrow { 
 width: 28px; 
 height: 28px; 
 background: rgba(205, 255, 77, 0.18); 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
 
.about-new-btn:hover .about-btn-arrow { 
 background: rgba(21, 21, 15, 0.15); 
} 
 
.about-btn-arrow svg path { 
 stroke: #CDFF4D !important; 
} 
 
.about-new-btn:hover .about-btn-arrow svg path { 
 stroke: #15150F !important; 
} 
 
/* ---- RIGHT SIDE ---- */ 
.about-new-right { 
 position: relative; 
 padding-left: 50px; 
 padding-top: 50px; 
 padding-bottom: 70px; 
} 
 
/* Experience badge ? neon circle like ref */ 
.about-exp-badge { 
 position: absolute; 
 top: 0; 
 left: 0; 
 background: #15150F;
 border: 3px solid #CDFF4D; 
 border-radius: 50%; 
 width: 120px; 
 height: 120px; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 justify-content: center; 
 z-index: 10; 
 box-shadow: 
 0 0 0 6px rgba(205, 255, 77, 0.15), 
 0 4px 24px rgba(205, 255, 77, 0.3); 
} 
 
.about-exp-number { 
 font-size: 38px; 
 font-weight: 800; 
 line-height: 1; 
 background-image: var(--num-gradient);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;
 color: transparent;
} 
 
.about-exp-text { 
 font-size: 9px; 
 font-weight: 700; 
 color: #ffffff; 
 text-align: center; 
 letter-spacing: 0.05em; 
 text-transform: uppercase; 
 margin-top: 3px; 
 padding: 0 6px; 
 line-height: 1.3; 
} 
 
/* Laptop image */ 
.about-main-img { 
 width: 100%; 
 height: 420px; 
 object-fit: cover; 
 object-position: center 20%; 
 border-radius: 20px; 
 display: block; 
 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.16); 
} 
 
/* Chart card ? dark with neon bars */ 
.about-chart-card { 
 position: absolute; 
 left: 0; 
 bottom: 0; 
 background: #15150F; 
 border: 1.5px solid rgba(205, 255, 77, 0.4); 
 border-radius: 16px; 
 padding: 16px 18px; 
 color: #fff; 
 width: 195px; 
 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); 
 z-index: 10; 
} 
 
.about-chart-label { 
 font-size: 11px; 
 color: #CDFF4D; 
 margin-bottom: 3px; 
 font-weight: 600; 
} 
 
.about-chart-amount { 
 font-size: 22px; 
 font-weight: 800; 
 color: #ffffff; 
 margin-bottom: 10px; 
} 
 
.about-mini-bars { 
 display: flex; 
 align-items: flex-end; 
 gap: 4px; 
 height: 44px; 
} 
 
.about-bar { 
 flex: 1; 
 border-radius: 3px 3px 0 0; 
 background: rgba(255, 255, 255, 0.12); 
} 
 
.about-bar-active { 
 background: #CDFF4D; 
} 
 
.about-bar-years { 
 display: flex; 
 gap: 4px; 
 margin-top: 5px; 
} 
 
.about-bar-years span { 
 flex: 1; 
 font-size: 8px; 
 color: rgba(205, 255, 77, 0.65); 
 text-align: center; 
} 
 
/* ---- RESPONSIVE ---- */ 
@media (max-width: 1100px) { 
 .about-new-heading { 
 font-size: 34px; 
 } 
 .about-new-grid { 
 gap: 40px; 
 } 
} 
 
@media (max-width: 991px) { 
 .about-new-grid { 
 grid-template-columns: 1fr; 
 gap: 40px; 
 } 
 .about-new-right { 
 padding-left: 40px; 
 padding-top: 40px; 
 padding-bottom: 55px; 
 } 
 .about-new-heading { 
 font-size: 30px; 
 } 
 .about-main-img { 
 height: 320px; 
 } 
} 
 
@media (max-width: 576px) { 
 .about-section-new { 
 padding: 60px 0; 
 } 
 .about-new-features { 
 grid-template-columns: 1fr; 
 } 
 .about-main-img { 
 height: 240px; 
 } 
 .about-chart-card { 
 width: 155px; 
 padding: 12px 14px; 
 } 
 .about-chart-amount { 
 font-size: 17px; 
 } 
 .about-exp-badge { 
 width: 90px; 
 height: 90px; 
 } 
 .about-exp-number { 
 font-size: 26px; 
 } 
 .about-exp-text { 
 font-size: 8px; 
 } 
} 
.sol-section { 
 background: #080808; 
 padding: 80px 0; 
 position: relative; 
 overflow: hidden; 
} 
 
/* Animated gradient blobs */ 
.sol-section::before, 
.sol-section::after { 
 content: ""; 
 position: absolute; 
 border-radius: 50%; 
 filter: blur(80px); 
 pointer-events: none; 
 z-index: 0; 
} 
.sol-section::before { 
 width: 500px; 
 height: 500px; 
 background: radial-gradient( 
 circle, 
 rgba(205, 255, 77, 0.08) 0%, 
 transparent 70% 
 ); 
 top: -100px; 
 left: -100px; 
 animation: blobFloat1 12s ease-in-out infinite alternate; 
} 
.sol-section::after { 
 width: 400px; 
 height: 400px; 
 background: radial-gradient( 
 circle, 
 rgba(205, 255, 77, 0.06) 0%, 
 transparent 70% 
 ); 
 bottom: -80px; 
 right: -80px; 
 animation: blobFloat2 15s ease-in-out infinite alternate; 
} 
@keyframes blobFloat1 { 
 0% { 
 transform: translate(0, 0) scale(1); 
 } 
 100% { 
 transform: translate(60px, 40px) scale(1.15); 
 } 
} 
@keyframes blobFloat2 { 
 0% { 
 transform: translate(0, 0) scale(1); 
 } 
 100% { 
 transform: translate(-50px, -30px) scale(1.1); 
 } 
} 
 
/* Particles canvas */ 
.sol-particles-canvas { 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
 pointer-events: none; 
 z-index: 0; 
} 
 
/* Mouse glow */ 
.sol-mouse-glow { 
 position: absolute; 
 width: 400px; 
 height: 400px; 
 border-radius: 50%; 
 background: radial-gradient( 
 circle, 
 rgba(205, 255, 77, 0.08) 0%, 
 transparent 65% 
 ); 
 pointer-events: none; 
 transform: translate(-50%, -50%); 
 transition: opacity 0.4s ease; 
 opacity: 0; 
 z-index: 0; 
} 
 
/* Scroll reveal */ 
.sol-section .sol-header, 
.sol-section .sol-layout { 
 opacity: 0; 
 transform: translateY(30px); 
 transition: 
 opacity 0.7s ease, 
 transform 0.7s ease; 
} 
.sol-section.sol-revealed .sol-header { 
 opacity: 1; 
 transform: translateY(0); 
} 
.sol-section.sol-revealed .sol-layout { 
 opacity: 1; 
 transform: translateY(0); 
 transition-delay: 0.15s; 
} 
 
/* Eyebrow */ 
.sol-eyebrow { 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 font-size: 11px; 
 font-weight: 700; 
 letter-spacing: 0.15em; 
 text-transform: uppercase; 
 color: #CDFF4D; 
 margin-bottom: 16px; 
} 
.sol-eyebrow-dot { 
 width: 6px; 
 height: 6px; 
 border-radius: 50%; 
 background: #CDFF4D; 
 box-shadow: 0 0 8px #CDFF4D; 
 animation: dotPulse 2s ease-in-out infinite; 
} 
@keyframes dotPulse { 
 0%, 
 100% { 
 box-shadow: 0 0 6px #CDFF4D; 
 } 
 50% { 
 box-shadow: 
 0 0 16px #CDFF4D, 
 0 0 30px rgba(205, 255, 77, 0.4); 
 } 
} 
 
.sol-header { 
 display: grid; 
 grid-template-columns: 1fr 1fr; 
 gap: 48px; 
 align-items: end; 
 margin-bottom: 52px; 
} 
 
.sol-title { 
 font-size: 42px; 
 font-weight: 800; 
 color: #ffffff; 
 line-height: 1.15; 
 margin-bottom: 16px; 
} 
.sol-title span { 
 color: #CDFF4D; 
 font-style: italic; 
} 
 
.sol-desc { 
 font-size: 15px; 
 color: rgba(255, 255, 255, 0.5); 
 line-height: 1.75; 
} 
 
/* Tabs */ 
.sol-tabs-wrap { 
 display: flex; 
 align-items: flex-end; 
} 
.sol-tabs { 
 display: flex; 
 flex-wrap: wrap; 
 gap: 8px; 
} 
 
.sol-tab { 
 padding: 8px 18px; 
 border-radius: 50px; 
 font-size: 12px; 
 font-weight: 600; 
 cursor: pointer; 
 border: 1.5px solid rgba(255, 255, 255, 0.15); 
 background: transparent; 
 color: rgba(255, 255, 255, 0.55); 
 transition: all 0.25s ease; 
 font-family: var(--font-display); 
 letter-spacing: 0.3px; 
 position: relative; 
 overflow: hidden; 
} 
.sol-tab::before { 
 content: ""; 
 position: absolute; 
 inset: 0; 
 background: rgba(205, 255, 77, 0.08); 
 opacity: 0; 
 transition: opacity 0.25s; 
} 
.sol-tab:hover::before { 
 opacity: 1; 
} 
.sol-tab:hover:not(.active) { 
 color: #CDFF4D; 
 border-color: rgba(205, 255, 77, 0.5); 
 transform: translateY(-1px); 
} 
.sol-tab.active { 
 background: #CDFF4D; 
 color: #15150F; 
 border-color: #CDFF4D; 
 box-shadow: 0 4px 18px rgba(205, 255, 77, 0.35); 
} 
 
/* Layout */ 
.sol-layout { 
 display: grid; 
 grid-template-columns: 1fr 1fr; 
 gap: 48px; 
 align-items: start; 
} 
 
/* List */ 
.sol-list { 
 display: flex; 
 flex-direction: column; 
} 
 
.sol-item { 
 display: flex; 
 align-items: center; 
 gap: 18px; 
 padding: 18px 12px; 
 border-bottom: 1px solid rgba(255, 255, 255, 0.07); 
 cursor: pointer; 
 transition: all 0.3s ease; 
 border-radius: 10px; 
 position: relative; 
 overflow: hidden; 
} 
.sol-item:first-child { 
 border-top: 1px solid rgba(255, 255, 255, 0.07); 
} 
 
.sol-item::before { 
 content: ""; 
 position: absolute; 
 left: 0; 
 top: 0; 
 bottom: 0; 
 width: 0; 
 background: linear-gradient(90deg, rgba(205, 255, 77, 0.08), transparent); 
 transition: width 0.35s ease; 
 border-radius: 10px; 
} 
.sol-item:hover::before, 
.sol-item.active::before { 
 width: 100%; 
} 
 
.sol-item:hover { 
 padding-left: 20px; 
} 
.sol-item.active { 
 padding-left: 20px; 
 border-bottom-color: rgba(205, 255, 77, 0.2); 
} 
 
.sol-num { 
 font-size: 12px; 
 font-weight: 700; 
 color: rgba(205, 255, 77, 0.5); 
 min-width: 26px; 
 transition: color 0.3s; 
} 
.sol-item.active .sol-num, 
.sol-item:hover .sol-num { 
 color: #CDFF4D; 
} 
 
.sol-item-name { 
 font-size: 15px; 
 font-weight: 700; 
 color: rgba(255, 255, 255, 0.65); 
 flex: 1; 
 transition: color 0.3s; 
 letter-spacing: 0.5px; 
} 
.sol-item.active .sol-item-name, 
.sol-item:hover .sol-item-name { 
 color: #ffffff; 
} 
 
/* Animated underline bar */ 
.sol-item-bar { 
 position: absolute; 
 bottom: 0; 
 left: 12px; 
 right: 12px; 
 height: 1px; 
 background: #CDFF4D; 
 transform: scaleX(0); 
 transform-origin: left; 
 transition: transform 0.35s ease; 
} 
.sol-item.active .sol-item-bar, 
.sol-item:hover .sol-item-bar { 
 transform: scaleX(1); 
} 
 
.sol-item-arrow { 
 font-size: 14px; 
 color: rgba(255, 255, 255, 0.2); 
 transition: 
 transform 0.3s ease, 
 color 0.3s ease; 
} 
.sol-item.active .sol-item-arrow, 
.sol-item:hover .sol-item-arrow { 
 color: #CDFF4D; 
 transform: translateX(5px); 
} 
 
/* Detail Card ? Glassmorphism */ 
.sol-detail { 
 background: rgba(255, 255, 255, 0.03); 
 backdrop-filter: blur(20px); 
 -webkit-backdrop-filter: blur(20px); 
 border-radius: 24px; 
 padding: 40px 36px; 
 position: sticky; 
 top: 100px; 
 border: 1px solid rgba(205, 255, 77, 0.2); 
 box-shadow: 
 0 8px 40px rgba(0, 0, 0, 0.5), 
 inset 0 1px 0 rgba(255, 255, 255, 0.05); 
 overflow: hidden; 
 transition: 
 transform 0.1s ease, 
 box-shadow 0.3s ease; 
 transform-style: preserve-3d; 
} 
 
/* Glowing orb inside card */ 
.sol-card-orb { 
 position: absolute; 
 width: 300px; 
 height: 300px; 
 border-radius: 50%; 
 background: radial-gradient( 
 circle, 
 rgba(205, 255, 77, 0.12) 0%, 
 transparent 65% 
 ); 
 top: -80px; 
 right: -80px; 
 pointer-events: none; 
 animation: orbFloat 6s ease-in-out infinite alternate; 
} 
@keyframes orbFloat { 
 0% { 
 transform: translate(0, 0) scale(1); 
 } 
 100% { 
 transform: translate(-20px, 20px) scale(1.1); 
 } 
} 
 
/* Card cursor glow */ 
.sol-card-glow { 
 position: absolute; 
 width: 250px; 
 height: 250px; 
 border-radius: 50%; 
 background: radial-gradient( 
 circle, 
 rgba(205, 255, 77, 0.12) 0%, 
 transparent 65% 
 ); 
 pointer-events: none; 
 transform: translate(-50%, -50%); 
 transition: opacity 0.3s ease; 
 opacity: 0; 
 z-index: 0; 
} 
 
.sol-detail-inner { 
 position: relative; 
 z-index: 1; 
} 
 
.sol-detail-badge { 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 width: 36px; 
 height: 36px; 
 border-radius: 10px; 
 background: rgba(205, 255, 77, 0.12); 
 border: 1px solid rgba(205, 255, 77, 0.3); 
 font-size: 12px; 
 font-weight: 800; 
 color: #CDFF4D; 
 margin-bottom: 20px; 
 letter-spacing: 0.5px; 
} 
 
.sol-detail-num { 
 font-size: 56px; 
 font-weight: 900; 
 color: #CDFF4D; 
 line-height: 1; 
 margin-bottom: 12px; 
 text-shadow: 0 0 30px rgba(205, 255, 77, 0.4); 
 letter-spacing: -2px; 
} 
 
.sol-detail-name { 
 font-size: 26px; 
 font-weight: 800; 
 color: #ffffff; 
 margin-bottom: 14px; 
 letter-spacing: 0.5px; 
} 
 
.sol-detail-desc { 
 font-size: 14px; 
 color: rgba(255, 255, 255, 0.5); 
 line-height: 1.8; 
 margin-bottom: 28px; 
} 
 
/* Progress bar */ 
.sol-progress-wrap { 
 height: 2px; 
 background: rgba(255, 255, 255, 0.08); 
 border-radius: 2px; 
 margin-bottom: 28px; 
 overflow: hidden; 
} 
.sol-progress-bar { 
 height: 100%; 
 width: 0%; 
 background: linear-gradient(90deg, #CDFF4D, #CDFF4D); 
 border-radius: 2px; 
 box-shadow: 0 0 8px rgba(205, 255, 77, 0.6); 
} 
 
/* Button */ 
.sol-detail-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 background: #CDFF4D; 
 color: #15150F !important; 
 font-size: 13px; 
 font-weight: 700; 
 padding: 13px 26px; 
 border-radius: 50px; 
 text-decoration: none !important; 
 transition: all 0.3s ease; 
 box-shadow: 0 4px 20px rgba(205, 255, 77, 0.4); 
 animation: btnPulse 3s ease-in-out infinite; 
 position: relative; 
 overflow: hidden; 
} 
.sol-detail-btn::before { 
 content: ""; 
 position: absolute; 
 inset: 0; 
 background: linear-gradient( 
 105deg, 
 transparent 30%, 
 rgba(255, 255, 255, 0.2) 50%, 
 transparent 70% 
 ); 
 transform: translateX(-100%); 
 transition: transform 0.5s ease; 
} 
.sol-detail-btn:hover::before { 
 transform: translateX(100%); 
} 
.sol-detail-btn:hover { 
 background: #D8FF70; 
 transform: translateY(-2px); 
 box-shadow: 0 8px 30px rgba(205, 255, 77, 0.55); 
 color: #15150F !important; 
 animation: none; 
} 
@keyframes btnPulse { 
 0%, 
 100% { 
 box-shadow: 0 4px 20px rgba(205, 255, 77, 0.4); 
 } 
 50% { 
 box-shadow: 
 0 4px 30px rgba(205, 255, 77, 0.7), 
 0 0 0 6px rgba(205, 255, 77, 0.08); 
 } 
} 
 
/* Responsive */ 
@media (max-width: 1024px) { 
 .sol-header { 
 grid-template-columns: 1fr; 
 gap: 28px; 
 } 
 .sol-title { 
 font-size: 34px; 
 } 
} 
@media (max-width: 768px) { 
 .sol-section { 
 padding: 50px 0; 
 } 
 .sol-layout { 
 grid-template-columns: 1fr; 
 gap: 32px; 
 } 
 .sol-title { 
 font-size: 28px; 
 } 
 .sol-detail { 
 position: static; 
 } 
} 
.fun-facts-new { 
 background: #f5f2ea; 
 overflow: hidden; 
 position: relative; 
 width: 100%; 
} 
 
/* ---- MOUNTAIN ---- */ 
.ff-mountain { 
 position: relative; 
 height: 320px; 
 background: #f5f2ea; 
 overflow: hidden; 
 width: 100%; 
 margin: 0; 
 padding: 0; 
 line-height: 0; 
 isolation: isolate; 
} 
 
.ff-mountain svg { 
 width: 100%; 
 height: 100%; 
 display: block; 
} 
 
.ff-labels { 
 position: absolute; 
 inset: 0; 
 width: 100%; 
 height: 100%; 
 pointer-events: none; 
} 
 
.ff-tag { 
 position: absolute; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 gap: 8px; 
 transform: translateX(-50%); 
 z-index: 3; 
} 
 
.ff-tag-box {
 background: #ffffff;
 border: 1.5px solid #CDFF4D;
 border-radius: 999px;
 padding: 8px 16px;
 font-size: 14px;
 font-weight: 700;
 letter-spacing: 0.02em;
 color: #15150F;
 white-space: nowrap;
 box-shadow: 0 0 18px rgba(205, 255, 77, 0.45);
}

.ff-tag-num {
 background: #CDFF4D;
 border: 1.5px solid #CDFF4D;
 border-radius: 50%;
 width: 42px;
 height: 42px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 13px;
 font-weight: 800;
 color: #15150F;
 box-shadow:
  0 0 0 6px rgba(205, 255, 77, 0.22),
  0 2px 14px rgba(205, 255, 77, 0.45);
}
 
/* ---- ROCKET ---- */ 
.ff-rocket { 
 position: absolute; 
 right: 15%; 
 top: 7.2%; 
 width: 92px; 
 height: 92px; 
 z-index: 5; 
 pointer-events: none; 
 animation: ffRocketFloat 3s ease-in-out infinite; 
} 
 
.ff-rocket img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 display: block; 
 mix-blend-mode: screen; 
 filter: brightness(1.06) contrast(1.01); 
} 
 
@keyframes ffRocketFloat { 
 0% { 
 transform: translateY(0); 
 } 
 50% { 
 transform: translateY(-8px); 
 } 
 100% { 
 transform: translateY(0); 
 } 
} 
 
/* ---- BOTTOM ---- */ 
.ff-bottom { 
 background: #f5f2ea; 
 margin-top: -8px; 
 padding: 10px 0 70px; 
 position: relative; 
 z-index: 2; 
} 
 
.ff-bottom-inner { 
 display: grid; 
 grid-template-columns: 340px minmax(0, 1fr); 
 gap: 72px; 
 align-items: start; 
 max-width: 1140px; 
 margin: 0 auto; 
} 
 
/* ---- GOOGLE CARD ---- */ 
.ff-gcard { 
 background: #15150F; 
 border-radius: 18px; 
 padding: 0; 
 overflow: hidden; 
 width: 100%; 
 max-width: 360px; 
 border: 1.5px solid rgba(205, 255, 77, 0.3); 
 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15); 
} 
 
.ff-gcard-title { 
 color: #CDFF4D; 
 font-size: 15px; 
 font-weight: 700; 
 text-align: center; 
 padding: 16px 12px 12px; 
 margin-bottom: 0; 
} 
 
.ff-gbox { 
 background: #fff; 
 border-radius: 12px 12px 0 0; 
 padding: 14px 12px 12px; 
 margin: 0; 
 min-height: 330px; 
} 
 
.ff-glogo { 
 display: flex; 
 font-size: 17px; 
 font-weight: 900; 
 margin-bottom: 10px; 
 line-height: 1; 
} 
 
.ff-glogo .g1 { 
 color: #4285f4; 
} 
.ff-glogo .g2 { 
 color: #ea4335; 
} 
.ff-glogo .g3 { 
 color: #fbbc05; 
} 
.ff-glogo .g4 { 
 color: #4285f4; 
} 
.ff-glogo .g5 { 
 color: #34a853; 
} 
.ff-glogo .g6 { 
 color: #ea4335; 
} 
 
.ff-gbar { 
 display: flex; 
 align-items: center; 
 gap: 6px; 
 background: #f1f3f4; 
 border-radius: 20px; 
 padding: 7px 12px; 
 margin-bottom: 10px; 
 font-size: 11px; 
 color: #5f6368; 
} 
 
.ff-grow { 
 display: flex; 
 align-items: center; 
 gap: 7px; 
 padding: 6px 2px; 
 border-bottom: 1px solid #f1f3f4; 
 font-size: 11px; 
 color: #3c4043; 
} 
 
.ff-grow:last-child { 
 border-bottom: none; 
} 
 
.ff-grow::before { 
 content: ""; 
 width: 11px; 
 height: 11px; 
 border-radius: 2px; 
 background: #e8eaed; 
 flex-shrink: 0; 
} 
 
/* ---- RIGHT SIDE ---- */ 
.ff-right { 
 flex: 1; 
 min-width: 0; 
 max-width: 760px; 
} 
 
.ff-right-title { 
 font-size: 50px; 
 font-weight: 500; 
 color: #15150F; 
 line-height: 1.08; 
 margin-bottom: 28px; 
 letter-spacing: -0.02em; 
 max-width: 620px; 
} 
 
.ff-stats-row { 
 display: grid; 
 grid-template-columns: repeat(4, minmax(0, 1fr)); 
 position: relative; 
 padding-top: 0; 
 margin-top: 0; 
} 
 
.ff-stats-row::before { 
 display: none; 
 content: none; 
} 
 
.ff-stat + .ff-stat { 
 padding-left: 18px; 
 border-left: none; 
} 
 
.ff-stat-num { 
 font-size: 42px; 
 font-weight: 700; 
 color: #CDFF4D; 
 line-height: 1; 
 margin-bottom: 18px; 
 padding-bottom: 14px; 
 display: flex; 
 align-items: baseline; 
 gap: 2px; 
 white-space: nowrap; 
 flex-wrap: nowrap; 
 -webkit-text-fill-color: #CDFF4D; 
 -webkit-text-stroke: 0; 
 border-bottom: 1px solid #cfd3c7; 
} 
 
.ff-stat-num .timer { 
 display: inline-block; 
 white-space: nowrap; 
 color: #CDFF4D; 
 -webkit-text-fill-color: #CDFF4D; 
 -webkit-text-stroke: 0; 
} 
 
.ff-stat-num sup { 
 font-size: 24px; 
 font-weight: 700; 
 color: #CDFF4D; 
 top: 0; 
 white-space: nowrap; 
 line-height: 1; 
} 
 
.ff-stat-lbl { 
 font-size: 14px; 
 color: #15150F; 
 font-weight: 500; 
 line-height: 1.45; 
 max-width: 140px; 
 margin-top: 2px; 
} 
 
/* ---- SERVICE PILLS ---- */ 
.ff-service-tags { 
 display: flex; 
 flex-wrap: wrap; 
 gap: 14px; 
 margin-top: 34px; 
 max-width: 520px; 
} 
 
.ff-service-pill { 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 padding: 12px 18px; 
 background: #ffffff; 
 border: 1.5px solid #CDFF4D; 
 border-radius: 999px; 
 color: #15150F; 
 font-size: 14px; 
 font-weight: 600; 
 line-height: 1; 
 white-space: nowrap; 
 box-shadow: 0 2px 10px rgba(205, 255, 77, 0.18); 
 transition: 
 background 0.2s, 
 color 0.2s; 
} 
 
.ff-service-pill:hover { 
 background: #CDFF4D; 
 color: #15150F; 
} 
 
/* ---- RESPONSIVE ---- */ 
@media (max-width: 1024px) { 
 .ff-mountain { 
 height: 280px; 
 } 
 
 .ff-bottom-inner { 
 grid-template-columns: 300px minmax(0, 1fr); 
 gap: 42px; 
 padding: 0 20px; 
 } 
 
 .ff-right-title { 
 font-size: 42px; 
 } 
 
 .ff-stat-num { 
 font-size: 34px; 
 } 
 
 .ff-stat-lbl { 
 max-width: 110px; 
 } 
 
 .ff-gbox { 
 min-height: 300px; 
 } 
 
 .ff-rocket { 
 width: 82px; 
 height: 82px; 
 right: 9.8%; 
 top: 7.4%; 
 } 
} 
 
@media (max-width: 768px) { 
 .ff-mountain { 
 height: 220px; 
 } 
 
 .ff-tag-box { 
 font-size: 11px; 
 padding: 5px 10px; 
 } 
 
 .ff-tag-num { 
 width: 28px; 
 height: 28px; 
 font-size: 10px; 
 } 
 
 .ff-tag { 
 gap: 6px; 
 } 
 
 .ff-rocket { 
 width: 64px; 
 height: 64px; 
 right: 8.5%; 
 top: 8.5%; 
 } 
 
 .ff-bottom { 
 padding: 24px 0 50px; 
 margin-top: 0; 
 } 
 
 .ff-bottom-inner { 
 grid-template-columns: 1fr; 
 gap: 28px; 
 padding: 0 20px; 
 } 
 
 .ff-gcard { 
 max-width: 100%; 
 } 
 
 .ff-gbox { 
 min-height: auto; 
 } 
 
 .ff-right-title { 
 font-size: 32px; 
 line-height: 1.15; 
 max-width: 100%; 
 } 
 
 .ff-stats-row { 
 grid-template-columns: repeat(2, minmax(0, 1fr)); 
 } 
 
 .ff-stat { 
 width: auto; 
 padding: 18px 16px 0 0; 
 } 
 
 .ff-stat + .ff-stat { 
 padding-left: 16px; 
 } 
 
 .ff-stat-num { 
 font-size: 34px; 
 } 
 
 .ff-stat-lbl { 
 font-size: 14px; 
 max-width: 100%; 
 } 
 
 .ff-service-tags { 
 margin-top: 26px; 
 gap: 12px; 
 max-width: 100%; 
 } 
 
 .ff-service-pill { 
 font-size: 13px; 
 padding: 10px 16px; 
 } 
} 
 
@media (max-width: 480px) { 
 .ff-mountain { 
 height: 180px; 
 } 
 
 .ff-right-title { 
 font-size: 28px; 
 } 
 
 .ff-stats-row { 
 grid-template-columns: 1fr; 
 } 
 
 .ff-stat { 
 width: auto; 
 padding: 18px 0 0 0; 
 } 
 
 .ff-stat + .ff-stat { 
 padding-left: 0; 
 border-left: none; 
 border-top: 1px solid #cfd3c7; 
 margin-top: 18px; 
 padding-top: 18px; 
 } 
 
 .ff-service-tags { 
 max-width: 100%; 
 } 
 
 .ff-service-pill { 
 font-size: 12px; 
 padding: 10px 14px; 
 } 
 
 .ff-rocket { 
 width: 52px; 
 height: 52px; 
 right: 8%; 
 top: 10%; 
 } 
} 
.faq-section-new { 
 background: #f5f2ea; 
 padding: 70px 0; 
} 
 
.faq-inner { 
 display: grid; 
 grid-template-columns: 420px 1fr; 
 gap: 64px; 
 align-items: start; 
} 
 
/* ---- LEFT ---- */ 
.faq-img-box { 
 border-radius: 16px; 
 overflow: hidden; 
 height: 440px; 
} 
 
.faq-img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 display: block; 
} 
 
/* ---- RIGHT ---- */ 
.faq-heading { 
 font-family: var(--font-display); 
 font-size: 42px !important; 
 font-weight: 700 !important; 
 color: #15150F; 
 line-height: 1.15; 
 margin-bottom: 14px; 
} 
 
.faq-subtext { 
 font-size: 14px; 
 color: #6b7280; 
 margin-bottom: 32px; 
 line-height: 1.6; 
} 
 
/* ---- ACCORDION ---- */ 
.faq-list { 
 display: flex; 
 flex-direction: column; 
 gap: 10px; 
} 
 
.faq-item { 
 border-radius: 10px; 
 overflow: hidden; 
 cursor: pointer; 
} 
 
.faq-item-header { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 padding: 18px 22px; 
 background: #ffffff; 
 border: 1.5px solid #e0ddd6; 
 gap: 12px; 
 transition: 
 background 0.2s, 
 border-color 0.2s; 
} 
 
.faq-item.open .faq-item-header { 
 background: #CDFF4D; 
 border-color: #CDFF4D; 
} 
 
.faq-item-q { 
 font-size: 14px; 
 font-weight: 600; 
 color: #15150F; 
 line-height: 1.4; 
} 
 
.faq-item.open .faq-item-q { 
 color: #15150F; 
} 
 
.faq-icon { 
 width: 28px; 
 height: 28px; 
 min-width: 28px; 
 border-radius: 50%; 
 background: rgba(205, 255, 77, 0.25); 
 border: 1.5px solid #CDFF4D; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
 
.faq-item.open .faq-icon { 
 background: #15150F; 
 border-color: #15150F; 
} 
 
.faq-icon svg { 
 width: 14px; 
 height: 14px; 
 transition: transform 0.25s; 
 stroke: #15150F; 
} 
 
.faq-item.open .faq-icon svg { 
 transform: rotate(180deg); 
 stroke: #CDFF4D; 
} 
 
.faq-item-body { 
 max-height: 0; 
 overflow: hidden; 
 transition: max-height 0.3s ease; 
 background: #ffffff; 
 border: 1.5px solid #CDFF4D; 
 border-top: none; 
} 
 
.faq-item.open .faq-item-body { 
 max-height: 200px; 
} 
 
.faq-item-ans { 
 padding: 16px 22px; 
 font-size: 13.5px; 
 color: #3a3a3a; 
 line-height: 1.75; 
} 
 
/* ---- RESPONSIVE ---- */ 
@media (max-width: 1024px) { 
 .faq-inner { 
 grid-template-columns: 340px 1fr; 
 gap: 40px; 
 } 
 .faq-heading { 
 font-size: 34px; 
 } 
} 
 
@media (max-width: 900px) { 
 .faq-section-new { 
 padding: 50px 0; 
 } 
 .faq-inner { 
 grid-template-columns: 1fr; 
 gap: 36px; 
 } 
 .faq-img-box { 
 height: 280px; 
 } 
 .faq-heading { 
 font-size: 30px; 
 } 
} 
 
@media (max-width: 560px) { 
 .faq-section-new { 
 padding: 40px 0; 
 } 
 .faq-heading { 
 font-size: 26px; 
 } 
 .faq-item-header { 
 padding: 15px 16px; 
 } 
 .faq-item-q { 
 font-size: 13px; 
 } 
 .faq-item-ans { 
 padding: 14px 16px; 
 } 
} 
.faq-heading-center { 
 font-size: 42px; 
 font-weight: 800; 
 color: #15150F; 
 text-align: center; 
 margin-bottom: 12px; 
 line-height: 1.15; 
} 
 
.faq-subtext-center { 
 font-size: 14px; 
 color: #6b7280; 
 text-align: center; 
 margin-bottom: 40px; 
 max-width: 560px; 
 margin-left: auto; 
 margin-right: auto; 
 line-height: 1.6; 
} 
 
.faq-list-center { 
 max-width: 700px; 
 margin: 0 auto; 
} 
 
/* ======================== 
 FIND US GLOBALLY ? WORLD MAP DESIGN 
========================= */ 
 
.getintouch-home { 
 background: #f0ede6; 
} 
 
.d2-wrap { 
 background: #f0ede6; 
 padding: 70px 60px 80px; 
 position: relative; 
 overflow: hidden; 
} 
 
/* Title */ 
.d2-title { 
 font-family: var(--font-display); 
 font-size: 52px; 
 font-weight: 800; 
 color: #15150F; 
 text-align: center; 
 margin: 0 0 50px; 
 letter-spacing: -0.02em; 
} 
 
/* Map container ? relative so pins can be absolute */ 
.d2-map-container { 
 position: relative; 
 width: 100%; 
 height: 480px; 
 border-radius: 24px; 
 overflow: hidden; 
 background: #e8f0e0; 
} 
 
/* World map image */ 
.d2-worldmap { 
 position: absolute; 
 inset: 0; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 background-image: radial-gradient(circle, #15150F 1.5px, transparent 1.5px); 
 background-size: 18px 18px; 
 -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500'%3E%3Cpath fill='black' d='M132,56 L138,48 L148,44 L162,42 L174,44 L182,50 L188,58 L192,68 L188,78 L180,86 L170,90 L158,92 L146,90 L136,84 L128,74 L128,64 Z M200,40 L210,34 L224,30 L240,28 L256,30 L268,36 L276,44 L280,54 L278,64 L272,72 L262,78 L250,82 L236,82 L222,78 L212,70 L204,60 L200,50 Z M160,100 L172,94 L186,90 L202,88 L218,90 L230,96 L238,104 L242,114 L240,126 L234,136 L224,144 L212,150 L198,152 L184,150 L172,144 L162,136 L156,124 L154,112 Z M240,88 L256,82 L274,78 L294,76 L312,78 L328,84 L340,94 L348,106 L348,120 L342,132 L332,142 L318,150 L302,154 L286,154 L270,150 L256,142 L246,130 L240,116 L238,102 Z M320,76 L338,70 L358,66 L380,64 L400,66 L418,72 L432,82 L442,94 L444,108 L440,122 L430,134 L416,144 L400,150 L382,152 L364,150 L348,144 L336,134 L328,120 L324,106 Z M180,160 L196,154 L214,150 L234,148 L252,150 L268,156 L280,166 L288,178 L288,192 L282,204 L272,214 L258,222 L242,226 L226,226 L210,222 L198,214 L188,202 L182,188 L180,174 Z M260,152 L278,146 L298,142 L320,140 L340,142 L358,148 L372,158 L382,170 L384,184 L380,198 L370,210 L356,220 L340,226 L322,228 L304,226 L288,220 L276,210 L268,196 L262,182 L260,168 Z M340,140 L360,134 L382,130 L406,128 L428,130 L448,136 L464,146 L474,158 L476,172 L472,186 L462,198 L448,208 L432,214 L414,216 L396,214 L380,208 L368,198 L360,184 L354,170 L350,156 Z M220,234 L236,228 L254,224 L274,222 L292,224 L308,230 L320,240 L328,252 L328,266 L322,278 L312,288 L298,296 L282,300 L266,300 L250,296 L238,288 L228,276 L222,262 L220,248 Z M300,222 L318,216 L338,212 L360,210 L380,212 L398,218 L412,228 L422,240 L424,254 L420,268 L410,280 L396,290 L380,296 L362,298 L344,296 L328,290 L316,280 L308,266 L302,252 L300,238 Z M380,210 L400,204 L422,200 L446,198 L468,200 L488,206 L504,216 L514,228 L516,242 L512,256 L502,268 L488,278 L472,284 L454,286 L436,284 L420,278 L408,268 L400,254 L394,240 L390,226 Z M460,198 L482,192 L506,188 L532,186 L556,188 L578,194 L596,204 L608,216 L610,230 L606,244 L596,256 L582,266 L566,272 L548,274 L530,272 L514,266 L502,256 L494,242 L488,228 L484,214 Z M540,186 L564,180 L590,176 L618,174 L644,176 L668,182 L688,192 L702,204 L706,218 L702,232 L692,244 L678,254 L662,260 L644,262 L626,260 L610,254 L598,244 L590,230 L584,216 L580,202 Z M620,174 L646,168 L674,164 L704,162 L732,164 L758,170 L780,180 L796,192 L800,206 L796,220 L786,232 L772,242 L756,248 L738,250 L720,248 L704,242 L692,232 L684,218 L678,204 L674,190 Z M700,162 L728,156 L758,152 L790,150 L820,152 L848,158 L872,168 L890,180 L896,194 L892,208 L882,220 L868,230 L852,236 L834,238 L816,236 L800,230 L788,220 L780,206 L774,192 L770,178 Z M460,280 L478,274 L498,270 L520,268 L540,270 L558,276 L572,286 L580,298 L580,312 L574,324 L564,334 L550,342 L534,346 L518,346 L502,342 L490,334 L480,322 L474,308 L470,294 Z M540,268 L560,262 L582,258 L606,256 L628,258 L648,264 L664,274 L674,286 L676,300 L672,314 L662,326 L648,336 L632,342 L614,344 L596,342 L580,336 L568,326 L560,312 L554,298 L550,284 Z M620,256 L642,250 L666,246 L692,244 L716,246 L738,252 L756,262 L768,274 L770,288 L766,302 L756,314 L742,324 L726,330 L708,332 L690,330 L674,324 L662,314 L654,300 L648,286 L644,272 Z M700,244 L724,238 L750,234 L778,232 L804,234 L828,240 L848,250 L862,262 L866,276 L862,290 L852,302 L838,312 L822,318 L804,320 L786,318 L770,312 L758,302 L750,288 L744,274 L740,260 Z M780,232 L806,226 L834,222 L864,220 L892,222 L918,228 L940,238 L956,250 L960,264 L956,278 L946,290 L932,300 L916,306 L898,308 L880,306 L864,300 L852,290 L844,276 L838,262 L834,248 Z M860,220 L888,214 L918,210 L950,208 L980,210 L1006,216 L1026,226 L1040,238 L1044,252 L1040,266 L1030,278 L1016,288 L1000,294 L982,296 L964,294 L948,288 L936,278 L928,264 L922,250 L918,236 Z'/%3E%3C/svg%3E"); 
 mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500'%3E%3Cpath fill='black' d='M132,56 L138,48 L148,44 L162,42 L174,44 L182,50 L188,58 L192,68 L188,78 L180,86 L170,90 L158,92 L146,90 L136,84 L128,74 L128,64 Z M200,40 L210,34 L224,30 L240,28 L256,30 L268,36 L276,44 L280,54 L278,64 L272,72 L262,78 L250,82 L236,82 L222,78 L212,70 L204,60 L200,50 Z M160,100 L172,94 L186,90 L202,88 L218,90 L230,96 L238,104 L242,114 L240,126 L234,136 L224,144 L212,150 L198,152 L184,150 L172,144 L162,136 L156,124 L154,112 Z M240,88 L256,82 L274,78 L294,76 L312,78 L328,84 L340,94 L348,106 L348,120 L342,132 L332,142 L318,150 L302,154 L286,154 L270,150 L256,142 L246,130 L240,116 L238,102 Z M320,76 L338,70 L358,66 L380,64 L400,66 L418,72 L432,82 L442,94 L444,108 L440,122 L430,134 L416,144 L400,150 L382,152 L364,150 L348,144 L336,134 L328,120 L324,106 Z'/%3E%3C/svg%3E"); 
 -webkit-mask-size: 100% 100%; 
 mask-size: 100% 100%; 
 opacity: 0.4; 
} 
.d2-worldmap img { 
 display: none; 
} 
 
/* Each pin wrapper */ 
.d2-pin { 
 position: absolute; 
 transform: translate(-50%, -50%); 
 z-index: 3; 
} 
 
/* Dot */ 
.d2-pin-dot { 
 width: 12px; 
 height: 12px; 
 border-radius: 50%; 
 background: #15150F; 
 border: 2px solid #fff; 
 box-shadow: 0 0 0 4px rgba(8, 63, 53, 0.2); 
 margin: 0 auto 8px; 
 position: relative; 
 z-index: 2; 
} 
.d2-pin-dot--active { 
 background: #15150F; 
 box-shadow: 0 0 0 6px rgba(58, 125, 44, 0.25); 
 width: 16px; 
 height: 16px; 
} 
 
/* Card */ 
.d2-pin-card { 
 background: #15150F; 
 border-radius: 14px; 
 padding: 14px 16px; 
 display: flex; 
 align-items: center; 
 gap: 12px; 
 min-width: 200px; 
 box-shadow: 0 8px 28px rgba(8, 63, 53, 0.35); 
 position: relative; 
 margin-top: 4px; 
} 
.d2-pin-card--left { 
 transform: translateX(-30%); 
} 
 
/* Flag circle */ 
.d2-pin-flag { 
 width: 40px; 
 height: 40px; 
 border-radius: 50%; 
 overflow: hidden; 
 flex-shrink: 0; 
 background: rgba(255, 255, 255, 0.15); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
.d2-pin-flag img { 
 width: 40px; 
 height: 40px; 
 object-fit: cover; 
 border-radius: 50%; 
} 
 
/* Info text */ 
.d2-pin-info { 
 flex: 1; 
 min-width: 0; 
} 
.d2-pin-city { 
 font-family: var(--font-display); 
 font-size: 13px; 
 font-weight: 700; 
 color: #ffffff; 
 margin-bottom: 3px; 
 white-space: nowrap; 
} 
.d2-pin-phone { 
 font-family: var(--font-display); 
 font-size: 12px; 
 color: #CDFF4D; 
 font-weight: 600; 
 margin-bottom: 2px; 
} 
.d2-pin-email { 
 font-family: var(--font-display); 
 font-size: 11px; 
 color: rgba(255, 255, 255, 0.6); 
} 
 
/* Responsive */ 
@media (max-width: 768px) { 
 .d2-wrap { 
 padding: 50px 20px 60px; 
 } 
 .d2-title { 
 font-size: 36px !important; 
 margin-bottom: 30px; 
 } 
 .d2-map-container { 
 height: auto; 
 background: transparent; 
 } 
 .d2-worldmap { 
 display: none; 
 } 
 
 /* Stack cards vertically on mobile */ 
 .d2-pin { 
 position: static !important; 
 transform: none !important; 
 margin-bottom: 16px; 
 } 
 .d2-pin-dot { 
 display: none; 
 } 
 .d2-pin-card { 
 min-width: 100%; 
 transform: none !important; 
 } 
 .d2-pin-card--left { 
 transform: none !important; 
 } 
} 
 
@media (max-width: 480px) { 
 .d2-title { 
 font-size: 28px !important; 
 } 
 .d2-pin-city { 
 font-size: 12px; 
 } 
 .d2-pin-phone { 
 font-size: 11px; 
 } 
 .d2-pin-email { 
 font-size: 10px; 
 } 
} 
 
.blog-section-new { 
 background: #f0ede6; 
 padding: 60px 0 0; 
} 
 
/* ---- HEADER ---- */ 
.bl-header { 
 display: flex; 
 align-items: flex-end; 
 justify-content: space-between; 
 margin-bottom: 40px; 
 gap: 20px; 
} 
 
.bl-label { 
 font-size: 11px; 
 font-weight: 600; 
 letter-spacing: 0.12em; 
 text-transform: uppercase; 
 color: #15150F; 
 margin-bottom: 12px; 
 display: block; 
} 
 
.bl-heading { 
 font-family: var(--font-display); 
 font-size: 48px; 
 font-weight: 800; 
 color: #15150F; 
 line-height: 1.15; 
 margin-bottom: 12px; 
 font-style: normal; 
} 
 
.bl-heading em { 
 color: #15150F; 
 font-style: italic; 
} 
 
.bl-desc { 
 font-size: 14px; 
 color: #6b7280; 
 line-height: 1.75; 
 max-width: 420px; 
 margin: 0; 
} 
 
.bl-view-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 background: #15150F; 
 color: #fff !important; 
 font-size: 13px; 
 font-weight: 600; 
 padding: 14px 28px; 
 border-radius: 50px; 
 text-decoration: none !important; 
 white-space: nowrap; 
 transition: background 0.2s; 
} 
 
.bl-view-btn:hover { 
 background: #15150F; 
} 
 
/* ---- CARDS GRID ---- */ 
.bl-cards { 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 gap: 20px; 
} 
 
/* Light Card */ 
.bl-card { 
 background: #fff; 
 border-radius: 16px; 
 overflow: hidden; 
 display: flex; 
 flex-direction: column; 
 transition: transform 0.2s; 
 box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); 
} 
 
.bl-card:hover { 
 transform: translateY(-4px); 
} 
 
.bl-card-img-box { 
 width: 100%; 
 height: 220px; 
 overflow: hidden; 
 display: block; 
 flex-shrink: 0; 
} 
 
.bl-card-img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 object-position: center center; 
 display: block; 
 transition: transform 0.4s ease; 
} 
 
.bl-card:hover .bl-card-img { 
 transform: scale(1.05); 
} 
 
.bl-card-img-placeholder { 
 width: 100%; 
 height: 220px; 
 background: linear-gradient(135deg, #CDFF4D, #CDFF4D); 
} 
 
.bl-card-body { 
 padding: 20px; 
 flex: 1; 
 display: flex; 
 flex-direction: column; 
} 
 
.bl-card-tag { 
 font-size: 10px; 
 font-weight: 700; 
 letter-spacing: 0.1em; 
 text-transform: uppercase; 
 color: #15150F; 
 margin-bottom: 10px; 
 display: block; 
} 
 
.bl-card-title { 
 font-family: var(--font-display); 
 font-style: normal; 
 font-size: 18px; 
 font-weight: 700; 
 color: #15150F; 
 line-height: 1.4; 
 text-decoration: none; 
 display: block; 
 margin-bottom: 12px; 
} 
 
.bl-card-title:hover { 
 color: #15150F; 
} 
 
.bl-card-meta { 
 font-size: 11px; 
 color: #9aa080; 
 margin-top: auto; 
 padding-top: 12px; 
 border-top: 1px solid #f0ede6; 
} 
 
/* Dark Card */ 
.bl-card-dark { 
 background: #15150F; 
 border-radius: 16px; 
 padding: 28px; 
 display: flex; 
 flex-direction: column; 
 justify-content: space-between; 
 min-height: 320px; 
 transition: transform 0.2s; 
} 
 
.bl-card-dark:hover { 
 transform: translateY(-4px); 
} 
 
.bl-card-dark .bl-card-tag { 
 color: #CDFF4D; 
} 
 
.bl-card-dark .bl-card-title { 
 color: #fff; 
 font-family: var(--font-display); 
 font-style: normal; 
 font-size: 18px; 
} 
 
.bl-card-dark .bl-card-title:hover { 
 color: #CDFF4D; 
} 
 
.bl-card-meta-dark { 
 font-size: 11px; 
 color: #7a9a6a; 
 margin-top: 14px; 
 padding-top: 12px; 
 border-top: 1px solid rgba(255, 255, 255, 0.1); 
} 
 
.bl-arrow-btn { 
 width: 48px; 
 height: 48px; 
 background: #15150F; 
 border-radius: 50%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 margin-top: 24px; 
 text-decoration: none; 
 transition: background 0.2s; 
} 
 
.bl-arrow-btn:hover { 
 background: #CDFF4D; 
} 
 
.bl-arrow-btn svg { 
 width: 18px; 
 height: 18px; 
} 
 
/* ---- RESPONSIVE ---- */ 
@media (max-width: 1024px) { 
 .bl-cards { 
 grid-template-columns: repeat(2, 1fr); 
 } 
 .bl-heading { 
 font-size: 32px; 
 } 
} 
 
@media (max-width: 768px) { 
 .blog-section-new { 
 padding: 50px 0; 
 } 
 .bl-header { 
 flex-direction: column; 
 align-items: flex-start; 
 gap: 16px; 
 } 
 .bl-cards { 
 grid-template-columns: 1fr; 
 } 
 .bl-heading { 
 font-size: 28px; 
 } 
} 
 
.bl-slider-wrap { 
 overflow: visible; 
} 
 
/* Full page sections */ 
.getintouch-home, 
.getintouch-home .d2-wrap { 
 min-height: auto !important; 
 box-sizing: border-box !important; 
} 
 
.blog-section-new { 
 min-height: auto !important; 
 box-sizing: border-box !important; 
} 
 
/* Remove extra space from certificate section */ 
.certificate_slider { 
 margin-bottom: 0 !important; 
 padding-bottom: 0 !important; 
} 
 
.certificate .container-fluid { 
 padding-bottom: 0 !important; 
} 
 
/* Remove extra space around certificate section */ 
.certificate { 
 padding: 20px 0 0 !important; 
 margin: 0 !important; 
} 
 
.certificate .owl-stage-outer, 
.certificate .owl-carousel, 
.certificate_slider { 
 margin-bottom: 0 !important; 
 padding-bottom: 0 !important; 
} 
 
.certificate .container-fluid { 
 padding-bottom: 0 !important; 
 margin-bottom: 0 !important; 
} 
 
/* Remove space between global clients and certificate */ 
.pt-3.pb-5, 
div.pt-3 { 
 padding-bottom: 0 !important; 
 margin-bottom: 0 !important; 
} 
 
/* Find Us Globally - full viewport, no white gaps */ 
.getintouch-home { 
 display: block !important; 
 margin: 0 !important; 
 padding: 0 !important; 
} 
 
.getintouch-home .d2-wrap { 
 min-height: 100vh !important; 
 padding: 60px 40px !important; 
 margin: 0 !important; 
 display: flex !important; 
 flex-direction: column !important; 
 justify-content: center !important; 
} 
 
/* Certificate and global clients - show but no extra padding */ 
.certificate { 
 display: block !important; 
 padding: 20px 0 0 !important; 
 margin: 0 !important; 
} 
 
.pt-3.pb-5, 
div.pt-3.pb-5 { 
 display: block !important; 
 padding-bottom: 0 !important; 
 margin-bottom: 0 !important; 
} 
 
/* Typed section - font size +2 and remove italic from typed text */ 
.typed-section .parent-typed-text { 
 font-size: 22px !important; 
} 
 
.typed-section .mt_typed_text { 
 color: #15150F !important; 
 font-style: normal !important; 
 font-size: 22px !important; 
} 
 
.typed-section .mt_typed-beforetext { 
 color: #15150F !important; 
 font-size: 22px !important; 
} 
 
/* Force solid green on typed text - remove any stroke/transparent */ 
.typed-section .mt_typed_text, 
.typed-section span.mt_typed_text { 
 color: #15150F !important; 
 -webkit-text-stroke: 0 !important; 
 text-stroke: 0 !important; 
 -webkit-text-fill-color: #15150F !important; 
 font-style: normal !important; 
 font-size: 22px !important; 
 opacity: 1 !important; 
} 
 
/* Force certificate and client images to show */ 
.certificate_slider img, 
.certificate .item img, 
.clients_logo img, 
.client_logo, 
.logo_box img { 
 opacity: 1 !important; 
 visibility: visible !important; 
 display: block !important; 
 transform: none !important; 
} 
 
.aos-init, 
.aos-animate { 
 opacity: 1 !important; 
 transform: none !important; 
} 
 
/* ============================================== 
 GLOBAL COLOR THEME UNIFICATION 
 Palette: #f0ede6 (light) | #15150F (dark) | #15150F (accent) | #CDFF4D (highlight) 
 ============================================== */ 
 
/* --- BACKGROUNDS --- */ 
.about-section-new { 
 background: #f5f2ea !important; 
} 
.fun-facts-new { 
 background: #f5f2ea !important; 
} 
.faq-section-new { 
 background: #f5f2ea !important; 
} 
.getintouch-home .d2-wrap { 
 background: #f5f2ea !important; 
} 
.contact-cta-wrap { 
 background: #f5f2ea !important; 
} 
.contact-cta-right { 
 background: #f5f2ea !important; 
} 
.contact-cta-left { 
 background: #eaf5d8 !important; 
} 
.typed-section { 
 background: #f5f2ea !important; 
 border-top: 1.5px solid #c8ddb0 !important; 
 border-bottom: 1.5px solid #c8ddb0 !important; 
} 
.footer-section { 
 background: #15150F !important; 
} 
 
/* Services section ? beige + lime theme */ 
.plx-svc-wrap, 
.plx-svc-left, 
.plx-svc-right { 
 background: #f5f2ea !important; 
} 
.plx-svc-header { 
 background: #f5f2ea !important; 
 border-bottom: 1px solid #e0ddd6 !important; 
} 
 
.lx-testi-bottom { 
 background: #f5f2ea !important; 
} 
.ff-bottom { 
 background: #f5f2ea !important; 
} 
 
/* --- ACCENT GREENS: medium buttons/tags ? #CDFF4D --- */ 
.contact-cta-btn, 
.footer-section .footer-left .btn-style2, 
.typed-section .btn-style1, 
.lx-rate-btn, 
.lx-testi-prev, 
.lx-testi-next { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
 
.contact-cta-btn:hover, 
.footer-section .footer-left .btn-style2:hover, 
.typed-section .btn-style1:hover, 
.lx-rate-btn:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
 color: #15150F !important;
 -webkit-text-fill-color: #15150F !important;
} 
 
.lx-testi-prev:hover, 
.lx-testi-next:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
} 
 
/* --- HIGHLIGHT LIME: #CDFF4D --- */ 
.plx-dot-active, 
.plx-card-active .plx-pill, 
.plx-pill.plx-card-active { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
 
/* Services header text */ 
.plx-svc-eyebrow { 
 color: #15150F !important; 
} 
.plx-svc-eyebrow::before { 
 background: #CDFF4D !important; 
} 
.plx-svc-header-left h2 { 
 color: #15150F !important; 
} 
.plx-svc-header-left h2 em { 
 color: #CDFF4D !important; 
} 
.plx-svc-header-right p { 
 color: #3a3a3a !important; 
} 
 
/* Services left panel ? beige bg, black text */ 
.plx-svc-name h3 { 
 color: #15150F !important; 
} 
.plx-bubble { 
 background: radial-gradient(circle at 35% 35%, #ffffff, #f0ede6) !important; 
} 
 
/* Services right cards ? already white, keep as is */ 
.plx-card { 
 background: #ffffff !important; 
 border-color: #e8e8e8 !important; 
} 
.plx-card-body h4 { 
 color: #15150F !important; 
} 
.plx-card-body p { 
 color: #555 !important; 
} 
 
/* Services active arc */ 
#plxArc { 
 stroke: #CDFF4D !important; 
} 
 
/* Active dot */ 
.plx-dot { 
 background: rgba(0, 0, 0, 0.06) !important; 
 border-color: rgba(0, 0, 0, 0.15) !important; 
 color: rgba(0, 0, 0, 0.35) !important; 
} 
.plx-dot-active { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
 box-shadow: 0 0 0 8px rgba(205, 255, 77, 0.18) !important; 
} 
 
/* Solutions section */ 
.sol-tab.active { 
 color: #CDFF4D !important; 
} 
.sol-item.active .sol-num, 
.sol-item.active .sol-item-name { 
 color: #CDFF4D !important; 
} 
.sol-title span, 
.sol-title em { 
 color: #CDFF4D !important; 
 text-shadow: 
 0 0 10px rgba(205, 255, 77, 0.55), 
 0 0 22px rgba(205, 255, 77, 0.3) !important; 
} 
 
/* FAQ */ 
.faq-section-new { 
 background: #f5f2ea !important; 
} 
.faq-item-header { 
 background: #ffffff !important; 
 border: 1.5px solid #e0ddd6 !important; 
} 
.faq-item.open .faq-item-header { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
} 
.faq-item-q { 
 color: #15150F !important; 
} 
.faq-icon { 
 background: rgba(205, 255, 77, 0.25) !important; 
 border: 1.5px solid #CDFF4D !important; 
} 
.faq-item.open .faq-icon { 
 background: #15150F !important; 
 border-color: #15150F !important; 
} 
.faq-item-body { 
 background: #ffffff !important; 
 border: 1.5px solid #CDFF4D !important; 
 border-top: none !important; 
} 
.faq-item-ans { 
 color: #3a3a3a !important; 
} 
 
/* Blog labels */ 
.bl-label, 
.bl-card-tag { 
 color: #CDFF4D !important; 
} 
.bl-view-btn { 
 background: #15150F !important; 
} 
.bl-view-btn:hover { 
 background: #15150F !important; 
} 
 
/* Fun facts stats */ 
.ff-stat-num, 
.timer { 
 color: #CDFF4D !important; 
} 
.ff-right-title { 
 color: #15150F !important; 
} 
.ff-stat-lbl { 
 color: #15150F !important; 
} 
 
/* About section accents ? override old rules */ 
.about-new-label { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.about-check-icon { 
 background: #CDFF4D !important; 
} 
.about-stat-pill { 
 background: #CDFF4D !important; 
 border: none !important; 
} 
.about-stat-num { 
 color: #15150F !important; 
} 
.about-stat-lbl { 
 color: #15150F !important; 
} 
.about-feature-card { 
 background: #CDFF4D !important; 
 border: none !important; 
 color: #15150F !important; 
} 
.about-new-btn { 
 background: #15150F !important; 
 color: #CDFF4D !important; 
 border: 2px solid #CDFF4D !important; 
} 
.about-new-btn:hover { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.about-exp-badge { 
 border-color: #CDFF4D !important; 
 box-shadow: 
 0 0 0 6px rgba(205, 255, 77, 0.15), 
 0 4px 24px rgba(205, 255, 77, 0.3) !important; 
 background: #15150F !important;
} 
.about-exp-number { 
 background-image: var(--num-gradient) !important;
 -webkit-background-clip: text !important;
 background-clip: text !important;
 -webkit-text-fill-color: transparent !important;
 color: transparent !important;
} 
.about-chart-card { 
 background: #15150F !important; 
 border-color: rgba(205, 255, 77, 0.4) !important; 
} 
.about-bar-active { 
 background: #CDFF4D !important; 
} 
.about-chart-label { 
 color: #CDFF4D !important; 
} 
 
/* Contact section */ 
.contact-cta-title .highlight { 
 color: #15150F !important; 
 font-weight: 800 !important; 
} 
.contact-cta-subtitle { 
 color: #15150F !important; 
} 
 
/* Typed section text */ 
.typed-section .mt_typed_text { 
 color: #15150F !important; 
} 
.typed-section .btn-style1 { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.typed-section .btn-style1:hover { 
 background: #D8FF70 !important; 
} 
 
/* Footer */ 
.footer-section .footer-left .inner span { 
 color: #CDFF4D !important; 
} 
 
/* Find Us cards */ 
.getintouch-home .d2-card-top { 
 background: #15150F !important; 
} 
.getintouch-home .d2-card:nth-child(2) .d2-card-top { 
 background: #2a5a2a !important; 
} 
.getintouch-home .d2-card:nth-child(3) .d2-card-top { 
 background: #143214 !important; 
} 
.getintouch-home .d2-badge { 
 background: #15150F !important; 
 color: #f5f2ea !important; 
} 
.getintouch-home .d2-dot { 
 background: #CDFF4D !important; 
} 
.getintouch-home .d2-card-inner { 
 background: #f5f2ea !important; 
 border-color: #c8ddb0 !important; 
} 
.getintouch-home .d2-phone-row { 
 background: #e0ead0 !important; 
} 
.getintouch-home .d2-phone-icon { 
 background: #15150F !important; 
} 
 
/* Testimonial cards */ 
.lx-testi-card { 
 border-color: #CDFF4D !important; 
} 
.lx-rating-label strong { 
 color: #15150F !important; 
} 
.lx-testi-pos { 
 color: #15150F !important; 
} 
 
/* --- DARK TEXT CONSISTENCY --- */ 
.contact-cta-title { 
 color: #15150F !important; 
} 
.getintouch-home .d2-title { 
 color: #15150F !important; 
} 
.faq-heading { 
 color: #15150F !important; 
} 
 
/* Fun facts ? numbers and Google card */ 
.ff-stat-num, 
.ff-stat-num .timer { 
 color: #CDFF4D !important; 
} 
.ff-gcard { 
 background: #15150F !important; 
 border-radius: 18px !important; 
 border: 1.5px solid rgba(205, 255, 77, 0.3) !important; 
} 
.ff-gcard-title { 
 color: #CDFF4D !important; 
 font-weight: 700 !important; 
} 
 
/* Solutions ? black + #CDFF4D theme */ 
.sol-tab { 
 background: transparent !important; 
 color: rgba(255, 255, 255, 0.7) !important; 
 border-color: rgba(255, 255, 255, 0.2) !important; 
 font-family: var(--font-display) !important; 
} 
.sol-tab.active { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 border-color: #CDFF4D !important; 
} 
.sol-tab:hover:not(.active) { 
 background: rgba(205, 255, 77, 0.12) !important; 
 color: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
} 
.sol-detail { 
 background: #1a1a1a !important; 
 border: 1.5px solid rgba(205, 255, 77, 0.25) !important; 
 box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important; 
} 
.sol-detail-num { 
 color: #CDFF4D !important; 
} 
.sol-detail-name { 
 color: #ffffff !important; 
} 
.sol-detail-desc { 
 color: rgba(255, 255, 255, 0.55) !important; 
} 
.sol-detail-btn { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 border-color: #CDFF4D !important; 
 box-shadow: 0 4px 18px rgba(205, 255, 77, 0.35) !important; 
} 
.sol-detail-btn:hover { 
 background: #D8FF70 !important; 
 color: #15150F !important; 
} 
.sol-item.active .sol-num, 
.sol-item.active .sol-item-name, 
.sol-item.active .sol-item-arrow { 
 color: #CDFF4D !important; 
} 
 
/* Fun Facts numbers + Google card */ 
.ff-stat-num, 
.ff-stat-num .timer, 
.ff-stat-num sup { 
 color: #CDFF4D !important; 
} 
.ff-gcard { 
 background: #15150F !important; 
 border-radius: 18px !important; 
 border: 1.5px solid rgba(205, 255, 77, 0.3) !important; 
} 
.ff-gcard-title { 
 color: #CDFF4D !important; 
 font-weight: 700 !important; 
} 
 
/* Force fun facts numbers ? most specific */ 
.ff-stats-row .ff-stat .ff-stat-num, 
.ff-stats-row .ff-stat .ff-stat-num .timer, 
.ff-stats-row .ff-stat .ff-stat-num sup, 
div.ff-stat-num span.timer { 
 color: #CDFF4D !important; 
} 
 
/* FINAL FIX ? webkit-text-fill-color override */ 
.ff-stat-num, 
.ff-stat-num .timer, 
.ff-stat-num sup { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* Happy Clients section ? beige + lime theme */ 
.lx-testi-top { 
 background: #15150F !important; 
} 
.lx-wave-wrap { 
 background: #15150F !important; 
} 
 
/* Space above Happy Clients section */ 
.pt-5.pb-5[style*="background:#15150F"] { 
 padding-top: 80px !important; 
 margin-top: 60px !important; 
} 
 
/* Testimonial nav arrows */ 
.lx-testi-prev, 
.lx-testi-next { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 border: 1.5px solid #CDFF4D !important; 
 opacity: 1 !important; 
 visibility: visible !important; 
} 
.lx-testi-prev:hover, 
.lx-testi-next:hover { 
 background: #D8FF70 !important; 
 color: #15150F !important; 
 border-color: #D8FF70 !important; 
} 
 
/* Rate Us on Google button */ 
.lx-rate-btn { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.lx-rate-btn:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
 color: #15150F !important;
 -webkit-text-fill-color: #15150F !important;
} 
 
/* FAQ ? second override block */ 
.faq-item-header { 
 background: #ffffff !important; 
 border: 1.5px solid #e0ddd6 !important; 
} 
.faq-item.open .faq-item-header { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
} 
.faq-icon { 
 background: rgba(205, 255, 77, 0.25) !important; 
 border: 1.5px solid #CDFF4D !important; 
} 
.faq-item.open .faq-icon { 
 background: #15150F !important; 
 border-color: #15150F !important; 
} 
 
/* Blog section */ 
.bl-label { 
 color: #CDFF4D !important; 
} 
.bl-heading em { 
 color: #CDFF4D !important; 
} 
.bl-view-btn { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.bl-view-btn:hover { 
 background: #D8FF70 !important; 
} 
.bl-card-dark { 
 background: #15150F !important; 
} 
.bl-card-tag { 
 color: #CDFF4D !important; 
} 
.bl-card-dark .bl-card-tag { 
 color: #CDFF4D !important; 
} 
.bl-arrow-btn { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.bl-arrow-btn:hover { 
 background: #D8FF70 !important; 
} 
.bl-card-title:hover { 
 color: #15150F !important; 
} 
 
/* Find Us Globally */ 
.getintouch-home .d2-badge { 
 background: #15150F !important; 
 color: #CDFF4D !important; 
} 
.getintouch-home .d2-dot { 
 background: #CDFF4D !important; 
} 
.getintouch-home .d2-card-top { 
 background: #15150F !important; 
} 
.getintouch-home .d2-card:nth-child(2) .d2-card-top { 
 background: #2a5a2a !important; 
} 
.getintouch-home .d2-card:nth-child(3) .d2-card-top { 
 background: #143214 !important; 
} 
.getintouch-home .d2-phone-icon { 
 background: #CDFF4D !important; 
} 
.getintouch-home .d2-phone-row { 
 background: #eaf5d8 !important; 
} 
.getintouch-home .d2-phone-num { 
 color: #15150F !important; 
} 
.getintouch-home .d2-card-region { 
 color: #CDFF4D !important; 
} 
 
/* Footer/Contact CTA section */ 
.typed-section .mt_typed_text { 
 color: #15150F !important; 
} 
.typed-section .btn-style1 { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.typed-section .btn-style1:hover { 
 background: #D8FF70 !important; 
} 
.contact-cta-btn { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.contact-cta-btn:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
} 
.contact-cta-title .highlight { 
 color: #15150F !important; 
 font-weight: 800 !important; 
} 
.contact-cta-subtitle { 
 color: #15150F !important; 
} 
.footer-section .footer-widget h4.title::after, 
.footer-section .footer-widget h4.title { 
 border-color: #CDFF4D !important; 
} 
.footer-section .footer-left .btn-style2 { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.footer-section .footer-left .btn-style2:hover { 
 background: #D8FF70 !important; 
} 
 
/* Portfolio section */ 
.lx-port-tag { 
 color: #15150F !important; 
} 
.lx-port-tag::before { 
 background: #CDFF4D !important; 
} 
.lx-port-highlight { 
 color: #CDFF4D !important; 
 text-shadow: 
 0 0 10px rgba(205, 255, 77, 0.55), 
 0 0 22px rgba(205, 255, 77, 0.3) !important; 
} 
.lx-port-viewall { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.lx-port-viewall:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
} 
.lx-port-cat { 
 color: #CDFF4D !important; 
} 
.lx-port-card-arrow { 
 background: rgba(255, 255, 255, 0.15) !important; 
} 
.lx-port-card:hover .lx-port-card-arrow { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
 
/* ---- Fun Facts Pills ? drop-in animation ---- */ 
@keyframes pillDropIn { 
 0% { 
 opacity: 0; 
 transform: translateY(-60px) rotate(-8deg) scale(0.8); 
 } 
 65% { 
 transform: translateY(8px) rotate(2deg) scale(1.04); 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0) rotate(0deg) scale(1); 
 } 
} 
 
@keyframes pillDropInRight { 
 0% { 
 opacity: 0; 
 transform: translateY(-80px) rotate(10deg) scale(0.8); 
 } 
 65% { 
 transform: translateY(6px) rotate(-3deg) scale(1.04); 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0) rotate(0deg) scale(1); 
 } 
} 
 
@keyframes pillDropInFar { 
 0% { 
 opacity: 0; 
 transform: translateY(-100px) rotate(-5deg) scale(0.75); 
 } 
 65% { 
 transform: translateY(10px) rotate(4deg) scale(1.05); 
 } 
 100% { 
 opacity: 1; 
 transform: translateY(0) rotate(0deg) scale(1); 
 } 
} 
 
.ff-service-pill { 
 opacity: 0; 
 transform: translateY(-60px); 
} 
 
.ff-service-pill.pill-visible:nth-child(1) { 
 animation: pillDropIn 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
} 
.ff-service-pill.pill-visible:nth-child(2) { 
 animation: pillDropInFar 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
} 
.ff-service-pill.pill-visible:nth-child(3) { 
 animation: pillDropInRight 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
} 
.ff-service-pill.pill-visible:nth-child(4) { 
 animation: pillDropIn 0.65s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
} 
.ff-service-pill.pill-visible:nth-child(5) { 
 animation: pillDropInFar 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
} 
.ff-service-pill.pill-visible:nth-child(6) { 
 animation: pillDropInRight 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; 
} 
 
/* About section ? all greens ? header #15150F */ 
.about-new-label { 
 color: #15150F !important; 
} 
.about-new-btn { 
 background: #15150F !important; 
 border-color: #15150F !important; 
 color: #fff !important; 
} 
.about-new-btn:hover { 
 background: #15150F !important; 
} 
.about-check-icon { 
 background: #15150F !important; 
} 
.about-chart-card { 
 background: #15150F !important; 
} 
.about-stat-num { 
 color: #15150F !important; 
} 
.about-bar-active { 
 background: #CDFF4D !important; 
} 
.about-bar { 
 background: rgba(255, 255, 255, 0.2) !important; 
} 
.about-new-heading em, 
.about-new-heading i { 
 color: #15150F !important; 
} 
 
/* About chart bars ? match reference */ 
.about-mini-bars { 
 display: flex !important; 
 align-items: flex-end !important; 
 gap: 4px !important; 
 height: 55px !important; 
 margin: 8px 0 6px !important; 
} 
.about-bar { 
 flex: 1 !important; 
 border-radius: 3px 3px 0 0 !important; 
 background: rgba(255, 255, 255, 0.18) !important; 
 min-height: 6px !important; 
} 
.about-bar-active { 
 background: #CDFF4D !important; 
} 
.about-bar-years span { 
 color: rgba(255, 255, 255, 0.55) !important; 
 font-size: 7px !important; 
} 
 
/* Projects Delivered card ? square */ 
.about-chart-card { 
 width: 220px !important; 
 height: 170px !important; 
 padding: 16px 18px 12px !important; 
 display: flex !important; 
 flex-direction: column !important; 
 justify-content: space-between !important; 
} 
 
/* Floating buttons ? final correct positioning */ 
.chat__trigger-quin.logo-chat { 
 position: fixed !important; 
 bottom: 30px !important; 
 right: 30px !important; 
 width: 46px !important; 
 height: 46px !important; 
 background: #ffffff !important; 
 border: 1.5px solid #d0d0d0 !important; 
 border-radius: 50% !important; 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 z-index: 9999 !important; 
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important; 
} 
.progress-wrap { 
 position: fixed !important; 
 bottom: 30px !important; 
 right: 86px !important; 
 width: 46px !important; 
 height: 46px !important; 
 background: #ffffff !important; 
 border: 1.5px solid #d0d0d0 !important; 
 border-radius: 50% !important; 
 z-index: 9998 !important; 
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12) !important; 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
} 
 
/* Make icons visible inside floating buttons */ 
.chat__trigger-quin.logo-chat svg, 
.chat__trigger-quin.logo-chat svg path, 
.chat__trigger-quin.logo-chat svg use { 
 fill: #CDFF4D; 
 color: #CDFF4D !important; 
 stroke: #CDFF4D !important; 
} 
.progress-wrap svg.progress-circle { 
 display: none !important; 
} 
.progress-wrap::before { 
 content: none !important; 
} 
.progress-wrap::after { 
 content: "?" !important; 
 color: #15150F !important; 
 font-size: 20px !important; 
 font-weight: 800 !important; 
 line-height: 1 !important; 
 display: block !important; 
 font-family: var(--font-display) !important; 
} 
 
/* Scroll up button ? ^ symbol */ 
.progress-wrap::after { 
 content: "^" !important; 
 color: #15150F !important; 
 font-size: 22px !important; 
 font-weight: 800 !important; 
 line-height: 1 !important; 
 display: block !important; 
 font-family: var(--font-display) !important; 
 margin-top: -4px !important; 
} 
 
/* Center ^ in scroll button */ 
.progress-wrap::after { 
 content: "^" !important; 
 color: #CDFF4D !important; 
 font-size: 22px !important; 
 font-weight: 800 !important; 
 font-family: var(--font-display) !important; 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 width: 100% !important; 
 height: 100% !important; 
 position: absolute !important; 
 top: 0 !important; 
 left: 0 !important; 
 margin: 0 !important; 
 padding-top: 4px !important; 
} 
.progress-wrap { 
 position: fixed !important; 
 overflow: hidden !important; 
} 
 
/* Swap positions ? dots first (left), arrow second (right) */ 
.chat__trigger-quin.logo-chat { 
 right: 86px !important; 
} 
.progress-wrap { 
 right: 30px !important; 
} 
 
/* Smaller floating buttons */ 
.chat__trigger-quin.logo-chat, 
.progress-wrap { 
 width: 38px !important; 
 height: 38px !important; 
} 
 
/* ===================== 
 SIDEBAR MENU 
 ===================== */ 
.site-sidebar-overlay { 
 position: fixed; 
 inset: 0; 
 background: rgba(0, 0, 0, 0.55); 
 z-index: 10000; 
 opacity: 0; 
 visibility: hidden; 
 transition: 
 opacity 0.3s ease, 
 visibility 0.3s ease; 
} 
.site-sidebar-overlay.active { 
 opacity: 1; 
 visibility: visible; 
} 
.site-sidebar { 
 position: fixed; 
 top: 0; 
 right: 0; 
 width: min(320px, 92vw); 
 height: 100vh; 
 background: #15150F; 
 z-index: 10001; 
 transform: translateX(105%); 
 transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); 
 overflow-x: hidden; 
 overflow-y: auto; 
 padding: 0; 
 box-shadow: -12px 0 40px rgba(0, 0, 0, 0.35); 
} 
.site-sidebar.active { 
 transform: translateX(0); 
} 
.site-sidebar-close { 
 position: absolute; 
 top: 18px; 
 right: 18px; 
 background: rgba(255, 255, 255, 0.06); 
 border: 1px solid rgba(255, 255, 255, 0.12); 
 border-radius: 50%; 
 width: 40px; 
 height: 40px; 
 color: #fff; 
 font-size: 18px; 
 cursor: pointer; 
 z-index: 2; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 line-height: 1; 
 transition: background 0.2s ease, border-color 0.2s ease; 
} 
.site-sidebar-close:hover { 
 background: #CDFF4D; 
 border-color: #CDFF4D; 
 color: #15150F; 
} 
.site-sidebar-inner { 
 padding: 72px 28px 36px; 
 display: flex; 
 flex-direction: column; 
 min-height: 100%; 
 box-sizing: border-box; 
} 
.site-sidebar-nav { 
 display: flex; 
 flex-direction: column; 
 gap: 0; 
 margin-bottom: 36px; 
} 
.site-sidebar-nav a { 
 color: #CDFF4D !important; 
 font-family: var(--font-display) !important; 
 font-size: 22px !important; 
 font-weight: 400 !important; 
 text-decoration: none !important; 
 padding: 12px 0 !important; 
 border-bottom: 1px solid rgba(205, 255, 77, 0.15) !important; 
 transition: color 0.2s !important; 
} 
.site-sidebar-nav a:hover { 
 color: #ffffff !important; 
} 
.site-sidebar-cta { 
 margin-bottom: 28px; 
} 
.site-sidebar-cta p { 
 color: rgba(255, 255, 255, 0.65) !important; 
 font-size: 14px !important; 
 margin: 0 0 14px !important; 
 font-family: var(--font-body) !important; 
} 
.site-sidebar-btn { 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 width: 100% !important; 
 box-sizing: border-box !important; 
 padding: 14px 24px !important; 
 border: 1.5px solid #CDFF4D !important; 
 border-radius: 999px !important; 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 -webkit-text-fill-color: #15150F !important; 
 font-size: 13px !important; 
 font-weight: 700 !important; 
 letter-spacing: 0.04em !important; 
 text-decoration: none !important; 
 font-family: var(--font-display) !important; 
 transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important; 
} 
.site-sidebar-btn:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
 color: #15150F !important; 
 -webkit-text-fill-color: #15150F !important; 
} 
.site-sidebar-social { 
 display: flex; 
 flex-wrap: nowrap; 
 justify-content: space-between; 
 align-items: center; 
 gap: 8px; 
 width: 100%; 
 margin-bottom: 28px; 
} 
.site-sidebar-social a { 
 width: 42px !important; 
 height: 42px !important; 
 flex: 0 0 42px !important; 
 border-radius: 50% !important; 
 border: 1.5px solid #CDFF4D !important; 
 background: #CDFF4D !important; 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 color: #15150F !important; 
 font-size: 14px !important; 
 font-weight: 700 !important; 
 text-decoration: none !important; 
 text-transform: none !important; 
 transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important; 
} 
.site-sidebar-social a i, 
.site-sidebar-social a .fab, 
.site-sidebar-social a .fas { 
 color: #15150F !important; 
 line-height: 1 !important; 
} 
.site-sidebar-social a:hover { 
 background: #ffffff !important; 
 border-color: #ffffff !important; 
 color: #15150F !important; 
 transform: translateY(-2px); 
} 
.site-sidebar-social a:hover i, 
.site-sidebar-social a:hover .fab, 
.site-sidebar-social a:hover .fas { 
 color: #15150F !important; 
} 
.site-sidebar-address { 
 font-size: 12px !important; 
 color: rgba(255, 255, 255, 0.48) !important; 
 line-height: 1.65 !important; 
 font-family: var(--font-body) !important; 
 margin: auto 0 0 !important; 
} 
 
/* Sidebar: custom cursor stays active (see .ltx-cursor z-index above .site-sidebar) */
 
/* Blog sidebar widgets */ 
.widget_element { 
 background: #fff; 
 border-radius: 12px; 
 padding: 20px; 
 margin-bottom: 24px; 
 border: 1px solid #e8e4dc; 
} 
.widget_element img { 
 max-width: 100%; 
 height: auto; 
 border-radius: 8px; 
} 
 
/* Ensure sidebar is above everything */ 
.site-sidebar { 
 z-index: 99999 !important; 
} 
.site-sidebar-overlay { 
 z-index: 99998 !important; 
} 
/* Keep slide animation (do not override with transform-only junk later) */ 
.site-sidebar { 
 transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important; 
} 
 
/* ===================== 
 ABOUT PAGE ? Font consistency 
 ===================== */ 
.about-us h1, 
.about-us h2, 
.about-us h3, 
.about-us h4, 
.about-us h5, 
.about-heading1-home, 
.about-heading2-home, 
.banner-title, 
.venor-team .content h4, 
.venor-team .content h5, 
.about-us .section-title, 
.about-us .section-heading, 
.about-page-section h2, 
.about-page-section h3, 
.about-page-section h4 { 
 font-family: var(--font-display) !important; 
 font-style: normal !important; 
} 
 
.about-us p, 
.about-us span, 
.about-us a, 
.about-us li, 
.banner-desc, 
.venor-team .content p, 
.venor-team .content span { 
 font-family: var(--font-display) !important; 
} 
 
/* About page ? all headings and text Montserrat like home page */ 
.about-us h1, 
.about-us h2, 
.about-us h3, 
.about-us h4, 
.about-us h5, 
.about-page-section h2, 
.about-page-section h3, 
.about-page-section h4, 
.about-heading1-home, 
.about-heading2-home, 
.banner-title, 
.banner-desc, 
.about-us .section-title, 
.about-us .section-heading, 
.about-us p, 
.about-us li, 
.about-us span, 
.members-section h3.members-heading1, 
h4.about-heading1-home, 
h3.about-heading2-home { 
 font-family: var(--font-display) !important; 
} 
 
/* Team member name */ 
.venor-team .content h4 { 
 font-family: var(--font-display) !important; 
 font-weight: 600 !important; 
} 
 
/* ===================== 
 ABOUT PAGE ? Header green #15150F everywhere 
 ===================== */ 
 
/* Banner section */ 
.banner-section { 
 background-color: #15150F !important; 
} 
.banner-title { 
 color: #ffffff !important; 
} 
.banner-title span { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
.banner-desc { 
 color: rgba(255, 255, 255, 0.75) !important; 
} 
 
/* About headings accent */ 
h4.about-heading1-home { 
 color: #15150F !important; 
} 
h3.about-heading2-home span { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* Buttons on about page */ 
.about-us .btn-style1, 
.about-us .btn-style2, 
.about-us .btn { 
 background: #15150F !important; 
 border-color: #15150F !important; 
 color: #fff !important; 
} 
.about-us .btn:hover, 
.about-us .btn-style1:hover, 
.about-us .btn-style2:hover { 
 background: #15150F !important; 
} 
 
/* Section titles */ 
.about-us .section-title span, 
.about-us .section-heading span, 
.about-us h2 span, 
.about-us h3 span { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* Team hover overlay */ 
.members-section .venor-team:hover .thumbnail:after { 
 background: linear-gradient( 
 to bottom, 
 rgba(8, 63, 53, 0.5), 
 rgba(8, 63, 53, 0.95) 100% 
 ) !important; 
} 
.members-section .venor-team ul.social-icon li a { 
 color: #fff !important; 
} 
.members-section .venor-team ul.social-icon li a:hover { 
 color: #CDFF4D !important; 
} 
 
/* Stats / counters */ 
.about-us .counter-number, 
.about-us .count-number { 
 color: #15150F !important; 
} 
 
/* Links */ 
.about-us a:not(.btn):not(.btn-style1):not(.btn-style2) { 
 color: #15150F !important; 
} 
.about-us a:hover { 
 color: #15150F !important; 
} 
 
/* Header social share sidebar */ 
.header-social-share a { 
 color: #15150F !important; 
} 
 
/* ===================== 
 ABOUT PAGE ? Beige background on all sections 
 ===================== */ 
.about-us, 
.about-us.light-section, 
.members-section, 
.members-section.light-section, 
.about-page-section, 
.about-page-section.light-section, 
.light-section, 
.about-us .container, 
.members-section .container { 
 background: #15150F !important; 
 color: #CDFF4D !important; 
} 
 
/* Team section heading */ 
.members-section h2, 
.members-section h3, 
.members-section .section-title { 
 color: #15150F !important; 
} 
 
/* Keep team card overlay dark */ 
.members-section .venor-team .thumbnail:after { 
 background: linear-gradient( 
 to bottom, 
 transparent, 
 rgba(8, 63, 53, 0.92) 100% 
 ) !important; 
} 
 
/* About page general sections */ 
.about-page-wrapper, 
.about-page-wrapper > div, 
.about-page-wrapper section { 
 background: #f0ede6 !important; 
} 
 
/* Fix any remaining black backgrounds on about page */ 
body.common-front .about-us, 
body.common-front .members-section { 
 background-color: #15150F !important; 
} 
 
/* About page specific section backgrounds */ 
.members-section { 
 background: #f0ede6 !important; 
} 
.members-section h3.members-heading1 { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
 font-weight: 700 !important; 
 font-size: clamp(32px, 4vw, 56px) !important; 
 text-align: center !important; 
} 
.testimonial-section.light-section { 
 background: #f0ede6 !important; 
} 
.clients-section { 
 background: #f0ede6 !important; 
} 
 
/* About page ? all sections beige, color theme applied */ 
.about-us.light-section, 
.members-section, 
.testimonial-section.light-section, 
.clients-section { 
 background-color: #15150F !important; 
} 
 
/* About section text colors */ 
.about-us h3, 
.about-us h4 { 
 color: #CDFF4D !important; 
} 
h4.about-heading1-home { 
 color: #CDFF4D !important; 
 font-family: var(--font-display) !important; 
 font-size: 13px !important; 
 letter-spacing: 2px !important; 
 text-transform: uppercase !important; 
} 
h3.about-heading2-home { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 font-family: var(--font-display) !important; 
} 
h3.about-heading2-home strong, 
h3.about-heading2-home em, 
h3.about-heading2-home span, 
h3.about-heading2-home * { 
 font-family: var(--font-display) !important; 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
h3.about-heading2-home span { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* Members section heading */ 
.members-section h3.members-heading1 { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
 font-weight: 700 !important; 
 font-size: clamp(32px, 4vw, 56px) !important; 
 text-align: center !important; 
} 
.members-section h3.members-heading1 strong, 
.members-section h3.members-heading1 em, 
.members-section h3.members-heading1 span, 
.members-section h3.members-heading1 * { 
 font-family: var(--font-display) !important; 
 font-weight: 700 !important; 
} 
 
/* Testimonial section */ 
.testimonial-section .testimonial-name { 
 color: #15150F !important; 
} 
.testimonial-section .testimonial-position { 
 color: #15150F !important; 
} 
 
/* Clients section */ 
.clients-section h3, 
.clients-section h4 { 
 color: #15150F !important; 
} 
 
/* About page buttons */ 
.about-us .btn-style1, 
.about-us .btn-style2 { 
 background: #15150F !important; 
 border-color: #15150F !important; 
 color: #fff !important; 
} 
.about-us .btn-style1:hover, 
.about-us .btn-style2:hover { 
 background: #15150F !important; 
} 
 
/* Force banner background to #15150F ? override JS-set background image */ 
.banner-section, 
.banner-section[style], 
div.banner-section { 
 background-image: none !important; 
 background: #15150F !important; 
} 
 
/* ===================== 
 ABOUT BANNER ? Improved design with blobs 
 ===================== */ 
.banner-section { 
 position: relative !important; 
 overflow: hidden !important; 
 background: #15150F !important; 
 background-image: 
 radial-gradient( 
 ellipse at 80% 50%, 
 rgba(183, 234, 36, 0.12) 0%, 
 transparent 60% 
 ), 
 radial-gradient( 
 ellipse at 20% 80%, 
 rgba(183, 234, 36, 0.08) 0%, 
 transparent 50% 
 ) !important; 
} 
 
/* Animated blob decorations */ 
.banner-blob { 
 position: absolute; 
 border-radius: 50%; 
 pointer-events: none; 
 z-index: 0; 
} 
 
.banner-blob-1 { 
 width: 500px; 
 height: 500px; 
 background: radial-gradient( 
 circle, 
 rgba(183, 234, 36, 0.15) 0%, 
 transparent 70% 
 ); 
 top: -150px; 
 right: -100px; 
 animation: blobFloat 8s ease-in-out infinite; 
} 
 
.banner-blob-2 { 
 width: 300px; 
 height: 300px; 
 background: radial-gradient( 
 circle, 
 rgba(183, 234, 36, 0.1) 0%, 
 transparent 70% 
 ); 
 bottom: -80px; 
 right: 200px; 
 animation: blobFloat 10s ease-in-out infinite reverse; 
} 
 
.banner-blob-3 { 
 width: 200px; 
 height: 200px; 
 background: radial-gradient( 
 circle, 
 rgba(255, 255, 255, 0.05) 0%, 
 transparent 70% 
 ); 
 top: 50px; 
 left: 60%; 
 animation: blobFloat 12s ease-in-out infinite; 
} 
 
@keyframes blobFloat { 
 0%, 
 100% { 
 transform: translateY(0) scale(1); 
 } 
 50% { 
 transform: translateY(-20px) scale(1.05); 
 } 
} 
 
/* Ensure content is above blobs */ 
.banner-section .container, 
.banner-section .header-social-share, 
.banner-section .hero__scroll { 
 position: relative !important; 
 z-index: 2 !important; 
} 
 
/* Bottom wave on banner */ 
.banner-section::after { 
 content: "" !important; 
 position: absolute !important; 
 bottom: -2px !important; 
 left: 0 !important; 
 right: 0 !important; 
 height: 60px !important; 
 background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L1200,0 L1200,60 L0,60 Z' fill='%23f0ede6'/%3E%3C/svg%3E") 
 no-repeat bottom !important; 
 background-size: cover !important; 
 z-index: 1 !important; 
} 
 
/* Fix banner content positioning */ 
.banner-section { 
 min-height: 480px !important; 
 padding: 100px 0 80px !important; 
 display: flex !important; 
 flex-direction: column !important; 
 justify-content: center !important; 
} 
 
.banner-section .container { 
 padding-top: 0 !important; 
 padding-bottom: 0 !important; 
} 
 
.banner-title { 
 font-size: 72px !important; 
 font-weight: 800 !important; 
 line-height: 1 !important; 
 margin-bottom: 20px !important; 
 color: #ffffff !important; 
} 
 
.banner-title span, 
.banner-title strong { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 display: block !important; 
} 
 
.banner-desc { 
 font-size: 15px !important; 
 color: rgba(255, 255, 255, 0.65) !important; 
 max-width: 480px !important; 
 line-height: 1.7 !important; 
 margin: 0 !important; 
} 
 
/* ========================= 
 BLOG PAGE ? BEIGE THEME 
========================= */ 
.blog-page-section { 
 background: #15150F !important; 
} 
 
/* Post card: swap dark background to white */ 
.blog-page-section article.single-post.blogloop-v2 { 
 background: #ffffff !important; 
 border-radius: 16px !important; 
 overflow: hidden !important; 
 box-shadow: 0 4px 20px rgba(21, 21, 15, 0.07) !important; 
 margin-bottom: 28px !important; 
} 
 
/* Post title */ 
.blog-page-section h2.post-name a, 
.blog-page-section h2.post-name { 
 color: #15150F !important; 
} 
 
.blog-page-section h2.post-name a:hover { 
 color: #15150F !important; 
 -webkit-text-stroke: 0 !important; 
} 
 
/* Post date badge */ 
.blog-page-section span.post-date { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
 
/* Category / tag text */ 
.blog-page-section .post-category-comment-date span, 
.blog-page-section .post-category-comment-date span i { 
 color: #CDFF4D !important; 
} 
 
/* Excerpt text */ 
.blog-page-section .post-excerpt p, 
.blog-page-section .post-body p { 
 color: #4b5563 !important; 
} 
 
/* Sidebar widgets */ 
.blog-page-section .widget_element { 
 background: #ffffff !important; 
 border-radius: 14px !important; 
 padding: 24px !important; 
 box-shadow: 0 2px 12px rgba(21, 21, 15, 0.06) !important; 
} 
 
.blog-page-section h3.widget-title { 
 color: #15150F !important; 
 background: #f0ede6 !important; 
 margin: -24px -24px 20px !important; 
 padding: 16px 24px !important; 
 border-radius: 14px 14px 0 0 !important; 
} 
 
.blog-page-section p.html-widget-paragraph { 
 color: #4b5563 !important; 
} 
 
/* Sidebar post links */ 
.blog-page-section .post-details-element-title a { 
 color: #15150F !important; 
} 
 
.blog-page-section .post-details-element-title a:hover { 
 color: #15150F !important; 
} 
 
/* Read more / action buttons */ 
.blog-page-section .btn.btn-style1 { 
 border-color: #15150F !important; 
 color: #15150F !important; 
 background: transparent !important; 
} 
 
.blog-page-section .btn.btn-style1:hover { 
 background: #15150F !important; 
 color: #ffffff !important; 
} 
 
/* ============================================== 
 HOMEPAGE RESPONSIVE ? MISSING MOBILE RULES 
 ============================================== */ 
 
/* ---- HERO ---- */ 
@media (max-width: 480px) { 
 .hero-ref-left h1 { 
 font-size: 32px !important; 
 letter-spacing: -0.5px; 
 } 
 .hero-ref-actions { 
 align-items: center !important; 
 } 
 .hero-ref-stat-box { 
 gap: 12px !important; 
 } 
 .hero-ref-stat-box h3 { 
 font-size: 36px !important; 
 } 
} 
 
/* ---- ABOUT ---- */ 
@media (max-width: 768px) { 
 .about-section-new { 
 padding: 60px 0 !important; 
 } 
 .about-new-right { 
 padding-left: 16px !important; 
 padding-top: 20px !important; 
 } 
 .about-chart-card { 
 width: 160px !important; 
 right: 10px !important; 
 } 
 .about-new-heading { 
 font-size: 28px !important; 
 } 
} 
 
/* ---- SOLUTIONS ---- */ 
@media (max-width: 768px) { 
 .sol-detail { 
 position: static !important; 
 } 
 .sol-tabs { 
 gap: 6px !important; 
 } 
 .sol-tab { 
 padding: 6px 12px !important; 
 font-size: 11px !important; 
 } 
} 
@media (max-width: 480px) { 
 .sol-title { 
 font-size: 24px !important; 
 } 
 .sol-section { 
 padding: 40px 0 !important; 
 } 
} 
 
/* ---- FUN FACTS ? hide overlapping mountain labels on small screens ---- */ 
@media (max-width: 480px) { 
 .ff-labels { 
 display: none !important; 
 } 
 .ff-right-title { 
 font-size: 28px !important; 
 } 
 .ff-stat-num { 
 font-size: 36px !important; 
 } 
} 
 
/* ---- TESTIMONIALS ? CRITICAL: stack to single column ---- */ 
@media (max-width: 768px) { 
 .lx-testi-cards { 
 grid-template-columns: 1fr !important; 
 } 
 .lx-testi-top { 
 padding: 50px 16px 40px !important; 
 } 
 .lx-testi-bottom { 
 padding: 40px 0 50px !important; 
 } 
 .lx-testi-title { 
 font-size: 32px !important; 
 } 
 .lx-rating-pill { 
 min-width: 120px !important; 
 } 
} 
@media (max-width: 480px) { 
 .lx-testi-title { 
 font-size: 24px !important; 
 } 
 .lx-rating-pills { 
 gap: 8px !important; 
 } 
 .lx-rating-pill { 
 min-width: calc(50% - 8px) !important; 
 } 
 .lx-big-rating { 
 font-size: 42px !important; 
 } 
} 
 
/* ---- BLOG ---- */ 
@media (max-width: 768px) { 
 .bl-card-img, 
 .bl-card-img-box, 
 .bl-card-img-placeholder { 
 height: 180px !important; 
 } 
 .bl-card-dark { 
 min-height: 260px !important; 
 } 
} 
@media (max-width: 480px) { 
 .bl-heading { 
 font-size: 24px !important; 
 } 
 .blog-section-new { 
 padding: 40px 0 !important; 
 } 
} 
 
/* ---- GET IN TOUCH ? remove forced 100vh ---- */ 
@media (max-width: 768px) { 
 .getintouch-home .d2-wrap { 
 min-height: auto !important; 
 } 
 .d2-phone-row { 
 white-space: normal !important; 
 word-break: break-all; 
 } 
 .getintouch-home .d2-title { 
 font-size: 32px !important; 
 } 
} 
@media (max-width: 480px) { 
 .getintouch-home .d2-title { 
 font-size: 26px !important; 
 } 
 .d2-cards { 
 gap: 16px !important; 
 } 
} 
 
/* ---- CONTACT CTA ---- */ 
@media (max-width: 480px) { 
 .contact-cta-title { 
 font-size: 32px !important; 
 line-height: 1.15 !important; 
 } 
} 
 
/* ---- FAQ ? hide image on very small screens ---- */ 
@media (max-width: 480px) { 
 .faq-img-box { 
 display: none !important; 
 } 
 .faq-heading { 
 font-size: 22px !important; 
 } 
} 
 
/* ---- PORTFOLIO ---- */ 
@media (max-width: 480px) { 
 .lx-portfolio-section { 
 padding: 40px 16px !important; 
 } 
 .lx-port-title { 
 font-size: 26px !important; 
 } 
 .lx-port-cards { 
 grid-template-columns: 1fr !important; 
 } 
} 
 
/* ---- GENERAL CONTAINER PADDING ON MOBILE ---- */ 
@media (max-width: 480px) { 
 .container { 
 padding-left: 16px !important; 
 padding-right: 16px !important; 
 } 
 .banner-title { 
 font-size: 42px !important; 
 } 
 .banner-section { 
 padding: 80px 0 60px !important; 
 min-height: 360px !important; 
 } 
} 
 
/* ============================================== 
 FUN FACTS ? MOBILE FIX 
 ============================================== */ 
@media (max-width: 768px) { 
 .ff-mountain { 
 display: block !important; 
 height: 160px !important; 
 } 
 .ff-labels { 
 display: none !important; 
 } 
 .ff-bottom-inner { 
 grid-template-columns: 1fr !important; 
 gap: 32px !important; 
 padding: 0 16px !important; 
 } 
 .ff-gcard { 
 display: none !important; 
 } 
 .ff-right { 
 max-width: 100%; 
 } 
 .ff-right-title { 
 font-size: 28px !important; 
 margin-bottom: 20px !important; 
 } 
 .ff-stats-row { 
 grid-template-columns: repeat(2, 1fr) !important; 
 gap: 16px !important; 
 } 
 .ff-stat-num { 
 font-size: 32px !important; 
 } 
 .ff-stat-lbl { 
 font-size: 13px !important; 
 max-width: 100% !important; 
 } 
 .ff-service-tags { 
 gap: 10px !important; 
 margin-top: 24px !important; 
 } 
 .ff-service-pill { 
 font-size: 12px !important; 
 padding: 9px 14px !important; 
 } 
} 
@media (max-width: 480px) { 
 .ff-mountain { 
 height: 120px !important; 
 } 
 .ff-right-title { 
 font-size: 24px !important; 
 } 
 .ff-stat-num { 
 font-size: 26px !important; 
 } 
} 
 
/* ============================================== 
 SOCIAL ICONS ? CIRCLE STYLE (like live site) 
 ============================================== */ 
.header-social-share { 
 position: absolute !important; 
 bottom: 40px !important; 
 left: 40px !important; 
 z-index: 10 !important; 
} 
 
.header-social-share ul { 
 list-style: none !important; 
 padding: 0 !important; 
 margin: 0 !important; 
 display: flex !important; 
 gap: 10px !important; 
 flex-wrap: wrap !important; 
} 
 
.header-social-share ul li a { 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 width: 38px !important; 
 height: 38px !important; 
 border-radius: 50% !important; 
 border: 1.5px solid rgba(255, 255, 255, 0.4) !important; 
 color: #ffffff !important; 
 font-size: 14px !important; 
 text-decoration: none !important; 
 transition: all 0.3s ease !important; 
 background: transparent !important; 
} 
 
.header-social-share ul li a:hover { 
 background: rgba(255, 255, 255, 0.15) !important; 
 border-color: #ffffff !important; 
} 
 
.header-social-share ul li a em strong { 
 display: none !important; 
} 
 
@media (max-width: 767px) { 
 .header-social-share { 
 bottom: 20px !important; 
 left: 20px !important; 
 } 
 
 .header-social-share ul li a { 
 width: 32px !important; 
 height: 32px !important; 
 font-size: 12px !important; 
 } 
} 
 
/* Social icons inline below banner desc */ 
.banner-social-inline { 
 position: static !important; 
 margin-top: 80px !important; 
 margin-left: -30px !important; 
} 
 
.banner-social-inline ul { 
 list-style: none !important; 
 padding: 0 !important; 
 margin: 0 !important; 
 display: flex !important; 
 gap: 10px !important; 
 flex-wrap: wrap !important; 
} 
 
.banner-social-inline ul li a { 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 width: 38px !important; 
 height: 38px !important; 
 border-radius: 50% !important; 
 border: 1.5px solid rgba(255, 255, 255, 0.4) !important; 
 color: #ffffff !important; 
 font-size: 14px !important; 
 text-decoration: none !important; 
 transition: all 0.3s ease !important; 
 background: transparent !important; 
} 
 
.banner-social-inline ul li a:hover { 
 background: rgba(255, 255, 255, 0.15) !important; 
 border-color: #ffffff !important; 
} 
 
.banner-social-inline ul li a em strong { 
 display: none !important; 
} 
 
/* Remove gap between banner and blog content */ 
.blog-page-section { 
 margin-top: 0 !important; 
 padding-top: 40px !important; 
} 
 
/* Remove white gap between banner and next section */ 
.banner-section::after { 
 display: none !important; 
} 
 
/* Career page sidebar ? dark green like home page */ 
.fixed-sidebar-menu-holder.header7, 
.fixed-sidebar-menu-holder.header7 .fixed-sidebar-menu, 
.fixed-sidebar-menu-holder.header7 .sidebar-content { 
 background: #15150F !important; 
} 
 
.fixed-sidebar-menu-holder.header7 .header__nav-link, 
.fixed-sidebar-menu-holder.header7 .menu-description p, 
.fixed-sidebar-menu-holder.header7 .address-sidebar div { 
 color: #ffffff !important; 
} 
 
.fixed-sidebar-menu-holder.header7 .header__nav-link:hover { 
 color: #CDFF4D !important; 
} 
 
/* ============================================== 
 BLOG PAGE ? 3-COLUMN GRID LAYOUT 
 ============================================== */ 
.blog-grid-layout { 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 gap: 24px; 
 align-items: stretch; 
} 
 
.blog-grid-card { 
 background: #ffffff; 
 border-radius: 16px; 
 overflow: hidden; 
 display: flex; 
 flex-direction: column; 
 box-shadow: 0 4px 20px rgba(21, 21, 15, 0.07); 
 transition: 
 transform 0.2s ease, 
 box-shadow 0.2s ease; 
} 
 
.blog-grid-card:hover { 
 transform: translateY(-4px); 
 box-shadow: 0 8px 30px rgba(21, 21, 15, 0.12); 
} 
 
.blog-grid-img-link { 
 position: relative; 
 display: block; 
 overflow: hidden; 
 height: 200px; 
 flex-shrink: 0; 
} 
 
.blog-grid-img { 
 width: 100%; 
 height: 200px; 
 object-fit: cover; 
 display: block; 
 transition: transform 0.4s ease; 
} 
 
.blog-grid-card:hover .blog-grid-img { 
 transform: scale(1.05); 
} 
 
.blog-grid-date { 
 position: absolute; 
 top: 12px; 
 left: 12px; 
 background: #15150F; 
 color: #ffffff; 
 font-size: 11px; 
 font-weight: 600; 
 padding: 5px 10px; 
 border-radius: 6px; 
 font-family: var(--font-display); 
} 
 
.blog-grid-body { 
 padding: 18px 18px 20px; 
 display: flex; 
 flex-direction: column; 
 flex: 1; 
} 
 
.blog-grid-tag { 
 font-size: 10px; 
 font-weight: 700; 
 letter-spacing: 0.1em; 
 text-transform: uppercase; 
 color: #15150F; 
 margin-bottom: 10px; 
 display: block; 
 font-family: var(--font-display); 
} 
 
.blog-grid-title { 
 font-family: var(--font-display); 
 font-size: 16px; 
 font-weight: 700; 
 color: #15150F; 
 line-height: 1.4; 
 margin: 0 0 10px; 
} 
 
.blog-grid-title a { 
 color: #15150F; 
 text-decoration: none; 
} 
 
.blog-grid-title a:hover { 
 color: #15150F; 
} 
 
.blog-grid-excerpt { 
 font-size: 13px; 
 color: #6b7280; 
 line-height: 1.65; 
 margin: 0 0 16px; 
 flex: 1; 
 font-family: var(--font-display); 
} 
 
.blog-grid-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 6px; 
 font-size: 12px; 
 font-weight: 600; 
 color: #15150F; 
 text-decoration: none; 
 border-bottom: 1.5px solid #15150F; 
 padding-bottom: 2px; 
 width: fit-content; 
 font-family: var(--font-display); 
 transition: 
 color 0.2s, 
 border-color 0.2s; 
 margin-top: auto; 
} 
 
.blog-grid-btn:hover { 
 color: #15150F; 
 border-color: #15150F; 
 text-decoration: none; 
} 
 
/* Responsive */ 
@media (max-width: 900px) { 
 .blog-grid-layout { 
 grid-template-columns: repeat(2, 1fr); 
 } 
} 
 
@media (max-width: 576px) { 
 .blog-grid-layout { 
 grid-template-columns: 1fr; 
 } 
} 
 
/* Blog grid ? full width, bigger cards */ 
.blog-page-section .container-fluid { 
 max-width: 100% !important; 
 padding: 40px 40px 60px !important; 
} 
 
.blog-grid-layout { 
 grid-template-columns: repeat(3, 1fr) !important; 
 gap: 28px !important; 
} 
 
.blog-grid-img-link, 
.blog-grid-img { 
 height: 240px !important; 
} 
 
.blog-grid-title { 
 font-size: 18px !important; 
} 
 
.blog-grid-excerpt { 
 font-size: 14px !important; 
} 
 
@media (max-width: 900px) { 
 .blog-grid-layout { 
 grid-template-columns: repeat(2, 1fr) !important; 
 } 
 .blog-page-section .container-fluid { 
 padding: 30px 20px 50px !important; 
 } 
} 
 
@media (max-width: 576px) { 
 .blog-grid-layout { 
 grid-template-columns: 1fr !important; 
 } 
} 
 
/* Fix blog grid top padding */ 
.blog-page-section { 
 padding-top: 50px !important; 
} 
 
/* Fix blog cards top cut issue */ 
.blog-page-section { 
 padding-top: 60px !important; 
 padding-bottom: 60px !important; 
} 
 
.blog-page-section .container-fluid { 
 padding-top: 0 !important; 
} 
 
/* Fix first row cards being clipped at top */ 
.blog-page-section { 
 overflow: visible !important; 
 padding-top: 80px !important; 
} 
 
.blog-page-section .container-fluid { 
 overflow: visible !important; 
} 
 
.blog-grid-layout { 
 overflow: visible !important; 
} 
 
/* Taller blog card images to show more content */ 
.blog-grid-img-link, 
.blog-grid-img { 
 height: 280px !important; 
} 
 
.blog-grid-img { 
 object-fit: cover !important; 
 object-position: top !important; 
} 
 
/* Blog grid with sidebar ? 2 columns */ 
.col-md-9 .blog-grid-layout { 
 grid-template-columns: repeat(2, 1fr) !important; 
} 
 
@media (max-width: 768px) { 
 .col-md-9 .blog-grid-layout { 
 grid-template-columns: 1fr !important; 
 } 
} 
 
/* Blog cards ? equal size, image centered */ 
.blog-grid-layout { 
 align-items: stretch !important; 
} 
 
.blog-grid-card { 
 height: 100% !important; 
} 
 
.blog-grid-img { 
 object-position: center center !important; 
} 
 
.blog-grid-img-link, 
.blog-grid-img { 
 height: 220px !important; 
} 
 
/* Blog ? 3 cards per row with sidebar */ 
.col-md-9 .blog-grid-layout { 
 grid-template-columns: repeat(3, 1fr) !important; 
 gap: 20px !important; 
} 
 
.col-md-9 .blog-grid-img-link, 
.col-md-9 .blog-grid-img { 
 height: 180px !important; 
} 
 
.col-md-9 .blog-grid-title { 
 font-size: 15px !important; 
} 
 
.col-md-9 .blog-grid-excerpt { 
 font-size: 12px !important; 
} 
 
@media (max-width: 992px) { 
 .col-md-9 .blog-grid-layout { 
 grid-template-columns: repeat(2, 1fr) !important; 
 } 
} 
 
@media (max-width: 576px) { 
 .col-md-9 .blog-grid-layout { 
 grid-template-columns: 1fr !important; 
 } 
} 
 
/* ============================================== 
 BLOG ? 2-col top + 3-col rest + sidebar 
 ============================================== */ 
.blog-grid-2col { 
 display: grid; 
 grid-template-columns: repeat(2, 1fr); 
 gap: 24px; 
 align-items: stretch; 
} 
 
.blog-grid-3col { 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 gap: 20px; 
 align-items: stretch; 
} 
 
/* Tall image for top 2 cards */ 
.blog-grid-img-tall, 
.blog-grid-img-tall .blog-grid-img { 
 height: 280px !important; 
} 
 
/* Normal image for 3-col cards */ 
.blog-grid-3col .blog-grid-img-link, 
.blog-grid-3col .blog-grid-img { 
 height: 180px !important; 
} 
 
/* All images ? no crop, show full */ 
.blog-grid-img { 
 object-fit: cover !important; 
 object-position: center top !important; 
 width: 100% !important; 
 display: block !important; 
} 
 
/* Equal height cards */ 
.blog-grid-2col .blog-grid-card, 
.blog-grid-3col .blog-grid-card { 
 display: flex !important; 
 flex-direction: column !important; 
 height: 100% !important; 
} 
 
.blog-grid-2col .blog-grid-body, 
.blog-grid-3col .blog-grid-body { 
 flex: 1 !important; 
 display: flex !important; 
 flex-direction: column !important; 
} 
 
.blog-grid-2col .blog-grid-btn, 
.blog-grid-3col .blog-grid-btn { 
 margin-top: auto !important; 
} 
 
/* 3-col smaller text */ 
.blog-grid-3col .blog-grid-title { 
 font-size: 14px !important; 
} 
.blog-grid-3col .blog-grid-excerpt { 
 font-size: 12px !important; 
} 
 
/* Responsive */ 
@media (max-width: 992px) { 
 .blog-grid-2col { 
 grid-template-columns: 1fr !important; 
 } 
 .blog-grid-3col { 
 grid-template-columns: repeat(2, 1fr) !important; 
 } 
} 
@media (max-width: 576px) { 
 .blog-grid-3col { 
 grid-template-columns: 1fr !important; 
 } 
} 
 
/* ============================================== 
 BLOG ? FULL WIDTH CARDS FIX 
 ============================================== */ 
.blog-page-section .container-fluid, 
.blog-page-section .container { 
 max-width: 100% !important; 
 padding-left: 20px !important; 
 padding-right: 20px !important; 
} 
 
/* Top 2 cards ? full height images */ 
.blog-grid-2col { 
 grid-template-columns: repeat(2, 1fr) !important; 
 gap: 20px !important; 
} 
 
.blog-grid-img-tall, 
.blog-grid-img-tall .blog-grid-img { 
 height: 320px !important; 
 object-fit: cover !important; 
 object-position: center !important; 
} 
 
/* 3-col cards */ 
.blog-grid-3col { 
 grid-template-columns: repeat(3, 1fr) !important; 
 gap: 20px !important; 
} 
 
.blog-grid-3col .blog-grid-img-link, 
.blog-grid-3col .blog-grid-img { 
 height: 200px !important; 
 object-fit: cover !important; 
 object-position: center !important; 
} 
 
/* col-md-9 takes full available space */ 
.col-md-9 { 
 padding-right: 16px !important; 
} 
 
/* Remove old conflicting rules */ 
.col-md-9 .blog-grid-layout { 
 display: none !important; 
} 
 
/* ============================================== 
 BLOG CARDS ? MATCH SECOND SCREENSHOT SIZE 
 ============================================== */ 
.blog-grid-2col .blog-grid-img-link, 
.blog-grid-2col .blog-grid-img, 
.blog-grid-img-tall, 
.blog-grid-img-tall .blog-grid-img { 
 height: 260px !important; 
} 
 
.blog-grid-3col .blog-grid-img-link, 
.blog-grid-3col .blog-grid-img { 
 height: 220px !important; 
} 
 
.blog-grid-2col .blog-grid-title { 
 font-size: 18px !important; 
 line-height: 1.4 !important; 
} 
 
.blog-grid-3col .blog-grid-title { 
 font-size: 16px !important; 
 line-height: 1.4 !important; 
} 
 
.blog-grid-2col .blog-grid-excerpt, 
.blog-grid-3col .blog-grid-excerpt { 
 font-size: 13px !important; 
 line-height: 1.6 !important; 
} 
 
/* Full width ? no wasted space */ 
.blog-page-section .row { 
 margin: 0 !important; 
} 
 
.blog-page-section .col-md-9 { 
 padding-left: 0 !important; 
 padding-right: 12px !important; 
} 
 
.blog-page-section .col-md-3 { 
 padding-left: 12px !important; 
 padding-right: 0 !important; 
} 
 
/* ============================================== 
 BLOG ? SIDEBAR ROW + FULL WIDTH 3-COL GRID 
 ============================================== */ 
 
/* Row 1: About us + Banner ad side by side */ 
.blog-sidebar-row { 
 display: grid; 
 grid-template-columns: repeat(2, 1fr); 
 gap: 24px; 
 margin-bottom: 40px; 
} 
 
.blog-sidebar-card { 
 background: #ffffff !important; 
 border-radius: 16px !important; 
 padding: 24px !important; 
 box-shadow: 0 4px 20px rgba(21, 21, 15, 0.07) !important; 
} 
 
/* Full width 3-col grid */ 
.blog-full-grid { 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 gap: 24px; 
 align-items: stretch; 
} 
 
.blog-full-grid .blog-grid-card { 
 display: flex; 
 flex-direction: column; 
 height: 100%; 
} 
 
.blog-full-grid .blog-grid-img-link, 
.blog-full-grid .blog-grid-img { 
 height: 240px !important; 
 object-fit: cover !important; 
 object-position: center !important; 
} 
 
.blog-full-grid .blog-grid-title { 
 font-size: 17px !important; 
} 
 
.blog-full-grid .blog-grid-excerpt { 
 font-size: 13px !important; 
} 
 
.blog-full-grid .blog-grid-body { 
 flex: 1; 
 display: flex; 
 flex-direction: column; 
} 
 
.blog-full-grid .blog-grid-btn { 
 margin-top: auto; 
} 
 
/* Responsive */ 
@media (max-width: 992px) { 
 .blog-sidebar-row { 
 grid-template-columns: 1fr !important; 
 } 
 .blog-full-grid { 
 grid-template-columns: repeat(2, 1fr) !important; 
 } 
} 
@media (max-width: 576px) { 
 .blog-full-grid { 
 grid-template-columns: 1fr !important; 
 } 
} 
 
/* Sidebar cards smaller */ 
.blog-sidebar-row { 
 max-width: 860px !important; 
 margin-left: 0 !important; 
 margin-right: auto !important; 
} 
 
.blog-sidebar-card { 
 padding: 16px !important; 
} 
 
.blog-sidebar-card img { 
 max-height: 160px !important; 
 object-fit: cover !important; 
 width: 100% !important; 
 border-radius: 10px !important; 
} 
 
/* Blog images ? show from top so text visible */ 
.blog-full-grid .blog-grid-img { 
 object-position: top center !important; 
} 
 
/* ============================================== 
 PORTFOLIO PAGE ? BEIGE BG + EQUAL CARDS 
 ============================================== */ 
.portfolio-section-page, 
.portfolio-section-page .projects-page-row, 
.portfolio-section-page .light-section { 
 background: #f0ede6 !important; 
} 
 
/* Equal height cards in grid */ 
.portfolio-section-page .portfolio-section-row { 
 align-items: stretch !important; 
} 
 
.portfolio-section-page .row { 
 align-items: stretch !important; 
} 
 
.portfolio-section-page .col-md-6 { 
 display: flex !important; 
 flex-direction: column !important; 
} 
 
.portfolio-section-page .info-row__info, 
.portfolio-section-page .project-img { 
 flex: 1 !important; 
 height: 100% !important; 
} 
 
.portfolio-section-page .project-img img { 
 width: 100% !important; 
 height: 100% !important; 
 object-fit: cover !important; 
 min-height: 320px !important; 
} 
 
/* ============================================== 
 PORTFOLIO PAGE ? BEIGE BG + EQUAL CARDS 
 ============================================== */ 
.porfolio-row- { 
 background: #f0ede6 !important; 
} 
 
.container-fluid.mt-5 { 
 background: #f0ede6 !important; 
 padding: 40px 24px 60px !important; 
} 
 
/* Equal height cards */ 
.porfolio-row- .col-md-4 { 
 display: flex !important; 
 flex-direction: column !important; 
 margin-bottom: 28px !important; 
} 
 
.Porfolio { 
 background: #ffffff !important; 
 border-radius: 16px !important; 
 overflow: hidden !important; 
 box-shadow: 0 4px 20px rgba(21, 21, 15, 0.07) !important; 
 display: flex !important; 
 flex-direction: column !important; 
 height: 100% !important; 
 padding: 0 0 20px !important; 
} 
 
.Porfolio .projectImg { 
 width: 100% !important; 
 height: 220px !important; 
 overflow: hidden !important; 
 margin-bottom: 16px !important; 
} 
 
.Porfolio .projectImg img { 
 width: 100% !important; 
 height: 220px !important; 
 object-fit: cover !important; 
 object-position: top !important; 
 display: block !important; 
} 
 
.Porfolio .content { 
 padding: 0 16px !important; 
 flex: 1 !important; 
} 
 
.Porfolio .viewButton { 
 padding: 0 16px !important; 
 margin-top: auto !important; 
} 
 
/* Portfolio cards ? remove dark box, green text */ 
.Porfolio .profolioDescription, 
.Porfolio .profolioDescription p, 
.Porfolio .project-desc, 
.Porfolio .project-desc p { 
 background: transparent !important; 
 background-color: transparent !important; 
 color: #15150F !important; 
 padding: 0 !important; 
} 
 
.Porfolio .content p, 
.Porfolio .content div { 
 background: transparent !important; 
 color: #15150F !important; 
} 
 
/* Remove any dark overlay boxes inside portfolio cards */ 
.Porfolio * { 
 background-color: transparent !important; 
} 
 
/* But keep card white */ 
.Porfolio { 
 background: #ffffff !important; 
} 
 
/* Category heading green */ 
.Porfolio .portfolioTitle h2 { 
 color: #15150F !important; 
 font-weight: 700 !important; 
} 
 
.Porfolio .portfolioTitle p { 
 color: #15150F !important; 
} 
 
/* Remove black gap after portfolio banner */ 
.portfolio-page .banner-section, 
body:has(.porfolio-row-) .banner-section { 
 min-height: auto !important; 
 padding-bottom: 60px !important; 
} 
 
/* Hide any black background between banner and portfolio grid */ 
.container-fluid.mt-5 { 
 margin-top: 0 !important; 
 background: #f0ede6 !important; 
} 
 
/* Kill the black block ? it's the banner's min-height overflow */ 
.banner-section + .container-fluid { 
 margin-top: 0 !important; 
} 
 
/* Products page ? beige background */ 
.contant-section-page.product-page { 
 background: #15150F !important; 
} 
 
.contant-section-page.product-page .container { 
 background: #15150F !important; 
} 
 
/* Products page ? dark green text, remove dark card overlay */ 
.product-page .project-meta h4, 
.product-page .project-meta h3, 
.product-page .project-meta p, 
.product-page .project-meta a, 
.product-page .project-meta span, 
.product-page .case_tt, 
.product-page .info-row__title, 
.product-page .info-row__title a { 
 color: #CDFF4D !important; 
} 
 
.product-page .portfolio-slider-inner, 
.product-page .project-box-div { 
 background: #15150F !important; 
 border-radius: 14px !important; 
 overflow: hidden !important; 
 box-shadow: 0 4px 16px rgba(21, 21, 15, 0.08) !important; 
} 
 
.product-page .project-meta { 
 background: transparent !important; 
 padding: 14px !important; 
} 
 
/* Breadcrumb title — do not use black on dark product hero (legacy override removed for products page) */
.product-page .breadcrumb-title,
.products-hero .products-hero-title {
    color: #ffffff !important;
} 
 
/* Products page ? remove dark overlay on images */ 
.product-page .project-image, 
.product-page img.project-image, 
.product-page .img-fluid.project-image { 
 opacity: 1 !important; 
 filter: none !important; 
} 
 
.product-page .portfolio-slider-inner::after, 
.product-page .project-box-div::after, 
.product-page .projectImg::after { 
 display: none !important; 
 content: none !important; 
} 
 
.product-page .portfolio-slider-inner::before, 
.product-page .project-box-div::before { 
 display: none !important; 
 content: none !important; 
} 
 
/* Remove grey background from image container */ 
.product-page .projectImg, 
.product-page .portfolio-slider-inner .projectImg { 
 background: transparent !important; 
} 
 
/* Remove black overlay on product images */ 
.product-page .project-box-div > a::before { 
 display: none !important; 
 opacity: 0 !important; 
 content: none !important; 
} 
 
/* Remove extra space above LTTRBX PRODUCTS heading */ 
.breadcrumb-area { 
 padding-top: 100px !important; 
 padding-bottom: 80px !important; 
 min-height: auto !important; 
 background: #15150F !important; 
 background-image: none !important; 
 background-color: #15150F !important; 
} 
 
/* Remove black border line below LTTRBX PRODUCTS heading */ 
.breadcrumb-area { 
 border-bottom: none !important; 
 border: none !important; 
} 
 
/* Remove black line on products page */ 
.product-page.contant-section-page { 
 border-top: none !important; 
 border-bottom: none !important; 
} 
 
.breadcrumb-area + .contant-section-page, 
.breadcrumb-area { 
 border-bottom: none !important; 
 border-top: none !important; 
} 
 
/* Also target any hr or divider */ 
.breadcrumb-area ~ hr, 
.breadcrumb-area + hr { 
 display: none !important; 
} 
 
/* Reduce space between heading and cards on products page */ 
.contant-section-page.product-page { 
 padding-top: 20px !important; 
} 
 
/* Internship page ? green heading */ 
.internship-form h2, 
.internship-form h3, 
.internship-form .form-title, 
h2:contains("Online Internship Application") { 
 color: #15150F !important; 
} 
 
/* Internship page ? green heading */ 
.form-container h2 { 
 color: #CDFF4D !important; 
} 
 
/* ============================================== 
 CAREER PAGE ? NEW THEME 
 ============================================== */ 
.career-page-section { 
 background: #15150F; 
 padding: 60px 0 20px; 
} 
 
.career-heading-wrap { 
 text-align: center; 
 margin-bottom: 48px; 
} 
 
.career-main-title { 
 font-family: var(--font-display); 
 font-size: 42px; 
 font-weight: 700; 
 color: #15150F; 
 margin-bottom: 12px; 
} 
 
.career-main-title span { 
 color: #15150F; 
} 
 
.career-title-line { 
 width: 60px; 
 height: 3px; 
 background: #15150F; 
 margin: 0 auto; 
 border-radius: 2px; 
} 
 
.career-cards-grid { 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 gap: 28px; 
} 
 
.career-card { 
 background: #ffffff; 
 border-radius: 16px; 
 box-shadow: 0 4px 20px rgba(21, 21, 15, 0.07); 
 transition: 
 transform 0.2s ease, 
 box-shadow 0.2s ease; 
 overflow: hidden; 
} 
 
.career-card:hover { 
 transform: translateY(-4px); 
 box-shadow: 0 8px 30px rgba(21, 21, 15, 0.12); 
} 
 
.career-card-inner { 
 padding: 32px 24px; 
 text-align: center; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 gap: 16px; 
} 
 
.career-card-img { 
 width: 80px; 
 height: 80px; 
 border-radius: 50%; 
 object-fit: contain; 
 background: #f0f0f0; 
 padding: 8px; 
 display: block; 
} 
 
.career-card-title { 
 font-family: var(--font-display); 
 font-size: 18px; 
 font-weight: 600; 
 color: #15150F; 
 margin: 0; 
} 
 
.career-apply-btn { 
 display: inline-flex; 
 align-items: center; 
 padding: 10px 28px; 
 background: #15150F; 
 color: #ffffff !important; 
 border-radius: 999px; 
 font-size: 13px; 
 font-weight: 600; 
 text-decoration: none !important; 
 transition: background 0.2s; 
 font-family: var(--font-display); 
} 
 
.career-apply-btn:hover { 
 background: #15150F; 
} 
 
@media (max-width: 768px) { 
 .career-cards-grid { 
 grid-template-columns: repeat(2, 1fr); 
 } 
 .career-main-title { 
 font-size: 32px; 
 } 
} 
 
@media (max-width: 480px) { 
 .career-cards-grid { 
 grid-template-columns: 1fr; 
 } 
} 
 
/* Career heading ? header dark green */ 
.career-main-title, 
.career-main-title span { 
 color: #CDFF4D !important; 
} 
 
.career-open { 
 color: #15150F !important; 
} 
.career-positions { 
 color: #15150F !important; 
} 
 
/* ============================================== 
 CONTACT PAGE ? GREEN THEME OVERRIDE 
 ============================================== */ 
 
/* Page background */ 
.contant-section-page { 
 background: #f0ede6 !important; 
 border-top: none !important; 
 border-bottom: none !important; 
 padding: 70px 0 !important; 
} 
 
/* Info cards ? dark green instead of #222227 */ 
.contant-section-page .contact-element-wrapper { 
 background: #15150F !important; 
 border: 1px solid #15150F !important; 
 border-radius: 16px !important; 
 box-shadow: 0 8px 32px rgba(8, 63, 53, 0.15) !important; 
 transition: 
 transform 0.25s ease, 
 box-shadow 0.25s ease !important; 
} 
 
.contant-section-page .contact-element-wrapper:hover { 
 background: #15150F !important; 
 transform: translateY(-5px) !important; 
 box-shadow: 0 16px 40px rgba(8, 63, 53, 0.22) !important; 
} 
 
/* Icon color */ 
.contant-section-page .icon { 
 color: #CDFF4D !important; 
} 
 
/* Title */ 
.contant-section-page .content h3, 
.contant-section-page .contact-element-wrapper h3 { 
 color: #ffffff !important; 
} 
 
/* Text & links */ 
.contant-section-page .contact-element-wrapper p, 
.contant-section-page .contact-element-wrapper a, 
.content p a { 
 color: rgba(255, 255, 255, 0.75) !important; 
} 
 
.contant-section-page .contact-element-wrapper:hover h3, 
.contant-section-page .contact-element-wrapper:hover .icon, 
.contant-section-page .contact-element-wrapper:hover a { 
 color: #CDFF4D !important; 
} 
 
/* Grid layout */ 
.grid-3-content { 
 display: grid !important; 
 grid-template-columns: repeat(3, 1fr) !important; 
 gap: 24px !important; 
} 
 
@media (max-width: 768px) { 
 .grid-3-content { 
 grid-template-columns: 1fr !important; 
 } 
} 
 
/* ---- CONTACT FORM SECTION ---- */ 
.iframe-contact { 
 background: #15150F !important; 
 border-bottom: none !important; 
 padding: 60px 0 80px !important; 
} 
 
.iframe-contact h3 { 
 color: #CDFF4D !important; 
 font-family: var(--font-display) !important; 
 font-size: 30px !important; 
 font-weight: 700 !important; 
} 
 
/* Form wrapper */ 
.iframe-contact form { 
 background: #1c1c16 !important; 
 border: 1.5px solid #2a2a24 !important; 
 border-radius: 16px !important; 
 padding: 28px !important; 
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important; 
} 
 
/* Inputs & textarea */ 
.iframe-contact .form-control { 
 background: #15150F !important; 
 border: 1.5px solid #2a2a24 !important; 
 border-radius: 10px !important; 
 color: #ffffff !important; 
 height: 50px !important; 
 font-size: 14px !important; 
 transition: border-color 0.2s ease !important; 
} 
 
.iframe-contact .form-control:focus { 
 border-color: #CDFF4D !important; 
 box-shadow: 0 0 0 3px rgba(205, 255, 77, 0.12) !important; 
 outline: none !important; 
 background: #15150F !important; 
 color: #ffffff !important; 
} 
 
.iframe-contact textarea.form-control { 
 height: auto !important; 
 min-height: 130px !important; 
} 
 
/* Placeholders */ 
.iframe-contact .form-control::placeholder, 
.iframe-contact input::-webkit-input-placeholder, 
.iframe-contact input::-moz-placeholder, 
.iframe-contact input:-ms-input-placeholder, 
.iframe-contact textarea::-webkit-input-placeholder, 
.iframe-contact textarea::-moz-placeholder, 
.iframe-contact textarea:-ms-input-placeholder { 
 color: #8a8a80 !important; 
} 
 
/* Submit button */ 
.iframe-contact .btn-style1, 
.iframe-contact button[type="submit"] { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
 border-radius: 999px !important; 
 padding: 12px 36px !important; 
 font-size: 15px !important; 
 font-weight: 600 !important; 
 transition: background 0.2s ease !important; 
} 
 
.iframe-contact .btn-style1:hover, 
.iframe-contact button[type="submit"]:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
 color: #15150F !important; 
} 
 
/* Map iframe ? remove grayscale */ 
.iframe-contact iframe { 
 filter: none !important; 
 -webkit-filter: none !important; 
 border-radius: 14px !important; 
 border: 2px solid #2a2a24 !important; 
} 
 
/* ============================================== 
 FOOTER SOCIAL ICONS 
 ============================================== */ 
.footer-social-icons { 
 display: flex !important; 
 flex-wrap: wrap !important; 
 gap: 10px !important; 
 margin-top: 14px !important; 
} 
 
.footer-social-icons a { 
 display: inline-flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 width: 38px !important; 
 height: 38px !important; 
 border-radius: 50% !important; 
 background: #CDFF4D !important; 
 border: 1.5px solid #CDFF4D !important; 
 color: #000000 !important; 
 font-size: 14px !important; 
 text-decoration: none !important; 
 transition: 
 background 0.25s ease, 
 transform 0.2s ease !important; 
 line-height: 1 !important; 
} 
 
.footer-social-icons a:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
 color: #000000 !important; 
 transform: translateY(-3px) !important; 
 text-decoration: none !important; 
} 
 
.footer-social-icons a i { 
 font-size: 14px !important; 
 line-height: 1 !important; 
 display: block !important; 
 color: #000000 !important; 
} 
 
/* Hide database social text links in footer, keep emails only */ 
.custom-html-widget a[href*="facebook"], 
.custom-html-widget a[href*="instagram"], 
.custom-html-widget a[href*="linkedin"], 
.custom-html-widget a[href*="google"], 
.custom-html-widget a[href*="twitter"], 
.custom-html-widget a[href*="x.com"] { 
 display: none !important; 
} 
 
/* Hide Google text link in footer Reach Us section */ 
.custom-html-widget a[href*="g.page"], 
.custom-html-widget a i.fab.fa-google, 
.custom-html-widget a:has(i.fab.fa-google) { 
 display: none !important; 
} 
 
/* Hide Google entry from database social list in footer */ 
.social-share li a[href*="g.page"] { 
 display: none !important; 
} 
.social-share li:has(a[href*="g.page"]) { 
 display: none !important; 
} 
 
/* Equal height for left and right testimonial cards */ 
.lx-testi-cards { 
 align-items: stretch !important; 
} 
 
.lx-testi-card { 
 height: 100% !important; 
 display: flex !important; 
 flex-direction: column !important; 
 justify-content: space-between !important; 
} 
 
/* Trustpilot logo next to 4.5 rating */ 
.lx-rating-row { 
 display: flex !important; 
 align-items: center !important; 
 gap: 12px !important; 
 margin-bottom: 4px !important; 
 width: 100% !important; 
} 
 
.lx-trustpilot-logo { 
 width: 32px !important; 
 height: 32px !important; 
 flex-shrink: 0 !important; 
} 
 
/* Trustpilot badge ? bigger & visible */ 
.lx-tp-badge { 
 display: flex !important; 
 align-items: center !important; 
 background: transparent !important; 
 border-radius: 0 !important; 
 padding: 4px 0 !important; 
 flex: 1 !important; 
 max-width: 160px !important; 
 box-sizing: border-box !important; 
 gap: 8px !important; 
} 
 
.lx-tp-badge svg { 
 width: 26px !important; 
 height: 26px !important; 
 flex-shrink: 0 !important; 
} 
 
.lx-tp-badge span { 
 font-family: var(--font-display) !important; 
 font-size: 17px !important; 
 font-weight: 700 !important; 
 color: #191919 !important; 
 letter-spacing: 0.3px !important; 
 white-space: nowrap !important; 
} 
 
.lx-tp-badge span { 
 font-family: var(--font-display) !important; 
 font-size: 17px !important; 
 font-weight: 700 !important; 
 color: #15150F !important; 
 letter-spacing: 0.3px !important; 
 white-space: nowrap !important; 
} 
 
.lx-tp-badge svg { 
 width: 26px !important; 
 height: 26px !important; 
 flex-shrink: 0 !important; 
} 
 
.lx-tp-badge span { 
 font-family: var(--font-display) !important; 
 font-size: 16px !important; 
 font-weight: 700 !important; 
 color: #15150F !important; 
 letter-spacing: 0.3px !important; 
 line-height: 1 !important; 
 background: transparent !important; 
} 
 
/* Rating pills ? brand SVG icons */ 
.lx-pill-icon svg { 
 display: block !important; 
 width: 28px !important; 
 height: 28px !important; 
 flex-shrink: 0 !important; 
} 
 
.lx-pill-icon { 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 flex-shrink: 0 !important; 
} 
 
/* Section page break divider */ 
.section-page-break { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 padding: 10px 80px; 
 background: #15150F; 
 border: none !important; 
 border-top: 1.5px solid rgba(205, 255, 77, 0.2) !important; 
 outline: none !important; 
 box-shadow: none !important; 
 margin-bottom: 0 !important; 
 padding-bottom: 0 !important; 
} 
 
.spb-line, 
.spb-diamond { 
 display: none !important; 
} 
 
/* Blog post author avatar */ 
.post-author-avatar { 
 display: inline-block !important; 
 margin-bottom: 16px !important; 
} 
 
.post-author-avatar .avatar { 
 width: 70px !important; 
 height: 70px !important; 
 border-radius: 50% !important; 
 object-fit: cover !important; 
 border: 3px solid #15150F !important; 
 display: block !important; 
 opacity: 1 !important; 
 visibility: visible !important; 
} 
 
/* About Us banner ? two column layout with goat image */ 
.banner-inner-grid { 
 display: flex !important; 
 align-items: flex-end !important; 
 justify-content: space-between !important; 
 gap: 40px !important; 
 width: 100% !important; 
 max-width: 1320px !important; 
} 
 
.banner-text-col { 
 flex: 1 !important; 
 padding-bottom: 40px !important; 
} 
 
.banner-img-col { 
 flex-shrink: 0 !important; 
 width: 480px !important; 
 display: flex !important; 
 align-items: flex-end !important; 
 justify-content: flex-end !important; 
 margin-bottom: -60px !important; 
} 
 
.banner-goat-img { 
 width: 100% !important; 
 max-width: 480px !important; 
 height: auto !important; 
 display: block !important; 
 object-fit: contain !important; 
 object-position: bottom !important; 
 filter: drop-shadow(0 10px 40px rgba(0, 0, 0, 0.4)) !important; 
 transform: translateY(-200px) !important; 
} 
 
@media (max-width: 768px) { 
 .banner-inner-grid { 
 flex-direction: column !important; 
 align-items: flex-start !important; 
 } 
 .banner-img-col { 
 width: 100% !important; 
 max-width: 280px !important; 
 align-self: center !important; 
 } 
} 
 
/* ============================================= 
 GLOBAL FONT OVERRIDE ? Playfair Display everywhere 
 ============================================= */ 
body, 
body *, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
span, 
a, 
li, 
ul, 
ol, 
label, 
input, 
textarea, 
select, 
button, 
small, 
td, 
th, 
div, 
section, 
article, 
nav, 
header, 
footer, 
main, 
aside { 
 font-family: var(--font-display) !important; 
} 
 
/* ============================================= 
 ALL INNER PAGES ? Same theme as About Us 
 ============================================= */ 
 
/* Portfolio page content */ 
.porfolio-row-, 
.container-fluid.mt-5, 
.portfolio-page-content { 
 background: #15150F !important; 
} 
 
.portfolioTitle h2, 
.portfolioTitle h3 { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
} 
 
/* About Us inner content */ 
.about-us, 
.about-us.light-section { 
 background: #f0ede6 !important; 
} 
 
.about-heading1-home { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
 font-size: 14px !important; 
 font-weight: 600 !important; 
 letter-spacing: 3px !important; 
 text-transform: uppercase !important; 
} 
 
.about-heading2-home { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 font-family: var(--font-display) !important; 
 font-size: 42px !important; 
 font-weight: 700 !important; 
 line-height: 1.2 !important; 
} 
 
/* Members section */ 
.members-section { 
 background: #f0ede6 !important; 
 padding: 60px 0 !important; 
} 
 
.members-heading1 { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
 font-weight: 700 !important; 
 font-size: clamp(32px, 4vw, 56px) !important; 
 text-align: center !important; 
 font-size: 38px !important; 
 font-weight: 700 !important; 
 margin-bottom: 40px !important; 
} 
 
.venor-team .content h5.title { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
} 
 
.venor-team .content .position { 
 color: #15150F !important; 
} 
 
/* Breadcrumb area ? all inner pages */ 
.breadcrumb-area { 
 background: #15150F !important; 
 background-image: none !important; 
 background-color: #15150F !important; 
 padding: 80px 0 50px !important; 
 margin-top: 0 !important; 
 margin-bottom: 0 !important; 
 position: relative !important; 
 font-family: var(--font-display) !important; 
 border: none !important; 
 border-top: none !important; 
 border-bottom: none !important; 
} 
 
.breadcrumb-title { 
 color: #ffffff !important; 
 font-family: var(--font-display) !important; 
 font-size: 38px !important; 
 font-weight: 700 !important; 
 line-height: 1.2 !important; 
 margin: 0 !important; 
 text-align: center !important; 
} 
 
.breadcrumb-area .container { 
 text-align: center !important; 
} 
 
.page-list li a, 
.page-list li { 
 color: rgba(255, 255, 255, 0.65) !important; 
 font-family: var(--font-display) !important; 
} 
 
/* Blog/Article inner page */ 
.post-content.blog-page-section { 
 background: #15150F !important; 
} 
 
.post-name, 
.post-name a { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
} 
 
/* Btn style1 ? all pages */ 
.btn-style1 { 
 background: #15150F !important; 
 border-color: #15150F !important; 
 color: #ffffff !important; 
 border-radius: 999px !important; 
 font-family: var(--font-display) !important; 
 font-weight: 600 !important; 
} 
 
.btn-style1:hover { 
 background: #15150F !important; 
 border-color: #15150F !important; 
 color: #ffffff !important; 
} 
 
/* ============================================= 
 BTN-STYLE1 ? Full green theme override 
 ============================================= */ 
.btn.btn-style1, 
a.btn.btn-style1, 
button.btn.btn-style1 { 
 background-color: #CDFF4D !important; 
 background: #CDFF4D !important; 
 border: 2px solid #15150F !important; 
 color: #15150F !important; 
 border-radius: 999px !important; 
 font-family: var(--font-display) !important; 
 font-weight: 600 !important; 
 font-size: 14px !important; 
 padding: 12px 32px !important; 
 height: auto !important; 
 line-height: 1.5 !important; 
 display: inline-flex !important; 
 align-items: center !important; 
 gap: 8px !important; 
 transition: 
 background 0.25s ease, 
 border-color 0.25s ease !important; 
 text-decoration: none !important; 
} 
 
.btn.btn-style1::before { 
 display: none !important; 
} 
 
.btn.btn-style1:hover, 
a.btn.btn-style1:hover, 
button.btn.btn-style1:hover { 
 background-color: #CDFF4D !important; 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #CDFF4D !important; 
} 
 
.btn.btn-style1 svg, 
.btn.btn-style1:hover svg { 
 fill: currentColor !important; 
 stroke: currentColor !important; 
} 
 
/* ============================================= 
 VIDEO MODAL 
 ============================================= */ 
.video-modal-overlay { 
 display: none; 
 position: fixed; 
 inset: 0; 
 background: rgba(0, 0, 0, 0.85); 
 z-index: 99999; 
 align-items: center; 
 justify-content: center; 
 backdrop-filter: blur(6px); 
} 
 
.video-modal-overlay.active { 
 display: flex !important; 
} 
 
.video-modal-box { 
 position: relative; 
 width: 90%; 
 max-width: 480px; 
 background: #000; 
 border-radius: 16px; 
 overflow: hidden; 
 box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); 
} 
 
.video-modal-inner { 
 position: relative; 
 width: 100%; 
 padding-top: 177.78%; /* 9:16 portrait for Instagram reel */ 
} 
 
.video-modal-inner iframe { 
 position: absolute !important; 
 top: 0 !important; 
 left: 0 !important; 
 width: 100% !important; 
 height: 100% !important; 
 border-radius: 12px !important; 
} 
 
.video-modal-close { 
 position: absolute; 
 top: 10px; 
 right: 14px; 
 z-index: 10; 
 background: rgba(255, 255, 255, 0.15); 
 border: none; 
 color: #fff; 
 font-size: 24px; 
 width: 36px; 
 height: 36px; 
 border-radius: 50%; 
 cursor: pointer; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 line-height: 1; 
 transition: background 0.2s; 
} 
 
.video-modal-close:hover { 
 background: rgba(255, 255, 255, 0.3); 
} 
 
/* ============================================= 
 FONT AWESOME ICONS ? Restore original font 
 ============================================= */ 
.fa, 
.fab, 
.fas, 
.far, 
.fal, 
.fad, 
[class^="fa-"], 
[class*=" fa-"], 
i.fa, 
i.fab, 
i.fas, 
i.far { 
 font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important; 
 font-style: normal !important; 
 font-variant: normal !important; 
 text-rendering: auto !important; 
 -webkit-font-smoothing: antialiased !important; 
} 
 
i.fab { 
 font-family: "Font Awesome 5 Brands" !important; 
 font-weight: 400 !important; 
} 
 
i.fas { 
 font-family: "Font Awesome 5 Free" !important; 
 font-weight: 900 !important; 
} 
 
i.far { 
 font-family: "Font Awesome 5 Free" !important; 
 font-weight: 400 !important; 
} 
 
/* Portfolio cards ? interchange heading & subheading font sizes */ 
.Porfolio .portfolioTitle h2 { 
 font-size: 14px !important; 
 font-weight: 600 !important; 
 color: #CDFF4D !important; 
 text-transform: uppercase !important; 
 letter-spacing: 0.08em !important; 
 margin-bottom: 6px !important; 
} 
 
.Porfolio .portfolioTitle p { 
 font-size: 22px !important; 
 font-weight: 700 !important; 
 color: #CDFF4D !important; 
 line-height: 1.3 !important; 
 margin-bottom: 10px !important; 
} 
 
/* ============================================= 
 PROJECT / PRODUCT DETAIL PAGE ? Green Theme 
 ============================================= */ 
 
.project-content { 
 background: #f0ede6 !important; 
 padding: 50px 0 80px !important; 
} 
 
/* Featured image */ 
.project-content .project__img_single { 
 margin-bottom: 40px !important; 
 border-radius: 16px !important; 
 overflow: hidden !important; 
} 
 
.project-content .project__img_single img { 
 width: 100% !important; 
 border-radius: 16px !important; 
 display: block !important; 
} 
 
/* Main title */ 
.project-content h2.post-name { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
 font-size: 32px !important; 
 font-weight: 700 !important; 
 margin-bottom: 12px !important; 
} 
 
/* Info sidebar title */ 
.project-content h4.post-name { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
 font-size: 20px !important; 
 font-weight: 700 !important; 
 margin-bottom: 12px !important; 
} 
 
/* Animated border */ 
.project-content .venor-animate-border { 
 display: block !important; 
 width: 60px !important; 
 height: 3px !important; 
 background: #CDFF4D !important; 
 margin-bottom: 20px !important; 
} 
 
/* Body content */ 
.project-content .col-md-8 p, 
.project-content .col-md-8 li, 
.project-content .col-md-8 span, 
.project-content .col-md-8 div { 
 color: #2d4a2d !important; 
 line-height: 1.8 !important; 
} 
 
/* Info sidebar */ 
.project-content .col-md-4 p, 
.project-content .col-md-4 strong { 
 color: #15150F !important; 
 font-size: 14px !important; 
} 
 
/* Feature cards (Inventory Monitoring etc.) */ 
.project-content .info-row, 
.project-content .feature-box, 
.project-content .case_tt, 
.project-content [class*="feature"], 
.project-content [class*="info-row"] { 
 background: #ffffff !important; 
 border: 1px solid #d0e4c8 !important; 
 border-radius: 14px !important; 
 padding: 24px !important; 
 color: #15150F !important; 
} 
 
.project-content h3, 
.project-content h4, 
.project-content h5 { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
} 
 
/* Gallery images */ 
.project-content .featured-image { 
 border-radius: 12px !important; 
 overflow: hidden !important; 
 margin-bottom: 20px !important; 
} 
 
.project-content .featured-image img { 
 width: 100% !important; 
 border-radius: 12px !important; 
 display: block !important; 
} 
 
/* Override any dark backgrounds in body content */ 
.project-content * { 
 background-color: transparent !important; 
} 
 
.project-content, 
.project-content .container, 
.project-content .row { 
 background-color: #f0ede6 !important; 
} 
 
.project-content .col-md-8, 
.project-content .col-md-4 { 
 background: transparent !important; 
} 
 
/* ============================================= 
 PROJECT DETAIL PAGE ? STRONG GREEN OVERRIDE 
 ============================================= */ 
.project-content, 
body:has(.project-content) { 
 background: #15150F !important; 
 background-color: #15150F !important; 
 border-top: none !important; 
 border-bottom: none !important; 
 color: #15150F !important; 
} 
 
.project-content .container, 
.project-content .row, 
.project-content .col-md-8, 
.project-content .col-md-4, 
.project-content .gallery, 
.project-content .featured-image { 
 background: transparent !important; 
 background-color: transparent !important; 
} 
 
.project-content h2, 
.project-content h4, 
.project-content h3, 
.project-content h5 { 
 color: #15150F !important; 
 font-family: var(--font-display) !important; 
} 
 
.project-content p, 
.project-content p strong, 
.project-content li, 
.project-content span:not(.venor-animate-border) { 
 color: #2d4a2d !important; 
} 
 
.project-content .venor-animate-border { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
} 
 
/* Feature/info cards inside body content */ 
.project-content .info-row__title, 
.project-content .info-row__title a, 
.project-content .case_tt { 
 color: #15150F !important; 
} 
 
/* Breadcrumb on project page */ 
body:has(.project-content) .breadcrumb-area { 
 background: #CDFF4D !important; 
} 
 
body:has(.project-content) .breadcrumb-title, 
body:has(.project-content) .page-list li, 
body:has(.project-content) .page-list li a { 
 color: #ffffff !important; 
} 
 
/* ============================================= 
 CUSTOM PAGE (page.blade.php) ? GREEN THEME 
 ============================================= */ 
.page-content { 
 background: #f0ede6 !important; 
 background-color: #f0ede6 !important; 
 padding: 0 0 80px !important; 
 margin-top: 0 !important; 
 border-top: none !important; 
} 
 
/* Connect breadcrumb directly to page-content ? no gap */ 
.breadcrumb-area + .page-content, 
.breadcrumb-area ~ .page-content { 
 margin-top: 0 !important; 
 padding-top: 0 !important; 
} 
 
/* Override ALL dark backgrounds in page body */ 
.page-content *, 
.page-content div, 
.page-content section, 
.page-content article { 
 background-color: transparent !important; 
 color: inherit !important; 
} 
 
/* Set base text color */ 
.page-content { 
 color: #15150F !important; 
 background: #f0ede6 !important; 
 background-color: #f0ede6 !important; 
 padding-top: 0 !important; 
 border-top: none !important; 
} 
 
/* Headings */ 
.page-content h1, 
.page-content h2, 
.page-content h3, 
.page-content h4, 
.page-content h5, 
.page-content h6 { 
 color: #CDFF4D !important; 
 font-family: var(--font-display) !important; 
} 
 
/* Paragraphs */ 
.page-content p, 
.page-content li, 
.page-content span, 
.page-content td, 
.page-content th { 
 color: #ffffff !important; 
} 
 
/* Feature/info cards */ 
.page-content .info-row, 
.page-content [class*="card"], 
.page-content [class*="box"], 
.page-content [class*="feature"], 
.page-content [class*="item"] { 
 background: #15150F !important; 
 border: 1px solid #d0e4c8 !important; 
 border-radius: 14px !important; 
 color: #15150F !important; 
} 
 
/* White sections inside page content ? beige */ 
.page-content section, 
.page-content .container, 
.page-content .row, 
.page-content div:not([class*="card"]):not([class*="box"]) { 
 background-color: #15150F !important; 
} 
 
/* Explicit white overrides ? dark brand */ 
.page-content [style*="background:#fff"], 
.page-content [style*="background: #fff"], 
.page-content [style*="background-color:#fff"], 
.page-content [style*="background-color: #fff"], 
.page-content [style*="background:white"], 
.page-content [style*="background: white"],
.page-content [style*="background:#ffffff"],
.page-content [style*="background: #ffffff"] { 
 background: #1c1c16 !important; 
 background-color: #1c1c16 !important; 
} 
 
/* Fix broken images in cards */ 
.page-content img { 
 max-width: 100% !important; 
 height: auto !important; 
 display: block !important; 
} 
 
/* Fix images that fail to load ? show placeholder */ 
.page-content img[src=""], 
.page-content img:not([src]) { 
 min-height: 60px !important; 
 background: #2a2a24 !important; 
} 
 
/* Fix card text overflow */ 
.page-content [class*="card"], 
.page-content [class*="box"] { 
 overflow: hidden !important; 
 word-break: break-word !important; 
} 
 
.page-content [class*="card"] h2, 
.page-content [class*="card"] h3, 
.page-content [class*="card"] h4, 
.page-content [class*="box"] h2, 
.page-content [class*="box"] h3, 
.page-content [class*="feature"] h2, 
.page-content [class*="feature"] h3 { 
 color: #CDFF4D !important; 
} 
 
/* Breadcrumb */ 
body:has(.page-content) .breadcrumb-area { 
 background: #CDFF4D !important; 
} 
 
body:has(.page-content) .breadcrumb-title { 
 color: #ffffff !important; 
} 
 
body:has(.page-content) .page-list li, 
body:has(.page-content) .page-list li a { 
 color: rgba(255, 255, 255, 0.65) !important; 
} 
 
/* Inline style overrides for dark backgrounds — keep dark */ 
.page-content [style*="background:#0"], 
.page-content [style*="background: #0"], 
.page-content [style*="background-color:#0"], 
.page-content [style*="background:#1"], 
.page-content [style*="background:#2"], 
.page-content [style*="background: #1"], 
.page-content [style*="background: #2"] { 
 background: #15150F !important; 
 background-color: #15150F !important; 
} 
 
.page-content [style*="color:#fff"], 
.page-content [style*="color: #fff"], 
.page-content [style*="color:white"], 
.page-content [style*="color:#bdb"] { 
 color: #E8E8E3 !important; 
} 
 
/* Team member hover ? name & designation white */ 
.members-section h5.title, 
.members-section .venor-team:hover .content .title, 
.members-section .venor-team h5.title { 
 color: #ffffff !important; 
} 
 
.members-section p.position, 
.members-section .venor-team:hover .content p.position, 
.members-section .venor-team p.position { 
 color: #e0f0d0 !important; 
} 
 
/* Menu toggle ? locked vertical align with Let's Connect */
.site-topbar-inner {
    display: flex !important;
    align-items: center !important;
}
.site-logo,
.site-actions {
    display: flex !important;
    align-items: center !important;
}
.site-nav {
    display: flex;
    align-items: center !important;
}
.site-actions {
    align-items: center !important;
    gap: 14px !important;
}
.site-phone {
    display: inline-flex;
    align-items: center !important;
    gap: 8px !important;
    line-height: 1 !important;
    color: #15150F !important;
    margin: 0 !important;
    padding: 0 !important;
}
.site-phone svg {
    display: block !important;
    flex-shrink: 0 !important;
    width: 14px !important;
    height: 14px !important;
    stroke: currentColor !important;
}
.site-connect-btn,
body .site-connect-btn {
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    margin: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}
.menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    height: 46px !important;
    width: 46px !important;
    min-width: 46px !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #15150F !important;
    line-height: 0 !important;
    vertical-align: middle !important;
    box-shadow: none !important;
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    cursor: pointer !important;
}
.menu-toggle svg {
    display: block !important;
    width: 24px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
} 
 
/* Hide scrollbar track showing in navbar area */ 
::-webkit-scrollbar { 
 width: 0px !important; 
 background: transparent !important; 
} 
 
/* Remove any extra line near menu toggle */ 
.site-topbar-inner::after, 
.site-topbar-inner::before, 
.site-actions::after, 
.site-actions::before, 
.menu-toggle::after, 
.menu-toggle::before { 
 display: none !important; 
 content: none !important; 
} 
 
.site-topbar-inner { 
 border: none !important; 
} 
 
/* ============================================= 
 MONTSERRAT ? Final global override 
 ============================================= */ 
body, 
body *, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p, 
span, 
a, 
li, 
ul, 
ol, 
label, 
input, 
textarea, 
select, 
button, 
small, 
td, 
th, 
div, 
section, 
article, 
nav, 
header, 
footer, 
main, 
aside { 
 font-family: var(--font-display) !important; 
} 
 
/* carrierdetails footer ? force colors */ 
.contact-cta-wrap a[href*="contact"] span, 
.contact-cta-wrap a[href*="contact"] { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
 
.contact-cta-wrap [style*="background:#15150F"] { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
 
.contact-cta-wrap [style*="background:#15150F"] i { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
 
/* Facts ? Service section jaisa bold font */ 
.ff-right-title { 
 font-size: 52px !important; 
 font-weight: 800 !important; 
 color: #15150F !important; 
 line-height: 1.05 !important; 
 letter-spacing: -0.02em !important; 
 font-family: var(--font-display) !important; 
} 
 
.ff-stat-num, 
.ff-stat-num .timer, 
.ff-stat-num sup { 
 font-size: 52px !important; 
 font-weight: 800 !important; 
 font-family: var(--font-display) !important; 
 color: #15150F !important; 
 -webkit-text-fill-color: #15150F !important; 
} 
 
.ff-stat-num sup { 
 font-size: 28px !important; 
} 
 
.ff-stat-lbl { 
 font-size: 14px !important; 
 font-weight: 500 !important; 
 color: #4a6a4a !important; 
 font-family: var(--font-display) !important; 
} 
 
/* Fun Facts ? numbers wapas original size */ 
.ff-stat-num, 
.ff-stat-num .timer, 
.ff-stat-num sup { 
 font-size: 42px !important; 
 font-weight: 700 !important; 
} 
 
.ff-stat-num sup { 
 font-size: 24px !important; 
} 
 
/* Portfolio heading ? Service section jaisa bold */ 
.lx-port-title { 
 font-size: 52px !important; 
 font-weight: 800 !important; 
 color: #15150F !important; 
 line-height: 1.05 !important; 
 letter-spacing: -0.02em !important; 
 font-family: var(--font-display) !important; 
} 
 
/* Our Happy Clients heading ? Service section jaisa bold */ 
.lx-testi-title { 
 font-size: 52px !important; 
 font-weight: 800 !important; 
 line-height: 1.05 !important; 
 letter-spacing: -0.02em !important; 
 font-family: var(--font-display) !important; 
} 
 
/* ============================================== 
 COMPREHENSIVE MOBILE RESPONSIVE ? ALL PAGES 
 ============================================== */ 
 
/* ============ 480px ? SMALL MOBILE ============ */ 
@media (max-width: 480px) { 
 /* --- HERO --- */ 
 .hero-ref-section { 
 padding: 20px 16px 16px; 
 min-height: auto; 
 } 
 .hero-ref-left h1 { 
 font-size: 30px !important; 
 line-height: 1.1; 
 } 
 .hero-ref-left h4 { 
 font-size: 16px; 
 } 
 .hero-ref-left p { 
 font-size: 14px; 
 } 
 .hero-ref-stat-box { 
 min-width: 100%; 
 padding: 18px 20px; 
 } 
 .hero-ref-stat-box h3 { 
 font-size: 36px !important; 
 } 
 .hero-ref-stat-box p { 
 font-size: 14px !important; 
 } 
 .hero-ref-actions { 
 flex-direction: column; 
 align-items: flex-start; 
 gap: 14px; 
 } 
 .hero-ref-main-btn { 
 width: 100%; 
 justify-content: center; 
 } 
 
 /* --- ABOUT --- */ 
 .about-section-new { 
 padding: 40px 0; 
 } 
 .about-new-heading { 
 font-size: 26px !important; 
 } 
 .about-new-stats { 
 flex-direction: column; 
 gap: 10px; 
 } 
 .about-stat-pill { 
 width: 100%; 
 justify-content: space-between; 
 } 
 .about-new-features { 
 grid-template-columns: 1fr !important; 
 } 
 .about-exp-badge { 
 top: 10px; 
 right: 10px; 
 padding: 10px 14px; 
 } 
 .about-exp-number { 
 font-size: 28px; 
 } 
 .about-chart-card { 
 width: 140px !important; 
 bottom: -10px !important; 
 right: 10px !important; 
 } 
 
 /* --- SOLUTIONS --- */ 
 .sol-section { 
 padding: 40px 0; 
 } 
 .sol-title { 
 font-size: 26px !important; 
 } 
 .sol-tabs { 
 flex-wrap: wrap; 
 gap: 6px; 
 } 
 .sol-tab { 
 font-size: 11px; 
 padding: 6px 12px; 
 } 
 .sol-layout { 
 flex-direction: column !important; 
 } 
 .sol-list { 
 width: 100% !important; 
 } 
 .sol-detail { 
 width: 100% !important; 
 padding: 24px 16px !important; 
 } 
 .sol-detail-num { 
 font-size: 48px !important; 
 } 
 .sol-detail-name { 
 font-size: 22px !important; 
 } 
 
 /* --- SERVICES (PLX) --- */ 
 .plx-svc-header { 
 padding: 32px 16px 20px; 
 flex-direction: column; 
 gap: 16px; 
 } 
 .plx-svc-header-left h2 { 
 font-size: 26px !important; 
 } 
 .plx-svc-stage { 
 width: 240px !important; 
 height: 240px !important; 
 } 
 .plx-b-icon { 
 font-size: 44px !important; 
 } 
 .plx-svc-name h3 { 
 font-size: 22px !important; 
 } 
 .plx-card { 
 padding: 18px 16px 14px; 
 } 
 .plx-card-body h4 { 
 font-size: 16px; 
 } 
 .plx-card-body p { 
 font-size: 12px; 
 } 
 .plx-ghost-num { 
 font-size: 40px; 
 } 
 
 /* --- FUN FACTS --- */ 
 .fun-facts-new { 
 overflow: hidden; 
 } 
 .ff-mountain { 
 height: 160px !important; 
 } 
 .ff-labels { 
 display: none !important; 
 } 
 .ff-bottom { 
 padding: 20px 0 40px; 
 } 
 .ff-bottom-inner { 
 grid-template-columns: 1fr !important; 
 gap: 20px; 
 padding: 0 16px; 
 } 
 .ff-gcard { 
 max-width: 100%; 
 border-radius: 14px; 
 } 
 .ff-right-title { 
 font-size: 26px !important; 
 line-height: 1.2; 
 } 
 .ff-stats-row { 
 grid-template-columns: 1fr 1fr !important; 
 gap: 12px; 
 } 
 .ff-stat-num { 
 font-size: 28px !important; 
 } 
 .ff-stat-num sup { 
 font-size: 16px !important; 
 } 
 .ff-stat-lbl { 
 font-size: 12px !important; 
 } 
 .ff-service-tags { 
 gap: 8px; 
 } 
 .ff-service-pill { 
 font-size: 11px; 
 padding: 8px 12px; 
 } 
 
 /* --- PORTFOLIO --- */ 
 .lx-portfolio-section { 
 padding: 40px 16px; 
 } 
 .lx-port-title { 
 font-size: 26px !important; 
 } 
 .lx-port-cards { 
 grid-template-columns: 1fr !important; 
 gap: 12px; 
 } 
 .lx-port-header { 
 flex-direction: column; 
 align-items: flex-start; 
 gap: 16px; 
 } 
 
 /* --- TESTIMONIALS --- */ 
 .lx-testi-title { 
 font-size: 28px !important; 
 } 
 .lx-testi-top { 
 padding: 40px 16px 30px !important; 
 } 
 .lx-testi-cards { 
 grid-template-columns: 1fr !important; 
 } 
 .lx-testi-card { 
 padding: 20px 16px; 
 } 
 .lx-rating-pills { 
 flex-direction: column; 
 align-items: center; 
 } 
 .lx-rating-pill { 
 min-width: 100%; 
 } 
 
 /* --- BLOG --- */ 
 .bl-heading { 
 font-size: 26px !important; 
 } 
 .bl-cards-grid { 
 grid-template-columns: 1fr !important; 
 } 
 .bl-card-dark { 
 padding: 24px 16px; 
 } 
 
 /* --- GETINTOUCH / FIND US --- */ 
 .getintouch-home .d2-wrap { 
 padding: 40px 16px; 
 } 
 .getintouch-home .d2-cards { 
 grid-template-columns: 1fr !important; 
 gap: 16px; 
 } 
 .getintouch-home .d2-title { 
 font-size: 26px !important; 
 } 
 
 /* --- TYPED SECTION --- */ 
 .typed-section .container .row { 
 flex-direction: column; 
 gap: 12px; 
 } 
 .typed-section .col-md-4 { 
 text-align: left !important; 
 } 
 .typed-section .parent-typed-text { 
 font-size: 15px !important; 
 } 
 
 /* --- FOOTER CTA --- */ 
 .contact-cta-grid { 
 grid-template-columns: 1fr !important; 
 } 
 .contact-cta-left { 
 padding: 36px 20px !important; 
 } 
 .contact-cta-right { 
 padding: 30px 20px 24px !important; 
 } 
 .contact-cta-title { 
 font-size: 42px !important; 
 line-height: 1; 
 } 
 .contact-cta-top { 
 grid-template-columns: 1fr !important; 
 gap: 24px; 
 } 
 .contact-cta-btn { 
 width: 100%; 
 justify-content: center; 
 font-size: 13px !important; 
 padding: 14px 20px !important; 
 } 
} 
 
/* ============ 768px ? TABLET ============ */ 
@media (max-width: 768px) { 
 /* --- HERO --- */ 
 .hero-ref-left h1 { 
 font-size: 38px; 
 } 
 .hero-ref-stats { 
 flex-direction: column; 
 width: 100%; 
 } 
 .hero-ref-stat-box { 
 min-width: 100%; 
 border-radius: 16px !important; 
 } 
 
 /* --- ABOUT --- */ 
 .about-new-grid { 
 grid-template-columns: 1fr !important; 
 } 
 .about-new-right { 
 padding-left: 16px !important; 
 padding-top: 20px !important; 
 } 
 .about-main-img { 
 height: 280px !important; 
 } 
 .about-new-features { 
 grid-template-columns: 1fr 1fr !important; 
 } 
 .about-team-row { 
 flex-direction: column; 
 gap: 10px; 
 } 
 
 /* --- SOLUTIONS --- */ 
 .sol-header { 
 flex-direction: column; 
 gap: 20px; 
 } 
 .sol-layout { 
 flex-direction: column !important; 
 gap: 0; 
 } 
 .sol-list { 
 width: 100% !important; 
 border-right: none !important; 
 border-bottom: 1px solid #e0e0e0; 
 } 
 .sol-detail { 
 width: 100% !important; 
 } 
 .sol-tabs { 
 overflow-x: auto; 
 flex-wrap: nowrap; 
 padding-bottom: 8px; 
 } 
 .sol-tab { 
 white-space: nowrap; 
 flex-shrink: 0; 
 } 
 
 /* --- FUN FACTS --- */ 
 .ff-mountain { 
 height: 200px !important; 
 } 
 .ff-bottom-inner { 
 grid-template-columns: 1fr !important; 
 gap: 24px; 
 padding: 0 20px; 
 } 
 .ff-right-title { 
 font-size: 30px !important; 
 } 
 .ff-stats-row { 
 grid-template-columns: repeat(2, 1fr) !important; 
 } 
 .ff-gcard { 
 max-width: 100%; 
 } 
 .ff-labels { 
 display: none !important; 
 } 
 
 /* --- PORTFOLIO --- */ 
 .lx-port-cards { 
 grid-template-columns: repeat(2, 1fr) !important; 
 } 
 .lx-port-header { 
 flex-direction: column; 
 align-items: flex-start; 
 gap: 16px; 
 } 
 
 /* --- TESTIMONIALS --- */ 
 .lx-testi-cards { 
 grid-template-columns: 1fr !important; 
 } 
 .lx-testi-left { 
 display: none !important; 
 } 
 .lx-testi-title { 
 font-size: 34px !important; 
 } 
 
 /* --- BLOG --- */ 
 .bl-cards-grid { 
 grid-template-columns: 1fr !important; 
 } 
 .bl-header { 
 flex-direction: column; 
 gap: 16px; 
 } 
 
 /* --- GETINTOUCH --- */ 
 .getintouch-home .d2-cards { 
 grid-template-columns: 1fr !important; 
 } 
 
 /* --- FOOTER CTA --- */ 
 .contact-cta-grid { 
 grid-template-columns: 1fr !important; 
 } 
 .contact-cta-left { 
 padding: 50px 30px !important; 
 } 
 .contact-cta-right { 
 padding: 40px 30px 30px !important; 
 } 
 .contact-cta-title { 
 font-size: 52px !important; 
 } 
 .contact-cta-top { 
 grid-template-columns: 1fr 1fr !important; 
 gap: 30px; 
 } 
} 
 
/* ============ 1024px ? LARGE TABLET ============ */ 
@media (max-width: 1024px) { 
 /* --- HERO --- */ 
 .hero-ref-left { 
 padding-left: 20px; 
 } 
 .hero-ref-left h1 { 
 font-size: 48px; 
 } 
 
 /* --- ABOUT --- */ 
 .about-new-heading { 
 font-size: 34px !important; 
 } 
 
 /* --- FUN FACTS --- */ 
 .ff-mountain { 
 height: 260px !important; 
 } 
 .ff-bottom-inner { 
 grid-template-columns: 300px 1fr; 
 gap: 36px; 
 padding: 0 24px; 
 } 
 .ff-right-title { 
 font-size: 38px !important; 
 } 
 .ff-tag-box { 
 font-size: 11px !important; 
 padding: 5px 10px !important; 
 } 
 .ff-tag-num { 
 width: 32px !important; 
 height: 32px !important; 
 font-size: 10px !important; 
 } 
 
 /* --- PORTFOLIO --- */ 
 .lx-port-title { 
 font-size: 38px !important; 
 } 
 
 /* --- TESTIMONIALS --- */ 
 .lx-testi-title { 
 font-size: 38px !important; 
 } 
 
 /* --- BLOG --- */ 
 .bl-heading { 
 font-size: 38px !important; 
 } 
 .bl-cards-grid { 
 grid-template-columns: repeat(2, 1fr) !important; 
 } 
 
 /* --- GETINTOUCH --- */ 
 .getintouch-home .d2-cards { 
 grid-template-columns: repeat(2, 1fr) !important; 
 } 
 .getintouch-home .d2-title { 
 font-size: 34px !important; 
 } 
} 
 
/* ============ OVERFLOW FIXES ? ALL SIZES ============ */ 
html, 
body { 
 overflow-x: hidden !important; 
 max-width: 100vw !important; 
} 
 
.hero-ref-section, 
.about-section-new, 
.sol-section, 
.plx-svc-wrap, 
.plx-svc-header, 
.fun-facts-new, 
.lx-portfolio-section, 
.lx-testimonial-section, 
.blog-section-new, 
.getintouch-home, 
.typed-section, 
.contact-cta-wrap { 
 overflow-x: hidden !important; 
 max-width: 100% !important; 
} 
 
/* Fix container overflow on mobile */ 
@media (max-width: 768px) { 
 .container { 
 padding-left: 16px !important; 
 padding-right: 16px !important; 
 } 
 .row { 
 margin-left: 0 !important; 
 margin-right: 0 !important; 
 } 
 [class*="col-"] { 
 padding-left: 8px !important; 
 padding-right: 8px !important; 
 } 
} 
 
/* ============================================== 
 MOBILE FIXES ? HERO + FUN FACTS STATS 
 ============================================== */ 
 
/* Hero ? fix actions cut off on mobile */ 
@media (max-width: 480px) { 
 .hero-ref-section { 
 padding-bottom: 100px !important; 
 min-height: auto !important; 
 } 
 .hero-ref-container { 
 padding-bottom: 20px !important; 
 min-height: auto !important; 
 } 
 .hero-ref-left { 
 padding-left: 0 !important; 
 text-align: center !important; 
 } 
 .hero-ref-left h1 { 
 font-size: 28px !important; 
 line-height: 1.15 !important; 
 margin-bottom: 12px !important; 
 } 
 .hero-ref-left h4 { 
 font-size: 15px !important; 
 margin-bottom: 12px !important; 
 } 
 .hero-ref-left p { 
 font-size: 13px !important; 
 line-height: 1.6 !important; 
 margin-bottom: 20px !important; 
 } 
 .hero-ref-actions { 
 flex-direction: column !important; 
 align-items: center !important; 
 gap: 14px !important; 
 margin-top: 20px !important; 
 } 
 .hero-ref-main-btn { 
 width: 100% !important; 
 justify-content: center !important; 
 min-width: unset !important; 
 } 
 .hero-ref-video-wrap { 
 justify-content: center !important; 
 } 
 .hero-ref-stats { 
 position: static !important; 
 transform: none !important;
 left: auto !important;
 flex-direction: column !important; 
 width: 100% !important; 
 max-width: 680px;
 margin-top: 20px !important; 
 margin-left: auto !important;
 margin-right: auto !important;
 gap: 0 !important; 
 background: none !important; 
 border-radius: 0 !important; 
 overflow: visible !important; 
 } 
 .hero-ref-stat-box { 
 min-width: 100% !important; 
 border-radius: 0 !important; 
 padding: 16px 20px !important; 
 } 
 .hero-ref-stat-box.dark { 
 border-radius: 0 !important; 
 background: #ffffff !important; 
 margin-left: 0 !important; 
 padding-left: 20px !important; 
 } 
 .hero-ref-stat-box.green { 
 border-radius: 0 !important; 
 background: #CDFF4D !important; 
 margin-left: 0 !important; 
 padding-left: 20px !important; 
 } 
 .hero-ref-stat-box h3 { 
 font-size: 32px !important; 
 } 
 .hero-ref-stat-box p { 
 font-size: 13px !important; 
 } 
} 
 
/* Fun Facts stats ? fix overlapping numbers on mobile */ 
@media (max-width: 600px) { 
 .ff-stats-row { 
 display: grid !important; 
 grid-template-columns: 1fr 1fr !important; 
 gap: 20px 12px !important; 
 width: 100% !important; 
 } 
 .ff-stat { 
 width: 100% !important; 
 padding: 0 !important; 
 border-left: none !important; 
 } 
 .ff-stat + .ff-stat { 
 padding-left: 0 !important; 
 border-left: none !important; 
 } 
 .ff-stat-num { 
 font-size: 28px !important; 
 white-space: nowrap !important; 
 -webkit-text-fill-color: #15150F !important; 
 } 
 .ff-stat-num .timer { 
 font-size: 28px !important; 
 -webkit-text-fill-color: #15150F !important; 
 } 
 .ff-stat-num sup { 
 font-size: 16px !important; 
 -webkit-text-fill-color: #15150F !important; 
 } 
 .ff-stat-lbl { 
 font-size: 12px !important; 
 max-width: 100% !important; 
 line-height: 1.4 !important; 
 } 
 .ff-bottom-inner { 
 grid-template-columns: 1fr !important; 
 gap: 20px !important; 
 padding: 0 16px !important; 
 } 
 .ff-right-title { 
 font-size: 24px !important; 
 line-height: 1.2 !important; 
 margin-bottom: 20px !important; 
 } 
 .ff-gcard { 
 width: 100% !important; 
 max-width: 100% !important; 
 } 
} 
 
/* ============================================== 
 FUN FACTS ? MOUNTAIN + STATS MOBILE FIX 
 ============================================== */ 
 
/* Mountain ? proper display on all screens */ 
.ff-mountain { 
 overflow: hidden !important; 
} 
.ff-mountain svg { 
 display: block !important; 
 width: 100% !important; 
 height: 100% !important; 
 preserveaspectratio: none !important; 
} 
 
@media (max-width: 768px) { 
 .ff-mountain { 
 height: 180px !important; 
 overflow: hidden !important; 
 } 
 .ff-mountain svg { 
 width: 100% !important; 
 height: 100% !important; 
 } 
 .ff-labels { 
 display: none !important; 
 } 
 
 /* Stats ? 2x2 grid, no overflow */ 
 .ff-stats-row { 
 display: grid !important; 
 grid-template-columns: 1fr 1fr !important; 
 gap: 24px 16px !important; 
 width: 100% !important; 
 } 
 .ff-stat { 
 padding: 0 !important; 
 border-left: none !important; 
 width: 100% !important; 
 min-width: 0 !important; 
 } 
 .ff-stat + .ff-stat { 
 padding-left: 0 !important; 
 border-left: none !important; 
 } 
 .ff-stat-num { 
 font-size: 30px !important; 
 white-space: nowrap !important; 
 flex-wrap: nowrap !important; 
 gap: 1px !important; 
 } 
 .ff-stat-num .timer { 
 font-size: 30px !important; 
 } 
 .ff-stat-num sup { 
 font-size: 18px !important; 
 } 
 .ff-stat-lbl { 
 font-size: 12px !important; 
 max-width: 100% !important; 
 line-height: 1.4 !important; 
 } 
 
 /* Bottom layout ? single column */ 
 .ff-bottom-inner { 
 grid-template-columns: 1fr !important; 
 gap: 24px !important; 
 padding: 0 16px !important; 
 } 
 .ff-gcard { 
 width: 100% !important; 
 max-width: 100% !important; 
 } 
 .ff-right-title { 
 font-size: 28px !important; 
 line-height: 1.2 !important; 
 max-width: 100% !important; 
 } 
} 
 
@media (max-width: 480px) { 
 .ff-mountain { 
 height: 140px !important; 
 } 
 .ff-stats-row { 
 grid-template-columns: 1fr 1fr !important; 
 gap: 20px 12px !important; 
 } 
 .ff-stat-num { 
 font-size: 26px !important; 
 } 
 .ff-stat-num .timer { 
 font-size: 26px !important; 
 } 
 .ff-stat-num sup { 
 font-size: 15px !important; 
 } 
 .ff-stat-lbl { 
 font-size: 11px !important; 
 } 
 .ff-right-title { 
 font-size: 22px !important; 
 } 
 .ff-bottom { 
 padding: 16px 0 36px !important; 
 } 
} 
 
/* ============================================== 
 FUN FACTS ? MOBILE LABELS AS HORIZONTAL ROW 
 ============================================== */ 
@media (max-width: 768px) { 
 /* Show labels as scrollable horizontal pills below mountain */ 
 .ff-labels { 
 display: flex !important; 
 position: static !important; 
 flex-direction: row !important; 
 flex-wrap: nowrap !important; 
 overflow-x: auto !important; 
 gap: 10px !important; 
 padding: 12px 16px !important; 
 background: #15150F !important; 
 scrollbar-width: none !important; 
 -ms-overflow-style: none !important; 
 } 
 .ff-labels::-webkit-scrollbar { 
 display: none !important; 
 } 
 
 /* Each tag ? horizontal pill style */ 
 .ff-tag { 
 position: static !important; 
 display: flex !important; 
 flex-direction: row !important; 
 align-items: center !important; 
 gap: 6px !important; 
 flex-shrink: 0 !important; 
 } 
 .ff-tag-box { 
 font-size: 10px !important; 
 padding: 5px 10px !important; 
 white-space: nowrap !important; 
 background: #15150F !important; 
 color: #fff !important; 
 border-radius: 999px !important; 
 border: none !important; 
 letter-spacing: 0.5px !important; 
 } 
 .ff-tag-num { 
 width: 22px !important; 
 height: 22px !important; 
 font-size: 9px !important; 
 background: #c8ddb0 !important; 
 color: #15150F !important; 
 border-radius: 50% !important; 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 font-weight: 700 !important; 
 flex-shrink: 0 !important; 
 } 
} 
 
/* ============================================== 
 FIND US GLOBALLY ? OVERRIDE CLEANUP 
 ============================================== */ 
/* Remove old card-based overrides that no longer apply */ 
.getintouch-home .d2-card-top, 
.getintouch-home .d2-card:nth-child(2) .d2-card-top, 
.getintouch-home .d2-card:nth-child(3) .d2-card-top, 
.getintouch-home .d2-card-inner, 
.getintouch-home .d2-phone-row, 
.getintouch-home .d2-phone-icon, 
.getintouch-home .d2-badge, 
.getintouch-home .d2-dot { 
 all: unset; 
} 
 
/* Force new pin card styles to win */ 
.d2-pin-card { 
 background: #15150F !important; 
} 
.d2-pin-city { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
.d2-pin-phone { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
.d2-pin-email { 
 color: rgba(255, 255, 255, 0.6) !important; 
 -webkit-text-fill-color: rgba(255, 255, 255, 0.6) !important; 
} 
.d2-title { 
 color: #15150F !important; 
} 
.getintouch-home .d2-wrap { 
 background: #f0ede6 !important; 
} 
 
/* ============================================== 
 FIND US GLOBALLY ? GMAP SECTION 
 ============================================== */ 
.gmap-wrap { 
 background: #f0ede6; 
 padding: 70px 40px 80px; 
 position: relative; 
 overflow: hidden; 
} 
 
.gmap-header { 
 text-align: center; 
 margin-bottom: 40px; 
} 
 
.gmap-title { 
 font-family: var(--font-body); 
 font-size: clamp(32px, 4vw, 56px); 
 font-weight: 700; 
 color: #15150F; 
 margin: 0; 
} 
 
/* Map area ? relative container for pins */ 
.gmap-map-area { 
 position: relative; 
 max-width: 1100px; 
 margin: 0 auto; 
} 
 
.gmap-world-img { 
 width: 100%; 
 height: auto; 
 display: block; 
 opacity: 0.18; 
 filter: grayscale(1); 
} 
 
/* Pin wrapper ? absolute positioned on the map */ 
.gmap-pin { 
 position: absolute; 
 transform: translate(-50%, 0); 
 z-index: 10; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
} 
 
/* Glowing dot ? sits on top, centered above card */ 
.gmap-dot { 
 width: 12px; 
 height: 12px; 
 background: #CDFF4D; 
 border-radius: 50%; 
 border: 2px solid #fff; 
 box-shadow: 0 0 0 5px rgba(205, 255, 77, 0.3); 
 position: relative; 
 z-index: 2; 
 flex-shrink: 0; 
} 
 
.gmap-dot::after { 
 content: ""; 
 position: absolute; 
 inset: -5px; 
 border-radius: 50%; 
 border: 1.5px solid rgba(205, 255, 77, 0.5); 
 animation: gmapPulse 2s ease-out infinite; 
} 
 
@keyframes gmapPulse { 
 0% { 
 transform: scale(1); 
 opacity: 0.8; 
 } 
 100% { 
 transform: scale(2.2); 
 opacity: 0; 
 } 
} 
 
/* Card */ 
.gmap-card { 
 display: flex; 
 align-items: center; 
 gap: 12px; 
 background: #15150F; 
 border-radius: 14px; 
 padding: 12px 16px; 
 min-width: 210px; 
 box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2); 
 border: 1.5px solid rgba(205, 255, 77, 0.35); 
 position: relative; 
 margin-top: 0; 
} 
 
/* Triangle pointer */ 
.gmap-card::before { 
 content: ""; 
 position: absolute; 
 top: -7px; 
 left: 50%; 
 transform: translateX(-50%); 
 border-left: 7px solid transparent; 
 border-right: 7px solid transparent; 
 border-bottom: 7px solid #15150F; 
} 
 
/* Country icon image */ 
.gmap-card-img { 
 width: 64px; 
 height: 64px; 
 border-radius: 50%; 
 overflow: hidden; 
 flex-shrink: 0; 
 background: rgba(255, 255, 255, 0.12); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
 
.gmap-card-img img { 
 width: 72%; 
 height: 72%; 
 object-fit: contain; 
 display: block; 
 filter: brightness(0) invert(1); 
} 
 
/* Text info */ 
.gmap-card-info { 
 display: flex; 
 flex-direction: column; 
 gap: 3px; 
} 
 
.gmap-card-city { 
 font-family: var(--font-display); 
 font-size: 13px; 
 font-weight: 700; 
 color: #CDFF4D; 
 line-height: 1.2; 
} 
 
.gmap-card-phone { 
 font-family: var(--font-display); 
 font-size: 12px; 
 font-weight: 600; 
 color: #CDFF4D; 
 line-height: 1.2; 
} 
 
.gmap-card-email { 
 font-family: var(--font-display); 
 font-size: 11px; 
 color: rgba(255, 255, 255, 0.6); 
 line-height: 1.2; 
} 
 
/* Responsive */ 
@media (max-width: 768px) { 
 .gmap-wrap { 
 padding: 50px 20px 60px; 
 } 
 
 .gmap-pin { 
 position: static; 
 transform: none; 
 margin-bottom: 16px; 
 } 
 
 .gmap-map-area { 
 display: flex; 
 flex-direction: column; 
 gap: 0; 
 } 
 
 .gmap-world-img { 
 display: none; 
 } 
 
 .gmap-card { 
 min-width: unset; 
 width: 100%; 
 } 
 
 .gmap-card::before { 
 display: none; 
 } 
 
 .gmap-dot { 
 display: none; 
 } 
} 
 
/* ============================================== 
 OUR GLOBAL CLIENTS + CERTIFICATIONS & AWARDS ? Headings 
 ============================================== */ 
.lx-section-heading { 
 font-family: var(--font-display) !important; 
 font-weight: 700 !important; 
 color: #CDFF4D !important; 
} 
 
/* Find Us Globally ? Poppins font override */ 
.gmap-title { 
 font-family: var(--font-display) !important; 
 font-weight: 700 !important; 
 color: #CDFF4D !important; 
} 
 
/* Service cards ? clickable anchor styling */ 
a.plx-card { 
 display: block; 
 text-decoration: none !important; 
 color: inherit !important; 
 cursor: pointer; 
} 
 
a.plx-card:hover { 
 text-decoration: none !important; 
 border-color: rgba(205, 255, 77, 0.45) !important; 
 box-shadow: 0 6px 28px rgba(13, 43, 20, 0.12) !important; 
 transform: translateY(-2px); 
 transition: all 0.25s ease; 
} 
 
a.plx-card h4, 
a.plx-card p { 
 color: inherit !important; 
} 
 
/* ============================================== 
 INLINE STYLES MOVED TO CSS ? CLEANUP 
 ============================================== */ 
 
/* About chart bars ? individual heights */ 
.about-bar-h30 { 
 height: 30%; 
} 
.about-bar-h45 { 
 height: 45%; 
} 
.about-bar-h50 { 
 height: 50%; 
} 
.about-bar-h60 { 
 height: 60%; 
} 
.about-bar-h80 { 
 height: 80%; 
} 
.about-bar-h90 { 
 height: 90%; 
} 
.about-bar-h100 { 
 height: 100%; 
} 
 
/* SVG arc transition ? moved from inline style */ 
.plx-arc-animated { 
 transition: stroke-dashoffset 0.7s cubic-bezier(0.4, 0, 0.2, 1); 
} 
 
/* Fun facts counter color */ 
.ff-stat-num, 
.ff-stat-num .timer, 
.ff-stat-num sup { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* Video modal iframe ? moved from inline style */ 
.video-modal-iframe { 
 width: 100%; 
 height: 100%; 
 border-radius: 12px; 
 border: none; 
 display: block; 
} 
 
/* Mountain labels ? individual positions (moved from inline style) */ 
.ff-tag-1 { 
 left: 20%; 
 top: 38%; 
} 
.ff-tag-2 { 
 left: 32%; 
 top: 54%; 
} 
.ff-tag-3 { 
 left: 43%; 
 top: 28%; 
} 
.ff-tag-4 { 
 left: 53%; 
 top: 42%; 
} 
.ff-tag-5 { 
 left: 63%; 
 top: 14%; 
} 
.ff-tag-6 { 
 left: 74%; 
 top: 24%; 
} 
 
/* ============================================== 
 CONTACT PAGE ? GREEN/CREAM THEME 
 ============================================== */ 
 
/* ?? HERO ?? */ 
.cnt-hero { 
 background: #15150F; 
 padding: 80px 0 60px; 
 position: relative; 
 overflow: hidden; 
} 
.cnt-hero::after { 
 content: ""; 
 position: absolute; 
 right: -120px; 
 top: -120px; 
 width: 480px; 
 height: 480px; 
 border-radius: 50%; 
 background: rgba(183, 234, 36, 0.05); 
 pointer-events: none; 
} 
.cnt-hero-eyebrow { 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 font-family: var(--font-display); 
 font-size: 12px; 
 font-weight: 500; 
 color: rgba(255, 255, 255, 0.5); 
 margin-bottom: 18px; 
} 
.cnt-hero-eyebrow a { 
 color: #CDFF4D; 
 text-decoration: none; 
} 
.cnt-hero-eyebrow a:hover { 
 color: #d4f55a; 
} 
.cnt-hero-eyebrow span { 
 color: rgba(255, 255, 255, 0.35); 
} 
.cnt-hero-title { 
 font-family: var(--font-display); 
 font-size: clamp(24px, 3.5vw, 38px); 
 font-weight: 800; 
 color: #ffffff; 
 margin: 0 0 14px; 
 line-height: 1.1; 
 letter-spacing: -0.02em; 
} 
.cnt-hero-sub { 
 font-family: var(--font-display); 
 font-size: 16px; 
 color: rgba(255, 255, 255, 0.6); 
 margin: 0; 
 max-width: 500px; 
 line-height: 1.7; 
} 
 
/* ?? INFO CARDS ?? */ 
.cnt-cards-section { 
 background: #15150F; 
 padding: 60px 0 0; 
} 
.cnt-cards-grid { 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 gap: 24px; 
} 
.cnt-card { 
 background: #15150F; 
 border-radius: 20px; 
 padding: 36px 28px; 
 transition: 
 transform 0.25s ease, 
 box-shadow 0.25s ease; 
 border: 1px solid rgba(205, 255, 77, 0.35); 
 box-shadow: 0 0 18px rgba(205, 255, 77, 0.15); 
} 
.cnt-card:hover { 
 transform: translateY(-6px); 
 border-color: rgba(205, 255, 77, 0.7); 
 box-shadow: 0 0 28px rgba(205, 255, 77, 0.35); 
} 
.cnt-card-icon { 
 font-size: 30px; 
 color: #CDFF4D; 
 margin-bottom: 14px; 
 line-height: 1; 
} 
.cnt-card-icon i { 
 color: #CDFF4D !important; 
} 
.cnt-card-title { 
 font-family: var(--font-display); 
 font-size: 18px; 
 font-weight: 700; 
 color: #ffffff; 
 margin: 0 0 10px; 
} 
.cnt-card-body { 
 font-family: var(--font-display); 
 font-size: 14px; 
 color: rgba(255, 255, 255, 0.7); 
 line-height: 1.8; 
} 
.cnt-card-body p { 
 font-family: var(--font-display); 
 font-size: 14px; 
 color: rgba(255, 255, 255, 0.7); 
 line-height: 1.8; 
 margin: 0; 
 display: flex; 
 flex-direction: column; 
 gap: 4px; 
} 
.cnt-card-body a { 
 font-family: var(--font-display); 
 font-size: 14px; 
 color: rgba(255, 255, 255, 0.7); 
 line-height: 1.8; 
 display: block; 
 text-decoration: none; 
} 
.cnt-card-body a:hover { 
 color: #CDFF4D; 
} 
.cnt-card-body br { 
 display: block; 
 content: ""; 
 margin: 2px 0; 
} 
 
/* ?? FORM SECTION ?? */ 
.cnt-form-section { 
 background: #15150F; 
 padding: 60px 0 80px; 
} 
.cnt-form-grid { 
 display: grid; 
 grid-template-columns: 1fr 1fr; 
 gap: 48px; 
 align-items: start; 
} 
.cnt-form-left-inner { 
 position: sticky; 
 top: 100px; 
} 
.cnt-form-eyebrow { 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 font-family: var(--font-display); 
 font-size: 11px; 
 font-weight: 700; 
 letter-spacing: 3px; 
 text-transform: uppercase; 
 color: #CDFF4D; 
 margin-bottom: 12px; 
} 
.cnt-form-eyebrow::before { 
 content: ""; 
 width: 24px; 
 height: 2px; 
 background: #CDFF4D; 
 border-radius: 2px; 
} 
.cnt-form-heading { 
 font-family: var(--font-display); 
 font-size: clamp(22px, 3vw, 34px); 
 font-weight: 800; 
 color: #CDFF4D; 
 margin: 0 0 28px; 
 line-height: 1.2; 
 letter-spacing: -0.02em; 
} 
.cnt-map-wrap { 
 border-radius: 16px; 
 overflow: hidden; 
 box-shadow: 0 8px 32px rgba(8, 63, 53, 0.1); 
} 
.cnt-map-wrap iframe { 
 width: 100% !important; 
 height: 320px !important; 
 border: none !important; 
 display: block; 
 filter: none !important; 
} 
 
/* Form box */ 
.cnt-form-box { 
 background: #1c1c16; 
 border-radius: 24px; 
 padding: 40px 36px; 
 box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35); 
 border: 1.5px solid #2a2a24; 
} 
.cnt-form-box-title { 
 font-family: var(--font-display); 
 font-size: 22px; 
 font-weight: 700; 
 color: #CDFF4D; 
 margin: 0 0 24px; 
} 
 
/* Success alert */ 
.cnt-alert-success { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 background: rgba(205, 255, 77, 0.1); 
 border: 1.5px solid rgba(205, 255, 77, 0.45); 
 color: #CDFF4D; 
 font-family: var(--font-display); 
 font-size: 14px; 
 font-weight: 500; 
 padding: 12px 16px; 
 border-radius: 10px; 
 margin-bottom: 20px; 
} 
 
/* Form layout */ 
.cnt-form { 
 display: flex; 
 flex-direction: column; 
 gap: 14px; 
} 
.cnt-form-row { 
 display: grid; 
 grid-template-columns: 1fr 1fr; 
 gap: 14px; 
} 
.cnt-field { 
 display: flex; 
 flex-direction: column; 
 gap: 4px; 
} 
.cnt-field-error .cnt-input { 
 border-color: #e05252 !important; 
} 
 
/* Inputs */ 
.cnt-input { 
 width: 100%; 
 font-family: var(--font-display); 
 font-size: 14px; 
 color: #ffffff; 
 background: #15150F; 
 border: 1.5px solid #2a2a24; 
 border-radius: 10px; 
 padding: 12px 16px; 
 outline: none; 
 transition: 
 border-color 0.2s ease, 
 box-shadow 0.2s ease; 
 box-sizing: border-box; 
 -webkit-appearance: none; 
} 
.cnt-input:focus { 
 border-color: #CDFF4D; 
 box-shadow: 0 0 0 3px rgba(205, 255, 77, 0.12); 
 background: #15150F; 
 color: #ffffff; 
} 
.cnt-input::placeholder { 
 color: #8a8a80; 
} 
select.cnt-input option {
 background: #15150F;
 color: #ffffff;
}
select.cnt-input {
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 padding-right: 44px;
 cursor: pointer;
 background-color: #15150F;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23CDFF4D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-position: right 14px center;
 background-size: 14px;
}
select.cnt-input:focus {
 background-color: #15150F;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23CDFF4D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-position: right 14px center;
 background-size: 14px;
}
.cnt-textarea { 
 resize: vertical; 
 min-height: 130px; 
} 
.cnt-error-msg { 
 font-family: var(--font-display); 
 font-size: 12px; 
 color: #e05252; 
} 
.cnt-captcha-wrap {
 margin-top: 4px;
}
.cnt-captcha-wrap .g-recaptcha {
 display: inline-block;
 border-radius: 8px;
 overflow: hidden;
 background: #1c1c16;
}
.cnt-captcha-wrap iframe {
 border-radius: 8px;
}
.cnt-check-label {
 display: flex;
 align-items: flex-start;
 gap: 10px;
 font-family: 'Manrope', sans-serif;
 font-size: 13px;
 line-height: 1.55;
 color: #A8A89E;
}
.cnt-check-label a {
 color: #CDFF4D;
 text-decoration: none;
}
.cnt-check-label a:hover {
 text-decoration: underline;
}
.cnt-check-label input[type="checkbox"] {
 margin-top: 3px;
 accent-color: #CDFF4D;
 flex-shrink: 0;
}
 
/* Submit button */ 
.cnt-submit-btn { 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 gap: 10px; 
 background: #CDFF4D; 
 color: #15150F; 
 font-family: var(--font-display); 
 font-size: 15px; 
 font-weight: 700; 
 padding: 14px 32px; 
 border-radius: 999px; 
 border: none; 
 cursor: pointer; 
 transition: 
 background 0.25s ease, 
 transform 0.2s ease; 
 width: 100%; 
 margin-top: 4px; 
 letter-spacing: 0.3px; 
} 
.cnt-submit-btn:hover { 
 background: #D8FF70; 
 color: #15150F; 
 transform: translateY(-2px); 
 box-shadow: 0 8px 24px rgba(205, 255, 77, 0.25); 
} 
.cnt-submit-btn:hover svg {
 color: #15150F;
 stroke: #15150F;
} 
.cnt-submit-btn:focus-visible {
 outline: 2px solid #CDFF4D;
 outline-offset: 3px;
}
 
/* ?? CLIENTS ?? */ 
.cnt-clients-section { 
 background: #15150F; 
 padding: 40px 0 60px; 
 border-top: 1px solid rgba(205, 255, 77, 0.15); 
} 
.cnt-clients-label { 
 font-family: var(--font-display); 
 font-size: 12px; 
 font-weight: 600; 
 letter-spacing: 2px; 
 text-transform: uppercase; 
 color: #A8A89E; 
 text-align: center; 
 margin-bottom: 28px; 
} 
 
/* ?? RESPONSIVE ?? */ 
@media (max-width: 900px) { 
 .cnt-cards-grid { 
 grid-template-columns: 1fr; 
 } 
 .cnt-form-grid { 
 grid-template-columns: 1fr; 
 gap: 32px; 
 } 
 .cnt-form-left-inner { 
 position: static; 
 } 
} 
@media (max-width: 600px) { 
 .cnt-hero { 
 padding: 60px 0 40px; 
 } 
 .cnt-form-row { 
 grid-template-columns: 1fr; 
 } 
 .cnt-form-box { 
 padding: 28px 20px; 
 } 
 .cnt-cards-section { 
 padding: 40px 0 0; 
 } 
 .cnt-form-section { 
 padding: 40px 0 60px; 
 } 
} 
 
/* ========================= 
 ABOUT PAGE ? CLIENT LOGOS WHITE 
========================= */ 
.clients-section img { 
 filter: brightness(0) invert(1) !important; 
 -webkit-filter: brightness(0) invert(1) !important; 
 opacity: 1 !important; 
} 
.clients-section img:hover { 
 filter: brightness(0) invert(1) !important; 
 -webkit-filter: brightness(0) invert(1) !important; 
 opacity: 1 !important; 
} 
 
/* ========================= 
 ABOUT PAGE ? CLIENT SECTION BG FIX 
========================= */ 
.clients-section { 
 background: #15150F !important; 
} 
/* ========================= 
 PILL TEAM CARDS 
========================= */ 
.members-section { 
 background: #f0ede6; 
 padding: 80px 0; 
} 
 
.members-section .members-heading1 { 
 color: #15150F !important; 
 text-align: center; 
 font-family: var(--font-display); 
 font-size: clamp(28px, 4vw, 52px); 
 font-weight: 700; 
 margin-bottom: 60px; 
} 
 
.pill-team-row { 
 display: grid; 
 grid-template-columns: repeat(3, 1fr); 
 justify-items: center; 
 gap: 30px 20px; 
 max-width: 780px; 
 margin: 0 auto; 
} 
 
/* First 3 cards ? 3 column grid */ 
.pill-team-card:nth-child(-n + 3) { 
 grid-column: auto; 
} 
 
/* From 4th card onwards ? switch to 5 columns */ 
.pill-team-card:nth-child(n + 4) { 
 grid-column: auto; 
} 
 
/* Override grid to 5 cols from 4th card using a wrapper trick */ 
.pill-team-row { 
 display: flex; 
 flex-wrap: wrap; 
 justify-content: center; 
 gap: 24px; 
 max-width: 1200px; 
 margin: 0 auto; 
} 
 
.pill-team-card { 
 width: 200px; 
 flex-shrink: 0; 
} 
 
/* First row: exactly 3 cards */ 
.pill-team-card:nth-child(1), 
.pill-team-card:nth-child(2), 
.pill-team-card:nth-child(3) { 
 width: 240px; 
} 
 
/* 4th card onwards: 5 per row = ~18% width */ 
.pill-team-card:nth-child(n + 4) { 
 width: 180px; 
} 
 
/* First row ? 3 large cards */ 
.pill-team-row-top { 
 display: flex; 
 justify-content: center; 
 gap: 24px; 
 margin-bottom: 24px; 
 padding-bottom: 60px; 
 overflow: visible !important; 
} 
 
.pill-team-row-top .pill-team-card { 
 width: 240px; 
} 
 
/* Bottom rows ? 4 cards per row, same size as top */ 
.pill-team-row-bottom { 
 display: flex; 
 flex-wrap: nowrap; 
 justify-content: center; 
 gap: 24px; 
 max-width: 1100px; 
 margin: 0 auto 24px; 
 padding-bottom: 60px; 
 overflow: visible !important; 
} 
 
.pill-team-row-bottom .pill-team-card, 
.pill-team-card-sm { 
 width: 240px; 
} 
 
.pill-team-card { 
 width: 220px; 
 border-radius: 999px; 
 overflow: hidden; 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 padding-top: 24px; 
 padding-bottom: 30px; 
 transition: transform 0.35s ease; 
 background-color: #CDFF4D !important; 
} 
 
.pill-team-card:hover { 
 transform: translateY(-10px); 
} 
 
/* Stagger: middle card in each row goes down */ 
.pill-team-row-top .pill-team-card:nth-child(2) { 
 margin-top: 40px; 
} 
 
.pill-team-row-bottom .pill-team-card:nth-child(2), 
.pill-team-row-bottom .pill-team-card:nth-child(4) { 
 margin-top: 40px; 
} 
 
.pill-team-info { 
 text-align: center; 
 padding: 16px 20px 20px; 
 background: #CDFF4D; 
 width: 100%; 
} 
 
.pill-team-name { 
 font-family: var(--font-display); 
 font-size: 17px; 
 font-weight: 600; 
 color: #15150F; 
 margin: 0 0 4px; 
 line-height: 1.3; 
} 
 
.pill-team-position { 
 font-family: var(--font-display); 
 font-size: 13px; 
 color: rgba(13, 13, 13, 0.97); 
 margin: 0; 
 line-height: 1.4; 
} 
 
.pill-team-photo { 
 width: 100%; 
 flex: 1; 
 min-height: 0; 
 overflow: hidden; 
 border-radius: 999px; 
 margin-bottom: 0; 
 flex-shrink: 0; 
} 
 
.pill-team-photo img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 object-position: top center; 
 display: block; 
 transition: transform 0.4s ease; 
} 
 
.pill-team-card:hover .pill-team-photo img { 
 transform: scale(1.05); 
} 
 
@media (max-width: 768px) { 
 .pill-team-row { 
 grid-template-columns: repeat(2, 1fr); 
 max-width: 480px; 
 gap: 20px 14px; 
 } 
 .pill-team-card { 
 width: 100%; 
 max-width: 180px; 
 } 
 .pill-team-card:nth-child(3n + 2) { 
 margin-top: 0; 
 } 
 .pill-team-card:nth-child(even) { 
 margin-top: 30px; 
 } 
 .pill-team-name { 
 font-size: 14px; 
 } 
 .pill-team-position { 
 font-size: 11px; 
 } 
} 
 
@media (max-width: 480px) { 
 .pill-team-row { 
 grid-template-columns: repeat(2, 1fr); 
 max-width: 360px; 
 gap: 14px 10px; 
 } 
 .pill-team-card { 
 max-width: 160px; 
 } 
} 
 
/* ========================= 
 ABOUT ? MEMBERS HEADING COLOR 
========================= */ 
.members-section h3.members-heading1 { 
 color: rgba(205, 255, 77, 0.97) !important; 
} 
 
/* ========================= 
 HERO STAT ? 4.9 FONT SIZE 
========================= */ 
.hero-ref-stat-box.dark h3 { 
 font-size: 42px !important; 
} 
 
/* ========================= 
 FAQ NEW ? DARK GLASS CARDS (replaces old white override) 
========================= */ 
.faq-right .faq-item, 
.faq-right .faq-item:hover { 
 background: rgba(26, 26, 26, 0.85) !important; 
 color: #ffffff !important; 
} 
.faq-right .faq-item-header { 
 background: transparent !important; 
 border: none !important; 
} 
.faq-right .faq-item-body, 
.faq-right .faq-item.open .faq-item-body { 
 background: transparent !important; 
 border: none !important; 
} 
.faq-right .faq-item .faq-item-q, 
.faq-right .faq-item span.faq-item-q { 
 color: #ffffff !important; 
 visibility: visible !important; 
 opacity: 1 !important; 
} 
/* OPEN STATE */ 
.faq-right .faq-item.open { 
 background: rgba(26, 26, 26, 0.85) !important; 
 border-color: #CDFF4D !important; 
} 
.faq-right .faq-item.open .faq-item-header { 
 background: #CDFF4D !important; 
 border-radius: 14px 14px 0 0; 
} 
.faq-right .faq-item.open .faq-item-q { 
 color: #15150F !important; 
} 
.faq-right .faq-item.open .faq-item-icon-wrap { 
 background: rgba(0, 0, 0, 0.15) !important; 
 border-color: rgba(0, 0, 0, 0.25) !important; 
 color: #15150F !important; 
} 
.faq-right .faq-item.open .faq-item-icon-wrap svg { 
 stroke: #15150F !important; 
} 
.faq-right .faq-item.open .faq-icon-new { 
 background: #15150F !important; 
 border-color: #15150F !important; 
 color: #CDFF4D !important; 
 box-shadow: none !important; 
} 
.faq-right .faq-item.open .faq-icon-new svg { 
 stroke: #CDFF4D !important; 
} 
 
/* ============================================= 
 FINAL BREADCRUMB + PAGE CONTENT FIX 
 ============================================= */ 
 
/* Kill ALL venor.css breadcrumb padding */ 
.breadcrumb-area, 
.blog-page-section .breadcrumb-area, 
.custom-page-code .breadcrumb-area { 
 padding: 80px 0 60px !important; 
 background: #CDFF4D !important; 
 background-color: #CDFF4D !important; 
 background-image: none !important; 
 border: none !important; 
 border-top: none !important; 
 border-bottom: none !important; 
 margin: 0 !important; 
} 
 
/* Title centered */ 
.breadcrumb-area h1.breadcrumb-title { 
 color: #ffffff !important; 
 text-align: center !important; 
 font-family: var(--font-display) !important; 
 font-size: 36px !important; 
 font-weight: 700 !important; 
 margin: 0 !important; 
 padding: 0 !important; 
} 
 
/* Kill page-content border-top from venor/responsive */ 
.page-content { 
 border-top: none !important; 
 padding-top: 40px !important; 
 background: #f0ede6 !important; 
 background-color: #f0ede6 !important; 
 margin-top: 0 !important; 
} 
 
/* Remove extra bottom strip after page-content */ 
.page-content { 
 padding-bottom: 0 !important; 
 margin-bottom: 0 !important; 
} 
 
.page-content > div:last-child, 
.page-content > .container-:last-child { 
 padding-bottom: 0 !important; 
 margin-bottom: 0 !important; 
} 
 
/* Contact icons ? email/skype/whatsapp center align */ 
.page-content .col-md-4, 
.page-content .col-sm-4, 
.page-content .col-xs-4 { 
 text-align: center !important; 
} 
 
.page-content .col-md-4 img, 
.page-content .col-sm-4 img { 
 display: block !important; 
 margin: 0 auto 10px auto !important; 
} 
 
.page-content .col-md-4 p, 
.page-content .col-sm-4 p { 
 text-align: center !important; 
} 
 
/* ============================================= 
 ABOUT SECTION ? Dark Black + Neon Green Theme 
 bg: #15150F | green: #CDFF4D 
 ============================================= */ 
.about-section-new, 
.about-section-new.light-section, 
body .about-section-new { 
 background: #15150F !important; 
} 
 
/* Stat pills */ 
.about-stat-pill { 
 background: #15150F !important; 
 color: #CDFF4D !important; 
} 
.about-stat-num { 
 color: #CDFF4D !important; 
} 
.about-stat-lbl { 
 color: #CDFF4D !important; 
} 
 
/* Feature cards */ 
.about-feature-card { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 border: none !important; 
} 
.about-feature-card:hover { 
 box-shadow: 0 6px 20px rgba(205, 255, 77, 0.45) !important; 
} 
 
/* Check icon */ 
.about-check-icon { 
 background: #15150F !important; 
 border: 1.5px solid #CDFF4D !important; 
} 
.about-check-icon svg polyline { 
 stroke: #CDFF4D !important; 
} 
 
/* Label / eyebrow */ 
.about-new-label { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
 
/* Heading text */ 
.about-new-heading { 
 color: #ffffff !important; 
} 
.about-new-heading em, 
.about-new-heading i, 
.about-new-heading span { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 text-shadow: 
 0 0 10px rgba(205, 255, 77, 0.55), 
 0 0 22px rgba(205, 255, 77, 0.3) !important; 
} 
 
/* Description text */ 
.about-new-desc, 
.about-new-desc p, 
.about-new-desc span { 
 color: #cccccc !important; 
} 
 
/* CTA Button */ 
.about-new-btn { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 border: 2px solid #CDFF4D !important; 
} 
.about-new-btn:hover { 
 background: #D8FF70 !important; 
 color: #15150F !important; 
} 
.about-btn-arrow { 
 background: rgba(0, 0, 0, 0.15) !important; 
} 
 
/* Team avatars */ 
.about-avatar { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.about-team-text { 
 color: #cccccc !important; 
} 
.about-team-text strong { 
 color: #ffffff !important; 
} 
 
/* Experience badge */ 
.about-exp-badge { 
 border-color: #CDFF4D !important; 
 box-shadow: 
 0 0 0 6px rgba(205, 255, 77, 0.15), 
 0 4px 24px rgba(205, 255, 77, 0.3) !important; 
 background: #15150F !important; 
 color: #ffffff !important; 
} 
.about-exp-number { 
 background-image: var(--num-gradient) !important;
 -webkit-background-clip: text !important;
 background-clip: text !important;
 -webkit-text-fill-color: transparent !important;
 color: transparent !important;
} 
.about-exp-text { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important;
} 
 
/* Chart card */ 
.about-chart-card { 
 background: #1a1a1a !important; 
 border-color: rgba(205, 255, 77, 0.4) !important; 
} 
.about-chart-label { 
 color: #CDFF4D !important; 
} 
.about-chart-amount { 
 color: #ffffff !important; 
} 
.about-bar-active { 
 background: #CDFF4D !important; 
} 
.about-bar { 
 background: rgba(255, 255, 255, 0.12) !important; 
} 
.about-bar-years span { 
 color: #888888 !important; 
} 
 
/* ============================================= 
 PORTFOLIO SECTION ? Dark Black + Neon Green 
 bg: #15150F | green: #CDFF4D 
 ============================================= */ 
/* ---- PORTFOLIO ---- */ 
.lx-portfolio-section, 
body .lx-portfolio-section { 
 background: #15150F !important; 
 padding-bottom: 140px !important; 
} 
 
/* Eyebrow / label */ 
.lx-port-eyebrow { 
 color: #CDFF4D !important; 
} 
.lx-port-eyebrow::before { 
 background: #CDFF4D !important; 
} 
 
/* Main heading */ 
.lx-port-title { 
 color: #ffffff !important; 
} 
.lx-port-title em, 
.lx-port-title span { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* View All button */ 
.lx-port-viewall { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 border-color: #CDFF4D !important; 
} 
.lx-port-viewall:hover { 
 background: #D8FF70 !important; 
} 
 
/* Category tags */ 
.lx-port-tag { 
 color: #CDFF4D !important; 
} 
.lx-port-tag::before { 
 background: #CDFF4D !important; 
} 
 
/* Card overlay text */ 
.lx-port-card-cat { 
 color: #CDFF4D !important; 
} 
.lx-port-card-title { 
 color: #ffffff !important; 
} 
 
/* ============================================= 
 SERVICES SECTION ? Dark Black + Neon Green 
 bg: #15150F | green: #CDFF4D 
 ============================================= */ 
.plx-svc-wrap, 
.plx-svc-left, 
.plx-svc-right, 
body .plx-svc-wrap, 
body .plx-svc-left, 
body .plx-svc-right { 
 background: #15150F !important; 
} 
 
.plx-svc-header, 
body .plx-svc-header { 
 background: #15150F !important; 
 border-bottom: 1px solid rgba(205, 255, 77, 0.2) !important; 
} 
 
/* Eyebrow */ 
.plx-svc-eyebrow { 
 color: #CDFF4D !important; 
} 
.plx-svc-eyebrow::before { 
 background: #CDFF4D !important; 
} 
 
/* Main heading */ 
.plx-svc-header-left h2 { 
 color: #ffffff !important; 
} 
.plx-svc-header-left h2 em { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 text-shadow: 
 0 0 10px rgba(205, 255, 77, 0.55), 
 0 0 22px rgba(205, 255, 77, 0.3) !important; 
} 
 
/* Right description text */ 
.plx-svc-header-right p { 
 color: #cccccc !important; 
} 
 
/* View All button */ 
.plx-svc-viewall { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 border-color: #CDFF4D !important; 
 box-shadow: 0 6px 20px rgba(205, 255, 77, 0.35) !important; 
} 
.plx-svc-viewall:hover { 
 background: #D8FF70 !important; 
 color: #15150F !important; 
} 
 
/* Circle / SVG ring */ 
.plx-svc-svg circle[stroke="#CDFF4D"] { 
 stroke: #CDFF4D !important; 
} 
#plxArc { 
 stroke: #CDFF4D !important; 
} 
 
/* Bubble */ 
.plx-bubble { 
 background: radial-gradient(circle at 35% 35%, #1a1a1a, #111111) !important; 
 border: 1px solid rgba(205, 255, 77, 0.2) !important; 
} 
 
/* Service name */ 
.plx-svc-name h3 { 
 color: #ffffff !important; 
} 
 
/* Service cards */ 
.plx-card { 
 background: #1a1a1a !important; 
 border-color: rgba(205, 255, 77, 0.15) !important; 
} 
.plx-card:hover { 
 border-color: rgba(205, 255, 77, 0.5) !important; 
} 
.plx-card::before { 
 background: #CDFF4D !important; 
} 
 
/* Card text */ 
.plx-card-title { 
 color: #ffffff !important; 
} 
.plx-card-desc { 
 color: #aaaaaa !important; 
} 
 
/* Card tag/badge */ 
.plx-card-tag { 
 background: rgba(205, 255, 77, 0.12) !important; 
 color: #CDFF4D !important; 
 border-color: rgba(205, 255, 77, 0.3) !important; 
} 
 
/* Nav dots / active indicator */ 
.plx-nav-dot.active, 
.plx-nav-dot:hover { 
 background: #CDFF4D !important; 
} 
.plx-nav-dot { 
 background: rgba(205, 255, 77, 0.25) !important; 
} 
 
/* ============================================= 
 SERVICES CARDS ? Neon Green #CDFF4D 
 ============================================= */ 
.plx-card, 
a.plx-card, 
body .plx-card { 
 background: #15150F !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.plx-card:hover, 
a.plx-card:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
 box-shadow: 0 6px 24px rgba(205, 255, 77, 0.45) !important; 
} 
.plx-card::before { 
 background: #15150F !important; 
} 
.plx-card-body h4, 
a.plx-card h4 { 
 color: #ffffff !important; 
} 
.plx-card-body p, 
a.plx-card p { 
 color: #ffffff !important; 
} 
.plx-ghost-num { 
 color: #CDFF4D !important; 
 opacity: 0.35; 
} 
.plx-pill { 
 background: #15150F !important; 
 border-color: #15150F !important; 
 color: #CDFF4D !important; 
} 
.plx-card-active .plx-pill, 
.plx-card-active { 
 border-color: #CDFF4D !important; 
 box-shadow: 0 0 12px rgba(205, 255, 77, 0.35) !important; 
} 
.plx-card-foot { 
 border-top-color: rgba(0, 0, 0, 0.12) !important; 
} 
 
/* ============================================= 
 FAQ SECTION ? Dark Black + Neon Green 
 bg: #15150F | green: #CDFF4D 
 ============================================= */ 
.faq-section-new, 
body .faq-section-new { 
 background: #15150F !important; 
} 
 
/* Left side text */ 
.faq-eyebrow, 
.faq-eyebrow-pill { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 box-shadow: 0 0 12px rgba(205, 255, 77, 0.4) !important; 
} 
.faq-heading, 
.faq-heading-center { 
 color: #ffffff !important; 
} 
.faq-heading span, 
.faq-heading em { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
.faq-subtext, 
.faq-subtext-center, 
.faq-subtext-left { 
 color: #888888 !important; 
} 
 
/* Accordion items ? closed state (dark glass) */ 
.faq-item, 
.faq-right .faq-item { 
 background: rgba(26, 26, 26, 0.85) !important; 
 border: 1.5px solid rgba(205, 255, 77, 0.18) !important; 
 border-radius: 16px !important; 
} 
.faq-item-header, 
.faq-right .faq-item-header { 
 background: transparent !important; 
 border: none !important; 
 color: #ffffff !important; 
} 
.faq-item-q, 
.faq-right .faq-item .faq-item-q { 
 color: #ffffff !important; 
} 
 
/* Icon button ? closed */ 
.faq-icon, 
.faq-right .faq-item .faq-icon, 
.faq-icon-new, 
.faq-right .faq-item .faq-icon-new { 
 background: rgba(205, 255, 77, 0.1) !important; 
 border: 1.5px solid rgba(205, 255, 77, 0.4) !important; 
 color: #CDFF4D !important; 
} 
.faq-icon svg, 
.faq-right .faq-icon svg, 
.faq-icon-new svg { 
 stroke: #CDFF4D !important; 
 fill: none !important; 
} 
 
/* Accordion items ? open/active state */ 
.faq-item.open, 
.faq-right .faq-item.open { 
 border-color: #CDFF4D !important; 
 box-shadow: 
 0 0 24px rgba(205, 255, 77, 0.25), 
 0 8px 32px rgba(205, 255, 77, 0.12) !important; 
} 
.faq-item.open .faq-item-header, 
.faq-right .faq-item.open .faq-item-header { 
 background: #CDFF4D !important; 
 border-bottom: none !important; 
} 
.faq-item.open .faq-item-q, 
.faq-right .faq-item.open .faq-item-q { 
 color: #15150F !important; 
} 
.faq-item.open .faq-icon, 
.faq-right .faq-item.open .faq-icon, 
.faq-item.open .faq-icon-new, 
.faq-right .faq-item.open .faq-icon-new { 
 background: #15150F !important; 
 border-color: #15150F !important; 
 box-shadow: none !important; 
} 
.faq-item.open .faq-icon svg, 
.faq-right .faq-item.open .faq-icon svg, 
.faq-item.open .faq-icon-new svg, 
.faq-right .faq-item.open .faq-icon-new svg { 
 stroke: #CDFF4D !important; 
} 
 
/* Answer body */ 
.faq-item-body, 
.faq-right .faq-item-body, 
.faq-right .faq-item.open .faq-item-body { 
 background: transparent !important; 
 border: none !important; 
} 
.faq-item-ans, 
.faq-right .faq-item-ans { 
 color: #ffffff !important; 
} 
 
/* ============================================= 
 FAQ ? Fix invisible text + white icons 
 ============================================= */ 
.faq-heading, 
.faq-heading-center, 
.faq-section-new .faq-heading, 
body .faq-heading { 
 color: #ffffff !important; 
} 
.faq-item-icon-wrap { 
 color: #CDFF4D !important; 
} 
.faq-item-icon-wrap svg { 
 stroke: #CDFF4D !important; 
} 
.faq-right .faq-item.open .faq-item-icon-wrap { 
 background: rgba(205, 255, 77, 0.2) !important; 
 border-color: #CDFF4D !important; 
} 
 
/* ============================================= 
 CERTIFICATIONS & AWARDS ? #15150F + #CDFF4D 
 ============================================= */ 
.certificate, 
.certificate .container-fluid, 
body .certificate { 
 background: #15150F !important; 
} 
/* Section heading */ 
.certificate h2, 
.certificate h3, 
.certificate .section-title, 
.certificate-title { 
 color: #ffffff !important; 
} 
.certificate h2 span, 
.certificate h3 span, 
.certificate .section-title span { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
/* Certificate logo cards */ 
.certificate .item, 
.certificate_slider .item { 
 background: #1a1a1a !important; 
 border: 1px solid rgba(205, 255, 77, 0.15) !important; 
 border-radius: 12px !important; 
 box-shadow: none !important; 
} 
.certificate .item:hover, 
.certificate_slider .item:hover { 
 border-color: rgba(205, 255, 77, 0.5) !important; 
} 

/* ============================================= 
 FIND US GLOBALLY ? #15150F + #CDFF4D 
 ============================================= */ 
.getintouch-home, 
.getintouch-home .d2-wrap, 
body .getintouch-home, 
body .getintouch-home .d2-wrap { 
 background: #15150F !important; 
} 
/* Title */ 
.getintouch-home .d2-title, 
body .getintouch-home .d2-title { 
 color: #ffffff !important; 
} 
.getintouch-home .d2-title span, 
.getintouch-home .d2-title em { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
/* Badge */ 
.getintouch-home .d2-badge { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
/* Dot */ 
.getintouch-home .d2-dot { 
 background: #CDFF4D !important; 
} 
/* Cards */ 
.getintouch-home .d2-card-top, 
.getintouch-home .d2-card:nth-child(2) .d2-card-top, 
.getintouch-home .d2-card:nth-child(3) .d2-card-top { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.getintouch-home .d2-card-top * { 
 color: #15150F !important; 
} 
.getintouch-home .d2-card-inner { 
 background: #1a1a1a !important; 
 border-color: rgba(205, 255, 77, 0.2) !important; 
} 
.getintouch-home .d2-phone-row { 
 background: #222222 !important; 
} 
.getintouch-home .d2-phone-icon { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.getintouch-home .d2-phone-row *, 
.getintouch-home .d2-card-inner * { 
 color: #cccccc !important; 
} 
.getintouch-home .d2-phone-row strong, 
.getintouch-home .d2-card-inner strong { 
 color: #ffffff !important; 
} 
 
/* ============================================= 
 BLOG SECTION ? #15150F + #CDFF4D 
 ============================================= */ 
.blog-section-new, 
body .blog-section-new { 
 background: #15150F !important; 
 padding-bottom: 48px !important; 
 padding-top: 60px !important; 
 margin-bottom: 0 !important; 
} 
 
/* Remove gap between blog section and Global Clients */ 
.blog-section-new .container { 
 padding-bottom: 0 !important; 
 margin-bottom: 0 !important; 
} 
 
.bl-slider-wrap { 
 margin-bottom: 0 !important; 
 padding-bottom: 0 !important; 
} 
 
.bl-cards { 
 margin-bottom: 0 !important; 
} 
 
/* Global Clients section ? remove top padding/gap */ 
div[style*="background:#15150F"] { 
 padding-top: 0 !important; 
 margin-top: 0 !important; 
} 
/* Eyebrow label */ 
.bl-label { 
 color: #CDFF4D !important; 
} 
/* Main heading */ 
.bl-heading { 
 color: #ffffff !important; 
} 
.bl-heading em { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 font-style: italic !important; 
 text-shadow: 
 0 0 10px rgba(205, 255, 77, 0.55), 
 0 0 22px rgba(205, 255, 77, 0.3) !important; 
} 
/* Description */ 
.bl-desc { 
 color: #aaaaaa !important; 
} 
/* View All button */ 
.bl-view-btn { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.bl-view-btn:hover { 
 background: #D8FF70 !important; 
} 
/* Light cards */ 
.bl-card { 
 background: #15150F !important; 
 border: 1.5px solid #CDFF4D !important; 
} 
.bl-card:hover { 
 border-color: #CDFF4D !important; 
} 
.bl-card-tag { 
 color: #CDFF4D !important; 
} 
.bl-card-title { 
 color: #ffffff !important; 
} 
.bl-card-title:hover { 
 color: #CDFF4D !important; 
} 
.bl-card-meta { 
 color: #888888 !important; 
} 
/* Dark card */ 
.bl-card-dark { 
 background: #CDFF4D !important; 
 border: 1.5px solid #CDFF4D !important; 
} 
.bl-card-dark .bl-card-tag { 
 color: #15150F !important; 
} 
.bl-card-dark .bl-card-title { 
 color: #15150F !important; 
} 
.bl-card-dark .bl-card-title:hover { 
 color: #1a1a1a !important; 
} 
.bl-card-meta-dark { 
 color: #1a1a1a !important; 
} 
/* Arrow button */ 
.bl-arrow-btn { 
 background: #15150F !important; 
 color: #CDFF4D !important; 
 border: 2px solid #CDFF4D !important; 
} 
.bl-arrow-btn:hover { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
 
/* Projects Delivered ? 2021, 2023, 2024, 2025 bars green */ 
.about-bar.bar-highlight { 
 background: #CDFF4D !important; 
} 
 
/* "Get the best offer" button arrow circle ? black */ 
.hero-btn-arrow { 
 background: #CDFF4D !important; 
} 
.hero-btn-arrow svg path { 
 stroke: #CDFF4D !important; 
} 
 
/* "Get the best offer" button ? arrow circle black, arrow green */ 
.about-new-btn .about-btn-arrow, 
body .about-new-btn .about-btn-arrow { 
 background: #15150F !important; 
 border-radius: 50% !important; 
} 
.about-new-btn .about-btn-arrow svg path, 
body .about-new-btn .about-btn-arrow svg path { 
 stroke: #CDFF4D !important; 
} 
 
/* ============================================= 
 OUR HAPPY CLIENTS ? #15150F black + #CDFF4D green 
 ============================================= */ 
.lx-testi-top, 
.lx-wave-wrap, 
.lx-testimonial-section, 
body .lx-testi-top, 
body .lx-wave-wrap { 
 background: #15150F !important; 
} 
 
/* Title & subtitle */ 
.lx-testi-title { 
 color: #ffffff !important; 
} 
.lx-testi-sub { 
 color: rgba(255, 255, 255, 0.7) !important; 
} 
 
/* Rating pills */ 
.lx-rating-pill { 
 background: rgba(205, 255, 77, 0.12) !important; 
 border: 1px solid rgba(205, 255, 77, 0.3) !important; 
} 
.lx-rating-pill * { 
 color: #ffffff !important; 
} 
 
/* Stars */ 
.lx-rating-pill .lx-stars { 
 color: #CDFF4D !important; 
} 
 
/* Bottom rating text */ 
.lx-testi-top p:last-child, 
.lx-testi-top > p { 
 color: rgba(255, 255, 255, 0.5) !important; 
} 
 
/* Testimonial bottom section */ 
.lx-testi-bottom, 
body .lx-testi-bottom { 
 background: #15150F !important; 
} 
 
/* Testimonial cards */ 
.lx-testi-card { 
 background: #1a1a1a !important; 
 border: 1.5px solid #CDFF4D !important; 
 box-shadow: 
 0 0 18px rgba(205, 255, 77, 0.4), 
 0 0 6px rgba(205, 255, 77, 0.2) !important; 
} 
.lx-testi-name { 
 color: #ffffff !important; 
} 
.lx-testi-pos { 
 color: #CDFF4D !important; 
} 
.lx-testi-quote { 
 color: #cccccc !important; 
} 
.lx-testi-stars { 
 color: #CDFF4D !important; 
} 
.lx-testi-exp { 
 color: #cccccc !important; 
} 
.lx-rating-label { 
 color: #aaaaaa !important; 
} 
.lx-rating-label strong { 
 color: #ffffff !important; 
} 
.lx-big-rating { 
 color: #CDFF4D !important; 
} 
 
/* Nav arrows */ 
.lx-testi-prev, 
.lx-testi-next { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.lx-testi-prev:hover, 
.lx-testi-next:hover { 
 background: #D8FF70 !important; 
} 
 
/* Rate Us button */ 
.lx-rate-btn { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.lx-rate-btn:hover { 
 background: #D8FF70 !important; 
 color: #15150F !important;
 -webkit-text-fill-color: #15150F !important;
} 
 
/* Our Happy Clients ? soft olive (not neon highlight) */ 
.lx-testi-top, 
body .lx-testi-top { 
 background: #3a4518 !important; 
} 
.lx-testi-title { 
 color: #CDFF4D !important; 
} 
.lx-testi-sub { 
 color: rgba(255, 255, 255, 0.72) !important; 
} 
.lx-testi-top > p, 
.lx-testi-top p:last-child { 
 color: rgba(255, 255, 255, 0.7) !important; 
} 
 
/* Rating pills on soft dark green bg */ 
.lx-rating-pill { 
 background: #ffffff !important; 
 border: 1px solid rgba(0, 0, 0, 0.12) !important; 
} 
.lx-rating-pill * { 
 color: #15150F !important; 
} 
.lx-rating-pill .lx-pill-name { 
 color: #15150F !important; 
} 
/* Stars ? golden */ 
.lx-rating-pill .lx-pill-stars { 
 color: #f5c518 !important; 
} 
.lx-rating-pill .lx-pill-stars span { 
 color: #555555 !important; 
 font-size: 11px !important; 
} 
/* Rating avg bottom text */ 
.lx-rating-avg { 
 color: rgba(255, 255, 255, 0.7) !important; 
} 
 
/* Wave ? match soft olive top */ 
.lx-wave-wrap, 
body .lx-wave-wrap { 
 background: #3a4518 !important; 
} 
 
/* ============================================= 
 HEADER ? #CDFF4D green background 
 ============================================= */ 
.site-topbar, 
.site-topbar.scrolled, 
body .site-topbar { 
 background: #CDFF4D !important; 
 box-shadow: 0 4px 24px rgba(205, 255, 77, 0.3) !important; 
} 
 
/* Nav links ? black on green */ 
.site-nav a, 
.site-logo-text, 
.site-phone { 
 color: #15150F !important; 
} 
.site-nav a:hover, 
.site-logo-text:hover, 
.site-phone:hover { 
 color: #1a1a1a !important; 
} 
 
/* Phone icon */ 
.site-phone-icon { 
 color: #15150F !important; 
} 
 
/* "Let's Connect" button ? black bg, green text */
.site-connect-btn,
body .site-connect-btn {
 background: #15150F !important;
 color: #CDFF4D !important;
 border-color: #15150F !important;
 gap: 10px !important;
}
.site-connect-btn:hover,
body .site-connect-btn:hover {
 background: #1a1a1a !important;
 color: #CDFF4D !important;
}
.site-connect-btn-arrow {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 flex-shrink: 0 !important;
 width: 16px !important;
 height: 16px !important;
 line-height: 0 !important;
 color: inherit !important;
}
.site-connect-btn-arrow svg {
 display: block !important;
 width: 16px !important;
 height: 16px !important;
} 
 
/* Hamburger menu icon */ 
.menu-toggle { 
 color: #15150F !important; 
} 
 
/* ============================================= 
 FAQ ? Force question text white (visible fix) 
 ============================================= */ 
.faq-item-header, 
.faq-right .faq-item-header, 
.faq-item .faq-item-header { 
 background: #1a1a1a !important; 
 border: 1.5px solid rgba(205, 255, 77, 0.25) !important; 
} 
.faq-item-q, 
.faq-item .faq-item-q, 
.faq-right .faq-item .faq-item-q, 
.faq-item-header .faq-item-q { 
 color: #ffffff !important; 
 opacity: 1 !important; 
 visibility: visible !important; 
} 
 
/* ============================================= 
 FAQ ? Force question text #CDFF4D + icons visible 
 ============================================= */ 
.faq-item-q, 
span.faq-item-q, 
.faq-item-header .faq-item-q, 
.faq-item-left .faq-item-q, 
.faq-right .faq-item-q, 
.faq-list .faq-item-q { 
 color: #CDFF4D !important; 
 opacity: 1 !important; 
 visibility: visible !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* Open item question ? black on green header */ 
.faq-item.open .faq-item-q { 
 color: #15150F !important; 
 -webkit-text-fill-color: #15150F !important; 
} 
 
/* Icon wrap SVG ? #CDFF4D */ 
.faq-item-icon-wrap, 
.faq-item-left .faq-item-icon-wrap { 
 color: #CDFF4D !important; 
 background: rgba(205, 255, 77, 0.12) !important; 
 border-radius: 8px !important; 
 padding: 4px !important; 
} 
.faq-item-icon-wrap svg, 
.faq-item-left .faq-item-icon-wrap svg { 
 stroke: #CDFF4D !important; 
 color: #CDFF4D !important; 
} 
 
/* Open item icon ? black */ 
.faq-item.open .faq-item-icon-wrap svg { 
 stroke: #15150F !important; 
} 
 
/* faq-icon-new (+ / - button) */ 
.faq-icon-new { 
 background: rgba(205, 255, 77, 0.15) !important; 
 border: 1.5px solid #CDFF4D !important; 
 border-radius: 50% !important; 
 width: 28px !important; 
 height: 28px !important; 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
} 
.faq-icon-new svg { 
 stroke: #CDFF4D !important; 
 width: 14px !important; 
 height: 14px !important; 
} 
.faq-item.open .faq-icon-new { 
 background: #15150F !important; 
 border-color: #15150F !important; 
} 
.faq-item.open .faq-icon-new svg { 
 stroke: #CDFF4D !important; 
} 
 
/* FAQ Heading ? "Frequently Asked" white, "Questions" #CDFF4D */ 
.faq-heading-left, 
body .faq-heading-left { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
.faq-green, 
.faq-heading-left .faq-green, 
body .faq-green { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 text-shadow: 
 0 0 10px rgba(205, 255, 77, 0.55), 
 0 0 22px rgba(205, 255, 77, 0.3) !important; 
} 
.faq-subtext-left { 
 color: #aaaaaa !important; 
} 
 
/* ============================================= 
 FIND US GLOBALLY ? #15150F bg + #CDFF4D cards 
 ============================================= */ 
.getintouch-home, 
.getintouch-home .d2-wrap, 
body .getintouch-home, 
body .getintouch-home .d2-wrap { 
 background: #15150F !important; 
} 
.getintouch-home .d2-title, 
body .getintouch-home .d2-title { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
/* All 3 location cards ? #CDFF4D green top */ 
.getintouch-home .d2-card-top, 
.getintouch-home .d2-card:nth-child(1) .d2-card-top, 
.getintouch-home .d2-card:nth-child(2) .d2-card-top, 
.getintouch-home .d2-card:nth-child(3) .d2-card-top, 
body .getintouch-home .d2-card-top { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.getintouch-home .d2-card-top *, 
.getintouch-home .d2-card-top h4, 
.getintouch-home .d2-card-top p, 
.getintouch-home .d2-card-top span { 
 color: #15150F !important; 
} 
.getintouch-home .d2-card-inner { 
 background: #1a1a1a !important; 
 border-color: rgba(205, 255, 77, 0.25) !important; 
} 
.getintouch-home .d2-phone-row { 
 background: #222222 !important; 
} 
.getintouch-home .d2-phone-icon { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.getintouch-home .d2-phone-num, 
.getintouch-home .d2-card-inner * { 
 color: #cccccc !important; 
} 
.getintouch-home .d2-badge { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.getintouch-home .d2-dot { 
 background: #CDFF4D !important; 
} 
.getintouch-home .d2-card-region { 
 color: #CDFF4D !important; 
} 
/* World map dots color */ 
.d2-worldmap { 
 filter: brightness(0) invert(0.15) !important; 
 opacity: 0.3 !important; 
} 
 
/* ============================================= 
 CONTACT CTA + FOOTER ? #15150F bg + #CDFF4D 
 ============================================= */ 
.contact-cta-wrap, 
.contact-cta-left, 
.contact-cta-right, 
body .contact-cta-wrap, 
body .contact-cta-left, 
body .contact-cta-right { 
 background: #15150F !important; 
} 
.contact-cta-left::before { 
 background: transparent !important; 
} 
 
/* Subtitle */ 
.contact-cta-subtitle { 
 color: #CDFF4D !important; 
} 
 
/* Main title */ 
.contact-cta-title { 
 color: #ffffff !important; 
} 
.contact-cta-title .highlight { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* CTA Button */ 
.contact-cta-btn { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #000000 !important; 
} 
.contact-cta-btn span { 
 color: #000000 !important; 
} 
.contact-cta-btn:hover { 
 background: #D8FF70 !important; 
 color: #000000 !important; 
} 
.contact-cta-btn:hover span { 
 color: #000000 !important; 
} 
 
/* Right panel text */ 
.contact-cta-block h4 { 
 color: #ffffff !important; 
} 
.contact-cta-block h4::after { 
 background: #CDFF4D !important; 
} 
.contact-cta-block ul li a, 
.contact-cta-block p, 
.contact-cta-address, 
.contact-cta-mail { 
 color: #aaaaaa !important; 
} 
.contact-cta-block ul li a:hover, 
.contact-cta-mail:hover { 
 color: #CDFF4D !important; 
} 
 
/* Social icons */ 
.contact-cta-social a { 
 background: #1a1a1a !important; 
 color: #CDFF4D !important; 
 border-color: rgba(205, 255, 77, 0.3) !important; 
} 
.contact-cta-social a:hover { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
 
/* Divider */ 
.contact-cta-address-row { 
 border-top-color: rgba(205, 255, 77, 0.15) !important; 
} 
 
/* Copyright */ 
.contact-cta-bottom p { 
 color: #aaaaaa !important; 
} 
.contact-cta-bottom span { 
 color: #CDFF4D !important; 
} 
 
/* Footer section */ 
.footer-section, 
body .footer-section { 
 background: #15150F !important; 
} 
.footer-section .footer-left .inner span { 
 color: #CDFF4D !important; 
} 
.footer-section .footer-left .btn-style2 { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 border-color: #CDFF4D !important; 
} 
.footer-section .footer-left .btn-style2:hover { 
 background: #D8FF70 !important; 
} 
.footer-section .venor-animate-border { 
 background: #CDFF4D !important; 
} 
.footer-section .menu-quick-link-container a:hover, 
.footer-section .custom-html-widget a:hover { 
 color: #CDFF4D !important; 
} 
.footer-section .menu-item-footer-address i { 
 color: #CDFF4D !important; 
} 
.footer-section .footer-widget h4.title, 
.footer-section .footer-widget h4.title::after { 
 border-color: #CDFF4D !important; 
 color: #ffffff !important; 
} 
.footer-section * { 
 color: #cccccc; 
} 
.footer-section h1, 
.footer-section h2, 
.footer-section h3, 
.footer-section h4, 
.footer-section h5 { 
 color: #ffffff !important; 
} 
 
/* ============================================= 
 FIND US GLOBALLY ? Actual classes fix 
 bg: #15150F | cards: #CDFF4D | title: #CDFF4D 
 ============================================= */ 
.getintouch-home, 
.getintouch-home .gmap-wrap, 
body .getintouch-home { 
 background: #15150F !important; 
} 
 
/* Title */ 
.gmap-title, 
.gmap-header h2, 
body .gmap-title { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* Map area background */ 
.gmap-map-area { 
 background: #15150F !important; 
} 
 
/* World map image ? subtle visibility */ 
.gmap-world-img { 
 opacity: 0.15 !important; 
 filter: invert(1) brightness(0.4) !important; 
} 
 
/* Pin dot */ 
.gmap-dot { 
 background: #CDFF4D !important; 
 box-shadow: 0 0 0 4px rgba(205, 255, 77, 0.3) !important; 
} 
 
/* Location cards */ 
.gmap-card { 
 background: #CDFF4D !important; 
 border: none !important; 
 border-radius: 12px !important; 
 overflow: hidden !important; 
} 
 
/* Card image section */ 
.gmap-card-img { 
 background: rgba(21, 21, 15, 0.18) !important; 
} 
.gmap-card-img img { 
 width: 72% !important; 
 height: 72% !important; 
 object-fit: contain !important; 
 filter: brightness(0) invert(1) !important; 
 opacity: 1 !important; 
} 
 
/* Card info text */ 
.gmap-card-info { 
 background: #CDFF4D !important; 
 padding: 10px 14px !important; 
} 
.gmap-card-city { 
 color: #15150F !important; 
 font-weight: 700 !important; 
} 
.gmap-card-phone, 
.gmap-card-email { 
 color: #1a1a1a !important; 
} 
 
/* ============================================= 
 MAP DOTS ? white 
 ============================================= */ 
.gmap-dot { 
 background: #ffffff !important; 
 box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3) !important; 
} 
 
/* ============================================= 
 TYPED SECTION ? #15150F bg + #CDFF4D green 
 ============================================= */ 
.typed-section, 
body .typed-section { 
 background: #15150F !important; 
 border-top: 1.5px solid rgba(205, 255, 77, 0.2) !important; 
 border-bottom: 1.5px solid rgba(205, 255, 77, 0.2) !important; 
} 
 
/* "Are you looking for" text */ 
.typed-section .parent-typed-text, 
.typed-section .mt_typed-beforetext, 
body .typed-section .mt_typed-beforetext { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
 
/* Typed animated text (SEO, Graphic Design etc.) */ 
.typed-section .mt_typed_text, 
.typed-section span.mt_typed_text, 
body .typed-section .mt_typed_text { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 -webkit-text-stroke: 0 !important; 
 font-style: normal !important; 
} 
 
/* Contact Us button */ 
.typed-section .btn-style1, 
.typed-section .btn.btn-style1, 
body .typed-section .btn-style1 { 
 background: #CDFF4D !important; 
 background-color: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.typed-section .btn-style1:hover, 
body .typed-section .btn-style1:hover { 
 background: #D8FF70 !important; 
 background-color: #D8FF70 !important; 
 color: #15150F !important; 
} 
.typed-section .btn-style1 span, 
.typed-section .btn-style1 svg { 
 color: #15150F !important; 
 stroke: #15150F !important; 
 fill: #15150F !important; 
} 
 
/* MAP DOTS ? force white with pulse */ 
.gmap-dot, 
body .gmap-dot, 
.gmap-pin .gmap-dot { 
 background: #ffffff !important; 
 border: 2px solid #ffffff !important; 
 box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.25) !important; 
} 
.gmap-dot::after, 
body .gmap-dot::after { 
 border-color: rgba(255, 255, 255, 0.4) !important; 
} 
 
/* World map dotted points ? slightly more visible */ 
.gmap-world-img, 
body .gmap-world-img { 
 opacity: 0.35 !important; 
 filter: brightness(10) grayscale(1) !important; 
} 
 
/* ============================================= 
 CERTIFICATIONS & AWARDS ? #15150F + #CDFF4D 
 ============================================= */ 
.certificate, 
div.certificate, 
body .certificate, 
.certificate[style] { 
 background: #15150F !important; 
 background-color: #15150F !important; 
} 
.certificate .container-fluid, 
body .certificate .container-fluid { 
 background: #15150F !important; 
} 
 
/* Heading */ 
.lx-section-heading, 
.certificate .lx-section-heading, 
h4.lx-section-heading { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* Certificate logo cards */ 
.certificate .item, 
.certificate_slider .item, 
body .certificate .item { 
 background: #1a1a1a !important; 
 border-radius: 12px !important; 
 border: 1px solid rgba(205, 255, 77, 0.15) !important; 
 padding: 16px !important; 
 display: flex !important; 
 align-items: center !important; 
 justify-content: center !important; 
 box-shadow: none !important; 
} 
.certificate .item:hover, 
.certificate_slider .item:hover { 
 border-color: rgba(205, 255, 77, 0.45) !important; 
} 

/* ============================================= 
 FORCE contact-cta-btn TEXT BLACK 
 ============================================= */ 
a.contact-cta-btn, 
a.contact-cta-btn span, 
.contact-cta-btn, 
.contact-cta-btn span, 
.contact-cta-left a.contact-cta-btn, 
.contact-cta-left a.contact-cta-btn span { 
 color: #000000 !important; 
 -webkit-text-fill-color: #000000 !important; 
} 
a.contact-cta-btn:hover, 
a.contact-cta-btn:hover span, 
.contact-cta-btn:hover, 
.contact-cta-btn:hover span { 
 color: #000000 !important; 
 -webkit-text-fill-color: #000000 !important; 
} 
 
/* ============================================= 
 OUR HAPPY CLIENTS ? FINAL OVERRIDES (soft, not neon)
 ============================================= */ 
.lx-testi-top,
body .lx-testi-top {
 background: #2f3914 !important;
}
.lx-wave-wrap,
body .lx-wave-wrap {
 background: #2f3914 !important;
}
.lx-testi-top .lx-testi-title, 
.lx-testi-title { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 background: none !important;
} 
.lx-testi-top .lx-testi-sub, 
.lx-testi-sub { 
 color: rgba(255, 255, 255, 0.72) !important; 
 -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important; 
 background: none !important;
} 
.lx-testi-top .lx-rating-avg, 
.lx-rating-avg,
p.lx-rating-avg { 
 color: rgba(255, 255, 255, 0.68) !important; 
 -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important; 
} 
/* Stars ? golden */ 
.lx-pill-stars { 
 color: #f5c518 !important; 
} 
/* Review count inside stars ? visible dark on white pill */ 
.lx-pill-stars span { 
 color: #555555 !important; 
 font-size: 11px !important; 
} 
/* Pill name ? dark on white pill */ 
.lx-pill-name { 
 color: #15150F !important; 
} 
 
/* ============================================= 
 FUN FACTS SECTION ? FULL BLACK BACKGROUND 
 ============================================= */ 
.fun-facts-new, 
body .fun-facts-new, 
div.fun-facts-new { 
 background: #15150F !important; 
 background-color: #15150F !important; 
} 
.ff-bottom, 
body .ff-bottom, 
.fun-facts-new .ff-bottom { 
 background: #15150F !important; 
 background-color: #15150F !important; 
} 
.ff-mountain, 
.fun-facts-new .ff-mountain { 
 background: #15150F !important; 
} 
/* Mountain SVG rect background fill */ 
.ff-mountain svg rect { 
 fill: #15150F !important; 
} 
/* Text colors on black bg */ 
.ff-right-title { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
.ff-stat-lbl { 
 color: #aaaaaa !important; 
} 
.ff-service-pill { 
 background: #1a1a1a !important; 
 border-color: rgba(205, 255, 77, 0.3) !important; 
 color: #CDFF4D !important; 
} 
 
/* ============================================= 
 FUN FACTS NUMBERS ? FORCE #CDFF4D 
 ============================================= */ 
.ff-stat-num, 
.ff-stat-num .timer, 
.ff-stat-num span.timer, 
.ff-stat-num sup, 
.fun-facts-new .ff-stat-num, 
.fun-facts-new .ff-stat-num .timer, 
.fun-facts-new .ff-stat-num sup, 
div.ff-stat-num, 
span.timer { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* ============================================= 
 TRUSTPILOT BADGE TEXT ? FORCE WHITE 
 ============================================= */ 
.lx-tp-badge span, 
.lx-testi-card-left .lx-tp-badge span, 
.lx-testi-card .lx-tp-badge span { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
 
/* lx-rating-avg ? soft white on olive bg */ 
.lx-rating-avg, 
.lx-testi-top .lx-rating-avg, 
p.lx-rating-avg { 
 color: rgba(255, 255, 255, 0.68) !important; 
 -webkit-text-fill-color: rgba(255, 255, 255, 0.68) !important; 
} 
 
/* ============================================= 
 GLOBAL CLIENTS SECTION ? BLACK BG 
 ============================================= */ 
/* Logos: grayscale by default, full color on hover (original behavior) */ 
.clients_logo .client_logo { 
 filter: grayscale(1) brightness(1.1) !important; 
 transition: filter 0.3s ease, transform 0.3s ease !important; 
} 
.clients_logo .logo_box:hover .client_logo, 
.clients_logo .client_logo:hover { 
 filter: grayscale(0) brightness(1) !important; 
} 
/* Heading on black bg */ 
h3.lx-section-heading { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* ============================================= 
 PRODUCT/SERVICE PAGE ? CONTACT LINES GREEN 
 ============================================= */ 
.page-content .col-md-4 p, 
.page-content .col-sm-4 p, 
.page-content .col-xs-4 p, 
.page-content .col-md-4 a, 
.page-content .col-sm-4 a { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* ============================================= 
 VIEW DEMO / BUY NOW BUTTONS ? GREEN STYLE 
 ============================================= */ 
.page-content .btn.btn-style1, 
.page-content a.btn-style1, 
.contant-section-page .btn.btn-style1, 
.contant-section-page a.btn-style1 { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
 -webkit-text-fill-color: #15150F !important; 
} 
.page-content .btn.btn-style1 span, 
.page-content a.btn-style1 span, 
.contant-section-page .btn.btn-style1 span, 
.contant-section-page a.btn-style1 span { 
 color: #15150F !important; 
 -webkit-text-fill-color: #15150F !important; 
} 
.page-content .btn.btn-style1:hover, 
.page-content a.btn-style1:hover, 
.contant-section-page .btn.btn-style1:hover, 
.contant-section-page a.btn-style1:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
} 
 
/* ============================================= 
 PROJECT DETAIL ? INFO SECTION TEXT + BUTTON 
 ============================================= */ 
/* Info section text ? white */ 
.project-content .col-md-4 p, 
.project-content .col-md-4 p strong, 
.project-content .col-md-4 h4.post-name { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
/* Download / action button ? #CDFF4D green */ 
.project-content .col-md-4 .btn.btn-style1, 
.project-content .col-md-4 a.btn-style1 { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
 -webkit-text-fill-color: #15150F !important; 
} 
.project-content .col-md-4 .btn.btn-style1 span, 
.project-content .col-md-4 a.btn-style1 span { 
 color: #15150F !important; 
 -webkit-text-fill-color: #15150F !important; 
} 
.project-content .col-md-4 .btn.btn-style1:hover, 
.project-content .col-md-4 a.btn-style1:hover { 
 background: #D8FF70 !important; 
 border-color: #D8FF70 !important; 
} 
/* venor-animate-border line ? green */ 
.project-content .col-md-4 .venor-animate-border { 
 background: #CDFF4D !important; 
} 
 
/* ============================================= 
 TRUSTED BY CLIENTS LOGOS ? WHITE ON BLACK 
 ============================================= */ 
.cnt-clients-section .clients-slider img, 
.cnt-clients-section img { 
 filter: brightness(0) invert(1) !important; 
 opacity: 0.75 !important; 
 transition: 
 opacity 0.3s ease, 
 filter 0.3s ease !important; 
} 
.cnt-clients-section .clients-slider img:hover, 
.cnt-clients-section img:hover { 
 filter: brightness(0) invert(1) !important; 
 opacity: 1 !important; 
} 
/* Label text ? white */ 
.cnt-clients-label { 
 color: #aaaaaa !important; 
} 
 
/* ============================================= 
 SERVICE DETAIL PAGE 
 (moved from service-detail.blade.php inline) 
 ============================================= */ 
.svc-detail-hero { 
 background: #15150F; 
 padding: 80px 0 60px; 
 position: relative; 
 overflow: hidden; 
} 
.svc-detail-hero::after { 
 content: ""; 
 position: absolute; 
 right: -100px; 
 top: -100px; 
 width: 500px; 
 height: 500px; 
 border-radius: 50%; 
 background: rgba(205, 255, 77, 0.06); 
 pointer-events: none; 
} 
.svc-detail-hero .container { 
 position: relative; 
 z-index: 2; 
} 
.svc-hero-eyebrow { 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 font-family: var(--font-display); 
 font-size: 11px; 
 font-weight: 600; 
 letter-spacing: 4px; 
 text-transform: uppercase; 
 color: #CDFF4D; 
 margin-bottom: 20px; 
} 
.svc-hero-eyebrow::before { 
 content: ""; 
 width: 26px; 
 height: 1.5px; 
 background: #CDFF4D; 
} 
.svc-detail-hero h1 { 
 font-family: var(--font-display); 
 font-size: clamp(36px, 5vw, 64px); 
 font-weight: 700; 
 color: #ffffff; 
 margin: 0 0 20px; 
 line-height: 1.1; 
 max-width: 700px; 
} 
.svc-detail-hero p.lead { 
 font-family: var(--font-display); 
 font-size: 17px; 
 color: rgba(255, 255, 255, 0.7); 
 max-width: 600px; 
 line-height: 1.8; 
 margin: 0 0 36px; 
} 
.svc-hero-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 background: #CDFF4D; 
 color: #15150F; 
 font-family: var(--font-display); 
 font-size: 14px; 
 font-weight: 700; 
 padding: 14px 28px; 
 border-radius: 999px; 
 text-decoration: none; 
 transition: 0.25s ease; 
} 
.svc-hero-btn:hover { 
 background: #D8FF70; 
 color: #15150F; 
 text-decoration: none; 
 transform: translateY(-2px); 
} 
.svc-content-section { 
 background: #15150F; 
 padding: 80px 0; 
} 
.svc-content-grid { 
 display: grid; 
 grid-template-columns: 1fr 340px; 
 gap: 60px; 
 align-items: start; 
} 
.svc-main-content { 
 font-family: var(--font-display); 
 font-size: 15px; 
 color: #cccccc; 
 line-height: 1.85; 
} 
.svc-main-content h2, 
.svc-main-content h3, 
.svc-main-content h4 { 
 font-family: var(--font-display); 
 font-weight: 700; 
 color: #ffffff; 
 margin-top: 32px; 
 margin-bottom: 12px; 
} 
.svc-main-content h2 { 
 font-size: 28px; 
} 
.svc-main-content h3 { 
 font-size: 22px; 
} 
.svc-main-content p { 
 margin-bottom: 16px; 
} 
.svc-main-content ul { 
 padding-left: 20px; 
 margin-bottom: 16px; 
} 
.svc-main-content ul li { 
 margin-bottom: 8px; 
 position: relative; 
} 
.svc-sidebar { 
 position: sticky; 
 top: 100px; 
} 
.svc-sidebar-card { 
 background: #1a1a1a; 
 border-radius: 20px; 
 padding: 32px 28px; 
 margin-bottom: 20px; 
 border: 1px solid rgba(205, 255, 77, 0.15); 
} 
.svc-sidebar-card h4 { 
 font-family: var(--font-display); 
 font-size: 16px; 
 font-weight: 700; 
 color: #CDFF4D; 
 margin: 0 0 20px; 
} 
.svc-sidebar-list { 
 list-style: none; 
 padding: 0; 
 margin: 0; 
} 
.svc-sidebar-list li { 
 border-bottom: 1px solid rgba(255, 255, 255, 0.08); 
} 
.svc-sidebar-list li:last-child { 
 border-bottom: none; 
} 
.svc-sidebar-list li a { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 padding: 12px 0; 
 font-family: var(--font-display); 
 font-size: 13px; 
 font-weight: 500; 
 color: rgba(255, 255, 255, 0.75); 
 text-decoration: none; 
 transition: 0.2s ease; 
} 
.svc-sidebar-list li a:hover, 
.svc-sidebar-list li a.active { 
 color: #CDFF4D; 
 text-decoration: none; 
} 
.svc-sidebar-list li a span { 
 font-size: 16px; 
} 
.svc-cta-card { 
 background: #CDFF4D; 
 border-radius: 20px; 
 padding: 32px 28px; 
 text-align: center; 
} 
.svc-cta-card h4 { 
 font-family: var(--font-display); 
 font-size: 20px; 
 font-weight: 700; 
 color: #15150F; 
 margin: 0 0 10px; 
} 
.svc-cta-card p { 
 font-family: var(--font-display); 
 font-size: 13px; 
 color: #1a1a1a; 
 margin: 0 0 20px; 
 line-height: 1.6; 
} 
.svc-cta-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 background: #15150F; 
 color: #CDFF4D; 
 font-family: var(--font-display); 
 font-size: 13px; 
 font-weight: 700; 
 padding: 12px 24px; 
 border-radius: 999px; 
 text-decoration: none; 
 transition: 0.25s ease; 
} 
.svc-cta-btn:hover { 
 background: #1a1a1a; 
 color: #CDFF4D; 
 text-decoration: none; 
} 
@media (max-width: 900px) { 
 .svc-content-grid { 
 grid-template-columns: 1fr; 
 } 
 .svc-sidebar { 
 position: static; 
 } 
} 
@media (max-width: 600px) { 
 .svc-detail-hero { 
 padding: 60px 0 40px; 
 } 
 .svc-content-section { 
 padding: 50px 0; 
 } 
} 
 
/* ============================================= 
 BLOG ARTICLE DETAIL ? BLACK CARD 
 ============================================= */ 
.post-content.blog-page-section, 
.post-content.blog-page-section .container, 
.post-content.blog-page-section .row { 
 background: #15150F !important; 
} 
.post-content.blog-page-section article.single-post.blogloop-v2, 
.post-content.blog-page-section .blog_custom, 
.post-content.blog-page-section .post-details, 
.post-content.blog-page-section .post-details-holder { 
 background: #15150F !important; 
 border-color: rgba(205, 255, 77, 0.15) !important; 
} 
/* Text on black bg */ 
.post-content.blog-page-section h2.post-name, 
.post-content.blog-page-section h2.post-name a, 
.post-content.blog-page-section h1, 
.post-content.blog-page-section h2, 
.post-content.blog-page-section h3 { 
 color: #ffffff !important; 
} 
.post-content.blog-page-section p, 
.post-content.blog-page-section .post-body p, 
.post-content.blog-page-section .post-excerpt p { 
 color: #cccccc !important; 
} 
/* Sidebar widgets on black */ 
.post-content.blog-page-section .widget_element { 
 background: #1a1a1a !important; 
 border-color: rgba(205, 255, 77, 0.15) !important; 
} 
.post-content.blog-page-section h3.widget-title { 
 color: #CDFF4D !important; 
 background: #1a1a1a !important; 
} 
 
/* ?????????????????????????????????????????????????? 
 ABOUT SECTION ? PREMIUM ANIMATIONS 
 Zero layout/color/font changes ? motion only 
 ?????????????????????????????????????????????????? */ 
 
/* 1. FLOATING ? laptop/mockup image */ 
@keyframes aboutImgFloat { 
 0%, 
 100% { 
 transform: translateY(0px); 
 } 
 50% { 
 transform: translateY(-12px); 
 } 
} 
.about-main-img { 
 animation: aboutImgFloat 4.5s ease-in-out infinite; 
} 
 
/* 2. SLOW SPIN ? experience badge */ 
@keyframes aboutBadgeSpin { 
 from { 
 transform: rotate(0deg); 
 } 
 to { 
 transform: rotate(360deg); 
 } 
} 
.about-exp-badge::before { 
 content: ""; 
 position: absolute; 
 inset: -3px; 
 border-radius: 50%; 
 border: 2px dashed rgba(205, 255, 77, 0.45); 
 animation: aboutBadgeSpin 12s linear infinite; 
 pointer-events: none; 
} 
.about-exp-badge { 
 position: relative; 
 overflow: visible !important; 
} 
 
/* 3. NEON PULSE ? CTA button */ 
@keyframes aboutBtnPulse { 
 0%, 
 100% { 
 box-shadow: 0 0 0 0 rgba(205, 255, 77, 0); 
 } 
 50% { 
 box-shadow: 0 0 18px 6px rgba(205, 255, 77, 0.35); 
 } 
} 
.about-new-btn { 
 animation: aboutBtnPulse 2.8s ease-in-out infinite; 
} 
.about-new-btn:hover { 
 animation: none; 
 transform: translateY(-3px) scale(1.03); 
 transition: 
 transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), 
 background 0.3s ease !important; 
} 
 
/* 4. NEON PULSE ? chart card */ 
@keyframes chartCardPulse { 
 0%, 
 100% { 
 box-shadow: 0 0 0 0 rgba(205, 255, 77, 0); 
 } 
 50% { 
 box-shadow: 0 0 20px 4px rgba(205, 255, 77, 0.2); 
 } 
} 
.about-chart-card { 
 animation: chartCardPulse 3.5s ease-in-out infinite; 
} 
 
/* 5. BARS GROW ? animated on load/scroll (JS triggers .bars-animated class) */ 
.about-mini-bars .about-bar { 
 transform-origin: bottom; 
 transform: scaleY(0); 
 transition: transform 0.7s cubic-bezier(0.34, 1.2, 0.64, 1); 
} 
.about-mini-bars.bars-animated .about-bar:nth-child(1) { 
 transform: scaleY(1); 
 transition-delay: 0s; 
} 
.about-mini-bars.bars-animated .about-bar:nth-child(2) { 
 transform: scaleY(1); 
 transition-delay: 0.1s; 
} 
.about-mini-bars.bars-animated .about-bar:nth-child(3) { 
 transform: scaleY(1); 
 transition-delay: 0.2s; 
} 
.about-mini-bars.bars-animated .about-bar:nth-child(4) { 
 transform: scaleY(1); 
 transition-delay: 0.3s; 
} 
.about-mini-bars.bars-animated .about-bar:nth-child(5) { 
 transform: scaleY(1); 
 transition-delay: 0.4s; 
} 
.about-mini-bars.bars-animated .about-bar:nth-child(6) { 
 transform: scaleY(1); 
 transition-delay: 0.5s; 
} 
.about-mini-bars.bars-animated .about-bar:nth-child(7) { 
 transform: scaleY(1); 
 transition-delay: 0.6s; 
} 
 
/* 6. HOVER LIFT + TILT ? feature cards */ 
.about-feature-card { 
 transition: 
 transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), 
 box-shadow 0.3s ease !important; 
} 
.about-feature-card:hover { 
 transform: translateY(-4px) scale(1.03) !important; 
 box-shadow: 0 8px 24px rgba(205, 255, 77, 0.25) !important; 
} 
 
/* 7. SCROLL FADE-UP ? left side elements */ 
.about-new-left > * { 
 opacity: 0; 
 transform: translateY(24px); 
 transition: 
 opacity 0.6s ease, 
 transform 0.6s cubic-bezier(0.22, 1, 0.36, 1); 
} 
.about-section-new.about-in-view .about-new-left > * { 
 opacity: 1; 
 transform: translateY(0); 
} 
.about-new-left > *:nth-child(1) { 
 transition-delay: 0.05s; 
} 
.about-new-left > *:nth-child(2) { 
 transition-delay: 0.12s; 
} 
.about-new-left > *:nth-child(3) { 
 transition-delay: 0.2s; 
} 
.about-new-left > *:nth-child(4) { 
 transition-delay: 0.28s; 
} 
.about-new-left > *:nth-child(5) { 
 transition-delay: 0.36s; 
} 
.about-new-left > *:nth-child(6) { 
 transition-delay: 0.44s; 
} 
.about-new-left > *:nth-child(7) { 
 transition-delay: 0.52s; 
} 
 
/* 8. RIGHT SIDE ? 3D depth entry */ 
.about-new-right { 
 opacity: 0; 
 transform: perspective(900px) rotateY(8deg) translateX(30px); 
 transition: 
 opacity 0.9s ease, 
 transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); 
 transition-delay: 0.2s; 
} 
.about-section-new.about-in-view .about-new-right { 
 opacity: 1; 
 transform: perspective(900px) rotateY(0deg) translateX(0); 
} 
 
/* 9. BACKGROUND GLOW ? soft radial moving gradient */ 
.about-section-new { 
 position: relative; 
 overflow: hidden; 
} 
.about-section-new::before { 
 content: ""; 
 position: absolute; 
 width: 500px; 
 height: 500px; 
 border-radius: 50%; 
 background: radial-gradient( 
 circle, 
 rgba(205, 255, 77, 0.06) 0%, 
 transparent 70% 
 ); 
 top: -100px; 
 right: -100px; 
 pointer-events: none; 
 animation: aboutGlowDrift 8s ease-in-out infinite alternate; 
 z-index: 0; 
} 
@keyframes aboutGlowDrift { 
 0% { 
 transform: translate(0, 0) scale(1); 
 } 
 100% { 
 transform: translate(-60px, 60px) scale(1.2); 
 } 
} 
.about-new-grid { 
 position: relative; 
 z-index: 1; 
} 
 
/* ?????????????????????????????????????????? 
 ABOUT PAGE ? Color Fixes 
 ?????????????????????????????????????????? */ 
 
/* "How we stand out ? Our significant proposition" heading ? green */ 
.about-us h3.about-heading2-home, 
.about-us .about-heading2-home, 
body .about-us .about-heading2-home { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* Body text / list items ? white */ 
.about-us .col-md-7 p, 
.about-us .col-md-7 li, 
.about-us .col-md-7 ul, 
.about-us .col-md-7 ol, 
.about-us .col-md-7 span:not(.btn *), 
.about-us .col-md-7 div:not(.btn) { 
 color: #ffffff !important; 
} 
 
/* Contact Us button ? #CDFF4D green */ 
.about-us .btn.btn-style1, 
.about-us a.btn.btn-style1, 
body .about-us .btn-style1 { 
 background-color: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.about-us .btn.btn-style1:hover, 
.about-us a.btn.btn-style1:hover, 
body .about-us .btn-style1:hover { 
 background-color: #CDFF4D !important; 
 color: #15150F !important; 
} 
.about-us .btn.btn-style1::before, 
body .about-us .btn-style1::before { 
 background: #CDFF4D !important; 
} 
.about-us .btn.btn-style1 svg, 
body .about-us .btn-style1 svg { 
 fill: #15150F !important; 
} 
.about-us .btn.btn-style1:hover svg, 
body .about-us .btn-style1:hover svg { 
 fill: #15150F !important; 
} 
 
/* ?????????????????????????????????????????? 
 ABOUT PAGE ? "How we stand out" heading fix 
 Overrides venor.css transparent + text-stroke 
 ?????????????????????????????????????????? */ 
h3.about-heading2-home, 
.about-heading2-home { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 opacity: 1 !important; 
} 
h3.about-heading2-home span, 
h3.about-heading2-home strong, 
h3.about-heading2-home em, 
.about-heading2-home span, 
.about-heading2-home * { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 -webkit-text-stroke: 0 !important; 
 opacity: 1 !important; 
} 
 
/* ========================= 
 TESTIMONIAL ? GLOWY GREEN BORDER 
========================= */ 
.testimonial-layout1 { 
 border: 2px solid #CDFF4D !important; 
 border-radius: 16px !important; 
 box-shadow: 
 0 0 12px rgba(205, 255, 77, 0.4), 
 0 0 28px rgba(205, 255, 77, 0.2) !important; 
 transition: box-shadow 0.3s ease !important; 
 background: transparent !important; 
 background-color: transparent !important; 
} 
 
.testimonial-layout1:before, 
.testimonial-layout1:after { 
 display: none !important; 
 opacity: 0 !important; 
} 
 
.testimonial-layout1:hover { 
 box-shadow: 
 0 0 20px rgba(205, 255, 77, 0.7), 
 0 0 45px rgba(205, 255, 77, 0.35) !important; 
 background: transparent !important; 
 background-color: transparent !important; 
} 
 
.testimonial-layout1 .item-title, 
.testimonial-layout1 .item-sub-title, 
.testimonial-layout1 .item-paragraph, 
.testimonial-layout1 .item-paragraph p, 
.testimonial-layout1 * { 
 color: #ffffff !important; 
} 
 
/* ========================= 
 CLIENTS ? WHITE LOGOS 
========================= */ 
.clients-slide img, 
.clients-slider img, 
.client_image { 
 filter: brightness(0) invert(1) !important; 
 opacity: 1 !important; 
 transition: opacity 0.3s ease; 
} 
 
.clients-slide img:hover, 
.clients-slider img:hover, 
.client_image:hover { 
 opacity: 1 !important; 
} 
 
/* ============================================= 
 BLOG SECTION ? CINEMATIC PREMIUM EFFECTS 
 ============================================= */ 
 
/* Animated gradient background */ 
.blog-section-new { 
 position: relative; 
 overflow: hidden; 
 background: #15150F !important; 
} 
 
.blog-section-new::before { 
 display: none; 
} 
 
@keyframes blogBgPulse { 
 0% { 
 opacity: 0.6; 
 transform: scale(1); 
 } 
 100% { 
 opacity: 1; 
 transform: scale(1.08); 
 } 
} 
 
.blog-section-new .container { 
 position: relative; 
 z-index: 1; 
} 
 
/* Header text colors for dark bg */ 
.blog-section-new .bl-label { 
 color: #CDFF4D !important; 
} 
.blog-section-new .bl-heading { 
 color: #ffffff !important; 
} 
.blog-section-new .bl-heading em { 
 color: #CDFF4D !important; 
} 
.blog-section-new .bl-desc { 
 color: rgba(255, 255, 255, 0.55) !important; 
} 
 
/* ---- CARD BASE ? stagger reveal ---- */ 
.bl-card, 
.bl-card-dark { 
 opacity: 0; 
 transform: translateY(40px); 
 transition: 
 opacity 0.6s ease, 
 transform 0.6s ease, 
 box-shadow 0.4s ease; 
 will-change: transform, opacity; 
 position: relative; 
 overflow: hidden; 
} 
 
.bl-card.bl-visible, 
.bl-card-dark.bl-visible { 
 opacity: 1; 
 transform: translateY(0); 
} 
 
/* Stagger delays */ 
.bl-card.bl-visible:nth-child(1), 
.bl-card-dark.bl-visible:nth-child(1) { 
 transition-delay: 0s; 
} 
.bl-card.bl-visible:nth-child(2), 
.bl-card-dark.bl-visible:nth-child(2) { 
 transition-delay: 0.15s; 
} 
.bl-card.bl-visible:nth-child(3), 
.bl-card-dark.bl-visible:nth-child(3) { 
 transition-delay: 0.3s; 
} 
 
/* ---- LIGHT CARD on dark bg ---- */ 
.blog-section-new .bl-card { 
 background: #161616 !important; 
 border: 1px solid rgba(205, 255, 77, 0.12); 
 box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4); 
} 
 
.blog-section-new .bl-card-title { 
 color: #ffffff !important; 
} 
.blog-section-new .bl-card-title:hover { 
 color: #CDFF4D !important; 
} 
.blog-section-new .bl-card-meta { 
 color: rgba(255, 255, 255, 0.35) !important; 
 border-top-color: rgba(255, 255, 255, 0.08) !important; 
} 
.blog-section-new .bl-card-tag { 
 color: #CDFF4D !important; 
} 
 
/* ---- DARK CARD ---- */ 
.blog-section-new .bl-card-dark { 
 background: #111 !important; 
 border: 1px solid rgba(205, 255, 77, 0.2); 
} 
.blog-section-new .bl-card-dark .bl-card-tag { 
 color: #CDFF4D !important; 
} 
.blog-section-new .bl-card-dark .bl-card-title { 
 color: #fff !important; 
} 
.blog-section-new .bl-card-meta-dark { 
 color: rgba(255, 255, 255, 0.35) !important; 
 border-top-color: rgba(255, 255, 255, 0.08) !important; 
} 
 
/* ---- HOVER: lift + 3D tilt + glow ---- */ 
.bl-card:hover, 
.bl-card-dark:hover { 
 transform: translateY(-10px) scale(1.02) !important; 
 box-shadow: 
 0 20px 50px rgba(205, 255, 77, 0.18), 
 0 8px 24px rgba(0, 0, 0, 0.5) !important; 
 border-color: rgba(205, 255, 77, 0.45) !important; 
 z-index: 2; 
} 
 
/* ---- IMAGE continuous slow zoom ---- */ 
.bl-card-img { 
 animation: imgSlowZoom 8s ease-in-out infinite alternate; 
 transition: transform 0.6s ease !important; 
} 
 
@keyframes imgSlowZoom { 
 0% { 
 transform: scale(1); 
 } 
 100% { 
 transform: scale(1.06); 
 } 
} 
 
.bl-card:hover .bl-card-img { 
 animation: none; 
 transform: scale(1.1) !important; 
} 
 
/* ---- SHINE SWEEP animation ---- */ 
.bl-card::after, 
.bl-card-dark::after { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: -100%; 
 width: 60%; 
 height: 100%; 
 background: linear-gradient( 
 105deg, 
 transparent 30%, 
 rgba(255, 255, 255, 0.06) 50%, 
 transparent 70% 
 ); 
 animation: shineSweep 6s ease-in-out infinite; 
 pointer-events: none; 
 z-index: 3; 
} 
 
.bl-card:nth-child(2)::after { 
 animation-delay: 2s; 
} 
.bl-card:nth-child(3)::after, 
.bl-card-dark:nth-child(3)::after { 
 animation-delay: 4s; 
} 
 
@keyframes shineSweep { 
 0% { 
 left: -100%; 
 opacity: 0; 
 } 
 10% { 
 opacity: 1; 
 } 
 50% { 
 left: 150%; 
 opacity: 1; 
 } 
 51% { 
 opacity: 0; 
 } 
 100% { 
 left: 150%; 
 opacity: 0; 
 } 
} 
 
/* ---- CONTENT slide up on hover ---- */ 
.bl-card-body { 
 transition: transform 0.4s ease; 
} 
.bl-card:hover .bl-card-body { 
 transform: translateY(-4px); 
} 
 
/* ---- CURSOR GLOW (JS-driven via inline style) ---- */ 
.bl-card-glow { 
 position: absolute; 
 width: 200px; 
 height: 200px; 
 border-radius: 50%; 
 background: radial-gradient( 
 circle, 
 rgba(205, 255, 77, 0.15) 0%, 
 transparent 70% 
 ); 
 pointer-events: none; 
 transform: translate(-50%, -50%); 
 transition: opacity 0.3s ease; 
 z-index: 1; 
 opacity: 0; 
} 
.bl-card:hover .bl-card-glow, 
.bl-card-dark:hover .bl-card-glow { 
 opacity: 1; 
} 
 
/* ---- FLOATING animation on cards ---- */ 
@keyframes floatCard { 
 0%, 
 100% { 
 transform: translateY(0px); 
 } 
 50% { 
 transform: translateY(-6px); 
 } 
} 
 
/* View All button on dark bg */ 
.blog-section-new .bl-view-btn { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
} 
.blog-section-new .bl-view-btn:hover { 
 background: #D8FF70 !important; 
} 
 
/* ============================================= 
 GLOBAL PREMIUM SMOOTHNESS 
 ============================================= */ 
 
/* Native smooth scroll */ 
html { 
 scroll-behavior: smooth; 
} 
 
/* Universal smooth transitions */ 
*, 
*::before, 
*::after { 
 -webkit-font-smoothing: antialiased; 
 -moz-osx-font-smoothing: grayscale; 
} 
 
a, 
button, 
input, 
select, 
textarea { 
 transition: 
 color 0.25s ease, 
 background-color 0.25s ease, 
 border-color 0.25s ease, 
 box-shadow 0.25s ease, 
 opacity 0.25s ease; 
} 
 
img { 
 transition: 
 transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
 opacity 0.3s ease; 
} 
 
/* Smooth hover on all cards */ 
[class*="-card"], 
[class*="card-"], 
.logo_box, 
.about-feature-card, 
.about-stat-pill, 
.plx-card, 
.lx-testi-card, 
.sol-detail { 
 transition: 
 transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), 
 box-shadow 0.35s ease, 
 border-color 0.35s ease !important; 
 will-change: transform; 
} 
 
/* Smooth hover lift on logo boxes */ 
.logo_box:hover { 
 transform: translateY(-4px) scale(1.04); 
} 
 
/* Smooth owl carousel transitions */ 
.owl-carousel .owl-item { 
 transition: 
 opacity 0.4s ease, 
 transform 0.4s ease; 
} 
 
/* Smooth navbar transition */ 
.site-topbar { 
 transition: 
 transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
 background 0.3s ease, 
 box-shadow 0.3s ease !important; 
 will-change: transform; 
} 
 
/* Smooth sidebar */ 
.site-sidebar { 
 transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; 
} 
.site-sidebar-overlay { 
 transition: opacity 0.35s ease !important; 
} 
 
/* Premium focus rings */ 
a:focus-visible, 
button:focus-visible { 
 outline: 2px solid #CDFF4D; 
 outline-offset: 3px; 
 border-radius: 4px; 
} 
 
/* Smooth page load */ 
body { 
 animation: pageFadeIn 0.5s ease forwards; 
} 
@keyframes pageFadeIn { 
 from { 
 opacity: 0; 
 } 
 to { 
 opacity: 1; 
 } 
} 
 
/* Smooth section transitions */ 
section, 
.sol-section, 
.blog-section-new, 
.about-section-new, 
.plx-svc-wrap, 
.fun-facts-new, 
.getintouch-home { 
 transition: background-color 0.4s ease; 
} 
 
/* Cursor upgrade */ 
@media (pointer: fine) { 
 a, 
 button, 
 [role="button"], 
 .sol-item, 
 .sol-tab, 
 .plx-card { 
 cursor: pointer; 
 } 
} 
 
/* ============================================= 
 CAREER PAGE 
 ============================================= */ 
.career-hero { 
 background: linear-gradient(135deg, #15150F 0%, #15150F 60%); 
 min-height: 92vh; 
 display: flex; 
 align-items: center; 
 position: relative; 
 overflow: hidden; 
 padding: 80px 0 60px; 
} 
.career-hero::before { 
 content: ""; 
 position: absolute; 
 top: -200px; 
 right: -200px; 
 width: 600px; 
 height: 600px; 
 background: radial-gradient( 
 circle, 
 rgba(11, 90, 60, 0.4) 0%, 
 transparent 70% 
 ); 
 border-radius: 50%; 
} 
.career-hero::after { 
 content: ""; 
 position: absolute; 
 bottom: -150px; 
 left: -100px; 
 width: 400px; 
 height: 400px; 
 background: radial-gradient( 
 circle, 
 rgba(11, 90, 60, 0.2) 0%, 
 transparent 70% 
 ); 
 border-radius: 50%; 
} 
.career-hero-inner { 
 position: relative; 
 z-index: 2; 
 max-width: 680px; 
} 
.career-hero-tag { 
 color: #CDFF4D; 
 font-family: var(--font-display); 
 font-size: 13px; 
 font-weight: 600; 
 letter-spacing: 3px; 
 text-transform: uppercase; 
 margin-bottom: 20px; 
} 
.career-hero h1 { 
 font-family: var(--font-display); 
 font-size: clamp(42px, 6vw, 80px); 
 font-weight: 800; 
 color: #ffffff; 
 line-height: 1.05; 
 margin-bottom: 24px; 
} 
.career-hero h1 .ch-green { 
 color: #CDFF4D; 
} 
.career-hero-desc { 
 font-family: var(--font-display); 
 font-size: 18px; 
 color: rgba(255, 255, 255, 0.7); 
 line-height: 1.6; 
 margin-bottom: 32px; 
 max-width: 480px; 
} 
.career-hero-pills { 
 display: flex; 
 flex-wrap: wrap; 
 gap: 16px; 
 margin-bottom: 40px; 
} 
.career-hero-pill { 
 display: flex; 
 align-items: center; 
 gap: 8px; 
 font-family: var(--font-display); 
 font-size: 13px; 
 font-weight: 500; 
 color: rgba(255, 255, 255, 0.85); 
} 
.career-hero-pill::before { 
 content: ""; 
 width: 18px; 
 height: 18px; 
 border-radius: 50%; 
 background: #CDFF4D; 
 display: inline-block; 
 flex-shrink: 0; 
} 
.career-hero-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 10px; 
 background: #CDFF4D; 
 color: #15150F; 
 font-family: var(--font-display); 
 font-size: 15px; 
 font-weight: 700; 
 padding: 16px 32px; 
 border-radius: 8px; 
 text-decoration: none; 
 transition: 
 background 0.2s, 
 transform 0.2s; 
} 
.career-hero-btn:hover { 
 background: #c8f07a; 
 color: #0a1a0a; 
 text-decoration: none; 
 transform: translateY(-2px); 
} 
 
/* ---- Open Positions ---- */ 
.cp-grid { 
 display: flex; 
 flex-wrap: wrap; 
 gap: 28px; 
 margin-top: 40px; 
 margin-bottom: 20px; 
 justify-content: center; 
} 
.cp-card { 
 width: 440px; 
 flex-shrink: 0; 
 background: #ffffff; 
 border: 1.5px solid #2d7a3a; 
 border-radius: 18px; 
 padding: 32px 28px; 
 display: flex; 
 flex-direction: column; 
 gap: 16px; 
 transition: 
 transform 0.25s ease, 
 box-shadow 0.25s ease, 
 border-color 0.25s ease; 
 position: relative; 
 overflow: hidden; 
 box-shadow: 
 0 2px 0 rgba(255, 255, 255, 0.9) inset, 
 0 8px 32px rgba(45, 122, 58, 0.1), 
 0 1px 4px rgba(45, 122, 58, 0.08); 
} 
.cp-card::before { 
 content: ""; 
 position: absolute; 
 top: 0; 
 left: 0; 
 right: 0; 
 height: 52%; 
 background: linear-gradient( 
 180deg, 
 rgba(255, 255, 255, 0.55) 0%, 
 rgba(255, 255, 255, 0.08) 100% 
 ); 
 border-radius: 18px 18px 0 0; 
 pointer-events: none; 
 z-index: 0; 
} 
.cp-card > * { 
 position: relative; 
 z-index: 1; 
} 
.cp-card:hover { 
 transform: translateY(-5px); 
 box-shadow: 
 0 2px 0 rgba(255, 255, 255, 0.9) inset, 
 0 20px 48px rgba(45, 122, 58, 0.18), 
 0 4px 12px rgba(45, 122, 58, 0.12); 
 border-color: #1a5c28; 
} 
.cp-card-logo { 
 width: 56px; 
 height: 56px; 
 background: rgba(45, 122, 58, 0.08); 
 border: 1px solid rgba(45, 122, 58, 0.18); 
 border-radius: 12px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 overflow: hidden; 
 padding: 8px; 
} 
.cp-card-logo img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
} 
.cp-card-title { 
 font-family: var(--font-display); 
 font-size: 22px; 
 font-weight: 700; 
 color: #0f2d14; 
 margin: 0; 
} 
.cp-card-meta { 
 display: flex; 
 flex-direction: column; 
 gap: 8px; 
} 
.cp-meta-row { 
 display: flex; 
 justify-content: space-between; 
 align-items: center; 
} 
.cp-meta-label { 
 font-family: var(--font-display); 
 font-size: 13px; 
 color: #2d7a3a; 
 font-weight: 600; 
} 
.cp-meta-val { 
 font-family: var(--font-display); 
 font-size: 13px; 
 color: #15150F; 
 font-weight: 500; 
} 
.cp-card-desc { 
 font-family: var(--font-display); 
 font-size: 13px; 
 color: #4a6650; 
 line-height: 1.6; 
 margin: 0; 
} 
.cp-apply-btn { 
 display: inline-flex; 
 align-items: center; 
 gap: 8px; 
 background: transparent; 
 border: 1.5px solid #CDFF4D; 
 color: #15150F; 
 font-family: var(--font-display); 
 font-size: 14px; 
 font-weight: 600; 
 padding: 12px 24px; 
 border-radius: 8px; 
 text-decoration: none; 
 transition: all 0.2s; 
 margin-top: auto; 
 width: fit-content; 
} 
.cp-apply-btn:hover { 
 background: #15150F; 
 border-color: #15150F; 
 color: #ffffff; 
 text-decoration: none; 
} 
 
/* ---- Why Join LTTRBX ---- */ 
.wj-section { 
 background: #15150F; 
 padding: 72px 0 80px; 
 margin: 0; 
} 
.wj-title { 
 font-family: var(--font-display); 
 font-size: 32px; 
 font-weight: 700; 
 color: #ffffff; 
 text-align: center; 
 margin: 0 0 56px; 
} 
.wj-grid { 
 display: grid; 
 grid-template-columns: repeat(4, 1fr); 
 gap: 40px; 
 text-align: center; 
} 
.wj-item { 
 display: flex; 
 flex-direction: column; 
 align-items: center; 
 gap: 16px; 
} 
.wj-icon-wrap { 
 width: 72px; 
 height: 72px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 background: rgba(205, 255, 77, 0.08); 
 border: 1px solid rgba(205, 255, 77, 0.18); 
 border-radius: 18px; 
 flex-shrink: 0; 
} 
.wj-icon-wrap svg { 
 width: 40px; 
 height: 40px; 
} 
.wj-item-title { 
 font-family: var(--font-display); 
 font-size: 16px; 
 font-weight: 700; 
 color: #ffffff; 
 margin: 0; 
} 
.wj-item-desc { 
 font-family: var(--font-display); 
 font-size: 13px; 
 color: rgba(255, 255, 255, 0.6); 
 line-height: 1.6; 
 margin: 0; 
 max-width: 160px; 
} 
 
@media (max-width: 900px) { 
 .wj-grid { 
 grid-template-columns: repeat(2, 1fr); 
 gap: 36px 24px; 
 } 
} 
@media (max-width: 500px) { 
 .wj-grid { 
 grid-template-columns: 1fr 1fr; 
 gap: 28px 16px; 
 } 
 .wj-title { 
 font-size: 24px; 
 } 
} 
 
/* ============================================= 
 CAREER DETAILS PAGE (carrierdetails.blade.php) 
 ============================================= */ 
 
/* Font Awesome icons restore */ 
.fa, 
.fab, 
.fas, 
.far, 
.fal, 
i.fa, 
i.fab, 
i.fas, 
i.far, 
[class^="fa-"]::before, 
[class*=" fa-"]::before { 
 font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important; 
 font-style: normal !important; 
 font-variant: normal !important; 
 text-rendering: auto !important; 
 -webkit-font-smoothing: antialiased !important; 
} 
i.fab, 
.fab { 
 font-family: "Font Awesome 5 Brands" !important; 
 font-weight: 400 !important; 
} 
i.fas, 
.fas, 
i.fa, 
.fa { 
 font-family: "Font Awesome 5 Free" !important; 
 font-weight: 900 !important; 
} 
i.far, 
.far { 
 font-family: "Font Awesome 5 Free" !important; 
 font-weight: 400 !important; 
} 
 
/* Career details page body */ 
body.career-details-page { 
 background: #15150F !important; 
 padding-top: 0 !important; 
} 
 
/* Hide old header on career details */ 
body.career-details-page .header, 
body.career-details-page .header__content__venor, 
body.career-details-page .header-burger, 
body.career-details-page .fixed-sidebar-menu-overlay, 
body.career-details-page .fixed-sidebar-menu-holder { 
 display: none !important; 
} 
 
/* Banner */ 
body.career-details-page .banner-section { 
 background: #000000 !important; 
 background-image: none !important; 
 background-color: #000000 !important; 
 background-size: unset !important; 
 margin-top: 72px !important; 
} 
body.career-details-page .banner-section[style] { 
 background: #000000 !important; 
 background-image: none !important; 
 background-color: #000000 !important; 
 background-size: unset !important; 
} 
body.career-details-page .banner-title { 
 color: #ffffff !important; 
 font-weight: 700 !important; 
 text-align: left !important; 
} 
body.career-details-page .banner-desc { 
 color: #CDFF4D !important; 
 font-size: 15px !important; 
 margin-top: 12px !important; 
 text-align: left !important; 
} 
 
/* Headings */ 
body.career-details-page h1, 
body.career-details-page h2, 
body.career-details-page h3, 
body.career-details-page h4, 
body.career-details-page h5, 
body.career-details-page h6 { 
 color: #ffffff !important; 
} 
 
/* Text */ 
body.career-details-page p, 
body.career-details-page li, 
body.career-details-page td, 
body.career-details-page th, 
body.career-details-page label { 
 color: #aaaaaa !important; 
} 
 
/* Cards */ 
body.career-details-page .card, 
body.career-details-page .carrer_details, 
body.career-details-page .carrer_card { 
 background: #1c1c16 !important; 
 border: 1px solid #2a2a24 !important; 
 border-radius: 16px !important; 
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important; 
} 
body.career-details-page .card:hover { 
 background: #23231c !important; 
 border-color: rgba(205, 255, 77, 0.35) !important; 
} 
body.career-details-page .card h5, 
body.career-details-page .card h4, 
body.career-details-page .card h3 { 
 color: #ffffff !important; 
} 
 
/* Form inputs */ 
body.career-details-page .form-control { 
 background: #15150F !important; 
 border: 1.5px solid #2a2a24 !important; 
 border-radius: 10px !important; 
 color: #ffffff !important; 
} 
body.career-details-page .form-control:focus { 
 border-color: #CDFF4D !important; 
 box-shadow: 0 0 0 3px rgba(205, 255, 77, 0.12) !important; 
 background: #15150F !important; 
 color: #ffffff !important; 
} 
 
/* Apply heading */ 
body.career-details-page .apply_heading h4 { 
 color: #CDFF4D !important; 
} 
 
/* Job description */ 
body.career-details-page .job_description, 
body.career-details-page .job_description * { 
 color: #fff !important; 
} 
body.career-details-page .job_description h1, 
body.career-details-page .job_description h2, 
body.career-details-page .job_description h3, 
body.career-details-page .job_description h4 { 
 color: #15150F !important; 
} 
 
/* Career card image */ 
.career-card-img { 
 height: 80px; 
 width: 80px; 
 border-radius: 50%; 
 object-fit: contain; 
 display: block; 
 margin: 0 auto; 
 background: #f0f0f0; 
 padding: 8px; 
} 
.card.career-card { 
 text-align: center; 
} 
 
/* Career heading */ 
.career_heading { 
 text-align: center; 
} 
.career_heading h4 { 
 font-size: 32px; 
 text-transform: capitalize; 
 margin: 20px 0 50px; 
} 
 
/* Carrer card */ 
.card.carrer_card { 
 border: none; 
 text-align: center; 
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); 
 border-radius: 12px; 
 margin-bottom: 20px; 
} 
.card.carrer_card:hover { 
 background-color: #ebf3fa; 
} 
.card.carrer_card h5.card-title { 
 margin: 18px 0; 
 font-size: 20px; 
 text-transform: capitalize; 
} 
.card.carrer_card a.link { 
 color: black; 
 border-bottom: 2px solid black; 
 padding-bottom: 4px; 
 text-decoration: none; 
} 
 
img.img { 
 height: 80px; 
 width: 80px; 
 border-radius: 50%; 
} 
 
/* Carrer details */ 
.carrer_details { 
 border: none; 
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); 
 border-radius: 20px; 
} 
 
/* Apply heading */ 
.apply_heading h4 { 
 text-align: center; 
 color: #000000; 
 font-size: 35px; 
 font-weight: 700; 
 margin-bottom: 30px; 
} 
 
/* Career btn */ 
.btn.career-btn { 
 font-size: 18px !important; 
 line-height: 40px; 
 padding: 0 16px; 
 width: 50% !important; 
 flex: 0 0 250px; 
 border: 1px solid #333; 
 border-radius: 25px; 
 cursor: pointer; 
 background-color: transparent; 
 color: black; 
} 
 
/* Form check */ 
.form-check.form-check-lttrbx { 
 padding: 5px 0 5px 34px; 
 border: 1px solid #dee2e6 !important; 
} 
.form-check-inline { 
 align-items: baseline; 
} 
.div-hidden { 
 display: none; 
} 
.error { 
 color: red; 
 font-size: 12px; 
} 
 
/* File upload */ 
.fileUpload { 
 background: white; 
 color: #212529; 
 font-size: 1em; 
 font-weight: bold; 
 margin: 1.25em auto; 
 overflow: hidden; 
 padding: 0.5em; 
 position: relative; 
 text-align: center; 
 width: 330px; 
 cursor: pointer; 
 border: 1px dotted; 
} 
.fileUpload input.upload { 
 position: absolute; 
 top: 0; 
 right: 0; 
 margin: 0; 
 padding: 0; 
 font-size: 20px; 
 cursor: pointer; 
 opacity: 0; 
 filter: alpha(opacity=0); 
 width: 148px; 
 height: 46px; 
} 
 
/* Contact CTA button ? last resort override */ 
.contact-cta-btn, 
.contact-cta-btn:link, 
.contact-cta-btn:visited, 
.contact-cta-btn:hover, 
.contact-cta-btn:focus, 
.contact-cta-btn:active { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
 background-color: #CDFF4D !important; 
 display: inline-flex !important; 
 align-items: center !important; 
 gap: 12px !important; 
 padding: 16px 30px !important; 
 border-radius: 999px !important; 
 text-decoration: none !important; 
 font-size: 15px !important; 
 font-weight: 600 !important; 
} 
.contact-cta-btn span, 
.contact-cta-btn > span { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
.contact-cta-title .highlight, 
h2.contact-cta-title span.highlight, 
.contact-cta-left h2 span.highlight { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 font-weight: 800 !important; 
} 
 
/* ============================================= 
 CAREER DETAILS PAGE ? moved from carrierdetails.blade.php inline styles 
 ============================================= */ 
 
/* Hide old dark header */ 
.career-details-page .header, 
.career-details-page .header__content__venor, 
.career-details-page .header-burger, 
.career-details-page .fixed-sidebar-menu-overlay, 
.career-details-page .fixed-sidebar-menu-holder { 
 display: none !important; 
} 
 
/* Banner */ 
.career-details-page .banner-section { 
 background: #000000 !important; 
 background-image: none !important; 
 background-color: #000000 !important; 
 background-size: unset !important; 
 margin-top: 72px !important; 
} 
.career-details-page .banner-section[style] { 
 background: #000000 !important; 
 background-image: none !important; 
 background-color: #000000 !important; 
 background-size: unset !important; 
} 
.career-details-page .banner-title { 
 color: #CDFF4D !important; 
 font-family: var(--font-display) !important; 
 font-weight: 700 !important; 
 text-align: left !important; 
} 
.career-details-page .banner-desc { 
 color: #CDFF4D !important; 
 font-size: 15px !important; 
 margin-top: 12px !important; 
 text-align: left !important; 
} 
 
/* Social icons ? green circle, black icon */ 
.career-details-page .banner-social-inline ul li a { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #000000 !important; 
} 
.career-details-page .banner-social-inline ul li a i, 
.career-details-page .banner-social-inline ul li a em, 
.career-details-page .banner-social-inline ul li a .fab, 
.career-details-page .banner-social-inline ul li a .fas, 
.career-details-page .banner-social-inline ul li a svg { 
 color: #000000 !important; 
 fill: #000000 !important; 
 -webkit-text-fill-color: #000000 !important; 
} 
.career-details-page .banner-social-inline ul li a:hover { 
 background: #ffffff !important; 
 border-color: #ffffff !important; 
 color: #000000 !important; 
} 
.career-details-page .banner-social-inline ul li a:hover i, 
.career-details-page .banner-social-inline ul li a:hover em, 
.career-details-page .banner-social-inline ul li a:hover .fab, 
.career-details-page .banner-social-inline ul li a:hover .fas { 
 color: #000000 !important; 
 -webkit-text-fill-color: #000000 !important; 
} 
 
/* Banner blobs */ 
.career-details-page .banner-blob { 
 position: absolute !important; 
 border-radius: 50% !important; 
 filter: blur(80px) !important; 
 pointer-events: none !important; 
 z-index: 0 !important; 
} 
.career-details-page .banner-blob-1 { 
 width: 500px !important; 
 height: 500px !important; 
 background: radial-gradient( 
 circle, 
 rgba(183, 234, 36, 0.15) 0%, 
 transparent 70% 
 ) !important; 
 top: -100px !important; 
 right: -50px !important; 
} 
.career-details-page .banner-blob-2 { 
 width: 350px !important; 
 height: 350px !important; 
 background: radial-gradient( 
 circle, 
 rgba(10, 82, 68, 0.4) 0%, 
 transparent 70% 
 ) !important; 
 bottom: -80px !important; 
 left: 30% !important; 
} 
 
/* Body background */ 
.career-details-page { 
 background: #000000 !important; 
 padding-top: 0 !important; 
} 
 
/* Hide green blobs */ 
.career-details-page .banner-blob { 
 display: none !important; 
} 
 
/* Typed section */ 
.career-details-page .typed-section { 
 background: #15150F !important; 
 border-top: 1.5px solid rgba(205, 255, 77, 0.2) !important; 
 border-bottom: 1.5px solid rgba(205, 255, 77, 0.2) !important; 
 padding: 20px 0 !important; 
 position: relative !important; 
 z-index: 1 !important; 
} 
.career-details-page .typed-section .container, 
.career-details-page .typed-section .row, 
.career-details-page .typed-section div { 
 background: transparent !important; 
} 
.career-details-page .typed-section .parent-typed-text, 
.career-details-page .typed-section .mt_typed-beforetext { 
 color: #15150F !important; 
 font-size: 20px !important; 
} 
.career-details-page .typed-section .mt_typed_text { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
.career-details-page .typed-section .btn-style1 { 
 background: #CDFF4D !important; 
 border-color: #CDFF4D !important; 
 color: #fff !important; 
 border-radius: 999px !important; 
} 
.career-details-page .typed-section .btn-style1 span, 
.career-details-page .typed-section .btn-style1 *, 
.career-details-page .typed-section a.btn-style1, 
.career-details-page .typed-section a.btn-style1 span { 
 color: #15150F !important; 
 -webkit-text-fill-color: #15150F !important; 
} 
 
/* Cards */ 
.career-details-page .card, 
.career-details-page .carrer_details, 
.career-details-page .carrer_card { 
 background: #1c1c16 !important; 
 border: 1px solid #2a2a24 !important; 
 border-radius: 16px !important; 
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important; 
} 
.career-details-page .card:hover { 
 background: #23231c !important; 
 border-color: rgba(205, 255, 77, 0.35) !important; 
} 
.career-details-page .card h5, 
.career-details-page .card h4, 
.career-details-page .card h3 { 
 color: #ffffff !important; 
} 
 
/* Buttons */ 
.career-details-page .btn.career-btn, 
.career-details-page .apply-btn, 
.career-details-page button[type="submit"] { 
 background: #CDFF4D !important; 
 color: #15150F !important; 
 border-color: #CDFF4D !important; 
 border-radius: 999px !important; 
} 
.career-details-page .btn.career-btn:hover { 
 background: #D8FF70 !important; 
 color: #15150F !important; 
 border-color: #D8FF70 !important; 
} 
 
/* Form inputs */ 
.career-details-page .form-control { 
 background: #15150F !important; 
 border: 1.5px solid #2a2a24 !important; 
 border-radius: 10px !important; 
 color: #ffffff !important; 
} 
.career-details-page .form-control:focus { 
 border-color: #CDFF4D !important; 
 box-shadow: 0 0 0 3px rgba(205, 255, 77, 0.12) !important; 
 background: #15150F !important; 
 color: #ffffff !important; 
} 
 
/* Apply heading */ 
.career-details-page .apply_heading h4 { 
 color: #CDFF4D !important; 
} 
 
/* Job description */ 
.career-details-page .job_description, 
.career-details-page .job_description * { 
 color: #C8C8C0 !important; 
} 
.career-details-page .job_description h1, 
.career-details-page .job_description h2, 
.career-details-page .job_description h3, 
.career-details-page .job_description h4 { 
 color: #ffffff !important; 
} 
 
/* Error */ 
.career-details-page .error { 
 color: red; 
 font-size: 12px; 
} 
 
/* Career card image */ 
.career-details-page .career-card-img { 
 height: 80px; 
 width: 80px; 
 border-radius: 50%; 
 object-fit: contain; 
 display: block; 
 margin: 0 auto; 
 background: #f0f0f0; 
 padding: 8px; 
} 
 
/* Carrier card */ 
.career-details-page .card.carrer_card { 
 border: none; 
 text-align: center; 
 box-shadow: 0 0 10px #00000040; 
 border-radius: 12px; 
 margin-bottom: 20px; 
} 
.career-details-page .card.carrer_card:hover { 
 background-color: #ebf3fa; 
} 
.career-details-page .card.carrer_card h5.card-title { 
 margin: 18px 0px 18px 0px; 
 font-size: 20px; 
 text-transform: capitalize; 
} 
.career-details-page .card.carrer_card a.link { 
 color: black; 
 border-bottom: 2px solid black; 
 padding-bottom: 4px; 
 text-decoration: none; 
} 
 
/* Carrier details card */ 
.career-details-page .carrer_details { 
 border: none; 
 box-shadow: 0 0 10px #00000040; 
 border-radius: 20px; 
} 
 
/* Apply heading */ 
.career-details-page .apply_heading h4 { 
 text-align: center; 
 color: #000000; 
 font-size: 35px; 
 font-weight: 700; 
 margin-bottom: 30px; 
} 
 
/* Border utility */ 
.career-details-page .border { 
 border: 1px solid black; 
 padding: 5px 0px 5px 11px; 
} 
 
/* Form check */ 
.career-details-page .form-check.form-check-lttrbx { 
 padding: 5px 0px 5px 34px; 
 border: 1px solid #dee2e6 !important; 
} 
 
/* Career btn */ 
.career-details-page .btn.career-btn { 
 font-size: 18px !important; 
 line-height: 40px; 
 padding: 0 16px; 
 width: 50% !important; 
 flex: 0 0 250px; 
 border: 1px solid #333; 
 border-radius: 25px; 
 cursor: pointer; 
 background-color: transparent; 
 color: black; 
} 
 
/* Form check inline */ 
.career-details-page .form-check-inline { 
 align-items: baseline; 
} 
 
/* Hidden div */ 
.career-details-page .div-hidden { 
 display: none; 
} 
 
/* File upload */ 
.career-details-page .fileUpload { 
 background: white; 
 color: #212529; 
 font-size: 1em; 
 font-weight: bold; 
 margin: 1.25em auto; 
 overflow: hidden; 
 padding: 0.5em; 
 position: relative; 
 text-align: center; 
 width: 330px; 
 cursor: pointer; 
 border: 1px dotted; 
} 
.career-details-page .fileUpload input.upload { 
 position: absolute; 
 top: 0; 
 right: 0; 
 margin: 0; 
 padding: 0; 
 font-size: 20px; 
 cursor: pointer; 
 opacity: 0; 
 filter: alpha(opacity=0); 
 width: 148px; 
 height: 46px; 
} 
 
/* Contact CTA button fix */ 
.career-details-page .contact-cta-btn, 
.career-details-page .contact-cta-btn:link, 
.career-details-page .contact-cta-btn:visited, 
.career-details-page .contact-cta-btn:hover, 
.career-details-page .contact-cta-btn:focus, 
.career-details-page .contact-cta-btn:active { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
 background-color: #CDFF4D !important; 
 display: inline-flex !important; 
 align-items: center !important; 
 gap: 12px !important; 
 padding: 16px 30px !important; 
 border-radius: 999px !important; 
 text-decoration: none !important; 
 font-size: 15px !important; 
 font-weight: 600 !important; 
 font-family: var(--font-display) !important; 
} 
.career-details-page .contact-cta-btn span, 
.career-details-page .contact-cta-btn > span { 
 color: #ffffff !important; 
 -webkit-text-fill-color: #ffffff !important; 
} 
 
/* LTTRBX highlight green */ 
.career-details-page .contact-cta-title .highlight, 
.career-details-page h2.contact-cta-title span.highlight, 
.career-details-page .contact-cta-left h2 span.highlight { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
 font-weight: 800 !important; 
} 
 
/* ===== END CAREER DETAILS PAGE ===== */ 
 
/* Content section background black */ 
.career-details-page section.career.bg-white, 
.career-details-page section.bg-white, 
.career-details-page .bg-white { 
 background: #000000 !important; 
 background-color: #000000 !important; 
} 
 
/* Job description headings ? green */ 
.career-details-page .job_description h1, 
.career-details-page .job_description h2, 
.career-details-page .job_description h3, 
.career-details-page .job_description h4, 
.career-details-page .job_description h5, 
.career-details-page .job_description h6, 
.career-details-page .job_description strong { 
 color: #CDFF4D !important; 
 -webkit-text-fill-color: #CDFF4D !important; 
} 
 
/* Job description body text ? white */ 
.career-details-page .job_description p, 
.career-details-page .job_description li, 
.career-details-page .job_description span, 
.career-details-page .job_description ul, 
.career-details-page .job_description ol { 
 color: #cfd3c7 !important; 
} 
 
/* Hero overlay ? light black */ 
.hero-ref-overlay { 
 background: rgba(0, 0, 0, 0.45) !important; 
} 
 
/* Hero overlay ? darker black */ 
.hero-ref-overlay { 
 background: rgba(0, 0, 0, 0.65) !important; 
} 
 
/* Phone icon ? black */ 
.site-phone i, 
.site-phone svg, 
.site-phone img, 
.site-phone::before, 
.site-topbar [class*="fa-phone"], 
.site-topbar [class*="phone"] { 
 color: #000000 !important; 
 fill: #000000 !important; 
} 
 
/* Perth card ? open left so it doesn't overflow right edge */ 
.gmap-card-left { 
 right: 0 !important; 
 left: auto !important; 
 transform: translateX(0) !important; 
 min-width: 200px !important; 
 white-space: nowrap !important; 
} 
.gmap-card-left .gmap-card-email { 
 white-space: nowrap !important; 
 overflow: visible !important; 
 text-overflow: unset !important; 
} 
 
/* ========================= 
 PLX SERVICE CIRCLE ? bottom inside, head outside circle 
========================= */ 
.plx-svc-stage { 
 overflow: visible !important; 
} 
 
.plx-bubble { 
 overflow: visible !important; 
 z-index: 5 !important; 
} 
 
.plx-icon-clip { 
 z-index: 6 !important; 
} 
 
.plx-b-icon { 
 position: absolute !important; 
 left: 50% !important; 
 bottom: 0 !important; 
 top: auto !important; 
 transform: translateX(-50%) translateY(0) !important; 
 transform-origin: bottom center !important; 
 width: calc(var(--plx-bubble-size) * 0.96) !important; 
 height: calc(var(--plx-bubble-size) * 1.38) !important; 
 max-width: none !important; 
 object-fit: contain !important; 
 object-position: bottom center !important; 
 margin: 0 !important; 
 filter: drop-shadow(0 -8px 16px rgba(0, 0, 0, 0.35)) !important; 
 animation: plxIconPop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); 
} 
 
@keyframes plxIconPop { 
 0% { 
 transform: translateX(-50%) translateY(0) scale(0.6); 
 opacity: 0; 
 } 
 100% { 
 transform: translateX(-50%) translateY(0) scale(1); 
 opacity: 1; 
 } 
} 
 
.plx-svc-left { 
 padding-bottom: 0 !important; 
 padding-top: 160px !important; 
 gap: 8px !important; 
} 


/* ============================================================
   BRAND PATCH ? cards + ALL number gradients
   ============================================================ */
.plx-card, a.plx-card, body .plx-card {
    background: #15150F !important;
    border-color: #CDFF4D !important;
}
.plx-card:hover, a.plx-card:hover,
.plx-card.plx-card-active, a.plx-card.plx-card-active {
    background: #CDFF4D !important;
    border-color: #CDFF4D !important;
    box-shadow: 0 6px 24px rgba(205, 255, 77, 0.45) !important;
}
.plx-card-body h4, a.plx-card h4 { color: #ffffff !important; }
.plx-card-body p, a.plx-card p { color: rgba(255,255,255,0.78) !important; }
.plx-card:hover .plx-card-body h4, .plx-card:hover .plx-card-body p,
a.plx-card:hover h4, a.plx-card:hover p,
.plx-card.plx-card-active .plx-card-body h4, .plx-card.plx-card-active .plx-card-body p,
a.plx-card.plx-card-active h4, a.plx-card.plx-card-active p {
    color: #15150F !important;
}
.plx-pill, .plx-card:hover .plx-pill, .plx-card.plx-card-active .plx-pill {
    background: #15150F !important;
    border-color: #15150F !important;
    color: #CDFF4D !important;
}
.about-stat-pill {
    background: #15150F !important;
    border: 1px solid rgba(205, 255, 77, 0.35) !important;
}
.about-stat-lbl { color: #CDFF4D !important; }

.plx-ghost-num, .sol-num, .sol-item .sol-num, .sol-item.active .sol-num, .sol-item:hover .sol-num,
.ff-stat-num, .ff-stat-num .timer, .ff-stat-num sup,
.ff-stats-row .ff-stat .ff-stat-num, .ff-stats-row .ff-stat .ff-stat-num .timer,
.ff-stats-row .ff-stat .ff-stat-num sup, div.ff-stat-num span.timer,
.about-stat-num, .about-stat-pill .about-stat-num,
.about-us .counter-number, .about-us .count-number,
.timer {
    display: inline-block !important;
    background-image: var(--num-gradient) !important;
    background-size: 100% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    opacity: 1 !important;
}
.plx-card:hover .plx-ghost-num, .plx-card.plx-card-active .plx-ghost-num,
a.plx-card:hover .plx-ghost-num, a.plx-card.plx-card-active .plx-ghost-num,
.hero-ref-stat-box.green h3 {
    background-image: var(--num-gradient-on-lime) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    opacity: 1 !important;
}
/* Years badge (dark circle) ? bright lime number gradient */
.about-exp-number,
.about-exp-badge .about-exp-number {
    display: inline-block !important;
    background-image: var(--num-gradient) !important;
    background-size: 100% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    opacity: 1 !important;
}
.about-exp-badge {
    background: #15150F !important;
    border-color: #CDFF4D !important;
    box-shadow:
        0 0 0 6px rgba(205, 255, 77, 0.18),
        0 4px 24px rgba(205, 255, 77, 0.35) !important;
}
.about-exp-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
}
/* Mountain step numbers ? dark on lime discs */
.ff-tag-num {
    background: #CDFF4D !important;
    background-image: none !important;
    border-color: #CDFF4D !important;
    color: #15150F !important;
    -webkit-text-fill-color: #15150F !important;
    font-weight: 800 !important;
    box-shadow:
        0 0 0 6px rgba(205, 255, 77, 0.22),
        0 2px 14px rgba(205, 255, 77, 0.45) !important;
}
.ff-tag-box {
    border-radius: 999px !important;
    border-color: #CDFF4D !important;
    color: #15150F !important;
    box-shadow: 0 0 18px rgba(205, 255, 77, 0.45) !important;
}
.fa, .fab, .fas, .far, .fal, .fad, i.fa, i.fab, i.fas, i.far, i.fal,
[class^="fa-"]::before, [class*=" fa-"]::before {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
    -webkit-text-fill-color: currentColor !important;
    background-image: none !important;
    color: inherit !important;
}

/* ============================================================
   CUSTOM CURSOR ? rounded theme lime dot
   ============================================================ */
@media (hover: hover) and (pointer: fine) {
    html.has-ltx-cursor,
    html.has-ltx-cursor body,
    html.has-ltx-cursor body * {
        cursor: none !important;
    }
    .ltx-cursor {
        position: fixed;
        top: 0;
        left: 0;
        width: 14px;
        height: 14px;
        margin: -7px 0 0 -7px;
        border-radius: 50%;
        background: #CDFF4D;
        box-shadow: 0 0 0 3px rgba(205, 255, 77, 0.22),
                    0 0 16px rgba(205, 255, 77, 0.45);
        pointer-events: none;
        z-index: 2147483646;
        opacity: 0;
        transform: translate3d(-100px, -100px, 0) scale(1);
        transition: width 0.2s ease, height 0.2s ease, margin 0.2s ease,
                    background 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
        will-change: transform;
    }
    .ltx-cursor.is-visible {
        opacity: 1;
    }
    .ltx-cursor.is-hover:not(.is-on-lime):not(.is-on-lime-dark-accent) {
        width: 36px;
        height: 36px;
        margin: -18px 0 0 -18px;
        background: rgba(205, 255, 77, 0.18);
        box-shadow: 0 0 0 2px #CDFF4D,
                    0 0 22px rgba(205, 255, 77, 0.4);
    }
    .ltx-cursor.is-down {
        width: 10px;
        height: 10px;
        margin: -5px 0 0 -5px;
    }
    /* Lime surfaces: inverted palette, same ring/hover shape as default lime cursor */
    .ltx-cursor.is-on-lime {
        background: #15150F;
        box-shadow: 0 0 0 3px rgba(21, 21, 15, 0.22),
                    0 0 16px rgba(21, 21, 15, 0.45);
    }
    .ltx-cursor.is-on-lime.is-hover {
        width: 36px;
        height: 36px;
        margin: -18px 0 0 -18px;
        background: rgba(21, 21, 15, 0.18);
        box-shadow: 0 0 0 2px #15150F,
                    0 0 22px rgba(21, 21, 15, 0.4);
    }
    .ltx-cursor.is-on-lime.is-down {
        width: 10px;
        height: 10px;
        margin: -5px 0 0 -5px;
        background: #15150F;
    }
    /* Dark icon circle on lime CTA (e.g. about-btn-arrow) — hollow white ring so icon stays visible */
    .ltx-cursor.is-on-lime-dark-accent {
        background: rgba(255, 255, 255, 0.55);
        box-shadow: 0 0 0 2px #ffffff,
                    0 0 0 4px #15150F,
                    0 0 12px rgba(255, 255, 255, 0.5);
    }
    .ltx-cursor.is-on-lime-dark-accent.is-hover {
        width: 36px;
        height: 36px;
        margin: -18px 0 0 -18px;
        background: transparent;
        box-shadow: 0 0 0 3px #ffffff,
                    0 0 0 5px #15150F,
                    0 0 16px rgba(255, 255, 255, 0.45);
    }
    .ltx-cursor.is-on-lime-dark-accent.is-down {
        background: rgba(255, 255, 255, 0.7);
        box-shadow: 0 0 0 2px #15150F;
    }
}
@media (hover: none), (pointer: coarse) {
    .ltx-cursor { display: none !important; }
}
/* Rate Us on Google ? readable dark text on lime hover */
.lx-rate-btn,
a.lx-rate-btn {
    color: #15150F !important;
    -webkit-text-fill-color: #15150F !important;
}
.lx-rate-btn:hover,
a.lx-rate-btn:hover,
.lx-rate-btn:focus,
a.lx-rate-btn:focus {
    background: #D8FF70 !important;
    border-color: #D8FF70 !important;
    color: #15150F !important;
    -webkit-text-fill-color: #15150F !important;
}

/* ============================================================
   Free Consultation ? dark pill + lime text
   ============================================================ */
.hero-ref-main-btn,
a.hero-ref-main-btn {
    background: #15150F !important;
    color: #CDFF4D !important;
    border: 1px solid rgba(205, 255, 77, 0.35) !important;
    transition: background 0.35s ease, border-color 0.35s ease,
                box-shadow 0.35s ease !important;
    overflow: hidden;
    isolation: isolate;
}
.hero-ref-main-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(105deg,
        rgba(205, 255, 77, 0) 0%,
        rgba(205, 255, 77, 0.16) 45%,
        rgba(205, 255, 77, 0) 80%);
    transform: translateX(-120%);
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1;
    pointer-events: none;
}
.hero-ref-main-btn .hero-btn-text,
a.hero-ref-main-btn .hero-btn-text,
.hero-btn-text {
    color: #CDFF4D !important;
    -webkit-text-fill-color: #CDFF4D !important;
    background: none !important;
    position: relative;
    z-index: 1;
}
.hero-ref-main-btn .hero-btn-arrow {
    background: #CDFF4D !important;
    color: #15150F !important;
    position: relative;
    z-index: 1;
}
.hero-ref-main-btn:hover,
a.hero-ref-main-btn:hover,
.hero-ref-main-btn:focus,
a.hero-ref-main-btn:focus {
    background: #1a1f0c !important;
    color: #CDFF4D !important;
    border-color: #CDFF4D !important;
    box-shadow: 0 0 0 1px rgba(205, 255, 77, 0.2),
                0 8px 28px rgba(205, 255, 77, 0.18) !important;
}
.hero-ref-main-btn:hover::before,
a.hero-ref-main-btn:hover::before,
.hero-ref-main-btn:focus::before,
a.hero-ref-main-btn:focus::before {
    transform: translateX(120%);
}

/* Floating WhatsApp + scroll ? dark discs, lime icons (less harsh) */
.chat__trigger-quin.logo-chat,
a.chat__trigger-quin.logo-chat,
.progress-wrap {
    background: #15150F !important;
    border: 1.5px solid rgba(205, 255, 77, 0.35) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.chat__trigger-quin.logo-chat {
    background: #25D366 !important;
    border-color: #25D366 !important;
}
.chat__trigger-quin.logo-chat svg,
.chat__trigger-quin.logo-chat svg path,
.chat__trigger-quin.logo-chat svg use {
    fill: #ffffff !important;
    color: #ffffff !important;
    stroke: none !important;
}
.chat__trigger-quin.logo-chat svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    margin: 0 auto !important;
}
.progress-wrap::after {
    color: #CDFF4D !important;
    -webkit-text-fill-color: #CDFF4D !important;
}

/* Hero Google rating 4.9 ? dark text on white card */
.hero-ref-stat-box.dark h3,
.hero-ref-stats .hero-ref-stat-box.dark h3 {
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #15150F !important;
    color: #15150F !important;
}

/* =============================================
   GLOBAL CLIENTS GRID ? cell borders (not gap; gap drops at center)
   ============================================= */
.clients_logo {
    --cli-line: rgba(255, 255, 255, 0.22);
    --cli-bg: #15150F;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: var(--cli-bg) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    border: 0 !important;
    box-shadow: none !important;
}
@media (min-width: 576px) {
    .clients_logo {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (min-width: 1200px) {
    .clients_logo {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}
.clients_logo .cli-cell,
.clients_logo .logo_box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 28px 12px !important;
    min-height: 150px !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    float: none !important;
    background: var(--cli-bg) !important;
    border: 0 !important;
    border-right: 1px solid var(--cli-line) !important;
    border-bottom: 1px solid var(--cli-line) !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    will-change: auto !important;
}
@media (max-width: 575.98px) {
    .clients_logo .cli-cell:nth-child(2n),
    .clients_logo .logo_box:nth-child(2n) {
        border-right: 0 !important;
    }
    .clients_logo .cli-cell:nth-last-child(-n+2),
    .clients_logo .logo_box:nth-last-child(-n+2) {
        border-bottom: 0 !important;
    }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
    .clients_logo .cli-cell:nth-child(3n),
    .clients_logo .logo_box:nth-child(3n) {
        border-right: 0 !important;
    }
    .clients_logo .cli-cell:nth-last-child(-n+3),
    .clients_logo .logo_box:nth-last-child(-n+3) {
        border-bottom: 0 !important;
    }
}
@media (min-width: 1200px) {
    .clients_logo .cli-cell:nth-child(6n),
    .clients_logo .logo_box:nth-child(6n) {
        border-right: 0 !important;
    }
    .clients_logo .cli-cell:nth-last-child(-n+6),
    .clients_logo .logo_box:nth-last-child(-n+6) {
        border-bottom: 0 !important;
    }
}
.clients_logo .cli-cell:hover,
.clients_logo .logo_box:hover {
    transform: none !important;
    box-shadow: none !important;
    background: var(--cli-bg) !important;
}
.clients_logo .cli-cell a,
.clients_logo .logo_box a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}
.clients_logo .client_logo {
    max-width: 125px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    filter: grayscale(1) brightness(1.15) !important;
    transition: filter 0.25s ease, transform 0.25s ease !important;
    opacity: 1 !important;
    transform: none !important;
}
.clients_logo .cli-cell:hover .client_logo,
.clients_logo .logo_box:hover .client_logo {
    filter: grayscale(0) brightness(1) !important;
    transform: scale(1.05) !important;
}

/* ===== P0: legal / career / cookie / thank-you ===== */
.legal-page { padding: 120px 0 80px; background: #15150F; color: #E8E8E3; }
.legal-page-inner { max-width: 820px; margin: 0 auto; }
.legal-page h1, .legal-page h2, .legal-page h3 { font-family: 'Space Grotesk', sans-serif; color: #fff; margin: 1.6em 0 0.6em; }
.legal-page p, .legal-page li { font-family: 'Manrope', sans-serif; line-height: 1.7; color: #C8C8C0; margin-bottom: 0.9em; }
.legal-page a { color: #CDFF4D; }
.legal-table { width: 100%; border-collapse: collapse; margin: 1.2em 0 1.8em; font-size: 14px; }
.legal-table th, .legal-table td { border: 1px solid #2a2a24; padding: 10px 12px; text-align: left; vertical-align: top; }
.legal-table th { background: #1c1c16; color: #CDFF4D; }
.legal-draft-note { background: #2a2410; border-left: 3px solid #CDFF4D; padding: 12px 16px; margin: 1.5em 0; font-size: 13px; color: #E8D88A; }
.career-detail-page, .career-apply-page, .thankyou-page, .product-landing { padding: 120px 0 80px; background: #15150F; color: #E8E8E3; }
.career-detail-eyebrow, .career-apply-eyebrow, .product-landing-eyebrow { font-size: 13px; color: #8a8a80; margin-bottom: 24px; }
.career-detail-eyebrow a, .career-apply-eyebrow a, .product-landing-eyebrow a { color: #CDFF4D; text-decoration: none; }
.career-detail-grid { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: 32px; }
@media (max-width: 900px) { .career-detail-grid { grid-template-columns: 1fr; } }
.career-detail-title, .career-apply-card h1, .thankyou-box h1, .product-landing h1 { font-family: 'Space Grotesk', sans-serif; font-size: clamp(28px, 4vw, 42px); color: #fff; margin-bottom: 16px; }
.career-detail-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; color: #A8A89E; font-size: 14px; }
.career-detail-body { line-height: 1.7; color: #C8C8C0; }
.career-detail-card, .career-apply-card, .thankyou-box { background: #1c1c16; border: 1px solid #2a2a24; padding: 28px; border-radius: 4px; }
.career-detail-btn, .career-apply-submit, .thankyou-btn, .product-landing-btn { display: inline-flex; align-items: center; gap: 8px; background: #CDFF4D; color: #15150F; font-weight: 700; padding: 12px 20px; text-decoration: none; border: 0; cursor: pointer; margin-top: 12px; }
.career-detail-other ul { list-style: none; padding: 0; margin: 12px 0 0; }
.career-detail-other a { color: #CDFF4D; text-decoration: none; }
.career-apply-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 700px) { .career-apply-row { grid-template-columns: 1fr; } }
.career-apply-field { margin-bottom: 16px; }
.career-apply-field label { display: block; margin-bottom: 6px; font-size: 13px; color: #A8A89E; }
.career-apply-field input, .career-apply-field select, .career-apply-field textarea { width: 100%; background: #15150F; border: 1px solid #2a2a24; color: #fff; padding: 12px 14px; }
.career-apply-check { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: #C8C8C0; }
.career-apply-error, .cnt-error-msg { color: #ff6b6b; font-size: 12px; display: block; margin-top: 4px; }
.thankyou-box { max-width: 560px; margin: 0 auto; text-align: center; }
.thankyou-wa { display: inline-block; margin-left: 12px; color: #CDFF4D; }
.product-landing-lead { max-width: 720px; font-size: 18px; line-height: 1.6; color: #C8C8C0; }
.product-landing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin: 36px 0; }
@media (max-width: 800px) { .product-landing-grid { grid-template-columns: 1fr; } }
.product-landing-grid h2 { color: #fff; font-size: 20px; margin-bottom: 12px; }
.product-landing-grid ul { padding-left: 18px; color: #C8C8C0; }
.contact-cta-legal-links { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; }
.contact-cta-legal-links a { color: #CDFF4D; font-size: 13px; text-decoration: none; }
.cnt-privacy { margin: 12px 0 18px; }
.cnt-check-label { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: #C8C8C0; }
.cnt-check-label a { color: #CDFF4D; }
.int-privacy-label { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 400 !important; color: #C8C8C0 !important; }
.int-privacy-label a { color: #CDFF4D; }
.ff-intro-card { background: #1c1c16; border: 1px solid #2a2a24; padding: 24px; max-width: 340px; }
.ff-intro-title { font-family: 'Space Grotesk', sans-serif; color: #CDFF4D; font-size: 18px; margin-bottom: 10px; }
.ff-intro-card p { color: #A8A89E; font-size: 14px; line-height: 1.6; margin: 0; }
/* ===== P0 cookie banner (overrides venor white-pill Agree) ===== */
.js-cookie-consent.cookie-consent {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 99990 !important; /* below .ltx-cursor (2147483646) so custom cursor stays visible */
    background: #15150F !important;
    border-top: 1px solid rgba(205, 255, 77, 0.28) !important;
    padding: 18px 24px !important;
    text-align: left !important;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45);
}
.cookie-consent__inner {
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    align-items: center;
    justify-content: space-between;
}
span.cookie-consent__message,
.cookie-consent__message {
    flex: 1 1 420px;
    color: #C8C8C0 !important;
    font-family: 'Manrope', sans-serif;
    font-size: 14px !important;
    line-height: 1.55;
    text-align: left;
}
span.cookie-consent__message a,
.cookie-consent__message a {
    color: #CDFF4D !important;
    opacity: 1 !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    margin-left: 4px;
}
.cookie-consent__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    flex-shrink: 0;
}
button.js-cookie-consent-agree.cookie-consent__agree,
button.js-cookie-consent-reject.cookie-consent__reject,
button.js-cookie-consent-preferences.cookie-consent__preferences,
button.js-cookie-consent-save.cookie-consent__save,
.cookie-consent__agree,
.cookie-consent__reject,
.cookie-consent__preferences,
.cookie-consent__save {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 40px !important;
    min-width: 108px;
    margin: 0 !important;
    padding: 0 18px !important;
    line-height: 1 !important;
    border-radius: 4px !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
    outline: 0;
    cursor: none !important; /* keep custom lime cursor */
    z-index: 1;
}
button.js-cookie-consent-agree.cookie-consent__agree,
.cookie-consent__agree,
.cookie-consent__save {
    background: #CDFF4D !important;
    color: #15150F !important;
    border: 1px solid #CDFF4D !important;
    box-shadow: 0 0 0 0 rgba(205, 255, 77, 0);
}
button.js-cookie-consent-agree.cookie-consent__agree:hover,
.cookie-consent__agree:hover,
.cookie-consent__save:hover {
    background: #D8FF70 !important;
    color: #15150F !important;
    box-shadow: 0 0 18px rgba(205, 255, 77, 0.35);
}
button.js-cookie-consent-reject.cookie-consent__reject,
button.js-cookie-consent-preferences.cookie-consent__preferences,
.cookie-consent__reject,
.cookie-consent__preferences {
    background: transparent !important;
    color: #E8E8E3 !important;
    border: 1px solid #3a3a34 !important;
}
button.js-cookie-consent-reject.cookie-consent__reject:hover,
button.js-cookie-consent-preferences.cookie-consent__preferences:hover,
.cookie-consent__reject:hover,
.cookie-consent__preferences:hover {
    border-color: #CDFF4D !important;
    color: #CDFF4D !important;
    background: rgba(205, 255, 77, 0.06) !important;
}
.cookie-consent__prefs-panel {
    width: 100%;
    margin-top: 4px;
    padding-top: 12px;
    border-top: 1px solid #2a2a24;
    text-align: left;
    color: #C8C8C0;
    font-size: 13px;
}
.cookie-consent__pref-row {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}
.gmap-card-phone a, .gmap-card-email a { color: inherit; text-decoration: none; }

@media (max-width: 640px) {
    .js-cookie-consent.cookie-consent { padding: 16px !important; }
    .cookie-consent__actions { width: 100%; }
    button.js-cookie-consent-agree.cookie-consent__agree,
    button.js-cookie-consent-reject.cookie-consent__reject,
    button.js-cookie-consent-preferences.cookie-consent__preferences,
    .cookie-consent__agree,
    .cookie-consent__reject,
    .cookie-consent__preferences {
        flex: 1 1 auto;
        min-width: 0;
    }
}


/* ===== PRODUCTS PAGE — mockup rebuild ===== */
.lx-products {
    background: #000;
    color: #E8E8E3;
}
.lx-products-hero {
    position: relative;
    overflow: hidden;
    /* Compact hero — clears fixed nav without looking oversized */
    padding: calc(var(--site-topbar-height) + 28px) 0 40px !important;
    text-align: center;
    background: #000;
    border-bottom: 1px solid rgba(205, 255, 77, 0.1);
}
.lx-products-hero-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}
.lx-products-hero-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(205, 255, 77, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(205, 255, 77, 0.035) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(ellipse 70% 65% at 50% 48%, #000 15%, transparent 72%);
    -webkit-mask-image: radial-gradient(ellipse 70% 65% at 50% 48%, #000 15%, transparent 72%);
}
.lx-products-hero-edge {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 8%, rgba(205, 255, 77, 0.35) 50%, transparent 92%);
    box-shadow: 0 0 18px rgba(205, 255, 77, 0.25);
}
.lx-products-hero-edge--top { top: 0; }
.lx-products-hero-edge--bottom { bottom: 0; opacity: 0.55; }
/* Oval wraps the text block — ring stays outside copy */
.lx-products-hero-stage {
    position: relative;
    z-index: 1;
    max-width: 860px;
    margin: 0 auto;
    padding: 36px 88px 32px;
}
.lx-products-hero-frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}
.lx-products-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 560px;
    margin: 0 auto;
    padding: 0;
}
.lx-products-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 0 0 12px;
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.34em;
    color: #CDFF4D;
    text-transform: uppercase;
}
.lx-products-eyebrow-line {
    display: block;
    width: 36px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200, 200, 190, 0.55));
}
.lx-products-eyebrow-line:last-child {
    background: linear-gradient(90deg, rgba(200, 200, 190, 0.55), transparent);
}
.lx-products-title {
    margin: 0 0 12px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(28px, 4.2vw, 44px);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: -0.02em;
    color: #fff !important;
}
.lx-products-title span { color: #CDFF4D; }
.lx-products-lead {
    max-width: 540px;
    margin: 0 auto 18px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 1.65;
    color: #B0B0A8;
}
.lx-products-hero-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto;
    max-width: 200px;
}
.lx-products-hero-divider-line {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(205, 255, 77, 0.7));
}
.lx-products-hero-divider-line:last-child {
    background: linear-gradient(90deg, rgba(205, 255, 77, 0.7), transparent);
}
.lx-products-hero-divider-dot {
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #CDFF4D;
    box-shadow: 0 0 8px rgba(205, 255, 77, 0.9);
}
@media (max-width: 767.98px) {
    .lx-products-hero {
        padding: calc(var(--site-topbar-height) + 20px) 0 32px !important;
    }
    .lx-products-hero-stage {
        padding: 40px 28px 36px;
        max-width: 100%;
    }
    .lx-products-lead br { display: none; }
    .lx-products-eyebrow-line { width: 22px; }
}

.lx-products-toolbar-wrap {
    position: relative;
    z-index: 40;
    padding: 8px 0 28px;
    background: #000;
    overflow: visible;
}
.lx-products-toolbar-wrap > .container {
    overflow: visible;
    position: relative;
    z-index: 1;
}
.lx-products-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
    padding: 10px 12px;
    border: 1px solid rgba(205, 255, 77, 0.18);
    border-radius: 14px;
    background: rgba(22, 22, 16, 0.92);
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    position: relative;
    z-index: 2;
}
.lx-products-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 200px;
    flex: 1 1 200px;
    height: 36px;
    max-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #12120e;
    color: #8a8a80;
    box-sizing: border-box;
}
.lx-products-search svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}
.lx-products-search input {
    flex: 1;
    min-width: 0;
    height: 36px;
    max-height: 36px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #E8E8E3;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    line-height: 36px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.lx-products-search input::placeholder { color: #6f6f66; }
.lx-products-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    justify-content: center;
}
.lx-chip {
    appearance: none;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: transparent;
    color: #C8C8C0;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    height: 36px;
    max-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    transition: border-color .2s ease, color .2s ease, background .2s ease, box-shadow .2s ease;
}
.lx-chip:hover {
    border-color: rgba(205, 255, 77, 0.45);
    color: #CDFF4D;
}
.lx-chip.is-active {
    border-color: #CDFF4D;
    color: #CDFF4D;
    background: rgba(205, 255, 77, 0.08);
    box-shadow: 0 0 0 1px rgba(205, 255, 77, 0.15);
}
.lx-chip-more { position: relative; }
.lx-chip-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.lx-chip-more-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 20;
    min-width: 160px;
    padding: 8px;
    border-radius: 12px;
    border: 1px solid rgba(205, 255, 77, 0.22);
    background: #15150f;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
}
.lx-chip-more-item {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    color: #C8C8C0;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
}
.lx-chip-more-item:hover {
    background: rgba(205, 255, 77, 0.1);
    color: #CDFF4D;
}

.lx-products-sort {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    margin-right: 0;
    flex: 0 1 auto;
    max-width: 100%;
    box-sizing: border-box;
    color: #8a8a80;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    white-space: nowrap;
    height: 36px;
    position: relative;
    z-index: 50;
    overflow: visible;
}
.lx-products-sort-label {
    display: inline-flex;
    align-items: center;
    height: 36px;
    margin: 0;
    padding: 0;
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0;
}
.lx-products-sort-dd {
    position: relative;
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    z-index: 51;
    overflow: visible;
}
.lx-products-sort-btn.lx-chip {
    gap: 8px;
    padding-right: 12px;
    min-width: 110px;
    width: 100%;
    justify-content: space-between;
}
.lx-products-sort-btn[aria-expanded="true"] {
    border-color: #CDFF4D;
    color: #CDFF4D;
    background: rgba(205, 255, 77, 0.08);
}
.lx-products-sort-btn svg {
    flex-shrink: 0;
    transition: transform .2s ease;
}
.lx-products-sort-btn[aria-expanded="true"] svg {
    transform: rotate(180deg);
}
.lx-products-sort-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    z-index: 10050;
    width: auto;
    min-width: 110px;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 12px;
    border: 1px solid rgba(205, 255, 77, 0.28);
    background: #15150f;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.55);
}
.lx-products-sort-option {
    display: block;
    width: 100%;
    text-align: left;
    border: 0;
    background: transparent;
    color: #C8C8C0;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    padding: 11px 12px;
    border-radius: 8px;
    cursor: pointer;
}
.lx-products-sort-option:hover {
    background: rgba(205, 255, 77, 0.1);
    color: #CDFF4D;
}
.lx-products-sort-option.is-active {
    background: rgba(205, 255, 77, 0.16);
    color: #CDFF4D;
}

.lx-products-grid-wrap {
    position: relative;
    z-index: 1;
    padding: 8px 0 72px;
    background: #000;
}
.lx-products-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.lx-product-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    min-height: 148px;
    padding: 18px 18px 16px;
    text-decoration: none !important;
    color: inherit;
    border-radius: 16px;
    border: 1px solid rgba(205, 255, 77, 0.16);
    background:
        linear-gradient(180deg, rgba(28, 28, 22, 0.95) 0%, rgba(16, 16, 12, 0.98) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.lx-product-card:hover {
    border-color: rgba(205, 255, 77, 0.55);
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(205, 255, 77, 0.08);
}
.lx-product-card[hidden] { display: none !important; }
.lx-product-card-icon {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border-radius: 14px;
    overflow: hidden;
    background: #000;
}
.lx-product-card-icon img {
    display: block;
    width: 72px;
    height: 72px;
    object-fit: cover;
}
.lx-product-card-body {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.lx-product-card-tag {
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--lx-box-color, #CDFF4D);
    text-transform: uppercase;
}
.lx-product-card-name {
    margin: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #fff !important;
}
.lx-product-card-name-prefix {
    color: #ffffff !important;
}
.lx-product-card-name-box {
    background-image: linear-gradient(
        105deg,
        var(--lx-box-color-hi, #ffffff) 0%,
        var(--lx-box-color, #CDFF4D) 45%,
        var(--lx-box-color-2, #FFE566) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent !important;
    font-weight: 700;
}
.lx-product-card-desc {
    margin: 2px 0 8px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    line-height: 1.55;
    color: #9c9c92;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.lx-product-card-cta {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #CDFF4D;
}
.lx-product-card-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid rgba(205, 255, 77, 0.55);
    background: rgba(205, 255, 77, 0.12);
    color: #CDFF4D;
    transition: background .2s ease, transform .2s ease;
}
.lx-product-card:hover .lx-product-card-arrow {
    background: #CDFF4D;
    color: #15150F;
    transform: translateX(2px);
}
.lx-products-empty {
    margin: 28px 0 0;
    text-align: center;
    color: #8a8a80;
    font-family: 'Manrope', sans-serif;
}

@media (max-width: 991.98px) {
    .lx-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lx-products-sort { margin-left: 0; width: auto; justify-content: flex-start; align-items: center; white-space: nowrap; }
}
@media (max-width: 767.98px) {
    .lx-products-grid { grid-template-columns: 1fr; }
    .lx-products-toolbar { padding: 12px; }
    .lx-products-chips { justify-content: flex-start; }
}

/* ===== PRODUCT DETAIL PAGE ===== */
.lx-pd { background: #000; color: #E8E8E3; }
.lx-pd-hero {
    position: relative;
    overflow: hidden;
    padding: calc(var(--site-topbar-height) + 24px) 0 44px !important;
    background: #000;
    border-bottom: 1px solid rgba(205, 255, 77, 0.1);
}
.lx-pd-hero-bg { position: absolute; inset: 0; pointer-events: none; }
.lx-pd-hero-grid {
    position: absolute; inset: 0;
    background-image:
        linear-gradient(rgba(205, 255, 77, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(205, 255, 77, 0.03) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(ellipse 70% 70% at 30% 40%, #000 10%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse 70% 70% at 30% 40%, #000 10%, transparent 70%);
}
.lx-pd-hero-inner { position: relative; z-index: 1; }
.lx-pd-crumbs {
    display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
    margin: 0 0 28px;
    font-family: 'Manrope', sans-serif; font-size: 13px; color: #7a7a72;
}
.lx-pd-crumbs a { color: #CDFF4D; text-decoration: none; }
.lx-pd-crumbs a:hover { text-decoration: underline; }
.lx-pd-hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr);
    gap: 40px;
    align-items: center;
}
.lx-pd-eyebrow {
    margin: 0 0 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 11px; font-weight: 700;
    letter-spacing: 0.28em; text-transform: uppercase;
    color: #CDFF4D;
}
.lx-pd-title {
    margin: 0 0 12px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 700; line-height: 1.05;
    color: #fff !important;
}
.lx-pd-tagline {
    margin: 0 0 12px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 18px; font-weight: 500;
    color: #CDFF4D;
}
.lx-pd-lead, .lx-pd-answer {
    margin: 0 0 14px;
    max-width: 640px;
    font-family: 'Manrope', sans-serif;
    font-size: 15px; line-height: 1.7;
    color: #B0B0A8;
}
.lx-pd-answer {
    padding: 12px 14px;
    border-left: 3px solid #CDFF4D;
    background: rgba(205, 255, 77, 0.06);
    color: #D8D8D0;
}
.lx-pd-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.lx-pd-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 12px 20px;
    background: #CDFF4D; color: #15150F !important;
    font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 14px;
    text-decoration: none !important; border-radius: 4px;
    transition: transform .2s ease, box-shadow .2s ease;
}
.lx-pd-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(205, 255, 77, 0.25); color: #15150F !important; }
.lx-pd-btn-ghost {
    display: inline-flex; align-items: center;
    padding: 11px 18px;
    border: 1px solid rgba(205, 255, 77, 0.45);
    color: #CDFF4D !important;
    font-family: 'Space Grotesk', sans-serif; font-weight: 650; font-size: 14px;
    text-decoration: none !important; border-radius: 4px;
    background: transparent;
}
.lx-pd-btn-ghost:hover { background: rgba(205, 255, 77, 0.08); }
.lx-pd-hero-visual { display: flex; justify-content: center; }
.lx-pd-hero-icon {
    width: 180px; height: 180px;
    border-radius: 28px;
    border: 1px solid rgba(205, 255, 77, 0.28);
    background: #0c0c0a;
    box-shadow: 0 0 48px rgba(205, 255, 77, 0.12);
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
}
.lx-pd-hero-icon img { width: 160px; height: 160px; object-fit: cover; }

.lx-pd-highlights {
    padding: 28px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: #050505;
}
.lx-pd-highlights-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.lx-pd-highlight {
    display: flex; gap: 12px; align-items: flex-start;
    padding: 14px 16px;
    border: 1px solid rgba(205, 255, 77, 0.14);
    border-radius: 12px;
    background: #10100c;
}
.lx-pd-highlight-mark {
    flex: 0 0 8px; width: 8px; height: 8px; margin-top: 6px;
    border-radius: 50%; background: #CDFF4D;
    box-shadow: 0 0 8px rgba(205, 255, 77, 0.8);
}
.lx-pd-highlight p {
    margin: 0;
    font-family: 'Manrope', sans-serif;
    font-size: 13px; line-height: 1.5; color: #C8C8C0;
}

.lx-pd-section { padding: 56px 0; background: #000; }
.lx-pd-section--alt { background: #080806; border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04); }
.lx-pd-section-head { margin-bottom: 24px; }
.lx-pd-section-head h2,
.lx-pd-card h2 {
    margin: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(22px, 3vw, 30px);
    color: #fff !important;
}
.lx-pd-card-label {
    margin: 0 0 8px;
    font-family: 'Manrope', sans-serif;
    font-size: 11px; font-weight: 700;
    letter-spacing: 0.22em; text-transform: uppercase;
    color: #CDFF4D;
}
.lx-pd-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.lx-pd-card {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid rgba(205, 255, 77, 0.16);
    background: linear-gradient(180deg, #141410 0%, #0c0c0a 100%);
}
.lx-pd-card h2 { margin-bottom: 12px; }
.lx-pd-card > p:last-child {
    margin: 0;
    font-family: 'Manrope', sans-serif;
    font-size: 15px; line-height: 1.7; color: #B0B0A8;
}
.lx-pd-list {
    margin: 0; padding: 0; list-style: none;
}
.lx-pd-list li {
    position: relative;
    padding: 8px 0 8px 18px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px; color: #C8C8C0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.lx-pd-list li:last-child { border-bottom: 0; }
.lx-pd-list li::before {
    content: '';
    position: absolute; left: 0; top: 15px;
    width: 7px; height: 7px; border-radius: 50%;
    background: #CDFF4D;
}

.lx-pd-modules {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.lx-pd-module {
    padding: 20px;
    border-radius: 14px;
    border: 1px solid rgba(205, 255, 77, 0.14);
    background: #10100c;
    transition: border-color .2s ease, transform .2s ease;
}
.lx-pd-module:hover {
    border-color: rgba(205, 255, 77, 0.45);
    transform: translateY(-2px);
}
.lx-pd-module-num {
    display: inline-block;
    margin-bottom: 10px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px; color: rgba(205, 255, 77, 0.65);
}
.lx-pd-module h3 {
    margin: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 16px; font-weight: 600;
    color: #fff !important;
}

.lx-pd-faq-wrap { max-width: 820px; }
.lx-pd-faq-item {
    margin-bottom: 10px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid rgba(205, 255, 77, 0.14);
    background: #10100c;
}
.lx-pd-faq-item summary {
    cursor: pointer;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 600; color: #fff;
    list-style: none;
}
.lx-pd-faq-item summary::-webkit-details-marker { display: none; }
.lx-pd-faq-item summary::after {
    content: '+';
    float: right;
    color: #CDFF4D;
    font-weight: 700;
}
.lx-pd-faq-item[open] summary::after { content: '–'; }
.lx-pd-faq-item p {
    margin: 12px 0 0;
    font-family: 'Manrope', sans-serif;
    font-size: 14px; line-height: 1.65; color: #B0B0A8;
}

.lx-pd-related {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.lx-pd-related-card {
    display: flex; gap: 14px; align-items: flex-start;
    padding: 16px;
    border-radius: 14px;
    border: 1px solid rgba(205, 255, 77, 0.14);
    background: #10100c;
    text-decoration: none !important; color: inherit;
    transition: border-color .2s ease, transform .2s ease;
}
.lx-pd-related-card:hover {
    border-color: rgba(205, 255, 77, 0.5);
    transform: translateY(-2px);
}
.lx-pd-related-card img {
    width: 56px; height: 56px; border-radius: 12px; object-fit: cover;
}
.lx-pd-related-tag {
    display: block;
    font-size: 10px; font-weight: 700; letter-spacing: 0.16em;
    color: #CDFF4D; text-transform: uppercase;
    margin-bottom: 4px;
}
.lx-pd-related-card strong {
    display: block;
    font-family: 'Space Grotesk', sans-serif;
    color: #fff; margin-bottom: 4px;
}
.lx-pd-related-card p {
    margin: 0;
    font-family: 'Manrope', sans-serif;
    font-size: 12px; line-height: 1.45; color: #9c9c92;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

.lx-pd-cta { padding: 24px 0 72px; background: #000; }
.lx-pd-cta-box {
    display: flex; flex-wrap: wrap; gap: 20px;
    align-items: center; justify-content: space-between;
    padding: 28px 30px;
    border-radius: 18px;
    border: 1px solid rgba(205, 255, 77, 0.35);
    background: linear-gradient(135deg, rgba(205, 255, 77, 0.08), rgba(0,0,0,0.4));
}
.lx-pd-cta-box h2 {
    margin: 0 0 8px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(22px, 3vw, 28px);
    color: #fff !important;
}
.lx-pd-cta-box p {
    margin: 0;
    max-width: 520px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px; color: #B0B0A8;
}
.lx-pd-cta-actions { display: flex; flex-wrap: wrap; gap: 10px; }

@media (max-width: 991.98px) {
    .lx-pd-hero-layout { grid-template-columns: 1fr; }
    .lx-pd-hero-visual { order: -1; }
    .lx-pd-hero-icon { width: 140px; height: 140px; }
    .lx-pd-hero-icon img { width: 120px; height: 120px; }
    .lx-pd-highlights-grid { grid-template-columns: 1fr 1fr; }
    .lx-pd-modules { grid-template-columns: 1fr 1fr; }
    .lx-pd-related { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    .lx-pd-split { grid-template-columns: 1fr; }
    .lx-pd-highlights-grid { grid-template-columns: 1fr; }
    .lx-pd-modules { grid-template-columns: 1fr; }
    .lx-pd-cta-box { padding: 22px; }
}

/* ===== SERVICE DETAIL PAGE ===== */
.svc-dt { background: #15150F; color: #E8E8E2; }

.svc-dt-hero {
    position: relative;
    padding: 112px 0 56px;
    border-bottom: 1px solid rgba(205, 255, 77, 0.18);
    overflow: hidden;
}
.svc-dt-hero-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.svc-dt-hero-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(205, 255, 77, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(205, 255, 77, 0.06) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 20%, transparent 75%);
}
.svc-dt-hero-inner { position: relative; z-index: 1; }
.svc-dt-hero-inner .ltx-crumbs { margin-bottom: 28px; }

.svc-dt-hero-layout {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 40px;
    align-items: center;
}
.svc-dt-eyebrow {
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #CDFF4D;
    margin: 0 0 14px;
    font-family: 'Manrope', sans-serif;
}
.svc-dt-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 700;
    color: #fff !important;
    line-height: 1.12;
    margin: 0 0 16px;
}
.svc-dt-lead {
    max-width: 620px;
    color: #A8A89E;
    font-size: 17px;
    line-height: 1.65;
    margin: 0 0 14px;
}
.svc-dt-answer {
    max-width: 620px;
    color: #C8C8BE;
    font-size: 15px;
    line-height: 1.6;
    margin: 0 0 24px;
    padding-left: 14px;
    border-left: 2px solid rgba(205, 255, 77, 0.45);
}
.svc-dt-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.svc-dt-hero-badge {
    position: relative;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.svc-dt-hero-badge-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid rgba(205, 255, 77, 0.35);
    background: radial-gradient(circle at 30% 30%, rgba(205, 255, 77, 0.12), transparent 60%);
    box-shadow: 0 0 60px rgba(205, 255, 77, 0.08);
}
.svc-dt-hero-badge-text {
    position: relative;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: #CDFF4D;
    letter-spacing: 0.04em;
}

.svc-dt-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    background: #CDFF4D;
    color: #15150F !important;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none !important;
    border: 1px solid #CDFF4D;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.svc-dt-btn:hover {
    background: #D8FF70;
    border-color: #D8FF70;
    color: #15150F !important;
}
.svc-dt-btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    background: transparent;
    color: #E8E8E2 !important;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.svc-dt-btn-ghost:hover {
    border-color: rgba(205, 255, 77, 0.5);
    color: #CDFF4D !important;
    background: rgba(205, 255, 77, 0.06);
}
.svc-dt-btn-block { width: 100%; justify-content: center; }

.svc-dt-highlights {
    padding: 28px 0;
    border-bottom: 1px solid rgba(205, 255, 77, 0.12);
    background: rgba(0, 0, 0, 0.2);
}
.svc-dt-highlights-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.svc-dt-highlight {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid rgba(205, 255, 77, 0.15);
    background: rgba(21, 21, 15, 0.6);
}
.svc-dt-highlight-mark {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #CDFF4D;
    margin-top: 7px;
    flex-shrink: 0;
}
.svc-dt-highlight p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #D0D0C8;
}

.svc-dt-body { padding: 56px 0 72px; }
.svc-dt-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 32px;
    align-items: start;
}
.svc-dt-main { display: flex; flex-direction: column; gap: 24px; min-width: 0; }

.svc-dt-card {
    padding: 28px 30px;
    border-radius: 16px;
    border: 1px solid rgba(205, 255, 77, 0.14);
    background: rgba(21, 21, 15, 0.85);
}
.svc-dt-card-label {
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #CDFF4D;
    margin: 0 0 8px;
    font-family: 'Manrope', sans-serif;
}
.svc-dt-card h2 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #fff !important;
    margin: 0 0 16px;
}
.svc-dt-card > p {
    margin: 0;
    color: #B8B8AE;
    line-height: 1.65;
    font-size: 15px;
}

.svc-dt-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}
.svc-dt-list li {
    position: relative;
    padding-left: 22px;
    color: #C8C8BE;
    font-size: 15px;
    line-height: 1.55;
}
.svc-dt-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: #CDFF4D;
}

.svc-dt-steps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.svc-dt-step {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.25);
}
.svc-dt-step-num {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: rgba(205, 255, 77, 0.55);
    line-height: 1;
    flex-shrink: 0;
}
.svc-dt-step p {
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
    color: #C0C0B6;
}

.svc-dt-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.svc-dt-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.svc-dt-pills span {
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 13px;
    color: #D8D8CE;
    border: 1px solid rgba(205, 255, 77, 0.2);
    background: rgba(205, 255, 77, 0.06);
}

.svc-dt-faq { display: flex; flex-direction: column; gap: 10px; }
.svc-dt-faq-item {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.svc-dt-faq-item summary {
    padding: 16px 18px;
    cursor: pointer;
    font-weight: 600;
    color: #E8E8E2;
    font-size: 15px;
    list-style: none;
}
.svc-dt-faq-item summary::-webkit-details-marker { display: none; }
.svc-dt-faq-item summary::after {
    content: '+';
    float: right;
    color: #CDFF4D;
    font-size: 18px;
    line-height: 1;
}
.svc-dt-faq-item[open] summary::after { content: '−'; }
.svc-dt-faq-item p {
    margin: 0;
    padding: 0 18px 16px;
    color: #A8A89E;
    font-size: 14px;
    line-height: 1.6;
}

.svc-dt-sidebar {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.svc-dt-sidebar-card {
    padding: 22px 20px;
    border-radius: 16px;
    border: 1px solid rgba(205, 255, 77, 0.14);
    background: rgba(21, 21, 15, 0.9);
}
.svc-dt-sidebar-card h3 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    margin: 0 0 14px;
}
.svc-dt-sidebar-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.svc-dt-sidebar-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 8px;
    color: #B0B0A6 !important;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1.35;
    transition: background 0.2s, color 0.2s;
}
.svc-dt-sidebar-nav a span { opacity: 0; transition: opacity 0.2s; color: #CDFF4D; }
.svc-dt-sidebar-nav a:hover,
.svc-dt-sidebar-nav a.is-active {
    background: rgba(205, 255, 77, 0.08);
    color: #CDFF4D !important;
}
.svc-dt-sidebar-nav a:hover span,
.svc-dt-sidebar-nav a.is-active span { opacity: 1; }

.svc-dt-sidebar-cta p {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.55;
    color: #98988E;
}
.svc-dt-sidebar-cta .svc-dt-btn { margin-bottom: 10px; }

.svc-dt-cta { padding: 0 0 80px; }
.svc-dt-cta-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 32px 36px;
    border-radius: 20px;
    border: 1px solid rgba(205, 255, 77, 0.25);
    background: linear-gradient(135deg, rgba(205, 255, 77, 0.08) 0%, rgba(21, 21, 15, 0.95) 55%);
}
.svc-dt-cta-box h2 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #fff !important;
    margin: 0 0 8px;
}
.svc-dt-cta-box p {
    margin: 0;
    color: #A8A89E;
    font-size: 15px;
}
.svc-dt-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 991.98px) {
    .svc-dt-hero-layout { grid-template-columns: 1fr; }
    .svc-dt-hero-badge { order: -1; width: 120px; height: 120px; margin: 0 auto; }
    .svc-dt-hero-badge-text { font-size: 32px; }
    .svc-dt-highlights-grid { grid-template-columns: 1fr 1fr; }
    .svc-dt-layout { grid-template-columns: 1fr; }
    .svc-dt-sidebar { position: static; }
    .svc-dt-steps { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    .svc-dt-hero { padding: 96px 0 40px; }
    .svc-dt-highlights-grid { grid-template-columns: 1fr; }
    .svc-dt-split { grid-template-columns: 1fr; }
    .svc-dt-card { padding: 22px 20px; }
    .svc-dt-cta-box { padding: 22px; }
}

/* ===== PORTFOLIO PAGE (brand rebuild) ===== */
.portfolio-hero {
    padding: 120px 0 48px;
    background: #15150F;
    border-bottom: 1px solid rgba(205, 255, 77, 0.18);
}
.portfolio-hero-eyebrow {
    font-size: 13px;
    color: #8a8a80;
    margin-bottom: 20px;
    font-family: 'Manrope', sans-serif;
}
.portfolio-hero-eyebrow a { color: #CDFF4D; text-decoration: none; }
.portfolio-hero-eyebrow span { margin: 0 8px; }
.portfolio-hero-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 700;
    color: #ffffff !important;
    line-height: 1.15;
    margin: 0 0 16px;
}
.portfolio-hero-title span,
.portfolio-hero-accent { color: #CDFF4D !important; -webkit-text-fill-color: #CDFF4D !important; }
.portfolio-hero-sub {
    max-width: 680px;
    color: #A8A89E;
    font-size: 16px;
    line-height: 1.65;
    margin: 0;
}

/* Showcase uses same pf-card / lx-chip system as the rest of portfolio */
.pf-showcase-section {
    padding-bottom: 24px !important;
    border-bottom: 1px solid rgba(205, 255, 77, 0.12);
}
.pf-showcase-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 24px;
    justify-content: flex-start;
}
.pf-showcase-col[hidden] { display: none !important; }
.pf-card-img-wrap .pf-shot-img {
    display: none;
    width: 100%;
    height: auto;
    object-fit: unset;
}
.pf-card-img-wrap .pf-shot-img.is-active {
    display: block !important;
}
.pf-shot-img[hidden] { display: none !important; }
.pf-shot-modes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 4px 0 10px;
}
.pf-shot-modes .lx-chip {
    height: 32px;
    max-height: 32px;
    padding: 0 12px;
    font-size: 12px;
}
.pf-shot-modes--static .lx-chip {
    cursor: default;
    pointer-events: none;
}
.pf-showcase-section {
    border-bottom: none;
}
.pf-all-head {
    margin-bottom: 22px;
}
.pf-all-title {
    margin: 0 0 6px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #fff !important;
}
.pf-all-lead {
    margin: 0;
    color: #9c9c92;
    font-size: 14px;
}

.portfolio-page-section {
    background: #15150F !important;
    padding: 48px 0 88px;
}
.portfolio-grid {
    margin-left: -12px;
    margin-right: -12px;
}
.portfolio-grid > [class*='col-'] {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
    display: flex;
}
.pf-card {
    background: #1c1c16;
    border: 1px solid #2a2a24;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.pf-card:hover {
    border-color: rgba(205, 255, 77, 0.5);
    box-shadow: 0 10px 36px rgba(205, 255, 77, 0.1);
    transform: translateY(-3px);
}
.pf-card-img-link { display: block; text-decoration: none; }
.pf-card-img-wrap {
    position: relative;
    background: #1c1c16;
    height: auto;
    overflow: hidden;
    line-height: 0;
}
.pf-card-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: unset;
    transition: transform 0.35s ease;
}
.pf-card:hover .pf-card-img { transform: scale(1.02); }
.pf-card-body {
    padding: 18px 20px 22px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
}
.pf-card-cat {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(205, 255, 77, 0.75);
}
.pf-card-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}
.pf-card-title a {
    color: #ffffff !important;
    text-decoration: none;
}
.pf-card-title a:hover { color: #CDFF4D !important; }
.pf-card-excerpt {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #A8A89E;
    margin-bottom: 4px;
}
.pf-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #CDFF4D !important;
    text-decoration: none;
}
.pf-card-btn:hover { color: #D8FF70 !important; }
.pf-empty {
    color: #A8A89E;
    text-align: center;
    padding: 48px 0;
}
@media (max-width: 767px) {
    .portfolio-hero { padding: 100px 0 36px; }
    .portfolio-page-section { padding: 32px 0 60px; }
}

/* ===== BLOG PAGE (brand rebuild) ===== */
.blog-hero {
    padding: 120px 0 48px;
    background: #15150F;
    border-bottom: 1px solid rgba(205, 255, 77, 0.18);
}
.blog-hero-eyebrow {
    font-size: 13px;
    color: #8a8a80;
    margin-bottom: 20px;
    font-family: 'Manrope', sans-serif;
}
.blog-hero-eyebrow a { color: #CDFF4D; text-decoration: none; }
.blog-hero-eyebrow span { margin: 0 8px; }
.blog-hero-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 700;
    color: #ffffff !important;
    line-height: 1.15;
    margin: 0 0 16px;
}
.blog-hero-title span,
.blog-hero-accent { color: #CDFF4D !important; -webkit-text-fill-color: #CDFF4D !important; }
.blog-hero-sub {
    max-width: 680px;
    color: #A8A89E;
    font-size: 16px;
    line-height: 1.65;
    margin: 0;
}
.blog-list-section {
    background: #15150F !important;
    padding: 48px 0 88px;
}
.blog-grid {
    margin-left: -12px;
    margin-right: -12px;
}
.blog-grid > [class*='col-'] {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
    display: flex;
}
.blog-card {
    background: #1c1c16;
    border: 1px solid #2a2a24;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.blog-card:hover {
    border-color: rgba(205, 255, 77, 0.5);
    box-shadow: 0 10px 36px rgba(205, 255, 77, 0.1);
    transform: translateY(-3px);
}
.blog-card-img-link { display: block; text-decoration: none; }
.blog-card-img-wrap {
    position: relative;
    background: #23231c;
    height: 220px;
    overflow: hidden;
}
.blog-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform 0.35s ease;
}
.blog-card:hover .blog-card-img { transform: scale(1.03); }
.blog-card-date {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(21, 21, 15, 0.88);
    color: #CDFF4D;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid rgba(205, 255, 77, 0.25);
}
.blog-card-body {
    padding: 18px 20px 22px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
}
.blog-card-cat {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(205, 255, 77, 0.75);
}
.blog-card-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}
.blog-card-title a {
    color: #ffffff !important;
    text-decoration: none;
}
.blog-card-title a:hover { color: #CDFF4D !important; }
.blog-card-excerpt {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    line-height: 1.6;
    color: #A8A89E;
    margin: 0 0 4px;
}
.blog-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #CDFF4D !important;
    text-decoration: none;
}
.blog-card-btn:hover { color: #D8FF70 !important; }
.blog-empty {
    color: #A8A89E;
    text-align: center;
    padding: 48px 0;
}

/* ===== BLOG POST DETAIL PAGE ===== */
.post-dt {
    background: #15150F !important;
    color: #E8E8E2;
    min-height: 60vh;
}

.post-dt-hero {
    position: relative;
    padding: 112px 0 56px;
    border-bottom: 1px solid rgba(205, 255, 77, 0.18);
    overflow: hidden;
    background:
        radial-gradient(ellipse 60% 50% at 90% 10%, rgba(205, 255, 77, 0.1) 0%, transparent 55%),
        #15150F;
}
.post-dt-hero-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
.post-dt-hero-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(205, 255, 77, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(205, 255, 77, 0.05) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse 90% 80% at 40% 20%, #000 15%, transparent 70%);
}
.post-dt-hero-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    right: -80px;
    top: -120px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(205, 255, 77, 0.12) 0%, transparent 68%);
    pointer-events: none;
}
.post-dt-hero-wrap { position: relative; z-index: 1; }
.post-dt-hero-wrap .ltx-crumbs { margin-bottom: 28px; }

.post-dt-hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
    gap: 48px;
    align-items: center;
}
.post-dt-eyebrow {
    font-size: 13px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #CDFF4D;
    margin: 0 0 14px;
    font-family: 'Manrope', sans-serif;
}
.post-dt-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}
.post-dt-cat {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #15150F;
    background: #CDFF4D;
    padding: 5px 12px;
    border-radius: 999px;
}
.post-dt-date,
.post-dt-read {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: #8a8a80;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.25);
}
.post-dt-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(30px, 4.8vw, 48px);
    font-weight: 700;
    color: #fff !important;
    line-height: 1.14;
    margin: 0 0 16px;
}
.post-dt-lead {
    color: #A8A89E;
    font-size: 17px;
    line-height: 1.65;
    margin: 0 0 22px;
    max-width: 640px;
}
.post-dt-author-strip {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}
.post-dt-author-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(205, 255, 77, 0.4);
    flex-shrink: 0;
}
.post-dt-author-text {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px;
}
.post-dt-author-label {
    font-size: 12px;
    color: #78786E;
    width: 100%;
}
.post-dt-author-name {
    font-weight: 600;
    color: #E8E8E2;
    font-size: 14px;
}
.post-dt-author-role {
    font-size: 13px;
    color: #98988E;
}
.post-dt-author-role::before {
    content: '·';
    margin-right: 6px;
    color: #5a5a52;
}
.post-dt-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.post-dt-hero-visual { min-width: 0; }
.post-dt-hero-frame {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(205, 255, 77, 0.22);
    background: #1c1c16;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.45);
}
.post-dt-hero-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: top center;
    display: block;
}
.post-dt-hero-badge {
    position: absolute;
    left: 14px;
    bottom: 14px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    font-weight: 600;
    color: #CDFF4D;
    background: rgba(21, 21, 15, 0.9);
    border: 1px solid rgba(205, 255, 77, 0.3);
    padding: 6px 12px;
    border-radius: 8px;
}

.post-dt-body {
    padding: 56px 0 72px;
    background: #15150F;
}
.post-dt-body > .container.post-dt-layout {
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.post-dt-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 32px;
    align-items: start;
}
.post-dt-main {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-self: start;
}

.post-dt-article {
    padding: 40px 44px;
    border-radius: 20px;
    border: 1px solid rgba(205, 255, 77, 0.14);
    background: rgba(28, 28, 22, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.post-dt-prose {
    color: #C8C8BE;
    font-size: 17px;
    line-height: 1.8;
    overflow-wrap: anywhere;
    max-width: none;
}
.post-dt-prose > *:first-child { margin-top: 0 !important; }
.post-dt-prose > *:last-child { margin-bottom: 0 !important; }
.post-dt-prose > p:first-child {
    font-size: 1.2rem;
    line-height: 1.55;
    color: #E8E8E2 !important;
    border-left: 3px solid #CDFF4D;
    padding: 16px 18px;
    margin: 0 0 1.5em;
    background: rgba(205, 255, 77, 0.06);
    border-radius: 0 12px 12px 0;
}
.post-dt-prose > p:first-child strong {
    color: #CDFF4D !important;
    font-size: 1.05em;
}
.post-dt-prose h1,
.post-dt-prose h2,
.post-dt-prose h3,
.post-dt-prose h4,
.post-dt-prose h5,
.post-dt-prose h6,
.post-dt-prose p strong:only-child {
    font-family: 'Space Grotesk', sans-serif;
    line-height: 1.32;
    margin: 1.8em 0 0.8em;
}
.post-dt-prose h1,
.post-dt-prose h2,
.post-dt-prose h3,
.post-dt-prose h4,
.post-dt-prose h5,
.post-dt-prose h6 {
    color: #CDFF4D !important;
}
.post-dt-prose h1 { font-size: 1.85rem; }
.post-dt-prose h2,
.post-dt-prose p > strong:only-child { font-size: 1.45rem; color: #CDFF4D !important; }
.post-dt-prose h3 { font-size: 1.25rem; color: #fff !important; }
.post-dt-prose h4 { font-size: 1.1rem; color: #fff !important; }
.post-dt-prose p,
.post-dt-prose li,
.post-dt-prose td,
.post-dt-prose th,
.post-dt-prose span {
    color: #C8C8BE !important;
}
.post-dt-prose p { margin: 0 0 1.15em; }
.post-dt-prose a {
    color: #CDFF4D !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.post-dt-prose a:hover { color: #D8FF70 !important; }
.post-dt-prose ul,
.post-dt-prose ol {
    margin: 0 0 1.3em;
    padding-left: 0;
    list-style: none;
}
.post-dt-prose li {
    position: relative;
    margin-bottom: 0.55em;
    padding-left: 18px;
}
.post-dt-prose ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #CDFF4D;
}
.post-dt-prose ol { counter-reset: post-ol; }
.post-dt-prose ol li { padding-left: 22px; }
.post-dt-prose ol li::before {
    counter-increment: post-ol;
    content: counter(post-ol) '.';
    position: absolute;
    left: 0;
    top: 0;
    color: #CDFF4D;
    font-weight: 600;
    font-size: 0.9em;
}
.post-dt-prose li:empty,
.post-dt-prose li:empty::before { display: none !important; }
.post-dt-prose blockquote {
    margin: 1.6em 0;
    padding: 18px 22px;
    border-left: 3px solid #CDFF4D;
    background: rgba(205, 255, 77, 0.07);
    border-radius: 0 14px 14px 0;
}
.post-dt-prose blockquote p { margin: 0; color: #D8D8CE !important; }
.post-dt-prose img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    border-radius: 14px;
    margin: 1.4em 0;
    border: 1px solid rgba(205, 255, 77, 0.15);
}
/* Flatten leftover 1-column Word tables so they don't look like nested cards */
.post-dt-prose table:not(:has(td:nth-child(2), th:nth-child(2))) {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    margin: 0 0 1.2em !important;
    border-radius: 0 !important;
    overflow: visible !important;
}
.post-dt-prose table:not(:has(td:nth-child(2), th:nth-child(2))) tbody,
.post-dt-prose table:not(:has(td:nth-child(2), th:nth-child(2))) thead,
.post-dt-prose table:not(:has(td:nth-child(2), th:nth-child(2))) tr,
.post-dt-prose table:not(:has(td:nth-child(2), th:nth-child(2))) td,
.post-dt-prose table:not(:has(td:nth-child(2), th:nth-child(2))) th {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}
.post-dt-prose table {
    display: table;
    width: 100% !important;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 1.5em 0;
    font-size: 14px;
    border-radius: 14px;
    border: 1px solid rgba(205, 255, 77, 0.2);
    background: rgba(0, 0, 0, 0.25);
    overflow: hidden;
}
.post-dt-prose table thead tr:first-child td,
.post-dt-prose table thead th,
.post-dt-prose table tr:first-child td strong {
    color: #CDFF4D !important;
}
.post-dt-prose th,
.post-dt-prose td {
    width: auto !important;
    min-width: 100px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
    padding: 14px 16px !important;
    text-align: left;
    vertical-align: top;
    background: transparent !important;
}
.post-dt-prose thead th,
.post-dt-prose thead td,
.post-dt-prose table thead tr td {
    background: rgba(205, 255, 77, 0.1) !important;
    font-weight: 600;
}
.post-dt-prose tbody tr:hover td {
    background: rgba(205, 255, 77, 0.04) !important;
}
.post-dt-prose strong,
.post-dt-prose b { color: #E8E8E2 !important; font-weight: 600; }
.post-dt-prose hr {
    border: 0;
    border-top: 1px solid rgba(205, 255, 77, 0.15);
    margin: 2.2em 0;
}
.post-dt-prose iframe,
.post-dt-prose video {
    max-width: 100%;
    border-radius: 14px;
    margin: 1.4em 0;
}

.post-dt-article-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding-top: 8px;
}
.post-dt-foot-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #CDFF4D;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid rgba(205, 255, 77, 0.3);
    background: rgba(205, 255, 77, 0.08);
}
.post-dt-foot-date {
    font-size: 13px;
    color: #78786E;
}

.post-dt-author-card {
    display: flex;
    gap: 22px;
    align-items: flex-start;
    padding: 28px 30px;
    border-radius: 18px;
    border: 1px solid rgba(205, 255, 77, 0.16);
    background: linear-gradient(135deg, rgba(205, 255, 77, 0.06) 0%, rgba(21, 21, 15, 0.95) 60%);
}
.post-dt-author-card-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(205, 255, 77, 0.35);
    flex-shrink: 0;
}
.post-dt-author-card-label {
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #CDFF4D;
    margin: 0 0 6px;
}
.post-dt-author-card-name {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #fff !important;
    margin: 0 0 4px;
}
.post-dt-author-card-role {
    font-size: 13px;
    color: #98988E;
    margin: 0 0 10px;
}
.post-dt-author-card-bio {
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #B0B0A6;
}

.post-dt-sidebar {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0;
    width: 100%;
    position: relative;
    z-index: 2;
}
.post-dt-sidebar-pin {
    position: sticky;
    top: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.post-dt-sidebar-card {
    padding: 22px 20px;
    border-radius: 16px;
    border: 1px solid rgba(205, 255, 77, 0.14);
    background: rgba(21, 21, 15, 0.92);
}
.post-dt-sidebar-card h3 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    margin: 0 0 14px;
}
.post-dt-sidebar-cta p {
    margin: 0 0 14px;
    font-size: 13px;
    line-height: 1.55;
    color: #98988E;
}
.post-dt-sidebar-cta .post-dt-btn { margin-bottom: 10px; }

.post-dt-side-list {
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.post-dt-side-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 10px;
    border-radius: 12px;
    text-decoration: none !important;
    border: 1px solid transparent;
    transition: border-color 0.2s, background 0.2s;
}
.post-dt-side-item:hover {
    background: rgba(205, 255, 77, 0.06);
    border-color: rgba(205, 255, 77, 0.15);
}
.post-dt-side-thumb {
    width: 56px;
    height: 56px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
    border: 1px solid rgba(205, 255, 77, 0.15);
    background: #23231c;
}
.post-dt-side-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.post-dt-side-copy { min-width: 0; }
.post-dt-side-title {
    display: block;
    font-size: 13px;
    line-height: 1.4;
    color: #D0D0C8 !important;
    margin-bottom: 4px;
}
.post-dt-side-item:hover .post-dt-side-title { color: #CDFF4D !important; }
.post-dt-side-date {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: #6a6a62;
}
.post-dt-side-link {
    display: inline-block;
    font-size: 13px;
    color: #CDFF4D !important;
    text-decoration: none !important;
    font-weight: 600;
}
.post-dt-side-link:hover { color: #D8FF70 !important; }

.post-dt-related {
    padding: 0 0 64px;
    background: #15150F;
    border-top: 1px solid rgba(205, 255, 77, 0.1);
}
.post-dt-section-label {
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #CDFF4D;
    margin: 0 0 8px;
}
.post-dt-related-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(26px, 4vw, 36px);
    font-weight: 700;
    color: #fff !important;
    margin: 0 0 28px;
}
.post-dt-related-title span { color: #CDFF4D !important; }
.post-dt-related-grid {
    margin-left: -12px;
    margin-right: -12px;
}
.post-dt-related-grid > [class*='col-'] {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
    display: flex;
}
.post-dt-related-grid .blog-card-title {
    font-size: 18px;
}

.post-dt-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    background: #CDFF4D;
    color: #15150F !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none !important;
    border: 1px solid #CDFF4D;
    transition: background 0.2s, border-color 0.2s;
}
.post-dt-btn span[aria-hidden="true"] {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.post-dt-btn:hover {
    background: #D8FF70;
    border-color: #D8FF70;
    color: #15150F !important;
}
.post-dt-btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    background: transparent;
    color: #E8E8E2 !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.post-dt-btn-ghost:hover {
    border-color: rgba(205, 255, 77, 0.5);
    color: #CDFF4D !important;
    background: rgba(205, 255, 77, 0.06);
}
.post-dt-btn-block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.post-dt-cta {
    padding: 0 0 88px;
    background: #15150F;
}
.post-dt-cta-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 32px 36px;
    border-radius: 20px;
    border: 1px solid rgba(205, 255, 77, 0.25);
    background: linear-gradient(135deg, rgba(205, 255, 77, 0.08) 0%, rgba(21, 21, 15, 0.95) 55%);
}
.post-dt-cta-box h2 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #fff !important;
    margin: 0 0 8px;
}
.post-dt-cta-box p {
    margin: 0;
    color: #A8A89E;
    font-size: 15px;
    max-width: 520px;
}
.post-dt-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 991.98px) {
    .post-dt-hero-layout {
        grid-template-columns: 1fr;
    }
    .post-dt-hero-visual { order: -1; }
    .post-dt-layout {
        grid-template-columns: 1fr !important;
    }
    .post-dt-main,
    .post-dt-sidebar {
        grid-column: 1;
        width: 100%;
    }
    .post-dt-sidebar {
        position: static;
    }
    .post-dt-sidebar-pin {
        position: static;
        top: auto;
    }
    .post-dt-hero { padding: 96px 0 40px; }
    .post-dt-article { padding: 28px 24px; }
}
@media (max-width: 767.98px) {
    .post-dt-article { padding: 22px 18px; }
    .post-dt-prose { font-size: 16px; }
    .post-dt-author-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .post-dt-cta-box { padding: 22px; }
    .post-dt-hero-actions { flex-direction: column; }
    .post-dt-hero-actions .post-dt-btn,
    .post-dt-hero-actions .post-dt-btn-ghost { width: 100%; }
}

/* Hiring portal job cards on /career */
.cp-card-logo--dept {
    background: rgba(205, 255, 77, 0.1) !important;
    border-color: rgba(205, 255, 77, 0.28) !important;
    width: auto !important;
    min-width: 56px !important;
    height: auto !important;
    min-height: 56px !important;
    padding: 10px 12px !important;
}
.cp-dept-badge {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #CDFF4D;
    text-align: center;
    line-height: 1.3;
}
.cp-empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 32px 16px 48px;
    color: #A8A89E;
}
.cp-empty p { margin-bottom: 20px; }

/* ===== FIX: remove black gap under fixed nav (body padding-top) ===== */
.hero-ref-section {
    padding-top: calc(var(--site-topbar-height) + 28px) !important;
}
.career-hero,
.cr-hero,
.cnt-hero {
    padding-top: calc(var(--site-topbar-height) + 32px) !important;
}
.products-hero,
.portfolio-hero,
.blog-hero,
.post-dt-hero,
.banner-section,
.legal-page,
.career-detail-page,
.career-apply-page,
.thankyou-page,
.product-landing,
.int-page {
    padding-top: calc(var(--site-topbar-height) + 48px) !important;
}
/* CMS / breadcrumb pages: flush under fixed nav (no extra gap band) */
.breadcrumb-area,
.cms-page-hero {
    padding-top: var(--site-topbar-height) !important;
    padding-bottom: 28px !important;
}
.pcs-breadcrumb {
    padding-top: calc(var(--site-topbar-height) + 16px) !important;
}
.pcs-hero {
    padding-top: 48px !important;
}
@media (max-width: 767px) {
    .products-hero,
    .portfolio-hero,
    .blog-hero {
        padding-top: calc(var(--site-topbar-height) + 28px) !important;
    }
    .career-hero,
    .cr-hero,
    .cnt-hero {
        padding-top: calc(var(--site-topbar-height) + 24px) !important;
    }
}

/* ===== CAREERS PAGE REDESIGN ===== */
.cr-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse 70% 60% at 85% 20%, rgba(205, 255, 77, 0.14) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 10% 90%, rgba(205, 255, 77, 0.06) 0%, transparent 50%),
        #15150F;
    padding: 120px 0 72px;
    border-bottom: 1px solid rgba(205, 255, 77, 0.14);
}
.cr-hero-glow {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(205, 255, 77, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(205, 255, 77, 0.04) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.55), transparent 85%);
    pointer-events: none;
    animation: crGridFade 1.2s ease both;
}
@keyframes crGridFade {
    from { opacity: 0; }
    to { opacity: 1; }
}
.cr-hero .container { position: relative; z-index: 1; }
.cr-hero-eyebrow {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    color: #8a8a80;
    margin-bottom: 28px;
}
.cr-hero-eyebrow a { color: #CDFF4D; text-decoration: none; }
.cr-hero-eyebrow span { margin: 0 8px; }
.cr-hero-brand {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #CDFF4D;
    margin: 0 0 18px;
    animation: crRise 0.7s ease both;
}
.cr-hero-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(34px, 5.5vw, 58px);
    font-weight: 700;
    line-height: 1.12;
    color: #ffffff;
    max-width: 16ch;
    margin: 0 0 20px;
    animation: crRise 0.75s ease 0.08s both;
}
.cr-hero-accent {
    color: #CDFF4D;
    -webkit-text-fill-color: #CDFF4D;
}
.cr-hero-sub {
    font-family: 'Manrope', sans-serif;
    font-size: 17px;
    line-height: 1.65;
    color: #A8A89E;
    max-width: 540px;
    margin: 0 0 32px;
    animation: crRise 0.75s ease 0.14s both;
}
.cr-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    animation: crRise 0.75s ease 0.2s both;
}
@keyframes crRise {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: translateY(0); }
}
.cr-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #CDFF4D;
    color: #15150F !important;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 26px;
    text-decoration: none !important;
    border: 0;
    transition: background 0.2s ease, transform 0.2s ease;
}
.cr-btn-primary:hover {
    background: #D8FF70;
    color: #15150F !important;
    transform: translateY(-2px);
}
.cr-btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #CDFF4D !important;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 22px;
    border: 1px solid rgba(205, 255, 77, 0.35);
    text-decoration: none !important;
    transition: border-color 0.2s ease, background 0.2s ease;
}
.cr-btn-ghost:hover {
    border-color: #CDFF4D;
    background: rgba(205, 255, 77, 0.06);
}

.cr-openings {
    background: #15150F;
    padding: 72px 0 40px;
}
.cr-section-head {
    margin-bottom: 36px;
    max-width: 560px;
}
.cr-section-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 12px;
}
.cr-section-title span {
    color: #CDFF4D;
}
.cr-section-sub {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    line-height: 1.65;
    color: #A8A89E;
    margin: 0;
}
.cr-jobs {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.cr-job {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 28px;
    background: #1c1c16;
    border: 1px solid #2a2a24;
    text-decoration: none !important;
    transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.cr-job:hover {
    border-color: rgba(205, 255, 77, 0.55);
    transform: translateY(-2px);
    box-shadow: 0 12px 36px rgba(205, 255, 77, 0.08);
}
.cr-job-left {
    display: flex;
    gap: 22px;
    align-items: flex-start;
    min-width: 0;
    flex: 1;
}
.cr-job-index {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 600;
    color: rgba(205, 255, 77, 0.65);
    padding-top: 4px;
    flex-shrink: 0;
}
.cr-job-copy { min-width: 0; }
.cr-job-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}
.cr-job-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    line-height: 1.25;
}
.cr-job:hover .cr-job-title { color: #CDFF4D; }
.cr-job-status {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #15150F;
    background: #CDFF4D;
    padding: 4px 8px;
}
.cr-job-excerpt {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #A8A89E;
    margin: 0 0 14px;
    max-width: 640px;
}
.cr-job-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
}
.cr-job-meta span {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: rgba(205, 255, 77, 0.75);
}
.cr-job-cta {
    flex-shrink: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #CDFF4D;
    white-space: nowrap;
}
.cr-jobs-empty {
    text-align: center;
    padding: 56px 20px;
    border: 1px dashed #2a2a24;
    color: #A8A89E;
}
.cr-jobs-empty p {
    margin: 0 0 22px;
    font-family: 'Manrope', sans-serif;
}

.cr-why {
    background: #15150F;
    padding: 56px 0 72px;
    border-top: 1px solid rgba(205, 255, 77, 0.12);
}
.cr-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}
.cr-why-item {
    padding-top: 8px;
    border-top: 1px solid rgba(205, 255, 77, 0.22);
}
.cr-why-num {
    display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: #CDFF4D;
    margin-bottom: 14px;
}
.cr-why-item h3 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px;
}
.cr-why-item p {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #A8A89E;
    margin: 0;
}

.cr-cta {
    background:
        radial-gradient(ellipse 60% 80% at 50% 120%, rgba(205, 255, 77, 0.12) 0%, transparent 60%),
        #12120d;
    padding: 56px 0 88px;
    border-top: 1px solid rgba(205, 255, 77, 0.14);
}
.cr-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    flex-wrap: wrap;
}
.cr-cta-title {
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(26px, 3.5vw, 36px);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px;
}
.cr-cta-sub {
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    color: #A8A89E;
    margin: 0;
    max-width: 460px;
}

@media (max-width: 991px) {
    .cr-why-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .cr-hero { padding: 100px 0 52px; }
    .cr-hero-title { max-width: none; }
    .cr-job {
        flex-direction: column;
        align-items: flex-start;
        padding: 22px 20px;
    }
    .cr-job-left { gap: 14px; }
    .cr-why-grid { grid-template-columns: 1fr; gap: 22px; }
    .cr-cta-inner { align-items: flex-start; }
}

/* ===== CAREER JOB CARDS (dark brand theme) ===== */
.cr-openings .cp-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 28px !important;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.cr-openings .cp-card {
    width: calc((100% - 56px) / 3) !important;
    max-width: none !important;
    flex: 0 0 calc((100% - 56px) / 3) !important;
    background: #1c1c16 !important;
    border: 1px solid #2a2a24 !important;
    border-radius: 20px !important;
    padding: 28px 28px 26px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35) !important;
    overflow: hidden !important;
}
.cr-openings .cp-card::before {
    display: none !important;
}
.cr-openings .cp-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(205, 255, 77, 0.55) !important;
    box-shadow: 0 16px 42px rgba(205, 255, 77, 0.1) !important;
}
.cr-openings .cp-dept {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 12px 16px;
    background: rgba(205, 255, 77, 0.1);
    border: 1px solid rgba(205, 255, 77, 0.22);
    border-radius: 12px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #CDFF4D;
    text-align: center;
}
.cr-openings .cp-card-title {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}
.cr-openings .cp-card-meta {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.cr-openings .cp-meta-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px;
}
.cr-openings .cp-meta-label {
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgba(205, 255, 77, 0.8) !important;
}
.cr-openings .cp-meta-val {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #E8E8E3 !important;
    text-align: right;
}
.cr-openings .cp-card-desc {
    font-family: 'Manrope', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #A8A89E !important;
    margin: 0 !important;
}
.cr-openings .cp-apply-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: auto !important;
    padding: 12px 22px !important;
    border: 1.5px solid #CDFF4D !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #CDFF4D !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    width: fit-content !important;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}
.cr-openings .cp-apply-btn:hover {
    background: #CDFF4D !important;
    border-color: #CDFF4D !important;
    color: #15150F !important;
    transform: translateY(-1px);
}
.cr-openings .cp-empty {
    width: 100%;
    text-align: center;
    padding: 40px 16px;
    color: #A8A89E;
}
.cnt-form-note {
    font-family: 'Manrope', sans-serif;
    font-size: 12px;
    color: #8a8a80;
    margin: 0 0 16px;
}
.cnt-form-note span {
    color: #CDFF4D;
    font-weight: 700;
}
@media (max-width: 1100px) {
    .cr-openings .cp-card {
        width: calc((100% - 28px) / 2) !important;
        flex: 0 0 calc((100% - 28px) / 2) !important;
    }
}
@media (max-width: 700px) {
    .cr-openings .cp-card {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}

/* ===== GLOBAL FRONT FORMS — force dark brand (no white inputs) ===== */
body.common-front .form-control,
body.common-front input[type="text"],
body.common-front input[type="email"],
body.common-front input[type="tel"],
body.common-front input[type="number"],
body.common-front input[type="url"],
body.common-front input[type="search"],
body.common-front input[type="password"],
body.common-front input[type="file"],
body.common-front select,
body.common-front textarea {
    background-color: #15150F !important;
    border-color: #2a2a24 !important;
    color: #ffffff !important;
}
body.common-front input[type="checkbox"],
body.common-front input[type="radio"] {
    background-color: transparent !important;
    accent-color: #CDFF4D;
}
body.common-front .form-control:focus,
body.common-front input:focus,
body.common-front select:focus,
body.common-front textarea:focus {
    background-color: #15150F !important;
    border-color: #CDFF4D !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(205, 255, 77, 0.12) !important;
}
body.common-front .form-control::placeholder,
body.common-front input::placeholder,
body.common-front textarea::placeholder {
    color: #8a8a80 !important;
}
body.common-front select option {
    background: #15150F;
    color: #ffffff;
}
body.common-front select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding-right: 44px !important;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%23CDFF4D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 14px !important;
}
/* Internship already has a custom arrow icon */
body.common-front .int-input-wrap select {
    background-image: none !important;
}
body.common-front .cnt-form-box,
body.common-front .int-form-card,
body.common-front .career-apply-card,
body.common-front .iframe-contact form {
    background: #1c1c16 !important;
    border-color: #2a2a24 !important;
}


/* ===== P2: breadcrumbs, service sections, product template ===== */
.ltx-crumbs { margin: 0 0 18px; }
.ltx-crumbs-list { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; align-items: center; }
.ltx-crumbs-item { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-family: 'Manrope', sans-serif; color: rgba(255,255,255,0.55); }
.ltx-crumbs-item a { color: rgba(255,255,255,0.55); text-decoration: none; }
.ltx-crumbs-item a:hover { color: #CDFF4D; }
.ltx-crumbs-sep { opacity: 0.35; }
.ltx-crumbs-item [aria-current="page"] { color: rgba(255,255,255,0.85); }

.svc-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px; }
.svc-hero-wa { display: inline-flex; align-items: center; padding: 12px 22px; border: 1px solid rgba(205,255,77,0.35); color: #CDFF4D; border-radius: 999px; text-decoration: none; font-weight: 600; }
.svc-hero-wa:hover { background: rgba(205,255,77,0.1); color: #D8FF70; }
.svc-block { margin-bottom: 36px; }
.svc-block h2 { color: #fff; font-size: 1.45rem; margin-bottom: 12px; }
.svc-check-list, .svc-process-list { margin: 0; padding-left: 1.2rem; color: rgba(255,255,255,0.75); }
.svc-check-list li, .svc-process-list li { margin-bottom: 8px; }
.svc-stack-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.svc-stack-pills span { border: 1px solid rgba(205,255,77,0.25); color: #CDFF4D; padding: 6px 12px; border-radius: 999px; font-size: 12px; }
.svc-faq-item { border: 1px solid #2a2a24; border-radius: 10px; padding: 12px 16px; margin-bottom: 10px; background: #1c1c16; }
.svc-faq-item summary { cursor: pointer; color: #fff; font-weight: 600; }
.svc-faq-item p { margin: 10px 0 0; color: rgba(255,255,255,0.7); }
.svc-bottom-cta { margin-top: 40px; padding: 28px; border-radius: 16px; background: #1c1c16; border: 1px solid #2a2a24; }
.svc-bottom-cta h2 { color: #fff; margin-bottom: 8px; }
.svc-cta-wa { display: inline-block; margin-left: 12px; color: #CDFF4D; margin-top: 12px; }

.p2-product .p2-product-block { margin: 36px 0; }
.p2-product .p2-product-block h2 { color: #fff; margin-bottom: 12px; }
.p2-product .p2-product-block ul { color: rgba(255,255,255,0.75); }
.p2-product-offer { color: rgba(255,255,255,0.65); margin-bottom: 14px; }
.p2-author-bio { margin: 16px 0 24px; padding: 14px 16px; background: #1c1c16; border: 1px solid #2a2a24; border-radius: 12px; color: rgba(255,255,255,0.75); }
.p2-author-bio strong { color: #CDFF4D; }
.post-author-name { margin-left: 12px; color: rgba(255,255,255,0.55); }

.pcs-case-narrative { background: #0D0D0D; padding: 48px 0; border-top: 1px solid rgba(205,255,77,0.08); }
.pcs-case-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.pcs-case-grid p { color: rgba(255,255,255,0.72); line-height: 1.7; }
@media (max-width: 768px) {
  .pcs-case-grid { grid-template-columns: 1fr; }
  .svc-hero-actions { flex-direction: column; align-items: flex-start; }
}

/* ===== P3: AEO openers, citations, GBP honesty ===== */
.svc-answer-opener,
.p2-answer-opener {
    max-width: 720px;
    margin: 14px 0 0;
    color: rgba(255,255,255,0.78);
    font-size: 1.05rem;
    line-height: 1.65;
}
.lx-rating-pill-link {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    transition: border-color 0.2s, transform 0.2s;
}
.lx-rating-pill-link:hover {
    border-color: rgba(205,255,77,0.45);
    transform: translateY(-1px);
}
.contact-cta-citations {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    align-items: center;
    margin-top: 14px;
}
.contact-cta-citations-label {
    color: rgba(255,255,255,0.45);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-right: 4px;
}
.contact-cta-citations a {
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    text-decoration: none;
}
.contact-cta-citations a:hover { color: #CDFF4D; }
.pcs-case-longform {
    background: #0D0D0D;
    padding: 56px 0;
    border-top: 1px solid rgba(205,255,77,0.08);
}
.pcs-longform-body {
    max-width: 760px;
    color: rgba(255,255,255,0.78);
    line-height: 1.75;
    font-size: 1.02rem;
}
.pcs-longform-body p { margin-bottom: 1rem; }
.pcs-longform-body h3 { color: #fff; margin: 1.5rem 0 0.75rem; }

/* ===== CMS product pages: kill black gap under fixed lime header ===== */
body:has(.page-content) .breadcrumb-area,
.breadcrumb-area {
    margin: 0 !important;
    border: 0 !important;
    background: #CDFF4D !important;
    background-color: #CDFF4D !important;
    background-image: none !important;
    /* Only clear the fixed nav � no extra black/body strip above the title bar */
    padding: var(--site-topbar-height) 0 28px !important;
}
body:has(.page-content) .breadcrumb-area .breadcrumb-title,
.breadcrumb-area h1.breadcrumb-title {
    color: #15150F !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 20px 16px 0 !important;
    font-size: clamp(22px, 3.2vw, 34px) !important;
    line-height: 1.25 !important;
}
/* Page body continues dark � no cream strip / empty black band */
body:has(.breadcrumb-area) .page-content,
.page-content {
    background: #15150F !important;
    background-color: #15150F !important;
    margin-top: 0 !important;
    padding-top: 32px !important;
    padding-bottom: 64px !important;
    border-top: 0 !important;
    color: #E8E8E3 !important;
}
.page-content .custom-page-code,
.page-content .custom-page-code .page-content,
.page-content .container- {
    background: transparent !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Hide CMS leading empty spacer paragraphs */
.page-content .container- > p:first-child,
.custom-page-code .page-content .container- > p:first-child {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.page-content .about-heading1-home,
.page-content .about-heading2-home,
.page-content .text-dark {
    color: #CDFF4D !important;
}
.page-content p,
.page-content li,
.page-content .paragraph,
.page-content .text-dark.paragraph {
    color: #C8C8C0 !important;
}
.page-content .about-section,
.page-content .light-section {
    background: transparent !important;
    padding-top: 24px !important;
    margin-top: 0 !important;
}

.cms-page-hero .ltx-crumbs,
.cms-page-hero .ltx-crumbs-item,
.cms-page-hero .ltx-crumbs-item a,
.cms-page-hero .ltx-crumbs-item [aria-current="page"] {
    color: rgba(21, 21, 15, 0.7) !important;
}
.cms-page-hero .ltx-crumbs-item a:hover {
    color: #15150F !important;
}
.cms-page-hero .ltx-crumbs {
    margin-bottom: 8px;
    padding-top: 16px;
}

/* =========================================================
   GLOBAL MOBILE + TABLET FIX LAYER (Aug 2026)
   ========================================================= */

html, body {
    max-width: 100%;
    overflow-x: hidden;
}
/* overflow-x: hidden breaks position:sticky — clip keeps sidebar pinned on post pages */
html:has(.post-dt),
body:has(.post-dt) {
    overflow-x: clip !important;
}
img, svg, video, iframe {
    max-width: 100%;
    height: auto;
}

/* Desktop nav visible; tablet/mobile use sidebar */
@media (min-width: 1200px) {
    .site-nav { display: flex !important; }
    .site-phone { display: inline-flex !important; }
    .site-connect-btn, body .site-connect-btn { display: inline-flex !important; }
}
@media (max-width: 1199.98px) {
    .site-topbar-inner {
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }
    .site-nav {
        display: none !important;
    }
    .menu-toggle {
        display: inline-flex !important;
    }
    .site-phone {
        display: inline-flex !important;
    }
    .site-connect-btn,
    body .site-connect-btn {
        display: inline-flex !important;
    }
}
@media (max-width: 767.98px) {
    .site-phone,
    .site-connect-btn,
    body .site-connect-btn {
        display: none !important;
    }
    .site-topbar-inner {
        padding: 12px 14px !important;
    }
    .site-logo-img {
        max-height: 36px !important;
    }
}

/* Keep fixed header visible on small screens */
@media (max-width: 991.98px) {
    .site-topbar {
        transform: none !important;
    }
}

/* Sidebar touch targets */
.site-sidebar-close {
    min-width: 44px !important;
    min-height: 44px !important;
    top: max(14px, env(safe-area-inset-top)) !important;
}
.site-sidebar-social {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}
.site-sidebar-nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
}

/* ---- Home hero ---- */
@media (max-width: 991.98px) {
    .hero-ref-stat-box {
        min-width: 0 !important;
        flex: 1 1 220px !important;
    }
    .hero-ref-left h1 {
        font-size: clamp(28px, 6vw, 42px) !important;
    }
    .plx-svc-stage {
        margin-right: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .svc-content-grid {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 767.98px) {
    .hero-ref-section {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .hero-ref-actions {
        flex-direction: column;
        align-items: stretch !important;
    }
    .hero-ref-actions a,
    .hero-ref-main-btn {
        width: 100%;
        justify-content: center;
    }
    .hero-ref-stats {
        flex-direction: column;
        width: 100%;
    }
    .hero-ref-stat-box {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ---- Products listing ---- */
@media (max-width: 991.98px) {
    .lx-products-hero-stage {
        padding: 32px 36px 28px !important;
        max-width: 100% !important;
    }
    .lx-products-toolbar {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .lx-products-search {
        width: 100% !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    .lx-products-chips {
        flex: 1 1 auto !important;
        justify-content: flex-start !important;
        width: 100%;
    }
    .lx-products-sort {
        width: auto !important;
        max-width: 100%;
        margin-left: 0 !important;
        margin-right: auto !important;
        justify-content: flex-start !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }
    .lx-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
    .lx-product-card {
        flex-direction: column !important;
        align-items: flex-start !important;
        min-height: 0 !important;
        padding: 14px !important;
    }
    .lx-product-card-icon,
    .lx-product-card-icon img {
        width: 56px !important;
        height: 56px !important;
    }
}
@media (max-width: 767.98px) {
    .lx-products-hero-stage {
        padding: 28px 14px 24px !important;
    }
    .lx-products-title {
        font-size: clamp(26px, 8vw, 34px) !important;
    }
    .lx-products-chips {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 6px;
        scrollbar-width: thin;
    }
    .lx-chip {
        flex-shrink: 0 !important;
        min-height: 36px !important;
        height: 36px !important;
        max-height: 36px !important;
        padding: 0 14px !important;
    }
    .lx-products-grid {
        grid-template-columns: 1fr !important;
    }
    .lx-products-search {
        height: 36px !important;
        max-height: 36px !important;
    }
}

/* ---- Product detail ---- */
@media (max-width: 991.98px) {
    .lx-pd-hero {
        padding: calc(var(--site-topbar-height) + 20px) 0 36px !important;
    }
    .lx-pd-hero-layout {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        text-align: center;
    }
    .lx-pd-hero-visual { order: -1; }
    .lx-pd-lead,
    .lx-pd-answer,
    .lx-pd-tagline { margin-left: auto; margin-right: auto; }
    .lx-pd-actions { justify-content: center; }
    .lx-pd-crumbs { justify-content: center; }
    .lx-pd-highlights-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    .lx-pd-modules {
        grid-template-columns: 1fr 1fr !important;
    }
    .lx-pd-related {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 767.98px) {
    .lx-pd-split,
    .lx-pd-highlights-grid,
    .lx-pd-modules {
        grid-template-columns: 1fr !important;
    }
    .lx-pd-actions,
    .lx-pd-cta-actions {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .lx-pd-btn,
    .lx-pd-btn-ghost {
        width: 100%;
        justify-content: center;
        min-height: 44px;
    }
    .lx-pd-faq-item summary {
        display: flex !important;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        min-height: 44px;
    }
    .lx-pd-faq-item summary::after {
        float: none !important;
        flex-shrink: 0;
    }
    .lx-pd-cta-box {
        padding: 20px !important;
    }
    .lx-pd-hero-icon {
        width: 120px !important;
        height: 120px !important;
    }
    .lx-pd-hero-icon img {
        width: 100px !important;
        height: 100px !important;
    }
}

/* ---- Services ---- */
.svc-detail-hero {
    padding-top: calc(var(--site-topbar-height) + 32px) !important;
}
@media (max-width: 767.98px) {
    .svc-detail-hero {
        padding-top: calc(var(--site-topbar-height) + 24px) !important;
        padding-bottom: 36px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .svc-detail-hero .container,
    .svc-content-section .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .svc-hero-actions {
        flex-direction: column;
        align-items: stretch !important;
    }
    .svc-hero-btn,
    .svc-hero-wa,
    .svc-cta-btn,
    .svc-cta-wa {
        width: 100%;
        justify-content: center;
        min-height: 44px;
    }
}

/* ---- Contact / legal / footer ---- */
@media (max-width: 991.98px) {
    .contact-cta-title {
        font-size: clamp(32px, 7vw, 48px) !important;
    }
    .typed-section .btn-style1 {
        float: none !important;
    }
}
@media (max-width: 767.98px) {
    .typed-section .row {
        flex-direction: column;
        text-align: center;
    }
    .typed-section .btn-style1 {
        width: 100%;
        justify-content: center;
        float: none !important;
    }
    .legal-page {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .legal-page-inner {
        padding-left: 16px;
        padding-right: 16px;
        overflow-x: auto;
    }
    .legal-table {
        min-width: 520px;
        font-size: 13px !important;
    }
    .cnt-hero,
    .contact-section .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Footer citations on light panel */
.contact-cta-citations-label {
    color: #5f745d !important;
}
.contact-cta-citations a {
    color: #15150F !important;
}
.contact-cta-citations a:hover {
    color: #3a5a20 !important;
}

/* Find us globally — stack earlier on tablet */
@media (max-width: 991.98px) {
    .gmap-wrap {
        overflow: visible !important;
    }
    .gmap-map-area {
        position: relative;
        min-height: 280px;
    }
    .gmap-pin {
        position: static !important;
        margin: 12px 0 !important;
    }
    .gmap-card,
    .gmap-card-left {
        position: static !important;
        transform: none !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        margin-top: 8px;
    }
    .gmap-dot { display: none !important; }
}

/* Floating widgets on mobile */
@media (max-width: 767.98px) {
    .progress-wrap {
        display: none !important;
    }
    .chat__trigger-quin.logo-chat {
        bottom: max(18px, env(safe-area-inset-bottom)) !important;
        right: 14px !important;
        width: 52px !important;
        height: 52px !important;
    }
    .clients_logo .cli-cell {
        min-height: 110px !important;
        padding: 18px 10px !important;
    }
    .certificate_slider .item img {
        max-width: 100%;
        height: auto;
    }
}

/* Containers — prevent edge bleed */
@media (max-width: 575.98px) {
    .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ===== BLOG POST DETAIL — venor / legacy overrides ===== */
body.common-front:has(.post-dt) {
    background: #15150F !important;
}
.post-dt .post-dt-prose .post-body,
.post-dt .post-dt-prose table,
.post-dt .post-dt-prose td,
.post-dt .post-dt-prose th,
.post-dt .post-dt-prose p,
.post-dt .post-dt-prose li,
.post-dt .post-dt-prose span,
.post-dt .post-dt-prose div {
    background: transparent !important;
    background-color: transparent !important;
    color: #C8C8BE !important;
}
.post-dt .post-dt-prose table[width],
.post-dt .post-dt-prose td[width],
.post-dt .post-dt-prose th[width] {
    width: auto !important;
    max-width: none;
}
.post-dt .post-dt-prose .container-,
.post-dt .post-dt-prose .about-section,
.post-dt .post-dt-prose .light-section {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
.post-dt .post-dt-prose h1,
.post-dt .post-dt-prose h2,
.post-dt .post-dt-prose h3,
.post-dt .post-dt-prose h4,
.post-dt .post-dt-prose h5,
.post-dt .post-dt-prose h6,
.post-dt .post-dt-prose .text-dark {
    color: #CDFF4D !important;
}
.post-dt .post-dt-prose blockquote::before {
    display: none !important;
}
.post-dt .breadcrumb-area {
    display: none !important;
}
.post-dt .post-dt-main,
.post-dt .post-dt-sidebar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}