@charset "UTF-8";

.app_mode #react-header,
.app_mode #react-footer {
    height: auto;
}

.metalab.over-bootstrap .financing-lp__hero {
    display: flex;
    position: relative;
    max-width: 1280px;
    margin: 0 auto 70px;
}

.metalab.over-bootstrap .financing-lp__hero-img-container {
    background-color: #fbf7f0;
    width: 50%;
}

.metalab.over-bootstrap .financing-lp__hero-info {
    background-color: #f9f9f9;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.metalab.over-bootstrap .financing-lp__hero-img-container img {
    width: 100%;
    height: auto;
}

.metalab.over-bootstrap .financing-lp__hero-title {
    font-family: "Canela-Light", "Times New Roman", sans-serif;
    font-size: 4.375rem;
    color: #2E2E3A;
    letter-spacing: 0;
    line-height: 68px;
    margin: 0 auto 20px;
}

.metalab.over-bootstrap .financing-lp__hero-text {
    font-family: "OpenSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    color: #2E2E3A;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    width: 390px;
    margin-bottom: 25px;
}

.metalab.over-bootstrap .financing-lp__hero-cta {
    font-family: "OpenSans-SemiBold", Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    color: #ffffff;
    letter-spacing: 1.5px;
    line-height: 20px;
    text-transform: uppercase;
    width: 260px;
    height: 48px;
    padding: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.metalab.over-bootstrap .rbg-btn-dark {
    background-color: #2E2E3A;
    color: #ffffff;
    border: 0;
    outline: 0;
    box-shadow: none;
    border-radius: 0;
}

@media (max-width: 991.98px) {
    .metalab.over-bootstrap .financing-lp {
        padding: 0;
    }

    .metalab.over-bootstrap .financing-lp__hero {
        flex-direction: column;
        margin: 0 auto 40px;
    }

    .metalab.over-bootstrap .financing-lp__hero-img-container {
        width: 100%;
    }

    .metalab.over-bootstrap .financing-lp__hero-info {
        width: 100%;
        padding: 30px 10px 40px;
    }

    .metalab.over-bootstrap .financing-lp__hero-title {
        font-family: "Canela-Light", "Times New Roman", sans-serif;
        font-size: 2.5rem;
        color: #2E2E3A;
        letter-spacing: 0;
        line-height: 68px;
        margin: 0 auto;
    }

    .metalab.over-bootstrap .financing-lp__hero-text {
        padding: 0 20px;
        width: 100%;
        max-width: 360px;
    }
}