.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-a8b82ad *//*==================================================
FOOTER
==================================================*/

.footer{

    margin-top:120px;

    background:#fff;

    border-top:1px solid #edf0f5;

}

.footer-container{

    max-width:1320px;

    margin:auto;

    padding:70px 20px;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:120px;

}

/*==================================================
LEFT
==================================================*/

.footer-brand{

    max-width:340px;

}

.footer-brand img{

    width:210px;

    margin-bottom:24px;

}

.footer-brand p{

    margin:0 0 30px;

    color:#5B6473;

    line-height:1.8;

    font-size:17px;

}

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

.footer-social{

    display:flex;

    gap:14px;

}

.footer-social a{

    width:48px;

    height:48px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#EFF8EA;

    color:#63C33D;

    transition:.25s;

}

.footer-social a:hover{

    background:#63C33D;

    color:#fff;

    transform:translateY(-3px);

}

.footer-social svg{

    width:22px;

    height:22px;

    fill:none;

    stroke:currentColor;

    stroke-width:2;

}

/*==================================================
RIGHT
==================================================*/

.footer-links{

    display:flex;

    gap:120px;

}

.footer-links h4{

    margin:0 0 22px;

    font-size:20px;

    color:#16223F;

}

.footer-links a{

    display:block;

    margin-bottom:14px;

    color:#5B6473;

    text-decoration:none;

    transition:.2s;

    font-size:17px;

}

.footer-links a:hover{

    color:#63C33D;

    transform:translateX(4px);

}

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

.footer-bottom{

    background:#63C33D;

    color:#fff;

    text-align:center;

    padding:20px;

    font-size:15px;

    font-weight:500;

}

/*==================================================
TABLET
==================================================*/

@media(max-width:900px){

.footer-container{

    flex-direction:column;

    gap:60px;

}

.footer-links{

    width:100%;

    justify-content:space-between;

    gap:40px;

}

}

/*==================================================
MOBILE
==================================================*/

@media(max-width:640px){

.footer{

    margin-top:80px;

}

.footer-container{

    padding:50px 25px;

}

.footer-brand{

    text-align:center;

    max-width:none;

}

.footer-brand img{

    margin:auto auto 20px;

}

.footer-social{

    justify-content:center;

}

.footer-links{

    flex-direction:column;

    gap:40px;

    text-align:center;

}

.footer-links a:hover{

    transform:none;

}

.footer-bottom{

    font-size:13px;

    padding:16px;

}

}/* End custom CSS */