.grayBackground{
    --bs-bg-opacity: 1;
    background-color:#dedfe5 !important;
}

.myList ul{
    list-style-type: none; 
    padding-left: 0;
}
.myList li{
    font-weight: bold;
    color: #032167;
    padding-top: 15px;
    padding-bottom: 10px;
}
.myList li::before {
  content: "✔︎"; /* Define el nuevo punto */
  margin-right: 10px; /* Espacio entre el punto y el texto */
}

.myButton{
    width: 100%;
    background-color: #ff5757 !important;
    color: white;
    font-weight: bold;
}

.myButton:hover {
    background-color: #ad3c3c !important; /* Color cuando se pasa el mouse */
    color: white; /* Opcional: Cambiar el color del texto también */
  }
.myImageContainer{
    position: relative;
    height: 250px;
}
.myImage{
    width: 100%; /* Asegura que la imagen ocupe el ancho del div */
    height: 100%; /* Asegura que la imagen ocupe la altura del div */
    object-fit: cover; /* Ajusta la imagen para cubrir todo el espacio sin deformarse */
    border-radius: inherit; 
}

.myImageRounded{
    border-radius: 50%;
    border: 3px solid #032167 ;
    height: 150px;
    height: 150px;
}

.card{
    border: 0px;
}