/*==================================================
GM24 NEWS PREMIUM V6
FOOTER
==================================================*/

.gm24-footer{
    position:relative;
    margin-top:70px;
    background:#111827;
    color:#fff;
}

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

.gm24-footer .footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.2fr;
    gap:45px;
    padding:60px 0;
}

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

.footer-column{
    min-width:0;
}

.footer-logo{
    margin-bottom:18px;
}

.footer-logo a{
    color:#fff;
    font-size:32px;
    font-weight:800;
    line-height:1.2;
}

.footer-logo a:hover{
    color:var(--accent);
}

.footer-description{
    max-width:420px;
    margin:0 0 25px;
    color:#cbd5e1;
    font-size:15px;
    line-height:1.8;
}

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

.footer-social{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.footer-social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:70px;
    padding:9px 12px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    border-radius:6px;
    color:#fff;
    font-size:13px;
    font-weight:600;
    transition:.3s;
}

.footer-social a:hover{
    background:var(--primary);
    border-color:var(--primary);
    color:#fff;
    transform:translateY(-2px);
}

/*==============================
TITLE
==============================*/

.footer-title{
    position:relative;
    margin:0 0 22px;
    padding-bottom:12px;
    font-size:20px;
    font-weight:800;
    color:#fff;
}

.footer-title::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:45px;
    height:3px;
    background:var(--primary);
    border-radius:10px;
}

/*==============================
LINKS
==============================*/

.footer-links{
    margin:0;
    padding:0;
    list-style:none;
}

.footer-links li{
    margin-bottom:11px;
}

.footer-links a{
    color:#cbd5e1;
    font-size:14px;
    transition:.3s;
}

.footer-links a:hover{
    padding-left:5px;
    color:#fff;
}

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

.footer-contact{
    margin:0;
    padding:0;
    list-style:none;
}

.footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:16px;
    color:#cbd5e1;
    font-size:14px;
    line-height:1.7;
}

.footer-contact a{
    color:#cbd5e1;
    word-break:break-word;
    transition:.3s;
}

/* FIXED HOVER */
.footer-contact a:hover{
    color:#fff;
}

.contact-icon{
    flex:0 0 22px;
    font-size:16px;
}

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

.footer-bottom{
    background:#0b1120;
    border-top:1px solid rgba(255,255,255,.08);
}

.footer-bottom-inner{
    min-height:65px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.footer-bottom p{
    margin:0;
    color:#94a3b8;
    font-size:13px;
}

.footer-bottom a{
    color:#fff;
    font-weight:600;
}

.footer-bottom a:hover{
    color:var(--accent);
}

/*==============================
BACK TO TOP
==============================*/

.back-to-top{
    position:fixed;
    right:25px;
    bottom:25px;
    width:46px;
    height:46px;
    border:0;
    border-radius:50%;
    background:var(--primary);
    color:#fff;
    font-size:22px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    z-index:9998;
    box-shadow:0 8px 25px rgba(0,0,0,.25);
    transition:.3s;
}

.back-to-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.back-to-top:hover{
    background:var(--primary-dark);
    transform:translateY(-3px);
}

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

@media(max-width:991px){

    .gm24-footer .footer-grid{
        grid-template-columns:repeat(2,1fr);
        gap:35px;
        padding:45px 0;
    }

}

@media(max-width:576px){

    .gm24-footer .footer-grid{
        grid-template-columns:1fr;
        gap:30px;
        padding:40px 0;
    }

    .footer-logo a{
        font-size:28px;
    }

    .footer-bottom-inner{
        min-height:auto;
        padding:20px 0;
        flex-direction:column;
        justify-content:center;
        text-align:center;
        gap:8px;
    }

    .back-to-top{
        right:15px;
        bottom:15px;
        width:42px;
        height:42px;
        font-size:20px;
    }

}

/*==============================
END FOOTER V6
==============================*/