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


.footer-container{
    width:100%;
    max-width:1320px;
    margin:0 auto;
    padding:0 15px;
    box-sizing:border-box;
}

.main-footer{

    background:#0f172a;

    color:#fff;

    padding:80px 0 0;

}


.footer-grid{

    display:grid;

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

    gap:40px;

    align-items:start;

}

.footer-logo{

    max-width:220px;

    margin-bottom:20px;

}

.footer-box p{

    color:#cbd5e1;

    line-height:1.9;

    font-size:15px;

}

.footer-box h3{

    font-size:22px;

    margin-bottom:25px;

    color:#fff;

    position:relative;

}

.footer-box h3::after{

    content:"";

    width:60px;

    height:3px;

    background:#0ea5e9;

    position:absolute;

    left:0;

    bottom:-10px;

}

.footer-box ul{

    list-style:none;

    padding:0;

}

.footer-box ul li{

    margin-bottom:14px;

}

.footer-box ul li a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.3s;

}

.footer-box ul li a:hover{

    color:#0ea5e9;

    padding-left:8px;

}

/* Social Icons */

.footer-social{

    display:flex;

    gap:12px;

    margin-top:25px;

}

.footer-social a{

    width:45px;

    height:45px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s;

    text-decoration:none;

}

.footer-social a:hover{

    background:#0ea5e9;

    transform:translateY(-5px);

}

/* Contact */

.footer-contact{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-top:20px;

}

.footer-contact a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.3s;

}

.footer-contact a i{

    color:#0ea5e9;

    margin-right:10px;

}

.footer-contact a:hover{

    color:#fff;

}

/* Copyright */

.footer-bottom{

    margin-top:60px;

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

    padding:25px 0;

    text-align:center;

}

.footer-bottom p{

    margin:0;

    color:#94a3b8;

}

.footer-bottom a{

    color:#0ea5e9;

    text-decoration:none;

    font-weight:600;

}

.footer-bottom a:hover{

    color:#38bdf8;

}










/* ===============================
Tablet
================================*/

@media (max-width:991px){

.footer-grid{

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

gap:35px;

}

}

/* ===============================
Mobile
================================*/

@media (max-width:767px){

.footer-grid{

grid-template-columns:1fr;

gap:30px;

}

.footer-container{

padding:0 20px;

}

.footer-box{

text-align:left;

}

.footer-box h3::after{

left:50%;
transform:translateX(-50%);

}

.footer-social{

justify-content:left;

}

.footer-contact{

align-items:left;

}

.footer-box h3::after {
    content: "";
    width: 60px;
    height: 3px;
    background: #0ea5e9;
    position: absolute;
    left: 30px !important;
    bottom: -10px;
}


}