/* Offset for fixed-top navbar */
body {
  padding-top: 80px; /* Adjusts content to avoid overlapping with the navbar */
}

section {
  scroll-margin-top: 80px; /* Adjust this to the height of your navbar */
}


/* Hero section styling */
.hero-section {
  padding: 80px 0; /* Adds space around hero content */
  background: linear-gradient(135deg, #f0f4f8, #d9e2ec);
  text-align: center;
}
.hero-section {
    background-image: url('images/hero_banner.jpg'); /* Path to your banner image */
    background-size: cover;       /* Cover the entire hero section */
    background-position: center;  /* Center the image */
    background-repeat: no-repeat; /* Prevent image from repeating */
    height: 50vh;                /* Full viewport height */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;                  /* Text color to contrast with the banner */
}

/* Hero section Team Planner styling */
.hero-section-teamplanner {
  padding: 80px 0; /* Adds space around hero content */
  background: linear-gradient(135deg, #f0f4f8, #d9e2ec);
  text-align: center;
}
.hero-section-teamplanner {
    background-image: url('images/teams_working_together.jpg'); /* Path to your banner image */
    background-size: cover;       /* Cover the entire hero section */
    background-position: center;  /* Center the image */
    background-repeat: no-repeat; /* Prevent image from repeating */
    height: 50vh;                /* Full viewport height */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;                  /* Text color to contrast with the banner */
}