.elementor-kit-59{--e-global-color-primary:#1E1E1E;--e-global-color-secondary:#181818;--e-global-color-text:#F0ECE6;--e-global-color-accent:#C7A46C;--e-global-color-b5aeb33:#FFF7E1;--e-global-color-c58817e:#000000;--e-global-color-5420d44:#1A1A1A;--e-global-color-58be983:#ffffff;--e-global-color-09cc561:#0d141a;--e-global-color-a495fd4:#B8C0CC;--e-global-color-dff8941:#FFF7E1;--e-global-color-aba7187:#18181800;--e-global-color-9f6a23b:#000000EB;--e-global-typography-primary-font-family:"Spectral SC";--e-global-typography-primary-font-size:4.2vw;--e-global-typography-primary-font-weight:200;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Gloock";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4em;--e-global-typography-text-letter-spacing:0.1em;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.2em;--e-global-typography-2fb5aef-font-family:"Gloock";--e-global-typography-2fb5aef-font-size:32px;--e-global-typography-2fb5aef-font-weight:400;--e-global-typography-2fb5aef-text-transform:none;--e-global-typography-2fb5aef-font-style:normal;--e-global-typography-2fb5aef-text-decoration:none;--e-global-typography-2fb5aef-line-height:1.2em;--e-global-typography-2fb5aef-letter-spacing:1px;--e-global-typography-2fb5aef-word-spacing:0px;background-color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-59 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-59{--e-global-typography-primary-font-size:36px;--e-global-typography-secondary-font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   TALOS HEADER (CLEAN + OVERLAY)
   - True overlay (no pushdown)
   - Uses ONLY: rr-scrolled, rr-scroll-up
   - Page 151 override included
========================= */

/* -------------------------
   0) GLOBAL: overlay header means NO body pushdown
------------------------- */
body { padding-top: 0 !important; }

/* Anchor jumps (optional but recommended) */
html { scroll-padding-top: 110px; }

/* -------------------------
   1) HEADER WRAPPER
------------------------- */
.master-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;

  /* stacking context so ::after sits behind header content */
  isolation: isolate;

  /* RR glass */
  background: rgba(0,0,0,0.72) !important;
  backdrop-filter: blur(10px) saturate(130%);
  -webkit-backdrop-filter: blur(10px) saturate(130%);
  box-shadow:
    0 10px 30px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(178,124,70,0.12);
}

/* Ensure header contents sit above the fade */
.master-header > *{
  position: relative;
  z-index: 1;
}

/* Header bottom fade (RR-style) */
.master-header::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px; /* prevents seam */
  height: 70px; /* tweak 60–90px */
  pointer-events: none;
  z-index: 0;

  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.35) 45%,
    rgba(0,0,0,0.95) 100%
  );

  transition: opacity .25s ease;
}

/* Fade OFF when header is collapsed */
body.rr-scrolled .master-header::after{
  opacity: 0 !important;
}

/* Fade ON when expanded (top or scroll-up) */
body:not(.rr-scrolled) .master-header::after,
body.rr-scroll-up .master-header::after{
  opacity: 1 !important;
}

/* -------------------------
   2) TOP BAR LAYOUT
------------------------- */
.top-bar{
  position: relative;
  display: flex;
  align-items: center;

  height: 110px;
  padding: 18px 40px;

  transition:
    height .28s ease,
    padding .28s ease,
    transform .28s ease,
    opacity .28s ease;
}

/* Left + Right stay in normal flow */
#left-container,
#right-container{
  display: flex;
  align-items: center;
  min-width: 0;
  position: relative;
  z-index: 20;
}

/* Right pushes to far edge */
#right-container{
  margin-left: auto;
  justify-content: flex-end;
  white-space: nowrap;
}

/* Center logo pinned to true center */
#center-container{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  pointer-events: auto;
}

/* Stop Elementor wrappers from forcing weird widths */
#left-container .elementor-element,
#center-container .elementor-element,
#right-container .elementor-element{
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
}

/* Keep phone from wrapping */
#right-container .elementor-widget-container{
  white-space: nowrap !important;
}

/* Expand header when user scrolls UP */
body.rr-scrolled.rr-scroll-up .top-bar{
  height: 110px;
  padding: 18px 40px;
}

/* -------------------------
   3) SERVICES ROW (EXPAND/COLLAPSE)
------------------------- */
#services-row{
  position: relative;
  isolation: isolate;
 
 
  max-height: 200px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  padding: 15px 0;

  transition:
    max-height .16s ease,
    opacity .16s ease,
    transform .16s ease,
    padding .16s ease;
}

/* ================================
   SERVICES GLOW UNCLIP (CRITICAL)
   ================================ */
#services-row,
#services-inner,
#services-left,
#services-right,
.left-services-menu,
.right-services-menu,
.left-services-menu .elementor-widget-container,
.right-services-menu .elementor-widget-container{
  overflow: visible !important;
}
/* ================================
   SERVICES — AMBIENT TEXT GLOW
   ================================ */

.left-services-menu a,
.right-services-menu a{
  position: relative;
  z-index: 2;

  /* subtle always-on glow */
  text-shadow:
    0 0 6px rgba(233,204,156,0.18),
    0 0 14px rgba(178,124,70,0.12);

transition:
text-shadow .25s ease, transform .25s ease;
}



/* Hover = amplified glow */
.left-services-menu a:hover,
.right-services-menu a:hover{
  text-shadow:
    0 0 8px rgba(233,204,156,0.45),
    0 0 22px rgba(178,124,70,0.35),
    0 0 40px rgba(178,124,70,0.25);

  transform: translateY(-1px);
}


/* Keep services content above any backgrounds */
#services-row > *{
  position: relative;
  z-index: 1;
}

/* Lock services text color – no opacity games */
#services-row,
#services-row a,
#services-row .elementor-heading-title,
#services-row .elementor-widget-text-editor{
  color: #e3e3e3 !important;
  opacity: 1 !important;
}

/* True left | spacer | right */
#services-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0 !important;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}

/* Left and right size to content */
#services-left,
#services-right{
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  white-space: nowrap;
}

/* ONLY center spacer. Match logo width. */
#services-spacer{
  flex: 0 0 260px; /* adjust if logo width changes */
  min-width: 260px;
  margin: 0 !important;
  padding: 0 !important;
}

/* Nuke stray spacing */
#services-left,
#services-right,
#services-spacer{
  margin: 0 !important;
  padding: 0 !important;
}

/* Collapse when scrolled */
body.rr-scrolled #services-row{
  max-height: 0 !important;
  opacity: 0 !important;
  transform: translateY(-6px) !important;
  pointer-events: none !important;
  padding: 0 !important;
}

/* Re-expand services when scrolling UP */
body.rr-scrolled.rr-scroll-up #services-row{
  max-height: 200px !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
  padding: 15px 0 !important;
}

/* -------------------------
   4) HERO (OPTIONAL): keep hero content readable under overlay header
   Apply padding ONLY to hero, not the entire site.
------------------------- */
.hero-wrap{
  position: relative;
  overflow: hidden;
  padding-top: 110px; /* match .top-bar height if needed */
}

.hero-wrap:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: radial-gradient(
    circle at 50% 45%,
    rgba(0,0,0,0.55) 0%,
    rgba(0,0,0,0.15) 35%,
    rgba(0,0,0,0.00) 70%
  );
  z-index: 1;
}

/* ensure hero content stays above overlay */
.hero-wrap > .elementor-container,
.hero-wrap > .e-con-inner{
  position: relative;
  z-index: 2;
}

/* -------------------------
   5) LANDING PAGE ONLY (page-id-151)
   - Keep overlay behavior
   - Force solid background if desired
   - Remove any hide/reveal effects
------------------------- */
body.page-id-151 .elementor-location-header{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;

  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;

  /* solid header bg for LP */
  background: rgba(0,0,0,0.82) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Normalize header inner spacing on LP (prevents "too tall") */
body.page-id-151 .elementor-location-header .e-con,
body.page-id-151 .elementor-location-header .e-con-inner,
body.page-id-151 .elementor-location-header .elementor-container,
body.page-id-151 .elementor-location-header .elementor-section{
  min-height: 0 !important;
  height: auto !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* If you ONLY want hero padded on LP, override here */
body.page-id-151 .hero-wrap{
  padding-top: 96px; /* adjust to LP header height */
}

/* Kill other scroll class systems on LP if they exist */
body.page-id-151.has-scrolled .elementor-location-header,
body.page-id-151.header-scrolled .elementor-location-header,
body.page-id-151.scrolled .elementor-location-header{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}



/* Line 1 — push LEFT services group outward (to the left) */
#services-left{
  transform: translateX(px) !important; /* Line 3 */
}

/* Line 6 — push RIGHT services group outward (to the right) */
#services-right{
  transform: translateX(px) !important;  /* Line 8 */
}

/* =========================
   SERVICES MENUS (CLEAN)
   ========================= */

/* Line 1 — make the UL a single row (no stacking) */
.left-services-menu ul.menu,
.right-services-menu ul.menu{
  display: flex !important;          /* Line 4 */
  flex-wrap: nowrap !important;      /* Line 5 */
  align-items: center !important;    /* Line 6 */
  gap: 24px !important;              /* Line 7 — spacing between items */
  margin: 0 !important;              /* Line 8 */
  padding: 0 !important;             /* Line 9 */
  list-style: none !important;       /* Line 10 */
}

/* Line 12 — stop each menu item from breaking */
.left-services-menu ul.menu > li,
.right-services-menu ul.menu > li{
  white-space: nowrap !important;    /* Line 16 */
}

/* Line 18 — typography + click target */
.left-services-menu ul.menu > li > a,
.right-services-menu ul.menu > li > a{
  display: inline-flex !important;   /* Line 23 */
  align-items: center !important;    /* Line 24 */
  font-family: "Wix Madefor Display", "Spectral SC", serif !important; /* Line 25 */
  font-size: 14px !important;        /* Line 26 */
  font-weight: 300 !important;       /* Line 27 */
  letter-spacing: 0.08em !important; /* Line 28 */
  text-transform: none !important;   /* Line 29 */
  color: rgba(255,255,255,0.82) !important; /* Line 30 */
  text-decoration: none !important;  /* Line 31 */
  padding: 6px 0 !important;         /* Line 32 */
}

/* Line 34 — hover polish (subtle, not tacky) */
.left-services-menu ul.menu > li > a:hover,
.right-services-menu ul.menu > li > a:hover{
  color: rgba(255,255,255,0.98) !important; /* Line 39 */
  text-shadow:
    0 0 10px rgba(233,204,156,0.18),
    0 0 22px rgba(178,124,70,0.14) !important; /* Line 42 */
}

/* Line 45 — alignment: left menu hugs left, right menu hugs right */
.left-services-menu ul.menu{
  justify-content: flex-start !important;  /* Line 49 */
}
.right-services-menu ul.menu{
  justify-content: flex-end !important;    /* Line 52 */
}

/* Line 54 — fix "Meta Advertising" getting clipped */
.right-services-menu{
  overflow: visible !important;            /* Line 58 */
}
.right-services-menu ul.menu > li:last-child > a{
  padding-right: 10px !important;          /* Line 61 */
}

/* ===============================
   SERVICES NAV – FLEX FIX
   =============================== */

/* 1. Parent row MUST be a single flex line */
.services-row,
.services-inner-container{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
}

/* 2. Left & right menus size to CONTENT */
.left-services-menu,
.right-services-menu{
  flex: 0 0 auto !important;   /* ← KEY LINE */
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}

/* 3. Middle spacer absorbs remaining space */
.services-spacer{
  flex: 1 1 auto !important;   /* ← this replaces width:auto */
  width: auto !important;
  min-width: 0 !important;
}

/* 4. Menus themselves must not wrap internally */
.left-services-menu ul,
.right-services-menu ul{
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 24px !important;
}

/* 5. Safety: prevent text wrapping */
.left-services-menu li,
.right-services-menu li,
.left-services-menu a,
.right-services-menu a{
  white-space: nowrap !important;
}


/* =========================
   SERVICES: AMBIENT GLOW CTA
   (NO SHAPES / NO PILLS)
   Paste over your current "Base link" + "Hover" rules
   ========================= */

.left-services-menu ul.menu > li > a,
.right-services-menu ul.menu > li > a{
  position: relative !important;
  display: inline-block !important;
  padding: 6px 2px !important;         /* keep click target decent, but not a pill */
  border: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  text-decoration: none !important;

  /* your typography (keep) */
  font-family: "Wix Madefor Display","Spectral SC", serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  color: #e3e3e3 !important;

  /* ALWAYS-ON subtle "ambient" glow (this is the whole point) */
  text-shadow:
    0 0 10px rgba(233,204,156,0.18),
    0 0 22px rgba(178,124,70,0.10) !important;
transition:
text-shadow .14 ease, color .14s ease,


    transform .14s ease !important;

  cursor: pointer !important;
}

/* Micro-underline (subtle, clean, not janky) */
.left-services-menu ul.menu > li > a::after,
.right-services-menu ul.menu > li > a::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -6px !important;
  width: 26px !important;              /* small by default */
  height: 1px !important;
  transform: translateX(-50%) scaleX(0) !important;
  transform-origin: center !important;
  background: linear-gradient(90deg,
    rgba(233,204,156,0),
    rgba(233,204,156,0.75),
    rgba(233,204,156,0)
  ) !important;
  opacity: 0.9 !important;
 transition: transform .12s cubic-bezier(.2,.8,.2,1), opacity .12s cubic-bezier(.2,.8,.2,1) !important;
}

/* ===== Underline: NO width animation (fast) ===== */
.left-services-menu ul.menu > li > a::after,
.right-services-menu ul.menu > li > a::after{
  width: 26px !important;                 /* keep your exact look */
  transform: translateX(-50%) scaleX(0.35) !important;
  opacity: 0.55 !important;
  transform-origin: center !important;
  will-change: transform, opacity;
}

.left-services-menu ul.menu > li > a:hover::after,
.right-services-menu ul.menu > li > a:hover::after{
  transform: translateX(-50%) scaleX(1) !important;
  opacity: 1 !important;
}


/* Hover: brighter aura + underline appears + tiny lift */
.left-services-menu ul.menu > li > a:hover,
.right-services-menu ul.menu > li > a:hover{
  color: #ffffff !important;
  text-shadow:
    0 0 12px rgba(233,204,156,0.38),
    0 0 28px rgba(178,124,70,0.22),
    0 0 44px rgba(178,124,70,0.14) !important;
  transform: translateY(-1px) !important;
}

.left-services-menu ul.menu > li > a:hover::after,
.right-services-menu ul.menu > li > a:hover::after{
  width: 44px !important;
  transform: translateX(-50%) scaleX(1) !important;
}

/* =========================================
   SERVICES NAV — UNDERLINE + GLOW (WORKING)
   Paste at the VERY BOTTOM of your CSS
   ========================================= */

/* Target Elementor menu links AND generic WP menu links */
#services-row .elementor-nav-menu a.elementor-item,
#services-row .menu a{
  position: relative !important;
  display: inline-block !important;
  cursor: pointer !important;

  /* Force transitions back on (in case something disabled them) */
  transition: color .12s ease, text-shadow .12s ease, transform .12s ease !important;

  /* Base color */
  color: rgba(227,227,227,0.92) !important;

  /* BASE GLOW (always on) — this is what you’ve been begging for */
  text-shadow:
  0 0 16px rgba(233,204,156,0.75),
  0 0 42px rgba(178,124,70,0.55),
  0 0 120px rgba(178,124,70,0.38),
  0 0 220px rgba(178,124,70,0.22) !important;


}

/* Underline (clean, centered, non-janky) */
#services-row .elementor-nav-menu a.elementor-item::after,
#services-row .menu a::after{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -8px !important;
  width: 68% !important;
  height: 1px !important;

  transform: translateX(-50%) scaleX(0.55) !important;
  transform-origin: center !important;

  background: rgba(233,204,156,0.34) !important;
  opacity: 0.55 !important;

  transition: transform .12s ease, opacity .12s ease, background .12s ease !important;
}

/* Hover = brighter glow + underline expands */
#services-row .elementor-nav-menu a.elementor-item:hover,
#services-row .menu a:hover{
  color: rgba(233,204,156,0.98) !important;

 text-shadow:
  0 0 22px rgba(233,204,156,1),
  0 0 68px rgba(178,124,70,0.75),
  0 0 180px rgba(178,124,70,0.55),
  0 0 320px rgba(178,124,70,0.32) !important;



  transform: translateY(-1px) !important;
}

#services-row .elementor-nav-menu a.elementor-item:hover::after,
#services-row .menu a:hover::after{
  transform: translateX(-50%) scaleX(1) !important;
  opacity: 0.95 !important;
  background: rgba(233,204,156,0.70) !important;
}



#services-row .menu a,
#services-row .menu-item a {
  position: relative;
  z-index: 1;
}

/* ambient glow layer */
#services-row .menu a::before,
#services-row .menu-item a::before {
  content: "";
  position: absolute;
  left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 250%;          /* ← THIS is the money */
height: 200%;         /* keep vertical tighter */

  background: radial-gradient(
    ellipse at center,
    rgba(178,124,70,0.55) 0%,
    rgba(178,124,70,0.32) 28%,
    rgba(178,124,70,0.18) 45%,
    rgba(178,124,70,0.06) 65%,
    rgba(178,124,70,0.0) 75%
  );
  filter: blur(38px);
  opacity: 0.40;
  pointer-events: none;
  z-index: -1;
  transition: opacity .14s cubic-bezier(.2,.8,.2,1), transform .14s cubic-bezier(.2,.8,.2,1) !important;

}





/* Slightly stronger on hover without repaint hell */
#services-row .menu a:hover:before,
#services-row .menu-item a:hover:before{
  opacity: 0.55 !important;
  transform: translate(-50%, -50%) scale(1.03) !important;
}



/* ===== Glow layer: keep blur constant, animate only opacity/transform ===== */
#services-row .menu a:before,
#services-row .menu-item a:before{
  filter: blur(38px) !important;          /* keep it fixed */
  will-change: opacity, transform;
  transform: translate(-50%, -50%) scale(0.98);
  opacity: 0.35 !important;
}

#services-row .menu a:hover:before,
#services-row .menu-item a:hover:before{
  transform: translate(-50%, -50%) scale(1.03);
  opacity: 0.55 !important;
}





#services-row .menu a:hover::before,
#services-row .menu-item a:hover::before {
  opacity: .60;
  filter: blur(54px);
  transform: translate(-50%, -50%) scale(1.08);
}
 /* =========================
   SERVICES MENUS — STABILITY PATCH
   ========================= */

/* Keep group containers from stretching weirdly */
#services-left,
#services-right{
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

/* Prevent nav menu from becoming a full-width bar */
#services-left .elementor-nav-menu,
#services-right .elementor-nav-menu{
  width: auto !important;
  display: inline-flex !important;
  justify-content: center !important;
  white-space: nowrap !important;
 
}


/* =========================
   SERVICES ROW — FINAL FIX
   (paste at very bottom)
   ========================= */

/* Center the whole services cluster under the logo */
#services-row{
  display: flex !important;
  justify-content: center !important;
}

/* Make the cluster a controlled width and stop edge-drifting */
#services-inner{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; /* IMPORTANT: not space-between */
  gap: 90px !important;
  width: fit-content !important;      /* shrink-wrap the cluster */
  max-width: 1100px !important;       /* safety cap */
  margin: 0 auto !important;

  transform: translateX(-113px) !important; /* ← ADD THIS LINE */
}


/* Keep each group tight and consistent */
#services-left,
#services-right{
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;                   /* spacing WITHIN each group */
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
}

/* Force the WordPress menus to stop behaving like full-width bars */
#services-left .elementor-nav-menu,
#services-right .elementor-nav-menu{
  display: flex !important;
  width: auto !important;
  justify-content: center !important;
}

/* Kill theme margins that mess spacing */
#services-left .elementor-nav-menu > li,
#services-right .elementor-nav-menu > li{
  margin: 0 !important;
    
}

@media (max-width: 1400px){
  #services-inner{
    transform: translateX(-70px) !important;
  }
}

@media (max-width: 1200px){
  #services-inner{
    transform: translateX(-40px) !important;
  }
}

@media (max-width: 1024px){
  #services-inner{
    transform: none !important;
  }
}

/* Widen middle gap between left & right services */
#services-inner{
  gap: calc(100px + 60px) !important;
}

/* =========================
   RR MENU TRIGGER – TALOS
   ========================= */

.rr-menu-trigger{
  display: inline-flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  font-family: "Wix Madefor Display", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 16px;
  line-height: 1;
  color: rgba(255,255,255,.92);
  padding: 10px 12px;
}

.rr-menu-label{
  position: relative;
  display: inline-block;
  transition: transform 260ms cubic-bezier(.2,.8,.2,1),
              letter-spacing 260ms cubic-bezier(.2,.8,.2,1),
              opacity 260ms cubic-bezier(.2,.8,.2,1);
  opacity: .92;
}

.rr-menu-label::after{
  content:"";
  position:absolute;
  left: 0;
  bottom: -8px;
  height: 1px;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  opacity: .55;
  background: currentColor;
  transition: transform 260ms cubic-bezier(.2,.8,.2,1),
              opacity 260ms cubic-bezier(.2,.8,.2,1);
}

.rr-burger{
  width: 24px;
  height: 16px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
}

.rr-burger span{
  display:block;
  height:1px;
  width:100%;
  background: rgba(255,255,255,.9);

  /* KEY: expand to the RIGHT */
  transform-origin: left center;

  /* KEY: don't animate width (that's what causes the shrink/jank) */
  transition: transform 220ms cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}


.rr-burger span:nth-child(2){
  width: 78%;
  opacity: .85;
}

.rr-burger span:nth-child(3){
  width: 92%;
  opacity: .9;
}

/* HOVER EFFECTS */

.rr-menu-trigger:hover .rr-menu-label{
  transform: translateX(3px);
  letter-spacing: .22em;
  opacity: 1;
  color: rgba(255,255,255,0.95); /* off-white */
  text-shadow: 0 0 6px rgba(255,255,255,0.25);
}


/* ===== RR MENU – SEPARATOR REVEAL ===== */



/* create separator */
.rr-menu-trigger{
  position: relative;
}

.rr-menu-trigger::before{
  content: "";
  position: absolute;
  left: 34px; /* between burger + MENU */
  top: 50%;
  height: 14px;
  width: 1px;
  background: rgba(255,255,255,0.85);
  transform: translateY(-50%) scaleY(0);
  transform-origin: center;
  transition: transform 220ms cubic-bezier(.22,.61,.36,1),
              opacity 220ms cubic-bezier(.22,.61,.36,1);
  opacity: 0;
}






/* ===== RR MENU – LABEL LED ===== */

.rr-menu-label{
  transition:
    transform 220ms cubic-bezier(.22,.61,.36,1),
    letter-spacing 220ms cubic-bezier(.22,.61,.36,1),
    opacity 220ms cubic-bezier(.22,.61,.36,1),
    text-shadow 220ms cubic-bezier(.22,.61,.36,1);
}

/* hover = focus, not motion */
.rr-menu-trigger:hover .rr-menu-label{
  transform: translateX(1px);
  letter-spacing: .23em;
  opacity: 1;
  color: rgba(255,255,255,.95);
  text-shadow: 0 0 8px rgba(255,255,255,0.22);
}

/* underline = the main affordance */
.rr-menu-label::after{
  width: 0;
  left: 30%;
  transform-origin: center;
}

.rr-menu-trigger:hover .rr-menu-label::after{
  width: 70%;
  left: 15%;
  transform: scaleX(1.4);
  opacity: .8;
}

.rr-burger{
  align-items: flex-start;
}

/* ===== BURGER: EXPAND ALL LINES OUTWARD RIGHT ===== */
.rr-menu-trigger:hover .rr-burger span{
  transform: scaleX(1.11);
}

/* =========================================
   SERVICES HOVER = INSTANT SNAP (NO LAG)
   Paste at VERY BOTTOM of Site CSS
   ========================================= */

/* Kill transitions on the services menu links + their pseudo elements */
#services-row .menu a,
#services-row .menu a::before,
#services-row .menu a::after,
#services-row .menu-item a,
#services-row .menu-item a::before,
#services-row .menu-item a::after,
.left-services-menu ul.menu > li > a,
.left-services-menu ul.menu > li > a::before,
.left-services-menu ul.menu > li > a::after,
.right-services-menu ul.menu > li > a,
.right-services-menu ul.menu > li > a::before,
.right-services-menu ul.menu > li > a::after,
#services-row .elementor-item,
#services-row .elementor-item::before,
#services-row .elementor-item::after{
  transition: none !important;
  animation: none !important;

}

/* Optional: still allow a tiny "micro snap" movement (instant) */
#services-row .menu a:hover,
#services-row .menu-item a:hover,
.left-services-menu ul.menu > li > a:hover,
.right-services-menu ul.menu > li > a:hover{
  transform: translateY(-1px) !important; /* delete if you want 100% static */
}

/* =========================
   TALOS HEADER – SMOOTH COLLAPSE
   ========================= */

.top-bar,
#services-row {
  transition:
    height 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.25s ease;
}

/* If you shrink logo on scroll */
.master-header img {
  transition: 
    height 0.32s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}

/* FORCE smooth collapse/expand on full site */
.top-bar,
#services-row{
  transition:
    height .35s cubic-bezier(.4,0,.2,1),
    max-height .35s cubic-bezier(.4,0,.2,1),
    padding .35s cubic-bezier(.4,0,.2,1),
    transform .35s cubic-bezier(.4,0,.2,1),
    opacity .25s ease !important;
}

/* TALOS CAROUSEL ALIGNMENT */

.talos-carousel .swiper-slide {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.talos-carousel .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}/* End custom CSS */