* {
    margin: 0;
    padding: 0;
    overflow-x: clip;
}

footer {
    display: flex;
    color: #fff;
}

.ft div {
    width: 33.33333%;
    background-color: #0A1133;
    
}

.left {
    padding: 0px 25px 25px 25px;
    font-family: 'Segoe UI', Tahoma;
    box-sizing: border-box;
}


.left a.block-thuonghieu-footer {
    text-decoration: none;
    color: #fff;
}


.block-thuonghieu-footer {
    display: flex;
    align-items: center;
    margin-left: -25px;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    
}

.block-thuonghieu-footer img{
    width: 100px;
    height: 100px;
    margin-right: -15px;
}

.block-thuonghieu-footer h1 {
    font-size: 1.5rem;
    background: linear-gradient(
        90deg,
        #ff8080,
        #ffb366,
        #ffff99,
        #99ff99,
        #99ffff,
        #99ccff,
        #d1b3ff,
        #ff99cc,
        #b3fff0
        );
        background-size: 300% 300%; /* Tạo hiệu ứng gradient mượt hơn */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: bold;
        animation: rainbow-move 5s ease infinite;
    }
    

@keyframes rainbow-move {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


.left a.donggopykien {
    display: inline-block;
    padding: 10px;
    font-size: 1rem;
    text-decoration: none;
    color: #fff;
    border-radius: 999px;
    background-color:#0865FE;
    font-weight: 700;
    outline: none;
    -webkit-tap-highlight-color: transparent;

}

.left a.donggopykien:hover {
    background-color: #1877F2;
    transition: 0.4s;
    animation: moveUpdgyk 0.5s ease forwards;
}

@keyframes moveUpdgyk {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-5px);
    }
}

.center {
    padding: 25px;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.ft-text {
    font-size: 0.9rem;
}

.center img {
    text-align: center;
    margin: 0px 5px 10px 5px;
}

.icon-footer {
    display: none;
}

.icon-lhft {
    display: inline-block;
    transition: transform 0.8s ease;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.icon-lhft:hover {
    transform: rotate(17deg);
}


.khamphasanpham {
    display: inline-block;
    text-decoration: none;
    padding: 10px;
    background-color:#0865FE;
    color: #fff;
    border-radius: 999px;
    font-family: 'Segoe UI', Tahoma;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    
}

.khamphasanpham:hover {
    background-color: #1877F2;
    transition: 0.4s;
    animation: moveUppksp 0.5s ease forwards;
}

@keyframes moveUppksp {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-5px);
    }
}


.right {
    padding: 25px;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Segoe UI', Tahoma;
    
    list-style-type:none;

}


.right li {
    margin-top: 8px;
    font-size: 0.9rem;
}

.right a {
    text-decoration: none;
    color: #fff;
    font-family: "TikTok Sans", sans-serif;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    

}

.right a:hover {
    color: #00F5FF;
    transition: 0.4s;
}

.page {
    display: block;

}


.copyright {
    color: #fff;
    background-color: #0A1133;
    text-align: center;
    font-family: 'Segoe UI', Tahoma;
    font-weight: 500;
}


@media only screen and (max-width: 46.1875em) {
    footer {
        flex-direction: column;
        
    }

    .ft div {
        width: 100%;
    }

    .left {
        text-align: center;
    }

    .block-thuonghieu-footer {
        justify-content: center;
    }
}