@import url(base.css);


/* Estilo do Topo do Site */
section .topoSite {
   padding: 40px 4%;
}

section.topoSite .flex {
   align-items: center;
   justify-content: center;
   gap: 40px;
}

.topoSite h1 {
   font-size: 40px;
   color: rgb(0, 0, 0);
}

.topoSite .txt-topo p {
   color: rgb(0, 0, 0);
   margin: 20px 0px;
}

main {
   padding: 20px 0px;
}

.flex .txt-topo {
   background-color: #e6f0eb;
   padding: 50px 40px;
   border-radius: 15px;
   margin-bottom: 30px;
   margin-top: 150px;

   
}
.txt-topo h1 span{
   color: #2b8b5d;
}

.img-topo1 {
   border-radius: 15px;
   margin-bottom: 30px;
   margin-top: 150px;
   padding: 50px 40px;
}

.img-topo1 img{
   border-radius: 15px;
}

.section.objetivo {
   padding: 40px 4%;
}


section.objetivo .flex {
   gap: 60px;
}


.objetivo .objetivo-box {
   color: white;
   padding: 40px;
   margin-top: 30px;
   border-radius: 30px;
   transition: .2s;

}

.objetivo .objetivo-box:hover {
   transform: scale(1.05);
}

.objetivo .objetivo-box i {
   font-size: 80px;
}

.objetivo .objetivo-box h2 {
   font-size: 25px;
   margin: 15px 0px;
}

.objetivo .objetivo-box p {
   font-size: 18px;
}


/* Estilo dos Objetivos do Site */
.section.objetivo {
   padding: 40px 4%;
}

section.objetivo .flex {
   gap: 60px;
}

.objetivo .objetivo-box {
   color: rgb(8, 8, 8);
   padding: 40px;
   margin-top: 30px;
   border-radius: 30px;
   transition: .2s;
}

.objetivo .objetivo-box:hover {
   transform: scale(1.05);
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.274);
}

.objetivo .objetivo-box i {
   font-size: 80px;
   
}

.objetivo .objetivo-box h2 {
   font-size: 25px;
   margin: 15px 0px;
}

.objetivo .objetivo-box p {
   font-size: 18px;
}

.objetivo .dir{
   padding-left: 100px;
   padding-right: 100px;
   
   margin: 40px;
}

.objetivo .dir p {
   font-size: 25px;
}

.objetivo .dir h1{
   text-align: center;
   font-size: 30px;
   padding: 30px;
}