/*==========================
FOOTER
==========================*/

.footer{

    background:#2f2c2c;

    padding:35px 0 20px;

    border-top:1px solid rgba(255,255,255,.08);

}

.footer-container{

    width:92%;
    max-width:1400px;

    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;

    gap:30px;

}

/* LEFT */

.footer-left{

    display:flex;
    align-items:center;
    gap:25px;
    flex-wrap:wrap;

}

.footer-social{

    display:flex;
    gap:12px;

}

.footer-social a{

    width:42px;
    height:42px;

    border-radius:50%;

    background:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    text-decoration:none;

    color:#333;

    transition:.35s;

}

.footer-social a:hover{

    background:#8affc1;

    transform:translateY(-4px);

}

.footer-left p{

    color:#fff;

    font-size:15px;

}

/* RIGHT */

.footer-right{

    display:flex;
    align-items:center;
    gap:20px;

}

.footer-right img{

    height:95px;

    object-fit:contain;

}

/* DEVELOPER */

.developer{

    text-align:center;

    margin-top:35px;

    color:#fff;

    font-size:22px;

    font-weight:700;

}

.developer span{

    color:#8affc1;

}

/*==========================
RESPONSIVE
==========================*/

@media(max-width:991px){

.footer-container{

    flex-direction:column;
    text-align:center;

}

.footer-left{

    justify-content:center;

}

.footer-right{

    justify-content:center;

}

}

@media(max-width:576px){

.footer-right img{

    height:70px;

}

.footer-left{

    flex-direction:column;

}

.footer-left p{

    font-size:14px;

}

.developer{

    font-size:17px;
    line-height:1.8;

}

}