/* ==========================
   SOBRE A EMPRESA
========================== */

.sobre-empresa {

    background: #fff;

    padding: 75px 0;

}


.sobre-conteudo {

    display: flex;

    align-items: center;

}


/* TEXTO */

.sobre-texto {

    padding-right: 35px;

}


.sobre-subtitulo {

    display: block;

    margin-bottom: 12px;

    color: #fdbb00;

    font-size: 14px;

    font-weight: bold;

}


.sobre-texto h2 {

    margin: 0 0 25px;

    color: #222;

    font-size: 30px;

    line-height: 1.25;

    font-weight: 700;

}


.sobre-texto p {

    color: #777;

    font-size: 14px;

    line-height: 1.8;

    margin-bottom: 15px;

}


/* BOTÃO */

.btn-sobre {

    display: inline-block;

    margin-top: 15px;

    padding: 13px 20px;

    border: 1px solid #fdbb00;

    color: #d99e00;

    font-size: 12px;

    font-weight: bold;

    text-decoration: none;

    transition: all .3s ease;

}


.btn-sobre i {

    margin-left: 15px;

}


.btn-sobre:hover {

    background: #fdbb00;

    color: #fff;

    text-decoration: none;

}


/* IMAGEM */

.sobre-imagem {

    padding: 0 25px;

}


.imagem-destaque {

    position: relative;

}


.imagem-destaque:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 8px;

    height: 100%;

    background: #fdbb00;

}


.imagem-destaque img {

    width: 100%;

    height: 315px;

    object-fit: cover;

}


/* NÚMEROS */

.sobre-numeros {

    border: 1px solid #e5e5e5;

    padding: 10px 25px;

}


.numero-item {

    display: flex;

    align-items: flex-start;

    padding: 22px 0;

    border-bottom: 1px solid #eeeeee;

}


.numero-item:last-child {

    border-bottom: none;

}


.numero-item > i {

    width: 45px;

    margin-top: 5px;

    color: #222;

    font-size: 28px;

}


.numero-item strong {

    display: inline-block;

    margin-right: 8px;

    color: #fdbb00;

    font-size: 25px;

}


.numero-item span {

    color: #333;

    font-size: 10px;

    font-weight: bold;

}


.numero-item p {

    margin: 6px 0 0;

    color: #777;

    font-size: 12px;

    line-height: 1.5;

}



/* ==========================
   NOSSOS VALORES
========================== */

.nossos-valores {

    padding: 60px 0;

    background: #f7f7f7;

}


/* TÍTULO */

.titulo-valores {

    margin-bottom: 40px;

}


.titulo-valores span {

    display: block;

    margin-bottom: 8px;

    color: #fdbb00;

    font-size: 13px;

    font-weight: bold;

}


.titulo-valores h2 {

    margin: 0;

    color: #222;

    font-size: 28px;

    font-weight: 700;

}


/* ITEM */

.valor-item {

    min-height: 190px;

    padding: 0 25px;

    border-right: 1px solid #dedede;

}


.valor-item:last-child {

    border-right: none;

}


/* ÍCONE */

.valor-icone {

    margin-bottom: 18px;

}


.valor-icone i {

    color: #fdbb00;

    font-size: 38px;

}


/* TÍTULO */

.valor-item h3 {

    margin: 0 0 10px;

    color: #222;

    font-size: 14px;

    font-weight: bold;

}


/* TEXTO */

.valor-item p {

    margin: 0;

    color: #777;

    font-size: 13px;

    line-height: 1.7;

}


/* ==========================
   CONTEÚDO DA HISTÓRIA
========================== */

.historia-conteudo {

    padding: 5px 10px;

}


/* TÍTULO */

.modal-label {

    display: block;

    margin-bottom: 10px;

    color: #fdbb00;

    font-size: 12px;

    font-weight: bold;

    letter-spacing: 1px;

}


.historia-introducao h2 {

    margin: 0 0 20px;

    color: #222;

    font-size: 26px;

    line-height: 1.3;

    font-weight: 700;

}


.historia-introducao p {

    margin-bottom: 15px;

    color: #666;

    font-size: 14px;

    line-height: 1.8;

}


/* OBJETIVOS */

.objetivos-empresa {

    margin-top: 30px;

    padding-top: 25px;

    border-top: 1px solid #eeeeee;

}


.objetivos-titulo {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

}


.objetivos-titulo i {

    margin-right: 12px;

    color: #fdbb00;

    font-size: 22px;

}


.objetivos-titulo h3 {

    margin: 0;

    color: #222;

    font-size: 20px;

    font-weight: 700;

}


/* CADA OBJETIVO */

.objetivo-item {

    display: flex;

    align-items: flex-start;

    margin-bottom: 15px;

}


.objetivo-item > i {

    flex-shrink: 0;

    margin-top: 5px;

    margin-right: 12px;

    color: #fdbb00;

    font-size: 14px;

}


.objetivo-item p {

    margin: 0;

    color: #666;

    font-size: 14px;

    line-height: 1.7;

}

@media (max-width: 767px) {

    .sobre-empresa {
        padding: 45px 15px;
        overflow: hidden;
    }

    .sobre-conteudo {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
    }

    .sobre-texto,
    .sobre-imagem,
    .sobre-numeros {

        width: 100% !important;

        max-width: 100% !important;

        float: none !important;

        display: block;

        padding-left: 0;

        padding-right: 0;

        margin-left: 0;

        margin-right: 0;

    }


    /* TEXTO */

    .sobre-texto {
        order: 1;
        margin-bottom: 35px;
    }


    /* IMAGEM */

    .sobre-imagem {
        order: 2;
        margin-bottom: 35px;
    }


    /* NÚMEROS */

    .sobre-numeros {
        order: 3;
    }

}