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

.site-footer{

    background:#F5FAFF;

    border-top:1px solid #DDE8F5;

    padding:90px 0 0;

}

/*=====================================*/

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:70px;

    align-items:flex-start;

}

/*=====================================*/

.footer-logo{

    width:220px;

    display:block;

    margin-bottom:30px;

}

/*=====================================*/

.footer-about{

    color:#475569;

    font-size:16px;

    line-height:1.9;

    max-width:360px;

}

/*=====================================*/

.footer-column h4{

    color:#0F172A;

    font-size:20px;

    font-weight:700;

    margin-bottom:25px;

}

/*=====================================*/

.footer-column ul{

    margin:0;

    padding:0;

    list-style:none;

}

.footer-column li{

    margin-bottom:14px;

}

/*=====================================*/

.footer-column a{

    color:#475569;

    text-decoration:none;

    font-size:16px;

    transition:.3s;

}

.footer-column a:hover{

    color:#FF9800;

    padding-left:6px;

}

/*=====================================*/

.footer-bottom{

    margin-top:70px;

    border-top:1px solid #DDE8F5;

    padding:28px 0;

}

.footer-bottom p{

    margin:0;

    text-align:center;

    color:#64748B;

    font-size:15px;

}

/*=====================================*/

@media(max-width:991px){

.footer-grid{

grid-template-columns:repeat(2,1fr);

gap:50px;

}

}

@media(max-width:768px){

.site-footer{

padding-top:70px;

text-align:center;

}

.footer-grid{

grid-template-columns:1fr;

gap:45px;

}

.footer-logo{

margin:0 auto 25px;

}

.footer-about{

margin:auto;

max-width:100%;

}

}
/*=========================================================
FOOTER SOCIAL
=========================================================*/

.footer-social .social-links{

    display:flex;

    align-items:center;

    gap:14px;

    margin-top:20px;

}

.footer-social .social-links a{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#EAF3FF;

    transition:.3s ease;

}

.footer-social .social-links img{

    width:20px;

    height:20px;

    object-fit:contain;

    display:block;

}

.footer-social .social-links a:hover{

    background:#0F3B82;

    transform:translateY(-3px);

}

.footer-social .social-links a:hover img{

    filter:brightness(0) invert(1);

}


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

@media(max-width:991px){

    .footer-social .social-links{

        margin-top:15px;

    }

}

@media(max-width:576px){

    .footer-social .social-links{

        justify-content:flex-start;

    }

}