/* ==========================================
   HAMSA FOOTER ENGINE
   Frontend Styles
========================================== */

.hfe-footer{
    position:relative;
    isolation:isolate;
    background-color:#062b63;
    background-image:var(--hfe-footer-water);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    color:#eaf3ff;
    margin-top:60px;
    padding:64px 0 28px;
    font-size:16px;
    line-height:1.7;
    overflow:hidden;
}

.hfe-footer::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(180deg,rgba(3,27,65,.74) 0%,rgba(3,25,60,.84) 100%);
}

.hfe-container{
    position:relative;
    z-index:1;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
    box-sizing:border-box;
}

.hfe-columns{
    display:grid;
    gap:40px;
}

.hfe-columns-2{
    grid-template-columns:repeat(2,1fr);
}

.hfe-columns-3{
    grid-template-columns:repeat(3,1fr);
}

.hfe-columns-4{
    grid-template-columns:repeat(4,1fr);
}

.hfe-columns-5{
    grid-template-columns:repeat(5,1fr);
}

.hfe-column-title{
    color:#ffffff;
    font-size:22px;
    font-weight:600;
    margin:0 0 18px;
}

.hfe-column-content p{
    margin:0 0 15px;
}

.hfe-column-content ul,
.hfe-column-content ol{
    margin:0;
    padding-left:20px;
}

.hfe-column-content li{
    margin-bottom:8px;
}

.hfe-column-content a{
    color:#ffffff;
    text-decoration:none;
    transition:.2s;
}

.hfe-column-content a:hover{
    color:#f59e0b;
}

.hfe-column img{
    max-width:100%;
    height:auto;
}

@media (max-width:991px){

    .hfe-columns-4,
    .hfe-columns-5{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:767px){

    .hfe-footer{
        padding:40px 0;
    }

    .hfe-columns,
    .hfe-columns-2,
    .hfe-columns-3,
    .hfe-columns-4,
    .hfe-columns-5{
        grid-template-columns:1fr;
    }

}
.hfe-footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.hfe-footer-menu li {
    margin: 0;
    padding: 0;
}

.hfe-footer-menu a {
    display: inline-block;
    color: #eaf3ff;
    text-decoration: none;
    padding: 5px 0;
    transition: color .2s ease;
}

.hfe-footer-menu a:hover,
.hfe-footer-menu a:focus {
    color: #f59e0b;
}