.logo {
    display: flex; 
    justify-content: center; 
    align-items: center; 
}
.logo img {
    height: 60px;  
}


.logo-footer {
    margin: 0; 
    padding: 0;
    display: flex; 
    align-items: center; 
    justify-content: center; 
}
.logo-footer img {
    height: 80px;
    margin: 0; 
    padding: 0;   
}

.dark-button {
    padding: 6px 12px; 
    background-color: black; 
    color: white; 
    border-radius: 2px; 
    border: 1px solid black; 
}

.dark-button:hover {
    background-color: white; 
    color: black; 
}

.w-full {
    width: 100%;
}

/* footer */

/* Additional custom styles for the footer */
.footer-section {
    background-color: black;
    opacity: 1;
    padding: 20px 0;
    border-top: 1px solid #e7e7e7;
}

.footer-section .logo-container img {
    max-width: 100%;
    height: 80px;
    margin: 40px 0; 
    /* padding-bottom: 24px;  */
    margin-right: 36px; 
    margin-bottom: 32px; 
    padding: 4px 0; 
    
}

.footer-section .footer-address,
.footer-section .subscription {
    text-align: left;
}

.footer-address ul {
    padding-left: 0;
    list-style: none;
}

.footer-address li {
    margin-bottom: 10px;
}

#copyright-section {
    background-color: #343a40;
    color: #ffffff;
    padding: 10px 0;
}

#copyright-section .copyright-menu ul {
    margin: 0;
    padding: 0;
}

#copyright-section .copyright-menu ul li {
    display: inline;
    margin-right: 10px;
}

#copyright-section .copyright-menu ul li a {
    color: #ffffff;
    text-decoration: none;
}

#copyright-section .copyright-menu ul li a.active {
    font-weight: bold;
}

.section-title-footer {
    display: flex; 
    justify-items: start; 
    width: 100%; 
    margin-top: 4px; 
}
h3 span {
    text-align: left; 
    margin: 20px 0 4px; 
}

/* messages from the form */

.success-message {
    background-color: green;
    color: white;
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
    text-align: center;
}


/* Ensure the active link stands out */
.navbar-nav .active a {
    background-color: red; /* Red background for active link */
    color: white; /* White text for active link */
}

.values-heading {
    font-size: 32px;
    margin-bottom: 24px; 
    color: rgb(172, 62, 62); 
}


.admin-text {
    color: rgb(0, 110, 255); 
    color: white; 
    margin-top: 30px; 

}

.admin-text:hover {
    text-decoration: underline; 
}

.admin {
    background: blue; 
    border-radius: 4px; 
    color: white; 
    padding: 4px 8px; 
}