/* GLOBAL HEADER */
[data-elementor-type='header'] {
  margin-bottom: var(--nav-height) !important;
}

.navBar {
  transition: background-color 300ms ease, transform 300ms ease;
}

.no-cta .cta-button {
  display: none !important;
}

.no-cta .header-header_navbar-ctaBtn {
  display: none;
}

.has-cta .header-header_navbar-contactBtn {
  display: none;
}

@media all and (min-width: 1024px) {
  .no-cta .menu-item-contact {
    display: none !important;
  }

  .has-cta .cta-button {
    display: none !important;
  }
}

@media all and (max-width: 1024px) {
  .no-cta .menu-item-contact {
    display: none !important;
  }

  .has-cta .cta-button {
    display: none !important;
  }
}

@media all and (max-width: 767px) {
  .no-cta .menu-item-contact a {
    background: var(--e-global-color-button);
    color: var(--e-global-color-white) !important;
    width: fit-content;
    margin: 30px auto 30px auto;
  }

  .has-cta .cta-button a {
    background: var(--e-global-color-button);
    color: var(--e-global-color-white) !important;
    width: fit-content;
    margin: 30px auto 30px auto;
  }

  .no-cta .menu-item-contact {
    display: block !important;
  }

  .has-cta .cta-button {
    display: block !important;
  }

  @media all and (max-width: 767px) {
    .elementor-item.has-submenu ~ .elementor-nav-menu--dropdown {
      box-shadow: none !important;
    }

    .elementor-nav-menu--dropdown {
      box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    }
  }
}

.header-disappear-enabled .navBar {
  transition: transform 500ms ease, background-color 300ms ease;
}

.headerUP {
  transform: translateY(-150%);
}

/* HEADER 1 */

.header_1 .header_navBar {
  background-color: var(--e-global-color-83acdf2);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.header_1 .header-header_banner {
  display: none;
}

.header_1 .header_navBar_sticky {
  display: none;
}

/* HEADER 2 */

.header_2 .header_navBar_sticky {
  display: none;
}

.header_2 .header_navBar {
  background-color: var(--e-global-color-83acdf2);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/* HEADER 3 */

.header_3 .header_navBar_sticky {
  display: none;
}

.header_3 .header-header_banner {
  display: none;
}

.header_3 .header_navBar {
  position: relative;
  background: linear-gradient(
    to bottom,
    hsla(0, 0%, 0%, 0.95) 0%,
    hsla(0, 0%, 7.28%, 0.954) 16.2%,
    hsla(0, 0%, 14.01%, 0.957) 29.3%,
    hsla(0, 0%, 20.29%, 0.96) 39.8%,
    hsla(0, 0%, 26.22%, 0.963) 48%,
    hsla(0, 0%, 31.93%, 0.966) 54.4%,
    hsla(0, 0%, 37.5%, 0.969) 59.2%,
    hsla(0, 0%, 43.07%, 0.972) 63%,
    hsla(0, 0%, 48.72%, 0.974) 66.1%,
    hsla(0, 0%, 54.58%, 0.977) 68.8%,
    hsla(0, 0%, 60.74%, 0.98) 71.6%,
    hsla(0, 0%, 67.32%, 0.984) 74.9%,
    hsla(0, 0%, 74.43%, 0.987) 78.9%,
    hsla(0, 0%, 82.18%, 0.991) 84.2%,
    hsla(0, 0%, 90.66%, 0.995) 91.1%,
    hsl(0, 0%, 100%) 100%
  );
  z-index: 10;
}

.header_3 .header_navBar::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  z-index: -1;
}

.header_3 .header_navBar.bgOnScroll::after {
  opacity: 1;
}

.header_3 .header-header_navbar-menu a {
  color: white !important;
}

.header_3 .header-header_navbar-menu a:hover {
  color: var(--e-global-color-5992b05) !important;
}

.header_3 .elementor-nav-menu--dropdown {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.header_3 .elementor-nav-menu--dropdown a {
  color: #000 !important;
}

.header_3 .elementor-nav-menu--dropdown a:hover {
  color: #000 !important;
}

/* HEADER 4 */
.header_4 .header_navBar_sticky {
  display: none;
}

.header_4 .header_navBar {
  position: relative;
  background: linear-gradient(
    to bottom,
    hsla(0, 0%, 0%, 0.95) 0%,
    hsla(0, 0%, 7.28%, 0.954) 16.2%,
    hsla(0, 0%, 14.01%, 0.957) 29.3%,
    hsla(0, 0%, 20.29%, 0.96) 39.8%,
    hsla(0, 0%, 26.22%, 0.963) 48%,
    hsla(0, 0%, 31.93%, 0.966) 54.4%,
    hsla(0, 0%, 37.5%, 0.969) 59.2%,
    hsla(0, 0%, 43.07%, 0.972) 63%,
    hsla(0, 0%, 48.72%, 0.974) 66.1%,
    hsla(0, 0%, 54.58%, 0.977) 68.8%,
    hsla(0, 0%, 60.74%, 0.98) 71.6%,
    hsla(0, 0%, 67.32%, 0.984) 74.9%,
    hsla(0, 0%, 74.43%, 0.987) 78.9%,
    hsla(0, 0%, 82.18%, 0.991) 84.2%,
    hsla(0, 0%, 90.66%, 0.995) 91.1%,
    hsl(0, 0%, 100%) 100%
  );
  z-index: 10;
}

.header_4 .header_navBar::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
  z-index: -1;
}

.header_4 .header_navBar.bgOnScroll::after {
  opacity: 1;
}

.header_4 .header-header_navbar-menu a {
  color: white !important;
}

.header_4 .header-header_navbar-menu a:hover {
  color: var(--e-global-color-5992b05) !important;
}

.header_4 .elementor-nav-menu--dropdown {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
.header_4 .elementor-nav-menu--dropdown a {
  color: #000 !important;
}

.header_4 .elementor-nav-menu--dropdown a:hover {
  color: #000 !important;
}

/* HEADER 5 */
.header_5 .header_navBar {
  display: none;
}

.header_5 .header_navBar_sticky {
  max-width: 95%;
  background: var(--e-global-color-secondary);
  border-radius: 50px;
}

.header_5 .header_navBar .header-header_navbar-ctaBtn a {
  border-radius: 50px !important;
}

.header_5 [data-elementor-type='header'] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* HEADER 6 */
.header_6 .header_navBar_sticky {
  display: none;
}

.header_6 .header_navBar.bgOnScroll {
  background-color: var(--e-global-color-secondary);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

/* HEADER 7 */

.header_7 .header_navBar {
  display: none;
}

.header_7 .header_navBar_sticky {
  max-width: 95%;
  background: var(--e-global-color-secondary);
  margin-top: 10px !important;
  border-radius: 50px;
}

.header_7 .header_navBar_sticky .header-header_navbar-ctaBtn a {
  border-radius: 50px !important;
}

.header_7 [data-elementor-type='header'] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.header_7 .header-header_banner {
  display: none;
}

/* HEADER 8 */
.header_8 .header_navBar_sticky {
  display: none;
}

.header_8 .header-header_banner {
  display: none;
}

.header_8 .header_navBar.bgOnScroll {
  background-color: var(--e-global-color-secondary);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}