body {
  font-family: "Segoe UI", sans-serif;
}

/* Animations */

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }

  60% {
    opacity: 1;
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.hero-section,
.services-section,
.about-section {
  padding: 35px 0 0;
}

.hero-text h1 {
  font-size: 2.8rem;
  font-weight: bold;
}

.hero-text p {
  color: #555;
}

.btn-primary {
  background-color: #5b6dff;
  border: none;
}

.btn-outline-secondary {
  border-color: #bbb;
}

/* Titles */
.title {
  font-weight: bolder;
  text-align: center;
  position: relative;
  line-height: 100px;
}

.title::after {
  content: '';
  background-color: blue;
  width: 80px;
  height: 4px;
  border-radius: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* Card shadow and hover effect */
.custom-card {
  box-shadow: 0 4px 12px rgba(0, 30, 255, 0.164);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: none;
}

.custom-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 30, 255, 0.164);
}

/* Center title and apply blue color */
.card-title {
  color: #5b6dff;
  /* Your theme blue */
  font-weight: 600;
}