.elementor-13 .elementor-element.elementor-element-47d640b{--display:flex;--position:absolute;--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:space-between;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:50px;--padding-right:50px;top:0px;--z-index:99;}.elementor-13 .elementor-element.elementor-element-47d640b:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-47d640b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-47d640b{left:0px;}body.rtl .elementor-13 .elementor-element.elementor-element-47d640b{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-13 .elementor-element.elementor-element-33f358f{text-align:left;}.elementor-13 .elementor-element.elementor-element-33f358f img{width:30%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-47d640b{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-33f358f img{width:auto;height:50px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-47d640b{--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-33f358f{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-33f358f img{width:auto;height:40px;}}/* Start custom CSS for html, class: .elementor-element-a0fb166 *//* ===== GLASS TOGGLE BUTTON ===== */
.glass-menu-toggle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  position: relative;

  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.15),
    0 8px 24px rgba(0,0,0,0.25);

  display: flex;
  align-items: center;
  justify-content: center;

  /* IMPORTANT: kill browser hover color */
  outline: none;
}

.glass-menu-toggle:hover,
.glass-menu-toggle:focus {
  background: rgba(255, 255, 255, 0.12);
}

/* ===== MENU LINES ===== */
.menu-line {
  position: absolute;
  width: 20px;
  height: 2px;
  background: #fff;              /* PURE WHITE */
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
  overflow: hidden;
}

/* line positions */
.line-1 { top: 12px; }
.line-2 { top: 19px; }
.line-3 { top: 26px; }

/* ===== TRANSPARENT WIPE OVERLAY ===== */
.menu-line::after {
  content: "";
  position: absolute;
  inset: 0;

  /* this CREATES the transparent running cut */
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,1) 50%,
    transparent 100%
  );

  /* mask instead of color */
  mix-blend-mode: destination-out;

  transform: translateX(-120%);
  opacity: 1;
}

/* ===== HOVER IN: LEFT → RIGHT ===== */
.glass-menu-toggle:hover .line-1::after {
  animation: wipeRight 0.9s ease forwards;
  animation-delay: 0s;
}

.glass-menu-toggle:hover .line-2::after {
  animation: wipeRight 0.9s ease forwards;
  animation-delay: 0.12s;
}

.glass-menu-toggle:hover .line-3::after {
  animation: wipeRight 0.9s ease forwards;
  animation-delay: 0.24s;
}

/* ===== HOVER OUT: RIGHT → LEFT ===== */
.glass-menu-toggle:not(:hover) .line-1::after,
.glass-menu-toggle:not(:hover) .line-2::after,
.glass-menu-toggle:not(:hover) .line-3::after {
  animation: wipeLeft 0.9s ease forwards;
}

/* ===== KEYFRAMES ===== */
@keyframes wipeRight {
  0%   { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}

@keyframes wipeLeft {
  0%   { transform: translateX(120%); }
  100% { transform: translateX(-120%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-47d640b *//* Header smooth background transition */
.custom-header {
  transition: background-color 0.35s ease, box-shadow 0.35s ease;
}

/* Logo smooth fade animation */
.site-logo-img img {
  transition: opacity 0.25s ease, transform 0.25s ease;
  will-change: opacity, transform;
}

/* Fade helper class */
.logo-fade-out {
  opacity: 0;
  transform: translateY(4px);
}

/* Reduce logo size when header is scrolled */
.custom-header.scrolled .site-logo-img img {
  transform: scale(0.5);   /* adjust: 0.75 – 0.9 */
}/* End custom CSS */