@font-face {
  font-family: 'Roboto';
  src: url('roboto.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Roboto', sans-serif;
  position: relative;
}

.bg-primary {
  background-color: #1976d2 !important;
}

.text-primary {
  color: #1976d2 !important;
}

.btn-primary {
  background-color: #1976d2;
  border-color: #1976d2;
}

.btn-primary:hover {
  background-color: #1565c0;
  border-color: #1565c0;
}

.text-green {
  color: #198754 !important;
}

.bg-purple {
  background-color: #9c27b0 !important;
}

.bg-green {
  background-color: #198754 !important;
}

.text-40 {
  color: #404040 !important;
}


section {
  min-height: 100vh;
  padding: 4rem 0;
}

.navbar .nav-link.active {
  color: #0d6efd;
  font-weight: 500;
}

.hero-gradient {
  background: linear-gradient(135deg, #e3f2fd 0%, #e8eaf6 100%);
}

.cta-gradient {
  background: linear-gradient(90deg, #1976d2 0%, #1565c0 100%);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
/* Dots */
.carousel-indicators [data-bs-target] {
  background-color: rgba(0, 0, 0, 0.4);
}
.carousel-indicators .active {
  background-color: black;
}
.carousel-caption {
  background: rgba(0, 0, 0, 0.5); /* semi-transparent black box */
  border-radius: 8px;
  padding: 10px;
}
.carousel-caption h5,
.carousel-caption p {
  color: #fff; /* force white text */
}