:root {
    --primary-color: #E83025;
    --secondary-color: #2C1114;
    --green-color: #172A28;
    --white-color: #FFFFFF;
    --text-color: #000000;
    --bordeaux-gradiant: linear-gradient(203.16deg, #2C1114 36.19%, #592C31 72.37%);
    --font-family: "Zalando Sans SemiExpanded", sans-serif;
}
html, body{
    width: 100%;
    height: 100%;
    position: relative;
}

body{
    background-color: #FFFBF4;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    font-family: var(--font-family);
    color: var(--text-color);
    overflow-x: hidden;
    @media screen and (max-width: 1400px) {
        &{
            font-size: 18px;
        }
    }
    @media screen and (max-width: 1200px) {
        &{
            font-size: 16px;
        }
    }
    @media screen and (max-width: 992px) {
        &{
            font-size: 15px;
        }
    }
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--font-family);
}
body.open{
    overflow: hidden;
}


.left{ text-align: left; }
.center{ text-align: center; }
.right{ text-align: right; }

.fundo_vermelho2{
    background-image: url(/site/imagens/fundo_vermelho2.webp);
    background-color: var(--primary-color);
    background-position: center Calc(100% - 20px);
    background-repeat: no-repeat;

    @media screen and (max-width: 992px) {
        &{

            background-image: none;
        }
    }
}

#popup_holder{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block !important;
    padding: 15px;
    text-align: center;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;

    &:after{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.4);
        z-index: 1;
    }

    .close{
        cursor: pointer;
        position: absolute;
        color: #fff;
        top: 10px;
        right: 10px;
        z-index: 3;
    }

    a{
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .img{
        position: relative;
        height: 400px;
        z-index: 2;
        width: 800px;
        display: inline-block;
        max-width: 100%;

        img{
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: absolute;
            object-fit: cover;
        }
    }


    &.close{
        display: none !important;
    }
}

.iframe_holder{
    position: relative;
    padding-bottom: 53.35%;
    padding-top: 25px;
    height: 0;
}

.iframe_holder iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


@media (min-width: 768px){
    .custom_container {
        max-width: 750px;
    }
}

@media (min-width: 992px){
    .custom_container {
        max-width: 970px;
    }
}


@media (min-width: 1200px){
    .custom_container {
        max-width: 1099px;
    }
}


@media (min-width: 1300px){
    .custom_container {
        max-width: 1199px;
    }
}

@media (min-width: 1400px){
    .custom_container {
        max-width: 1299px;
    }
}

@media (min-width: 1500px){
    .custom_container {
        max-width: 1399px;
    }
}

@media (min-width: 1600px){
    .custom_container {
        max-width: 1499px;
    }
}

.custom_container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.btn{
    display: inline-block;
    border-radius: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    padding: 20px;
    text-decoration: none;
    border: 2px solid;
    color: #FFFFFF;
    background: #E83025;
    border-color: #E83025;
    margin-bottom: 15px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;

    &.btn-primary{
        color: #FFFFFF;
        background: #E83025;
        border-color: #E83025;
        &:hover{
            background: transparent;
            color: #E83025;
        }
    }
    &.v2{
        background: transparent;
        border-color: #E83025;
        color: #E83025;
        &:hover{
            background: #E83025;
            color: #fff;
        }
    }
    &.v3{
        background: #FFFFFF;
        border-radius: 20px;
        padding: 5px 5px 5px 20px;
        font-weight: 500;
        font-size: 15px;
        text-align: center;
        color: var(--secondary-color);
        border: 2px solid var(--white-color);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        span{
            width: 45.01px;
            height: 47.5px;
            display: inline-flex;
            background: var(--primary-color);
            border-radius: 15px;
            align-items: center;
            justify-content: center;
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            svg path{
                transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                -webkit-transition: all .3s ease-in-out;
            }
        }
        &:hover{
            background: transparent;
            color: var(--white-color);

            span{
                background: var(--white-color);
                svg path{
                    fill: var(--primary-color);;
                }
            }
        }
    }
    &.v4{
        background-color: #2C1114;
        border-color: #2C1114;
        color: #F1EFEB;
        &:hover{
            background: transparent;
            color: #2C1114;

            span{
                background: #2C1114;
                svg path{
                    fill: #2C1114;
                }
            }
        }
    }
}

.fakebanner{
    height: 80px;

    @media screen and (max-width: 992px) {
        &{

            height: 150px;
        }
    }
}
/*==================================================================================================*/
/*MENU*/
/*==================================================================================================*/

.menu_holder {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    z-index: 999999 !important;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;

    .redes_sociais{
        display: none;
        position: absolute;
        bottom: 0;
        justify-content: space-around;
        left: 0;
        right: 0;
        padding: 20px 0;
        .single_rede{
            a{
                font-weight: 500;
                font-size: 12px;
                line-height: 150%;
                letter-spacing: -0.32px;
                color: #B91208;
                text-decoration: none;
                &:hover{
                    color: #fff;
                }
            }
        }
    }
    .faixa_topo{
        padding: 10px 0;
        background: var(--secondary-color);
        transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        color: var(--white-color);
        text-align: center;
        a{
            color: inherit;
            text-decoration: none;
            &:hover{
                text-decoration: underline;
            }
        }
    }
    .holder_menu{
        background: transparent;
        padding: 45px 0;
        transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
    }
    &.open,
    &.scroll{
        .holder_menu{
            background: #E83025;
        }
    }
    &.open{
        height: 100vh;
    }
    &.scroll{
        .holder_menu{
            padding: 20px 0;
        }
        .faixa_topo{
            display: none;
        }
    }
    .navbar-header {
        float: unset;
        display: inline-block;
        width: 270px;
        position: relative;
        img.logo{
            width: 100%;
            max-width: 100%;
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }
        img.icon_logo{
            width: 40px;
            max-width: 100%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            left: 0;
            opacity: 0;
            visibility: hidden;
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
        }

    }
    .menu-toggler{
        position: absolute;
        background: transparent;
        border: 0;
        width: 47px;
        cursor: pointer;
        vertical-align: middle;

        display: none;
        .fechar_menu{
            display: flex;
            justify-content: flex-end;
            align-content: center;
            align-items: center;
            gap: 20px;
            background: #D5190E;
            border-radius: 18px;
            padding: 0;
            font-weight: 500;
            font-size: 16px;
            color: #F1EFEB;
            position: absolute;
            height: Calc(100% + 8px);
            top: 50%;
            transform: translateY(-50%);
            right: -4px;
            z-index: 0;
            width: 0px;
            overflow: hidden;
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            &.show{
                padding: 4px 70px 4px 14px;
                width: 141px;
            }
        }
        .holder_menu_toggler{
            width: 47px;
            height: 47px;
            background: #F9F3EB;
            border-radius: 15px;
            display: flex;
            align-content: center;
            align-items: center;
            z-index: 1;
            position: relative;

        }

        #nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
            width: 24px;
            height: 21px;
            position: relative;
            margin: 0 auto;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transform: rotate(0deg);
            -webkit-transition: .5s ease-in-out;
            -moz-transition: .5s ease-in-out;
            -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
            cursor: pointer;

            span {
                display: block;
                position: absolute;
                height: 3px;
                width: 100%;
                background: var(--green-color);
                border-radius: 0;
                opacity: 1;
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: .25s ease-in-out;
                -moz-transition: .25s ease-in-out;
                -o-transition: .25s ease-in-out;
                transition: .25s ease-in-out;
                right: 0;

                &:nth-child(1) {
                    top: 0px;
                }
                &:nth-child(2) {
                    top: 8px;
                    width: 75%;
                }
                &:nth-child(3) {
                    top: 16px;
                    width: 50%;
                }
            }
            &.open {
                span {
                    -webkit-transition: .25s ease-in-out;
                    -moz-transition: .25s ease-in-out;
                    -o-transition: .25s ease-in-out;
                    transition: .25s ease-in-out;
                    &:nth-child(1) {
                        top: 8px;
                        -webkit-transform: rotate(140deg);
                        -moz-transform: rotate(140deg);
                        -o-transform: rotate(140deg);
                        transform: rotate(140deg);
                        width: 100%;
                    }
                    &:nth-child(2) {
                        opacity: 0;
                        right: -60px;
                        width: 100%;
                    }
                    &:nth-child(3) {
                        top: 8px;
                        -webkit-transform: rotate(-140deg);
                        -moz-transform: rotate(-140deg);
                        -o-transform: rotate(-140deg);
                        transform: rotate(-140deg);
                        width: 100%;
                    }
                }
            }

        }
    }

    &.open{
        height: 100vh;
        .menu{
            height: Calc(100vh - 86px);
            overflow-y: auto;
        }
    }
    .menu{
        display: inline-block;
        margin: 0;
        float: unset;
        color: #fff;
        width: Calc(100% - 276px);
        text-align: right;
        vertical-align: middle;

        @media screen and (min-width: 993px) {
            &{
                display: inline-block !important;
            }

        }
        .menu-nav{
            list-style: none;
            margin: 0;
            padding: 0;
            .dropdown{
                display: inline-block;
                margin: 0 15px;
                cursor: pointer;
                color: #fff;
                &.cta{
                    button{
                        background: #FFFFFF;
                        border-radius: 20px;
                        padding: 5px 5px 5px 20px;
                        font-weight: 500;
                        font-size: 15px;
                        text-align: center;
                        color: var(--secondary-color);
                        border: 2px solid var(--white-color);
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 30px;
                        transition: all .3s ease-in-out;
                        -moz-transition: all .3s ease-in-out;
                        -webkit-transition: all .3s ease-in-out;
                        span{
                            width: 45.01px;
                            height: 47.5px;
                            display: inline-flex;
                            background: var(--primary-color);
                            border-radius: 15px;
                            align-items: center;
                            justify-content: center;
                            transition: all .3s ease-in-out;
                            -moz-transition: all .3s ease-in-out;
                            -webkit-transition: all .3s ease-in-out;
                            svg path{
                                transition: all .3s ease-in-out;
                                -moz-transition: all .3s ease-in-out;
                                -webkit-transition: all .3s ease-in-out;
                            }
                        }
                        &:hover{
                            background: transparent;
                            color: var(--white-color);

                            span{
                                background: var(--white-color);
                                svg path{
                                    fill: var(--primary-color);;
                                }
                            }
                        }
                    }
                }
                a{
                    color: #FFFFFF;
                    text-decoration: none !important;
                    display: inline-flex;
                    gap: 5px;
                    align-items: center;
                    i{
                        font-size: 16px;
                    }
                }
                .dropdown-toggle::after {
                    display: none;
                }
                a:hover,
                &.active > a,
                &.active:hover > a {
                    color: var(--secondary-color);
                    text-decoration: none !important;
                }
                .dropdown-menu {
                    background-color: #fff;
                    cursor: default;
                    text-align: left;
                    color: #000;
                    margin-top: 20px;
                    top: 5px;
                    padding: 0;
                    min-width: 243px;
                    a {
                        color: #000;
                    }

                    a:hover,
                    li.active > a,
                    li.active:hover > a {
                        color: var(--primary-color);
                        text-decoration: none !important;
                        background-color: transparent;
                    }
                    li{
                        padding: 10px 20px;
                    }

                }
            }

        }

    }
    &.open,
    &.scroll{
        .menu{
            .menu-nav{
                .dropdown{

                    a:hover,
                    &.active > a,
                    &.active:hover > a {
                        color: var(--secondary-color);
                    }

                    .dropdown-menu {
                        a:hover,
                        li.active > a,
                        li.active:hover > a {
                            color: var(--primary-color);
                            text-decoration: none !important;
                            background-color: transparent;
                        }

                    }
                }
            }
        }
    }
    @media screen and (max-width: 1500px) {

        &{
            .menu {
                .menu-nav{
                    .dropdown {
                        a{
                            font-size: 18px;
                        }
                    }
                }

            }
        }
    }
    @media screen and (max-width: 1400px) {

        &{
            .navbar-header {
                width: 160px;
            }
            .menu {
                width: Calc(100% - 166px);
                .menu-nav{
                    .dropdown {
                        a{
                            font-size: 14px;
                        }
                        &.cta {
                            button {
                                padding: 5px 5px 5px 10px;
                                gap: 10px;
                                font-size: 13px;
                                span{
                                    width: 35.01px;
                                    height: 38.5px;
                                }
                            }
                        }
                    }
                }

            }
        }
    }
    @media screen and (max-width: 992px) {

        &{
            &.open{
                .redes_sociais{
                    display: flex;
                    background: #e83025;
                }
                .menu{

                    padding-bottom: 100px;
                }
            }
            .navbar-header {
                float: unset;
                display: inline-block;
                vertical-align: middle;
                width: Calc(100% - 53px);
                img.logo{
                    width: 215px;
                    &.hide{
                        opacity: 0;
                        visibility: hidden;
                    }
                }
                img.icon_logo.show{
                    opacity: 1;
                    visibility: visible;
                }
            }
            .menu-toggler{
                display: inline-block;
                position: relative;
                padding: 0;
            }
            .menu {
                width: 100%;
                padding: 40px 0 30px 0;

                display: none;
                text-align: left;
                .menu-nav {
                    padding: 0;

                    .dropdown {
                        display: block;
                        width: 100%;
                        margin: 15px 0;
                        &.cta {
                            button {
                                width: 100%;
                                text-align: left;
                                font-size: 16px;
                                justify-content: space-between;
                            }
                        }
                        a{
                            font-weight: 400;
                            font-size: 28px;
                            line-height: 150%;
                            color: #FFFFFF;
                            width: 100%;
                            justify-content: space-between;
                        }
                        .dropdown-menu {
                            position: relative !important;
                            margin: 0 !important;
                            top: unset !important;
                            transform: unset !important;
                            background: transparent;
                            border: none;
                            padding: 0;
                            width: 100% !important;
                            li{
                                padding-right: 0;
                            }
                            a{
                                font-size: 16px;
                                line-height: 18px;
                                letter-spacing: -0.32px;
                                color: #FEFEFE;
                                width: 100%;
                            }
                        }

                    }
                }

            }
        }
    }

}



/*==================================================================================================*/
/*BANNER*/
/*==================================================================================================*/
.banner_interno_vermelho{
    padding-top: 250px;
    padding-bottom: 80px;
    background: #E83025;
    border-radius: 0px 0px 20px 20px;

    .titulo{
        font-weight: 700;
        font-size: 40px;
        line-height: 120%;
        letter-spacing: -0.02em;
        color: #FFFFFF;
    }
    .descricao{
        font-weight: 400;
        font-size: 24px;
        letter-spacing: -0.32px;
        color: #FFFFFF;
    }
    &.center{
        .titulo,
        .descricao{
            text-align: center;
        }
    }
    &.right{
        .titulo,
        .descricao{
            text-align: center;
        }
    }

    @media screen and (max-width: 992px) {
        padding-top: 180px;

        .titulo{
            font-size: 32px;
        }
    }
}
/*==================================================================================================*/
/*BLOCOS*/
/*==================================================================================================*/

.bloco{
    position: relative;
    width: 100%;
    padding: 85px 0;
}

.bloco.no-margin{
    padding: 0;
}


@media screen and (max-width: 992px) {

    .bloco{
        padding: 45px 0;
    }
}



/*==================================================================================================*/
/*SOLUÇÕES*/
/*==================================================================================================*/
.banner_promocoes{
    #slider_promocoes_not{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        .single_banner{
            @media screen and (min-width: 992px) {
                width: Calc(100% / 2);
            }
            @media screen and (min-width: 1200px) {
                &{
                    width: Calc(100% / 3);
                }
            }
        }
    }
    #slider_promocoes{
        .owl-stage {
            display: flex;
        }
        .single_banner{

            height: 100%;
        }
    }
    .holder_slider_promocoes{
        text-align: center;
        .owl-dots{
            display: inline-flex;
            justify-content: center;
            background: #CE150A;
            border-radius: 20px;
            margin-top: 35px;
            .owl-dot{
                width: 103px;
                height: 10px;
                &.active{
                    background: #F4EBDC;
                    border-radius: 20px;
                }
                @media screen and (max-width: 992px) {
                    &{
                        width: auto;
                        min-width: 50px;
                    }
                }
            }
        }
        .single_banner{
            padding: 15px;
            .holder_single_banner{
                padding: 15px;
                border: 1px solid #FFFFFF;
                border-radius: 15px;
                height: 100%;
                .imagem{
                    border-radius: 15px;
                    position: relative;
                    height: 0;
                    padding-bottom: 100%;
                    overflow: hidden;
                    margin-bottom: 40px;
                    img{
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
                .conteudo{
                    padding: 15px;
                    border: 1px solid #FFFFFF;
                    border-radius: 15px;
                    position: relative;
                    font-weight: 400;
                    font-size: 16px;
                    text-align: center;
                    letter-spacing: -0.32px;
                    color: #FFFFFF;
                    strong, b{
                        font-weight: 700;
                    }
                    .nome{
                        position: absolute;
                        bottom: Calc(100% - 22px);
                        font-weight: 500;
                        font-size: 16px;
                        text-align: center;
                        color: #F1EFEB;
                        background: #D5190E;
                        border-radius: 10px;
                        left: 50%;
                        transform: translateX(-50%);
                        -moz-transform: translateX(-50%);
                        -webkit-transform: translateX(-50%);
                        max-width: 100%;
                        padding: 10px 13px;
                        min-width: 190px;
                    }
                    .descricao{
                        margin-top: 30px;
                    }
                }
            }
        }
    }
}
#servico{
    .holder_zona_numeros{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        align-items: center;
        a{
            text-decoration: none;
            display: inline-block;
        }
        .botao{
            margin-top: 30px;
        }

        .botao.mobile{
            display: none;
        }
        @media screen and (max-width: 992px) {

            .botao.desktop{
                display: none;
            }
            .botao.mobile{
                display: block;
            }
        }
        .conteudo{
            width: 45%;
            padding-right: 80px;
            font-size: 24px;
            line-height: 130%;
            letter-spacing: -0.32px;
            color: #FFFFFF;

            h2{
                font-weight: 500;
                font-size: 40px;
                letter-spacing: -0.02em;
                color: #FFFFFF;
            }
            @media screen and (max-width: 1500px) {
                &{
                    padding-right: 80px;
                    font-size: 22px;

                    h2{
                        font-size: 35px;
                    }
                }
            }
            @media screen and (max-width: 1200px) {
                &{
                    padding-right: 50px;
                    font-size: 20px;

                    h2{
                        font-size: 30px;
                    }
                }
            }
            @media screen and (max-width: 992px) {
                &{
                    font-size: 18px;

                    h2{
                        font-size: 26px;
                    }
                }
            }
        }
        .numeros{
            width: 55%;
            padding-left: 80px;

            table{
                width: 100% !important;
                border: none;
                tr{
                    td{
                        background-color: transparent;
                        font-weight: 400;
                        text-align: left;
                        width: 46%;
                        height: 205px;
                        border-radius: 28px;
                        display: inline-block;
                        margin: 0 10px 15px;
                        padding: 30px 20px;
                        position: relative;
                        border: 3px solid transparent;
                        background: linear-gradient(#e52424, #e52424) padding-box, linear-gradient(-144deg, #EEE8E24D 15%, #F9F3EB 100%) border-box;
                        font-size: 16px;
                        letter-spacing: -0.403599px;
                        color: #FFFFFF;
                        h3{
                            font-weight: 500;
                            font-size: 38px;
                            letter-spacing: -0.668794px;
                            color: #FFFFFF;
                            margin: 8px 0;
                        }
                        .numero{
                            white-space: nowrap;
                        }
                    }
                }
            }

            @media screen and (max-width: 1500px) {
                padding-left: 50px;

                table{
                    tr{
                        td{
                            font-size: 16px;
                            h3{
                                font-size: 32px;
                            }
                        }
                    }
                }
            }
            @media screen and (max-width: 1200px) {
                padding-left: 30px;

                table{
                    tr{
                        td{
                            width: 44%;
                            h3{
                                font-size: 28px;
                            }
                        }
                    }
                }
            }
            @media screen and (max-width: 992px) {
                padding-left: 30px;

                table{
                    tr{
                        td{
                            width: 47%;
                            margin: 0 5px 5px;
                            padding: 20px 10px;
                            h3{
                                font-size: 25px;
                            }
                        }
                    }
                }
            }
            @media screen and (max-width: 400px) {
                padding-left: 0;

                table{
                    tr{
                        td{
                            width: 100%;
                            height: auto;
                            margin: 0 0 10px;
                        }
                    }
                }
            }
        }

        @media screen and (max-width: 992px) {
            &{
                .fundo_vermelho2{
                    background-image: none;
                }
                .conteudo{
                    width: 100%;
                    padding-right: 0;
                }
                .numeros{
                    width: 100%;
                    padding-left: 0;
                    margin-top: 40px;
                }
            }
        }
    }

    .vantagens{
        font-size: 18px;
        letter-spacing: -0.403599px;
        color: #000000;

        h2{
            font-weight: 600;
            font-size: 32px;
            letter-spacing: -1.59551px;
            color: #0A0A0A;
        }
        h3{
            font-weight: 600;
            font-size: 35px;
            letter-spacing: -0.668794px;
            color: rgba(0, 0, 0, 0.1);
        }
        h4{
            font-weight: 600;
            font-size: 22px;
            letter-spacing: -0.668794px;
            color: #000000;
        }
        .holder_vantagens{
            display: flex;
            flex-wrap: wrap;
            .conteudo{
                width: 40%;
                padding-right: 80px;

                table {
                    width: 100% !important;
                    border: none;

                    tr {
                        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                        &:last-child{
                            border-bottom: none;
                        }
                        td{

                            padding: 23px 0;
                        }
                    }
                }
            }
            .imagem{
                width: 60%;
                img{
                    width: 100%;
                    border-radius: 15px;
                }
            }
        }
        @media screen and (max-width: 992px) {
            .holder_vantagens{
                .conteudo{
                    width: 100%;
                    padding-right: 0;

                }
                .imagem{
                    width: 100%;
                    margin-top: 65px;
                }
            }
        }
    }

    .gostaria{
        border-radius: 20px;
        height: 525px;
        overflow: hidden;
        margin-top: 90px;

        @media screen and (max-width: 991px) {
            &{
                height: auto;
            }
        }

        .img{
            height: 100%;
            position: relative;
            z-index: 3;

            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .helper-background{
            background: linear-gradient(203.16deg, #2C1114 36.19%, #592C31 72.37%);
            height: 100%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            padding: 30px 86px;
            width: Calc(100% + 30px);
            left: -30px;
            position: relative;
            z-index: 2;

            @media screen and (max-width: 991px) {
                & {
                    width: 100%;
                    left: 0;
                    top: -40px;
                    border-radius: 15px;
                    padding-top: 80px;
                    text-align: center;
                }
            }

            @media screen and (max-width: 991px) {
                & {
                    padding-left: 20px;
                    padding-right: 20px;
                }
            }

            .links{
                margin-top: 55px;

                a{
                    display: inline-block;
                    border-radius: 20px;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 19px;
                    text-align: center;
                    color: #FFFFFF;
                    padding: 20px;
                    text-decoration: none;
                    border: 1px solid;
                    margin-bottom: 15px;

                    img{
                        margin-left: 15px;
                        vertical-align: middle;
                    }

                    &:first-child{
                        background: #E83025;
                        border-color: transparent;
                        &:hover{
                            background: transparent;
                            border-color: #fff;
                            color: #fff;
                        }
                    }

                    &:last-child{
                        background: transparent;
                        border-color: rgba(255, 255, 255, 0.7);
                        &:hover{
                            background: #E83025;
                            border-color: transparent;
                            color: #fff;
                        }
                    }

                    @media screen and (max-width: 991px) {
                        & {
                            display: block;
                            max-width: 286px;
                            margin: 0 auto;
                        }
                    }

                }
            }
        }
    }

    .holder_slider_testemunhos{

        @media screen and (max-width: 991px) {
            & {
                margin-top: 45px;
            }
        }

        .slide_testemunho{
            text-align: center;
            color: #fff;

            .content{
                padding: 0 10px;
            }

            .desc{
                margin-top: 20px;
                font-weight: 500;
                font-size: 24px;
                line-height: 29px;
                letter-spacing: -0.32px;
                color: #FFFFFF;
            }

            .nome{
                margin-top: 30px;
                font-weight: 400;
                font-size: 16px;
                line-height: 22px;
                letter-spacing: -0.32px;
                color: #FEFEFE;
            }

        }
    }

    .bloco-noticias.casos_estudo{
        .noticia {
            .titulo {
                margin-top: 20px;
            }
        }
    }
}

.holder_logos_certificacoes{
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
    justify-content: center;
    .img{
        max-width: Calc((100% / 3) - 17px);
        img{
            width: 130px;
            height: 130px;
            max-width: 100%;
            object-fit: contain;
        }
    }
}
.bloco_projetos{
    overflow: hidden;
    .holder_slider_solucoes{
        text-align: center;
        .owl-stage-outer{
            overflow: unset;
        }
        .owl-dots{
            display: inline-flex;
            justify-content: center;
            background: #DFD7C9;
            border-radius: 20px;
            margin-top: 35px;
            .owl-dot{
                width: 103px;
                height: 10px;
                &.active{
                    background: #F4EBDC;
                    border-radius: 20px;
                }
                @media screen and (max-width: 992px) {
                    &{
                        width: auto;
                        min-width: 50px;
                    }
                }
            }
        }
        .slide_projeto{
            padding: 0 10px;
            text-align: left;

            .helper-background{
                position: relative;
                border-radius: 30px;
                overflow: hidden;
                padding: 40px 15px 25px;
                background: #E83025;

                .img {
                    position: relative;
                    z-index: 2;
                    padding-bottom: 40%;
                    width: 45%;
                    height: 0;
                    margin-left: auto;
                    margin-bottom: 40px;
                    img{
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100% !important;
                        object-fit: contain;
                    }
                }
                .helper-flex{
                    display: flex;
                    height: 100%;
                    flex-direction: column;
                    justify-content: flex-end;
                    align-items: start;
                    position: relative;
                    z-index: 2;
                    color: var(--white-color);

                    a{
                        color: inherit;
                        text-decoration: none;
                    }

                    .nome{
                        font-weight: 700;
                        font-size: 24px;
                        line-height: 29px;
                        letter-spacing: -0.53552px;
                        span{
                            font-weight: 500;
                        }
                    }

                    .desc{
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 22px;
                        letter-spacing: -0.32px;
                        margin-top: 5px;
                    }

                }

            }
        }
    }
}

/*==================================================================================================*/
/*QUEM SOMOS*/
/*==================================================================================================*/
.holder_zona_numeros{
    max-width: 962px;
    margin: 0 auto;
}
.contadores_brancos{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    .contador-item{
        width: Calc(100% / 3);
        padding: 15px;
        .holder_contador{
            background: #FEFEFE;
            text-align: center;
            background: #FEFEFE;
            border-radius: 28px;
            padding: 30px 20px;
            height: 100%;
            .icon{
                margin-bottom: 16px;
                img, svg{
                    width: 41px;
                    height: 26px;
                    object-fit: contain;
                }
            }

            .zona_numero{
                font-weight: 600;
                font-size: 30px;
                letter-spacing: -0.668794px;
                color: #000000;
                .numero{
                    font-size: 40px;
                }
            }
            .texto{
                font-weight: 400;
                font-size: 17px;
                text-align: center;
                letter-spacing: -0.403599px;
                color: #000000;
                max-width: 190px;
                margin: 6px auto 0;
            }
        }

    }

    @media screen and (max-width: 992px) {
        &{
            .contador-item{
                .holder_contador{
                    .icon{
                        img, svg{
                            width: 31px;
                            height: 26px;
                        }
                    }

                    .zona_numero{
                        font-size: 20px;
                        .numero{
                            font-size: 30px;
                        }
                    }
                    .texto{
                        font-size: 14px;
                    }
                }
            }
        }
    }
    @media screen and (max-width: 767px) {
        &{
            .contador-item{
                width: 100%;
                padding: 15px 0;
                .holder_contador{
                    display: flex;
                    flex-wrap: wrap;
                    .icon{
                        width: 41px;
                    }
                    .info{
                        width: Calc(100% - 41px);
                        padding-left: 20px;
                        text-align: left;
                        .texto{
                            width: 100%;
                            margin-left: 0;
                            max-width: 100%;
                            text-align: left;
                        }
                    }
                }
            }
        }
    }
}
#quem-somos{
    .titulo_small{
        font-weight: 600;
        font-size: 22px;
        color: #0A0A0A;
        max-width: 992px;
        margin: 0 auto 40px;

        @media screen and (max-width: 1400px) {
            &{
                font-size: 20px;
            }
        }
        @media screen and (max-width: 1200px) {
            &{
                font-size: 18px;
            }
        }
    }
    .experiencia{
        .titulo{
            font-size: 40px;
            letter-spacing: -0.02em;
            margin-bottom: 20px;

            @media screen and (max-width: 1400px) {
                &{
                    font-size: 35px;
                }
            }
            @media screen and (max-width: 1200px) {
                &{
                    font-size: 30px;
                }
            }
            @media screen and (max-width: 992px) {
                &{
                    font-size: 25px;
                }
            }
        }
    }
    .zona_icons{
        .titulo_small{
            text-align: center;
        }
        .holder_zona_icons{
            display: flex;
            flex-wrap: wrap;
            margin-top: 30px;
            .single_item{
                width: Calc(100% / 4);
                padding: 15px;
                .holder_single_item{
                    text-align: center;
                    padding: 15px;
                    .icon{
                        margin-bottom: 20px;
                        img, svg{
                            width: 41px;
                            height: 41px;
                            object-fit: contain;
                        }
                    }
                    .texto{
                        font-weight: 500;
                        font-size: 20px;
                        letter-spacing: -0.668794px;
                        color: rgba(0, 0, 0, 0.8);
                    }
                }
            }
        }
        @media screen and (max-width: 1400px) {
            &{
                .holder_zona_icons{
                    .single_item{
                        .holder_single_item{
                            .texto{
                                font-size: 18px;
                            }
                        }
                    }
                }
            }
        }
        @media screen and (max-width: 1200px) {
            &{
                .holder_zona_icons{
                    .single_item{
                        .holder_single_item{
                            .texto{
                                font-size: 16px;
                            }
                        }
                    }
                }
            }
        }
        @media screen and (max-width: 992px) {
            &{
                .holder_zona_icons{
                    .single_item{
                        width: 50%;
                        .icon{
                            img, svg{
                                width: 31px;
                                height: 31px;
                            }
                        }
                    }
                }
            }
        }
        @media screen and (max-width: 767px) {
            &{
                .holder_zona_icons{
                    .single_item{
                        .holder_single_item{
                            padding: 15px 0;
                            .texto{
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
        }
    }
    .sustentabilidade{
        .row{
            align-items: center;
        }
        img{
            width: 100%;
            border-radius: 20px;
        }
        @media screen and (max-width: 992px) {
            &{
                .titulo_small{
                    text-align: center;
                }
            }
        }
    }
    .equipa{
        overflow: hidden;
        .holder_equipa {
            margin-top: 40px;
            text-align: center;
            .owl-stage-outer {
                overflow: unset;
            }
            .owl-dots{
                display: inline-flex;
                justify-content: center;
                background: #DFD7C9;
                border-radius: 20px;
                margin-top: 35px;
                .owl-dot{
                    width: 103px;
                    height: 10px;
                    &.active{
                        background: #F4EBDC;
                        border-radius: 20px;
                    }
                    @media screen and (max-width: 992px) {
                        &{
                            width: auto;
                            min-width: 50px;
                        }
                    }
                }
            }
            .single_membro{
                padding: 0 15px;
                .holder_single_membro{
                    position: relative;
                    .imagem{
                        position: relative;
                        border-radius: 20px;
                        overflow: hidden;
                        height: 0;
                        padding-bottom: 120%;
                        img{
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            position: absolute;
                            top: 0;
                            left: 0;
                        }
                        &:after{
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            background: rgba(0, 0, 0, 0.5);
                            background: linear-gradient(180deg, rgba(102, 102, 102, 0) 48.19%, #000000 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(shutterstock_2316706565.jpg);
                            background-blend-mode: normal, multiply, normal;
                        }
                    }
                    .info{
                        position: absolute;
                        padding:0 22px 36px;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        z-index: 2;
                        font-weight: 500;
                        font-size: 16px;
                        letter-spacing: -0.32px;
                        color: #FEFEFE;
                        text-align: left;
                        .nome{
                            font-weight: 700;
                            font-size: 22px;
                            letter-spacing: -0.53552px;
                            color: #FFFFFF;
                            margin-bottom: 10px;
                            text-align: left;
                        }
                        .descricao{
                            text-align: left;
                        }
                    }
                }
            }
        }
        @media screen and (max-width: 992px) {
            &{
                .titulo, .descricao{
                    text-align: center;
                }
                .holder_equipa {
                    .single_membro{
                        .holder_single_membro{
                            .imagem{
                                padding-bottom: 150%;
                            }
                            .info{
                                font-size: 14px;
                                .nome{
                                    font-size: 20px;
                                }
                            }
                        }
                    }
                }
            }
        }
        @media screen and (max-width: 767px) {
            &{
                .holder_equipa {
                    .single_membro{
                        padding: 10px;
                        .holder_single_membro{
                            .imagem{
                                padding-bottom: 150%;
                            }
                        }
                    }
                }
            }
        }
    }
}
/*==================================================================================================*/
/*CERTIFICAÇÕES*/
/*==================================================================================================*/

#certificacoes{

    .titulo_small {
        font-weight: 600;
        font-size: 22px;
        color: #E83025;
        margin: 0 auto 40px;

        @media screen and (max-width: 1400px) {
            &{
                font-size: 20px;
            }
        }
        @media screen and (max-width: 1200px) {
            &{
                font-size: 18px;
            }
        }
    }

    .frase_final {

        .titulo_small {
            font-weight: 600;
            font-size: 24px;
            color: #0A0A0A;
            margin: 0 auto 40px;
            text-align: center;
            max-width: 700px;

            @media screen and (max-width: 1400px) {
                &{
                    font-size: 22px;
                }
            }
            @media screen and (max-width: 1200px) {
                &{
                    font-size: 20px;
                }
            }
        }
    }

    .zona_icons{
        .titulo_small{
            text-align: center;
        }
        .holder_zona_icons{
            display: flex;
            flex-wrap: wrap;
            margin-top: 30px;
            justify-content: center;
            .single_item{
                width: Calc(100% / 3);
                padding: 15px;
                .holder_single_item{
                    text-align: center;
                    padding: 15px;
                    .icon{
                        margin-bottom: 20px;
                        img, svg{
                            width: 41px;
                            height: 41px;
                            object-fit: contain;
                        }
                    }
                    .texto, .descricao{
                        font-weight: 500;
                        font-size: 20px;
                        letter-spacing: -0.668794px;
                        color: rgba(0, 0, 0, 0.8);
                    }
                    .texto{
                        font-weight: 700;
                    }
                }
            }
        }
        @media screen and (max-width: 1400px) {
            &{
                .holder_zona_icons{
                    .single_item{
                        .holder_single_item{
                            .texto, .descricao{
                                font-size: 18px;
                            }
                        }
                    }
                }
            }
        }
        @media screen and (max-width: 1200px) {
            &{
                .holder_zona_icons{
                    .single_item{
                        .holder_single_item{
                            .texto, .descricao{
                                font-size: 16px;
                            }
                        }
                    }
                }
            }
        }
        @media screen and (max-width: 992px) {
            &{
                .holder_zona_icons{
                    .single_item{
                        width: 50%;
                        .icon{
                            img, svg{
                                width: 31px;
                                height: 31px;
                            }
                        }
                    }
                }
            }
        }
        @media screen and (max-width: 767px) {
            &{
                .holder_zona_icons{
                    .single_item{
                        .holder_single_item{
                            padding: 15px 0;
                            .texto, .descricao{
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
        }
        @media screen and (max-width: 567px) {
            &{
                .holder_zona_icons{
                    .single_item{
                        width: 100%;
                    }
                }
            }
        }
    }
}
/*==================================================================================================*/
/*CONTACTOS*/
/*==================================================================================================*/
#contactos{
    .holder_contactos{
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
        .single_contacto{
            width: Calc(100% / 3);
            padding: 15px;
            &, a{
                font-weight: 400;
                font-size: 24px;
                line-height: 150%;
                text-align: center;
                letter-spacing: -0.32px;
                color: #FFFFFF;
                text-decoration: none;
            }
            .titulo{
                font-size: 24px;
                font-weight: 700;
            }
            a:hover{
                text-decoration: underline;
            }
            .icon{
                margin-bottom: 30px;
                svg,img{
                    width: 49px;
                    height: 49px;
                    object-fit: contain;
                }
            }
            @media screen and (max-width: 1500px) {
                &, a, .titulo{
                    font-size: 18px;
                }
            }
            @media screen and (max-width: 1200px) {
                &, a, .titulo{
                    font-size: 16px;
                }
            }
            @media screen and (max-width: 992px) {
                &, a, .titulo{
                    font-size: 14px;
                }
                &{
                    width: 50%;
                }

                .icon{
                    margin-bottom: 20px;
                    svg,img{
                        width: 40px;
                        height: 40px;
                    }
                }
            }
            @media screen and (max-width: 767px) {
                &, a, .titulo{
                    text-align: left;
                }
            }
            @media screen and (max-width: 380px) {
                &{
                    width: 100%;
                }
            }
        }

        @media screen and (max-width: 992px) {
            &{
                justify-content: center;
            }
        }

        @media screen and (max-width: 767px) {
            &{
                justify-content: start;
            }
        }
    }



    .zona_formulario{
        .holder_assunto{
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-bottom: 20px;
            margin-top: 35px;
            .single_assunto{
                label{
                    position: relative;
                    background: #FAF3E5;
                    border: 1px solid #FFFFFF;
                    border-radius: 15px;
                    padding: 14px 23px;
                    font-weight: 600;
                    font-size: 18px;
                    letter-spacing: -0.32px;
                    color: #0D0D0D;
                    transition: all .3s ease-in-out;
                    -moz-transition: all .3s ease-in-out;
                    -webkit-transition: all .3s ease-in-out;
                    input{
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        opacity: 0;
                        z-index: 1;
                        cursor: pointer;
                    }
                    &:hover,&:has(input:checked) {
                        background: #E83025;
                        border: 1px solid #E83025;
                        color: #fff;
                    }
                }
                @media screen and (max-width: 1500px) {
                    &{
                        label{
                            font-size: 16px;
                        }
                    }
                }
                @media screen and (max-width: 1400px) {
                    &{
                        label{
                            font-size: 14px;
                        }
                    }
                }
            }
        }
        .holder_zona_formulario{
            display: flex;
            flex-wrap: wrap;

            .texto{
                width: 40%;
                padding-right: 165px;
                font-weight: 400;
                font-size: 24px;
                letter-spacing: -0.32px;
                color: #000000;

                h2{
                    font-weight: 700;
                    font-size: 36px;
                    line-height: 120%;
                    letter-spacing: -0.02em;
                    color: #000000;
                    margin-bottom:10px;
                }

                @media screen and (max-width: 1500px) {
                    &{
                        font-size: 20px;
                        padding-right: 100px;
                    }
                }
                @media screen and (max-width: 1400px) {
                    &{
                        font-size: 18px;
                        padding-right: 70px;

                        h2{
                            font-size: 30px;
                        }
                    }
                }
                @media screen and (max-width: 1200px) {
                    &{
                        font-size: 16px;
                        padding-right: 50px;

                        h2{
                            font-size: 25px;
                        }
                    }
                }
            }
            .formulario{
                width: 60%;

                .btn{
                    width: 100%;
                }
                @media screen and (max-width: 1500px) {
                    &{
                        .btn {
                            font-size: 14px;
                        }
                    }
                }
                @media screen and (max-width: 767px) {
                    &{
                        .btn {
                            margin-top: 40px;
                        }
                    }
                }

            }

            @media screen and (max-width: 992px) {
                &{
                    .formulario, .texto {
                        width: 100%;
                        padding-right: 0;
                    }
                    .texto {
                        margin-bottom: 30px;
                    }
                }
            }

        }
    }
}

.formulario{
    label{
        font-weight: 500;
        font-size: 16px;
        color: #000000;
        span.required{
            font-weight: 400;
            font-size: 12px;
            color: rgba(0, 0, 0, 0.5);
            margin-left: 10px;
        }
    }
    .line_button{
        margin-top: 40px;
        position: relative;
        input{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 1;
            cursor: pointer;
        }
        label{
            display: block;
            width: 100%;
            cursor: pointer;
            .icon{
                margin: 40px;
            }
            font-weight: 400;
            font-size: 14px;
            color: #000000;
            background: rgb(235 229 222 / 40%);
            border: 1px solid rgb(214 197 176 / 40%);
            border-radius: 12px;
            padding: 16px 30px;
            text-align: center;
        }
    }
    .form-control{
        background: rgba(235, 229, 222, 0.5);
        border: 1px solid #EBE5DE;
        border-radius: 15px;
        padding: 10px 15px;
        font-size: 16px;
        color: #000000;
        margin-bottom: 30px;
    }
    textarea.form-control{
        height: 190px;
    }

    .rgpd{
        &, label, a{
            font-weight: 400;
            font-size: 16px;
            color: #81807F;
        }
        a{
            font-weight: 500;
            text-decoration: none;
            &:hover{
                text-decoration: underline;
            }
        }
        label input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        label{
            position: relative;
            padding-left: 30px;
            cursor: default;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        /* Create a custom checkbox */
        label .checkbox {
            position: absolute;
            top: 0;
            left: 0;
            height: 21px;
            width: 21px;
            background-color: transparent;
            border: 1px solid #000000;
            cursor: pointer;
            border-radius: 5px;
            background: transparent;
        }

        /* Create the checkmark/indicator (hidden when not checked) */
        label .checkbox:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the checkmark when checked */
        label input:checked ~ .checkbox:after {
            display: block;
        }

        label .checkbox:after {
            left: 6px;
            top: 2px;
            width: 7px;
            height: 12px;
            border: solid #494745;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
    }



    .single_input{
        margin-bottom: 30px;
    }
    .single_input.select{
        max-width: 400px;
        margin-top: 15px;
    }
    .single_input.opcoes_contacto{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        .single_opcao{
            label{
                font-weight: 400;
            }
        }

        @media screen and (max-width: 992px) {
            &{
                justify-content: center;
            }
        }
    }
    .single_input.opcoes_empresa_particular{
        margin: 40px 0;
        display: inline-flex;
        background: #F5F0E9;
        border-radius: 119px;
        label{
            position: relative;
            padding: 15px 5px !important;
            width: 137px;
            letter-spacing: -0.32px;
            height: 100%;
            background: transparent;
            border: none;
            border-radius: 119px;
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            text-align: center;
            font-weight: 500;
            font-size: 16px;
            text-align: center;
            color: #E83025;

            input{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                z-index: 1;
                cursor: pointer;
            }
            &:hover,&:has(input:checked) {
                background: #E83025;
                color: #F5F0E9;

            }
        }
        @media screen and (max-width: 992px) {
            &{
                width: 100%;
                justify-content: space-between;
                margin-bottom: 60px;
                .single_opcao{
                    width: 50%;
                    label{
                        width: 100%;
                    }
                }
            }
        }
    }

    @media screen and (max-width: 1500px) {
        &{
            label{
                font-size: 14px;
                span.required {
                    font-size: 10px;
                }
            }
        }
    }
}

#form_ofertas{
    .line_button{
        margin-top: 0;
        position: relative;
        width: 300px;
        max-width: 100%;
    }
}

.alert{
    font-size: 14px;
}
.select2-container{
    width: 100% !important;
}
.select2-container--default .select2-selection--single {
    background: rgba(235, 229, 222, 0.5);
    border: 1px solid #EBE5DE;
    border-radius: 15px;
    padding: 10px 15px;
    font-size: 16px;
    color: #000000;
    height: auto;
}
.select2-dropdown {
    background-color: #f5f0e9;
    border: 1px solid #ede8e1;
    border-radius: 15px;
}
.select2-results__option {
    padding: 6px 20px;
    font-size: 16px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #afaca7;
}
.select2-container--default .select2-results>.select2-results__options {
    font-size: 16px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e82f25;
    color: white;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
}
/*==================================================================================================*/
/*SIMULADOR*/
/*==================================================================================================*/
#simulador{
    .banner_interno_vermelho {
        .descricao {
            font-size: 32px;
        }
    }
    .zona_progress{
        margin-top: 26px;
        text-align: right;
        font-weight: 400;
        font-size: 20px;
        letter-spacing: -0.32px;
        color: #FFFFFF;
        .progress_bar{
            width: 100%;
            height: 8px;
            background:  #D11E13;
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            margin-top: 7px;
            .progress_status{
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                background: #FFFFFF;
                width: Calc(100% / 6);
                border-radius: 8px;
            }
        }
        @media screen and (max-width: 1500px) {
            &{
                font-size: 16px;
            }
        }
        @media screen and (max-width: 992px) {
            &{
                font-size: 14px;
            }
        }
    }

    .formulario{
        .botao{
            text-align: center;
            .btn{
                width: 300px;
                max-width: 100%;
            }
        }
    }

    .passo{
        .btn_voltar{
            display: inline-flex;
            cursor: pointer;
            margin-bottom: 30px;
            font-size: 16px;
            align-items: center;
            gap: 10px;
            transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            &:hover{
                color: #E83025;
            }
        }
        label{
            position: relative;

            .info_cat{
                position: relative;
                text-decoration: none;
                &:after{
                    display: none;
                }
                .dropdown-menu{
                    max-width: 100%;
                    white-space: normal;
                    word-break: break-word;
                    min-width: 300px;
                    padding: 10px;
                    z-index: 1;

                    font-size: 14px;
                }
            }

            @media screen and (max-width: 992px) {
                & {
                    width: 100%;
                    padding-right: 40px;
                    .info_cat{
                        position: absolute;
                        top: 0;
                        right: 0;
                        z-index: 2;
                        .dropdown-menu {
                            font-size: 12px;
                        }
                    }
                }
            }
        }
        .botao{
            margin-top: 40px;
        }

        .line_button{
            margin-top: 40px;
            position: relative;
            input{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                z-index: 1;
                cursor: pointer;
            }
            label{
                display: block;
                width: 100%;
                cursor: pointer;
                .icon{
                    margin: 40px;
                }
                font-weight: 400;
                font-size: 14px;
                color: #000000;
                background: rgb(235 229 222 / 40%);
                border: 1px solid rgb(214 197 176 / 40%);
                border-radius: 12px;
                padding: 16px 30px;
                text-align: center;
            }
        }

        .card_options{
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 20px;

            .single_card{
                label{
                    width: 100%;
                    position: relative;
                    padding: 30px 20px;
                    font-size: 18px;
                    letter-spacing: -0.32px;
                    height: 100%;
                    background: rgb(235 229 222 / 40%);
                    border: 1px solid rgb(214 197 176 / 40%);
                    border-radius: 12px;
                    font-weight: 400;
                    color: #000000;
                    transition: all .3s ease-in-out;
                    -moz-transition: all .3s ease-in-out;
                    -webkit-transition: all .3s ease-in-out;
                    text-align: center;
                    .card_description{
                        font-weight: 400;
                        font-size: 16px;
                        text-align: center;
                        color: #000000;
                        transition: all .3s ease-in-out;
                        -moz-transition: all .3s ease-in-out;
                        -webkit-transition: all .3s ease-in-out;
                    }
                    .card_icon{
                        margin-bottom: 15px;
                        svg, img{
                            width: 68px;
                            height: 68px;
                            object-fit: contain;
                        }
                    }
                    input{
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        opacity: 0;
                        z-index: 1;
                        cursor: pointer;
                    }
                    &:hover,&:has(input:checked) {
                        background: #E83025;
                        border: 1px solid #E83025;
                        color: #fff;

                        /*svg path {
                            fill: #fff;
                        }*/
                        .card_description{
                            color: #fff;
                        }
                    }
                }

                &.media_consumo_euros{
                    width: Calc((100% / 4) - 12px);
                    label{
                        .card_icon{
                            margin-bottom: 15px;
                            svg, img{
                                width: 27px;
                                height: 27px;
                            }
                        }
                    }
                }
                &.sistema,
                &.tipo_propriedade{
                    width: Calc((100% / 6) - 12px);
                }

                &.sistema{
                    label{
                        font-size: 14px;
                    }
                }



                @media screen and (max-width: 1300px) {
                    &{

                        &.media_consumo_euros{
                            width: Calc((100% / 3) - 12px);
                        }
                        &.sistema,
                        &.tipo_propriedade{
                            width: Calc((100% / 4) - 12px);
                        }
                    }
                }
                @media screen and (max-width: 767px) {
                    &{
                        label{
                            padding: 30px 10px;
                            font-size: 16px;
                            .card_description {
                                font-size: 14px;
                            }
                        }

                        &.media_consumo_euros{
                            width: Calc((100% / 2) - 12px);
                        }
                        &.sistema,
                        &.tipo_propriedade{
                            width: Calc((100% / 2) - 12px);
                        }
                    }
                }
                @media screen and (max-width: 500px) {
                    &{
                        label{
                            font-size: 14px;
                            .card_description {
                                font-size: 12px;
                            }
                        }
                    }
                }
            }
        }
    }
}
/*==================================================================================================*/
/*FOOTER*/
/*==================================================================================================*/

footer{
    background: #2C1114;
    position: relative;
    z-index: 6;
    border-radius: 20px 20px 0px 0px;
    margin-top: -30px;

    .redes_sociais{
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        h4{
            font-weight: 700;
            font-size: 16px;
            letter-spacing: -0.32px;
            color: #FEFEFE;
            width: 100%;
            margin-bottom: 0 !important;
        }
        .single_rede{
            svg{
                width: 30px;
                height: 30px;
                object-fit: contain;
                path{
                    fill: #fff;
                }
            }
        }
    }
    .footer{
        padding-bottom: 30px;
        .redes_sociais{
            margin-top: 60px;
        }
        .holder_footer{
            flex-wrap: wrap;
            display: flex;
            .coluna{
                &:nth-child(2){
                    width: 25%;
                }
                &:nth-child(4){
                    width: 20%;
                }
                &:nth-child(1){
                    width: 20%;
                }
                &:nth-child(3){
                    width: 35%;
                }
            }
        }
        &, a{
            font-weight: 400;
            font-size: 16px;
            letter-spacing: -0.32px;
            color: #FEFEFE;

            text-decoration: none;
        }
        h4{
            font-weight: 700;
            font-size: 16px;
            letter-spacing: -0.32px;
            color: #FEFEFE;
            margin-bottom: 30px;
        }
        a:hover{
            text-decoration: underline;
        }
        ul{
            padding: 0 0 0 15px;
            margin: 0;
            list-style: none;
            li{
                margin-bottom: 20px;
                a{
                    font-weight: 400;
                    font-size: 16px;
                    letter-spacing: -0.32px;
                    color: #FEFEFE;
                    text-decoration: none;
                    position: relative;
                    &:after{
                        content: '';
                        background-image: url(/site/imagens/icon_menu.svg);
                        width: 12px;
                        height: 12px;
                        display: inline-block;
                        vertical-align: middle;
                        margin-top: -9px;
                        margin-left: 5px;
                        transition: all .3s ease-in-out;
                        -moz-transition: all .3s ease-in-out;
                        -webkit-transition: all .3s ease-in-out;
                    }
                    &:hover{
                        text-decoration: none;
                        &:after{
                            transform: rotate(45deg);
                            -moz-transform: rotate(45deg);
                            -webkit-transform: rotate(45deg);
                        }
                    }
                }
            }
        }

        @media screen and (max-width: 1400px) {
            &{
                &, a{
                    font-size: 14px;
                }
                h4{
                    font-size: 14px;
                }
                ul {
                    li {
                        a {
                            font-size: 14px;
                        }
                    }
                }

            }
        }
        @media screen and (max-width: 992px) {
            &{
                .holder_footer{
                    flex-wrap: wrap;
                    display: flex;
                    .logo{
                        img{
                            width: 50px;
                        }
                    }
                    .coluna{
                        margin-bottom: 40px;
                        &:nth-child(2){
                            width: 50%;
                        }
                        &:nth-child(4){
                            width: 50%;
                        }
                        &:nth-child(1){
                            width: 50%;
                        }
                        &:nth-child(3){
                            width: 50%;
                        }
                    }
                }
                .redes_sociais{
                    display: none;
                }

            }
        }
        @media screen and (max-width: 767px) {
            &{
                padding-bottom: 0;
                .holder_footer{
                    flex-wrap: wrap;
                    display: flex;
                    .coluna{
                        margin-bottom: 30px;
                        &:nth-child(2){
                            width: 100%;
                        }
                        &:nth-child(4){
                            width: 100%;
                            margin-bottom: 0;
                        }
                        &:nth-child(1){
                            width: 100%;
                        }
                        &:nth-child(3){
                            width: 100%;
                        }
                    }
                }
                .redes_sociais{
                    display: none;
                }

            }
        }
    }
    .lower_footer{
        padding-bottom: 40px;
        hr{
            border-top: 2px solid #000000;
            margin-bottom: 40px;
        }
        &, a{
            font-weight: 400;
            font-size: 14px;
            letter-spacing: -0.32px;
            color: #FEFEFE;
            text-decoration: none;
        }
        a:hover{
            text-decoration: underline;
        }
        .holder_lower_footer{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 40px;
            .redes_sociais{
                display: none;
            }
            .col_esquerda{
            }
            .holder_links{
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
                .single_link{
                    position: relative;
                    @media screen and (min-width: 993px) {

                        &:not(:first-child):before{
                            content: '';
                            position: absolute;
                            width: 1px;
                            height: 13px;
                            background: rgba(254, 254, 254, 0.4);
                            left: -10px;
                            top: 50%;
                            transform: translateY(-50%);
                            -moz-transform: translateY(-50%);
                            -webkit-transform: translateY(-50%);
                        }
                    }
                }
            }
        }

        @media screen and (max-width: 1400px) {
            &{
                &, a{
                    font-size: 13px;
                }
            }
        }
        @media screen and (max-width: 992px) {
            &{
                .holder_lower_footer{
                    .col_direita{
                        order: 2;
                    }
                    .col_esquerda{
                        order: 1;
                        padding: 30px 15px 15px;
                        width: 100%;
                        background: #E83025;
                        border-radius: 28px;

                    }
                    .redes_sociais{
                        display: flex;
                        justify-content: center;
                        margin-bottom: 40px;
                        h4{
                            text-align: center;
                        }
                    }
                    .holder_links{
                        gap: 0;
                        width: 100%;
                        .single_link{
                            width: 50%;
                            text-align: center;
                        }
                    }
                }
            }
        }

        @media screen and (max-width: 767px) {
            &{
                hr{
                    display: none;
                }
                .holder_lower_footer{
                    .holder_links {
                        .single_link {
                            a{
                                font-weight: 400;
                                font-size: 11px;
                                line-height: 150%;
                                letter-spacing: -0.32px;
                                color: #FEFEFE;
                            }
                        }
                    }
                }
            }
        }
    }

}
.paginas{
    background: #FFFBF4;
    table{
        max-width: 100% !important;
        border: none !important;
        tr {
            th{
                background: #c6c5c5;
                padding: 5px 10px;
            }
            td{
                width: Calc(100% / 3) !important;
                padding: 5px 10px;
                border: none !important;
            }
        }
    }
    &, a, p{
        font-weight: 400;
        font-size: 20px;
        line-height: 180%;
        letter-spacing: -0.32px;
        color: #000000;
        strong, b{
            font-weight: 700;

        }
        @media screen and (max-width: 1400px) {
            &{
                font-size: 18px;
            }
        }
        @media screen and (max-width: 992px) {
            &{
                font-size: 16px;
            }
        }
    }
}