@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: "Poppins",Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    padding: 0;
    margin: 0;

}

:root {
    --blueof: rgb(27, 58, 140);
    --greenof:rgb(26, 122, 26);
}


#fale-conosco
{
    background-color: var(--greenof);
}

#color-btn {
    background-color: var(--greenof);
}



.fw-bold {
    color: var(--blueof);
}


.falar-conosco {
    color: rgba(0, 0, 0, 0.501);
    text-decoration: none;
    font-weight: bold;
}

.falar-conosco:hover {
    color: black;
    padding: 2px;
    transition: 1s;
}




#estatisticas {
   background-color: rgb(209, 244, 244);
   padding: 50px 0px;
   display: flex;
   margin-top: 100px;
}


.number
{
    font-weight: bold;
    font-size: 4em;
    color: var(--greenof);
}

.colection {

    text-align: center;
}


.descricao {
    font-size: 13px;
    font-weight: bold;
    color: var(--blueof);
}

.locais {
    font-size: 12px;
    color: grey;
    
}



#blocos
{
    background-color: rgb(233, 252, 252);
}

.qs-class {
    padding: 30px;
    border: 0.1px solid rgba(0, 0, 0, 0.084);

}

.qs-class > span {
    font-size: 1.2em;
    padding-left: 10px;

}


.descricao-dois {
    color: rgba(0, 0, 0, 0.503);
}


.tres
{
    width: 98%;
    background-color: rgb(233, 252, 252);
}


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


#portifolio {
    display: flex;
    justify-content: space-between;
}

.imagens {
    min-width: 30%;
    padding: 20px;
    background-color: white;
    
}

.imagens:hover {
    transform: translateY(-3px);    
}



.colecao {
    width: 100%;
    height: 280px;
    object-fit: contain;
    padding-bottom: 40px;
    border-radius: 20px 20px;
    
}

.span-peq {
    font-size: 12px;
    background-color: rgb(233, 252, 252);   
    font-weight: bold;
    color: var(--blueof);
    
}




.links {
    text-decoration: none;
    color: var(--greenof);
}


.links:hover {
    padding: 4px;
}


.impacto {
    margin-top: 100px;
}



.cont {
    margin-bottom: 30px;
}


#btn-color {
    background-color: var(--greenof);    
      
}

.galeria-item {
    position: relative;
}




.absol 
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    color: white;
    padding: 20px;
    font-size: 0.5em;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    padding: 20px;
    color: white;

    background: linear-gradient(
        to top,
        rgba(0,0,0,.8),
        rgba(27, 58, 140,.2),
        transparent
    );

    opacity: 0;
    transform: translateY(20px);
    transition: .3s;
}

.galeria-item:hover .overlay {
    opacity: 1;
    transform: translateY(0);
}




.foot {
    margin-top: 120px;
    background-color: rgb(233, 252, 252);
    border-top:1px solid rgba(0, 0, 0, 0.133);
    padding: 60px 0px;
    
}


.redes {
    padding: 10px;
    font-size: 1.3em;
}


.navegacao {
    text-decoration: none;
}