/* Certificate Carousel Modal Controls */
#certificateCarousel .carousel-control-prev,
#certificateCarousel .carousel-control-next {
  border: 1px solid var(--bs-primary) !important;
  color: var(--bs-primary) !important;
}

#certificateCarousel .carousel-control-prev:hover,
#certificateCarousel .carousel-control-next:hover {
  border: 1px solid var(--bs-primary) !important;
  color: white !important;
  background-color: var(--bs-primary) !important;
}

/* Responsive image sizing for modal carousel */
@media (max-width: 768px) {
  #certificateCarousel .carousel-item img {
    height: 300px !important;
    max-width: 100% !important;
  }
}

@media (max-width: 576px) {
  #certificateCarousel .carousel-item img {
    height: 250px !important;
    max-width: 100% !important;
  }
}

@media (max-width: 400px) {
  #certificateCarousel .carousel-item img {
    height: 200px !important;
    max-width: 100% !important;
  }
}

/* Quote paragraph styling */
.quote-paragraph {
  border-left: 4px solid #0d6efd;
  background: none;
}

/* Override Bootstrap bg-light color */
:root {
  --bs-light: rgb(155, 180, 200); /*rgb(202, 208, 188)*/
}

.bg-light {
  background-color: rgb(155, 180, 200) !important; /*rgb(202, 208, 188)*/
}

/* Thicker bottom border utility */
.border-bottom-thick {
  border-bottom-width: 3px !important;
}