/* Footer */
.footer-news:nth-child(1) {width: 430px;}
.footer-news:nth-child(2) {width: 224px;}

.logo-ft {
    display: block;
    margin-bottom: 1rem;
    text-align: center;
}
.footer-news:nth-child(3) {width: 430px;}
.footer-news:nth-child(4) { width: 22.9166666667%; }
.footer-ul { }
.footer-ul li { position: relative; padding-left: 15px; }
.footer-ul li:after { position: absolute; content: ''; background: #fff; width: 5px; height: 5px; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; }
.footer-ul li a { }
.footer-ul li a:hover { color: var(--color-main); }
.info-footer .flex-footer { display: flex; justify-content: space-between; gap: 20px; }
.info-footer .flex-footer .box-footer .social-footer { display: flex; gap: 5px; margin: 10px 0px; }
.info-footer .flex-footer .box-footer:nth-child(1) { width: 33.3%; }
.info-footer .flex-footer .box-footer:nth-child(2) { width: 40%; }
.info-footer .flex-footer .box-footer:nth-child(3) { width: 25%; }
.info-footer .flex-footer .title-footer { text-transform: uppercase; margin-bottom: 20px; font-weight: 700; font-size: 14px; }
.info-footer .flex-footer .service-footer { margin-top: 20px; }
.info-footer .flex-footer .service-footer ul { padding: 0px; margin: 0px; }
.info-footer .flex-footer .service-footer ul li { list-style: none; padding: 5px 0px; }
.info-footer a { color: #fff; }
.footer-map { }
.footer-map iframe {width: 100%;height: 274px;border-radius: 10px;}
.footer-article {overflow: hidden;background: url(../images/bgft.png) no-repeat center;background-size: cover;color: #fff;}
.title-footer {margin-bottom: 1rem;--tw-text-opacity: 1;color: #FFF;font-family: Roboto;font-size: 17px;font-style: normal;font-weight: 600;line-height: normal;text-transform: uppercase;}

.copyright {
    color: #FFF;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.copyright span {FONT-WEIGHT: 700;}

/* Tags */
.title-tags { position: relative; font-size: 1em; font-weight: 600; padding-bottom: 15px; margin-bottom: 15px; color: #777; }
.title-tags:after { content: ''; position: absolute; left: 0px; bottom: 0px; background-color: rgba(0, 0, 0, 0.1); display: block; height: 3px; width: 30px; }
.flex-tags { display: flex; gap: 5px; }
.flex-tags a { color: #333; border: 1px solid; border-radius: 3px; display: inline-block; font-size: 0.8em !important; opacity: 0.8; padding: 2px 5px; }
.flex-tags a:hover { background-color: #446084; border-color: #446084; color: #fff; opacity: 1; }
.footer-powered { background: #f1f1f1; }