:root{
  --forest:#123524;
  --deep:#1F4529;
  --orange:#E8751A;
  --light:#F5F7F8;
  --dark:#0F172A;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  background:var(--light);
  color:#1e293b;
  overflow-x:hidden;
}

img{
  max-width:100%;
  display:block;
}

.glass{
  backdrop-filter:blur(18px);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
}

.gradient-text{
  background:linear-gradient(90deg,var(--orange),#ffd166);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.section-title{
  font-size:clamp(2rem,5vw,3.5rem);
  font-weight:800;
}

.card-hover{
  transition:.35s ease;
}

.card-hover:hover{
  transform:translateY(-10px);
}

.gallery-item{
  overflow:hidden;
  border-radius:24px;
}

.gallery-item img{
  transition:.7s;
}

.gallery-item:hover img{
  transform:scale(1.08);
}

.dark-mode{
  background:var(--dark);
  color:#fff;
}

.dark-mode section{
  color:#fff;
}

.dark-mode .bg-white{
  background:#111827 !important;
}

.dark-mode .text-slate-600,
.dark-mode .text-slate-500{
  color:#cbd5e1 !important;
}

#topBtn{
  transition:.3s;
}

.custom-shadow{
  box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.hero-overlay{
  background:linear-gradient(
    180deg,
    rgba(0,0,0,.45),
    rgba(0,0,0,.75)
  );
}

@media (max-width:1024px){
  .hero-mobile-center{
    text-align:center;
  }
}

@media (max-width:768px){
  .section-padding{
    padding-top:5rem;
    padding-bottom:5rem;
  }
}

html{
  scroll-behavior:smooth;
}

.hero img{
    transition: all .5s ease;
}

.hero img:hover{
    transform: translateY(-8px);
}