:root {
  --header-height: 100px;
  --scroll-offset: calc(var(--header-height) + 10px);
}

/* Responsive header height adjustments */
@media (max-width: 768px) {
  :root {
    --header-height: 80px;
    --scroll-offset: calc(var(--header-height) + 5px);
  }
}

@media (max-width: 576px) {
  :root {
    --header-height: 70px;
    --scroll-offset: calc(var(--header-height) + 5px);
  }
}

html {
  scroll-padding-top: var(--scroll-offset);
}

section[id] {
  scroll-margin-top: var(--scroll-offset);
}

.hero {
  background: url("/_images/s2bheronew.jpg") no-repeat center/cover;
}

.w-60{
    width: 70% !important;
}
.icon-circle {
  width: 64px;
  height: 64px;
  aspect-ratio: 1;
}

.tab-content {
  display: none;
}

.hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.subheading {
  font-size: 1.15rem !important;
}
.hover-lift:hover {
  transform: translateY(-5px);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
}