.elementor-109 .elementor-element.elementor-element-4946f319{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:030px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;--z-index:99;overflow:visible;}.elementor-109 .elementor-element.elementor-element-4946f319:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-4946f319 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-109 .elementor-element.elementor-element-4e560fad{--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:space-between;--align-items:center;--border-radius:17px 17px 17px 17px;--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:25px;--padding-right:25px;overflow:visible;}.elementor-109 .elementor-element.elementor-element-4e560fad:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-4e560fad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.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-109 .elementor-element.elementor-element-54162ef5 img{width:100%;}.elementor-109 .elementor-element.elementor-element-755a5a3f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-755a5a3f.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-menu-container{height:40px;border-radius:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-nav-identity-panel{padding:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li > a{font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;color:var( --e-global-color-astglobalcolor4 );padding:0px 25px 0px 25px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li > a:hover{color:var( --e-global-color-astglobalcolor4 );}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li > a:focus{color:var( --e-global-color-astglobalcolor4 );}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li > a:active{color:var( --e-global-color-astglobalcolor4 );}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li:hover > a{color:var( --e-global-color-astglobalcolor4 );}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:var( --e-global-color-astglobalcolor4 );}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:var( --e-global-color-astglobalcolor4 );}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:var( --e-global-color-astglobalcolor4 );}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:var( --e-global-color-astglobalcolor4 );}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-109 .elementor-element.elementor-element-755a5a3f button.elementskit-menu-hamburger{float:right;}.elementor-109 .elementor-element.elementor-element-755a5a3f button.elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-109 .elementor-element.elementor-element-755a5a3f button.elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-109 .elementor-element.elementor-element-755a5a3f button.elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-109 .elementor-element.elementor-element-755a5a3f button.elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-109 .elementor-element.elementor-element-755a5a3f button.elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-109 .elementor-element.elementor-element-755a5a3f button.elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-109 .elementor-element.elementor-element-5a5ef27 .ekit-btn-wraper .elementskit-btn{justify-content:center;}.elementor-109 .elementor-element.elementor-element-5a5ef27 .elementskit-btn:hover{background-color:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-109 .elementor-element.elementor-element-5a5ef27 .elementskit-btn{padding:13px 18px 10px 018px;font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;fill:#FFFFFF;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-109 .elementor-element.elementor-element-5a5ef27 .elementskit-btn > :is(i, svg){font-size:19px;}.elementor-109 .elementor-element.elementor-element-5a5ef27 .elementskit-btn > i, .elementor-109 .elementor-element.elementor-element-5a5ef27 .elementskit-btn > svg{margin-right:6px;}.rtl .elementor-109 .elementor-element.elementor-element-5a5ef27 .elementskit-btn > i, .rtl .elementor-109 .elementor-element.elementor-element-5a5ef27 .elementskit-btn > svg{margin-left:6px;margin-right:0;}.elementor-109 .elementor-element.elementor-element-5a5ef27 .elementskit-btn i, .elementor-109 .elementor-element.elementor-element-5a5ef27 .elementskit-btn svg{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}.elementor-109 .elementor-element.elementor-element-f13cb9c .ekit-btn-wraper .elementskit-btn{justify-content:flex-end;}.elementor-109 .elementor-element.elementor-element-f13cb9c .elementskit-btn{background-color:#7C5BF200;padding:0px 0px 0px 0px;font-family:"Outfit", Sans-serif;font-size:18px;font-weight:500;border-style:none;border-radius:12px 12px 12px 12px;}.elementor-109 .elementor-element.elementor-element-f13cb9c .elementskit-btn:hover{background-color:#FFFFFF00;color:var( --e-global-color-astglobalcolor4 );fill:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-astglobalcolor4 );}.elementor-109 .elementor-element.elementor-element-f13cb9c .elementskit-btn > :is(i, svg){font-size:24px;}.elementor-109 .elementor-element.elementor-element-f13cb9c .elementskit-btn > i, .elementor-109 .elementor-element.elementor-element-f13cb9c .elementskit-btn > svg{margin-right:5px;}.rtl .elementor-109 .elementor-element.elementor-element-f13cb9c .elementskit-btn > i, .rtl .elementor-109 .elementor-element.elementor-element-f13cb9c .elementskit-btn > svg{margin-left:5px;margin-right:0;}.elementor-109 .elementor-element.elementor-element-f13cb9c .elementskit-btn i, .elementor-109 .elementor-element.elementor-element-f13cb9c .elementskit-btn svg{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);}.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-109 .elementor-element.elementor-element-4946f319{--content-width:1200px;}}@media(max-width:1024px){.elementor-109 .elementor-element.elementor-element-4e560fad{--min-height:0px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-menu-container{max-width:350%;border-radius:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-755a5a3f button.elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-109 .elementor-element.elementor-element-755a5a3f button.elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-nav-logo > img{max-width:220px;max-height:60px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-4e560fad{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-109 .elementor-element.elementor-element-755a5a3f .elementskit-nav-logo > img{max-width:120px;max-height:50px;}}/* Start custom CSS for ekit-nav-menu, class: .elementor-element-755a5a3f */#menu-primary a {
  color: #ffffff !important;
}

#menu-primary a:hover,
#menu-primary a:active {
  color: #7c5bf2 !important;
}

/* =========================================
   PREMIUM BLACK MOBILE/TABLET OFFCANVAS MENU
   ElementsKit Navbar - FAST OPEN VERSION
========================================= */

@media (max-width: 1024px) {

  html,
  body {
    overflow-x: hidden !important;
  }

  #ekit-megamenu-primary,
  #ekit-megamenu-primary *,
  #ekit-megamenu-primary *::before,
  #ekit-megamenu-primary *::after {
    box-sizing: border-box !important;
  }

  /* Remove ElementsKit opening delay/animation */
  #ekit-megamenu-primary,
  #ekit-megamenu-primary.elementskit-menu-container,
  #ekit-megamenu-primary.elementskit-menu-container.active,
  .elementskit-menu-overlay,
  .elementskit-menu-overlay.active {
    animation: none !important;
    transition: none !important;
    transition-delay: 0s !important;
    -webkit-transition: none !important;
    transform: none !important;
  }

  /* Overlay */
  .elementskit-menu-overlay.active {
    background: rgba(0, 0, 0, 0.74) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 9998 !important;
  }

  /* Main offcanvas panel */
  #ekit-megamenu-primary.elementskit-menu-container.active {
    position: fixed !important;
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;

    width: auto !important;
    max-width: 390px !important;
    height: auto !important;
    max-height: calc(100vh - 24px) !important;

    padding: 22px 18px 150px !important;
    border-radius: 28px !important;

    background:
      radial-gradient(circle at top left, rgba(118, 80, 255, 0.24), transparent 34%),
      radial-gradient(circle at bottom right, rgba(118, 80, 255, 0.16), transparent 38%),
      linear-gradient(180deg, #111018 0%, #07070b 100%) !important;

    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55) !important;

    overflow: hidden !important;
    z-index: 9999 !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Inner border */
  #ekit-megamenu-primary.elementskit-menu-container.active::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    border-radius: 27px !important;
    pointer-events: none !important;
    border: 1px solid rgba(255, 255, 255, 0.055) !important;
    z-index: 1 !important;
  }

  /* Hide pseudo CTAs when menu is closed */
  #ekit-megamenu-primary:not(.active) #menu-primary::before,
  #ekit-megamenu-primary:not(.active) #menu-primary::after {
    display: none !important;
    content: none !important;
  }

  /* Logo + close area */
  #ekit-megamenu-primary .elementskit-nav-identity-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    padding: 0 0 20px !important;
    margin: 0 0 18px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;
    position: relative !important;
    z-index: 3 !important;
  }

  #ekit-megamenu-primary .elementskit-nav-logo img {
    width: 86px !important;
    max-width: 86px !important;
    height: auto !important;
    display: block !important;
    filter: drop-shadow(0 6px 14px rgba(118, 80, 255, 0.22)) !important;
  }

  /* Close button */
  #ekit-megamenu-primary .elementskit-menu-close {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;

    border-radius: 50% !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    background: rgba(255, 255, 255, 0.07) !important;

    color: transparent !important;
    font-size: 0 !important;
    position: relative !important;

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

    transition: none !important;
    animation: none !important;
  }

  #ekit-megamenu-primary .elementskit-menu-close::before,
  #ekit-megamenu-primary .elementskit-menu-close::after {
    content: "" !important;
    position: absolute !important;
    width: 16px !important;
    height: 2px !important;
    background: #ffffff !important;
    border-radius: 10px !important;
  }

  #ekit-megamenu-primary .elementskit-menu-close::before {
    transform: rotate(45deg) !important;
  }

  #ekit-megamenu-primary .elementskit-menu-close::after {
    transform: rotate(-45deg) !important;
  }

  /* Menu list */
  #ekit-megamenu-primary #menu-primary {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 4px 0 0 !important;

    position: static !important;
    z-index: 3 !important;

    overflow: visible !important;
  }

  #ekit-megamenu-primary #menu-primary > li {
    width: 100% !important;
    max-width: 100% !important;
    list-style: none !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* Menu cards */
  #ekit-megamenu-primary #menu-primary > li > a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;

    padding: 0 18px !important;
    margin: 0 !important;

    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.055) !important;
    border: 1px solid rgba(111, 76, 255, 0.55) !important;

    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
    line-height: 1 !important;
    text-decoration: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;

    white-space: nowrap !important;
    overflow: hidden !important;

    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16) !important;
    transform: none !important;

    transition: none !important;
    animation: none !important;
  }

  #ekit-megamenu-primary #menu-primary > li > a::after {
    content: "→" !important;
    flex: 0 0 auto !important;
    color: #ffffff !important;
    font-size: 28px !important;
    line-height: 1 !important;
    margin-left: auto !important;
    transform: none !important;
  }

  #ekit-megamenu-primary #menu-primary > li > a:hover,
  #ekit-megamenu-primary #menu-primary > li.current-menu-item > a {
    background: rgba(111, 76, 255, 0.18) !important;
    border-color: rgba(139, 108, 255, 0.85) !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(111, 76, 255, 0.18) !important;
    transform: none !important;
  }

  /* Bottom CTA group fixed inside menu panel */
  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::before,
  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::after {
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;

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

    color: #ffffff !important;
    z-index: 5 !important;

    transition: none !important;
    animation: none !important;
    cursor: pointer !important;
  }

  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::before {
    content: "Get a Query" !important;
    bottom: 78px !important;
    height: 54px !important;

    border-radius: 18px !important;
    background: linear-gradient(135deg, #6f4cff 0%, #8b6cff 100%) !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -0.2px !important;

    box-shadow: 0 14px 30px rgba(111, 76, 255, 0.34) !important;
  }

  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::after {
    content: "Register / Login" !important;
    bottom: 18px !important;
    height: 48px !important;

    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.075) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;

    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  /* Hide original header login icon on mobile/tablet */
  .elementor-element-388bfa4a {
    display: none !important;
  }
}


/* =========================================
   SMALL MOBILE REFINEMENT
========================================= */

@media (max-width: 480px) {

  #ekit-megamenu-primary.elementskit-menu-container.active {
    top: 10px !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;

    max-width: none !important;
    max-height: calc(100vh - 20px) !important;

    padding: 20px 16px 146px !important;
    border-radius: 26px !important;
  }

  #ekit-megamenu-primary #menu-primary > li > a {
    min-height: 56px !important;
    padding: 0 16px !important;
    border-radius: 17px !important;
  }

  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::before,
  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::after {
    left: 16px !important;
    right: 16px !important;
  }

  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::before {
    bottom: 76px !important;
  }

  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::after {
    bottom: 16px !important;
  }
}


/* =========================================
   TABLET REFINEMENT
========================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  #ekit-megamenu-primary.elementskit-menu-container.active {
    top: 18px !important;
    left: 18px !important;
    right: auto !important;
    bottom: 18px !important;

    width: 420px !important;
    max-width: calc(100vw - 36px) !important;
    max-height: calc(100vh - 36px) !important;

    padding: 26px 22px 164px !important;
    border-radius: 30px !important;
  }

  #ekit-megamenu-primary #menu-primary > li > a {
    min-height: 62px !important;
    font-size: 17px !important;
    padding: 0 18px !important;
  }

  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::before,
  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::after {
    left: 22px !important;
    right: 22px !important;
  }

  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::before {
    bottom: 84px !important;
    height: 58px !important;
  }

  #ekit-megamenu-primary.elementskit-menu-container.active #menu-primary::after {
    bottom: 22px !important;
    height: 50px !important;
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-button, class: .elementor-element-5a5ef27 *//* Get a Quote button - always animated border */
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border: 1.5px solid transparent !important;
  border-radius: 10px !important;

  background: #7b4cff !important;
  color: #ffffff !important;
}

/* Keep same style on hover */
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a:hover,
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a:focus,
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a:active {
  background: #7b4cff !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* Animated revolving stroke */
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a::before {
  content: "" !important;
  position: absolute !important;
  inset: -3px !important;
  z-index: -2 !important;

  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    rgba(255, 255, 255, 0.95) 28deg,
    rgba(220, 210, 255, 1) 55deg,
    rgba(150, 120, 255, 1) 95deg,
    rgba(123, 76, 255, 1) 135deg,
    rgba(115, 255, 205, 0.95) 175deg,
    rgba(70, 230, 170, 0.9) 215deg,
    rgba(220, 210, 255, 0.9) 250deg,
    transparent 300deg,
    transparent 360deg
  ) !important;

  animation: quoteBorderSpin 2.2s linear infinite !important;
  opacity: 1 !important;
}

/* Inner button fill */
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a::after {
  content: "" !important;
  position: absolute !important;
  inset: 1.5px !important;
  z-index: -1 !important;

  border-radius: 8.5px !important;
  background: #7b4cff !important;
}

/* Keep pseudo-elements active on hover too */
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a:hover::before,
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a:hover::after {
  opacity: 1 !important;
  animation-play-state: running !important;
}

@keyframes quoteBorderSpin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}/* End custom CSS */
/* Start custom CSS for elementskit-button, class: .elementor-element-f13cb9c *//* Get a Quote button - always animated border */
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  isolation: isolate !important;

  border: 1.5px solid transparent !important;
  border-radius: 10px !important;

  background: #7b4cff !important;
  color: #ffffff !important;
}

/* Keep same style on hover */
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a:hover,
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a:focus,
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a:active {
  background: #7b4cff !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* Animated revolving stroke */
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a::before {
  content: "" !important;
  position: absolute !important;
  inset: -3px !important;
  z-index: -2 !important;

  background: conic-gradient(
    from 0deg,
    transparent 0deg,
    rgba(255, 255, 255, 0.95) 28deg,
    rgba(220, 210, 255, 1) 55deg,
    rgba(150, 120, 255, 1) 95deg,
    rgba(123, 76, 255, 1) 135deg,
    rgba(115, 255, 205, 0.95) 175deg,
    rgba(70, 230, 170, 0.9) 215deg,
    rgba(220, 210, 255, 0.9) 250deg,
    transparent 300deg,
    transparent 360deg
  ) !important;

  animation: quoteBorderSpin 2.2s linear infinite !important;
  opacity: 1 !important;
}

/* Inner button fill */
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a::after {
  content: "" !important;
  position: absolute !important;
  inset: 1.5px !important;
  z-index: -1 !important;

  border-radius: 8.5px !important;
  background: #7b4cff !important;
}

/* Keep pseudo-elements active on hover too */
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a:hover::before,
#travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a:hover::after {
  opacity: 1 !important;
  animation-play-state: running !important;
}

@keyframes quoteBorderSpin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e560fad *//* ================================
   Tradosphere Tablet + Mobile Navbar
   Starts from tablet size
================================ */

/* Full-screen top blur layer — does not affect navbar structure */
body::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 135px !important;
  pointer-events: none !important;
  z-index: 9990 !important;

  backdrop-filter: blur(18px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(115%) !important;

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.18) 0%,
    rgba(0, 0, 0, 0.12) 35%,
    rgba(0, 0, 0, 0.05) 65%,
    transparent 100%
  ) !important;

  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 45%,
    rgba(0, 0, 0, 0.45) 72%,
    transparent 100%
  ) !important;

  mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 45%,
    rgba(0, 0, 0, 0.45) 72%,
    transparent 100%
  ) !important;
}

/* If WordPress admin bar is visible */
body.admin-bar::before {
  top: 32px !important;
}

/* Keep navbar clearly above the blur */
#travlia-header {
  z-index: 9999 !important;
}

#travlia-header > div > div {
  box-shadow:
    inset 0 1px 0 rgba(94, 255, 172, 0.70),
    inset 0 14px 22px -18px rgba(94, 255, 172, 0.95),
    0 -4px 22px rgba(65, 255, 150, 0.26) !important;
}


/* ================================
   Tablet Navbar
================================ */

@media (max-width: 1024px) {

  /* Main navbar container */
  .elementor-element-4e560fad {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 14px 22px !important;
    overflow: hidden !important;
  }

  /* Hamburger menu position */
  .elementor-element-755a5a3f {
    order: 1 !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  /* Logo position */
  .elementor-element-54162ef5 {
    order: 2 !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin-right: auto !important;
  }

  .elementor-element-54162ef5 img {
    max-width: 230px !important;
    height: auto !important;
    display: block !important;
  }

  /* Right icon wrapper */
  .elementor-element-6c406d95 {
    order: 3 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  /* Hamburger, quote, login base alignment */
  .elementskit-menu-hamburger,
  .elementor-element-5a5ef27 .elementskit-btn,
  .elementor-element-388bfa4a .elementor-icon {
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Quote button style */
  .elementor-element-5a5ef27 .elementskit-btn {
    opacity: 0.85 !important;
    border-radius: 100px !important;
    background:
      linear-gradient(#050505, #050505) padding-box,
      linear-gradient(135deg, rgba(255,255,255,0.75), #bba8ff, #7557f3) border-box !important;
  }

  /* Login icon reset */
  .elementor-element-388bfa4a .elementor-icon {
    border: none !important;
    background: none !important;
    box-shadow: none !important;
  }

  .elementor-element-388bfa4a .elementor-icon svg {
    width: 95% !important;
    height: auto !important;
    border: none !important;
    fill: #ffffff !important;
    opacity: 0.70 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  /* Hamburger button */
  .elementskit-menu-hamburger {
    flex-direction: column !important;
    gap: 14px !important;
  }

  .elementskit-menu-hamburger-icon {
    display: block !important;
    height: 3px !important;
    margin: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, #ffffff 0%, #cfc3ff 45%, #7b5cff 100%) !important;
  }

  .elementskit-menu-hamburger-icon:nth-child(1),
  .elementskit-menu-hamburger-icon:nth-child(3) {
    width: 35px !important;
  }

  .elementskit-menu-hamburger-icon:nth-child(2) {
    width: 25px !important;
    transform: translateX(4px) !important;
  }

  /* Quote button becomes icon only on tablet */
  .elementor-element-5a5ef27 {
    display: block !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  .elementor-element-5a5ef27 .elementskit-btn {
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  .elementor-element-5a5ef27 .elementskit-btn::before,
  .elementor-element-5a5ef27 .elementskit-btn::after {
    content: none !important;
    display: none !important;
  }

  .elementor-element-5a5ef27 .elementskit-btn i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 1 !important;
    background: linear-gradient(135deg, #ffffff 0%, #d8ceff 40%, #8b6cff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 100px !important;
  }

  /* Login/Register icon */
  .elementor-element-388bfa4a {
    display: block !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  .elementor-element-388bfa4a .elementor-icon i {
    font-size: 24px !important;
    line-height: 1 !important;
    background: linear-gradient(135deg, #ffffff 0%, #d8ceff 40%, #8b6cff 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
  }

  /* Keep ElementsKit offcanvas menu working */
  .elementskit-menu-container {
    position: fixed !important;
  }

  button.elementskit-menu-hamburger {
    border: none !important;
  }

  #travlia-header > div > div > div:nth-of-type(3) > div:first-of-type > div > div > a {
    border-radius: 100px !important;
  }
}


/* ================================
   Mobile Navbar
   Hamburger Left + Logo Right
   No Right-Side Icons
================================ */

@media (max-width: 767px) {

  /* Main navbar row */
  .elementor-element-4e560fad {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 6px 12px !important;
    overflow: hidden !important;
  }

  /* Hamburger on left */
  .elementor-element-755a5a3f {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Logo on right */
  .elementor-element-54162ef5 {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    flex: 0 1 auto !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    max-width: calc(100vw - 80px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .elementor-element-54162ef5 img {
    width: auto !important;
    max-width: 145px !important;
    height: auto !important;
    display: block !important;
  }

  /* Hide full right-side icon area on mobile */
  .elementor-element-6c406d95,
  .elementor-element-5a5ef27,
  .elementor-element-388bfa4a {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    flex: 0 0 0 !important;
  }

  /* Hamburger sizing */
  .elementskit-menu-hamburger {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .elementskit-menu-hamburger-icon {
    display: block !important;
    height: 2px !important;
    margin: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, #ffffff 0%, #cfc3ff 45%, #7b5cff 100%) !important;
  }

  .elementskit-menu-hamburger-icon:nth-child(1),
  .elementskit-menu-hamburger-icon:nth-child(3) {
    width: 25px !important;
  }

  .elementskit-menu-hamburger-icon:nth-child(2) {
    width: 15px !important;
    transform: translateX(4px) !important;
  }
}


/* ================================
   Smaller Mobile Fit Fix
================================ */

@media (max-width: 480px) {

  .elementor-element-4e560fad {
    gap: 10px !important;
    padding: 2px 10px !important;
    border-radius: 18px !important;
  }

  .elementor-element-54162ef5 {
    max-width: calc(100vw - 72px) !important;
  }

  .elementor-element-54162ef5 img {
    max-width: 145px !important;
  }

  .elementskit-menu-hamburger {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .elementskit-menu-hamburger-icon {
    height: 2px !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, #ffffff 0%, #cfc3ff 45%, #7b5cff 100%) !important;
  }

  .elementskit-menu-hamburger-icon:nth-child(1),
  .elementskit-menu-hamburger-icon:nth-child(3) {
    width: 25px !important;
  }

  .elementskit-menu-hamburger-icon:nth-child(2) {
    width: 15px !important;
    transform: translateX(4px) !important;
  }
}/* End custom CSS */