.title-bar {
  background-color: #383838;
  color: #afafaf;
  min-height: 100px;
  display: flex;
  align-items: center;
}
h1 {
  text-transform: uppercase;
}
h3 {
  font-size: 1.75rem;
}
.odometer {
  font-size: 3.5rem;
  font-weight: 700;
}


.proyectos-box1 {
  padding: 50px 30px;
  display: flex; 
  justify-content: center; 
  flex-direction: column;
}
.cicle-container {
  border-radius: 999px; 
  height:240px; 
  width: 240px; 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  font-size: 1rem;
  border: dotted 5px;
}

.gray-img {
  filter: grayscale(1);
}
.video-item {
  border-left: 1px solid #FFF; 
  border-right: 1px solid #FFF;
}
.video-preview {
  height: 400px;
  background-image: url('../img/bg-video.jpg');
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.cert-image {
    height: 110px; /* Establece la altura que prefieras */
    width: auto;   /* El ancho se ajustará automáticamente */
    object-fit: cover; /* Opcional: ajusta cómo se recorta la imagen si es necesario */
}