/* General Styles */
body {
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f8f9fa;
  color: #333;
}

.attendee-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Hero Section */
.hero {
  background: url('https://source.unsplash.com/1600x900/?children,community') no-repeat center center/cover;
  height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  position: relative;
}

.hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.hero .container {
  position: relative;
  z-index: 2;
}

/* Buttons */
.btn-custom {
  background: #ff9800;
  color: white;
  padding: 12px 24px;
  border-radius: 30px;
  font-size: 1.2rem;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.btn-custom:hover {
  background: #e68900;
}

/* Section Titles */
.section-title {
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

/* Features Section */
.icon {
  font-size: 2rem;
  color: #007bff;
  margin-bottom: 10px;
}

/* Team Members */
.team-member img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}

/* Footer */
footer {
  background: #343a40;
  color: white;
  padding: 20px;
  text-align: center;
}

/* Responsive Design */
@media (max-width: 768px) {
  .hero {
      height: 50vh;
  }
  .btn-custom {
      font-size: 1rem;
      padding: 10px 20px;
  }
}


        /* Themed Hero Section */
        .hero2 {
          background: linear-gradient(to right, rgba(79, 172, 254, 0.9), rgba(0, 242, 254, 0.9)), 
                      url('https://source.unsplash.com/1600x900/?teamwork,children') center/cover no-repeat;
          height: 60vh;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          color: white;
      }

      /* Section Titles */
      .section-title {
          text-align: center;
          font-weight: bold;
          margin-bottom: 30px;
          color: #007bff;
      }

      /* Icons */
      .icon {
          font-size: 2rem;
          color: #ffc107;
          margin-bottom: 10px;
      }

      /* Team Members */
      .team-member img {
          width: 120px;
          height: 120px;
          border-radius: 50%;
          object-fit: cover;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
      }

      /* Custom CTA Button */
      .btn-custom {
          background: #ff9800;
          color: white;
          padding: 12px 24px;
          border-radius: 30px;
          font-size: 1.2rem;
          text-decoration: none;
          transition: all 0.3s ease-in-out;
      }
      .btn-custom:hover {
          background: #e68900;
      }

      .nav-pills .nav-link {
        color: #4facfe;
        border-radius: 30px;
        margin: 0 5px;
        font-weight: 500;
    }

    .nav-pills .nav-link.active {
        background: linear-gradient(to right, #4facfe, #00f2fe);
    }

    .btn-checkout {
        background: #dc3545;
        color: rgb(235, 24, 24);
        padding: 12px 24px;
        border-radius: 30px;
        font-size: 1.2rem;
        width: 100%;
        transition: all 0.3s ease-in-out;
    }

    .btn-checkout:hover {
        background: #c82333;
        color: white;
    }

    .attendee-photo {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
  }