/* ==========================================================
   Sohail Academy v4.0
   Premium Footer
========================================================== */

/* ===========================
   Footer
=========================== */

.footer{

    background:linear-gradient(
        135deg,
        #08111F 0%,
        #102347 100%
    );

    color:#ffffff;

    padding:80px 0 30px;

    margin-top:100px;

}

/* ===========================
   Logo
=========================== */

.footer-logo{

    width:180px;

    margin-bottom:25px;

}

/* ===========================
   About
=========================== */

.footer-about{

    color:#CBD5E1;

    line-height:1.9;

    margin-bottom:30px;

    font-size:1rem;

}

/* ===========================
   Headings
=========================== */

.footer h5{

    color:#ffffff;

    font-weight:700;

    margin-bottom:25px;

    font-size:1.25rem;

}

/* ===========================
   Lists
=========================== */

.footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer ul li{

    margin-bottom:14px;

}

/* ===========================
   Links
=========================== */

.footer a{

    color:#CBD5E1;

    text-decoration:none;

    transition:.3s;

}

.footer a:hover{

    color:#F59E0B;

    padding-left:8px;

}

/* ===========================
   Contact
=========================== */

.contact-list li{

    color:#CBD5E1;

    display:flex;

    align-items:center;

    gap:12px;

    line-height:1.8;

}

.contact-list i{

    color:#F59E0B;

    font-size:1.1rem;

    min-width:22px;

}

/* ===========================
   Social Icons
=========================== */

.footer-social{

    display:flex;

    gap:15px;

    margin-top:25px;

}

.footer-social a{

    width:48px;

    height:48px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

    color:#ffffff;

    font-size:1.15rem;

    transition:.35s;

}

.footer-social a:hover{

    background:#F59E0B;

    color:#08111F;

    transform:translateY(-6px);

}

/* ===========================
   Divider
=========================== */

.footer hr{

    border:none;

    height:1px;

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

    margin:50px 0 30px;

}

/* ===========================
   Bottom
=========================== */

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

}

.footer-bottom p{

    margin:0;

    color:#CBD5E1;

    font-size:.95rem;

}

.footer-bottom p:first-child{

    font-weight:600;

}

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

@media (max-width:991px){

    .footer{

        text-align:center;

    }

    .footer-social{

        justify-content:center;

    }

    .contact-list li{

        justify-content:center;

    }

    .footer-bottom{

        flex-direction:column;

    }

}

@media (max-width:576px){

    .footer{

        padding:60px 0 25px;

    }

    .footer h5{

        margin-top:25px;

    }

    .footer-logo{

        width:150px;

    }

}