:root {
    --cor-primaria: #007179;
    --cor-secundaria: #8bc860;
}

main {
    margin-top: 55px;
}

/*--PC--*/
.imagens {
    

    background-position: center;
    display: block;
    width: 100% !important;
    height: 700px;
}

.invista-em-tecnologia {
    background: url(../../../img/capa/sejafranqueado/invista-em-tecnologia.png);
}

.numeros-impressionam {
    background: url(../../../img/capa/sejafranqueado/nossos-numeros-impressionam.png);
}

.garantia-de-eficiencia {
    background: url(../../../img/capa/sejafranqueado/eficiencia-da-comunicacao.png);
}

.vantagens-investimento {
    background: url(../../../img/capa/sejafranqueado/vantagens-de-investir.png);
}

.servicos-oferecidos {
    background: url(../../../img/capa/sejafranqueado/servicos-oferecidos.png);
}

.nosso-modelo-negocio {
    background: url(../../../img/capa/sejafranqueado/modelo-negocio.png);
}

.quem-somos {
    background: url(../../../img/capa/sejafranqueado/quem-somos.png);
}

.nossos-clientes {
    background: url(../../../img/capa/sejafranqueado/nossos-clientes.png);
}

.square {
    height: 150px;
    width: 150px;
    border-radius: 10px;
    border-color: var(--cor-primaria);
    border-style: solid;
    border-width: 6px;
    margin: 10px;
}

.square-display {
    margin: 0 auto !important;
    display: grid;
}

.square-content {
    margin: 1rem auto;
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.square h5, h1 {
    margin-bottom: 0;
}

.square-text-center {
    margin: auto;
    padding: 10px;
    text-align: center;
}

    .square h5 {
        color: var(--cor-primaria);
        font-weight: 700;
    }

    .square h1 {
        color: var(--cor-secundaria);
        font-size: 2.5rem;
        font-weight: 800;
    }

    .square h1.plus::after {
        content: '+';
        color: var(--cor-primaria);
        font-size: large;
        bottom: 50px !important;
        top: 0 !important;
        float: right;
    }

        .square h1.plus-m:before {
            content: 'M';
            color: var(--cor-primaria);
            font-size: large;
            bottom: 50px !important;
            top: 0 !important;
            float: left;
        }

    .square h1.cash:before {
        content: 'R$';
        color: var(--cor-primaria);
        font-size: large;
        bottom: 50px !important;
        top: 0 !important;
        float: left;
    }

    .rectangle {
        color: white;
        border-radius: 10px;
        text-align: center;
        width: fit-content;
        margin: 0 auto;
    }

    .rectangle .heading p {
        color: white;
        margin: 1rem;
    }

        .rectangle .heading p span {
            padding: 6px 15px 0;
        }

.background-main {
    background-color: var(--cor-primaria);
}

.background-sub {
    background-color: var(--cor-secundaria);
}

.title-main {
    font-size: 4rem;
    font-weight: bold;
}

.title-sub {
    font-size: 1.5rem;
}

.text-mobile {
    display: none;
}

.container-text-ballon {
    margin: 0 auto;
    display: grid;
    flex-direction: row;
    justify-content: space-around;
    position: relative;
    margin-top: 10px;
}

.ballon-text {
    height: 370px;
    width: 370px;
    background-color: var(--cor-primaria);
    border-radius: 17rem 17rem 17rem 0;
    border-color: white;
    padding: 5rem 3rem;
    max-width: 100% !important;
}

.ballon-text p, h3 {
    color: white;
}

.ballon-text p {

}

.ballon-logo {
    height: 150px;
    width: 150px;
    background-color: lightgray;
    border-radius: 0 10rem 10rem 10rem;
    border-color: var(--cor-primaria);
    position: absolute;
    z-index: 5;
    bottom: 0;
    right: 65px;
}

.ballon-safe {
    background-image: url(../../../img/capa/sejafranqueado/safe-assist-logo.png) !important;
}

.ballon-medianeira {
    background-image: url(../../../img/capa/sejafranqueado/medianeira-logo.png) !important;
}

.title-garantia {
    text-align: center;
    font-size: 4rem;
}

.text-mobile img {
    width: 100%;
}

.form-content svg {
    padding: 10px;
    margin: 10px;
}

@media screen and (min-width: 1920px) {
    .imagens {
        background-repeat: no-repeat !important;
        background-position: center !important;
        margin: 0 auto !important;
    }
}
@media screen and (max-width: 1919px) and (min-width: 992px) {
    .imagens {
        background-position: center !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        display: block;
        width: auto !important;
        height: 453px;
        max-width: 1240px !important;
        margin: 0 auto;
    }
}

@media screen and (max-width: 991px) {
    .text-mobile {
        display: block;
        padding: 1rem 0;
    }
}
    /*--TABLET--*/
@media screen and (max-width: 991px) and (min-width: 810px) {
    .imagens {
        height: 840px;
    }

    .invista-em-tecnologia {
        background-image: url(../../../img/capa/sejafranqueado/invista-em-tecnologia-min.png);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: right !important;
    }

    .numeros-impressionam {
        background: url(../../../img/capa/sejafranqueado/nossos-numeros-impressionam-min.png);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
    }

    .garantia-de-eficiencia {
        background: url(../../../img/capa/sejafranqueado/eficiencia-da-comunicacao-min.png);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        background-color: var(--cor-primaria);
    }

    .vantagens-investimento {
        background: url(../../../img/capa/sejafranqueado/vantagens-de-investir-min.png);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        background-color: var(--cor-primaria);
        height: 1500px;
    }

    .servicos-oferecidos {
        background: url(../../../img/capa/sejafranqueado/servicos-oferecidos-min.png);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        background-color: var(--cor-primaria);
        height: 1700px;
    }

    .nosso-modelo-negocio {
        background: url(../../../img/capa/sejafranqueado/modelo-negocio-min.png);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        background-color: var(--cor-primaria);
        height: 1700px;
    }

    .quem-somos {
        background: url(../../../img/capa/sejafranqueado/quem-somos-min.png);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        background-color: var(--cor-primaria);
        height: 1700px;
    }

    .nossos-clientes {
        background: url(../../../img/capa/sejafranqueado/nossos-clientes-min.png);
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-position: center !important;
        min-height: 550px;
        height: 550px;
    }

    .ballon-text {
        height: 570px;
        width: 570px;
        border-radius: 25rem 25rem 25rem 0;
    }

        .ballon-text p {
            font-size: 1.5rem;
        }

        .ballon-text h3 {
            font-size: 1.7rem;
        }

    .ballon-text-display {
        display: grid;
        align-items: center;
        align-content: center;
        margin: auto 0 !important;
        padding: 40px;
        z-index: 6 !important;
        position: relative;
    }

    .ballon-logo-small {
        background-size: 450px;
        background-position: center;
        background-color: white;
        border-color: gray;
        border-style: solid;
        border-width: 10px;
    }

    .ballon-medianeira.ballon-logo-small {
        background-size: 200px !important;
    }
}

/*--SMARTPHONE--*/
@media screen and (max-width: 500px) {
    .vantagens-investimento {
        max-height: 365px !important;
    }

    .servicos-oferecidos {
        max-height: 365px !important;
    }

    .nosso-modelo-negocio {
        max-height: 365px !important;
    }

    .quem-somos {
        max-height: 365px !important;
    }

    .nossos-clientes {
        max-height: 350px !important;
        height: 230px !important;
    }
}

@media screen and (max-width: 809px) {
    .imagens {
        max-height: 365px;
    }

    .invista-em-tecnologia {
        background-image: url(../../../img/capa/sejafranqueado/invista-em-tecnologia-min.png) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: right !important;
    }

    .numeros-impressionam {
        background: url(../../../img/capa/sejafranqueado/nossos-numeros-impressionam-min.png) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
    }

    .garantia-de-eficiencia {
        background: url(../../../img/capa/sejafranqueado/eficiencia-da-comunicacao-min.png);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: right !important;
    }

    .vantagens-investimento {
        background: url(../../../img/capa/sejafranqueado/vantagens-de-investir-min.png);
        background-size: contain !important;
        background-repeat: no-repeat;
        background-position: center !important;
        background-color: var(--cor-primaria);
        max-height: 1920px;
        min-height: 668px !important;
        height: 1220px !important;
    }

    .servicos-oferecidos {
        background: url(../../../img/capa/sejafranqueado/servicos-oferecidos-min.png);
        background-size: contain !important;
        background-repeat: no-repeat;
        background-position: center !important;
        background-color: var(--cor-secundaria);
        max-height: 1920px;
        min-height: 668px !important;
        height: 1220px !important;
    }

    .nosso-modelo-negocio {
        background: url(../../../img/capa/sejafranqueado/modelo-negocio-min.png);
        background-size: contain !important;
        background-repeat: no-repeat;
        background-position: center !important;
        background-color: var(--cor-secundaria);
        max-height: 1920px;
        min-height: 668px !important;
        height: 1220px !important;
    }


    .quem-somos {
        background: url(../../../img/capa/sejafranqueado/quem-somos-min.png);
        background-size: contain !important;
        background-repeat: no-repeat;
        background-position: center !important;
        background-color: var(--cor-secundaria);
        max-height: 1920px;
        min-height: 668px !important;
        height: 1220px !important;
    }

    .nossos-clientes {
        background: url(../../../img/capa/sejafranqueado/nossos-clientes-min.png);
        background-repeat: no-repeat !important;
        background-size: cover !important;
        min-height: 220px !important;
        background-position: center;
        max-height: 500px;
        height: 430px
    }

    .title-main {
        font-size: 2rem;
        font-weight: bold;
    }

    .title-sub {
        font-size: 1rem;
    }

    .ballon-text-display {
        display: grid;
        align-items: center;
        align-content: center;
        margin: auto 0 !important;
        z-index: 6 !important;
        position: relative;
    }

    .ballon-logo {
        height: 100px;
        width: 100px;
        right: 0;
    }

    .ballon-logo-small {
        background-size: 300px;
        background-position: center;
        background-color: white;
        border-color: gray;
        border-style: solid;
        border-width: 5px;
    }

    .ballon-medianeira.ballon-logo-small {
        background-size: 160px !important;
    }

    .ballon-text p {
        font-size: 0.9rem;
    }

    .title-garantia {
        text-align: center;
        font-size: 2rem;
    }
}