/* Start custom CSS for html, class: .elementor-element-5aba4c8 *//* =========================================
   HAVIONEDGE FOOTER COMPLETE CSS
   CLEAN VERSION
========================================= */


/* FOOTER ONLY RESET */

.he-footer,
.he-footer *{

    box-sizing:border-box;

}




/* FOOTER */

.he-footer{

    width:100%;

    font-family:'Poppins',sans-serif;

    background:

    radial-gradient(circle at left top,#dbeafe,transparent 35%),

    radial-gradient(circle at right top,#fce7f3,transparent 35%),

    radial-gradient(circle at center bottom,#dcfce7,transparent 40%),

    #f8fafc;


    padding-top:60px;

    overflow:hidden;

}







/* MAIN WRAPPER */


.he-footer .footer-wrapper{

    width:100%;

    display:grid;

    grid-template-columns:

    1.3fr 1fr 1fr 1fr;


    gap:30px;


    padding:0 60px 60px;

}







/* CARDS */


.he-footer .footer-brand,
.he-footer .he-column{


    width:100%;


    background:rgba(255,255,255,.82);


    backdrop-filter:blur(12px);


    border:1px solid #e5e7eb;


    border-radius:24px;


    padding:35px;


    box-shadow:

    0 12px 35px rgba(15,23,42,.08);


    transition:.3s ease;

}



.he-footer .footer-brand:hover,
.he-footer .he-column:hover{

    transform:translateY(-5px);

}







/* LOGO */


.he-footer .he-logo{


    display:flex;

    align-items:center;


    text-decoration:none;


    color:#111827;


    font-size:34px;


    font-weight:800;


    margin-bottom:20px;


}



.he-footer .he-logo:hover{

    color:#2563eb;

}






/* DESCRIPTION */


.he-footer .footer-brand p{


    color:#64748b;


    font-size:15px;


    line-height:1.8;


}






/* SOCIAL */


.he-footer .he-social{


    display:flex;


    gap:12px;


    margin-top:25px;


}



.he-footer .he-social a{


    width:44px;


    height:44px;


    display:flex;


    align-items:center;


    justify-content:center;


    border-radius:50%;


    background:#fff;


    color:#2563eb;


    border:1px solid #e5e7eb;


    text-decoration:none;


    transition:.3s;


}



.he-footer .he-social a:hover{


    background:#2563eb;


    color:#fff;


}







/* HEADINGS */


.he-footer .he-column h3{


    display:inline-block;


    position:relative;


    color:#111827;


    font-size:20px;


    font-weight:700;


    margin-bottom:25px;


    padding-bottom:10px;


}



.he-footer .he-column h3::after{


    content:"";


    position:absolute;


    left:0;


    bottom:0;


    width:50%;


    height:3px;


    background:linear-gradient(
    90deg,#2563eb,#93c5fd
    );


    border-radius:20px;


}







/* NAV LINKS */


.he-footer .he-column ul{


    list-style:none;

    padding:0;

    margin:0;

}



.he-footer .he-column li{


    margin-bottom:14px;


}



.he-footer .he-column a{


    display:flex;


    align-items:center;


    gap:10px;


    text-decoration:none;


    color:#64748b;


    font-size:15px;


    transition:.3s;


}



.he-footer .he-column a i{


    color:#2563eb;


    font-size:12px;


}



.he-footer .he-column a:hover{


    color:#2563eb;


    transform:translateX(5px);


}







/* BOTTOM */


.he-footer .he-bottom{


    width:100%;


    padding:25px 60px;


    background:rgba(255,255,255,.85);


    border-top:1px solid #e5e7eb;


    display:flex;


    justify-content:space-between;


    align-items:center;


    flex-wrap:wrap;


}



.he-footer .he-bottom p{


    color:#64748b;


    font-size:14px;


}



.he-footer .he-bottom a{


    color:#64748b;


    text-decoration:none;


}



.he-footer .he-bottom a:hover{


    color:#2563eb;


}








/* =========================
   TABLET
========================= */

@media (max-width:1100px) and (min-width:769px){


.he-footer .footer-wrapper{


    grid-template-columns:repeat(2,1fr);


    padding:0 30px 45px;


}



.he-footer .footer-brand,
.he-footer .he-column{


    padding:28px;


}


}








/* =========================
   MOBILE
========================= */


@media(max-width:768px){


.he-footer .footer-wrapper{


    display:flex;


    flex-direction:column;


    padding:0 15px 35px;


    gap:20px;


}



.he-footer .footer-brand,
.he-footer .he-column{


    width:100%;


    padding:25px 20px;


}



.he-footer .he-logo{


    justify-content:center;


    font-size:28px;


}



.he-footer .footer-brand p{


    text-align:center;


}



.he-footer .he-social{


    justify-content:center;


}



.he-footer .he-column{


    text-align:center;


}



.he-footer .he-column h3::after{


    left:50%;


    transform:translateX(-50%);


}



.he-footer .he-column a{


    justify-content:center;


}



.he-footer .he-bottom{


    flex-direction:column;


    text-align:center;


    padding:20px 15px;


}


}







/* SMALL MOBILE */

@media(max-width:420px){


.he-footer .he-logo{


    font-size:25px;


}



.he-footer .footer-brand,
.he-footer .he-column{


    padding:22px 15px;


}


}/* End custom CSS */