html {
  scroll-behavior: smooth;
}

body {
  padding-top: 60px;
}

.custom-navbar {
  background-color: #005592;
}
.custom-navbar .navbar-brand {
  padding-left: 2%;
}

.custom-navbar .navbar-brand,
.custom-navbar .navbar-nav .nav-link {
  color: #fff;
  /* Change text color */
}

.custom-navbar .navbar-brand:hover,
.custom-navbar .navbar-nav .nav-link:hover {
  color: #ccc;
  /* Change text color on hover */
}

.navbar-nav .nav-link {
  font-size: 20px;
  /* Increase font size */
  margin-right: 20px;
  /* Increase gap between items */
}

.custom-navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' width='30' height='30'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  /* Change icon color to light */
}

#carouselExampleIndicators {
  margin-top: 15px;
}


.card-articles {
  margin: 15px;
}

.article-image {
  height: 600px;
  /* Set the desired height for the article image */
  object-fit: cover;
  /* Ensure the image covers the specified height */
}

footer {
  background-color: #f8f9fa;
  padding: 20px 0;
}