.elementor-32 .elementor-element.elementor-element-c56159f{--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;--z-index:1000;}.elementor-32 .elementor-element.elementor-element-54bd99f{--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-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-f12cd2a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-f12cd2a.e-con{--align-self:center;}.elementor-widget-theme-site-logo .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-32 .elementor-element.elementor-element-d8d3f3c{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-43cab6e{padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-32 .elementor-element.elementor-element-f12cd2a{--width:61%;}.elementor-32 .elementor-element.elementor-element-fcdd454 img{width:100%;}.elementor-32 .elementor-element.elementor-element-d8d3f3c{--width:30%;}}@media(min-width:768px){.elementor-32 .elementor-element.elementor-element-c56159f{--width:100%;}.elementor-32 .elementor-element.elementor-element-54bd99f{--width:90%;}.elementor-32 .elementor-element.elementor-element-f12cd2a{--width:15%;}.elementor-32 .elementor-element.elementor-element-d8d3f3c{--width:20%;}}/* Start custom CSS for html, class: .elementor-element-43cab6e *//* Menu Button Styles */
    .qodef-svg--menu {
      cursor: pointer;
      z-index: 100;
      position: relative;
    }
    
  /* Menu Button */
.qodef-svg--menu path{
  stroke: #f2821f;
  stroke-width: 2;
  transition: all 0.4s ease;
}

    
    .qodef-svg--menu:hover line:first-of-type {
      transform: translateX(-20px);
    }
    
    .qodef-svg--menu:hover line:last-of-type {
      transform: translateX(20px);
    }

    /* Popup Styles */
    #popup {
      display: none;
      visibility: hidden;
      position: fixed;
      top: 0; 
      left: 0;
      width: 100vw;
      height: 100vh;
      background: #000;
      color: #fff;
      z-index: 9999;
      justify-content: center;
      flex-direction: column;
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.6s ease, transform 0.6s ease, visibility 0s linear 0.6s;
    }

    /* Animate in */
    #popup.show {
      visibility: visible;
      opacity: 1;
      transform: translateY(0);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

    /* Closing animation */
    #popup.hide {
      opacity: 0 !important;
      transform: translateY(20px) !important;
      pointer-events: none !important;
      transition: opacity 0.6s ease, transform 0.6s ease, visibility 0s linear 0.6s !important;
      visibility: hidden !important;
    }

  /* Logo */
.logo-wrap {
  position: absolute;
  top: 20px;
  left: 115px;
  z-index: 10000;
}

 
.popup-logo-img {
  width:200px;
  height: auto;
  display: block;
}


    .st0 { 
      fill: #87e64b; 
    }

    /* Close button */
    .close-btn-wrap {
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 20px;
      right: 150px;
      z-index: 10001;
    }
    
    .close-icon {
      display: flex;
      align-items: center;
      justify-content: center;
        color: #f2821f;
    }
    
    .close-svg line {
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-miterlimit: 10;
      stroke-linecap: square;
    }
    
    .close-svg line:nth-child(1) {
      stroke-dasharray: 32px;
      stroke-dashoffset: 64px;
      transition: stroke-dashoffset 0.6s cubic-bezier(0.61, 1, 0.88, 1);
    }
    
    .close-svg line:nth-child(2) {
      stroke-dasharray: 32px;
      stroke-dashoffset: 64px;
      transition: stroke-dashoffset 0.6s cubic-bezier(0.61, 1, 0.88, 1) 0.3s;
    }
    
    .close-btn-wrap:hover .close-svg line {
      stroke-dashoffset: 0;
    }

    /* Popup nav */
    .popup-nav ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      gap: 20px;
      align-items: flex-start;
      margin-left: 100px;
    }

    .popup-nav li {
      display: flex;
      align-items: center;
      opacity: 0;
      transform: translateX(50px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }

    #popup.show .popup-nav li {
      opacity: 1;
      transform: translateX(0);
    }

    /* Staggered animation delays */
    #popup.show .popup-nav li:nth-child(1) { transition-delay: 0.2s; }
    #popup.show .popup-nav li:nth-child(2) { transition-delay: 0.4s; }
    #popup.show .popup-nav li:nth-child(3) { transition-delay: 0.6s; }
    #popup.show .popup-nav li:nth-child(4) { transition-delay: 0.8s; }
    #popup.show .popup-nav li:nth-child(5) { transition-delay: 1s; }
    #popup.show .popup-nav li:nth-child(6) { transition-delay: 1.2s; }

    /* Menu links */
    .popup-nav a {
      text-decoration: none;
      color: #fff;
      font-size: 2rem;
      font-weight: 600;
      transition: color 0.3s ease;
      font-family: TT Knickerbockers Grotesk;
    }
    
   

    /* Arrow container */
    .nav-arrow-add5 {
      margin-left: 15px;
      opacity: 0;
      transform: translateX(-10px);
      transition: all 0.3s ease;
    }
    
    .nav-icon-add5 {
      display: flex;
      align-items: center;
      justify-content: center;
        color: #f2821f;
      transform: rotate(136deg);
    }
    
    .nav-svg-add5 line {
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-miterlimit: 10;
    }
    
    .line-center {
      stroke-dasharray: 32px;
      stroke-dashoffset: 32px;
      transition: stroke-dashoffset 0.4s ease;
    }
    
    .line-top, .line-bottom {
      stroke-dasharray: 25px;
      stroke-dashoffset: 25px;
      transition: stroke-dashoffset 0.4s ease;
      transition-delay: 0.3s;
    }
    
    .popup-nav li:hover .nav-arrow-add5 {
      opacity: 1;
      transform: translateX(0);
    }
    
    .popup-nav li:hover .line-center {
      stroke-dashoffset: 0;
    }
    
    .popup-nav li:hover .line-top,
    .popup-nav li:hover .line-bottom {
      stroke-dashoffset: 0;
    }
    
    /* Active menu item always shows arrow + animation */
    .popup-nav li.active .nav-arrow-add5 {
      opacity: 1;
      transform: translateX(0);
    }

    .popup-nav li.active .line-center {
      stroke-dashoffset: 0;
    }

    .popup-nav li.active .line-top,
    .popup-nav li.active .line-bottom {
      stroke-dashoffset: 0;
    }

/* Tablet & Mobile Responsive Adjustments */
@media (max-width: 1024px) {
  .logo-wrap {
    top: 15px;
    left: 40px; /* smaller padding */
  }

  .logo-wrap svg {
    width: 70px; /* smaller logo */
  }

  .close-btn-wrap {
    top: 15px;
    right: 40px; /* smaller padding */
  }

  .close-svg {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 768px) {
  .logo-wrap {
    top: 10px;
    left: 20px;
  }

  .logo-wrap svg {
    width: 60px; /* extra small logo */
  }

  .close-btn-wrap {
    top: 10px;
    right: 20px;
  }

  .close-svg {
    width: 20px;
    height: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c56159f */.smart-header{
    transition: all 0.35s ease;

    /* Dark glass */
    background: rgba(0,0,0,0.24);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Header after scroll */
.smart-header.header-scrolled{

    /* Premium black glass */
    background: rgba(0,0,0,0.55);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    box-shadow: 0 4px 25px rgba(0,0,0,0.18);

    border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Menu color */
.smart-header .elementor-nav-menu a{
    color:#fff !important;
}

/* Menu color after scroll */
.smart-header.header-scrolled .elementor-nav-menu a{
    color:#fff !important;
}/* End custom CSS */