.elementor-70 .elementor-element.elementor-element-f33f60a{--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;--justify-content:space-around;--margin-top:-18%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:1%;--padding-bottom:1%;--padding-left:2%;--padding-right:2%;}.elementor-70 .elementor-element.elementor-element-1b4d7bb{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-70 .elementor-element.elementor-element-f632d55{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-665e58e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-665e58e:not(.elementor-motion-effects-element-type-background), .elementor-70 .elementor-element.elementor-element-665e58e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#22212100;}.elementor-70 .elementor-element.elementor-element-665e58e.eael_liquid_glass-effect2{background-color:#00000060;backdrop-filter:blur(7px) brightness(0.8);}.elementor-70 .elementor-element.elementor-element-665e58e.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:0px 0px 0px 0px;border-color:#FFFFFF1F;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 14px -5px rgba(0,0,0,0.78);}.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 );}.elementor-70 .elementor-element.elementor-element-6345797 .elementor-button{background-color:#61CE7000;font-family:"Raleway", Sans-serif;font-size:14px;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-6345797{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-6345797 .elementor-button:hover, .elementor-70 .elementor-element.elementor-element-6345797 .elementor-button:focus{color:#9AE29A;}.elementor-70 .elementor-element.elementor-element-6345797 .elementor-button:hover svg, .elementor-70 .elementor-element.elementor-element-6345797 .elementor-button:focus svg{fill:#9AE29A;}.elementor-70 .elementor-element.elementor-element-df5babe .elementor-button{background-color:#61CE7000;font-family:"Raleway", Sans-serif;font-size:14px;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-df5babe{width:var( --container-widget-width, 33% );max-width:33%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-df5babe .elementor-button:hover, .elementor-70 .elementor-element.elementor-element-df5babe .elementor-button:focus{color:#9AE29A;}.elementor-70 .elementor-element.elementor-element-df5babe .elementor-button:hover svg, .elementor-70 .elementor-element.elementor-element-df5babe .elementor-button:focus svg{fill:#9AE29A;}.elementor-70 .elementor-element.elementor-element-3a48c1d .elementor-button{background-color:#61CE7000;font-family:"Raleway", Sans-serif;font-size:14px;font-weight:500;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-3a48c1d{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-3a48c1d .elementor-button:hover, .elementor-70 .elementor-element.elementor-element-3a48c1d .elementor-button:focus{color:#9AE29A;}.elementor-70 .elementor-element.elementor-element-3a48c1d .elementor-button:hover svg, .elementor-70 .elementor-element.elementor-element-3a48c1d .elementor-button:focus svg{fill:#9AE29A;}.elementor-70 .elementor-element.elementor-element-eebf38b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-eebf38b.e-con:hover{--e-con-transform-scale:1.1;}.elementor-70 .elementor-element.elementor-element-727147d .elementor-button{background-color:#51C45100;font-family:"Raleway", Sans-serif;font-weight:500;padding:9% 0% 9% 0%;}.elementor-70 .elementor-element.elementor-element-727147d.eael_liquid_glass-effect2{background-color:#0A880A8A;backdrop-filter:blur(7px) brightness(0.8);}.elementor-70 .elementor-element.elementor-element-727147d.eael_liquid_glass_shadow-effect1{border-style:solid;border-width:0px 0px 0px 0px;border-color:#7915151F;border-radius:24px 24px 24px 24px;box-shadow:0px 0px 14px -5px rgba(0,0,0,0.78);}.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-70 .elementor-element.elementor-element-f33f60a{--content-width:100%;}.elementor-70 .elementor-element.elementor-element-1b4d7bb{--width:170px;}.elementor-70 .elementor-element.elementor-element-665e58e{--width:600px;}.elementor-70 .elementor-element.elementor-element-eebf38b{--width:170px;}}/* Start custom CSS for container, class: .elementor-element-f33f60a *//* ===== Fixed-pixel header blocks; gaps shrink responsively ===== */
/* Add class 'header-fixedpx' to the PARENT header container */

.header-fixedpx{
  --logo-w: 140px;      /* logo container width */
  --menu-w: 780px;      /* center pill-menu container width */
  --cta-w: 210px;       /* SUSISIEKITE container width */
  --side-pad: clamp(16px, 3vw, 56px);
  --gap: clamp(12px, 3vw, 48px);   /* this is the only thing that shrinks smoothly */

  position: relative;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  padding-inline: var(--side-pad);
  gap: var(--gap); /* used between left/right blocks; center is absolutely centered */
}

/* Normalize direct children (Elementor uses .e-con) */
.header-fixedpx > .e-con{
  /* Nuke Elementor inline widths/flex so our pixels win */
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

/* 1) Logo (left) */
.header-fixedpx > .e-con:nth-child(1){
  width: var(--logo-w) !important;
  justify-content: flex-start !important;
}

/* 2) Menu (centered in pixels, never shrinks) */
.header-fixedpx > .e-con:nth-child(2){
  width: var(--menu-w) !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  justify-content: center !important;
  gap: clamp(8px, 2.5vw, 40px);      /* space between the pills */
}

/* Prevent pill wrapping */
.header-fixedpx > .e-con:nth-child(2) *{
  white-space: nowrap !important;
}

/* 3) CTA (right) */
.header-fixedpx > .e-con:nth-child(3){
  width: var(--cta-w) !important;
  justify-content: flex-end !important;
}

/* ---------- Breakpoints: step the MENU width down when space is tight ---------- */
/* Tweak these thresholds and widths to your taste */
@media (max-width: 1400px){
  .header-fixedpx{ --menu-w: 680px; }
}
@media (max-width: 1280px){
  .header-fixedpx{ --menu-w: 600px; }
}
@media (max-width: 1140px){
  .header-fixedpx{ --menu-w: 520px; }
}
@media (max-width: 1024px){
  .header-fixedpx{ --menu-w: 460px; }
}
/* At true mobile widths, you usually switch to a burger menu */
@media (max-width: 900px){
  .header-fixedpx{ --menu-w: 380px; }
}
@media (max-width: 780px){
  .header-fixedpx{ --menu-w: 320px; }
}
@media (max-width: 700px){
  /* Option A: last step-down */
  .header-fixedpx{ --menu-w: 280px; }
  /* Option B (uncomment to hide pills and show your mobile menu instead)
  .header-fixedpx > .e-con:nth-child(2){ display:none !important; }
  */
}

/* Safety: avoid overlapping the CTA when viewport is extremely narrow */
@media (max-width: 620px){
  .header-fixedpx{ gap: clamp(6px, 2vw, 16px); }
}/* End custom CSS */
/* Start custom CSS *//* default: white logo (for dark/video hero) */
#logo img {
  display:block;
  filter: none;
  transition: filter .2s ease;
}

/* when the header is over a LIGHT background, flip the logo to dark */
.header-on-light #logo img {
  /* turns white logo into dark grey/black without color shifts */
  filter: invert(1) hue-rotate(180deg) brightness(.9) contrast(1.1);
}/* End custom CSS */