@charset "utf-8";
footer *{
 /* overflow:hidden !important; */
}

footer{
    border-top: 1px solid #d7d7d7;
    color: white;

    background-color: white;
}

footer .center{
    /* background-color: white;
    width: 100%; */
}

footer address{
    font-style: normal;
}

footer .footer_top{
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

footer .footer_top ul {
    gap: 90px;
}

footer .footer_bottom{
    background-color: #212121;
    padding: 70px 0 50px;
}

footer .footer_bottom .center{
    gap: 170px;
}

footer .footer_bottom{
    
}

footer .footer_bottom address{
    color : #c7c7c7;
}

footer .footer_bottom .copyright,
footer .footer_bottom .title{
    color: white;
}

footer .footer_bottom .title{
    margin-bottom: 15px;
}



/* .footer_top {
    width: 95px;
    height: 95px;
    position: fixed;
    bottom: 100px;
    right: 100px;
    cursor: pointer;
    z-index: 9999;
}


.footer_top img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: spin infinite 5s linear;

    -webkit-animation-name: spin;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@keyframes spin{
    0%{
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.footer_top i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 32px;
} */






/* mobile */
@media screen and (max-width: 767px) {
    footer{
        /*padding: 30px 0;*/
    }

    footer .footer_bottom{
        padding: 30px 0;
    }

    #footer{
        position: relative;
    }

    footer .footer_top{
        height: 100%;
        padding: 20px 0;
    }

    footer .footer_top ul{
        gap: 10px;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    footer .footer_top ul li{
        width: 30%;
    }

    footer .footer_top ul li img{
        width: 100%;
    }

    footer .footer_bottom .center{
        gap: 10px;
    }

    footer .logo img{
        width: 100px;
    }


}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    footer .footer_top{
        /*bottom: 5%;*/
        /*right: 5%;*/
    }

    footer .footer_top{
        height: 100%;
        padding: 20px 0;
    }

    footer .footer_top ul{
        gap: 10px;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    footer .footer_top ul li{
        width: 30%;
        text-align: center;
    }

    footer .footer_top ul li img{
        width: auto;
    }

    footer .footer_bottom .center{
        gap: 10px;
        flex-direction: column;
    }

    footer .logo img{
        width: 100px;
    }


}