.elementor-4538 .elementor-element.elementor-element-d3b0a61{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4538 .elementor-element.elementor-element-d3b0a61:not(.elementor-motion-effects-element-type-background), .elementor-4538 .elementor-element.elementor-element-d3b0a61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}/* Start custom CSS for html, class: .elementor-element-f67cd1c *//*=========================================
LEPAS PREMIUM FOOTER
=========================================*/

.lepas-footer{

    background:#080808;

    border-top:1px solid rgba(255,255,255,.08);

    padding:90px 0 35px;

    position:relative;

    overflow:hidden;

}

.lepas-footer::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:180px;

    height:2px;

    background:linear-gradient(90deg,transparent,#c89b4b,transparent);

}

.footer-container{

    max-width:1240px;

    margin:auto;

    padding:0 25px;

}

/*=========================================
LOGO
=========================================*/

.footer-brand{

    text-align:center;

    margin-bottom:60px;

}

.footer-brand img{

    width:180px;

    max-width:100%;

    margin-bottom:22px;

}

.footer-brand p{

    color:#a9a9a9;

    font-size:15px;

    letter-spacing:1px;

    line-height:1.8;

}

/*=========================================
MENU
=========================================*/

.footer-menu{

    display:flex;

    justify-content:center;

    gap:120px;

    margin-bottom:60px;

}

.footer-column{

    display:flex;

    flex-direction:column;

}

.footer-column h4{

    color:#fff;

    font-size:16px;

    margin-bottom:22px;

    letter-spacing:2px;

    text-transform:uppercase;

    position:relative;

}

.footer-column h4::after{

    content:"";

    display:block;

    width:40px;

    height:2px;

    background:#c89b4b;

    margin-top:10px;

}

.footer-column a{

    color:#9f9f9f;

    text-decoration:none;

    margin:10px 0;

    transition:.35s;

    position:relative;

    width:fit-content;

}

.footer-column a::after{

    content:"";

    position:absolute;

    bottom:-4px;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:1px;

    background:#c89b4b;

    transition:.35s;

}

.footer-column a:hover{

    color:#fff;

}

.footer-column a:hover::after{

    width:100%;

}

/*=========================================
DIVIDER
=========================================*/

.footer-divider{

    width:100%;

    height:1px;

    background:rgba(255,255,255,.08);

    margin:50px 0 35px;

}

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

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.footer-bottom p{

    color:#8e8e8e;

    font-size:14px;

}

.footer-bottom span{

    color:#c89b4b;

    font-size:13px;

    letter-spacing:2px;

    text-transform:uppercase;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:768px){

.footer-brand{

    margin-bottom:45px;

}

.footer-brand img{

    width:150px;

}

.footer-menu{

    flex-direction:column;

    gap:40px;

    text-align:center;

}

.footer-column{

    align-items:center;

}

.footer-column h4::after{

    margin:10px auto 0;

}

.footer-divider{

    margin:40px 0 25px;

}

.footer-bottom{

    flex-direction:column;

    text-align:center;

}

.footer-bottom span{

    letter-spacing:1px;

}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3b0a61 */.lepas-header{
    width:100%;
    left:0;
    right:0;
}

.lepas-wrapper,
.wrap{
    width:100%;
    max-width:100% !important;
    padding:18px 60px;
    margin:0 auto;
}/* End custom CSS */