.footer { color: #4A4A4A; background-image: url("/images/footer.png"); background-size: cover; background-position: center top; background-repeat: no-repeat; padding-top: 60px;}
    .footer p {margin-bottom: 0;}

.footer-row { display: flex; flex-wrap: wrap; gap: 40px; padding-top: 40px; padding-bottom: 12px; margin-bottom: 4px; border-bottom: 1px solid #fff; justify-content: center; width: 100%;}
    .footer-row .info-block, .footer-row .footer-detail { flex-basis: calc((100% - 120px)/4); }
    
    .footer-row .info-block { display: grid; gap: 12px;}
    
    .footer-logo { display: flex; gap: 8px; align-items: center;}
    
    
    .footer-logo > img { height: 52px; aspect-ratio: 1; }
    
    .footer-title { font-weight: 600; font-size: 18px; margin: 0 !important;}
    .footer-subtext { font-size: 14px; margin-top: 4px; margin-bottom: 0;}
    
    .description-section { display: grid; gap: 4px; font-size: 14px; line-height: 22px; }
    
    .description-section .description { color: #000;  line-height: 28px; }
.footer-detail.visitor-counter-simple {
                        display: inline-flex;
                        gap: 8px;
                        font-size: 20px;
                        font-weight: 700;
                    }

                    .footer-detail.visitor-counter-simple i {
                        color: #0052ff;
                    }

                    .footer-detail.visitor-counter-simple strong {
                        color: #dc3545;
                        font-weight: 600;
                    }
.footer-detail { display: flex; flex-direction: column; width: 100%; gap: 12px; }
    .footer-detail.categories { align-items: center; }

    .footer-detail .cate-list > li + li { margin-top: 2px ; }
    .footer-detail .text-main { font-size: 18px; font-weight: 700; color: #000;}

    .footer-detail .contact-footer-info { font-size: 14px; line-height: 28px; }

    .footer-detail .contact-footer-info > i { width: 20px; text-align: center; font-size: 20px; }

    .footer-detail .text-sub{ font-size: 14px; font-weight: 400; line-height: 28px; text-align: center; }

.social .text-main { font-size: 16px; }

.social-container { display: flex; width: 100%; align-items: center; gap: 12px;   margin-top: 12px;}
.social-container > a { padding: 0 !important; }
.social-container img {  height: 32px; aspect-ratio: 1; }

.copyright { padding: 8px 0; }

.copyright .text-sub { line-height: 20px;}


@media (max-width: 1200px) {
    .footer-row .footer-detail { flex-basis: calc((100% - 80px)/3); }

    .footer-row .info-block { flex-basis: 100%; }
    .footer-detail.categories { align-items: start; }
    .footer-row { justify-content: unset ;} 
}


@media (max-width: 991px) {
    .footer {
        background-position: left bottom;
    }

    .footer-row .footer-detail { flex-basis: calc((100% - 40px)/2); }



}

@media (max-width: 568px) {

    .footer-row .footer-detail { flex-basis: 100%; align-items: center; text-align: center; }
    .footer-row .footer-detail .social-container { justify-content: center; }


    .info-block > div {justify-content: center; text-align: center;}
    .info-block .text-sub { text-align: center;}
    .info-block .description-section .description {text-align: center;}
}