.elementor-137 .elementor-element.elementor-element-aad76f5{--display:flex;}/* Start custom CSS for html, class: .elementor-element-65130a2 *//* ===================================
   ODDYLAB FOOTER
=================================== */

#oddylab-footer{

    background:#FFF7F2;

    border-top:4px solid #FF6333;

    margin-top:0;

    overflow:hidden;
}

/* CONTAINER */

.footer-container{

    max-width:1400px;

    margin:auto;

    padding:90px 40px 70px;

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:60px;
}

/* BRAND */

.footer-label{

    display:inline-block;

    background:#FFE4D8;

    color:#FF6333;

    padding:10px 18px;

    border-radius:999px;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;
}

.footer-brand h2{

    margin:0 0 15px;

    font-size:56px;

    line-height:1;

    font-weight:900;

    color:#12203B;
}

.footer-brand p{

    max-width:400px;

    color:#5F6B85;

    line-height:1.8;

    font-size:16px;

    margin-bottom:30px;
}

/* BUTTON */

.footer-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 32px;

    background:#FF6333;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    border-radius:16px;

    transition:.3s;
}

.footer-btn:hover{

    background:#12203B;

    transform:translateY(-3px);
}

/* COLUMNS */

.footer-column h4{

    margin:0 0 25px;

    color:#12203B;

    font-size:20px;

    font-weight:800;
}

.footer-column a{

    display:block;

    margin-bottom:14px;

    color:#5F6B85;

    text-decoration:none;

    transition:.3s;
}

.footer-column a:hover{

    color:#FF6333;

    padding-left:6px;
}

/* SOCIALS */

.footer-socials{

    margin-top:25px;
}

/* BOTTOM */

.footer-bottom{

    text-align:center;

    padding:25px;

    border-top:1px solid #E8E1DB;

    color:#7A859D;

    font-size:14px;
}

/* TABLET */

@media(max-width:1024px){

    .footer-container{

        grid-template-columns:1fr 1fr;

        gap:50px;
    }

    .footer-brand{

        grid-column:1 / -1;
    }

    .footer-brand h2{

        font-size:46px;
    }
}

/* MOBILE */

@media(max-width:767px){

    .footer-container{

        grid-template-columns:1fr;

        text-align:center;

        padding:70px 25px;
    }

    .footer-brand h2{

        font-size:38px;
    }

    .footer-brand p{

        margin-left:auto;
        margin-right:auto;
    }

    .footer-column a:hover{

        padding-left:0;
    }
}/* End custom CSS */