.latest {
    background-color: black;
}
.list-group-item a {
    text-decoration: underline;
    color: #333; /* Dark color for the text */
}

.list-group-item a:hover {
    color: #007bff; /* Change color on hover */
}
/*--------socal media integraion--------------------------------*/
.card {
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card-header {
    font-size: 1.2rem;
    text-align: center;
}

.card-body {
    padding: 15px;
    height: 100%; /* Ensure vertical alignment */
}

.fb-page, iframe, blockquote.twitter-tweet {
    max-width: 100%;
    height: auto;
}