/* Custom Fonts and Utilities */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

body {
  font-family: 'Outfit', sans-serif;
  overflow-x: hidden;
}

/* Custom Color Variables & Classes */
:root {
  --color-primary: #00594C; /* Deep Teal/Green */
  --color-secondary: #F4A01C; /* Orange/Yellow */
  --color-dark: #0A1C19;
  --color-light: #F9FDFB;
}

/* Transitions */
.transition-all-300 {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Custom Banner Overlay */
.hero-overlay {
  background: linear-gradient(to bottom, rgba(10, 28, 25, 0.1) 0%, rgba(10, 28, 25, 0.4) 60%, rgba(10, 28, 25, 0.75) 100%);
}

@media (min-width: 768px) {
  .hero-overlay {
    background: linear-gradient(to right, rgba(10, 28, 25, 0.85) 30%, rgba(10, 28, 25, 0.6) 70%, rgba(10, 28, 25, 0.45) 100%);
  }
}

/* Creative Slide Image Clip on Mobile */
.slide-img-card {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}

@media (min-width: 768px) {
  .slide-img-card {
    clip-path: none;
  }
}

/* Dropdown Animation */
.nav-dropdown {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-item:hover .nav-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Custom Slider Transitions */
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: scale(1.03);
}

.slide.active {
  opacity: 1;
  z-index: 2;
  transform: scale(1);
}

/* Slide Content Animation */
.slide.active .slide-content-item {
  animation: fadeInUp 0.8s ease-out forwards;
  opacity: 0;
}

.slide.active .slide-title {
  animation-delay: 0.2s;
}

.slide.active .slide-desc {
  animation-delay: 0.4s;
}

.slide.active .slide-actions {
  animation-delay: 0.6s;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #00463B;
}

/* Hollow Outline Text for Numbers */
.text-outline-teal {
  color: transparent;
  -webkit-text-stroke: 1.5px #00594C;
  font-weight: 800;
  font-family: 'Outfit', sans-serif;
}

/* Organic Pebble Shape for Stat Icons */
.pebble-shape {
  border-radius: 35% 65% 60% 40% / 50% 40% 60% 50%;
}

/* Hide scrollbar utility */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}