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

.footer{

    background:#131f37;
    color:#cfd5e0;

    padding-top:70px;
}

.footer-container{

    width:85%;
    margin:auto;

    display:grid;
    grid-template-columns:1.3fr 1fr 1fr 1.3fr;

    gap:70px;
}

.footer-logo img{

    width:190px;
    margin-bottom:35px;
}

.footer-col p{

    line-height:2;
    font-size:18px;
}

.footer-col h3{

    color:#fff;
    font-size:32px;
    margin-bottom:35px;
}

.footer-col ul{

    list-style:none;
}

.footer-col ul li{

    margin-bottom:22px;
}

.footer-col ul li a{

    color:#cfd5e0;
    text-decoration:none;
    font-size:18px;

    transition:.3s;
}

.footer-col ul li a:hover{

    color:#ff296d;
    padding-left:10px;
}

.footer-social{

    margin-top:45px;

    display:flex;
    gap:22px;
}

.footer-social a{

    width:52px;
    height:52px;

    border-radius:50%;

    background:#fff;

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

    color:#131f37;
    font-size:23px;

    text-decoration:none;

    transition:.4s;
}

.footer-social a:hover{

    background:#ff296d;

    color:#fff;

    transform:translateY(-8px);
}

.contact-info li{

    display:flex;
    gap:18px;

    line-height:2;
    font-size:18px;
}

.contact-info i{

    color:#ff296d;
    font-size:24px;
    margin-top:5px;
    min-width:28px;
}

.footer-bottom{

    width:85%;
    margin:70px auto 0;

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

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

    padding:30px 0;

    font-size:17px;
}

.footer-bottom a{

    color:#cfd5e0;
    text-decoration:none;
}

.footer-bottom a:hover{

    color:#ff296d;
}

/*================ Responsive =================*/

@media(max-width:992px){

.footer-container{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.footer-container{

grid-template-columns:1fr;

}

.footer-bottom{

flex-direction:column;
gap:15px;
text-align:center;

}

.footer-col h3{

font-size:26px;

}

}