footer{
    background:#003a78;
    color:#fff;
    padding:45px 0 0;
}

/* MAIN */
.footer-content{
    width:90%;
    max-width:1300px;
    margin:auto;

    display:grid;
    grid-template-columns: 45% 55%;
    gap:40px;
    align-items:center;
}

/* LEFT */
.footer-left{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}

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

.footer-tagline{
    font-size:16px;
    color:rgba(255,255,255,.85);
    max-width:420px;
    line-height:1.7;
}

/* RIGHT */
.footer-right{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
}

/* SOCIAL */
.footer-social{
    display:flex;
    gap:12px;
    margin-bottom:22px;
}

.footer-icon{
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:17px;
    transition:.3s;
}

.footer-icon:hover{
    background:#fff;
    color:#003a78;
}

/* INFO */
.footer-info{
    width:100%;
    max-width:420px;
}

.footer-item{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:12px;
    font-size:15px;
    line-height:1.6;
    color:#fff;
}

.footer-item i{
    margin-top:5px;
    min-width:16px;
}

.footer-item span{
    color:#fff;
}

/* COPYRIGHT */
.footer-bottom{
    margin-top:30px;
    border-top:1px solid rgba(255,255,255,.12);
    text-align:center;
    padding:16px;
    font-size:13px;
    color:rgba(255,255,255,.75);
}

/* TABLET */
@media(max-width:992px){

.footer-content{
    grid-template-columns:1fr;
    text-align:center;
    gap:45px;
}

.footer-right{
    align-items:center;
}

.footer-social{
    justify-content:center;
}

.footer-info{
    max-width:600px;
}

.footer-item{
    justify-content:center;
    text-align:center;
}

}

@media (max-width:576px){

footer{
    padding-top:28px;
}

/* Main */
.footer-content{
    width:100%;
    padding:0 18px 22px;
    gap:28px;
    grid-template-columns:1fr;
}

/* Left */
.footer-left{
    text-align:center;
}

.footer-logo{
    width:150px;
    margin-bottom:12px;
}

.footer-tagline{
    font-size:13px;
    line-height:1.5;
    max-width:260px;
    margin:auto;
}

/* Right */
.footer-right{
    align-items:center;
}

/* Social */
.footer-social{
    justify-content:center;
    margin-bottom:18px;
    gap:10px;
}

.footer-icon{
    width:34px;
    height:34px;
    font-size:14px;
}

/* Info */
.footer-info{
    width:100%;
    max-width:100%;
    gap:12px;
}

.footer-item{
    flex-direction:row;
    align-items:flex-start;
    justify-content:flex-start;
    text-align:left;
    gap:10px;
    font-size:13px;
    line-height:1.5;
    margin-bottom:10px;
}

.footer-item i{
    font-size:13px;
    min-width:14px;
    margin-top:4px;
}

.footer-item span{
    word-break:break-word;
}

/* Bottom */
.footer-bottom{
    font-size:11px;
    padding:14px 12px;
    line-height:1.5;
}

}