/* let auto-height sections size naturally */
/* .fp-auto-height {
  height: auto !important;
} */

/* all other sections get full viewport height *
.fp-section:not(.fp-auto-height) {
/*   height: 100vh;
} */

/* html/body=auto on mobile only */
@media (max-width: 768px) {
  html,
  body {
    height: auto !important;
  }

  .fp-controlArrow {
    top: 65% !important;
  }
}

a {
  color: #c5a778;
}

/* Custom Button Animations */
.btn-animate .elementor-button-icon {
  position: relative;
  top: 0;
  left: 0;
  transition: ease-in-out 0.5s;
}
/* Hover Animations */
.hover-down:hover .elementor-button-icon {
  top: 5px;
}
.hover-right:hover .elementor-button-icon {
  left: 5px;
}

/* Footer Styling */
@media (max-width: 760px) {
  #footer-menu-1 ul {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    width: 100%;
    justify-content: space-between;
  }
  #footer-menu-2 ul {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: space-between;
    width: 100%;
  }
}

/* Hide JS Branding */
.fp-watermark {
  display: none !important;
}

/* Footer Scroll behaviour */
.footer {
  position: relative;
  z-index: 99;
}
#fullpage {
  /*   overflow: visible !important; */
  /* 	    transition-delay: 0s !important; */
}

/**
 * FullPage.js Home header 
 * */
#js-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  z-index: 9999 !important;
  transition:
    background 0.3s ease,
    padding 0.3s ease;

  /* initial (hero) state */
  background: transparent;
  padding: 30px 20px;
}

/* scrolled (or section-2+) state */
#js-header.scrolled {
  background: rgba(255, 255, 255, 0.95);
  padding: 0 20px !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(10px) !important;
}

#js-header.scrolled .e-con-inner {
  padding: 10px 0 !important;
}

#js-header.scrolled #site-logo img {
  /* resize logo */
  width: 60px !important;
  height: auto !important;
}

/**
 * White Main Header Styling  
 * */

/* Lottie Icons Div */
.lottie-icon > div > a > div {
  display: flex;
  gap: 0px;
}

@media (max-width: 880px) {
  .lottie-icon .e-lottie__caption {
    display: none;
  }
}

/* Text alignment for Lottie Icons  */
.e-lottie__caption {
  margin: 0;
  display: inline-block;
}
/* Lottie animation sizing */
.e-lottie__animation {
  width: var(--lottie-container-width, 70px);
  flex-shrink: 0;
}

/* Add space in Menu Icons */
.elementor-2750
  .elementor-element.elementor-element-0ceb0f2
  .e-lottie__caption {
  padding-left: 6px;
}
.lottie-icon {
  width: 20px;
  height: 20px;
  -webkit-filter: invert(100%); /* Safari/Chrome */
  filter: invert(100%);
}
.elementor-16 .elementor-element.elementor-element-6c32e53 .e-lottie__caption {
  padding-left: 6px;
}

.white-header.elementor-sticky--effects {
  background-color: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(10px) !important;
  padding: 0 20px !important;
}
body
  > div.elementor.elementor-2750.elementor-location-header
  > div.elementor-element.elementor-element-cb73ba7.white-header.site-header.e-flex.e-con-boxed.e-con.e-parent.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects
  > div
  > div
  > div.elementor-element.elementor-element-22017e7.e-con-full.e-flex.e-con.e-child
  > div
  > div
  > a
  > img {
  transition: 1.2s all ease;
  width: 60px !important;
  height: auto !important;
}

.white-header.elementor-sticky--effects .e-con-inner {
  transition: 1.2s all ease;
  padding: 10px 0 !important;
}

.white-header .e-con-inner {
  transition: 1.2s all ease;
}

.white-header {
  transition: background-color 1s ease !important;
}
.white-header.elementor-sticky--effects > .elementor-container {
  min-height: 70px;
}
.white-header > .elementor-container {
  transition: min-height 1s ease !important;
}

.main-menu-popup a.elementor-item {
  text-align: right;
}

/**
 ***  Menu Overlay Fix 
 */

/*.menu-popup {
/*     backdrop-filter: blur(10px); */
/* 	transition: all 5s; */
/*         opacity: 0; */
/*         transform: translateX(-100%); */
/*         background: rgba(15, 15, 15, 0.63); */
/*         backdrop-filter: blur(10px); */
/*         -webkit-backdrop-filter: blur(10px); */
/*         will-change: transform, backdrop-filter; /* Force GPU layer */
/* 
		
@keyframes menuSlideIn {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
	}
}
	
/* Main blur effect with "main-blur-menu-popup" class */
/* .main-blur-menu-popup.elementor-popup-modal .dialog-lightbox-widget {
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    opacity: 0;
    transition: 
        opacity 0.4s ease-out,
        -webkit-backdrop-filter 0.4s ease-in,
        backdrop-filter 0.4s ease-in;
} */

/* Open animation (ease-in) */
/* .main-blur-menu-popup.elementor-popup-modal--active .dialog-lightbox-widget {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 1;
    transition-timing-function: ease-out;
} */

/* Close animation (ease-out) */
/* .main-blur-menu-popup.elementor-popup-modal:not(.elementor-popup-modal--active) .dialog-lightbox-widget {
    transition: 
        opacity 0.3s ease-out,
        -webkit-backdrop-filter 0.3s ease-out,
        backdrop-filter 0.3s ease-out;
} */

/* Safari fix for specific popup only */
/* @supports (-webkit-backdrop-filter: blur(10px)) {
    .main-blur-menu-popup.elementor-popup-modal .dialog-lightbox-widget {
        background: rgba(0, 0, 0, 0.25);
    }
} */

/* Popup Overlay Animation */
.elementor-popup-modal:not([style="display: none;"]) {
  transition: all 0.3s;
  opacity: 1;
}
div.elementor-popup-modal[style="display: none;"] {
  transition: all 0.3s;
  opacity: 0;
  display: flex !important;
  z-index: -5;
}
.elementor-popup-modal[style="display: none;"] > div {
  display: none;
}
.elementor-popup-modal {
  animation: fade-in-by-marks 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}
@keyframes fade-in-by-marks {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}