html {
  font-family: 'Manrope', sans-serif;
  scroll-behavior: smooth;
}

/* HIDDEN SCROLLBAR */
/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* CUSTOM GRADIENTS */
.hero-gradient-overlay {
  background: radial-gradient(
    ellipse at bottom left,
    rgba(47, 213, 255, 0.2) 0%,
    rgba(47, 213, 255, 0.1) 30%,
    transparent 65%
  );
}

.footer-gradient-overlay {
  background: radial-gradient(
    ellipse at bottom left,
    rgba(47, 213, 255, 0.2) 0%,
    rgba(47, 213, 255, 0.1) 30%,
    transparent 65%
  );
}

.dual-gradient-overlay {
  background:
    radial-gradient(ellipse at bottom left, rgba(47, 213, 255, 0.2) 0%, rgba(47, 213, 255, 0.1) 30%, transparent 65%),
    radial-gradient(ellipse at top right, rgba(47, 213, 255, 0.15) 0%, rgba(47, 213, 255, 0.08) 25%, transparent 50%);
}

/* NAV */
.nav-icon {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

.nav-icon span {
  display: block;
  height: 2px;
  min-height: 2px;
  width: 100%;
  background-color: var(--color-dark-01);
  transition: 0.3s ease-in-out;
  transform-origin: center;
}

.nav-icon.open span:nth-child(1) {
  transform: rotate(45deg);
  position: absolute;
}

.nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.nav-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
  position: absolute;
}

.nav-content {
  transition: all 0.3s ease-out;
}

#mainNav.nav-scrolled {
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

#mainNav.nav-scrolled .nav-content {
  width: calc(100% - 2rem);
  margin: 0.75rem auto 0;
  border-radius: 0.75rem;
  background: rgb(255 255 255 / 0.95);
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  backdrop-filter: blur(4px);
}

@media (max-width: 1024px) {
  #mainNav.nav-scrolled .mobile-menu.open + .nav-content,
  #mainNav.nav-scrolled .mobile-menu.open {
    border-radius: 0.75rem 0.75rem 0 0;
  }
}

.mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-out;
}

.mobile-menu.open {
  padding-top: 24px;
  padding-bottom: 24px;
  max-height: 500px;
  transition: all 0.3s ease-in;
}

#mainNav.nav-scrolled .mobile-menu.open {
  background: rgb(255 255 255 / 0.95);
  backdrop-filter: blur(4px);
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}

@media (max-width: 1024px) {
  #mainNav.nav-scrolled .nav-content.mobile-open {
    border-radius: 0.75rem 0.75rem 0 0;
    box-shadow: none;
  }
  #mainNav.nav-scrolled .mobile-menu.open {
    margin: 0 1rem;
    margin-top: -3px;
    border-radius: 0 0 0.75rem 0.75rem;
    width: calc(100% - 2rem);
  }
}

/* BACKGROUND IMAGES */
.bg-dark-01-image {
  background-image: url('/new-partia-landing/assets/images/dark-bg-01.webp');
  background-size: cover;
  background-position: center;
}

.bg-dark-02-image {
  background-image: url('/new-partia-landing/assets/images/dark-bg-02.webp');
  background-size: cover;
  background-position: center;
}

.bg-ai-event-image {
  background-image: url('/new-partia-landing/assets/images/ai-event-bg.webp');
  background-size: cover;
  background-position: center;
}

.bg-manage-vendor-image {
  background-image: url('/new-partia-landing/assets/images/manage-vendor-bg.webp');
  background-size: cover;
  background-position: center;
}

.bg-memory-capsule-image {
  background-image: url('/new-partia-landing/assets/images/memory-capsule-bg.webp');
  background-size: cover;
  background-position: center;
}

/* HOME */

.bg-comercial-event-image {
  background-image: url('/new-partia-landing/assets/images/home/comercial-events.webp');
  background-size: cover;
  background-position: center;
}

.bg-corporate-event-image {
  background-image: url('/new-partia-landing/assets/images/home/corporate-events.webp');
  background-size: cover;
  background-position: center;
}

.bg-personal-event-image {
  background-image: url('/new-partia-landing/assets/images/home/personal-events.webp');
  background-size: cover;
  background-position: center;
}

.bg-private-event-image {
  background-image: url('/new-partia-landing/assets/images/home/private-events.webp');
  background-size: cover;
  background-position: center;
}

.bg-special-event-image {
  background-image: url('/new-partia-landing/assets/images/home/special-events.webp');
  background-size: cover;
  background-position: center;
}

/* ORGANIZERS */

.bg-personal-special-event-image {
  background-image: url('/new-partia-landing/assets/images/organizers/personal-special-event.webp');
  background-size: cover;
  background-position: center;
}

.bg-birthday-image {
  background-image: url('/new-partia-landing/assets/images/organizers/birthday.webp');
  background-size: cover;
  background-position: center;
}

.bg-wedding-image {
  background-image: url('/new-partia-landing/assets/images/organizers/wedding.webp');
  background-size: cover;
  background-position: center;
}

.bg-christening-image {
  background-image: url('/new-partia-landing/assets/images/organizers/christening.webp');
  background-size: cover;
  background-position: center;
}

.bg-coming-of-age-image {
  background-image: url('/new-partia-landing/assets/images/organizers/coming-of-age.webp');
  background-size: cover;
  background-position: center;
}

.bg-engagement-image {
  background-image: url('/new-partia-landing/assets/images/organizers/engagement.webp');
  background-size: cover;
  background-position: center;
}

.bg-civil-wedding-image {
  background-image: url('/new-partia-landing/assets/images/organizers/civil-wedding.webp');
  background-size: cover;
  background-position: center;
}

.bg-surprise-party-image {
  background-image: url('/new-partia-landing/assets/images/organizers/surprise-party.webp');
  background-size: cover;
  background-position: center;
}

.bg-batchelor-party-image {
  background-image: url('/new-partia-landing/assets/images/organizers/batchelor-party.webp');
  background-size: cover;
  background-position: center;
}

.bg-gender-reveal-image {
  background-image: url('/new-partia-landing/assets/images/organizers/gender-reveal.webp');
  background-size: cover;
  background-position: center;
}

.bg-other-image {
  background-image: url('/new-partia-landing/assets/images/organizers/other.webp');
  background-size: cover;
  background-position: center;
}

/* VENDORS */

.bg-artistic-services-image {
  background-image: url('/new-partia-landing/assets/images/vendors/artistic-services.webp');
  background-size: cover;
  background-position: center;
}

.bg-technical-services-image {
  background-image: url('/new-partia-landing/assets/images/vendors/technical-services.webp');
  background-size: cover;
  background-position: center;
}

.bg-culinary-services-image {
  background-image: url('/new-partia-landing/assets/images/vendors/culinary-services.webp');
  background-size: cover;
  background-position: center;
}

.bg-location-services-image {
  background-image: url('/new-partia-landing/assets/images/vendors/location-services.webp');
  background-size: cover;
  background-position: center;
}

.bg-other-services-image {
  background-image: url('/new-partia-landing/assets/images/vendors/other-services.webp');
  background-size: cover;
  background-position: center;
}

.bg-manage-events-image {
  background-image: url('/new-partia-landing/assets/images/manage-events-bg.webp');
  background-size: cover;
  background-position: center;
}

.bg-guest-management-image {
  background-image: url('/new-partia-landing/assets/images/guest-management-bg.webp');
  background-size: contain;
  background-position: center;
}