.elementor-9854 .elementor-element.elementor-element-458c272{--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;}.elementor-9854 .elementor-element.elementor-element-78dbd6c{--e-off-canvas-justify-content:flex-end;--e-off-canvas-align-items:center;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-9854 .elementor-element.elementor-element-d92c233{--display:flex;}.elementor-9854 .elementor-element.elementor-element-0bfab2c{--display:flex;}.elementor-9854 .elementor-element.elementor-element-81479fa .elementor-icon-wrapper{text-align:center;}.elementor-9854 .elementor-element.elementor-element-9e9c9ca{--grid-template-columns:repeat(0, auto);}.elementor-9854 .elementor-element.elementor-element-e9b905b{--display:flex;}.elementor-9854 .elementor-element.elementor-element-b425ee3 .elementor-button-content-wrapper{flex-direction:row-reverse;}/* Start custom CSS for container, class: .elementor-element-458c272 *//* Navbar Offcanvas Header */
.elementor-9854 .elementor-element.elementor-element-458c272 .e-off-canvas__overlay {
  background-color: #00000080;
  backdrop-filter: blur(4px);
}

.elementor-9854 .elementor-element.elementor-element-458c272 .e-off-canvas__content {
  background-color: var(--ast-global-color-8);
  padding: 50px 0px;
}

.navbar-offcanvas {
  height: 100%;
  overflow-y: auto;
  justify-content: space-between;
  flex-wrap: nowrap !important;
}

/* Misc */
.navbar-offcanvas-header-b svg {
  fill: var(--ast-global-color-0);
}

.navbar-offcanvas-header-b svg:hover {
  fill: var(--ast-global-color-3);
}

/* Navbar Offcanvas Body */
.navbar-offcanvas-body {
    height: 100%;
    padding-top: 30px;
}

/* Navbar Offcanvas Header */
.navbar-offcanvas-header {
  flex-direction: row !important;
  justify-content: space-between;
}

.navbar-offcanvas-header-a {
  text-align: left;
}

.navbar-offcanvas-header-a svg {
  height: 26px;
  width: auto;
}

.navbar-offcanvas-header-b svg {
  height: 20px !important;
  width: auto !important;
}

/* Navbar Offcanvas Footer */
.navbar-offcanvas-footer {
  padding: 0;
  text-align: center!important
}/* End custom CSS */
/* Start custom CSS *//* Navbar */
.nav-pre-fake,
.nav-section,
.nav-section.elementor-sticky--active.nav-section:hover {
  background-color: var(--ast-global-color-8);
}

.nav-pre-fake {
  height: 0.1px;
}

.nav-section {
  padding: 8px 30px !important;
  backdrop-filter: blur(6px) !important;
}

.nav-section > div.e-con-inner {
  flex-direction: row !important;
  gap: 30px;
}

.nav-item-hamburger,
.nav-item-logo,
.nav-item-mobile-button {
  width: 33.33% !important;
}

/* Navbar Hamburger */
.nav-item-hamburger .elementor-icon-wrapper {
  text-align: right;
}

.nav-item-hamburger svg {
  fill: var(--ast-global-color-0);
}

.nav-item-hamburger svg:hover {
  fill: var(--ast-global-color-0);
}

/* Navbar Links - Navbar Offcanvas Menu */
.navigation-desktop {
  justify-content: end;
  display: flex;
}

.navigation-desktop nav {
  margin-top: 5px;
}

.nav-item-links .nav-container li {
  margin-bottom: 0;
}

.nav-item-links .nav-container li a {
  font-size: 15px;
}

.navbar-offcanvas .nav-container li a {
  font-size: 20px;
  line-height: 1.6;
}

.navigation-desktop,
.nav-item-links .nav-container ul {
  display: flex;
  gap: 20px;
}

.nav-item-links .nav-container ul,
.navbar-offcanvas .nav-container ul {
  list-style: none;
}

.nav-item-links .nav-container ul.nav-links,
.navbar-offcanvas .nav-container ul.nav-links {
  margin: 0;
}

.nav-item-links .nav-container li a,
.navbar-offcanvas .nav-container li a {
  color: var(--ast-global-color-5) !important;
  background-color: transparent;
  text-decoration: solid underline transparent 3px;
  text-underline-offset: 8px;
  padding-left: 0;
}

.nav-item-links .nav-container li a:hover,
.nav-item-links .nav-container li a.elementor-item-active,
.navbar-offcanvas .nav-container li a:hover,
.navbar-offcanvas .nav-container li a.elementor-item-active {
  background-color: transparent;
  color: var(--ast-global-color-0) !important;
  text-decoration-color: var(--ast-global-color-0);
}

.navbar-offcanvas .nav-container ul.nav-links > li:nth-child(1) {
  margin-bottom: 20px;
}

/* Navbar Logo*/
.nav-item-hamburger svg {
  width: auto;
  height: 26px;
}

/* Navbar Sticky */
.nav-section.elementor-sticky--active.nav-section {
  background-color: #171717e6;
  transition: background-color 0.5s ease-in-out;
}

/* Mobile only */
@media (max-width: 767px) {
        .nav-section {
        padding: 0!important;
        height: 40px;
    }
    
    .nav-section > div.e-con-inner {
        flex-wrap: nowrap!important;
    }
    
    .nav-item-mobile-button .elementor-button {
        border-radius: 0!important;
        height: 40px;
    }
    
    .nav-item-mobile-button .elementor-button-content-wrapper {
        gap: 10px
    }
    
    .nav-item-mobile-button .elementor-button{
        font-size: 26px;
    }
    
    .nav-item-mobile-button .elementor-button .elementor-button-icon {
        margin-top: -8px;
    }
    
        .nav-section.elementor-sticky--active .nav-item-mobile-button .elementor-button {
        font-size: 18px;
    }
    
        .nav-section.elementor-sticky--active .nav-item-mobile-button .elementor-button .elementor-button-icon {
        margin-top: 0;
    }

  .nav-section.elementor-sticky--active .nav-item-logo {
    display: none;
  }

  .nav-section.elementor-sticky--active .nav-item-mobile-button {
    width: 75% !important;
  }
  
    .nav-section.elementor-sticky--active .nav-item-hamburger {
    width: 25% !important;
  }
  
    .nav-item-hamburger .elementor-icon {
        padding: 5px 15px;
    }

    .nav-section .nav-item-mobile-button .elementor-button-text {
        display: inline-block;
        opacity: 0;
        max-width: 0;
        overflow: hidden;
        white-space: nowrap;
        transform: translateX(-8px);
    
        transition:
            opacity 0.45s cubic-bezier(0.22, 1, 0.36, 1),
            max-width 0.45s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
            padding 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .nav-section.elementor-sticky--active .nav-item-mobile-button .elementor-button-text {
        opacity: 1;
        max-width: 200px;
        transform: translateX(0);
    }
  
}

/* Tablet */
@media (min-width: 768px) {
  .nav-section .nav-item-logo img {
    max-height: 40px!important;
    width: auto;
  }
}

/* Desktop */
@media (min-width: 1025px) {
  /* Navbar */
  .nav-section {
    padding: 16px 30px !important;
  }

  .nav-section.elementor-sticky .nav-item-hamburger,
  .nav-section.elementor-sticky .nav-item-links {
    transition: transform 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }

  .nav-section.elementor-sticky .nav-item-hamburger {
    width: 0 !important;
    height: 0;
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
  }

  .nav-section.elementor-sticky .nav-item-links {
    width: 85% !important;
    height: 28px;
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
  }

  .nav-section.elementor-sticky .nav-item-logo {
    width: 15% !important;
  }

  /* Navbar Sticky */
    .nav-section.elementor-sticky--active .nav-item-logo,
  .nav-section.elementor-sticky--active .nav-item-hamburger {
    width: 50% !important;
  }
  
  .nav-section.elementor-sticky--active .nav-item-hamburger {
    height: 24px;
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
  }

  .nav-section.elementor-sticky--active .nav-item-links {
    width: 0 !important;
    height: 0;
    opacity: 0;
    transform: scale(0);
    pointer-events: none;
  }

  .nav-section.elementor-sticky--active .nav-item-logo {
    text-align: left;
  }

}/* End custom CSS */