/* footer.css */

.footer {
    background-color: #003366;
    color: white;
    padding: 30px 50px;
}

.footer .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer .row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px; /* Reduced vertical spacing between rows */
}

.footer .col-md-4 {
    flex: 1;
    padding: 0 20px;
    text-align: left;
}

.footer h5 {
    margin-bottom: 8px; /* Reduced space below heading */
    text-decoration: underline;
    color: #ffd700;
    font-size: 1.2rem; /* Smaller heading font size */
}

.footer a {
    color: #ffd700;
    text-decoration: none;
    display: block;
    margin: 3px 0; /* Reduced vertical spacing between links */
    font-size: 1rem; /* Slightly smaller font for links */
}

.footer a:hover {
    color: #ffcc00;
}

.footer .fa {
    margin-right: 8px;
}

.footer p i {
    margin-right: 8px;
}

.footer p a {
    text-decoration: none;
    color: #ffd700;
}

.footer .text-center {
    text-align: center;
    margin-top: 10px;
}

.footer p {
    font-size: 0.9rem; /* Smaller font size for the paragraph text */
}

/* Responsive layout */
@media (max-width: 768px) {
    .footer .container {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer .row {
        margin-bottom: 10px; /* Reduced vertical spacing on small screens */
    }

    .footer .col-md-4 {
        padding-top: 10px; /* Reduced top padding for smaller screens */
    }


    /* CSS */
.custom-hr {
    border: none;                /* Removes the default border */
    height: 3px;                 /* Adjusts the thickness */
    width: 50%;                  /* Adjusts the width */
    background-color: #3498db;   /* Sets the color */
    margin: 20px auto;           /* Centers the hr and adds top/bottom spacing */
    opacity: 0.8;                /* Optional: Adds transparency */
    border-radius: 5px;          /* Optional: Rounds the edges */
}

}