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

.footer{
    background: #f5faff;
    padding: 60px 0 50px;
    border-top: 1px solid #d6eaf8;
}

.footer-main{
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.3fr;
    gap: 90px;
    align-items: start;
}

.footer-logo{
    width:180px;
    height: auto;
    display: block;
    margin-bottom: 0;
    padding: 0;
}

.footer h4{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 28px;
    color: #2563EB;
}

.footer-brand p{
    color: #6B7280;
    line-height: 1.8;
    font-size: 17px;
    margin-bottom: 30px;
}

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

.footer-features li{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: #334155;
    font-weight: 500;
}

.footer-features i{
    color: #0EA5E9;
    font-size: 16px;
}

.footer-links,
.footer-services,
.footer-contact{
    display:flex;
    flex-direction:column;
    color: #2563EB;
}

.footer-links h4,
.footer-services h4,
.footer-contact h4{
    font-size:20px;
    color:#0F172A;
    margin-bottom:22px;
}

.footer-links a,
.footer-contact a,
.footer-services p{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#334155;
    margin-bottom:16px;
    transition:.3s;
}

.footer-services p{
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-services i{
    color: #0EA5E9;
    font-size: 16px;
}

.footer-contact i{
    color:#0EA5E9 !important;
    width:14px;
}

.footer-links a:hover,
.footer-contact a:hover{
    color:#0EA5E9;
}

.footer-contact p{
    color:#0EA5E9;
    font-weight:600;
    margin-top:12px;
}

.footer-divider{
    margin:70px 0 30px;
    border:none;
    border-top:1px solid #E5E7EB;
}

.footer-bottom{
    font-size: 14px;
    color: #8A94A6;
    text-align:center;
}

.footer-title{
    font-size: 28px;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 20px;
}

.footer-contact a,
.footer-contact p{
    display:flex;
    align-items:center;
    gap:10px;
}