/* =========================================================
   LABELLE IMÓVEIS
   DIFERENCIAIS
========================================================= */


/* =========================================================
   SEÇÃO PRINCIPAL
========================================================= */

.features {
    position: relative !important;

    z-index: 10 !important;

    width: 100% !important;

    /*
       DESCE LEVEMENTE A FAIXA VERDE
    */
    margin: 14px 0 0 !important;

    padding: 0 !important;

    background:
        linear-gradient(
            90deg,
            #04291f 0%,
            #06352a 50%,
            #04291f 100%
        ) !important;

    border-top:
        1px solid rgba(199, 160, 78, 0.14) !important;

    border-bottom:
        1px solid rgba(199, 160, 78, 0.12) !important;

    overflow: hidden !important;
}


/* =========================================================
   REMOVE DECORAÇÕES ANTIGAS
========================================================= */

.features::before,
.features::after {
    display: none !important;

    content: none !important;
}


/* =========================================================
   CONTAINER
========================================================= */

.features .features-container {
    width: 100% !important;

    max-width: var(--container-width) !important;

    min-height: 86px !important;

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    align-items: stretch !important;

    gap: 0 !important;

    margin: 0 auto !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
}


/* =========================================================
   ITEM
========================================================= */

.features .feature-item {
    position: relative !important;

    width: 100% !important;

    min-width: 0 !important;
    min-height: 86px !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 14px !important;

    margin: 0 !important;

    padding: 14px 24px !important;

    border: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    transform: none !important;

    transition:
        background-color 0.25s ease !important;
}


/* =========================================================
   DIVISÓRIA
========================================================= */

.features .feature-item:not(:last-child)::after {
    content: "" !important;

    position: absolute !important;

    top: 20px !important;
    right: 0 !important;

    width: 1px !important;
    height: 46px !important;

    display: block !important;

    background-color:
        rgba(255, 255, 255, 0.07) !important;
}


/* =========================================================
   HOVER
========================================================= */

.features .feature-item:hover {
    background-color:
        rgba(255, 255, 255, 0.018) !important;

    transform: none !important;

    box-shadow: none !important;
}


/* =========================================================
   ÍCONE
========================================================= */

.features .feature-icon {
    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;

    flex: 0 0 44px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    padding: 0 !important;

    border: 0 !important;

    border-radius: 0 !important;

    background: transparent !important;

    color: #cfa64f !important;

    box-shadow: none !important;
}


/* =========================================================
   SVG
========================================================= */

.features .feature-icon svg {
    width: 32px !important;
    height: 32px !important;

    color: #cfa64f !important;

    stroke: #cfa64f !important;

    stroke-width: 1.45 !important;
}


/* =========================================================
   CONTEÚDO
========================================================= */

.features .feature-content {
    min-width: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: center !important;

    margin: 0 !important;

    padding: 0 !important;
}


/* =========================================================
   TÍTULO
========================================================= */

.features .feature-content h3 {
    margin: 0 0 4px !important;

    padding: 0 !important;

    font-family:
        var(--font-primary) !important;

    font-size: 9px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    letter-spacing: 0.45px !important;

    text-transform: uppercase !important;

    color: #cfa64f !important;
}


/* =========================================================
   DESCRIÇÃO
========================================================= */

.features .feature-content p {
    max-width: 170px !important;

    margin: 0 !important;

    padding: 0 !important;

    font-family:
        var(--font-primary) !important;

    font-size: 8px !important;

    font-weight: 400 !important;

    line-height: 1.45 !important;

    color:
        rgba(255, 255, 255, 0.82) !important;
}


/* =========================================================
   REMOVE ELEMENTOS ANTIGOS
========================================================= */

.features .feature-number {
    display: none !important;
}


/* =========================================================
   NOTEBOOK
========================================================= */

@media (max-width: 1100px) {

    .features {
        margin-top: 12px !important;
    }


    .features .feature-item {
        gap: 11px !important;

        padding:
            13px
            15px !important;
    }


    .features .feature-icon {
        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;

        flex-basis: 40px !important;
    }


    .features .feature-icon svg {
        width: 29px !important;
        height: 29px !important;
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 850px) {

    .features .features-container {
        grid-template-columns:
            repeat(2, 1fr) !important;
    }


    .features .feature-item {
        min-height: 84px !important;
    }


    .features .feature-item:nth-child(2)::after {
        display: none !important;
    }


    .features .feature-item:nth-child(1),
    .features .feature-item:nth-child(2) {
        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.06) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 560px) {

    .features {
        margin-top: 10px !important;
    }


    .features .features-container {
        grid-template-columns: 1fr !important;
    }


    .features .feature-item {
        min-height: 76px !important;

        padding:
            12px
            18px !important;
    }


    .features .feature-item::after {
        display: none !important;
    }


    .features .feature-item:not(:last-child) {
        border-bottom:
            1px solid
            rgba(255, 255, 255, 0.06) !important;
    }


    .features .feature-content h3 {
        font-size: 9px !important;
    }


    .features .feature-content p {
        max-width: 100% !important;

        font-size: 8px !important;
    }

}