/* ============================ */
/* =========== MENU =========== */
/* ============================ */
.style_lists a {
    color: var(--gray-color-333);
    font-size: 14px;
    transition: 0.1s ease all;
    border-radius: 6px;
}

.style_lists li {
    padding: 0 5px;
}

.style_lists a:hover {
    color: var(--gray-color-111);
}


.nav_btns {
    border-left: 1px solid #eee;
    margin-left: 5px;
    padding-left: 5px;
}

.nav_btns .btn_start_free {
    font-size: 14px;
    background-color: var(--purple-color-8A2BE2);
    border-color: var(--purple-color-8A2BE2);
    transition: 0.3s ease all;

}

.nav_btns a.btn_start_free {
    color: #fff !important;
    font-weight: 600;
}

.nav_btns .btn_start_free:hover {
    background-color: var(--purple-color-8A2BE2-hover);
    border-color: var(--purple-color-8A2BE2-hover);
}

/* ============================ */
/* =========== HOME =========== */
/* ============================ */

.banner_highlight {
    text-align: center;
    padding: 80px 0;
}

.banner_highlight h1 {
    font-size: 42px;
    font-weight: 900;
    color: #333;
}

.banner_highlight p {
    font-size: 16px;
    font-weight: 300;
    color: var(--gray-color-666);
    padding: 20px 0;
}

.testimonial {
    background-color: #fcf9f9;
    padding: 40px 0;
}

.section_highlights {
    padding: 80px 0;
}

.section_highlights span {
    font-size: 15px;
    font-weight: 600;
    color: var(--purple-color-8A2BE2);
}

.section_highlights h2 {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    padding: 20px 0;
}

.section_highlights {
    color: #999;
}

/* ===================================== */
/* ========== SIGN-IN / LOGIN ========== */
/* ===================================== */
.signin_login {
    padding: 80px 0;
}

.signin_login h1{
    font-size: 42px;
    font-weight: 900;
    color: #333;
}

.signin_login p {
    font-size: 16px;
    font-weight: 300;
    color: var(--gray-color-666);
    margin-bottom: 40px;
}

.signin_login label {
    font-size: 12px;
    font-weight: 600;
}

.signin_login input::placeholder {
    font-size: 14px;
}

.do_register {
    font-size: 14px;
    font-weight: 300;
    color: var(--gray-color-666);
    margin-bottom: 20px;
    text-align: center;
}

.do_register a {
    color: var(--purple-color-8A2BE2);
}


@media (max-width: 767.98px) {
    .section_highlights {
        text-align: center !important;
    }
}