/* ==========================================================
   SP44MS
   FOOTER.CSS
   ========================================================== */

footer{

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(
        135deg,
        #04101d 0%,
        #08274a 100%
    );

    color:#fff;

}

footer::before{

    content:"";

    position:absolute;

    width:46.875vw;

    height:46.875vw;

    right:-13.0208vw;

    top:-18.2292vw;

    border-radius:50%;

    background:

    radial-gradient(
        circle,
        rgba(255,255,255,.06),
        transparent 70%
    );

}

.footer-grid{

    display:grid;

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

    gap:3.125vw;

    padding:4.6875vw 0 3.6458vw;

    position:relative;

    z-index:2;

}

.footer-logo{

    width:5.7292vw;

    margin-bottom:1.3021vw;

}

.footer-column h3{

    margin-bottom:1.4583vw;

    color:#fff;

    font-size:1.2rem;

}

.footer-column p{

    color:rgba(255,255,255,.75);

    line-height:1.9;

}

.footer-column ul{

    display:flex;

    flex-direction:column;

    gap:0.8333vw;

}

.footer-column li{

    color:rgba(255,255,255,.75);

}

.footer-column a{

    color:rgba(255,255,255,.75);

    transition:.3s;

}

.footer-column a:hover{

    color:#fff;

    padding-left:0.4167vw;

}

.footer-bottom{

    border-top:

    0.0521vw solid rgba(255,255,255,.08);

}

.footer-bottom .container{

    min-height:4.4271vw;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.footer-copy{

    color:rgba(255,255,255,.6);

}

.footer-social{

    display:flex;

    gap:0.9375vw;

}

.footer-social a{

    width:2.3958vw;

    height:2.3958vw;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:

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

    transition:.35s;

}

.footer-social a:hover{

    background:var(--primary);

    transform:translateY(-0.2604vw);

}

@media(max-width:57.2917vw){

.footer-grid{

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

}

}

@media(max-width:40.0vw){

.footer-grid{

grid-template-columns:1fr;

gap:2.3438vw;

}

.footer-bottom .container{

flex-direction:column;

justify-content:center;

gap:1.0417vw;

padding:1.3021vw 0;

}

}