<style>
    .footer-item_text {
        font-weight: normal !important;
    }
</style>
<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="footer-top">
                    <div class="row">
                        <div class="col-md-6 col-lg-3">
                            <div class="footer-item">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
    <center>
            <img src="<?= $DVR->site('anh_footer') ?>" alt="Trần Hào Dev Protection Status" style="display: block;margin: 0 auto 0px;width:120px;">
<a href="/post/gioi-thieu.html" rel="nofollow" target="_blank">Giới thiệu</a> | <a href="/post/dieu-khoan.html" rel="nofollow" target="_blank">Điều khoản</a> | <a href="<?= $DVR->site('link_facebook'); ?>" rel="nofollow" target="_blank">Liên hệ</a> <br> <a href="<?= $DVR->site('link_facebook'); ?>" rel="nofollow" target="_blank">Đăng ký bảo hiểm CS</a> ★ <a href="/post/dieu-khoan.html" rel="nofollow" target="_blank">Nội quy box giao dịch</a><br>Copyright © Designed & Developed : <a href="https://www.facebook.com/haomilknn" rel="nofollow" target="_blank">Trần Hào Dev</a><br>
    <br>
    <br>
        
<?= base64_decode($DVR->site('javascript_footer')); ?>
</footer>
</body>

<style>
    .footer-item_text {
    font-weight: normal !important;
}
 @media(min-width: 576px){
    .footer-social{
        display: none;
    }
}

@media(max-width: 575px){
    .footer-social{
        position: fixed;
        z-index: 1100;
        bottom: 0;
        width: 100%;
    }
    
    .footer-social .box-item{
        padding: 0.65rem 1rem;
        background: #008ff3;
        text-align: center;
    }
    
    .footer-social .box-item:hover{
        background: #0488e3;
    }
    
    .footer-social .box-item a:hover,
    .footer-social .box-item a{
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        font-family: sans-serif;
    }
}
    @keyframes zoom {
        0% {
            transform: scale(.5);
            opacity: 0
        }

        50% {
            opacity: 1
        }

        to {
            opacity: 0;
            transform: scale(1)
        }
    }

    @keyframes lucidgentelegram {
        0% to {
            transform: rotate(-25deg)
        }

        50% {
            transform: rotate(25deg)
        }
    }

    .jscroll-to-top {
        bottom: 100px
    }

    .fcta-telegram-ben-trong-nut svg path {
        fill: #fff
    }

    .fcta-telegram-vi-tri-nut {
        position: fixed;
        bottom: 100px;
        right: 20px;
        z-index: 999
    }

    .fcta-telegram-nen-nut,
    div.fcta-telegram-mess {
        box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16)
    }

    .fcta-telegram-nen-nut {
        width: 50px;
        height: 50px;
        text-align: center;
        color: #fff;
        background: var(--primary-color); /* Thay đổi nền thành --primary-color*/
        border-radius: 50%;
        position: relative
    }

    .fcta-telegram-nen-nut::after,
    .fcta-telegram-nen-nut::before {
        content: "";
        position: absolute;
        border: 1px solid #43a1f3;
        background: #43a1f3;
        z-index: -1;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        border-radius: 50%;
        animation: zoom 1.9s linear infinite
    }

    .fcta-telegram-nen-nut::after {
        animation-delay: .4s
    }

    .fcta-telegram-ben-trong-nut,
    .fcta-telegram-ben-trong-nut i {
        transition: all 1s
    }

    .fcta-telegram-ben-trong-nut {
        position: absolute;
        text-align: center;
        width: 30%;
        height: 46%;
        left: 7px;
        bottom: 24px;
        line-height: 50px;
        font-size: 20px;
        opacity: 1
    }

    .fcta-telegram-ben-trong-nut i {
        animation: lucidgentelegram 1s linear infinite
    }

    .fcta-telegram-nen-nut:hover .fcta-telegram-ben-trong-nut,
    .fcta-telegram-text {
        opacity: 0
    }

    .fcta-telegram-nen-nut:hover i {
        transform: scale(.5);
        transition: all .5s ease-in
    }

    .fcta-telegram-text a {
        text-decoration: none;
        color: #fff
    }

    .fcta-telegram-text {
        position: absolute;
        top: 6px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        transform: scaleX(-1);
        transition: all .5s;
        line-height: 1.5
    }

    .fcta-telegram-nen-nut:hover .fcta-telegram-text {
        transform: scaleX(1);
        opacity: 1
    }

    div.fcta-telegram-mess {
        position: fixed;
        bottom: 63px;
        right: 58px;
        z-index: 99;
        background: #fff;
        padding: 7px 25px 7px 15px;
        color: #43a1f3;
        border-radius: 50px 0 0 50px;
        font-weight: 700;
        font-size: 15px
    }

    .fcta-telegram-mess span {
        color: #43a1f3 !important
    }

    span#fcta-telegram-tracking {
        font-family: Roboto;
        line-height: 1.5
    }

    .fcta-telegram-text {
        font-family: Roboto
    }
    @keyframes pulse-animation {
    0% {
        transform: scale(.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: scale(1);
    }
}

.telegram-float-wrapper {
    position: fixed;
    bottom: 185px;
    right: 20px;
    z-index: 999;
}

.telegram-button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.telegram-button::after,
.telegram-button::before {
    content: "";
    position: absolute;
    border: 1px solid #e53f6d;
    background: #e16671;
    z-index: -1;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: pulse-animation 1.9s linear infinite;
}

.telegram-button::after {
    animation-delay: .4s;
}

.telegram-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

.telegram-button:hover .telegram-image {
    transform: scale(1.1);
}

.telegram-label {
    position: absolute;
    top: 6px;
    right: -70px;
    background: rgba(67, 161, 243, 0.9);
    padding: 5px 15px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    transition: all .5s;
    line-height: 1.5;
    opacity: 0;
    font-family: Roboto;
    color: #fff;
    white-space: nowrap;
}

.telegram-button:hover .telegram-label {
    opacity: 1;
    right: 60px;
}
</style>
<a href="<?= $DVR->site('link_box_telegram'); ?>" id="linkzalo" target="_blank" rel="noopener noreferrer">

    </div>
    <div class="fcta-telegram-vi-tri-nut">
        <div id="fcta-telegram-tracking" class="fcta-telegram-nen-nut">
            <div id="fcta-telegram-tracking" class="fcta-telegram-ben-trong-nut">
                <i class="fab fa-telegram fa-2x"></i>
            </div>
            <div id="fcta-telegram-tracking" class="fcta-telegram-text">
                Chat Ngay
            </div>
        </div>
    </div>
</a>
<div class="footer-social">
        <div class="box-body">
            <div class="box-item bg-danger" style="width:50%;float:left">
                <a href="/scam/create" target="_blank" title="Check quỹ bảo hiểm">
                    TỐ CÁO LỪA ĐẢO
                </a>
            </div>
            <div class="box-item bg-success" style="width:50%;float:left">
                <a href="/trust-services" target="_blank" title="CHECK UY TÍN">
                    CHECK UY TÍN
                </a>
            </div>
            
            <div class="box-item" style="width:50%;float:left">
                <a href="<?= $DVR->site('link_website_nut_1') ?>"   target="_blank" title="Đổi tiền">
                   <?= $DVR->site('tieu_de_1') ?>               </a>
            </div>
             <div class="box-item bg-warning" style="width:50%;float:left">
                <a href="<?= $DVR->site('link_website_nut_2') ?>" target="_blank" title="Đổi thẻ">
                    <?= $DVR->site('tieu_de_2') ?>                </a>
            </div>
        </div>
    </div>