.nav-btn .carousel-control-prev-icon,
.nav-btn .carousel-control-next-icon {
  filter: invert(0.4);
  /* schimbă culoarea iconițelor dacă sunt prea albe */
}

.carousel-indicators button {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: #6c757d !important;
  /* gri Bootstrap */
  opacity: 0.5;
  margin: 0 5px;
  border: none;
  transition: all 0.3s ease;
}

.carousel-indicators .active {
  opacity: 1;
  background-color: #C92A28 !important;
  /* bulină activă mai închisă */
}
/* Săgețile în afara imaginii */
#myCarousel .carousel-control-prev,
#myCarousel .carousel-control-next {
  width: auto;
  transform: translateY(-50%);
  top: 50%;
}

#myCarousel .carousel-control-prev {
  left: -50px; /* Ajustează cât de departe să fie */
}

#myCarousel .carousel-control-next {
  right: -50px;
}
.subTitleBlack{
    color: black;
}
  table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-family: Arial, sans-serif;
  }
  th, td {
    padding-bottom: 8px ;
    padding-top: 8px ;
   
  }
  th {
    background-color: #f5f5f5;
  }
  .textTabel{
    font-size: 12px;
  }
    .image-box {
   
    
   
    border-radius: 12px;       /* margini rotunjite */
    text-align: center;        /* centru pentru imagine */
    background: #f9f9f9;       /* fundal subtil */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* umbră */
  }

  .image-box img {
    width: 100%;
    border-radius: 10px;       /* rotunjirea imaginii */
    display: block;
  }

  .image-box p {
    margin-top: 8px;
    font-family: Arial, sans-serif;
    font-size: 14px;
  }
   
@media (max-width: 575.98px) {
.textTabel{
  font-size: 12px;
}



}

/* Medium screens: tablets (≥576px and <768px) */
@media (min-width: 576px) and (max-width: 767.98px) {
.textTabel{
  font-size: 14px;
}
}


/* Large screens: desktops (≥768px and <992px) */
@media (min-width: 768px) and (max-width: 991.98px) {
.textTabel{
  font-size: 15px;
}
}

/* Extra large screens: desktops (≥992px) */
@media (min-width: 992px) {
  .textTabel{
  font-size: 16px;
}

}