.elementor-128 .elementor-element.elementor-element-59dc12c{--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-128 .elementor-element.elementor-element-bcaed7d{--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-128 .elementor-element.elementor-element-d412fe6{--display:flex;}.elementor-128 .elementor-element.elementor-element-b7a08db{--display:flex;}.elementor-128 .elementor-element.elementor-element-0d5917f .elementor-icon-wrapper{text-align:center;}.elementor-128 .elementor-element.elementor-element-d06f8e1 .elementor-icon-wrapper{text-align:center;}.elementor-128 .elementor-element.elementor-element-a69c707{--grid-template-columns:repeat(0, auto);}.elementor-128 .elementor-element.elementor-element-b4eebf1{--display:flex;}/* Start custom CSS for container, class: .elementor-element-59dc12c *//* Navbar Offcanvas Header */
.elementor-128 .elementor-element.elementor-element-59dc12c .e-off-canvas__overlay {
  background-color: #333333d9;
  backdrop-filter: blur(4px);
}

.elementor-128 .elementor-element.elementor-element-59dc12c .e-off-canvas__content {
  background-color: var(--ast-global-color-5);
  padding: 50px 0px;
}

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

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

.navbar-offcanvas-footer .elementor-social-icon svg:hover,
.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
}

.navbar-offcanvas-footer .elementor-social-icons-wrapper {
  --icon-size: 20px;
  --grid-column-gap: 0px;
  --grid-row-gap: 0px;
}

.navbar-offcanvas-footer .elementor-social-icon {
  background-color: transparent;
}

/* Navbar Offcanvas Menu */
.navbar-offcanvas .elementor-nav-menu li a {
  font-size: 20px;
  color: var(--ast-global-color-0) !important;
  background-color: transparent;
  border-radius: 5px;
}

.navbar-offcanvas .elementor-nav-menu li:last-child {
  padding-top: 20px;
  text-align: center!important;
}

.navbar-offcanvas .elementor-nav-menu li:last-child a {
  display: inline-block;
}

.navbar-offcanvas .elementor-nav-menu li:last-child a {
  color: var(--ast-global-color-5) !important;
  background-color: var(--ast-global-color-3);
}

.navbar-offcanvas .elementor-nav-menu li a:hover,
.navbar-offcanvas .elementor-nav-menu li a.elementor-item-active {
  background-color: var(--ast-global-color-0);
  color: var(--ast-global-color-5) !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-5);
}

.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;
}

.nav-item-hamburger,
.nav-item-logo {
  width: 50% !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 Logo*/
.nav-item-logo svg,
.nav-item-hamburger svg {
  width: auto;
  height: 26px;
}

/* Navbar Sticky */
.nav-section.elementor-sticky--active.nav-section {
  background-color: var(--e-global-color-cfa2b96);
  transition: background-color 0.5s ease-in-out;
}

/* 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 Links */
  .nav-item-links .elementor-nav-menu {
    gap: 10px;
    justify-content: flex-end !important;
    margin-inline-start: auto;
  }

  .nav-item-links .elementor-nav-menu li {
    padding: 0 !important;
  }

  .nav-item-links .elementor-nav-menu li a,
  .nav-item-links .elementor-nav-menu li a:hover,
  .nav-item-links .elementor-nav-menu li a.elementor-item-active {
    padding: 4px 6px;
  }

  .nav-item-links .elementor-nav-menu li a {
    font-size: 16px;
    color: var(--ast-global-color-0) !important;
    background-color: transparent;
    text-transform: uppercase;
    border-radius: 5px;
  }

  .nav-item-links .elementor-nav-menu li:first-child {
    display: none;
  }

  .nav-item-links .elementor-nav-menu li:last-child a {
    color: var(--ast-global-color-5) !important;
    background-color: var(--ast-global-color-3);
  }

  .nav-item-links .elementor-nav-menu li a:hover,
  .nav-item-links .elementor-nav-menu li a.elementor-item-active {
    background-color: var(--ast-global-color-0);
    color: var(--ast-global-color-5) !important;
  }

  /* Navbar Sticky */
  .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,
  .nav-section.elementor-sticky--active .nav-item-hamburger {
    width: 50% !important;
  }
}/* End custom CSS */