:root {
    --primary-color: #FFFFFF;
    --primary-color-higligth: #F3F7FD;
    --laranja-leilao: #F7845C;
    --azul-leilao: #27768A;
    --bs-body-bg: #F9F9F9;
    --bs-body-font-family: 'inter', sans-serif;
    --secundary-color: #19173E;
}


.grey {
    background-color: #F9F9F9;
}

.text-grey{
    color:  #c0c0c0;
}

.bgwhite {
    background-color: var(--primary-color);
}

.hero {
    position: relative;
    overflow: hidden;
}


.alignTexts {
    text-align: justify;
}

.alignTextsLeft {
    text-align: left;
}


.bg2 {
    background-color: #F7845C;
}

.bg3 {
    background-color: #27768A;
}

.white {
    color: var(--primary-color);
}

.blue {
    color: var(--azul-leilao);
}

.accordion-item {
    color: #FFFFFF;
}

.accordion-button {
    color: #FFFFFF;
}

.laranja {
    color: var(--laranja-leilao);
}

.azul {
    color: var(--azul-leilao);
}

.black {
    color: var(--azul-leilao);
}

.cinza{
    color: #525252;
}


.linhaCor {
    color: #A9C4E2;
}

.linhagrey {
    color: #c0c0c0;
}


.accordion-button::after {
    background-image: url('image/seta.svg');
}

.accordion-button:not(.collapsed)::after {
    background-image: url('image/expand.svg');
    transform: none;
}


.colorfooter {
    background-color: #034556;
}

.text-blue {
    color: var(--bs-body-bg);
}

.sizeA {
    font-size: 1rem;
}

.sizeB {
    font-size: 0.7rem;
}

.sizeC {
    font-size: 3.2rem;
}

.sizeD {
    font-size: 1.5rem;
}

.sizeE {
    font-size: 7.5rem;
}

.sizeF {
    font-size: 5.5rem;
}

.sizeG {
    font-size: 2rem;
}

.sizeH {
    font-size: 1.7rem;
}

.sizeI {
    font-size: 1.3rem;
}

.sizeJ {
    font-size: 3.5rem;
}

.sizefooter {
    font-size: 1rem;
}

.img-fluid {
    width: 100%;
}

.material-icons {
    width: auto;
    overflow: hidden;
    vertical-align: middle;
}


footer {
    background: var(--bs-body-bg);
    color: #fff;
    padding: 20px 0;
}


li {
    list-style: none;
    line-height: 2;
}

a {
    text-decoration: none;
    color: #ffff;
}

hr {
    opacity: .3;
}

footer .end {
    text-align: center;
    padding: 20px 0 0 0;
}

@media(max-width: 768px) {

    .sizeA {
        font-size: 1rem;
    }

    .sizeG {
        font-size: 1.5rem;
    }

    .sizeE {
        font-size: 4rem;
    }

    .sizeF {
        font-size: 3rem;
    }

    .sizeC {
        font-size: 2rem;
    }

    .sizeD {
        font-size: 0.9rem;
    }

    .sizeJ {
        font-size: 2.3rem;
    }




    .img-fluid {
        width: 100%;
    }
}