/* Consolidated footer component styles (previously duplicated across page-specific CSS files). */

.footer {
    background: #002a5a;
    padding: 30px 0 2px;
}

.footer p {
    color: #fff;
    line-height: 20px;
    margin: 15px 0;
}

.footer .social-links i {
    color: #fff;
    margin: 15px 7px;
}

.footer .h5 {
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 600;
}

.footer .h6 {
    color: hsla(0, 0%, 100%, 0.82);
    font-weight: 400;
}

.footer .e-text {
    color: hsla(0, 0%, 100%, 0.62);
    display: block;
    font-family: Jost, sans-serif;
    font-size: 15px;
    font-weight: 300;
}

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

.footer ul li {
    padding: 5px 0;
}

.footer ul li a {
    color: #fff;
    font-family: Jost, sans-serif;
}

.footer ul li i {
    font-size: 13px;
    margin: 0 6px;
}

.footer .swiper-pagination {
    position: relative;
}

.footer .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #fff;
    height: 10px;
    margin: 0 4px;
    opacity: 1;
    width: 10px;
}

.footer .swiper-pagination-bullet-active {
    background: #fff;
    height: 10px;
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    width: 10px;
}

@media (max-width: 576px) {
    .footer ul li {
        padding: 10px 0;
    }
}