header {
  background-color: #003366;
  border-bottom: 1px solid red;
}
header nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  z-index: 2;
}
@media screen and (min-width: 1440px) {
  header nav {
    background-color: #003366;
    padding: 1rem 1.5rem;
    position: fixed;
    width: 100%;
  }
}
header nav img {
  height: 3rem;
}
@media screen and (min-width: 1440px) {
  header nav img {
    height: 4rem;
  }
}
header nav .fa-bars-staggered {
  color: #FFFFFF;
  font-size: 1.3rem;
  z-index: 2;
}
@media screen and (min-width: 1440px) {
  header nav .fa-bars-staggered {
    display: none;
  }
}
header nav .fa-xmark {
  display: none;
  font-size: 1.3rem;
  z-index: 2;
}
header nav .header-ul {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  min-height: 100vh;
  position: absolute;
  row-gap: 3rem;
  top: -150vh;
  transition: 0.7s;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1440px) {
  header nav .header-ul {
    background-color: transparent;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
    flex-direction: row;
    height: auto;
    justify-content: flex-end;
    min-height: 0;
    position: static;
    transition: none;
    width: 1060px;
  }
}
header nav .header-ul li {
  cursor: pointer;
  list-style: none;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  header nav .header-ul li {
    margin: 0;
  }
}
header nav .header-ul li span,
header nav .header-ul li .fale-conosco {
  color: #6e6e6e;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  header nav .header-ul li span,
  header nav .header-ul li .fale-conosco {
    color: #FFFFFF;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: none;
  }
}
header nav .header-ul li .fale-conosco {
  letter-spacing: 0.2rem;
  text-decoration: none;
}
header nav .header-ul li .fa-chevron-down {
  color: #6e6e6e;
  margin-left: 0.3rem;
}
@media screen and (min-width: 1440px) {
  header nav .header-ul li .fa-chevron-down {
    color: #FFFFFF;
  }
}
header nav .header-ul li .ul-menuList {
  background-color: #6e6e6e;
  border-radius: 1rem;
  margin-top: 0.5rem;
  max-height: 0;
  overflow-y: hidden;
  transition: max-height 0.5s ease-out;
  width: 30rem;
}
@media screen and (min-width: 1440px) {
  header nav .header-ul li .ul-menuList {
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 18rem;
  }
}
@media screen and (min-width: 1440px) {
  header nav .header-ul li .ul-menuList li {
    background-color: #4b7fbf;
  }
  header nav .header-ul li .ul-menuList li:hover {
    background-color: blue;
  }
}
header nav .header-ul li .ul-menuList li:last-child a {
  border: none;
}
header nav .header-ul li .ul-menuList li a {
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.2rem;
  padding: 1.5rem 0;
  text-decoration: none;
  text-transform: uppercase;
  width: 95%;
}
header nav .header-ul li .ul-menuListOpen {
  max-height: 50rem;
}
header .acessibilidade {
  left: 8rem;
  position: absolute;
  top: 0.7rem;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  header .acessibilidade {
    left: 10rem;
  }
}
@media screen and (min-width: 1440px) {
  header .acessibilidade {
    top: 1.7rem;
  }
}
header .acessibilidade button {
  background-color: #003366;
  border-radius: 50%;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.3rem;
}
header .acessibilidade button:nth-child(2) {
  font-size: 1.2rem;
  margin-left: 0.5rem;
}

#intro .container {
  display: flex;
  overflow: hidden;
}
#intro .container img {
  height: calc(100vh - 4.5rem);
  flex: none;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #intro .container img {
    height: calc(100vh - 6.5rem);
    margin-top: 6.4rem;
  }
}
#intro .fa-circle-chevron-left {
  color: #FFFFFF;
  font-size: 3rem;
  position: absolute;
  top: 53%;
  left: 1rem;
}
#intro .fa-circle-chevron-left:hover {
  cursor: pointer;
}
#intro .fa-circle-chevron-right {
  color: #FFFFFF;
  font-size: 3rem;
  position: absolute;
  top: 53%;
  right: 1rem;
}
#intro .fa-circle-chevron-right:hover {
  cursor: pointer;
}

#links {
  padding: 4rem 0;
}
@media screen and (min-width: 1440px) {
  #links {
    padding: 6rem 0;
  }
}
#links .container {
  margin: 0 auto;
  width: 30rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
@media screen and (min-width: 800px) {
  #links .container {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: center;
    width: 71rem;
  }
}
@media screen and (min-width: 1440px) {
  #links .container {
    gap: 3.5rem;
    width: 124rem;
  }
}
#links .container section {
  background-color: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  height: 38rem;
  justify-content: space-between;
  padding: 1.5rem;
  width: 30rem;
}
@media screen and (min-width: 1440px) {
  #links .container section {
    height: 39rem;
  }
  #links .container section:hover {
    cursor: context-menu;
    transform: scale(1.05);
    transition: 0.7s;
  }
}
#links .container section img {
  border-radius: 0.5rem;
  height: 18.5rem;
  width: 100%;
}
#links .container section h3 {
  color: #4b7fbf;
  font-size: 2.4rem;
  line-height: 2.5rem;
  margin: 1rem 0 0.5rem 0;
}
#links .container section p {
  color: #6e6e6e;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
#links .container section a {
  color: #6e6e6e;
  font-size: 1.5rem;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1440px) {
  #links .container section a:hover {
    color: lightgreen;
    transition: 0.5s;
  }
}

#sobre {
  background-color: #FFFFFF;
  border-top-right-radius: 8rem;
  padding: 4rem 0;
}
@media screen and (min-width: 1440px) {
  #sobre {
    border-top-right-radius: 10rem;
    padding: 6rem 0;
  }
}
#sobre .container {
  background-color: #FFFFFF;
  border-radius: 1rem;
  margin: 0 auto;
  padding: 1.5rem;
  width: 30rem;
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  #sobre .container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #sobre .container {
    gap: 2.5rem;
    padding: 2rem 3rem;
    width: 114rem;
  }
}
#sobre .container h2 {
  color: #003366;
  font-size: 2.8rem;
}
@media screen and (min-width: 1440px) {
  #sobre .container h2 {
    font-size: 4rem;
  }
}
#sobre .container .sobre-line {
  background-color: #003366;
  border-radius: 2px;
  height: 0.7rem;
  margin-bottom: 2rem;
  width: 8rem;
}
@media screen and (min-width: 1440px) {
  #sobre .container .sobre-line {
    height: 1rem;
  }
}
#sobre .container p {
  color: #6e6e6e;
  font-size: 1.3rem;
}
@media screen and (min-width: 1440px) {
  #sobre .container p {
    font-size: 1.5rem;
  }
}
#sobre .container img {
  border-radius: 0.5rem;
  height: 40vh;
  margin-top: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #sobre .container img {
    height: 50vh;
  }
}
@media screen and (min-width: 1440px) {
  #sobre .container img {
    border-radius: 1rem;
  }
  #sobre .container img:hover {
    cursor: pointer;
  }
}

#noticias {
  background-color: #FFFFFF;
  padding: 4rem 0;
}
@media screen and (min-width: 1440px) {
  #noticias {
    padding: 6rem 0;
  }
}
#noticias .container {
  background-color: #FFFFFF;
  border-radius: 1rem;
  margin: 0 auto;
  padding: 1.5rem;
  width: 30rem;
  box-shadow: none;
  position: relative;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #noticias .container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #noticias .container {
    padding: 2rem 3rem;
    width: 114rem;
  }
}
#noticias .container h2 {
  color: #003366;
  font-size: 2.8rem;
}
@media screen and (min-width: 1440px) {
  #noticias .container h2 {
    font-size: 4rem;
  }
}
#noticias .container .noticias-line {
  background-color: #003366;
  border-radius: 2px;
  height: 0.7rem;
  margin-bottom: 2rem;
  width: 8rem;
}
@media screen and (min-width: 1440px) {
  #noticias .container .noticias-line {
    height: 1rem;
  }
}
#noticias .container p {
  color: #6e6e6e;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1440px) {
  #noticias .container p {
    font-size: 1.5rem;
  }
}
#noticias .container .noticias__section--container {
  display: flex;
  overflow-x: hidden;
}
#noticias .container .noticias__section--container section {
  border-radius: 1rem;
  display: flex;
  flex: none;
  flex-direction: column;
  height: 52.5rem;
  justify-content: space-between;
  padding: 1.5rem;
  width: 30rem;
}
@media screen and (min-width: 768px) {
  #noticias .container .noticias__section--container section {
    width: 27rem;
  }
}
#noticias .container .noticias__section--container section img {
  border-radius: 0.5rem;
  height: 17rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
#noticias .container .noticias__section--container section h3 {
  color: #4b7fbf;
  font-size: 2.4rem;
  line-height: 2.5rem;
  margin: 1rem 0 0.5rem 0;
}
#noticias .container .noticias__section--container section p {
  color: #6e6e6e;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
#noticias .container .noticias__section--container .btn-container {
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  display: flex;
}
#noticias .container .noticias__section--container .btn-container a {
  color: #6e6e6e;
  font-size: 1.5rem;
  text-decoration: none;
}
#noticias .container .noticias__section--container .btn-container .btn-line {
  background-color: #17BED2;
  height: 0.2rem;
  width: 0.9rem;
}
#noticias .fa-circle-chevron-left {
  color: #6e6e6e;
  font-size: 2rem;
  position: absolute;
  top: 65%;
  left: 0;
}
@media screen and (min-width: 1440px) {
  #noticias .fa-circle-chevron-left:hover {
    cursor: pointer;
  }
}
#noticias .fa-circle-chevron-right {
  color: #6e6e6e;
  font-size: 2rem;
  position: absolute;
  top: 65%;
  right: 0;
}
@media screen and (min-width: 1440px) {
  #noticias .fa-circle-chevron-right:hover {
    cursor: pointer;
  }
}

#insights {
  background-color: #003366;
  padding: 4rem 0;
}
@media screen and (min-width: 1440px) {
  #insights {
    padding: 6rem 0;
  }
}
#insights .container {
  margin: 0 auto;
  width: 30rem;
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  #insights .container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #insights .container {
    width: 114rem;
  }
}
#insights .container h2 {
  color: #003366;
  font-size: 2.8rem;
  color: #FFFFFF;
}
@media screen and (min-width: 1440px) {
  #insights .container h2 {
    font-size: 4rem;
  }
}
#insights .container .insights-line {
  background-color: #FFFFFF;
  border-radius: 2px;
  height: 0.7rem;
  margin-bottom: 2rem;
  width: 8rem;
}
@media screen and (min-width: 1440px) {
  #insights .container .insights-line {
    height: 1rem;
  }
}
#insights .container .insights__section--container {
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}
@media screen and (min-width: 768px) {
  #insights .container .insights__section--container {
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 3.8rem;
  }
}
#insights .container .insights__section--container section {
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  #insights .container .insights__section--container section {
    width: 18rem;
  }
}
#insights .container .insights__section--container section i {
  font-size: 4rem;
}
#insights .container .insights__section--container section h3 {
  font-size: 2.4rem;
  margin: 1rem 0 0.5rem 0;
}
#insights .container .insights__section--container section span {
  display: block;
  font-size: 3.8rem;
  font-weight: bold;
}
#insights .container .insights__section--container section a {
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  color: #6e6e6e;
  font-size: 1.3rem;
  text-decoration: none;
  padding: 0.5rem 1rem;
}
@media screen and (min-width: 1440px) {
  #insights .container .insights__section--container section a:hover {
    background-color: #c0eac0;
    color: #FFFFFF;
    transition: 0.7s;
  }
}

#atendimento {
  background-color: #FFFFFF;
  border-bottom-left-radius: 8rem;
  padding: 4rem 0;
}
@media screen and (min-width: 1440px) {
  #atendimento {
    border-bottom-left-radius: 10rem;
    padding: 6rem 0;
  }
}
#atendimento .container {
  margin: 0 auto;
  width: 30rem;
}
@media screen and (min-width: 768px) {
  #atendimento .container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #atendimento .container {
    display: flex;
    justify-content: space-between;
    width: 114rem;
  }
}
@media screen and (min-width: 1440px) {
  #atendimento .container .atendimento__text--container {
    width: 45%;
  }
}
#atendimento .container .atendimento__text--container h2 {
  color: #003366;
  font-size: 2.8rem;
}
@media screen and (min-width: 1440px) {
  #atendimento .container .atendimento__text--container h2 {
    font-size: 4rem;
  }
}
#atendimento .container .atendimento__text--container .atendimento-line {
  background-color: #003366;
  border-radius: 2px;
  height: 0.7rem;
  margin-bottom: 2rem;
  width: 8rem;
}
@media screen and (min-width: 1440px) {
  #atendimento .container .atendimento__text--container .atendimento-line {
    height: 1rem;
  }
}
#atendimento .container .atendimento__text--container p {
  color: #6e6e6e;
  font-size: 1.3rem;
  text-align: justify;
}
@media screen and (min-width: 1440px) {
  #atendimento .container .atendimento__text--container p {
    font-size: 1.5rem;
  }
}
#atendimento .container .atendimento__text--container p:first-of-type {
  margin-bottom: 1rem;
}
#atendimento .container img {
  border-radius: 1rem;
  margin-top: 1rem;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #atendimento .container img {
    margin-top: 0;
    width: 45%;
  }
}

#acao {
  padding: 4rem 0;
}
@media screen and (min-width: 1440px) {
  #acao {
    padding: 6rem 0;
  }
}
#acao .container {
  margin: 0 auto;
  width: 30rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #acao .container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #acao .container {
    width: 114rem;
  }
}
#acao .container h2 {
  color: #003366;
  font-size: 2.8rem;
}
@media screen and (min-width: 1440px) {
  #acao .container h2 {
    font-size: 4rem;
  }
}
#acao .container .acao-line {
  background-color: #003366;
  border-radius: 2px;
  height: 0.7rem;
  margin-bottom: 2rem;
  width: 8rem;
}
@media screen and (min-width: 1440px) {
  #acao .container .acao-line {
    height: 1rem;
  }
}
#acao .container p {
  color: #6e6e6e;
  font-size: 1.3rem;
}
@media screen and (min-width: 1440px) {
  #acao .container p {
    font-size: 1.5rem;
  }
}
#acao .container .acao__imgs--container {
  display: flex;
  margin-top: 1rem;
  overflow-x: hidden;
  position: relative;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #acao .container .acao__imgs--container {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
#acao .container .acao__imgs--container img {
  border-radius: 1rem;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #acao .container .acao__imgs--container img {
    height: 33rem;
    width: 36.9rem;
  }
  #acao .container .acao__imgs--container img:nth-child(1) {
    grid-column: 1/3;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#acao .container .acao-btn-l {
  color: #6e6e6e;
  font-size: 2rem;
  position: absolute;
  top: 75%;
  left: -2.5rem;
  top: 67%;
}
@media screen and (min-width: 768px) {
  #acao .container .acao-btn-l {
    font-size: 3rem;
    left: -3.5rem;
    top: 57%;
  }
}
@media screen and (min-width: 1440px) {
  #acao .container .acao-btn-l {
    display: none;
  }
}
#acao .container .acao-btn-r {
  color: #6e6e6e;
  font-size: 2rem;
  position: absolute;
  top: 75%;
  right: -2.5rem;
  top: 67%;
}
@media screen and (min-width: 768px) {
  #acao .container .acao-btn-r {
    font-size: 3rem;
    right: -3.5rem;
    top: 57%;
  }
}
@media screen and (min-width: 1440px) {
  #acao .container .acao-btn-r {
    display: none;
  }
}

#comentarios {
  background-color: #FFFFFF;
  border-top-right-radius: 8rem;
  padding: 4rem 0;
}
@media screen and (min-width: 1440px) {
  #comentarios {
    border-top-right-radius: 10rem;
    padding: 6rem 0;
  }
}
#comentarios .container {
  margin: 0 auto;
  width: 30rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  #comentarios .container {
    width: 56.8rem;
  }
}
#comentarios .container h2 {
  color: #003366;
  font-size: 2.8rem;
}
@media screen and (min-width: 1440px) {
  #comentarios .container h2 {
    font-size: 4rem;
  }
}
#comentarios .container .comentarios-line {
  background-color: #003366;
  border-radius: 2px;
  height: 0.7rem;
  margin-bottom: 2rem;
  width: 8rem;
}
@media screen and (min-width: 1440px) {
  #comentarios .container .comentarios-line {
    height: 1rem;
  }
}
#comentarios .container .comentarios__section--container {
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  display: flex;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #comentarios .container .comentarios__section--container {
    width: 56.8rem;
  }
}
#comentarios .container .comentarios__section--container section {
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  padding: 2.5rem 3rem;
  row-gap: 1rem;
  width: 100%;
}
#comentarios .container .comentarios__section--container section img {
  height: 10rem;
  width: 10rem;
}
#comentarios .container .comentarios__section--container section .text-container {
  align-items: center;
  display: flex;
}
#comentarios .container .comentarios__section--container section .text-container h3 {
  color: #4b7fbf;
  font-size: 2.4rem;
}
#comentarios .container .comentarios__section--container section .text-container i {
  color: #4b7fbf;
  font-size: 23px;
  margin-left: 1rem;
}
#comentarios .container .comentarios__section--container section p {
  color: #6e6e6e;
  font-size: 1.3rem;
  margin-bottom: 4rem;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  #comentarios .container .comentarios__section--container section p {
    font-size: 1.5rem;
  }
}
#comentarios .container .comentarios__section--container .comentarios-btn {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translate(-50%);
}
#comentarios .container .comentarios__section--container .comentarios-btn button {
  align-items: center;
  border: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}
#comentarios .container .comentarios__section--container .comentarios-btn button i {
  color: #003366;
  font-size: 4rem;
}
@media screen and (min-width: 1440px) {
  #comentarios .container .comentarios__section--container .comentarios-btn button i:hover {
    cursor: pointer;
    transform: scale(1.07);
    transition: 0.5s;
  }
}

footer {
  background-color: #003366;
  padding: 4rem 0 0 0;
}
@media screen and (min-width: 1440px) {
  footer {
    padding: 6rem 0 0 0;
  }
}
footer .container {
  margin: 0 auto;
  width: 30rem;
  color: #FFFFFF;
}
@media screen and (min-width: 768px) {
  footer .container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  footer .container {
    width: 100%;
  }
}
footer .container .footer-firstContent {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1440px) {
  footer .container .footer-firstContent {
    flex-direction: row;
    justify-content: space-evenly;
  }
}
footer .container .footer-firstContent .footer-logo {
  height: 10rem;
  width: 18rem;
}
@media screen and (min-width: 1440px) {
  footer .container .footer-firstContent .footer-logo {
    height: 13rem;
    width: 23rem;
  }
}
footer .container .footer-firstContent h2 {
  font-size: 2rem;
  margin-top: 2rem;
}
@media screen and (min-width: 1440px) {
  footer .container .footer-firstContent h2 {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 800px) {
  footer .container .footer-firstContent .footer-linksUteis {
    width: 20rem;
  }
}
@media screen and (min-width: 1280px) {
  footer .container .footer-firstContent .footer-linksUteis {
    width: 30rem;
  }
}
footer .container .footer-firstContent .footer-linksUteis ul li {
  list-style: none;
}
@media screen and (min-width: 1024px) {
  footer .container .footer-firstContent .footer-linksUteis ul li:hover {
    transform: scale(1.03);
    transition: 0.5s;
  }
}
@media screen and (min-width: 1720px) {
  footer .container .footer-firstContent .footer-linksUteis ul li {
    font-size: 2rem;
  }
}
footer .container .footer-firstContent .footer-linksUteis ul li a {
  color: #FFFFFF;
  font-size: 1.3rem;
  text-decoration: none;
}
@media screen and (min-width: 1440px) {
  footer .container .footer-firstContent .footer-linksUteis ul li a {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1440px) {
  footer .container .footer-contatos {
    max-width: 32rem;
  }
}
footer .container .footer-contatos address div {
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: flex;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}
@media screen and (min-width: 800px) {
  footer .container .footer-contatos address div {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1440px) {
  footer .container .footer-contatos address div {
    font-size: 1.5rem;
  }
}
footer .container .footer-contatos address div a {
  color: #FFFFFF;
  text-decoration: none;
}
footer .container .footer-links {
  align-self: self-start;
  margin-top: 3.2rem;
  padding: 0;
}
footer .container .footer-links ul {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  display: flex;
  justify-content: center;
}
footer .container .footer-links ul li {
  list-style: none;
  font-size: 2.5rem;
}
@media screen and (min-width: 1024px) {
  footer .container .footer-links ul li:hover {
    transform: rotate(360deg);
    transition: 0.7s;
  }
}
footer .container .footer-links ul li a {
  color: #FFFFFF;
}

.footer-end {
  background-color: #FFFFFF;
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  color: #FFFFFF;
  margin: 5rem auto 0 auto;
  padding: 3rem 2.5rem;
  text-align: center;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  .footer-end {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  .footer-end {
    border-top-left-radius: 10rem;
    border-top-right-radius: 10rem;
    width: 114rem;
  }
}
.footer-end span {
  color: #6e6e6e;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 1rem;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .footer-end span {
    margin-top: 0;
  }
}
@media screen and (min-width: 1440px) {
  .footer-end span {
    font-size: 1.5rem;
  }
}
.footer-end a {
  color: #4b7fbf;
  font-size: 1.3rem;
  text-decoration: none;
}
@media screen and (min-width: 1440px) {
  .footer-end a {
    font-size: 1.5rem;
  }
}
.footer-end .footer__end--images {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 1rem auto 0 auto;
  row-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .footer-end .footer__end--images {
    flex-direction: row;
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1440px) {
  .footer-end .footer__end--images {
    -moz-column-gap: 5rem;
         column-gap: 5rem;
    justify-content: center;
  }
}
.footer-end .footer__end--images img {
  height: 8rem;
  max-width: 28.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.footer-end .footer__end--images .footer-line {
  background-color: #6e6e6e;
  height: 0.1rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .footer-end .footer__end--images .footer-line {
    height: 8rem;
    width: 0.1rem;
  }
}

#empresa-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
@media screen and (min-width: 768px) {
  #empresa-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #empresa-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#empresa-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #empresa-container h1 {
    font-size: 3rem;
  }
}
#empresa-container .items-container {
  margin-top: 2rem;
}
#empresa-container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #empresa-container .items-container h2 {
    font-size: 2.5rem;
  }
}
#empresa-container .items-container p {
  color: #6e6e6e;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-align: justify;
}
#empresa-container .items-container ul li {
  color: #6e6e6e;
  font-size: 1.5rem;
  list-style-position: inside;
}

.estruturaOrganizacional-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  .estruturaOrganizacional-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  .estruturaOrganizacional-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
@media screen and (min-width: 1440px) {
  .estruturaOrganizacional-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
}
.estruturaOrganizacional-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  .estruturaOrganizacional-container h1 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1440px) {
  .estruturaOrganizacional-container h1 {
    grid-column: 1/3;
  }
}
.estruturaOrganizacional-container .items-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 4rem 0;
}
.estruturaOrganizacional-container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  .estruturaOrganizacional-container .items-container h2 {
    font-size: 2.5rem;
  }
}
.estruturaOrganizacional-container .items-container img {
  border-radius: 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .estruturaOrganizacional-container .items-container img {
    width: 80%;
  }
}
@media screen and (min-width: 1440px) {
  .estruturaOrganizacional-container .items-container img {
    width: 90%;
  }
}
.estruturaOrganizacional-container .items-container table {
  font-size: 1rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .estruturaOrganizacional-container .items-container table {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1440px) {
  .estruturaOrganizacional-container .items-container table {
    font-size: 1.4rem;
  }
}
.estruturaOrganizacional-container .items-container thead {
  background-color: #6e6e6e;
  color: #FFFFFF;
}
.estruturaOrganizacional-container .items-container tr:nth-child(even) {
  background-color: #4b7fbf;
}
.estruturaOrganizacional-container .items-container tr th,
.estruturaOrganizacional-container .items-container tr td {
  border: 1px solid black;
  height: 5rem;
  padding: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  .estruturaOrganizacional-container .estrutura {
    grid-column: 1/2;
  }
}

.estruturaAdministrativa-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  .estruturaAdministrativa-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  .estruturaAdministrativa-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
@media screen and (min-width: 1440px) {
  .estruturaAdministrativa-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
}
.estruturaAdministrativa-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  .estruturaAdministrativa-container h1 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1440px) {
  .estruturaAdministrativa-container h1 {
    grid-column: 1/3;
  }
}
.estruturaAdministrativa-container .items-container {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  max-width: 50rem;
}
.estruturaAdministrativa-container .items-container .h2-btn-container {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1.2rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1440px) {
  .estruturaAdministrativa-container .items-container .h2-btn-container {
    width: 50rem;
  }
  .estruturaAdministrativa-container .items-container .h2-btn-container:hover {
    cursor: pointer;
  }
}
.estruturaAdministrativa-container .items-container .h2-btn-container h2 {
  color: #003366;
  font-size: 2rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  .estruturaAdministrativa-container .items-container .h2-btn-container h2 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1440px) {
  .estruturaAdministrativa-container .items-container .h2-btn-container h2 {
    width: 44.2rem;
  }
}
.estruturaAdministrativa-container .items-container .dir-ul {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s ease-in-out;
}
.estruturaAdministrativa-container .items-container h3 {
  color: #4b7fbf;
  font-size: 2rem;
  text-align: center;
  width: 100%;
}
.estruturaAdministrativa-container .items-container ul {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.estruturaAdministrativa-container .items-container ul li {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  list-style: none;
  margin: 0.5rem;
  text-align: center;
  width: 32rem;
}
.estruturaAdministrativa-container .items-container ul li:hover {
  background-color: #FFFFFF;
  cursor: pointer;
  transition: 0.5s;
}
.estruturaAdministrativa-container .items-container ul li a {
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  padding: 2.5rem 3rem;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .estruturaAdministrativa-container .conselho {
    margin-top: 2rem;
  }
}
.estruturaAdministrativa-container .conselho .ca-container,
.estruturaAdministrativa-container .conselho .cf-container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s ease-in-out;
  flex-direction: column;
  row-gap: 2rem;
}

#planoDeMetas-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #planoDeMetas-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #planoDeMetas-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#planoDeMetas-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #planoDeMetas-container h1 {
    font-size: 3rem;
  }
}
#planoDeMetas-container .items-container {
  margin-top: 2rem;
}
#planoDeMetas-container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #planoDeMetas-container .items-container h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1440px) {
  #planoDeMetas-container .items-container ul {
    display: flex;
    justify-content: space-between;
  }
}
#planoDeMetas-container .items-container ul li {
  align-items: center;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  padding: 1.5rem;
  row-gap: 0.3rem;
}
@media screen and (min-width: 1440px) {
  #planoDeMetas-container .items-container ul li {
    margin: 0;
    width: 50rem;
  }
}
#planoDeMetas-container .items-container ul li h3 {
  color: #4b7fbf;
  margin-bottom: 0.5rem;
}
#planoDeMetas-container .items-container ul li img {
  border-radius: 1rem;
  width: 100%;
}
#planoDeMetas-container .items-container ul li a {
  color: blue;
  margin-top: 0.5rem;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #planoDeMetas-container .items-container ul li a:hover {
    color: #c0eac0;
    transform: scale(1.05);
    transition: 0.7s;
  }
}

#programaDeIntegridade-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #programaDeIntegridade-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #programaDeIntegridade-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#programaDeIntegridade-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #programaDeIntegridade-container h1 {
    font-size: 3rem;
  }
}
#programaDeIntegridade-container .items-container {
  margin-top: 2rem;
}
#programaDeIntegridade-container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #programaDeIntegridade-container .items-container h2 {
    font-size: 2.5rem;
  }
}
#programaDeIntegridade-container .items-container ul {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
#programaDeIntegridade-container .items-container ul li {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  list-style-type: none;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  #programaDeIntegridade-container .items-container ul li:hover {
    background-color: #c0eac0;
    transform: scale(1.05);
    transition: 0.7s;
  }
}
#programaDeIntegridade-container .items-container ul li a {
  color: #4b7fbf;
  font-size: 1.5rem;
  padding: 2.5rem 3rem;
  text-decoration: none;
  width: 100%;
}

#transporteRegular-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #transporteRegular-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #transporteRegular-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#transporteRegular-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #transporteRegular-container h1 {
    font-size: 3rem;
  }
}
#transporteRegular-container .items-container {
  margin-top: 2rem;
}
@media screen and (min-width: 1440px) {
  #transporteRegular-container .items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#transporteRegular-container .items-container .oso {
  margin-top: 4rem;
}
@media screen and (min-width: 1440px) {
  #transporteRegular-container .items-container .oso {
    margin: 0;
    width: 50rem;
  }
}
@media screen and (min-width: 1440px) {
  #transporteRegular-container .items-container .declaracoes {
    width: 50rem;
  }
}
#transporteRegular-container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #transporteRegular-container .items-container h2 {
    font-size: 2.5rem;
  }
}
#transporteRegular-container .items-container h3 {
  color: #4b7fbf;
  font-size: 2rem;
}
#transporteRegular-container .items-container ul {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #transporteRegular-container .items-container ul .oso-lists:hover {
    background-color: transparent;
    transform: scale(1);
  }
}
#transporteRegular-container .items-container ul li {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 10px;
  list-style: none;
  padding: 25px 30px;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  #transporteRegular-container .items-container ul li:hover {
    background-color: #c0eac0;
    transform: scale(1.05);
    transition: 0.7s;
  }
}
#transporteRegular-container .items-container ul li a {
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  text-decoration: none;
  width: 100%;
}

#terminaisRodoviarios-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #terminaisRodoviarios-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #terminaisRodoviarios-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#terminaisRodoviarios-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #terminaisRodoviarios-container h1 {
    font-size: 3rem;
  }
}
#terminaisRodoviarios-container .items-container {
  margin-top: 2rem;
}
@media screen and (min-width: 1440px) {
  #terminaisRodoviarios-container .items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1440px) {
  #terminaisRodoviarios-container .items-container .listaTerminais-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#terminaisRodoviarios-container .items-container .terminais {
  margin-bottom: 4rem;
}
@media screen and (min-width: 1440px) {
  #terminaisRodoviarios-container .items-container .terminais {
    margin-bottom: 2rem;
  }
}
#terminaisRodoviarios-container .items-container .terminais .terminais-container {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
#terminaisRodoviarios-container .items-container .terminais section {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  padding: 1rem;
}
@media screen and (min-width: 1440px) {
  #terminaisRodoviarios-container .items-container .terminais section {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 10rem;
    justify-content: center;
    width: 55rem;
  }
}
#terminaisRodoviarios-container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #terminaisRodoviarios-container .items-container h2 {
    font-size: 2.5rem;
  }
}
#terminaisRodoviarios-container .items-container h3 {
  color: #4b7fbf;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
#terminaisRodoviarios-container .items-container h4 {
  color: #6e6e6e;
  font-size: 1.8rem;
}
#terminaisRodoviarios-container .items-container p {
  color: #6e6e6e;
  font-size: 1.5rem;
  text-align: justify;
}
#terminaisRodoviarios-container .items-container address {
  font-size: 1.3rem;
}
#terminaisRodoviarios-container .oso {
  margin-top: 4rem;
}

#permissionarias-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #permissionarias-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #permissionarias-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#permissionarias-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #permissionarias-container h1 {
    font-size: 3rem;
  }
}
#permissionarias-container .items-container {
  margin-top: 2rem;
}
#permissionarias-container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #permissionarias-container .items-container h2 {
    font-size: 2.5rem;
  }
}
#permissionarias-container .items-container .operadoras {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #permissionarias-container .items-container .operadoras {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 2rem;
  }
}
#permissionarias-container .items-container .operadoras section {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  padding: 1.5rem 2rem;
}
@media screen and (min-width: 1440px) {
  #permissionarias-container .items-container .operadoras section {
    padding: 1rem 2rem;
    width: 50rem;
  }
}
#permissionarias-container .items-container .operadoras section h3 {
  color: #4b7fbf;
  font-size: 2rem;
}
#permissionarias-container .items-container .operadoras section address {
  font-size: 1.3rem;
}
#permissionarias-container .items-container .operadoras section a {
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  color: #4b7fbf;
  display: inline-block;
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  text-decoration: none;
}
@media screen and (min-width: 1440px) {
  #permissionarias-container .items-container .operadoras section a:hover {
    background-color: #c0eac0;
    transition: 0.7s;
  }
}

#fretamento-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #fretamento-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #fretamento-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#fretamento-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #fretamento-container h1 {
    font-size: 3rem;
  }
}
#fretamento-container .items-container {
  margin-top: 4rem;
}
#fretamento-container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #fretamento-container .items-container h2 {
    font-size: 2.5rem;
  }
}
#fretamento-container .items-container h3 {
  color: #4b7fbf;
  font-size: 2rem;
}
#fretamento-container .items-container p {
  color: #6e6e6e;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-align: justify;
  margin-bottom: 0.5rem;
}
#fretamento-container .items-container .sections section {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  padding: 2.5rem 3rem;
}
#fretamento-container .items-container .sections section:nth-child(1) {
  margin-bottom: 4rem;
}
#fretamento-container .items-container .sections-steps {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
#fretamento-container .items-container .sections-steps .step {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  padding: 2.5rem 3rem;
}
#fretamento-container .items-container .sections-steps .step ul li,
#fretamento-container .items-container .sections-steps .step ol li {
  color: #6e6e6e;
  font-size: 1.5rem;
  list-style-position: inside;
  margin-bottom: 1rem;
  text-align: justify;
}
#fretamento-container .items-container .sections-steps .step .sublist {
  margin-left: 2rem;
}
#fretamento-container .items-container .sections-steps .step section:nth-child(1) {
  margin: 0 0 2rem 0;
}
#fretamento-container .items-container .sections-steps .step section {
  margin-top: 2rem;
}
#fretamento-container .items-container .sections-steps .step span {
  display: inline-block;
  margin-top: 2rem;
  text-align: center;
  width: 100%;
}

#tarifas-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #tarifas-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #tarifas-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#tarifas-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #tarifas-container h1 {
    font-size: 3rem;
  }
}
#tarifas-container .items-container {
  margin-top: 2rem;
}
#tarifas-container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #tarifas-container .items-container h2 {
    font-size: 2.5rem;
  }
}
#tarifas-container .items-container .sections-container {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #tarifas-container .items-container .sections-container {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
  }
}
#tarifas-container .items-container .sections-container section {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  padding: 1.5rem 2rem;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  #tarifas-container .items-container .sections-container section:hover {
    transform: scale(1.05);
    transition: 0.5s;
  }
}
#tarifas-container .items-container .sections-container section h3 {
  color: #4b7fbf;
  display: inline-block;
  font-size: 2rem;
}
#tarifas-container .items-container .sections-container section li {
  list-style-type: none;
}
#tarifas-container .items-container .sections-container section li a {
  color: #4b7fbf;
  font-size: 1.3rem;
  text-decoration: none;
}
@media screen and (min-width: 1440px) {
  #tarifas-container .items-container .sections-container section li a:hover {
    color: #c0eac0;
    transition: 0.5s;
  }
}

#passo-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #passo-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #passo-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#passo-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #passo-container h1 {
    font-size: 3rem;
  }
}
#passo-container .items-container {
  margin-top: 2rem;
}
#passo-container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #passo-container .items-container h2 {
    font-size: 2.5rem;
  }
}
#passo-container .items-container .sections-container {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
#passo-container .items-container .sections-container section {
  background-color: white;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  padding: 2.5rem 3rem;
}
#passo-container .items-container .sections-container section h3 {
  color: #4b7fbf;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
#passo-container .items-container .sections-container section ol {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
#passo-container .items-container .sections-container section ol li {
  color: #6e6e6e;
  font-size: 1.5rem;
  list-style-position: inside;
  text-align: justify;
}
#passo-container .items-container .sections-container section ol li a {
  color: #4b7fbf;
  text-decoration: none;
}
#passo-container .items-container .sections-container section h4 {
  color: #6e6e6e;
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
}
#passo-container .items-container .sections-container section address {
  color: #6e6e6e;
  font-size: 1.3rem;
}
#passo-container .items-container .sections-container section .address {
  margin-bottom: 2rem;
}
#passo-container .items-container .sections-container section table {
  font-size: 1rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 1440px) {
  #passo-container .items-container .sections-container section table {
    font-size: 1.4rem;
  }
}
#passo-container .items-container .sections-container section th,
#passo-container .items-container .sections-container section td {
  border: 1px solid black;
  padding: 5px;
  text-align: center;
}
#passo-container .items-container .sections-container .passo-obs {
  margin-top: 2rem;
}
#passo-container .items-container .sections-container .passo-obs ul li {
  font-size: 1.5rem;
  list-style-position: inside;
}

#lei-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #lei-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #lei-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#lei-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #lei-container h1 {
    font-size: 3rem;
  }
}
#lei-container .items-container {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #lei-container .items-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#lei-container .items-container section {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 3rem;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  #lei-container .items-container section {
    width: 500px;
  }
}
#lei-container .items-container section a {
  color: #4b7fbf;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #lei-container .items-container section a:hover {
    color: #c0eac0;
    transition: 0.5s;
    transform: scale(1.05);
  }
}
#lei-container .items-container section a h3 {
  margin-bottom: 0.5rem;
  font-size: 2rem;
}
#lei-container .items-container section a p {
  color: #6e6e6e;
  font-size: 1.5rem;
}

#decreto-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #decreto-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #decreto-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#decreto-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #decreto-container h1 {
    font-size: 3rem;
  }
}
#decreto-container .items-container {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #decreto-container .items-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
#decreto-container .items-container section {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 3rem;
  text-align: center;
}
@media screen and (min-width: 1440px) {
  #decreto-container .items-container section {
    width: 50rem;
  }
  #decreto-container .items-container section:hover {
    background-color: #c0eac0;
    transform: scale(1.05);
    transition: 0.5s;
  }
}
#decreto-container .items-container section a {
  text-decoration: none;
}
#decreto-container .items-container section a h3 {
  color: #4b7fbf;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}
#decreto-container .items-container section a p {
  color: #6e6e6e;
  font-size: 1.5rem;
  text-align: justify;
}
@media screen and (min-width: 1440px) {
  #decreto-container .items-container section a p {
    text-align: center;
  }
}

#instrucaoNormativa-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #instrucaoNormativa-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #instrucaoNormativa-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#instrucaoNormativa-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #instrucaoNormativa-container h1 {
    font-size: 3rem;
  }
}
#instrucaoNormativa-container ul {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #instrucaoNormativa-container ul {
    flex-direction: row;
    justify-content: space-between;
  }
}
#instrucaoNormativa-container ul li {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  list-style-type: none;
}
@media screen and (min-width: 1440px) {
  #instrucaoNormativa-container ul li {
    width: 35rem;
  }
  #instrucaoNormativa-container ul li:hover {
    background-color: #c0eac0;
    transform: scale(1.05);
    transition: 0.5s;
  }
}
#instrucaoNormativa-container ul li a {
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  padding: 2.5rem 3rem;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

#portarias-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #portarias-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #portarias-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#portarias-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #portarias-container h1 {
    font-size: 3rem;
  }
}
#portarias-container .items-container {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  row-gap: 1rem;
}
@media screen and (min-width: 1440px) {
  #portarias-container .items-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1440px) {
  #portarias-container .items-container section {
    width: 50rem;
  }
}
#portarias-container .items-container section .h2-btn-container {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1.2rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1024px) {
  #portarias-container .items-container section .h2-btn-container:hover {
    cursor: pointer;
  }
}
#portarias-container .items-container section .h2-btn-container h2 {
  color: #003366;
  font-size: 2rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #portarias-container .items-container section .h2-btn-container h2 {
    font-size: 2.2rem;
  }
}
#portarias-container .items-container section ul {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  row-gap: 2rem;
  transition: max-height 0.7s ease-in-out;
  width: 100%;
}
#portarias-container .items-container section ul li {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  list-style-type: none;
}
@media screen and (min-width: 1440px) {
  #portarias-container .items-container section ul li {
    align-items: center;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
  }
  #portarias-container .items-container section ul li:hover {
    background-color: #c0eac0;
    transition: 0.5s;
  }
}
#portarias-container .items-container section ul li a {
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  padding: 2.5rem 3rem;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

#resolucoes-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #resolucoes-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #resolucoes-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#resolucoes-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #resolucoes-container h1 {
    font-size: 3rem;
  }
}
#resolucoes-container .items-container {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #resolucoes-container .items-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1440px) {
  #resolucoes-container .items-container section {
    width: 50rem;
  }
}
#resolucoes-container .items-container section .h2-btn-container {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1.2rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1440px) {
  #resolucoes-container .items-container section .h2-btn-container:hover {
    cursor: pointer;
  }
}
#resolucoes-container .items-container section .h2-btn-container h2 {
  color: #003366;
  font-size: 2rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #resolucoes-container .items-container section .h2-btn-container h2 {
    font-size: 2.2rem;
  }
}
#resolucoes-container .items-container section .sections__link--container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s ease-in-out;
  width: 100%;
}
#resolucoes-container .items-container section .sections__link--container .link {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  margin-bottom: 2rem;
  padding: 2.5rem 3rem;
  text-align: justify;
}
@media screen and (min-width: 1440px) {
  #resolucoes-container .items-container section .sections__link--container .link:hover {
    background-color: #c0eac0;
    transition: 0.5s;
  }
}
#resolucoes-container .items-container section .sections__link--container .link a {
  color: #4b7fbf;
  text-decoration: none;
  width: 100%;
}
#resolucoes-container .items-container section .sections__link--container .link a h3 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
#resolucoes-container .items-container section .sections__link--container .link a p {
  color: #6e6e6e;
  font-size: 1.5rem;
}
#resolucoes-container .items-container section .sections__link--container .link ol {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
#resolucoes-container .items-container section .sections__link--container .link ol li {
  border-bottom: 1px solid #6e6e6e;
  list-style-position: inside;
  list-style-type: upper-roman;
}
@media screen and (min-width: 1440px) {
  #resolucoes-container .items-container section .sections__link--container .link ol li a:hover {
    color: #FFFFFF;
    transition: 0.7s;
  }
}

#transparencia-principal {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #transparencia-principal {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #transparencia-principal {
    margin-top: 10rem;
    width: 114rem;
  }
}
#transparencia-principal h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #transparencia-principal h1 {
    font-size: 3rem;
  }
}
#transparencia-principal .items-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin: 2rem auto 0 auto;
}
@media screen and (min-width: 1440px) {
  #transparencia-principal .items-container {
    gap: 5rem;
  }
}
#transparencia-principal .items-container .box {
  background-color: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  height: 45rem;
  justify-content: space-between;
  padding: 1.5rem;
  width: 30rem;
}
#transparencia-principal .items-container .box img {
  border-radius: 0.5rem;
  height: 18.5rem;
  width: 100%;
}
#transparencia-principal .items-container .box h3 {
  color: #4b7fbf;
  font-size: 2.4rem;
  line-height: 2.5rem;
  margin: 1rem 0 0.5rem 0;
}
#transparencia-principal .items-container .box p {
  color: #6e6e6e;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}
#transparencia-principal .items-container .box a {
  color: #6e6e6e;
  font-size: 1.5rem;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1440px) {
  #transparencia-principal .items-container .box a:hover {
    color: lightgreen;
    transition: 0.5s;
  }
}

#informacoes-institucionais {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #informacoes-institucionais {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #informacoes-institucionais {
    margin-top: 10rem;
    width: 114rem;
  }
}
#informacoes-institucionais h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #informacoes-institucionais h1 {
    font-size: 3rem;
  }
}
#informacoes-institucionais .items-container {
  margin-top: 2rem;
}
@media screen and (min-width: 1440px) {
  #informacoes-institucionais .items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#informacoes-institucionais .items-container section {
  margin-bottom: 2rem;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #informacoes-institucionais .items-container section {
    width: 56rem;
  }
}
@media screen and (min-width: 1440px) {
  #informacoes-institucionais .items-container section {
    width: 50rem;
  }
}
#informacoes-institucionais .items-container section:last-child {
  margin-bottom: 0;
}
#informacoes-institucionais .items-container section .h2-btn-container {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1.2rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
#informacoes-institucionais .items-container section .h2-btn-container h2 {
  color: #003366;
  font-size: 2rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #informacoes-institucionais .items-container section .h2-btn-container h2 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  #informacoes-institucionais .items-container section .h2-btn-container h2 {
    max-width: 40rem;
  }
}
#informacoes-institucionais .items-container section .texts {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  row-gap: 2rem;
  transition: max-height 0.7s ease-in-out;
  width: 100%;
}
#informacoes-institucionais .items-container section .texts .identidade-institucional-ul {
  display: flex;
  flex-direction: column;
  padding-left: 0 !important;
  row-gap: 1rem;
}
#informacoes-institucionais .items-container section .texts .identidade-institucional-ul li {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1.2rem;
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 2.5rem 3rem;
  text-align: center;
}
#informacoes-institucionais .items-container section .texts .identidade-institucional-ul li:hover {
  background-color: #c0eac0;
  transition: 0.5s;
}
#informacoes-institucionais .items-container section .texts .identidade-institucional-ul li a {
  width: 100%;
}
#informacoes-institucionais .items-container section .texts p {
  color: #6e6e6e;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-align: justify;
  margin: 0;
}
#informacoes-institucionais .items-container section .texts p span {
  font-weight: bold;
}
#informacoes-institucionais .items-container section .texts p a {
  color: #4b7fbf;
  text-decoration: none;
}
#informacoes-institucionais .items-container section .texts address {
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  row-gap: 1rem;
}
#informacoes-institucionais .items-container section .texts ul {
  font-size: 1.5rem;
  padding-left: 2rem;
}
#informacoes-institucionais .items-container section .texts ul li {
  color: #6e6e6e;
}
#informacoes-institucionais .items-container section .texts ul li span {
  font-weight: bold;
}
#informacoes-institucionais .items-container section .texts ul li a {
  color: #4b7fbf;
  text-decoration: none;
}
#informacoes-institucionais .items-container section .texts .redes-icons {
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  display: flex;
  justify-content: center;
  list-style-type: none;
  padding: 0;
}
#informacoes-institucionais .items-container section .texts .redes-icons li a {
  color: #4b7fbf;
  font-size: 3rem;
}
#informacoes-institucionais .items-container section .texts .legislacao-btn {
  background-color: #4b7fbf;
  border-radius: 0.8rem;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-size: 1.3rem;
  margin: 0.5rem auto 0 auto;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  width: 21rem;
}
#informacoes-institucionais .items-container section .texts table {
  font-size: 1rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  #informacoes-institucionais .items-container section .texts table {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1440px) {
  #informacoes-institucionais .items-container section .texts table {
    font-size: 1.4rem;
  }
}
#informacoes-institucionais .items-container section .texts table thead {
  background-color: #6e6e6e;
  color: #FFFFFF;
}
#informacoes-institucionais .items-container section .texts table tr:nth-child(even) {
  background-color: #4b7fbf;
  color: #FFFFFF;
}
#informacoes-institucionais .items-container section .texts table tr th,
#informacoes-institucionais .items-container section .texts table tr td {
  border: 1px solid black;
  height: 5rem;
  padding: 0.5rem;
  text-align: center;
}

#governanca-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #governanca-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #governanca-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#governanca-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #governanca-container h1 {
    font-size: 3rem;
  }
}
#governanca-container .items-container {
  margin-top: 2rem;
}
@media screen and (min-width: 1440px) {
  #governanca-container .items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#governanca-container .items-container section {
  margin-bottom: 2rem;
}
#governanca-container .items-container section:last-child {
  margin-bottom: 0;
}
#governanca-container .items-container section .h2-btn-container {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1.2rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1440px) {
  #governanca-container .items-container section .h2-btn-container {
    width: 50rem;
  }
  #governanca-container .items-container section .h2-btn-container:hover {
    cursor: pointer;
  }
}
#governanca-container .items-container section .h2-btn-container h2 {
  color: #003366;
  font-size: 2rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #governanca-container .items-container section .h2-btn-container h2 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  #governanca-container .items-container section .h2-btn-container h2 {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #governanca-container .items-container section .h2-btn-container h2 {
    width: 50rem;
  }
}
#governanca-container .items-container section ul {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  row-gap: 2rem;
  text-align: center;
  transition: max-height 0.7s ease-in-out;
}
#governanca-container .items-container section ul li {
  background-color: #FFFFFF;
  border-radius: 1.2rem;
  list-style-type: none;
}
#governanca-container .items-container section ul li a {
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  padding: 2.5rem 3rem;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #governanca-container .items-container section ul li a:hover {
    background-color: #c0eac0;
    transition: 0.5s;
  }
}

#demonstracoesContabeis-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #demonstracoesContabeis-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #demonstracoesContabeis-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#demonstracoesContabeis-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #demonstracoesContabeis-container h1 {
    font-size: 3rem;
  }
}
#demonstracoesContabeis-container .items-container {
  margin-top: 2rem;
}
@media screen and (min-width: 1440px) {
  #demonstracoesContabeis-container .items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#demonstracoesContabeis-container .items-container section {
  margin-bottom: 2rem;
}
#demonstracoesContabeis-container .items-container section:last-child {
  margin-bottom: 0;
}
#demonstracoesContabeis-container .items-container section .h2-btn-container {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1.2rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1440px) {
  #demonstracoesContabeis-container .items-container section .h2-btn-container {
    width: 50rem;
  }
  #demonstracoesContabeis-container .items-container section .h2-btn-container:hover {
    cursor: pointer;
  }
}
#demonstracoesContabeis-container .items-container section .h2-btn-container h2 {
  color: #003366;
  font-size: 2rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #demonstracoesContabeis-container .items-container section .h2-btn-container h2 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 1440px) {
  #demonstracoesContabeis-container .items-container section .h2-btn-container h2 {
    width: 50rem;
  }
}
#demonstracoesContabeis-container .items-container section ul {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  row-gap: 2rem;
  transition: max-height 0.7s ease-in-out;
}
#demonstracoesContabeis-container .items-container section ul li {
  background-color: #FFFFFF;
  list-style-type: none;
}
#demonstracoesContabeis-container .items-container section ul li a {
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  padding: 2.5rem 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #demonstracoesContabeis-container .items-container section ul li a:hover {
    background-color: #c0eac0;
    transition: 0.5s;
  }
}

#credenciamento-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #credenciamento-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #credenciamento-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#credenciamento-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #credenciamento-container h1 {
    font-size: 3rem;
  }
}
#credenciamento-container .items-container {
  margin-top: 2rem;
}
@media screen and (min-width: 1440px) {
  #credenciamento-container .items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#credenciamento-container .items-container section {
  margin-bottom: 4rem;
}
#credenciamento-container .items-container section:last-child {
  margin-bottom: 0;
}
#credenciamento-container .items-container section h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #credenciamento-container .items-container section h2 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1440px) {
  #credenciamento-container .items-container section h2 {
    width: 50rem;
  }
}
#credenciamento-container .items-container section ul {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
#credenciamento-container .items-container section ul li {
  background-color: #FFFFFF;
  list-style-type: none;
}
#credenciamento-container .items-container section ul li a {
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  padding: 2.5rem 0;
  text-align: center;
  text-decoration: none;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #credenciamento-container .items-container section ul li a {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #credenciamento-container .items-container section ul li a {
    width: 50rem;
  }
  #credenciamento-container .items-container section ul li a:hover {
    background-color: #c0eac0;
    transform: scale(1.05);
    transition: 0.5s;
  }
}

#licitacoes-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #licitacoes-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #licitacoes-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#licitacoes-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #licitacoes-container h1 {
    font-size: 3rem;
  }
}
#licitacoes-container .items-container {
  margin-top: 2rem;
}
@media screen and (min-width: 1440px) {
  #licitacoes-container .items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#licitacoes-container .items-container section {
  margin-bottom: 2rem;
}
#licitacoes-container .items-container section:last-child {
  margin-bottom: 0;
}
#licitacoes-container .items-container section .h2-btn-container {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1.2rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1440px) {
  #licitacoes-container .items-container section .h2-btn-container {
    cursor: pointer;
    width: 50rem;
  }
}
#licitacoes-container .items-container section .h2-btn-container h2 {
  color: #003366;
  font-size: 2rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #licitacoes-container .items-container section .h2-btn-container h2 {
    font-size: 2.2rem;
  }
}
#licitacoes-container .items-container section ul {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  row-gap: 2rem;
  transition: max-height 0.7s ease-in-out;
}
#licitacoes-container .items-container section ul li {
  background-color: #FFFFFF;
  list-style-type: none;
}
#licitacoes-container .items-container section ul li a {
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  padding: 2.5rem 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #licitacoes-container .items-container section ul li a:hover {
    background-color: #c0eac0;
    transition: 0.5s;
  }
}

#pesquisasDeSatisfacao-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #pesquisasDeSatisfacao-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #pesquisasDeSatisfacao-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#pesquisasDeSatisfacao-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #pesquisasDeSatisfacao-container h1 {
    font-size: 3rem;
  }
}
#pesquisasDeSatisfacao-container .items-container {
  margin-top: 2rem;
}
#pesquisasDeSatisfacao-container .items-container section {
  margin-bottom: 4rem;
}
#pesquisasDeSatisfacao-container .items-container section:last-child {
  margin-bottom: 0;
}
#pesquisasDeSatisfacao-container .items-container section h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #pesquisasDeSatisfacao-container .items-container section h2 {
    font-size: 2.5rem;
  }
}
#pesquisasDeSatisfacao-container .items-container section ul {
  text-align: center;
}
#pesquisasDeSatisfacao-container .items-container section ul li {
  list-style-type: none;
}
#pesquisasDeSatisfacao-container .items-container section ul li a {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  padding: 2.5rem 0;
  text-align: center;
  text-decoration: none;
  width: 33rem;
}
@media screen and (min-width: 1440px) {
  #pesquisasDeSatisfacao-container .items-container section ul li a:hover {
    background-color: #c0eac0;
    transform: scale(1.05);
    transition: 0.5s;
  }
}

#transparenciaAtiva-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #transparenciaAtiva-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #transparenciaAtiva-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#transparenciaAtiva-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #transparenciaAtiva-container h1 {
    font-size: 3rem;
  }
}
#transparenciaAtiva-container .items-container {
  margin-top: 2rem;
}
@media screen and (min-width: 1440px) {
  #transparenciaAtiva-container .items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#transparenciaAtiva-container .items-container section {
  margin-bottom: 2rem;
}
#transparenciaAtiva-container .items-container section:last-child {
  margin-bottom: 0;
}
#transparenciaAtiva-container .items-container section .h2-btn-container {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1.2rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1440px) {
  #transparenciaAtiva-container .items-container section .h2-btn-container {
    width: 50rem;
  }
  #transparenciaAtiva-container .items-container section .h2-btn-container:hover {
    cursor: pointer;
  }
}
#transparenciaAtiva-container .items-container section .h2-btn-container h2 {
  color: #003366;
  font-size: 2rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #transparenciaAtiva-container .items-container section .h2-btn-container h2 {
    font-size: 2.2rem;
  }
}
#transparenciaAtiva-container .items-container section ul {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  row-gap: 2rem;
  transition: max-height 0.7s ease-in-out;
}
#transparenciaAtiva-container .items-container section ul li {
  background-color: #FFFFFF;
  list-style-type: none;
}
#transparenciaAtiva-container .items-container section ul li a {
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  padding: 2.5rem 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #transparenciaAtiva-container .items-container section ul li a:hover {
    background-color: #c0eac0;
    transition: 0.5s;
  }
}

#ouvidoria-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #ouvidoria-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #ouvidoria-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#ouvidoria-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #ouvidoria-container h1 {
    font-size: 3rem;
  }
}
#ouvidoria-container .items-container {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #ouvidoria-container .items-container {
    row-gap: 4rem;
  }
}
#ouvidoria-container .items-container img {
  border-radius: 1rem;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #ouvidoria-container .items-container img {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #ouvidoria-container .items-container img {
    height: 20rem;
    -o-object-fit: cover;
       object-fit: cover;
    width: 114rem;
  }
}
#ouvidoria-container .items-container .ouvidoria {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  padding: 2.5rem 3rem;
}
#ouvidoria-container .items-container .ouvidoria h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #ouvidoria-container .items-container .ouvidoria h2 {
    font-size: 2.5rem;
  }
}
#ouvidoria-container .items-container .ouvidoria p {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container {
  font-size: 1.5rem;
  margin-top: 1rem;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container ol {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
  row-gap: 1rem;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container ol li {
  color: #6e6e6e;
  list-style-position: inside;
  text-align: start;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container ol li::marker {
  font-weight: bold;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container ol li h4 {
  display: inline;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container ol li a {
  color: #4b7fbf;
  text-decoration: none;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container .manifestacao-pai {
  color: #6e6e6e;
  margin-top: 1rem;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container .manifestacao-pai ul li {
  list-style-position: inside;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container .manifestacao-pai ul li a {
  color: #4b7fbf;
  text-decoration: none;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container .manifestacao-address {
  margin-top: 2rem;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container .manifestacao-address p {
  font-size: 1.5rem;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container .manifestacao-address ul {
  margin-top: 0.5rem;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container .manifestacao-address ul li {
  color: #6e6e6e;
  list-style-position: inside;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container .manifestacao-address ul li a {
  color: #4b7fbf;
  text-decoration: none;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container .manifestacao-address > p:last-child {
  font-weight: bold;
  margin-top: 2rem;
  text-align: center;
}
#ouvidoria-container .items-container .ouvidoria .manifestacao-container .manifestacao-address .manifestacao-obs {
  font-weight: bold;
}
#ouvidoria-container .items-container .canais {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  padding: 2.5rem 3rem;
}
#ouvidoria-container .items-container .canais .pai {
  margin-top: 1rem;
}
#ouvidoria-container .items-container section {
  text-align: justify;
}
#ouvidoria-container .items-container section h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #ouvidoria-container .items-container section h2 {
    font-size: 2.5rem;
  }
}
#ouvidoria-container .items-container section h3 {
  color: #4b7fbf;
  font-size: 2rem;
}
#ouvidoria-container .items-container section p {
  color: #6e6e6e;
  font-size: 1.5rem;
}
#ouvidoria-container .items-container section p a {
  color: #4b7fbf;
  font-size: 1.5rem;
  text-decoration: none;
}
#ouvidoria-container .items-container .cartilha {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 10px;
  padding: 25px 30px;
}
#ouvidoria-container .items-container .cartilha .cartilha__text--container {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
#ouvidoria-container .items-container .cartilha .cartilha__text--container a {
  align-self: center;
  color: #4b7fbf;
  font-size: 1.5rem;
  text-decoration: none;
}

#pageNoticias-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #pageNoticias-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#pageNoticias-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container h1 {
    font-size: 3rem;
  }
}
#pageNoticias-container .items-container {
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container {
    row-gap: 4rem;
  }
}
#pageNoticias-container .items-container img {
  border-radius: 1rem;
  height: 17rem;
  -o-object-fit: cover;
     object-fit: cover;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #pageNoticias-container .items-container img {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container img {
    height: 20rem;
    -o-object-fit: cover;
       object-fit: cover;
    width: 114rem;
  }
}
#pageNoticias-container .items-container .noticias__section--container {
  display: flex;
  overflow: hidden;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .noticias__section--container {
    flex-direction: column;
    overflow: visible;
    row-gap: 2rem;
  }
}
#pageNoticias-container .items-container .noticias {
  display: flex;
  flex-direction: column;
  height: 56rem;
  justify-content: space-between;
  padding: 2.5rem 3rem;
  text-align: justify;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #pageNoticias-container .items-container .noticias {
    width: 28.4rem;
  }
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .noticias {
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
    height: auto;
    position: relative;
    width: 114rem;
  }
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .noticias .noticias__items--container {
    align-items: start;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: 4rem 6rem auto auto;
    justify-content: space-between;
  }
}
#pageNoticias-container .items-container .noticias .noticias__items--container time {
  color: #6e6e6e;
  font-size: 1.4rem;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .noticias .noticias__items--container time {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
#pageNoticias-container .items-container .noticias .noticias__items--container img {
  width: 27rem;
}
@media screen and (min-width: 768px) {
  #pageNoticias-container .items-container .noticias .noticias__items--container img {
    width: 24rem;
  }
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .noticias .noticias__items--container img {
    grid-column: 3/4;
    grid-row: 1/4;
  }
}
#pageNoticias-container .items-container .noticias .noticias__items--container span {
  color: #6e6e6e;
  font-size: 1.4rem;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .noticias .noticias__items--container span {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
#pageNoticias-container .items-container .noticias .noticias__items--container h3 {
  color: #4b7fbf;
  font-size: 2.4rem;
  line-height: 2.5rem;
  margin: 1rem 0 0.5rem 0;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .noticias .noticias__items--container h3 {
    max-width: 61rem;
    grid-column: 2/3;
    grid-row: 2/3;
    height: auto;
    margin: 0;
  }
}
#pageNoticias-container .items-container .noticias .noticias__items--container p {
  color: #6e6e6e;
  font-size: 1.5rem;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .noticias .noticias__items--container p {
    grid-column: 2/3;
    grid-row: 3/4;
    width: 70rem;
  }
}
#pageNoticias-container .items-container .noticias .btn-container {
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  display: flex;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .noticias .btn-container {
    bottom: 3rem;
    position: absolute;
    left: 13rem;
  }
}
#pageNoticias-container .items-container .noticias .btn-container a {
  color: #6e6e6e;
  font-size: 1.5rem;
  text-decoration: none;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .noticias .btn-container a:hover {
    color: blue;
    transition: 0.5s;
  }
}
#pageNoticias-container .items-container .noticias .btn-container .noticias-line {
  background-color: #17BED2;
  height: 0.2rem;
  width: 0.9rem;
}
#pageNoticias-container .items-container .btn-l {
  color: #6e6e6e;
  font-size: 1.5rem;
  position: absolute;
  top: 65%;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .btn-l {
    display: none;
  }
}
#pageNoticias-container .items-container .btn-r {
  color: #6e6e6e;
  font-size: 1.5rem;
  position: absolute;
  right: 0;
  top: 65%;
}
@media screen and (min-width: 1440px) {
  #pageNoticias-container .items-container .btn-r {
    display: none;
  }
}

#container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #container {
    margin-top: 10rem;
    width: 114rem;
  }
}
@media screen and (min-width: 1440px) {
  #container {
    width: 56.8rem;
  }
}
#container .title-container {
  align-items: center;
  background-image: url("/assets/images/pages/8_Noticias/bg.jpg");
  background-size: cover;
  border-radius: 1rem;
  display: flex;
  height: 10rem;
  justify-content: center;
}
#container .title-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #container .title-container h1 {
    font-size: 3rem;
  }
}
#container .items-container {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  margin-top: 2rem;
  padding: 2.5rem 3rem;
}
#container .items-container h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #container .items-container h2 {
    font-size: 2.5rem;
  }
}
#container .items-container .noticias__span--container {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  display: flex;
}
#container .items-container span {
  color: #6e6e6e;
  font-size: 1.4rem;
}
#container .items-container p {
  color: #6e6e6e;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-align: justify;
}
#container .items-container p span {
  display: block;
  font-weight: bold;
  margin-top: 1rem;
}
#container .items-container a {
  color: #4b7fbf;
  text-decoration: none;
}
#container .items-container img {
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 1rem;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #container .items-container img {
    display: block;
    height: 40rem;
    margin: 0 auto 1rem auto;
    max-width: 50rem;
  }
}
#container .items-container ol {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
#container .items-container ol li {
  color: #6e6e6e;
  list-style-position: inside;
}

#perguntas-container {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #perguntas-container {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #perguntas-container {
    margin-top: 10rem;
    width: 114rem;
  }
}
#perguntas-container h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #perguntas-container h1 {
    font-size: 3rem;
  }
}
#perguntas-container .items-container {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
@media screen and (min-width: 1440px) {
  #perguntas-container .items-container {
    row-gap: 4rem;
  }
}
#perguntas-container .items-container img {
  border-radius: 1rem;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #perguntas-container .items-container img {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #perguntas-container .items-container img {
    height: 20rem;
    -o-object-fit: cover;
       object-fit: cover;
    width: 114rem;
  }
}
#perguntas-container .items-container .perguntas {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
#perguntas-container .items-container .perguntas-section {
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  padding: 2.5rem 3rem;
  text-align: justify;
}
#perguntas-container .items-container .perguntas-section h2 {
  color: #003366;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #perguntas-container .items-container .perguntas-section h2 {
    font-size: 2.5rem;
  }
}
#perguntas-container .items-container .perguntas-section .p-container {
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  row-gap: 0.5rem;
}
#perguntas-container .items-container .perguntas-section .p-container p {
  color: #6e6e6e;
}
#perguntas-container .items-container .perguntas-section .p-container p a {
  color: #4b7fbf;
  text-decoration: none;
}
#perguntas-container .items-container .perguntas-section ul li {
  color: #6e6e6e;
  font-size: 1.5rem;
  list-style-position: inside;
}

#planejamentos-e-metas {
  margin: 4rem auto 4rem auto;
  width: 33rem;
}
@media screen and (min-width: 768px) {
  #planejamentos-e-metas {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #planejamentos-e-metas {
    margin-top: 10rem;
    width: 114rem;
  }
}
#planejamentos-e-metas h1 {
  color: #003366;
  font-size: 2.8rem;
  line-height: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #planejamentos-e-metas h1 {
    font-size: 3rem;
  }
}
#planejamentos-e-metas .items-container {
  margin-top: 2rem;
}
@media screen and (min-width: 1440px) {
  #planejamentos-e-metas .items-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#planejamentos-e-metas .items-container section {
  margin-bottom: 2rem;
}
#planejamentos-e-metas .items-container section:last-child {
  margin-bottom: 0;
}
#planejamentos-e-metas .items-container section .h2-btn-container {
  align-items: center;
  background-color: #FFFFFF;
  border: 1px solid #6e6e6e;
  border-radius: 1.2rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 1rem 2rem;
}
@media screen and (min-width: 1440px) {
  #planejamentos-e-metas .items-container section .h2-btn-container {
    width: 50rem;
  }
  #planejamentos-e-metas .items-container section .h2-btn-container:hover {
    cursor: pointer;
  }
}
#planejamentos-e-metas .items-container section .h2-btn-container h2 {
  color: #003366;
  font-size: 2rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1440px) {
  #planejamentos-e-metas .items-container section .h2-btn-container h2 {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  #planejamentos-e-metas .items-container section .h2-btn-container h2 {
    width: 56.8rem;
  }
}
@media screen and (min-width: 1440px) {
  #planejamentos-e-metas .items-container section .h2-btn-container h2 {
    width: 50rem;
  }
}
#planejamentos-e-metas .items-container section ul {
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow: hidden;
  row-gap: 2rem;
  text-align: center;
  transition: max-height 0.7s ease-in-out;
}
#planejamentos-e-metas .items-container section ul li {
  background-color: #FFFFFF;
  border-radius: 1.2rem;
  list-style-type: none;
}
#planejamentos-e-metas .items-container section ul li a {
  border: 1px solid #6e6e6e;
  border-radius: 1rem;
  color: #4b7fbf;
  display: inline-block;
  font-size: 1.5rem;
  padding: 2.5rem 3rem;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 1440px) {
  #planejamentos-e-metas .items-container section ul li a:hover {
    background-color: #c0eac0;
    transition: 0.5s;
  }
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 10px;
}
html body {
  background-color: #F5F5F5;
  font-family: "Hind", sans-serif;
}
@media screen and (min-width: 1024px) {
  html body main {
    min-height: 50vh;
  }
}/*# sourceMappingURL=styles.css.map */