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

.main-footer{
    background:#072b67;
    padding-top:55px;
    color:#fff;
    font-family:'Poppins',sans-serif;
}

.container{
    width:90%;
    max-width:1200px;
    margin:auto;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
}

/* LOGO */

.footer-logo{
    font-size:24px;
    font-weight:700;
    margin-bottom:18px;
}

.footer-small-title{
    font-size:16px;
    margin-bottom:18px;
    color:#fff;
}

/* TEXT */

.footer-text{
    font-size:14px;
    line-height:1.8;
    color:#e4e4e4;
    margin-bottom:16px;
}

/* TITLES */

.footer-title{
    font-size:22px;
    font-weight:400;
    margin-bottom:25px;
    color:#fff;
}

/* LINKS */

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

.footer-links li{
    margin-bottom:12px;
    display:flex;
    align-items:center;
    gap:10px;
}

.footer-links li i{
    color:#fff;
    font-size:11px;
}

.footer-links li a{
    color:#fff;
    text-decoration:none;
    font-size:15px;
    transition:0.3s;
}

.footer-links li a:hover{
    color:#33c9ff;
    padding-left:4px;
}

/* CONTACT */

.footer-contact p{
    font-size:14px;
    margin-bottom:16px;
    color:#fff;
}

.footer-policy{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:12px;
}

.footer-policy a{
    color:#2da6ff;
    text-decoration:none;
    font-size:13px;
}

.footer-policy a:hover{
    text-decoration:underline;
}

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

.social-buttons{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.social-btn{
    display:flex;
    align-items:center;
    text-decoration:none;
    overflow:hidden;
    border-radius:4px;
    color:#fff;
    font-size:15px;
    transition:0.3s;
}

.social-btn i{
    width:55px;
    text-align:center;
    padding:14px 0;
    font-size:18px;
    border-right:1px solid rgba(255,255,255,0.3);
}

.social-btn span{
    flex:1;
    padding-left:14px;
}

/* BUTTON COLORS */

.twitter{
    background:#2bb6e8;
}

.facebook{
    background:#4767b1;
}

.youtube{
    background:#ff0d0d;
}

.social-btn:hover{
    transform:translateY(-3px);
    opacity:0.9;
}

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

.footer-bottom{
    background:#000;
    margin-top:50px;
    padding:18px 0;
}

.footer-bottom p{
    color:#fff;
    font-size:15px;
    margin:0;
}

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

@media(max-width:991px){

    .footer-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .footer-grid{
        grid-template-columns:1fr;
    }

}