/* =====================================================
   BLOOMSERVE FOOTER V3
===================================================== */

.footer{

    position:relative;

    overflow:hidden;

    background:#0f172a;

    color:#cbd5e1;

    padding:90px 0 35px;

}

/* Background Glow */

.footer::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    right:-180px;

    top:-180px;

    border-radius:50%;

    background:rgba(11,134,213,.08);

    filter:blur(100px);

}

.footer::after{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    left:-150px;

    bottom:-180px;

    border-radius:50%;

    background:rgba(154,192,60,.05);

    filter:blur(90px);

}

/* =====================================
   GRID
===================================== */

.footer-grid{

    position:relative;

    z-index:2;

    display:grid;

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

    gap:60px;

    margin-bottom:70px;

}

/* =====================================
   LOGO
===================================== */

.footer-logo{

    height:44px;

    width:auto;

    margin-bottom:24px;

}

.footer-col p{

    line-height:1.9;

    color:#94a3b8;

}

/* =====================================
   TITLES
===================================== */

.footer-col h3{

    color:#ffffff;

    font-size:20px;

    margin-bottom:24px;

}

/* =====================================
   LIST
===================================== */

.footer-col ul{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.footer-col ul li{

    list-style:none;

}

.footer-col a{

    color:#94a3b8;

    transition:.3s;

}

.footer-col a:hover{

    color:#ffffff;

    padding-left:6px;

}

/* =====================================================
   CONTACT
===================================================== */

.footer-contact{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.footer-contact li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    color:#cbd5e1;

    line-height:1.7;

}

.footer-contact i{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

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

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

    border-radius:12px;

    color:var(--primary);

    flex-shrink:0;

}

/* =====================================
   SOCIAL
===================================== */

.footer-social{

    display:flex;

    gap:14px;

    margin-top:30px;

}

.footer-social a{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:14px;

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

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

    transition:.35s;

}

.footer-social a:hover{

    background:var(--primary);

    border-color:var(--primary);

    transform:translateY(-4px);

}

/* =====================================
   DIVIDER
===================================== */

.footer-divider{

    height:1px;

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

    margin:45px 0 30px;

}

/* =====================================
   BOTTOM
===================================== */

.footer-bottom{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

}

.footer-bottom p{

    color:#94a3b8;

    font-size:15px;

}

.footer-links{

    display:flex;

    align-items:center;

    gap:28px;

}

.footer-links a{

    color:#94a3b8;

    font-size:15px;

    transition:.3s;

}

.footer-links a:hover{

    color:#ffffff;

}

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

@media (max-width:1024px){

.footer-grid{

grid-template-columns:1fr 1fr;

gap:45px;

}

}

@media (max-width:768px){

.footer{

padding:70px 0 30px;

}

.footer-grid{

grid-template-columns:1fr;

gap:40px;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

.footer-links{

justify-content:center;

flex-wrap:wrap;

}

.footer-social{

justify-content:center;

}

}