/* static/css/services.css */

/* Gradient background */
.hero-gradient {
  background: linear-gradient(to right, #9C27B0, #3F51B5);
  color: white;
  padding: 60px 0;
}

/* Buttons */
.btn-light {
  background-color: #fff;
  color: #3F51B5;
  font-weight: 500;
}

.btn-outline-light {
  border: 2px solid #fff;
  color: #fff;
  font-weight: 500;
}

.btn-light:hover {
  background-color: #f1f1f1;
}

.btn-outline-light:hover {
  background-color: #fff;
  color: #3F51B5;
}
@media (max-width: 991px) {
  /* remove top padding so navbar touches video */
  body {
    padding-top: 0 !important;
  }

  /* make sure navbar sits over video */
  .navbar {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
  }

  /* video section shrinks slightly to avoid hidden overlay */
  .hero-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}