.elementor-6337 .elementor-element.elementor-element-53f2b65{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:2%;--padding-bottom:2%;--padding-left:5%;--padding-right:5%;--z-index:1;}.elementor-6337 .elementor-element.elementor-element-53f2b65:not(.elementor-motion-effects-element-type-background), .elementor-6337 .elementor-element.elementor-element-53f2b65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(129deg, #002D6100 34%, #7EC6F700 100%);}.elementor-6337 .elementor-element.elementor-element-82af304{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6337 .elementor-element.elementor-element-6d2ebe4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6337 .elementor-element.elementor-element-0978465{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-6337 .elementor-element.elementor-element-0bf7c5a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6337 .elementor-element.elementor-element-eee4a4e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6337 .elementor-element.elementor-element-eee4a4e:not(.elementor-motion-effects-element-type-background), .elementor-6337 .elementor-element.elementor-element-eee4a4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.emwasylik.com/wp-content/uploads/2024/04/EMW_logo-2024-wide.png");background-size:contain;}.elementor-6337 .elementor-element.elementor-element-eee4a4e.e-con{--align-self:center;}.elementor-6337 .elementor-element.elementor-element-0ce3653{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6337 .elementor-element.elementor-element-ba4c659{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6337 .elementor-element.elementor-element-ba4c659:not(.elementor-motion-effects-element-type-background), .elementor-6337 .elementor-element.elementor-element-ba4c659 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6EC1E400;}.elementor-6337 .elementor-element.elementor-element-ba4c659.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-6337 .elementor-element.elementor-element-f30e389 .elementor-button{background-color:transparent;font-family:"Mulish", Sans-serif;font-weight:500;background-image:linear-gradient(180deg, #61CE7000 0%, #f2295b 100%);}.elementor-6337 .elementor-element.elementor-element-c608ad2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-6337 .elementor-element.elementor-element-4f2e10f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6337 .elementor-element.elementor-element-4f2e10f .elementor-icon-wrapper{text-align:center;}.elementor-6337 .elementor-element.elementor-element-4f2e10f.elementor-view-stacked .elementor-icon{background-color:#325766;}.elementor-6337 .elementor-element.elementor-element-4f2e10f.elementor-view-framed .elementor-icon, .elementor-6337 .elementor-element.elementor-element-4f2e10f.elementor-view-default .elementor-icon{color:#325766;border-color:#325766;}.elementor-6337 .elementor-element.elementor-element-4f2e10f.elementor-view-framed .elementor-icon, .elementor-6337 .elementor-element.elementor-element-4f2e10f.elementor-view-default .elementor-icon svg{fill:#325766;}.elementor-6337 .elementor-element.elementor-element-8700397 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6337 .elementor-element.elementor-element-8700397 .elementor-icon-wrapper{text-align:center;}.elementor-6337 .elementor-element.elementor-element-8700397.elementor-view-stacked .elementor-icon{background-color:#325766;}.elementor-6337 .elementor-element.elementor-element-8700397.elementor-view-framed .elementor-icon, .elementor-6337 .elementor-element.elementor-element-8700397.elementor-view-default .elementor-icon{color:#325766;border-color:#325766;}.elementor-6337 .elementor-element.elementor-element-8700397.elementor-view-framed .elementor-icon, .elementor-6337 .elementor-element.elementor-element-8700397.elementor-view-default .elementor-icon svg{fill:#325766;}.elementor-6337 .elementor-element.elementor-element-f1ad910{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6337 .elementor-element.elementor-element-c1e6052{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;}.elementor-6337 .elementor-element.elementor-element-2973a1e{--display:flex;}.elementor-6337 .elementor-element.elementor-element-2973a1e.e-con{--align-self:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-6337 .elementor-element.elementor-element-e0b552b{text-align:center;}.elementor-6337 .elementor-element.elementor-element-e0b552b .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-4299bb3 );}.elementor-6337 .elementor-element.elementor-element-fbe7137{text-align:center;}.elementor-6337 .elementor-element.elementor-element-fbe7137 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-4299bb3 );}.elementor-6337 .elementor-element.elementor-element-04bf399{--display:flex;}.elementor-6337 .elementor-element.elementor-element-4a71c9b{text-align:center;}.elementor-6337 .elementor-element.elementor-element-4a71c9b .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-da17503 );}.elementor-6337 .elementor-element.elementor-element-6ec07ec{text-align:center;}.elementor-6337 .elementor-element.elementor-element-6ec07ec .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-da17503 );}.elementor-6337 .elementor-element.elementor-element-b2640a9{text-align:center;}.elementor-6337 .elementor-element.elementor-element-b2640a9 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-da17503 );}.elementor-6337 .elementor-element.elementor-element-cbb99d8{text-align:center;}.elementor-6337 .elementor-element.elementor-element-cbb99d8 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-da17503 );}.elementor-6337 .elementor-element.elementor-element-fb804eb{--display:flex;}.elementor-6337 .elementor-element.elementor-element-f4e040a{text-align:center;}.elementor-6337 .elementor-element.elementor-element-f4e040a .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-da17503 );}.elementor-6337 .elementor-element.elementor-element-9aa2ab4{text-align:center;}.elementor-6337 .elementor-element.elementor-element-9aa2ab4 .elementor-heading-title{font-family:"Almarai", Sans-serif;font-size:30px;font-weight:600;color:var( --e-global-color-da17503 );}.elementor-6337 .elementor-element.elementor-element-680fefc{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-6337 .elementor-element.elementor-element-82af304{--width:100%;}.elementor-6337 .elementor-element.elementor-element-6d2ebe4{--width:100%;}.elementor-6337 .elementor-element.elementor-element-eee4a4e{--width:100%;}.elementor-6337 .elementor-element.elementor-element-ba4c659{--width:100%;}.elementor-6337 .elementor-element.elementor-element-2973a1e{--width:100%;}}@media(max-width:1024px){.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-button .elementor-button{line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-heading .elementor-heading-title{line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for container, class: .elementor-element-eee4a4e */.elementor-6337 .elementor-element.elementor-element-eee4a4e {
    width: 15vw;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f30e389 *//* ===== SOLID BASE + BLOB HOVER (elementor custom css) ===== */

/* main button */
.elementor-6337 .elementor-element.elementor-element-f30e389 .elementor-button{
  --r: 12px;
  --padY: 12px;
  --padX: 36px;

  /* blob colors */
  --b1:#071f8f; --b2:#0a4bdb; --b3:#4fb9ff; --b4:#163fcf;

  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  padding: var(--padY) var(--padX) !important;
  border-radius: var(--r) !important;

  /* solid resting background */
  background: #010E72 !important;
  background-color: #010E72 !important;
  background-image: none !important;

  border: 2px solid rgba(19, 47, 96, 0.14) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,0.08) !important;

  overflow: hidden !important;
  isolation: isolate;

  transition:
    transform 400ms cubic-bezier(.22,.61,.36,1),
    box-shadow 400ms cubic-bezier(.22,.61,.36,1),
    border-color 400ms ease !important;
}

/* ❌ remove glass texture entirely */
.elementor-6337 .elementor-element.elementor-element-f30e389 .elementor-button::after{
  content: none !important;
  display: none !important;
}

/* BLOB layer (hover colors) */
.elementor-6337 .elementor-element.elementor-element-f30e389 .elementor-button::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  z-index: 0;

  background:
    radial-gradient(closest-side at 25% 30%, var(--b2) 0 62%, transparent 82%),
    radial-gradient(closest-side at 75% 35%, var(--b3) 0 62%, transparent 82%),
    radial-gradient(closest-side at 55% 75%, var(--b4) 0 62%, transparent 82%),
    radial-gradient(closest-side at 15% 75%, var(--b1) 0 62%, transparent 82%);

  /* a bit clearer even when blurred */
  filter: blur(16px) saturate(1.25) contrast(1.08);
  opacity: 0;

  transition: opacity 350ms ease, filter 350ms ease;
  animation: blobMove 5s ease-in-out infinite alternate, blobSpin 20s linear infinite;
  animation-play-state: paused;
}

/* hover = show more color, still subtle */
.elementor-6337 .elementor-element.elementor-element-f30e389 .elementor-button:hover::before{
  opacity: 0.75; /* ↑ was 1, but the blur made it look faint; 0.75 reads cleaner */
  filter: blur(14px) saturate(1.5) contrast(1.12);
  animation-play-state: running;
}


/* keep text always on top + sharp */
.elementor-6337 .elementor-element.elementor-element-f30e389 .elementor-button,
.elementor-6337 .elementor-element.elementor-element-f30e389 .elementor-button *{
  color: #FFFFFF !important;
  position: relative;
  z-index: 2;
}

/* hover */
.elementor-6337 .elementor-element.elementor-element-f30e389 .elementor-button:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 15px 45px rgba(0,0,0,0.10) !important;
  border-color: rgba(19, 47, 96, 0.22) !important;
}

.elementor-6337 .elementor-element.elementor-element-f30e389 .elementor-button:hover::before{
  opacity: 1;
  animation-play-state: running;
}

/* animations */
@keyframes blobMove{
  0%   { transform: translate(-3%, -3%) scale(1.02); }
  100% { transform: translate(3%, 3%) scale(1.08); }
}
@keyframes blobSpin{ to { transform: rotate(360deg); } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ba4c659 */.elementor-6337 .elementor-element.elementor-element-ba4c659 {
    background-color: transparent;
}/* End custom CSS */
/* Start custom CSS *//* =========================
   HDR — FLOATING GLASS HEADER (CLEAN)
   Structure expected:
   hdr-float
     hdr-shell
       hdr-bar
         hdr-top
           hdr-left
             hdr-logo   (background-image)
           hdr-right
             hdr-cta
             hdr-toggle (2 Icon widgets)
       hdr-panel
         hdr-grid
   ========================= */


/* 0) Floating overlay (does NOT push page) */
.hdr-float{
  position: fixed;
  top: 28px;                  /* breathing room */
  left: 0;
  right: 0;
  z-index: 999999;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0 18px;            /* side padding */
  pointer-events: none;       /* only header parts clickable */
  transform: translateY(0);
  transition: transform 650ms cubic-bezier(.16,1,.3,1);
}

/* Hide on scroll down (JS toggles .is-hidden) */
.hdr-float.is-hidden{
  transform: translateY(calc(-100% - 36px));
}

/* allow interactions inside */
.hdr-float *{ pointer-events: auto; }


/* 1) Shell controls width for BOTH top + dropdown */
.hdr-shell{
  width: min(1160px, 100%);
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}


/* 2) Bar row (just positions the top pill) */
.hdr-bar{
  width: 100%;
  display: flex;
  justify-content: center;    /* keep pill centered */
}


/* ===== GLASS TEXTURE (OM style) ===== */
.hdr-top,
.hdr-panel{
  position: relative;
  background: rgba(255,255,255,0.64);
  border: 1px solid rgba(0,0,0,0.06);

  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);

  box-shadow:
    0 24px 60px rgba(0,0,0,0.14),
    0 6px 18px rgba(0,0,0,0.06),
    inset 0 1px 0 rgba(255,255,255,0.65);

  border-radius: 28px;
}

/* subtle cloudy highlight */
.hdr-top::before,
.hdr-panel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  z-index:0;

  background:
    radial-gradient(90% 70% at 30% 40%,
      rgba(255,255,255,0.55),
      rgba(255,255,255,0.00) 60%),
    radial-gradient(80% 60% at 70% 55%,
      rgba(255,255,255,0.35),
      rgba(255,255,255,0.00) 65%);
}

/* content above glass layers */
.hdr-top > *,
.hdr-panel > *{
  position: relative;
  z-index: 1;
}


/* 3) TOP PILL (single container holding left+right) */
.hdr-top{
  width: 100%;
  height: 88px;               /* ONE height for both sides */
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;                  /* controls closeness */
  padding: 0 14px;            /* inside padding of pill */
}


/* 4) LEFT group (transparent) */
.hdr-left{
  height: 100%;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

/* Logo as BACKGROUND (no <img>) */
.hdr-logo{
  height: 100%;
  width: clamp(360px, 42vw, 660px); /* control logo width */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* if Elementor adds padding to this container, kill it */
  padding: 0 !important;
  margin: 0 !important;
}


/* 5) RIGHT group (transparent) */
.hdr-right{
  height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}


/* CTA sizing so right side doesn't become huge 
.hdr-cta .elementor-button{
  height: 42px;
  padding: 0 16px;
  border-radius: 16px;

  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(0,0,0,0.10);
  color: #0b1b33;

  box-shadow:
    0 14px 28px rgba(0,0,0,0.10),
    inset 0 1px 0 rgba(255,255,255,0.70);

  display: inline-flex;
  align-items: center;
  gap: 10px;

  transition: transform 220ms ease, box-shadow 220ms ease;
}*/

/* hdr-cta: sizing ONLY — NEVER set bg/border/shadow here */
.hdr-cta .elementor-button{
  height: 42px;
  padding: 0 18px !important;
  border-radius: 12px !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  /* critical: stop global/theme defaults from painting it */
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}



/*.hdr-cta .elementor-button:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(0,0,0,0.14);
}*/


/* 6) BURGER (2 Elementor Icon widgets inside hdr-toggle)
      Bigger lines + hover split + open -> X */
.hdr-toggle{
  width: 56px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  user-select: none;
}

/* target the two icon widgets */
.hdr-toggle .elementor-widget-icon{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 !important;
  padding: 0 !important;

  transition:
    top 280ms cubic-bezier(.16,1,.3,1),
    transform 280ms cubic-bezier(.16,1,.3,1);
}

/* the “line” */
.hdr-toggle .elementor-widget-icon .elementor-icon{
  display: block;
  width: 38px;                /* bigger */
  height: 4px;                /* thicker */
  border-radius: 999px;
  background: #0b1b33;
}

/* hide actual icon SVG/i so only our bar shows */
.hdr-toggle .elementor-widget-icon svg,
.hdr-toggle .elementor-widget-icon i{
  opacity: 0 !important;
}

/* Resting positions */
.hdr-toggle .elementor-widget-icon:nth-of-type(1){ top: 16px; }
.hdr-toggle .elementor-widget-icon:nth-of-type(2){ top: 28px; }

/* Hover split (top up, bottom down) */
.hdr-toggle:hover .elementor-widget-icon:nth-of-type(1){ top: 12px; }
.hdr-toggle:hover .elementor-widget-icon:nth-of-type(2){ top: 32px; }

/* Open -> X (JS toggles .hdr-shell.is-open) */
.hdr-shell.is-open .hdr-toggle .elementor-widget-icon:nth-of-type(1){
  top: 22px;
  transform: translateX(-50%) rotate(45deg);
}
.hdr-shell.is-open .hdr-toggle .elementor-widget-icon:nth-of-type(2){
  top: 22px;
  transform: translateX(-50%) rotate(-45deg);
}


/* 7) DROPDOWN PANEL (overlay style, no page push) */
.hdr-panel{
  width: 100%;
  overflow: hidden;

  max-height: 0;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;

  transition:
    max-height 900ms cubic-bezier(.16,1,.3,1),
    transform 700ms cubic-bezier(.16,1,.3,1),
    opacity 250ms ease;
}

/* Open dropdown */
.hdr-shell.is-open .hdr-panel{
  max-height: 72vh;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* padding for your grid (grid itself unchanged) */
.hdr-panel .hdr-grid{
  padding: 22px;
}


/* 8) Mobile adjustments */
@media (max-width: 767px){
  .hdr-shell{ width: min(94vw, 1160px); }

  .hdr-top{
    height: 78px;
    padding: 0 12px;
    gap: 12px;
  }

  .hdr-logo{
    width: clamp(240px, 58vw, 420px);
  }

  .hdr-toggle .elementor-widget-icon .elementor-icon{
    width: 32px;
    height: 4px;
  }
}


/* =========================
   ADJUSTMENTS
   ========================= */

/* 1) Give breathing room from top (header not glued to top) */
.hdr-float{
  top: 28px;              /* increase if needed (ex: 34px) */
  padding-top: 16px;      /* creates extra space above the pill */
}

/* 2) Burger line color */
.hdr-toggle .elementor-widget-icon .elementor-icon{
  background: #010E72 !important;
}

/* 3) Push logo left + CTA/burger right (less inner padding) */
.hdr-top{
  padding-left: 8px;      /* was 14px */
  padding-right: 8px;     /* was 14px */
}

/* OPTIONAL: if you want them even closer, uncomment */
/*
.hdr-top{
  padding-left: 4px;
  padding-right: 4px;
}
*/

/* 1) Make the bar a true 2-column row */
.hdr-bar{
  display:flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  gap: 12px !important;
}

/* 2) STOP left/right from stretching */
.hdr-left,
.hdr-right{
  flex: 0 0 auto !important;     /* no grow */
  width: fit-content !important; /* shrink to content */
  max-width: none !important;
}

/* 3) If Elementor gave hdr-left/right 100% width, kill it */
.hdr-left{ justify-self: flex-start !important; }
.hdr-right{ justify-self: flex-end !important; }

/* 4) Reduce inner padding so they sit closer to edges */
.hdr-left{
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.hdr-right{
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* default */
.hdr-grid .elementor-widget-heading .elementor-heading-title,
.hdr-grid .elementor-widget-heading .elementor-heading-title a{
  color: #010E72 !important;
  transition: color 180ms ease;
}

/* dim all ONLY when a heading widget is hovered */
.hdr-grid:has(.elementor-widget-heading:hover) .elementor-widget-heading .elementor-heading-title,
.hdr-grid:has(.elementor-widget-heading:hover) .elementor-widget-heading .elementor-heading-title a{
  color: rgba(1, 14, 114, 0.55) !important;

}

/* keep the hovered heading blue */
.hdr-grid:has(.elementor-widget-heading:hover) .elementor-widget-heading:hover .elementor-heading-title,
.hdr-grid:has(.elementor-widget-heading:hover) .elementor-widget-heading:hover .elementor-heading-title a{
  color: #010E72 !important;
}/* End custom CSS */