/* General Footer Styling */
#my-universal-footer {
    bottom: 0%;
    overflow-y: scroll;
    position: relative;
    background-color: #333; /* Dark background for footer */
    color: white; /* White text for contrast */
    padding: 1px 0; /* Padding around the footer */
}

#my-universal-footer .row {
    display: flex; /* Flexbox for columns */
    justify-content: space-between; /* Space between columns */
    flex-wrap: wrap; /* Wrap columns on smaller screens */
    max-width: 1200px; /* Limit the width of the footer */
    margin: 0 auto; /* Center the footer */
}

#my-universal-footer .col {
    flex: 1; /* Each column takes equal space */
    margin: 10px; /* Margin between columns */
    min-width: 200px; /* Minimum width for each column */
}

#my-universal-footer .col h3 {
    margin-bottom: 15px; /* Space below headings */
    font-size: 18px; /* Font size for headings */
    color: #ffd700; /* Gold color for headings */
}

#my-universal-footer .col p, footer .col ul, #my-universal-footer .col form {
    font-size: 14px; /* Font size for text */
    line-height: 1.6; /* Line height for readability */
    color: #ccc; /* Light gray color for text */
}

#my-universal-footer .col ul {
    list-style: none; /* Remove bullet points */
    padding: 0; /* Remove padding */
}

#my-universal-footer .col ul li {
    margin-bottom: 10px; /* Space between list items */
}

#my-universal-footer .col ul li a {
    color: #ffd700; /* Gold color for links */
    text-decoration: none; /* Remove underline from links */
}

#my-universal-footer .col ul li a:hover {
    text-decoration: underline; /* Underline links on hover */
}

#my-universal-footer .col .social-icons i {
    margin: 10px 5px; /* Margin around social icons */
    font-size: 18px; /* Font size for icons */
    color: #ffd700; /* Gold color for icons */
    cursor: pointer; /* Pointer cursor on hover */
}

#my-universal-footer .col .social-icons i:hover {
    color: #fff; /* White color on hover */
}

#my-universal-footer .col form input[type="email"] {
    padding: 8px; /* Padding inside input field */
    border: none; /* Remove border */
    border-radius: 5px; /* Rounded corners */
    margin-right: 10px; /* Space between input and button */
}

#my-universal-footer .col form button {
    background-color: #ffd700; /* Gold background for button */
    border: none; /* Remove border */
    padding: 8px 15px; /* Padding inside button */
    color: #333; /* Dark text color */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
}

#my-universal-footer .col form button:hover {
    background-color: #fff; /* White background on hover */
    color: #333; /* Dark text color on hover */
}

#my-universal-footer .col .logo {
    margin-bottom: 15px; /* Space below logo */
    border-radius: 50%; /* Circular logo */
}

#my-universal-footer hr {
    border-top: 1px solid #ccc; /* Light gray border */
    margin: 20px 0; /* Space around the horizontal rule */
}

.foo {
    text-align: center; /* Center the copyright text */
    color: #ccc; /* Light gray text color */
    font-size: 14px; /* Smaller font size */
    margin-top: 10px; /* Space above the copyright text */
}