.d-file{font-weight: bold;color:#fff;text-transform: uppercase;}
.cont-down .title{height: 50px;}
.item-list li {margin: 0 0 1em 0;padding: 0;list-style: none;}
.circle-container {
  border: 3px solid #1da35a;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f9fa; /* Color de fondo del círculo */
  border-radius: 50%; /* Hace que el div sea un círculo */
  width: 100%;
  padding-top: 100%; /* Relación de aspecto 1:1 */
  position: relative; /* Permite que el contenido interno se posicione absolutamente respecto a este contenedor */
  overflow: hidden; /* Oculta cualquier contenido que se desborde */
}

.circle-container .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;width: 100%; /* Centra el texto y el enlace dentro del div */
}

@media (max-width: 767px) {
  .circle-container {
    padding-top: 100%;
  }
}
