/**********

Custom Theme 
1. Header
2. Footer

3. Porque Comprar 

*********/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap');

/* Config */
.reduz-container {
    padding: 0 80px;
}

.btn {
    cursor: pointer;
}

.btn-outline-danger img {
    margin-top: -3px;
    margin-right: 5px;
}

.btn-outline-danger:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(22%) hue-rotate(45deg) brightness(107%) contrast(105%);
}

/* 1. Header */
.navbar {
    padding-top: 0.37rem;
    padding-bottom: 0.38rem;
}

.navbar-social-whatsapp {
    margin-right: 24px;
}

#topMenu a {
    color: var(--Preto, #1A1A1A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

/* Menu categorizado */
.equipaments-drop-full {
    padding: 10px;
    width: 1090px;
}



/* 2. FOOTER */
footer {
    background: linear-gradient(135deg, var(--color-azure-15, #212529) 0%, var(--color-azure-1590, rgba(33, 37, 41, 0.90)) 100%);
    color: #FFF;
}

footer .bg-dark {
    background: #16181B;
}

footer h3  {
    color: var(--Branco, #FFF);

    /* Body Emphasis */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}

.footer .line-footer {
    display: block;
    background: var(--Primary-500, #AB1E16);
    width: 78px;
    height: 2px;
    margin-top: 4px;
}

footer a {
    color: var(--Branco, #FFF) !important;

    /* Label */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    /* 114.286% */
}

footer .widget-list-item {
    margin-bottom: 16px;
}

footer .menus-bottom {
    margin: 0 auto;
}

footer .menus-bottom a,
footer .widget-list-item {
    color: var(--Branco, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

footer .menus-bottom a {
    margin-left: 16px;
}

footer a:hover {
    text-decoration: underline;
}

footer .bs-light:hover i {
    color: #AB1E16;
}

footer #f-newsletter label {
    font-size: 14px;
}

footer #f-newsletter .btn-newsletter {
    width: 100%;
    height: 32px;
    border-radius: 8px;
    padding: 8px;
    background: var(--Primary-500, #AB1E16);
    color: var(--White, #FFF);
    text-align: center;

    /* Label SM */
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    /* 133.333% */
}

.btn-social {
    border-radius: 100%;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.750rem;
}

.btn-social>i {
    line-height: 1.425rem;
}


/* Carousel */
.carousel-indicators {
    margin-bottom: -2rem !important;
}

.carousel-indicators button {
    width: 8px !important;
    height: 8px !important;
    display: block;
    background: #B3B3B3 !important;
    border-radius: 8px;
    margin: 4px;
    padding: 0 !important;
    border: 0 !important;
}

.button-box button {
    margin: auto 0;
}

.carousel-indicators button.active {
    background: #AB1E16 !important;
    width: 32px !important;
    height: 8px !important;
}

.carousel-control-prev-icon {
    background-image: url('https://storage.googleapis.com/sotreq-b2c-static/images/icons/prev.png');
    width: 16px;
    height: 16px;
}

.carousel-control-next-icon {
    background-image: url('https://storage.googleapis.com/sotreq-b2c-static/images/icons/next.png');
    width: 16px;
    height: 16px;
}

/* GERAL */
.box-geral {
    padding: 40px 0;
}

.box-geral h2 {
    text-align: center;
    color: #FFF;
    margin: 20px 0;
}

.box-geral p {
    text-align: center;
    margin-bottom: 25px;
    color: #FFF;
}

.box-geral .card {
    margin: 0 auto;
}

.form-group {
    margin-bottom: 15px;
}

/* 3. Why?  */
.box-why h2 {
    color: var(--Branco, #FFF);
    text-align: center;
    /* Heading 1 */
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 125% */
}

.box-why .subtitle {
    color: var(--Branco, #FFF) !important;
    text-align: center;

    /* Body LG */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
    margin-bottom: 48px;
}


/* 4. Sales */
.box-sales-home {
    background: linear-gradient(135deg, var(--color-azure-15, #212529) 0%, var(--color-azure-1590, rgba(33, 37, 41, 0.90)) 100%);
}

.box-sales-home h2 {
    color: var(--Branco, #FFF);
    text-align: center;
}

.box-sales-home .subtitle {
    color: var(--Branco, #FFF) !important;
    text-align: center;
    /* Body LG */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
    margin-bottom: 48px;
}

.box-sales-home .box-item {
    background-color: #16181B;
}

.box-sales-home .box-item h5 {
    color: #FFF !important;
}

.box-sales-home .box-item p {
    color: #fff !important;
}

.box-sales-interna .btn {
    color: #000 !important;
    background: #E8B931;
    font-size: 14px;
    font-weight: 600;
    padding: 16px;
}

.box-sales-interna .btn:hover {}


/* Testimonial */
.testimonial {
    padding-top: 0;
    background: var(--Cinza-Claro, #F5F5F5);
}

.testimonial h3 {
    color: var(--Preto, #1A1A1A);
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.testimonial h5 {
    color: var(--Cinza-Escuro, #757575);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}




.card-testimonial {
    background: #FFF;
    border-radius: 16px;
    padding: 24px;
    border-radius: 16px;
    border: 1px solid #F5F5F5;
    background: #FFF;
}

.card-testimonial .content {
    color: #1A1A1A;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.card-testimonial .profile {
    margin-top: 16px;
    display: flex;
}

.card-testimonial .img-area {
    width: 56px;
    height: 56px;
    display: block;
    border-radius: 100%;
    background: #ccc;
    margin-right: 8px;
}

.card-testimonial .img-area img {
    border-radius: 100%;
    width: 56px;
    height: 56px;
}

.card-testimonial .bio {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.card-testimonial h6 {
    color: #1A1A1A;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0;
}

.card-testimonial p {
    color: #757575;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.card-testimonial p.text-danger {
    color: #AB1E16;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/* Page Contact */
.box-extras {
    background: var(--Cinza-Claro, #F5F5F5);
}

.box-extras .titulo p {
    color: var(--Preto, #1A1A1A) !important; 
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;    
}

.box-extras .box-item img {
    max-height: 100% !important;
}

.box-use h2 {
    color: var(--Preto, #1A1A1A);
    text-align: center;

    /* Heading 1 */
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 125% */
}


/* Page Sell */
.box-vantage {
    background: var(--Cinza-Claro, #F5F5F5);
}


.box-fast-easy {
    background: linear-gradient(135deg, var(--color-azure-15, #212529) 0%, var(--color-azure-1590, rgba(33, 37, 41, 0.90)) 100%);
    color: #FFF !important;
}

.box-fast-easy h2 {
    color: var(--White, #FFF);
    text-align: center;

    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.box-fast-easy p {
    color: #F5F5F5 !important;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

/* PAGE BUY */
.box-beneficio {
    padding: 48px 0;
}

.box-beneficio h2 {
    color: var(--Branco, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 40px;
}

.box-beneficio p {
    color: var(--Branco, #FFF);

    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.box-beneficio .intro-beneficio {
    padding-top: 15px;
}

.box-beneficio ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 24px;
}

.box-beneficio ul li {
    float: left;
    margin-right: 10px;
    color: var(--Branco, #FFF);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.box-sales-interna h2 {
    color: var(--Branco, #FFF);
    text-align: center;
}

.box-sales-interna .subtitle {
    color: var(--Branco, #FFF) !important;
    text-align: center;
    /* Body LG */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
    margin-bottom: 48px;
}

.box-business {
    background: linear-gradient(135deg, var(--color-azure-15, #212529) 0%, var(--color-azure-1590, rgba(33, 37, 41, 0.90)) 100%);
}

.box-business h2 {
    color: var(--Branco, #FFF);
    text-align: center;
}

.box-business .subtitle {
    color: var(--Branco, #FFF) !important;
    text-align: center;
    /* Body LG */
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
    margin-bottom: 48px;
}
.box-financie {
    background:#F5f5f5;
}

.box-financie .box-item {
    display: flex;
    justify-content: center;
    align-items: center;    
}

/* Cadastro */
.signup {
    width: 600px;
    margin: 48px auto;
}

.signup h1 {
    color: var(--Preto, #1A1A1A);
    text-align: center;

    /* Heading 2 */
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 133.333% */
    border-bottom: 2px solid #AB1E16;
    padding-bottom: 24px;
    margin-bottom: 24px;
}

.signup label {
    color: var(--Preto, #1A1A1A);

    /* Label */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 114.286% */
}

.signup button {
    margin-bottom: 16px;
}

.signup a, .signup button.btn-link {
    color: var(--Primary-500, #AB1E16);

    /* Body Hyperlink */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;

}

.signup .termo-text {
    color: var(--Preto, #1A1A1A);

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.signup .conta-existe {
    color: var(--Cinza-Escuro, #757575);
    text-align: center;

    /* Body */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.signup .tipo-cadastro button {
    font-size: 14px;
    padding: 10px 6px;
    margin-bottom: 0;
}

.signup .step-nav {
    margin-top: 40px;
}

.signup .step-nav .nav-item{
    padding: 0.75rem 0.75rem;
}

.signup .step-nav .step-line{
    width: 125px;
    height: 3px;
    background-color: var(--Cinza-Mdio, #B3B3B3)
}

.signup .step-nav .nav-item.pending .step-text {
    color: var(--Cinza-Mdio, #B3B3B3)
}

.signup .step-nav .nav-item.completed .step-text {
    color: var(--Preto, #1A1A1A);
}

.signup .input-group .input-group-text {
    background: none;
    padding-right: 0;
}

.signup .slider-container{

}


/* Categories */
.categories-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 20px;
    padding: 16px;
}

.block-categories.big {
    grid-row: span 2;
    /* ocupa o espaço de duas linhas */
}

.subcate {
    list-style: none;
    padding: 0;
    margin: 0;
}

.subcate li {
    margin: 0;
    padding: 0;
    color: var(--Preto, #1A1A1A);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

}

.mais-info-categoria {
    border: none;
    background: none;
    text-align: left;
    padding-left: 0;
    color: #AB1E16 !important;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration: underline;
}

.block-categories h5 {
    color: #AB1E16;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0;
}


.contact-form label {
    color: var(--Preto, #1A1A1A);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;

}

.contact-form .text-opcional {
    color: var(--Cinza-Mdio, #B3B3B3) !important;

    /* Label */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

/* Responsivo actions */
@media (max-width: 940px) {
    .reduz-container {
        padding: 0 16px;
    }

    .mb-5 {
        margin-bottom: 1.5rem !important;
    }

    .py-5 {
        padding-top: 1.5rem !important;
    }

    .pb-5 {
        padding-bottom: 1.5rem !important;
    }

    .contato-action {
        flex-direction: column-reverse;
        align-items: center;
    }

    .contato-action button {
        margin-bottom: 15px;
    }

    .box-why h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .box-why .subtitle {
        font-size: 16px;
        line-height: 24px;
    }

    .box-sales .subtitle {
        font-size: 16px;
        line-height: 20px;
    }

    .footer-logo-pequena {
        text-align: left !important;
        margin-bottom: 16px;
    }

    .menus-bottom a {
        display: block;
        margin-bottom: 16px;
        margin-left: 0 !important;
    }

}