.primary-color{
color: white !important;
    background-color: #2c4d80 !important;
}

/* Mobile adjustments */

.blogs-section {
  background-color: #2c4d80 !important; /* replace with your primary color if needed */
      margin-top: 6rem;
}

.blogs-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: white;
}

.blogs-description {
  font-size: 0.9rem;
  line-height: 1.5;
  color: white;
      font-family: 'Poppins', sans-serif;
}

/* Optional spacing improvement on small devices */
@media (max-width: 576px) {
  .blogs-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.card-title {
  font-size: 15px;
  font-weight: 600;
      color: #87161e !important;
      font-family: "Segoe UI", Arial, sans-serif;
      text-decoration: underline;
}

.card-text {
  font-size: 0.9rem;
  color: #000;
  font-family: 'Poppins', sans-serif;
}

.card-img-top {
  height: 120px; /* Adjust height for all cards */
  object-fit: cover;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.text-primary {
  color: #2c4d80 !important; /* Bootstrap primary color */
  font-size: 0.9rem;
}