:root {
  --ubuntu: "Ubuntu", sans-serif;
  --poppins: "Poppins", sans-serif;
  --nunito: "Nunito", sans-serif;
  --osid-color-light: #338ad1;
  --osid-color: #003f70;
  --osid-color-dark: #003660;
  --osid-color-dark95: #003660f2;
  --osid-color-gradient: linear-gradient(130deg, #56b8f4, #003f70);
  --saude-color: #5db6c6;
  --saude-color-dark: #3794a5;
  --saude-color-dark95: #3794a5f2;
  --saude-color-gradient: linear-gradient(130deg, #8cdae8, #5db6c6);
  --educacao-color: #b2c65d;
  --educacao-color-dark: #9cac58;
  --educacao-color-dark95: #9cac58f2;
  --educacao-color-gradient: linear-gradient(130deg, #dbe6ab, #b2c65d);
  --santuario-color-light: #e2c18e;
  --santuario-color: #ba8e4a;
  --santuario-color-dark: #b28237;
  --santuario-color-dark95: #b28237f2;
  --santuario-color-gradient: linear-gradient(130deg, #c7c0b6, #ba8e4a);
  --doe-color-light: #e67c91;
  --doe-color: #c33d57;
  --doe-color-dark: #b42a45;
  --doe-color-dark95: #b42a45f2;
  --doe-color-gradient: linear-gradient(130deg, #e67c91, #c33d57);
  --doe-color-success: #28a745;
}

html {
  font-size: 16px;
}

a,
button {
  cursor: pointer;
}
.btn-banner.osid:hover {
  background: #003f70b3;
}
.btn-banner.osid:hover a {
  color: #fff;
}
.btn-banner:hover {
  background: #fff;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.btn-banner:hover a {
  color: #c33d57;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.btn-banner.osid {
  background: var(--osid-color);
  border-color: #003f70;
}
.btn-banner.saude:hover {
  background: #3794a59e;
}
.btn-banner.saude {
  background: var(--saude-color-dark95);
  border-color: var(--saude-color-dark95);
}
.btn-banner.saude:hover a {
  color: #fff;
}
.btn-banner.educacao:hover {
  background: #b2c65db0;
}
.btn-banner.educacao {
  background: var(--educacao-color);
  border-color: var(--educacao-color);
}
.btn-banner.educacao:hover a {
  color: #fff;
}
.btn-banner.santuario:hover {
  background: #ba8e4ac4;
}
.btn-banner.santuario {
  background: var(--santuario-color);
  border-color: var(--santuario-color);
  left: 50%;
  transform: translate(-50%, -100px);
}
.btn-banner.santuario:hover a {
  color: #fff;
}
.btn-banner {
  position: absolute;
  bottom: 0;
  border-radius: 20px;
  background: #c33d57;
  border: 1px solid #c33d57;
  left: 0;
  transform: translate(60px, -100px);
  z-index: 1000;
  height: 35px;
  width: auto;
  padding: 0 20px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.btn-banner a {
  font-family: var(--ubuntu);
  font-size: 0.85rem;
  font-weight: 500;
  color: #f0f0f0;
  width: 100%;
  position: relative;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.newslleter-message.off {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: -1;
}
.newslleter-message.error .title {
  color: #ff3333;
}
.newslleter-message .title {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: #469536;
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  margin: 0;
}
.newslleter-message p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #363636;
  margin-bottom: 10px;
}
.newslleter-message img {
  width: 78px;
}
.newslleter-message .content {
  justify-content: center;
  gap: 8px;
}
.newslleter-message {
  border-radius: 15px;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 43%);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  height: 200px;
  width: 454px;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* ==== HEADER HOME ==== */
#top {
  height: 110px;
  z-index: 10;
  position: relative;
}

#top .wrap {
  height: 100%;
  padding-top: 49px;
  padding-bottom: 0;
  max-width: 1366px;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
}

#top .logo {
  height: 100%;
  width: 192px;
}

#top .logo a,
#top .logo img {
  height: 100%;
  width: 100%;
}

#top .right {
  display: flex;
  justify-content: end;
  align-items: start;
  height: 100%;
}

#top .social-media {
  display: flex;
  height: 41px;
  align-items: center;
}

.btn-social {
  height: 24px;
  width: 24px;
  margin: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.btn-social:hover {
  border-color: transparent;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.btn-social.rd:hover {
  background-color: #a769af;
}

.btn-social.fb:hover {
  background-color: #225ea1;
}

.btn-social.yt:hover {
  background-color: #e50002;
}

.btn-social.ig:hover {
  background-color: #f75374;
}

.btn-social.wp:hover {
  background-color: #07b48c;
}

.btn-social img {
  width: 100%;
  height: 100%;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.box-chart .btn-feed:hover .icon,
.link-download:hover .icon,
.btn-download:hover .icon,
.btn-social:hover img {
  filter: brightness(10) saturate(0.1) contrast(10);
  -webkit-filter: brightness(10) saturate(0.1) contrast(10);
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.btn-mn-mbl {
  margin: 0 12px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.btn-mn-mbl:hover {
  background-color: #003f70;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.btn-mn-mbl.dots:hover span {
  background-color: #ffffff;
}

.btn-mn-mbl .text {
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 700;
  color: #fff;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.btn-mn-mbl:hover .text {
  font-size: 1.06rem;
  font-weight: 500;
  color: #ffffff;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}
#top .eng-menu li:nth-of-type(2) {
  margin-right: 10px;
  display: block;
  width: 175px;
}
.socios-protetores .row {
  display: flex;

  flex-direction: column;
}
.eng-menu {
  display: flex;
}
.socios-protetores img {
  width: 30px;
}
.socios-protetores {
  display: flex;
  align-items: center;
  gap: 0 11px;
  justify-content: center;
  width: 100%;
  height: 41px;
  background-color: #d90059;
  margin-right: -50px;
  box-shadow: 1px 1px 0px #00000029;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.btn-donations-top {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 151px;
  height: 41px;
  background-color: #c33d57;
  margin-right: -50px;
  box-shadow: 1px 1px 0px #00000029;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.socios-protetores span {
  font-weight: 100 !important;
  font-size: 0.75rem !important;
}

.btn-donations-top .text,
.socios-protetores span,
.socios-protetores i {
  font-family: var(--ubuntu);
  font-size: 1rem;
  font-weight: 500;
  color: #f0f0f0;
  font-style: normal;
}

.btn-donations-top img {
  height: 19px;
  width: 22px;
  margin: 0 9px 0 20px;
}

/* == .sidebar == */
.eng-close-search {
  width: 100%;
  padding: 20px 25px 30px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#a-mb-close {
  padding: 0;
  color: #707070;
  font-size: 1.2rem;
  font-weight: 300;
  font-family: var(--ubuntu);
}

.eng-search {
  height: 100%;
  width: 40%;
  position: relative;
}

.eng-search input {
  width: 100%;
  height: 100%;
  border-color: transparent;
  background-color: transparent;
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 500;
  line-height: 1rem;
  color: #707070;
}

.eng-search input::-webkit-input-placeholder {
  /* Edge */
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 500;
  line-height: 1rem;
  color: #707070;
  font-style: italic;
}

.eng-search input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 500;
  line-height: 1rem;
  color: #707070;
  font-style: italic;
}

.eng-search input::placeholder {
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 500;
  line-height: 1rem;
  color: #707070;
  font-style: italic;
}

.eng-search .icon-text {
  position: absolute;
  right: 5px;
  top: calc(50% - 0.5rem);
  font-size: 1rem;
  color: #c3c3c3;
}

.sidebar {
  border-top-left-radius: 20px;
  overflow: hidden;
}

.sidebar .inside {
  overflow: hidden;
}

.engloba-sidebar {
  overflow: hidden;
  height: 100%;
  position: relative;
}

.sidebar ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}

.sidebar .main-menu {
  height: calc(100% - 259px);
  overflow-y: scroll;
  padding-bottom: 30px;
}

.sidebar li {
  width: 100%;
  padding: 14px 0;
  position: relative;
}

.sidebar li::after {
  content: "";
  width: 80%;
  height: 1px;
  background-color: #7070701a;
  position: absolute;
  right: 0;
  bottom: 0;
}

.sidebar li.colapsinho.is-open::after,
.sidebar .colapsinho li::after {
  display: none;
}

.sidebar li.btn-store {
  width: 100%;
  padding: 0;
  background-color: #5db6c6;
}

.sidebar li.btn-donation {
  width: 100%;
  padding: 0;
  background-color: #c33d57;
}

.sidebar li.colapsinho {
  padding: 0;
  background-color: transparent;
  transition: all ease-out 0.2s;
  -webkit-transition: all ease-out 0.2s;
  -moz-transition: all ease-out 0.2s;
  -ms-transition: all ease-out 0.2s;
  -o-transition: all ease-out 0.2s;
}

.sidebar li.colapsinho.is-open {
  background-color: #f4f4f4;
  transition: all ease-in 0.2s;
  -webkit-transition: all ease-in 0.2s;
  -moz-transition: all ease-in 0.2s;
  -ms-transition: all ease-in 0.2s;
  -o-transition: all ease-in 0.2s;
}

.sidebar .colapsinho__head {
  width: 80%;
  padding: 14px 0;
  margin: 0 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: var(--ubuntu);
  font-size: 1.06rem;
  font-weight: 500;
  color: #707070;
}

.sidebar .colapsinho li {
  padding: 12px 0;
}

.sidebar .colapsinho.inner .colapsinho__head {
  padding: 12px 0 12px 17px;
}

.sidebar .colapsinho .colapsinho {
  padding: 0;
}

.sidebar li a {
  height: 100%;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: var(--ubuntu);
  font-size: 1.06rem;
  font-weight: 500;
  color: #707070;
  margin: 0 0 0 auto;
}

.sidebar .colapsinho li a,
.sidebar .inner .colapsinho__head {
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 500;
  color: #707070;
  width: 100%;
  height: auto;
  position: relative;
  padding-left: 17px;
}

.sidebar .colapsinho.inner li a {
  color: #003f70;
}

.sidebar .colapsinho li a::before,
.sidebar .inner .colapsinho__head::before {
  content: "";
  height: 7px;
  width: 7px;
  background-color: #083783;
  position: absolute;
  left: 0;
  top: calc(50% - 3.5px);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.sidebar li.btn-store a {
  padding: 13px 0;
  justify-content: center;
  color: #ffffff;
  width: 100%;
}

.sidebar li.btn-donation a {
  padding: 30px 0;
  justify-content: center;
  color: #ffffff;
  width: 100%;
}

.sidebar li img {
  height: 21px;
  max-width: 21px;
  margin-right: 15px;
}

.sidebar li.btn-store img,
.sidebar li.btn-donation img {
  height: 26px;
  width: 29px;
}
.btn-donations-floating.ouvidoria {
  bottom: 60px;
  background-color: var(--osid-color);
  gap: 4px;
}
.btn-donations-floating.ouvidoria img {
  filter: brightness(10) saturate(0.1) contrast(10);
}
.btn-donations-floating {
  font-family: var(--ubuntu);
  font-size: 0.75rem;
  font-weight: 500;
  color: #f0f0f0;
  height: 75px;
  width: 75px;
  display: flex;
  z-index: 1000;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #c33d57;
  position: fixed;
  right: 40px;
  bottom: 148px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.btn-donations-floating:hover {
  box-shadow: 4px 7px 10px #00000029;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.btn-donations-floating img {
  width: 20px;
  height: auto;
}
/* ==== END HEADER HOME ==== */
/* ==== FOOTER ==== */
.newsletter {
  background-color: #083783;
}

.newsletter .wrap {
  flex-direction: row;
  justify-content: space-between;
}

.newsletter .left {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
  width: 315px;
}

.newsletter .icon {
  height: 77px;
  width: 77px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newsletter .icon img {
  max-width: 100%;
  max-height: 100%;
}

.newsletter .desc {
  width: calc(100% - 92px);
  display: flex;
  flex-direction: column;
  align-items: start;
}
.newsletter.error .title {
  color: red;
}
.newsletter .title {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.93rem;
  line-height: 1.19rem;
  color: #f5f9fa;
  text-align: left;
  width: 100%;
}

.newsletter .number {
  font-family: var(--poppins);
  font-size: 1.89rem;
  font-weight: 700;
  line-height: 2.37rem;
  color: #f5f9fa;
  text-align: left;
}

.newsletter .right {
  width: calc(100% - 355px);
  display: flex;
  flex-direction: column;
  align-items: start;
}

.newsletter .right .title {
  width: 100%;
  position: relative;
  padding-left: 18px;
  margin-bottom: 14px;
  font-family: var(--ubuntu);
  font-size: 1rem;
  font-weight: 400;
  color: #f0f0f0;
}

.newsletter .right .title::before {
  content: "";
  height: 100%;
  width: 3px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c6aa5d;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.newsletter form {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.newsletter input {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.8rem;
  color: #626262;
  border: none;
  height: 48px;
  outline: none;
  width: calc(50% - 70px);
  padding: 14px 30px;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.newsletter button {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.93rem;
  height: 48px;
  width: 125px;
  background-color: transparent;
  color: #f5f9fa;
  border: #ffffff solid 1px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.newsletter button:hover {
  background-color: #ffffff;
  color: #083783;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.site-map {
  background-color: #f4f4f4;
}

.site-map .wrap {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
}

.box-site-map {
  width: 20%;
  margin-bottom: 30px;
  min-width: 175px;
  padding: 0 15px;
  max-width: 230px;
}

.box-site-map + .box-site-map {
  border-left: solid 1px #70707033;
}

.box-site-map ul {
  width: 100%;
}

.box-site-map li {
  width: 100%;
  margin-bottom: 8px;
}

.box-site-map li.title a {
  font-size: 1.12rem;
  font-weight: 700;
}
.box-site-map li.title a.osid {
  color: var(--osid-color);
}

.box-site-map li.title a.santuario {
  color: var(--santuario-color);
}

.box-site-map li.title a.saude {
  color: var(--saude-color);
}

.box-site-map li.title a.educacao {
  color: var(--educacao-color);
}

.box-site-map li.title a.doe {
  color: var(--doe-color);
}
.box-site-map li a {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.94rem;
  line-height: 1.5rem;
  text-align-last: left;
  color: #727272;
}
.site-map__logos .logo-sant {
  display: none;
}
.site-map__logos.active .logo-sant {
  display: block;
}
.site-map__logos {
  width: 100%;
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.site-map__logos__item {
  height: 50px;
  width: auto;
}

.client-hoom {
  background-image: linear-gradient(219deg, #17367e 55%, #4cc2de 121%);
}

.client-hoom .wrap {
  padding: 40px 0;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.client-hoom .client {
  width: calc(100% - 290px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.client-hoom .client .icon {
  height: 61px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.client-hoom .client img {
  max-width: 100%;
  max-height: 100%;
}

.client-hoom .client .right {
  width: calc(100% - 60px);
  display: flex;
  flex-direction: column;
}

.client-hoom .client .links {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
}

.client-hoom .client .links li a {
  margin: 0 10px;
  font-family: var(--ubuntu);
  font-size: 0.81rem;
  font-weight: 500;
  color: #ebeef3;
  opacity: 0.6;
}

.client-hoom .client hr {
  width: 100%;
  opacity: 0.3;
  border: solid #ffffff 1px;
  margin: 9px 0;
}

.client-hoom .client .copy-right {
  font-family: var(--ubuntu);
  font-size: 0.81rem;
  width: 100%;
  text-align: left;
  color: #ebeef3;
  opacity: 0.6;
}

.client-hoom .hoom {
  width: 214px;
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
}

.client-hoom .text {
  font-family: var(--ubuntu);
  font-size: 0.81rem;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.6;
  padding-bottom: 10px;
}

.client-hoom .hoom .icon {
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.client-hoom .hoom .icon img {
  max-width: 100%;
  max-height: 100%;
}
/* ==== END FOOTER ==== */
/* ==== INDEX ==== */
/* == banner == */
.banner-home {
  height: calc(100vh - 130px);
  width: 100%;
  margin-top: -110px;
  z-index: 0;
}

.scroll-banner {
  position: fixed;
  margin-top: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  -webkit-transition: all 1.5s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  -moz-transition: all 1.5s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  -ms-transition: all 1.5s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  -o-transition: all 1.5s cubic-bezier(0.81, -0.1, 0.76, 1.2);
}

.scroll-banner ~ #miolo .links-portal-home,
#miolo {
  -webkit-transition: all 2s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  -moz-transition: all 2s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  -ms-transition: all 2s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  -o-transition: all 2s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  transition: all 2s cubic-bezier(0.81, -0.1, 0.76, 1.2);
}

.scroll-banner ~ #miolo section:not(.links-portal-home) {
  opacity: 0;
  -webkit-transition: all 2s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  -moz-transition: all 2s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  -ms-transition: all 2s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  -o-transition: all 2s cubic-bezier(0.81, -0.1, 0.76, 1.2);
  transition: all 2s cubic-bezier(0.81, -0.1, 0.76, 1.2);
}

.scroll-banner ~ #miolo.animeMiolo section:not(.links-portal-home) {
  opacity: 1;
}

.banner-home .splide__track,
.banner-home .splide__list {
  height: 100%;
}

.banner-home .splide__slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: relative;
}

.btn-scroll {
  font-family: var(--ubuntu);
  font-size: 0.69rem;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  position: absolute;
  bottom: 18px;
  left: calc(50% - 51px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-shadow: 2px 3px 6px #00000029;
  z-index: 1000;
}

@-webkit-keyframes fade_move_down {
  0% {
    -webkit-transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
}
@-moz-keyframes fade_move_down {
  0% {
    -moz-transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: translate(0, 20px);
    opacity: 0;
  }
}
@keyframes fade_move_down {
  0% {
    transform: translate(0, -20px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 20px);
    opacity: 0;
  }
}

.btn-scroll .icon-text {
  font-size: 1.5rem;
  margin-top: 6px;
  -webkit-animation: fade_move_down 2s ease-in-out infinite;
  -moz-animation: fade_move_down 2s ease-in-out infinite;
  animation: fade_move_down 2s ease-in-out infinite;
}
/* == .links-portal-home == */
.links-portal-home {
  position: relative;
}

.links-portal-home .wrap {
  max-width: unset;
  width: calc(100% - 80px);
  padding: 0;
  margin: 0 auto 0 0;
  z-index: 1;
}

.links-portal-home .splide__track,
.links-portal-home .splide__list {
  width: 100%;
  overflow: visible;
  position: relative;
}

.links-portal-home .splide__arrow {
  width: 80px;
  height: 100%;
}

.links-portal-home .splide__arrow--next {
  right: -80px;
  background-color: #fbfbfb;
  opacity: 1;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.links-portal-home .splide__arrow--next .icon-text {
  color: #707070;
  font-size: 1.8rem;
}

.box-link-portal {
  height: 131px;
  width: 20%;
  max-width: 270px;
  min-width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f7f8;
  border-bottom: solid 8px;
}

.box-link-portal.osid {
  border-color: var(--osid-color);
}

.box-link-portal.santuario {
  border-color: var(--santuario-color);
}

.box-link-portal.saude {
  border-color: var(--saude-color);
}

.box-link-portal.educacao {
  border-color: var(--educacao-color);
}

.box-link-portal.doe {
  border-color: var(--doe-color);
}

.box-link-portal:nth-of-type(even) {
  background-color: #ffffff;
}

.box-link-portal .hover-content {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  width: 100%;
  height: 0;
  padding: 15% 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 9px 4px 17px #00000029;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.box-link-portal.osid .hover-content,
.hover-content-nav.osid {
  background-image: var(--osid-color-gradient);
}

.box-link-portal.santuario .hover-content,
.hover-content-nav.santuario {
  background-image: var(--santuario-color-gradient);
}

.box-link-portal.saude .hover-content,
.hover-content-nav.saude {
  background-image: var(--saude-color-gradient);
}

.box-link-portal.educacao .hover-content,
.hover-content-nav.educacao {
  background-image: var(--educacao-color-gradient);
}

.box-link-portal.doe .hover-content,
.hover-content-nav.doe {
  background-image: var(--doe-color-gradient);
}

.box-link-portal:hover .hover-content,
.box-link-portal .content:hover ~ .hover-content,
.box-link-portal .hover-content:hover,
.box-link-portal.active .hover-content {
  opacity: 1;
  visibility: visible;
  height: 200px;
  z-index: 2;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.box-link-portal .hover-content .icon {
  height: 65px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.box-link-portal .hover-content .icon img {
  max-width: 100%;
  max-height: 100%;
  filter: brightness(10) saturate(0.1) contrast(10);
  -webkit-filter: brightness(10) saturate(0.1) contrast(10);
}

.box-link-portal .hover-content .title {
  font-family: var(--ubuntu);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6rem;
  color: #ffffff;
  text-align: center;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.box-link-portal .hover-content .subtitle {
  font-family: var(--ubuntu);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.81rem;
  color: #ffffff;
  text-align: center;
  max-width: 120px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.box-link-portal .content {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  max-width: 80%;
  max-height: 90%;
}

.box-link-portal .content .icon {
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.box-link-portal .content .icon img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

.box-link-portal .content .title {
  font-family: var(--ubuntu);
  font-size: 1.56rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #707070;
}

.box-link-portal .content .subtitle {
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 500;
  line-height: 1rem;
  color: #c3c3c3;
}

.links-portal-home .wrap-navs {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -1;
  left: 0;
  right: 0;
  z-index: -1;
}

.hover-content-nav {
  position: absolute;
  height: auto;
  width: 100%;
  height: auto;
  right: 100%;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  transition: all ease-out 0.5s;
  -webkit-transition: all ease-out 0.5s;
  -moz-transition: all ease-out 0.5s;
  -ms-transition: all ease-out 0.5s;
  -o-transition: all ease-out 0.5s;
}

.hover-content-nav ul {
  width: 100%;
  padding: 7px 5%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.hover-content-nav li {
  margin: 0 10px;
  padding-left: 20px;
  position: relative;
}

.hover-content-nav li::before {
  content: "";
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: calc(50% - 4.5px);
  background-color: #ffffff;
  opacity: 0.3;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.hover-content-nav li a {
  font-family: var(--poppins);
  font-size: 0.81rem;
  color: #ffffff;
}
/* == .eng-slider-tall == */
.eng-slider-tall {
  width: 100%;
}

.eng-slider-tall .wrap {
  width: 100%;
  max-width: unset;
  padding: 20px 0 0 0;
}

.slider-tall-banner,
.slider-tall-banner .splide__track,
.slide-tall-banner .splide__list {
  width: 100%;
}

.slider-tall-banner .splide__arrow {
  background-color: transparent;
  height: 100px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.slider-tall-banner .splide__arrow--next {
  right: 0;
}

.slider-tall-banner .splide__arrow--next:hover {
  background-image: linear-gradient(to right, #01010100, #01010199);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.slider-tall-banner .splide__arrow--prev {
  left: 0;
}

.slider-tall-banner .splide__arrow--prev:hover {
  background-image: linear-gradient(to left, #01010100, #01010199);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.slider-tall-banner .splide__arrow .icon-text {
  color: #ffffff;
  font-size: 2.19rem;
}

.box-tall-banner {
  height: 580px;
  width: calc(20% - 1px);
  min-width: 272px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: end;
  overflow: hidden;
}

.box-tall-banner .content {
  width: 80%;
  margin-bottom: 40px;
  justify-content: end;
}

.box-tall-banner .title {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 1.75rem;
  color: var(--osid-color);
  text-align: center;
  position: relative;
  display: flex;
  padding-bottom: 19px;
  margin-bottom: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.saude .box-tall-banner .title,
.saude.box-tall-banner .title {
  color: var(--saude-color);
}

.box-tall-banner .title::after {
  content: "";
  width: 44px;
  height: 4px;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: calc(50% - 22px);
}

.box-tall-banner:hover .title {
  margin-bottom: 15px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-tall-banner .eng-desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  max-height: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-tall-banner:hover .eng-desc {
  max-height: 500px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-tall-banner .desc {
  font-family: var(--poppins);
  font-size: 0.81rem;
  font-weight: 300;
  line-height: 1.35rem;
  color: #ffffff;
  text-align: center;
}

.box-tall-banner .link {
  font-family: var(--poppins);
  font-size: 0.81rem;
  color: #ffffff;
  opacity: 0.4;
  text-decoration: underline;
  text-align: center;
  margin-top: 15px;
}

.box-tall-banner .bg-image {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.filter {
  height: 100%;
  width: 100%;
  z-index: 5;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0.8;
  top: 50%;
  background-image: linear-gradient(to top, #010101, #55555500);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.box-tall-banner .filter {
  height: 100%;
  width: 100%;
  z-index: 5;
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0.8;
  top: 50%;
  background-image: linear-gradient(to top, #010101, #55555500);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-tall-banner:hover .filter {
  top: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-tall-banner .bg-image img {
  min-height: 100%;
  width: 105%;
  z-index: 1;
  object-fit: cover;
  transform: ease all 0.7s;
  -webkit-transform: ease all 0.7s;
  -moz-transform: ease all 0.7s;
  -ms-transform: ease all 0.7s;
  -o-transform: ease all 0.7s;
}

.box-tall-banner:hover .bg-image img {
  transform: scale(1.1) translateX(10px);
  -webkit-transform: scale(1.1) translateX(10px);
  -moz-transform: scale(1.1) translateX(10px);
  -ms-transform: scale(1.1) translateX(10px);
  -o-transform: scale(1.1) translateX(10px);
  transition: all ease 0.7s;
  -webkit-transition: all ease 0.7s;
  -moz-transition: all ease 0.7s;
  -ms-transition: all ease 0.7s;
  -o-transition: all ease 0.7s;
}
/* == .topics-status-home == */
.topics-status-home {
  background-color: #f2f6f7d9;
}

.topics-status-home .wrap {
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  max-width: inherit;
  padding: 10px 0 0 0;
}

.topics-status-home .image {
  display: flex;
  justify-content: start;
  align-items: end;
  width: 35%;
  height: auto;
}

.topics-status-home .image img {
  width: 100%;
  height: auto;
  position: relative;
}

.topics-status-home .eng-content {
  width: 60%;
  padding-right: 5vw;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.topics-status-home .title {
  font-family: var(--poppins);
  font-size: 2.06rem;
  font-weight: 400;
  line-height: 3rem;
  color: #003f70;
  margin-bottom: 30px;
}

.topics-status-home .title b {
  font-weight: 500;
}

.topics-status-home .eng-topics-status {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: space-around;
}

.box-topic-status {
  width: calc(50% - 6px);
  height: 120px;
  margin-bottom: 6px;
  border: 2px solid #dee2ea;
  padding: 11px 25px;
  display: flex;
  align-items: center;
}

.box-topic-status .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  width: 50px;
  margin-right: 20px;
}

.box-topic-status .icon img {
  max-width: 100%;
  max-height: 100%;
}

.box-topic-status .title {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 2.5rem;
  color: #363636;
  margin-bottom: 10px;
}

.box-topic-status .desc {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 0.81rem;
  color: #707070;
  text-align: left;
}
/* == .news-module == */
.news-module .wrap {
  width: 100%;
  max-width: 1366px;
  padding: 50px 0 0 0;
}

.news-module .eng-ttl {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 13px;
  border-bottom: 1px solid #aebfd6;
}

.news-module .eng-ttl::after {
  content: "";
  width: 344px;
  height: 3px;
  background-color: #003f70;
  position: absolute;
  bottom: -1px;
  left: calc(50% - 172px);
}

.news-module .eng-ttl .icon {
  width: 245px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: end;
}

.news-module .eng-ttl .icon img {
  max-height: 100%;
  max-width: 100%;
}

.news-module .eng-ttl .title {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 2.06rem;
  text-align: left;
  color: #5db6c6;
}

.news-module .eng-head-lines {
  width: 100%;
  height: 580px;
  display: flex;
  position: relative;
}

.news-module .main-head-line {
  width: 50%;
  overflow: hidden;
  position: relative;
  padding: 5% 7%;
}

.news-module .main-head-line .bg {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
}

.news-module .main-head-line .bg img {
  height: auto;
  min-height: 100%;
  width: 100%;
  object-fit: cover;
}

.news-module .main-head-line .filter {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: linear-gradient(to top, #000000, #54545400);
}

.news-module .main-head-line .content {
  height: 100%;
  width: 100%;
  justify-content: end;
  align-items: start;
  z-index: 5;
}

.news-module .main-head-line .title {
  font-family: var(--poppins);
  font-size: 2.1rem;
  line-height: 2.37rem;
  text-align: left;
  color: #f5f9fa;
  width: 100%;
  max-width: 340px;
  margin-bottom: 20px;
}

.news-module .main-head-line .desc {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.94rem;
  line-height: 1.34rem;
  color: #f5f9fa;
  text-align: left;
  margin-bottom: 15px;
  max-width: 392px;
}

.news-module .date {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 0.87rem;
  font-style: italic;
  text-align: left;
  color: #f5f9fa;
}

.news-module .right {
  width: 50%;
  height: 100%;
  position: relative;
}

.news-module .slider-head-lines {
  width: 100%;
  height: calc(100% - 48px);
}

.news-module .slider-head-lines .splide__track,
.news-module .slider-head-lines .splide__list {
  height: 100%;
  width: 100%;
}

.news-module .slider-head-lines .splide__arrows {
  height: 48px;
  width: 50%;
  padding: 0 10%;
  bottom: -48px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.news-module .slider-head-lines .splide__arrow {
  position: relative;
  top: unset;
  bottom: unset;
  right: unset;
  left: unset;
  background-color: transparent;
  height: 13px;
  width: 28px;
  font-size: 26px;
  color: #707070;
}

.news-module .right .lnks {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 0 5%;
  background-color: #eaeff0;
}

.news-module .right .lnks a {
  font-family: var(--poppins);
  font-weight: 600;
  font-size: 0.94rem;
  color: #707070;
}

.news-module .box-head-line {
  display: flex;
  overflow: hidden;
  position: relative;
  background-color: #f5f9fa;
}

.news-module .box-head-line:nth-of-type(even) {
  background-color: #f2f6f7d9;
}

.news-module .box-head-line .content {
  height: 100%;
  width: 50%;
  align-items: start;
  justify-content: start;
  padding: 6%;
}

.news-module .box-head-line .title {
  font-family: var(--poppins);
  font-size: 1.19rem;
  font-weight: 600;
  line-height: 1.3rem;
  color: #363636;
  text-align: left;
  margin-bottom: 13px;
}

.news-module .box-head-line .date {
  color: #b9b9b9;
  font-size: 0.75rem;
  margin-bottom: 16px;
}

.news-module .box-head-line .desc {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.94rem;
  line-height: 1.5rem;
  text-align: left;
  color: #727272;
}

.news-module .box-head-line .image {
  width: 50%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-module .box-head-line .image img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}

.news-module .eng-videos {
  width: 100%;
  height: 440px;
  display: flex;
  justify-content: center;
}

.news-module .eng-videos .left {
  width: 50%;
  max-width: 683px;
  height: 100%;
  padding: 2% 5%;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background-color: #083783;
}

.news-module .news-videos-nav {
  width: 235px;
  position: relative;
  height: 100%;
}

.news-module .news-videos-nav .splide__track::before {
  content: "";
  position: absolute;
  left: 25px;
  top: -250px;
  bottom: -250px;
  width: 1px;
  background-color: #5db6c6;
  z-index: 0;
}
.title-tv {
  font-family: var(--poppins);
  font-size: 2.1rem;
  line-height: 2.37rem;
  text-align: left;
  color: #f5f9fa;
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
}
.news-module .news-videos-nav .splide__track,
.news-module .news-videos-nav .splide__list {
  width: 100%;
}

.news-module .box-videos-nav {
  background-color: transparent;
  border: 1px solid transparent !important;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.news-module .box-videos-nav.is-active {
  background-color: #083783;
  border: solid 1px #5db6c6 !important;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.news-module .eng-videos .news-videos-nav .splide__slide .content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding: 7px 10px;
}

.news-module .box-videos-nav .icon {
  height: 27px;
  width: 27px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-module .box-videos-nav .icon img {
  height: 100%;
  width: 100%;
}

.news-module .box-videos-nav .title {
  font-family: var(--ubuntu);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.06rem;
  width: calc(100% - 47px);
  text-align: left;
  color: #fff;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.news-module .box-videos-nav.is-active .title {
  color: #ebeef3;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.news-module .eng-videos .left .content {
  width: calc(100% - 280px);
  justify-content: flex-start;
  align-items: start;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.news-module .eng-videos .left .video-ttl {
  display: block;
  align-items: start;
  justify-content: start;
  /* height: 190px; */
  margin-bottom: 20px;
  flex-wrap: wrap;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}
.news-module .eng-videos .left .video-ttl p {
  font-family: var(--poppins);
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.2rem;
  color: #f5f9fa;
  text-align: left;
  opacity: 1;
  transition: all ease-out 0.6s;
  -webkit-transition: all ease-out 0.6s;
  -moz-transition: all ease-out 0.6s;
  -ms-transition: all ease-out 0.6s;
  -o-transition: all ease-out 0.6s;
  width: 100%;
}
.news-module .eng-videos .left .video-ttl .title {
  font-family: var(--poppins);
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.7rem;
  color: #f5f9fa;
  text-align: left;
  opacity: 1;
  transition: all ease-out 0.6s;
  -webkit-transition: all ease-out 0.6s;
  -moz-transition: all ease-out 0.6s;
  -ms-transition: all ease-out 0.6s;
  -o-transition: all ease-out 0.6s;
  width: 100%;
  margin-bottom: 5px;
}

.fade:not(.show) {
  opacity: 0 !important;
  transition: all ease-out 0.6s;
  -webkit-transition: all ease-out 0.6s;
  -moz-transition: all ease-out 0.6s;
  -ms-transition: all ease-out 0.6s;
  -o-transition: all ease-out 0.6s;
}

.btn-blue {
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 700;
  color: #083783;
  background-color: #5db6c6;
  border: solid 1px #5db6c6;
  padding: 8px 40px;
  border-radius: 19px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.btn-blue:hover {
  background-color: transparent;
  color: #5db6c6;
  transition: all ease-in;
  -webkit-transition: all ease-in;
  -moz-transition: all ease-in;
  -ms-transition: all ease-in;
  -o-transition: all ease-in;
}

.news-module .eng-videos .right {
  width: 50%;
  max-width: 683px;
  height: 100%;
}
/* == .sec-search-slider == */
.sec-search-slider {
  background-image: linear-gradient(to right, #ffffff 30%, #ebeef3 30%);
  max-width: 1366px;
  margin: 0 auto;
}

.sec-search-slider .wrap {
  padding: 0;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.sec-search-slider .left {
  padding: 80px 0 120px 0;
  height: 100%;
  background-image: linear-gradient(to right, #ffffff 280px, #ebeef300 280px);
  position: relative;
  z-index: 10;
  width: calc(100% - 750px);
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}

.sec-search-slider .left .eng-ttl {
  margin-bottom: 30px;
}

.sec-search-slider .left .title {
  font-family: var(--poppins);
  font-weight: 300;
  font-size: 1.94rem;
  line-height: 2.4rem;
  color: #083783;
  text-align: left;
}

.sec-search-slider .left .title b {
  font-weight: 700;
  font-size: 2.7rem;
  line-height: 3.4rem;
  display: block;
}

.sec-search-slider .left form {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 0 30px;
  background-color: #ffffff;
  border: 2px #dbe0e8 solid;
  border-radius: 33px;
  -webkit-border-radius: 33px;
  -moz-border-radius: 33px;
  -ms-border-radius: 33px;
  -o-border-radius: 33px;
}

.sec-search-slider .left input {
  font-family: var(--ubuntu);
  font-size: 1rem;
  color: #727272;
  border: none;
  width: calc(100% - 40px);
}

.sec-search-slider .left input::-webkit-input-placeholder {
  /* Edge */
  font-family: var(--ubuntu);
  font-size: 1rem;
  color: #727272;
}

.sec-search-slider .left input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: var(--ubuntu);
  font-size: 1rem;
  color: #727272;
}

.sec-search-slider .left input::placeholder {
  font-family: var(--ubuntu);
  font-size: 1rem;
  color: #727272;
}

.sec-search-slider .left button {
  border: none;
  background-color: transparent;
  font-family: var(--poppins);
  font-weight: 700;
  font-size: 1.25rem;
  color: #1e589b;
  width: 35px;
}

.sec-search-slider .left .desc {
  font-family: var(--ubuntu);
  font-size: 0.94rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #727272;
  text-align: left;
  max-width: 260px;
}

.sec-search-slider .slider-search-sec {
  width: 720px;
  z-index: 0;
  position: relative;
}

.sec-search-slider .slider-search-sec .splide__track,
.sec-search-slider .slider-search-sec .splide__list {
  overflow: visible;
}

.sec-search-slider .slider-search-sec .splide__slide__row {
  display: flex;
  width: 482px;
}

.box-search-slider {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 210px;
}

.box-search-slider .content {
  height: calc(100% - 10px);
  width: calc(100% - 14px);
  justify-content: end;
  z-index: 0;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  border: 6px solid #ffffff;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-search-slider:hover .content {
  z-index: 10;
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-search-slider .bg {
  position: absolute;
  inset: -1px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.box-search-slider .bg img {
  object-fit: cover;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-search-slider:hover .bg img {
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-search-slider .title {
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 400;
  color: #003f70;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  margin-bottom: -3px;
  padding: 5px 15px 8px 15px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -moz-border-radius: 15px 15px 0 0;
  -ms-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
}

.slider-search-sec .splide__pagination {
  width: 100%;
  justify-content: end;
  bottom: -30px;
}

.slider-tall-banner .splide__pagination button,
.slider-search-sec .splide__pagination button {
  height: 14px;
  width: 14px;
  background-color: #aebfd6;
}

.slider-tall-banner .splide__pagination button.is-active,
.slider-search-sec .splide__pagination button.is-active {
  background-color: #5db6c6;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
/* == .sec-testimony == */
.slider-testimony {
  width: calc(100% - 40px);
  margin: 0 auto;
}

.slider-testimony .splide__track,
.slider-testimony .splide__list {
  width: 100%;
}

.box-testimony {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.box-testimony .content {
  width: 90%;
  max-width: 911px;
  flex-direction: row;
  justify-content: space-between;
}

.box-testimony .image {
  width: 24%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-testimony .image img {
  max-width: 100%;
  max-height: 100%;
}

.box-testimony .eng-text {
  width: 67%;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.box-testimony .eng-text .desc {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1.06rem;
  font-style: italic;
  line-height: 2.2rem;
  text-align: left;
  color: #001d3d;
}

.box-testimony .ass {
  width: 80%;
  max-width: 237px;
  margin-top: 30px;
}

.box-testimony .ass img {
  width: 100%;
}

.slider-testimony .splide__arrows button {
  font-size: 40px;
  color: #707070;
  background-color: transparent;
}

.slider-testimony .splide__arrow--next {
  right: -25px;
}

.slider-testimony .splide__arrow--prev {
  left: -25px;
}
/* ==== END INDEX ==== */
/* ==== FEED-NEWS-MAIN ==== */
.breadcrumbs.main {
  margin-top: 30px;
}

.box-feed .date {
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 0.75rem;
  font-style: italic;
  text-align: left;
  margin: 10px 0 0px 0;
  width: 100%;
  color: #b9b9b9;
}
/* ==== END FEED-NEWS-MAIN ==== */
/* ==== ARTICLE-MAIN ==== */
.sec-content .date {
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1rem;
  font-style: italic;
  text-align: left;
  width: 100%;
  color: #b9b9b9;
}

.sec-content .title.ttl-sec-content ~ .date {
  margin: -20px 0 20px 0;
}
/* ==== END ARTICLE-MAIN ==== */
/* ==== INNER PORTAL HEADER ==== */
/* ** .dropdown ** */
.dropdown {
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.droplink {
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.dropdown-content {
  position: absolute;
  display: none;
  min-width: 160px;
  z-index: 1;
  opacity: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.dropdown:hover > .dropdown-content {
  opacity: 1;
  z-index: 3;
  display: block;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.dropdown.active > .dropdown-content {
  z-index: 1;
  opacity: 1;
  display: block;
}
/* ** .dropdown ** */
#top.inner-header {
  height: 77px;
  margin-bottom: 78px;
}

#top.inner-header .wrap {
  padding-top: 15px;
  align-items: center;
  max-width: unset;
}

#top.inner-header header {
  padding-top: 30px;
  align-items: start;
}

#top.inner-header .logo {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 18px;
}
#top.inner-header .logo.active .logo-sant {
  display: block;
}
#top.inner-header .logo .logo-sant {
  height: 50px;
  width: auto;
  display: none;
}

#top.inner-header .logo a,
#top.inner-header .logo a img {
  width: 109px;
}

#top.inner-header .eng-menu {
  height: 100%;
  align-items: center;
}

#top.inner-header .lnk-header {
  height: 100%;
}

#top.inner-header .lnk-header > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-family: var(--ubuntu);
  font-size: 0.93rem;
  font-weight: 500;
  color: #707070;
  padding: 11px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  border-radius: 11px 11px 0 0;
  -webkit-border-radius: 11px 11px 0 0;
  -moz-border-radius: 11px 11px 0 0;
  -ms-border-radius: 11px 11px 0 0;
  -o-border-radius: 11px 11px 0 0;
}

#top.inner-header .lnk-header:hover > a,
#top.inner-header .lnk-header.active > a {
  color: #f5f9fa;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

#top.inner-header .lnk-header.osid:hover > a,
#top.inner-header .lnk-header.osid.active > a,
#top.inner-header .lnk-header.osid > .dropdown-content {
  background-color: var(--osid-color);
}

#top.inner-header .lnk-header.santuario:hover > a,
#top.inner-header .lnk-header.santuario.active > a,
#top.inner-header .lnk-header.santuario > .dropdown-content {
  background-color: var(--santuario-color);
}

#top.inner-header .lnk-header.saude:hover > a,
#top.inner-header .lnk-header.saude.active > a,
#top.inner-header .lnk-header.saude > .dropdown-content {
  background-color: var(--saude-color);
}

#top.inner-header .lnk-header.educacao:hover > a,
#top.inner-header .lnk-header.educacao.active > a,
#top.inner-header .lnk-header.educacao > .dropdown-content {
  background-color: var(--educacao-color);
}

#top.inner-header .lnk-header.doe:hover > a,
#top.inner-header .lnk-header.doe.active > a,
#top.inner-header .lnk-header.doe > .dropdown-content {
  background-color: var(--doe-color);
}

#top.inner-header .lnk-header a .icon {
  width: 27px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

#top.inner-header .lnk-header a .icon img {
  max-width: 100%;
  max-width: 100%;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

#top.inner-header .lnk-header:hover a .icon img,
#top.inner-header .lnk-header.active a .icon img {
  filter: brightness(10) saturate(0.1) contrast(10);
  -webkit-filter: brightness(10) saturate(0.1) contrast(10);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

#top.inner-header .lnk-header > .dropdown-content {
  left: -2.5vw;
  right: -2.5vw;
  height: 78px;
  /* max-width: 1366px; */
  margin: 0 auto;
}

#top.inner-header .lnk-header > .dropdown-content .wrap {
  height: 100%;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  padding-top: 0;
}

#top.inner-header .lnk-header .dropdown-content li.active:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #fff;
  bottom: 5px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0px);
}
#top.inner-header .lnk-header .dropdown-content li.active:after {
  content: "";
  border-radius: 1px;
  height: 5px;
  background: #fff;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, 0);
}
#top.inner-header .lnk-header .dropdown-content li {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 10px;
  /* width: 100%; */
  justify-content: start;
}

#top.inner-header .lnk-header > .dropdown-content li a,
#top.inner-header .lnk-header > .dropdown-content li .droplink {
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 400;
  color: #ffffff;
  position: relative;
  padding-left: 20px;
}

#top.inner-header .lnk-header .dropdown-content li a::before,
#top.inner-header .lnk-header > .dropdown-content li .droplink::before {
  content: "";
  background-color: #ffffff;
  height: 9px;
  width: 9px;
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: calc(50% - 4.5px);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
.message .logo-sant {
  margin-bottom: 110px;
}
.message .title-content .description {
  width: 50%;
}
.message .title-content .title {
  color: #083783;
  font-size: 1.875rem;
  font-family: var(--poppins);
  line-height: 38px;
}
.message {
  background: #f4f4f4;
}
.message .bg {
  background: #fff;
  padding: 80px;
}
.message .title-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 35px;
}
.message .title-content .image {
  width: 158.88px;
}
.message .title-content .image img {
  width: 100%;
}
.message article b {
  font-weight: 500;
}
.message article,
.message .title-content blockquote {
  color: #535353;
  font-family: var(--ubuntu);
  font-size: 0.938rem;
  line-height: 30px;
  font-weight: 400;
  position: relative;
  display: block;
  width: 100%;
  margin-top: 15px;
}
.message article ul {
}
.message article ul li {
  font-weight: 500;
  line-height: 40px;
}
.message article ul li:before {
  content: "";
  background: #15588d;
  width: 7px;
  height: 7px;
  display: inline-block;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 20px;
}
/* == .saude == */
.dropdown.horizontal .dropdown-content {
  position: absolute;
  padding: 30px 0 40px 0;
  left: -2.5vw;
  right: -2.5vw;
  top: 78px;
}

.saude .dropdown-content,
.saude .dropdown-content li:hover {
  background-color: var(--saude-color-dark95);
}

#top.inner-header .lnk-header .dropdown-content li.dropdown {
  position: unset;
}

.box-img-cont {
  display: flex;
  width: 20%;
  position: relative;
  flex-direction: column;
  align-items: center;
  padding: 0 !important;
  margin: 0 15px 0 0;
}

.box-img-cont .image {
  aspect-ratio: 1/1;
  width: 100%;
  overflow: hidden;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.box-img-cont .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.box-img-cont a.link-full {
  position: absolute !important;
}

.box-img-cont a::before {
  display: none;
}

.box-img-cont .over-txt {
  z-index: 5;
  width: 80%;
  padding: 6px 4px;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 10%;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.box-img-cont.hover-effect:hover .over-txt {
  height: 100%;
  width: 100%;
  left: 0;
  border-radius: 5px;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.saude .box-img-cont .over-txt {
  background-color: var(--saude-color);
}

.saude .box-img-cont.hover-effect:hover .over-txt {
  background-color: transparent;
  background-image: linear-gradient(44deg, #003f70, #59b5c988);
}

.box-img-cont .title {
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
}

.box-img-cont h3.title {
  margin-top: 14px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.box-img-cont.hover-effect span.title {
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.saude .box-img-cont.hover-effect:hover span.title {
  color: #98dce8;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.box-img-cont .over-txt .desc {
  display: block;
  max-height: 0;
  margin: 0;
  text-align: center;
  font-family: var(--ubuntu);
  font-size: 0.85rem;
  font-weight: 400;
  color: #ffffff;
  opacity: 0;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.box-img-cont.hover-effect:hover .over-txt .desc {
  max-height: 100px;
  opacity: 1;
  margin: 10px;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.box-img-cont.hover-effect .btn.title {
  position: absolute;
  font-size: 0.78rem;
  bottom: 0;
  left: calc(50% - 44px);
  width: 88px;
  height: 25px;
  display: none;
  opacity: 0;
  align-items: center;
  background-color: transparent;
  border: solid 1px #5db6c6;
  justify-content: center;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.box-img-cont.hover-effect:hover .btn.title {
  display: flex;
  opacity: 1;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.btn-top-all {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 33px;
  width: 180px;
  font-family: var(--ubuntu) !important;
  font-size: 0.87rem !important;
  font-weight: 700 !important;
  position: absolute !important;
  padding: 0 !important;
  right: 2.5rem;
  bottom: -16px;
  border-radius: 19px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  -ms-border-radius: 19px;
  -o-border-radius: 19px;
}

.btn-top-all::before {
  display: none;
}

.saude .btn-top-all {
  background-color: var(--saude-color);
  color: #083783 !important;
}
/* == .osid == */
.dropdown.vertical {
  position: relative !important;
}

.dropdown.vertical .dropdown-content {
  top: 100%;
  left: 0;
  padding: 13px 0;
}

#top.inner-header .dropdown.vertical .dropdown-content {
  min-width: 215px;
}

#top.inner-header .dropdown.vertical .dropdown-content li {
  padding: 13px 20px;
}

#top.inner-header .dropdown.vertical .dropdown-content a {
  font-size: 0.75rem;
  line-height: 0.9rem;
}

.osid .box-img-cont .over-txt {
  background-color: var(--osid-color);
}

.osid .box-img-cont.hover-effect:hover .over-txt {
  background-color: transparent;
  background-image: var(--osid-color-gradient);
}

.osid .box-img-cont.hover-effect:hover span.title {
  color: var(--osid-color);
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.osid .dropdown-content,
.osid .dropdown-content li:hover {
  background-color: var(--osid-color-dark95);
}

.osid .btn-top-all {
  background-color: #003f70;
  color: #ffffff !important;
}
/* == .doe == */
.doe .box-img-cont .over-txt {
  background-color: var(--doe-color);
}

.doe .box-img-cont.hover-effect:hover .over-txt {
  background-color: transparent;
  background-image: var(--doe-color-gradient);
}

.doe .box-img-cont.hover-effect:hover span.title {
  color: var(--doe-color);
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.doe .dropdown-content,
.doe .dropdown-content li:hover {
  background-color: var(--doe-color-dark95);
}

.doe .btn-top-all {
  background-color: var(--doe-color);
  color: var(--doe-color-dark) !important;
}
/* == .educacao == */
.educacao .box-img-cont .over-txt {
  background-color: var(--educacao-color);
}

.educacao .box-img-cont.hover-effect:hover .over-txt {
  background-color: transparent;
  background-image: var(--educacao-color-gradient);
}

.educacao .box-img-cont.hover-effect:hover span.title {
  color: var(--educacao-color);
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.educacao .dropdown-content,
.educacao .dropdown-content li:hover {
  background-color: var(--educacao-color-dark95);
}

.educacao .btn-top-all {
  background-color: var(--educacao-color);
  color: var(--educacao-color-dark) !important;
}

/* == .santuario == */
.santuario .box-img-cont .over-txt {
  background-color: var(--santuario-color);
}

.santuario .box-img-cont.hover-effect:hover .over-txt {
  background-color: transparent;
  background-image: var(--santuario-color-gradient);
}

.santuario .box-img-cont.hover-effect:hover span.title {
  color: var(--santuario-color);
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.santuario .dropdown-content,
.santuario .dropdown-content li:hover {
  background-color: var(--santuario-color-dark95);
}

.santuario .btn-top-all {
  background-color: var(--santuario-color);
  color: var(--santuario-color-dark) !important;
}
/* ==== INNER PORTAL HEADER ==== */
/* ==== == PORTAL SAUDE == ==== */
/* ==== INDEX SAUDE ==== */
/* == .banner-subportal == */
.banner-subportal {
  min-height: 480px;
  height: calc(100vh - 155px);
  width: 100%;
  z-index: 0;
  margin: 0 auto;
}

/* .banner-subportal.scroll-banner {
    top: 155px;
} */

.banner-subportal--bdr-btm {
  border-bottom: solid 8px var(--osid-color);
}

.banner-subportal .btn-scroll {
  left: calc(50% - 25px);
}

.banner-subportal--bdr-btm.educacao {
  border-color: var(--educacao-color);
}
.banner-subportal--bdr-btm.saude {
  border-color: var(--saude-color);
}
.banner-subportal--bdr-btm.doe {
  border-color: var(--doe-color);
}
.banner-subportal--bdr-btm.santuario {
  border-color: var(--santuario-color);
}

.banner-subportal .splide__track,
.banner-subportal .splide__list {
  height: 100%;
}

.banner-subportal .splide__list {
  /* justify-content: center; */
}

.banner-subportal .splide__slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  /* max-width: calc(1366px + 5vw); */
  position: relative;
}
.banner-subportal.osid .filter {
  /* background-image: inherit; */
  /* position: inherit; */
  /* inset: inherit; */
  /* height: inherit; */
  /* width: inherit; */
  /* opacity: 0; */
  /* z-index: inherit; */
}
.banner-subportal .filter {
  position: absolute;
  inset: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(180deg, #00000022, #000000);
  opacity: 0.52;
  z-index: 0;
}
.link-full.mobile {
  display: none;
}
.banner-subportal .wrap {
  height: 100%;
  z-index: 2;
  align-items: center;
  justify-content: center;
}

.banner-subportal .icon {
  height: 68px;
  width: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-subportal .icon img {
  max-width: 100%;
  max-height: 100%;
}

.banner-subportal .title {
  font-family: var(--ubuntu);
  font-size: 4rem;
  font-weight: 500;
  color: #ffffff;
  line-height: 6rem;
  vertical-align: middle;
  text-align: center;
}

.banner-subportal .title span {
  font-weight: 300;
  font-size: 2.6rem;
  line-height: 2.81rem;
}

.banner-subportal .desc {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 1.37rem;
  line-height: 1.4rem;
  text-align: center;
  color: #000;
}
/* == .topics-subportal.saude == */
.topics-subportal {
  background-color: #f4f7f8;
  border-bottom: solid 8px;
}

.topics-subportal.saude {
  border-color: var(--saude-color-dark);
}

.topics-subportal .wrap {
  height: 98px;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  padding: 0;
}

.box-topic {
  width: calc(100% - 25%);
  height: 100%;
  position: relative;
  background-color: #f4f7f8;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.subportal-index .box-topic {
  width: 25%;
}

.box-topic:hover {
  background-color: #ffffff;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-topic .content {
  justify-content: center;
  position: relative;
  height: 100%;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.topics-subportal .box-topic .content::before {
  content: "";
  width: 0;
  height: 8px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.topics-subportal.saude .box-topic .content::before {
  background-color: var(--saude-color);
}

.topics-subportal .box-topic:hover .content::before {
  width: 100%;
  left: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-topic .icon {
  height: 40px;
  width: 40px;
  margin-right: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-topic .icon img {
  width: 100%;
  min-width: 35px;
  max-height: 100%;
}

.box-topic .title {
  font-family: var(--ubuntu);
  font-size: 1rem;
  font-weight: 500;
  color: #707070;
}
/* == .eng-slider-tall.saude == */
.eng-slider-tall.saude .wrap {
  padding-top: 0;
}

.eng-slider-tall.saude .box-tall-banner .title {
  color: var(--saude-color);
}

/* == .status-subportal == */
.status-subportal {
  margin: 0 auto;
  max-width: 1366px;
}
.status-subportal .wrap {
  padding: 50px 0;
}

.slider-status-subportal .splide__track,
.slider-status-subportal .splide__list {
  overflow: visible;
  width: 100%;
}

.box-status-subportal {
  height: 120px;
  width: 380px;
  border: solid 2px #dfe2ea;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-status-subportal .content {
  height: 95%;
  width: 95%;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.box-status-subportal .icon {
  height: 46px;
  width: 46px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-status-subportal .icon img {
  max-width: 100%;
  max-height: 100%;
}

.box-status-subportal .title {
  font-family: var(--ubuntu);
  font-size: 0.93rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #727272;
  text-align: left;
  vertical-align: middle;
}

.box-status-subportal .title span {
  display: block;
  font-size: 2.5rem;
  line-height: 2.75rem;
  color: #363636;
}

/* == .subportal-sec-serch.saude == */
.subportal-sec-search .wrap {
  padding: 0;
  width: 100%;
  height: 478px;
  max-width: 1366px;
  flex-direction: row;
}

.subportal-sec-search .left {
  height: 100%;
  width: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.subportal-sec-search .right {
  height: 100%;
  width: 50%;
  min-width: 580px;
  padding: 50px 10% 190px 3%;
  background-color: var(--saude-color);
}

.subportal-sec-search .right .content {
  min-width: 500px;
  align-items: start;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}

.subportal-sec-search .right .title {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 1.87rem;
  line-height: 2.19rem;
  color: #f5f9fa;
}

.subportal-sec-search .eng-sub-topics {
  width: 100%;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  justify-content: space-around;
}

.subportal-sec-search .subtopic {
  width: calc(25% - 10px);
  margin: 0 5px;
  max-width: 135px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.subportal-sec-search .subtopic .icon {
  position: relative;
  height: 46px;
  width: 46px;
  margin-bottom: 10px;
  background-color: #a7e0e4;
  border-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.subportal-sec-search .subtopic .icon img {
  max-height: 21px;
  max-width: 21px;
}

.subportal-sec-search .subtopic .title {
  font-size: 1rem;
  text-align: center;
  line-height: 1.19rem;
  color: #ffffff;
  width: 100%;
}

form.form-absl {
  position: absolute;
  width: 90%;
  height: 79px;
  background-color: #fdfcfc;
  box-shadow: 0px 24px 20px #0000000d;
  bottom: 60px;
  left: 5%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

form.form-absl .icon {
  height: 100%;
  width: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.saude form.form-absl .icon {
  margin-left: 40px;
}

form.form-absl .icon img {
  width: 100%;
  height: auto;
}

form.form-absl select,
form.form-absl input {
  width: calc(100% - 290px);
  outline: none;
  border: none;
  height: 100%;
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1.37rem;
  color: #346a82;
}

form.form-absl input::-webkit-input-placeholder {
  /* Edge */
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1.37rem;
  color: #346a82;
}

form.form-absl input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1.37rem;
  color: #346a82;
}

form.form-absl input::placeholder {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1.37rem;
  color: #346a82;
}

form.form-absl button {
  height: 100%;
  width: 190px;
  background-color: #a7e0e4;
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 1.12rem;
  color: #575757;
  border: none;
}

/* == .news-module.saude == */
.news-module.saude .eng-ttl > .title {
  color: var(--saude-color);
}

.news-module.saude .eng-videos .left {
  background-color: var(--saude-color);
}

.news-module.saude .box-videos-nav.is-active {
  background-color: var(--saude-color);
  border: solid 1px var(--saude-color-dark) !important;
}

.news-module.saude .news-videos-nav .splide__track::before {
  background-color: var(--saude-color-dark);
}

.news-module.saude .btn-blue {
  color: var(--saude-color-dark);
  background-color: var(--saude-color);
  border-color: var(--saude-color-dark);
}

.news-module.saude .btn-blue:hover {
  color: var(--saude-color);
  background-color: var(--saude-color-dark);
  border-color: var(--saude-color);
}
/* == .feed-index.saude == */
.feed-index {
  overflow: hidden;
  max-width: 1366px;
  margin: 0 auto;
}

.feed-index .wrap {
  max-width: 1170px;
  overflow: visible;
  padding-bottom: 120px;
}

.feed-index .wrap > .title {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 2.75rem;
  color: #363636;
  text-align: center;
  width: 90%;
  max-width: 700px;
  margin-bottom: 60px;
}

.slider-feed-index,
.slider-feed-index .splide__track,
.slider-feed-index .splide__list {
  width: 100%;
  overflow: visible;
}

.slider-feed-index .splide__pagination {
  bottom: -40px;
  justify-content: start;
  padding: 0;
}

.slider-feed-index .splide__pagination button {
  height: 14px;
  width: 14px;
  background-color: #707070;
  opacity: 0.3;
}

.slider-feed-index .splide__pagination button.is-active {
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.box-feed.project-home .image {
  aspect-ratio: inherit;
}
.box-feed {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: start;
  position: relative;
  overflow: hidden;
}

.box-feed .image {
  aspect-ratio: 1/1;
  width: 100%;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.box-feed .image img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.box-feed .content .file {
  position: relative;
  display: block;
  width: 100%;
}
.box-feed .content {
  width: 100%;
  background-color: #f5f9fa;
  justify-content: start;
  min-height: 110px;
  height: auto;
  padding: 20px 20px 15px 36px;
}

.box-feed .content::before {
  content: "";
  width: 24px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 27px;
  background-color: var(--saude-color);
}

.box-feed .content .title {
  width: 100%;
  font-family: var(--poppins);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.1rem;
  color: #363636;
  text-align: left;
}
.box-feed .content .down .title {
  width: 100%;
  font-family: var(--poppins);
  font-size: 1rem;
  font-weight: 500;
  color: #363636;
  display: inline-block;
  vertical-align: middle;
}
.box-feed .content .down {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: baseline;
  margin-top: 15px;
}
.box-feed .content .down img {
  width: 21px;
  margin-right: 9px;
}
.box-feed .btn-arrow {
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  position: absolute;
  right: 15px;
  bottom: 10px;
  font-size: 13px;
  color: var(--saude-color);
  border: solid 2px var(--saude-color);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  justify-content: center;
}

.btn-see-all {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1.37rem;
  color: #707070;
  vertical-align: middle;
  position: absolute;
  right: 5%;
  bottom: 50px;
}

.btn-see-all .icon-text {
  margin-left: 15px;
}
/* .sec-content.saude.index */
.sec-content {
  position: relative;
}
.sec-content .wrap {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0;
}

.sec-content.index::before {
  content: "";
  z-index: -1;
  position: absolute;
  inset: 90px 0 0 0;
  background-color: #f4f7f8;
}

.sec-content .left {
  width: 47%;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.sec-content .left.full {
  width: 100%;
}

.sec-content .title {
  font-family: var(--ubuntu);
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 2.75rem;
  text-align: left;
  color: #363636;
  margin-bottom: 40px;
}

.sec-content .title.ttl-sec-content .icon {
  width: 40px;
  height: auto;
  margin-right: 15px;
}

.sec-content .desc {
  width: 100%;
  height: auto;
  padding: 0 25px;
  margin-top: 40px;
}

.sec-content .desc.scroll {
  height: 350px;
  overflow-y: scroll;
}

.sec-content.index .desc {
  height: 150px;
}

::-webkit-scrollbar {
  /*width*/
  width: 7px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

::-webkit-scrollbar-track {
  /* Track */
  background: #dee2ea4d;
}

::-webkit-scrollbar-thumb {
  /*Handle*/
  background: #08378333;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  /* Handle on hover */
  background: #0837834d;
}

.sec-content .desc,
.sec-content .desc p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.94rem;
  line-height: 1.75rem;
  text-align: left;
  color: #707070;
}

.sec-content .desc p {
  margin-bottom: 0.93rem;
}

.sec-content .btn-doe {
  height: 45px;
  width: 190px;
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--nunito);
  font-size: 1rem;
  font-weight: 700;
  color: #f0f0f0;
  background-color: var(--saude-color);
  border: solid 1px var(--saude-color);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  -ms-border-radius: 24px;
  -o-border-radius: 24px;
}

.sec-content .btn-doe:hover {
  background-color: transparent;
  color: var(--saude-color);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.sec-content .right {
  width: 50%;
  /* min-height: 530px; */
  height: auto;
  position: relative;
}

.sec-content .right .image {
  width: 95%;
  height: 95%;
  position: relative;
  z-index: 0;
  margin-left: 5%;
  margin-top: 5%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.sec-content.index .right .image {
  width: 90%;
  height: 90%;
}

.sec-content .right .image img {
  object-fit: cover;
  width: 100%;
  height: auto;
  min-height: 100%;
}

.sec-content .right::before {
  content: "";
  background-color: transparent;
  border: var(--saude-color) solid 1px;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  height: 95%;
  width: 95%;
  border-radius: 16px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  -o-border-radius: 16px;
}

.sec-content.index .right::before {
  width: 90%;
  height: 90%;
  top: 5%;
}

/* areas de links */
.sec-content:not(.index) .wrap.eng-links {
  padding: 0 0 30px 0;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
}

.sec-content .eng-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  gap: 10px;
  margin-top: 20px;
}

.link-download,
.link-routing {
  display: flex;
  background: var(--osid-color-light);
  align-items: center;
  justify-content: center;
  min-height: 42px;
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.93rem;
  color: #fff;
  border: solid 1px var(--osid-color-light);
  padding: 10px 30px;
  margin: 5px 3px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.link-routing {
  background-color: var(--saude-color);
  color: #ffffff;
}

.link-routing:hover {
  color: var(--saude-color);
  background-color: transparent;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.link-download:hover {
  color: #ffffff;
  background-color: var(--osid-color-light);
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.link-download .icon {
  height: auto;
  width: 24px;
  margin-left: 25px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
  filter: brightness(10) saturate(0.1) contrast(10);
}

.link-sqr-hvr {
  padding: 10px 30px;
  font-family: var(--poppins);
  font-weight: 300;
  font-size: 0.93rem;
  color: var(--saude-color);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid var(--saude-color);
  transition: all ease 0.1s;
  -webkit-transition: all ease 0.1s;
  -moz-transition: all ease 0.1s;
  -ms-transition: all ease 0.1s;
  -o-transition: all ease 0.1s;
}

.link-sqr-hvr span {
  padding: 10px 25px;
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 0.93rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--saude-color);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  transition: all ease 0.1s;
  -webkit-transition: all ease 0.1s;
  -moz-transition: all ease 0.1s;
  -ms-transition: all ease 0.1s;
  -o-transition: all ease 0.1s;
}

.link-sqr-hvr:hover span {
  top: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
/* == .banner-publi */
.banner-publi {
  position: relative;
  display: none;
}

.banner-publi .wrap {
  width: 100%;
  max-width: 1366px;
  padding-bottom: 0;
}

.banner-publi img {
  width: 100%;
  height: auto;
}
/* ==== END INDEX SAUDE ==== */
/* ==== FEED SAUDE ==== */
/* == .banner-feed.saude == */
.banner-inner {
  /* max-width: 1366px; */
  margin: 0 auto;
  /* margin-top: 78px; */
  position: relative;
  /* overflow: hidden; */
  background-color: #ebeef3;
  height: 300px;
}

.banner-inner .wrap {
  width: 100%;
  max-width: inherit;
  flex-direction: row;
  padding: 0;
  height: 100%;
}

.banner-inner .left {
  width: 45%;
  height: 100%;
  padding: 40px 2.5% 40px 5%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.banner-inner .title {
  font-family: var(--poppins);
  font-size: 2rem;
  line-height: 2.37rem;
  font-weight: 300;
  color: #083783;
  position: relative;
  text-align: left;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.banner-inner .title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 6px;
  width: 94px;
  background-color: var(--saude-color);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.banner-inner .title span {
  display: block;
  font-weight: 600;
}

.banner-inner .left .desc {
  width: 100%;
  position: relative;
}

.banner-inner .left .desc,
.banner-inner .left .desc p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.94rem;
  line-height: 1.5rem;
  color: #727272;
}

.banner-inner .right {
  width: 55%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
}

.banner-inner .right img {
  object-fit: cover;
  width: auto;
  z-index: 0;
  height: 100%;
}

.stripes-bf-af::before,
.stripes-bf-af::after {
  content: "";
  height: 100%;
  width: 35px;
  background-color: #ebeef3;
  opacity: 0.9;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.stripes-bf-af::before {
  width: 12px;
  opacity: 0.7;
  left: 40px;
}

/* == .breadcrumbs.saude == */
.breadcrumbs .wrap {
  width: 100%;
  max-width: 1366px;
  padding: 0;
}

.breadcrumbs .navegation {
  padding: 20px 5%;
  width: 100%;
  background-color: #f2f6f7d9;
  display: flex;
  align-items: center;
  justify-content: start;
}

.breadcrumbs .link-index {
  height: 16px;
  width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}

.breadcrumbs .link-index img {
  width: 100%;
  height: auto;
}

.breadcrumbs .navegation ul {
  display: flex;
  align-items: center;
  justify-content: start;
}

.breadcrumbs li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
}

.breadcrumbs li.crumb:not(:last-of-type)::after {
  content: ">";
  position: relative;
  margin: 0 13px;
  font-family: var(--poppins);
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--saude-color);
}

.breadcrumbs li:not(.crumb),
.breadcrumbs li a {
  font-family: var(--poppins);
  font-weight: 400;
  font-size: 0.7rem;
  color: #747474;
  opacity: 0.6;
  position: relative;
}

.breadcrumbs li.crumb a {
  font-weight: 600;
  font-size: 1.06rem;
  color: var(--saude-color);
  opacity: 1;
}

.breadcrumbs li:not(.crumb)::after,
.breadcrumbs li a::after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #747474;
  position: absolute;
  left: 50%;
  bottom: -3px;
  opacity: 0.6;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.breadcrumbs li.crumb a::after {
  height: 2px;
  bottom: -5px;
  background-color: var(--saude-color);
  opacity: 1;
}

.breadcrumbs li:not(.crumb):hover:after,
.breadcrumbs li a:hover:after {
  left: 0;
  width: 100%;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.eng-ttl-desc {
  width: 100%;
  padding: 30px 5%;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.eng-ttl-desc .title {
  position: relative;
  padding-left: 50px;
  font-family: var(--poppins);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
  text-align: left;
  color: #363636;
}

.eng-ttl-desc .title::before {
  content: "";
  height: 8px;
  width: 30px;
  background-color: var(--saude-color);
  position: absolute;
  left: 0;
  top: 10px;
}

.eng-ttl-desc .desc {
  padding: 0 50px;
}

.eng-ttl-desc .title + .desc {
  margin-top: 10px;
}

.eng-ttl-desc .desc,
.eng-ttl-desc .desc p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.93rem;
  line-height: 1.1rem;
  color: #535353;
  text-align: left;
}
/* == .sec-pg-feed.saude == */
.sec-pg-feed .wrap {
  flex-flow: row wrap;
  align-items: start;
  padding: 50px 0 80px 0;
  justify-content: start;
}

.sec-pg-feed .box-feed {
  margin: 10px 7px;
  width: calc(25% - 14px);
}

.box-feed .desc {
  width: 100%;
  text-align: left;
  font-family: var(--poppins);
  font-size: 0.81rem;
  line-height: 1rem;
  font-weight: 300;
  color: var(--saude-color);
  margin-top: 13px;
}

.btn-feed {
  width: 100%;
  height: 30px;
  position: relative;
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 0.8rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  background-color: var(--saude-color);
  border: solid 1px var(--saude-color);
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.btn-feed:not(.active),
.btn-feed:hover {
  background-color: transparent;
  color: var(--saude-color);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.btn-feed:not(.active) {
  cursor: not-allowed;
}
/* ==== END FEED SAUDE ==== */
/* ==== FEED SAUDE ==== */
/* == .banner-content.saude == */
.banner-content {
  height: 470px;
}

.banner-content .title {
  font-size: 1rem;
  line-height: 1.2rem;
}

.banner-content .title span {
  font-size: 2rem;
  line-height: 2.37rem;
}

.banner-inner ul {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.banner-inner li {
  padding-left: 20px;
  width: 48%;
  height: 40px;
  position: relative;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.banner-inner li::before {
  content: "";
  background-color: var(--saude-color);
  height: 8px;
  width: 8px;
  position: absolute;
  left: 0;
  top: calc(50% - 4px);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.banner-inner li a {
  font-family: var(--ubuntu);
  font-size: 0.91rem;
  font-weight: 500;
  color: #2b2b2b;
  text-align: left;
  vertical-align: middle;
}
/* == .topics-content.saude == */
.topics-content {
  background-color: #f2f6f7;
  margin: 0 auto;
  max-width: inherit;
}

.topics-content .wrap {
  height: 98px;
  width: 100%;
  flex-direction: row;
  justify-content: start;
  padding: 0;
  gap: 0;
}

.topics-content .box-topic .content {
  margin: 0 auto;
}

.topics-content .box-topic .title {
  font-size: 0.87rem;
  line-height: 1rem;
  text-align: left;
  color: #575757;
  max-width: calc(100% - 53px);
}

.topics-content .box-topic .title span {
  display: block;
  font-size: 1rem;
  line-height: 1.62rem;
  color: #363636;
}

.topics-content .box-topic .link-full ~ .title span {
  text-decoration: underline;
}
/* == .sec-content:not(.index).saude == */
.sec-content:not(.index) {
  border-bottom: solid 1px #dee2ea;
}

/* .sec-content:not(.index)::before */
.sec-content .bg-detail {
  content: "";
  height: 1px;
  background-color: #dee2ea;
  z-index: -1;
  position: absolute;
  left: 0;
  right: 0;
  top: 120px;
}

/* .sec-content:not(.index):nth-of-type(odd):before */
.sec-content:nth-of-type(odd) .bg-detail {
  height: auto;
  bottom: 0;
}

.sec-content:not(.index) .wrap {
  align-items: start;
  flex-wrap: wrap;
  padding: 60px 0;
}

.sec-content:not(.index) .wrap.gallery-content {
  padding: 0 0 60px 0;
}

.title.ttl-sec-content {
  font-family: var(--poppins);
  font-size: 1.87rem;
  font-weight: 600;
  line-height: 2.37rem;
  color: #083783;
  margin-bottom: 37px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.sec-content .desc ul {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  justify-content: space-around;
}

.sec-content .desc li {
  position: relative;
  width: 50%;
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: start;
  text-align: left;
  vertical-align: middle;
  font-family: var(--ubuntu);
  font-size: 0.91rem;
  font-weight: 400;
  line-height: 1.2rem;
  color: #535353;
  margin-bottom: 10px;
}

.sec-content li::before {
  content: "";
  background-color: #363636;
  opacity: 0.4;
  height: 8px;
  width: 8px;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.gallery-content {
  width: 100%;
  max-width: 1366px;
  padding: 0 0 60px 0;
}

.box-gallery {
  height: 255px;
  width: 325px;
  margin-right: 22px;
}
/* == .sec-faq.saude == */
.sec-faq .wrap {
  align-items: start;
}

.sec-faq .title.ttl-sec-content {
  margin-bottom: 40px;
}

.eng-questions,
.box-faq,
.box-faq .question,
.box-faq .question .icon-text,
.box-faq .answer {
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.eng-questions {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box-faq {
  position: relative;
  width: calc(50% - 10px);
  margin-bottom: 10px;
  min-height: 90px;
  border: solid 1px #c5c8d3;
}

.box-faq.is-open {
  padding-bottom: 20px;
  transition: all ease 0.3;
  -webkit-transition: all ease 0.3;
  -moz-transition: all ease 0.3;
  -ms-transition: all ease 0.3;
  -o-transition: all ease 0.3;
}

.box-faq .question {
  position: relative;
  height: 90px;
  width: 100%;
  padding: 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-faq .question::before {
  content: "";
  background-color: var(--saude-color);
  height: 10px;
  width: 30px;
  position: absolute;
  left: 0;
  top: calc(50% - 5px);
}

.box-faq .title {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.4rem;
  color: #535353;
  text-align: left;
  vertical-align: middle;
}

.box-faq .question .icon-text {
  font-size: 2rem;
  color: #707070;
  position: absolute;
  opacity: 0.4;
  right: 20px;
  top: calc(50% - 16px);
}

.box-staff.is-open .icon-text,
.box-faq.is-open .question .icon-text {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transition: all ease 0.6s;
  -webkit-transition: all ease 0.6s;
  -moz-transition: all ease 0.6s;
  -ms-transition: all ease 0.6s;
  -o-transition: all ease 0.6s;
}

.box-faq .answer {
  margin: 0;
  width: 100%;
  padding: 0 7%;
}

.box-faq .answer,
.box-faq .answer p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1rem;
  color: #535353;
  text-align: left;
  vertical-align: middle;
}
/* == .sec-schedule.saude == */
.sec-schedule .wrap {
  padding-top: 0;
  align-items: start;
}

.sec-schedule .title.ttl-sec-content {
  margin-bottom: 60px;
}

.eng-schedule-dates {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.box-schedule {
  width: calc(25% - 20px);
  margin: 0 10px 30px 10px;
  background-color: #f4f4f4;
}

.box-schedule .dt_sttl,
.box-schedule .ttl_month {
  height: 69px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.box-schedule .ttl_month {
  height: 65px;
  background-color: #083783;
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 1.37rem;
  letter-spacing: 0.2rem;
  color: #ffffff;
  text-align: center;
}

.box-schedule .ttl_month::before {
  content: "";
  background-color: var(--saude-color);
  height: 8px;
  width: 60px;
  z-index: 10;
  position: absolute;
  bottom: -4px;
  left: calc(50% - 30px);
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
}

.box-schedule tr + tr .dt_sttl {
  border-top: 1px solid #70707033;
}

.box-schedule .sttl {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.81rem;
  color: #000000;
  text-align: center;
}

.box-schedule .date {
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 1.37rem;
  margin-top: 3px;
  letter-spacing: 0.2rem;
  color: #083783;
}
/* == .sec-specialities.saude == */
.sec-specialities {
  background-image: linear-gradient(to bottom, #ebeef300 90px, #ebeef3 90px);
  margin-top: 40px;
}

.sec-specialities .wrap {
  padding-top: 0px;
}

.slider-tabs,
.slider-tabs .splide__track,
.slider-tabs .splide__list {
  width: 100%;
  overflow: visible;
}

.nav-tabs {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: start;
}

.sec-specialities .nav-tabs li {
  height: 90px;
  width: auto;
}

.sec-specialities .nav-link {
  height: 100%;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  border: none;
  padding: 0 40px;
  border-radius: 29px 29px 0 0;
  -webkit-border-radius: 29px 29px 0 0;
  -moz-border-radius: 29px 29px 0 0;
  -ms-border-radius: 29px 29px 0 0;
  -o-border-radius: 29px 29px 0 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.sec-specialities .nav-link.active {
  background-color: #ebeef3;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.sec-specialities .nav-link .title {
  font-family: var(--poppins);
  font-weight: 600;
  font-size: 1.87rem;
  line-height: 2.37rem;
  text-align: left;
  color: #083783;
}

.sec-specialities .nav-link .subtitle {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.81rem;
  line-height: 0.87rem;
  color: #707070;
  text-align: left;
  opacity: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.sec-specialities .nav-link.active .subtitle {
  opacity: 1;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.tab-content {
  width: 100%;
  margin-top: 50px;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.tab-pane > ul {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
}

.tab-pane .dropdown {
  position: relative;
  width: calc(20% - 10px);
  /* height: 100%; */
  margin: 0 5px 10px 5px;
  border-radius: 11px 11px 0 0;
  -webkit-border-radius: 11px 11px 0 0;
  -moz-border-radius: 11px 11px 0 0;
  -ms-border-radius: 11px 11px 0 0;
  -o-border-radius: 11px 11px 0 0;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}

.tab-pane .dropdown:hover {
  background-color: #ffffff;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}

.tab-pane .droplink,
.tab-pane .dropdown-content a {
  position: relative;
  font-family: var(--ubuntu);
  font-size: 0.94rem;
  font-weight: 500;
  color: #2b2b2b;
}

.tab-pane .droplink {
  height: 100%;
  margin: 0 10px;
  padding: 20px 20px 20px 30px;
  border-bottom: solid #70707033 1px;
}

.tab-pane .dropdown-content a {
  padding: 10px 20px 10px 30px;
  margin: 0 20px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.tab-pane .droplink::before,
.tab-pane .dropdown-content a::before {
  content: "";
  height: 8px;
  width: 8px;
  background-color: var(--saude-color);
  position: absolute;
  left: 10px;
  top: 24px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.tab-pane .dropdown-content a::before {
  background-color: #d3d3d3;
}

.tab-pane .dropdown-content li:hover {
  background-color: transparent;
}

.tab-pane .dropdown-content {
  background-color: transparent;
  width: 100%;
  padding: 10px 0;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 0 0 11px 11px;
  -webkit-border-radius: 0 0 11px 11px;
  -moz-border-radius: 0 0 11px 11px;
  -ms-border-radius: 0 0 11px 11px;
  -o-border-radius: 0 0 11px 11px;
}
/* == .modal-speciality.saude == */
.backdrop-modal {
  display: none;
  background-color: #00000066;
  position: fixed;
  inset: 0;
  z-index: 99;
}

.backdrop-modal.active {
  display: block;
}

.modal-speciality {
  padding: 10px;
  display: none;
  background-color: #fff;
  box-sizing: content-box;
  overflow: hidden;
  z-index: 100;
  position: fixed;
  top: 5vh;
  left: calc(50% - 35vw);
  width: 70vw;
  height: auto;
  max-height: 90vh;
  opacity: 0;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.modal-speciality.active {
  opacity: 1;
  display: block;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.modal-speciality .content {
  overflow-y: auto;
  width: 100%;
}

.modal-speciality .eng-ttl {
  width: 100%;
  padding: 15px 40px;
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: #083783;
  position: relative;
}
.modal-speciality.santuario .eng-ttl .title:before {
  content: "";
  background: var(--santuario-color);
  height: 10px;
  width: 38px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px;
}
.modal-speciality.santuario .eng-ttl .title {
  margin: 0 auto;
  padding: 0;
  /* line-height: 8px; */
  color: #2b2b2b;
  font-size: 1.45rem;
  display: table;
  width: 100%;
  font-weight: 700;
}
.modal-speciality.santuario .eng-ttl {
  background: inherit;
  padding: 32px 0;
  padding-bottom: 0;
}
.modal-speciality.santuario .close-modal {
  top: 8px;
  color: var(--santuario-color);
}

.modal-speciality.santuario .description {
  display: table;
  width: 100%;
  padding: 0 20px;
  margin: 19px 0;
}

.modal-speciality.santuario .description,
.modal-speciality.santuario .description p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #2b2b2b;
  text-align: left;
}

.modal-speciality.santuario p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #2b2b2b;
  text-align: left;
  display: table;
  width: 100%;
  padding: 0 20px;
  margin: 19px 0;
}
.modal-speciality.santuario.testimony.active {
  max-height: inherit;
  height: 50vh;
  width: 60vw;
  max-width: 810px;
}
.modal-speciality.santuario ul {
  display: block;
  width: 90%;
  margin: 25px 0;
}
.modal-speciality.santuario ul li {
  color: #2b2b2b;
  font-size: 1rem;
  display: table;
  width: 100%;
  font-weight: normal;
  font-family: var(--ubuntu);
  position: relative;
  padding-left: 15px;
}
.modal-speciality.santuario ul li:before {
  background-color: var(--santuario-color);
  opacity: 1;
}
.modal-speciality.santuario.active {
  top: 50%;
  transform: translate(-50%, -50%);
  width: 45vw;
  left: 50%;
  height: 100%;
  max-height: 240px;
  border-radius: 17px;
}
.close-modal {
  color: #e6e6e6;
  background-color: transparent;
  border: none;
  position: absolute;
  right: 10px;
  top: 17px;
  font-family: var(--ubuntu);
  font-size: 1rem;
  font-weight: 500;
}

.modal-speciality.doe .title,
.modal-speciality .title {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 1.43rem;
  line-height: 2.1rem;
  color: #e6e6e6;
}

.modal-speciality .desc,
.modal-speciality .eng-links-download {
  width: 90%;
}

.modal-speciality .desc {
  border-bottom: solid 1px #7070704d;
  margin: 40px 0 26px 0;
  padding-bottom: 30px;
}

.modal-speciality .desc,
.modal-speciality .desc p,
.modal-speciality .desc li,
.modal-speciality .desc a {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.94rem;
  line-height: 1.9rem;
  vertical-align: middle;
  text-align: left;
  color: #535353;
}

.modal-speciality .desc ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 0;
}

.modal-speciality .desc li {
  position: relative;
  padding: 10px 5px 10px 20px;
  width: calc(50% - 10px);
  margin-right: 10px;
}

.modal-speciality .desc li::before {
  content: "";
  height: 8px;
  width: 8px;
  background-color: #363636;
  left: 0;
  top: 20px;
  position: absolute;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.modal-speciality .eng-links-download {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 90%;
  margin-bottom: 40px;
}

.modal-speciality .eng-links-download a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ubuntu);
  font-size: 0.94rem;
  font-weight: 400;
  color: #efefef;
  background-color: #15588d;
  border: 1px solid #15588d;
  height: 37px;
  width: 150px;
  margin: 4px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.modal-speciality .eng-links-download a:hover {
  color: #15588d;
  background-color: transparent;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.modal-speciality .outter-link {
  height: 44px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--ubuntu);
  font-size: 0.94rem;
  font-weight: 400;
  color: #083783;
  background-color: #e6e6e6;
}
/* ==== END CONTENT SAUDE ==== */
/* ==== SPECIALITIS SAUDE ==== */
/* == .banner-specialities.saude == */
.banner-specialities {
  height: 350px;
}

.banner-specialities .left {
  justify-content: start;
}
/* ==== END SPECIALITIS SAUDE ==== */
/* ==== == END PORTAL SAUDE == ==== */
/* ==== == PORTAL OSID == ==== */
/* ==== INDEX-OSID ==== */
/* == .topics-subportal.osid == */
.topics-subportal.osid {
  border-color: var(--osid-color-light);
  margin: 0 auto;
  max-width: 1366px;
}

.topics-subportal.osid .box-topic .content::before {
  background-color: var(--osid-color);
}
/* == .eng-slider-tall.osid == */
.eng-slider-tall.osid .wrap {
  padding: 0;
}

.eng-slider-tall.osid .box-tall-banner .title {
  color: var(--osid-color-light);
}
/* == .feed-index.osid == */
.osid .box-feed .content::before {
  top: 22px;
  background-color: var(--osid-color-light);
}
/* ==== END INDEX-OSID ==== */
/* ==== CONTENT-OSID ==== */
/* == .breadcrumbs.osid == */
.osid.breadcrumbs li.crumb::after,
.osid.breadcrumbs li.crumb a {
  color: var(--osid-color);
}

.osid.breadcrumbs li.crumb a::after,
.osid .eng-ttl-desc .title::before {
  background-color: var(--osid-color);
}
/* == .sec-content.osid == */
.sec-content.osid:not(.index):nth-of-type(odd):before {
  height: 1px;
  bottom: unset;
}

.sec-content.osid:not(.index):nth-of-type(even):before {
  height: auto;
  bottom: 0;
}

.osid ::-webkit-scrollbar-track {
  /* Track */
  background: #d5d5d5;
}

.osid ::-webkit-scrollbar-thumb {
  /*Handle*/
  background: var(--osid-color);
}

.osid ::-webkit-scrollbar-thumb:hover {
  /* Handle on hover */
  background: var(--osid-color-dark);
}
.osid .link-routing {
  background-color: var(--osid-color-light);
  color: #ffffff;
}

.osid .link-routing:hover {
  color: var(--osid-color-light);
  background: transparent;
}

.osid .link-sqr-hvr {
  color: var(--osid-color);
  border-bottom: 1px solid var(--osid-color);
}

.osid .link-sqr-hvr span {
  background-color: var(--osid-color);
}

.osid .box-faq .question {
  justify-content: left;
}
/* ==== END CONTENT-OSID ==== */
/* ==== FEED-OSID ==== */
.banner-inner.osid .title::before {
  background-color: var(--osid-color-light);
}

.osid .box-feed .desc,
.osid .box-feed .desc p,
.box-feed li {
  color: #535353;
  vertical-align: middle;
}

.box-feed ul {
  margin-top: 0px;
}

.box-feed li {
  padding-left: 20px;
  text-align: left;
  position: relative;
}

.box-feed li::before {
  content: "";
  background-color: var(--osid-color-light);
  position: absolute;
  top: 5px;
  left: 0;
  height: 5px;
  width: 5px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}
/* ==== END FEED-OSID ==== */
/* ==== FEED-LINKS-OSID ==== */
/* == .feed-links-categories == */
.feed-links-categories .wrap {
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 35px 0 0 0;
}

.feed-links-categories li {
  margin: 7px;
}

.category-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 0.93rem;
  color: var(--osid-color);
  border: solid 1px var(--osid-color);
  background-color: transparent;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.category-link:hover,
.category-link.active {
  background-color: var(--osid-color);
  color: #ffffff;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}
/* == .sec-pg-feed.osid == */
.osid .btn-feed {
  background-color: var(--osid-color-light);
  border: solid 1px var(--osid-color-light);
}

.btn-feed:not(.active),
.btn-feed:hover {
  background-color: transparent;
  color: var(--osid-color-light);
}
/* ==== END FEED-LINKS-OSID ==== */
/* ==== MEETINGS-OSID ==== */
.meeting-docs .wrap {
  align-items: start;
  padding-top: 50px;
}

.osid .title.ttl-sec-content {
  color: var(--osid-color);
  /* margin-bottom: 37px; */
}

.docs-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.box-doc {
  position: relative;
  width: 100%;
  padding: 20px 40px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  border: #e6e6e6 solid 1px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-doc:hover {
  border-color: #e6e6e6b3;
  box-shadow: 0px 0px 25px #e6e6e6;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-doc + .box-doc {
  margin-top: 20px;
}

.box-staff::before,
.box-doc::before {
  content: "";
  height: 8px;
  width: 27px;
  background-color: var(--osid-color-light);
  position: absolute;
  left: 0;
  top: 35px;
}

.box-doc .left {
  display: flex;
  align-items: start;
  flex-direction: column;
  justify-content: start;
}

.box-doc .title {
  font-family: var(--ubuntu);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.9rem;
  color: #363636;
  text-align: left;
}

.box-doc .date {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1.12rem;
  line-height: 1.3rem;
  text-align: left;
  color: var(--osid-color-light);
}

.box-doc .right {
  font-family: var(--ubuntu);
  font-size: 1.12rem;
  font-weight: 400;
  color: #535353;
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.box-doc .right .icon {
  width: 28px;
  height: auto;
  margin-left: 15px;
}
/* ==== END MEETINGS-OSID ==== */
/* ==== CHART-OSID ==== */
.chart-pg .wrap {
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
}

.chart-pg .left {
  width: calc(100% - 360px);
}

.chart-pg .left ul {
  width: 100%;
}

.box-staff {
  width: 100%;
  padding: 25px 40px;
  background-color: #ffffff;
  border: solid #e6e6e6 1px;
  position: relative;
}

.box-staff + .box-staff {
  margin-top: 3px;
}

.box-staff:nth-child(even) {
  background-color: #f8f9fb;
}

.box-staff .colapsinho__head,
.box-staff .colapsinho__body,
.box-staff ul {
  width: 100%;
}

.box-staff .colapsinho__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-staff .title {
  font-family: var(--ubuntu);
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8rem;
  text-align: left;
  vertical-align: middle;
  margin-bottom: 10px;
}

.box-staff .icon-text {
  font-size: 1.5rem;
  color: var(--osid-color-light);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.box-staff .name,
.box-staff .name p {
  width: 100%;
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.3rem;
  text-align: left;
  vertical-align: middle;
  color: var(--osid-color-light);
}

.chart-pg .right {
  width: 340px;
}

.osid .box-chart .image {
  height: auto;
}

.osid .box-chart .image img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.osid .box-chart .title {
  font-size: 0.87rem;
  margin-bottom: 20px;
}

.box-chart .btn-feed {
  justify-content: space-around;
  background-color: transparent;
  color: var(--osid-color-light);
}

.box-chart .btn-feed:hover {
  background-color: var(--osid-color-light);
  color: #ffffff;
}
/* ==== END CHART-OSID ==== */
/* ==== STRATEGIC-PLANNING-OSID ==== */
.box-strategic-plan {
  width: calc(33% - 20px);
  margin: 0 10px 20px 10px;
  background-color: #f4f4f4;
  position: relative;
}

.box-strategic-plan header {
  position: relative;
  width: 100%;
  padding: 20px 5%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-strategic-plan header::after {
  content: "";
  background-color: #ffffff;
  height: 8px;
  width: 56px;
  position: absolute;
  bottom: -4px;
  left: calc(50% - 28px);
  border-radius: 22px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  -ms-border-radius: 22px;
  -o-border-radius: 22px;
}

.box-strategic-plan .title {
  font-family: var(--ubuntu);
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  color: #fbfcf766;
}

.box-strategic-plan .title span {
  font-weight: 700;
  display: block;
  margin-top: 8px;
  color: #ffffff;
}
.box-strategic-plan .content .image {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 300px;
  margin-bottom: 15px;
}
.box-strategic-plan .content .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.box-strategic-plan .content {
  padding: 25px 5%;
  width: 100%;
  min-height: 330px;
}

.box-strategic-plan .subtitle {
  font-family: var(--ubuntu);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.14rem;
  color: var(--osid-color);
  margin-bottom: 21px;
}
.box-strategic-plan .btn-download-file {
  display: block;
  text-align: center;
  width: 100%;
  padding-bottom: 20px;
}
.box-strategic-plan .btn-download-file img {
  width: 100%;
  max-width: 20px;
}
.box-strategic-plan .btn-download-file a:hover {
  text-decoration: underline;
}
.box-strategic-plan .btn-download-file a {
  font-family: var(--ubuntu);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.14rem;
  color: #2986cc;
  vertical-align: middle;
  display: table;
  width: 100%;
}
.box-strategic-plan .desc {
  width: 100%;
}

.box-strategic-plan ol {
  list-style-type: upper-roman;
}

.box-strategic-plan .desc,
.box-strategic-plan li,
.box-strategic-plan p {
  font-family: var(--ubuntu);
  font-size: 0.87rem;
  font-weight: 400;
  line-height: 1.2rem;
  vertical-align: middle;
  text-align: left;
  color: var(--osid-color);
}

.box-strategic-plan li + li {
  margin-top: 20px;
}
/* ==== END STRATEGIC-PLANNING-OSID ==== */
/* ==== PARTNERSHIPS-OSID ==== */
.drop-year .dropbtn {
  background-color: #fff;
  color: #346a82;
  padding: 16px;
  font-size: 18px;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--ubuntu);
  font-weight: 400;
  padding: 0 16px;
}

.drop-year .dropdown {
  position: relative;
  display: inline-block;
}
.drop-year .dropbtn.mystyle .dropdown-contentt {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 1;
}
.drop-year .dropdown-contentt {
  opacity: 0;
  position: absolute;
  background-color: #f1f1f1;
  min-width: inherit;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 100%;
  top: 57px;
  z-index: -1;
  width: 100%;
  left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.drop-year .dropdown-contentt a {
  color: #346a82;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  width: 100%;
  font-family: var(--ubuntu);
  font-weight: 400;
}

.drop-year .dropdown a:hover {
  background-color: #ddd;
}

.drop-year .show {
  display: block;
}
.drop-year .dropdown {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.drop-year button {
  background: transparent;
  border: inherit;
  width: 100%;
}
.drop-year .icon {
  height: 100%;
  width: 37px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 17px;
}
.drop-year:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e6e6e6;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translate(0px, -50%);
  pointer-events: none;
}
.drop-year {
  position: relative;
  width: 100%;
  left: unset;
  bottom: unset;
  margin-top: 30px;
  background: #fff;
  padding: 15px 0;
  border-radius: 8px;
}
.banner-partnerships {
  height: 380px;
}

.banner-partnerships form.form-absl {
  position: relative;
  width: 100%;
  left: unset;
  bottom: unset;
  margin-top: 30px;
  padding: 0 30px;
}

.banner-partnerships form.form-absl select {
  width: calc(100% - 100px);
}

form.form-absl .icon {
  margin-left: 0;
}

.sec-partnerships {
  position: relative;
}

.sec-financial-balance::before,
.sec-partnerships::before {
  content: "";
  background-color: #707070;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  top: 98px;
  opacity: 0.2;
}

.sec-partnerships .wrap {
  align-items: start;
  padding-top: 60px;
}

.sec-partnerships .title.ttl-sec-content {
  font-size: 2.8rem;
}

.box-partnership-term + .box-partnership-term {
  margin: 45px 0;
}

.box-partnership-term header {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}
.title-category {
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1.9rem;
  line-height: 1.6rem;
  text-align: left;
  width: 100%;
  color: #2f2f2f;
  margin-bottom: 0;
}
.box-partnership-term {
  margin: 25px 0;
}
.box-partnership-term .title {
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.6rem;
  text-align: left;
  width: 100%;
  color: #2f2f2f;
}

.box-partnership-term .date {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 0.87rem;
  color: #c3c3c3;
  text-align: left;
}

.box-partnership-term .desc {
  margin-top: 16px;
}

.box-partnership-term .desc,
.box-partnership-term .desc p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.93rem;
  line-height: 1.5rem;
  color: #727272;
  text-align: left;
}

.box-partnership-term .eng-links-download {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}
/* ==== END PARTNERSHIPS-OSID ==== */
/* ==== VOLUNTEERING-OSID ==== */
.osid .box-topic {
  width: auto;
  padding: 0 10px;
  min-width: 280px;
}

.osid .box-topic .icon {
  width: 30px;
  min-width: 30px;
}

.osid.topics-content .box-topic .title {
  position: relative;
  margin-right: 18px;
  max-width: calc(100% - 40px);
}

.osid.topics-content .box-topic .title span {
  font-size: 1.2rem;
  line-height: 1.25rem;
}

.box-feed.volunteering .image {
  height: 130px;
  aspect-ratio: inherit;
}
/* ==== END VOLUNTEERING-OSID ==== */
/* ==== FINANCIAL-BALANCE-OSID ==== */
.sec-financial-balance {
  position: relative;
  margin-bottom: 60px;
}

.sec-financial-balance .wrap {
  align-items: start;
  padding-top: 60px;
}

.sec-financial-balance .title.ttl-sec-content {
  font-size: 2.8rem;
}

.sec-financial-balance .eng-content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sec-financial-balance .left {
  width: 295px;
}

.sec-financial-balance.osid .box-feed .content .title {
  font-size: 1.2rem;
  line-height: 1.3rem;
}

.sec-financial-balance .right {
  width: calc(100% - 360px);
  max-height: 430px;
  max-width: 540px;
}
/* ==== END FINANCIAL-BALANCE-OSID ==== */
/* ==== == END PORTAL OSID == ==== */
/* ==== == PORTAL AJUDA == ==== */
/* ==== INDEX-AJUDA ==== */
/* == alteração no inner-header == */
#top.inner-header .df-bullet.droplink {
  padding-left: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#top.inner-header .df-bullet.droplink .bullet {
  width: 25px;
  height: auto;
  margin-right: 10px;
}

#top.inner-header .df-bullet.droplink::before {
  display: none;
}
/* == .topics-subportal.doe == */
.topics-subportal.doe {
  border-color: var(--doe-color-dark);
}

.topics-subportal.doe .box-topic .content::before {
  background-color: var(--doe-color);
}
/* == .satus-subportal.doe == */
.status-subportal.doe .wrap {
  padding: 50px 0px 0px 0px;
}
/* == .eng-slider-tall.doe == */
.eng-slider-tall.doe .wrap {
  padding: 0;
}

.eng-slider-tall.doe .box-tall-banner .title {
  color: var(--doe-color);
}
/* == .feed-index.doe == */
.doe .box-feed .content::before {
  background-color: var(--doe-color);
}

.doe .box-feed .btn-arrow {
  color: var(--doe-color);
  border: solid 2px var(--doe-color);
}
/* == .news-module.doe == */
.news-module.doe .eng-ttl .title {
  color: var(--doe-color);
}

.news-module.doe .eng-videos .left {
  background-color: var(--doe-color);
}

.doe .btn-blue {
  color: #ffffff;
  background-color: var(--doe-color-dark);
  border: solid 1px var(--doe-color-dark);
}

.doe .btn-blue:hover {
  background-color: transparent;
}

.news-module.doe .box-videos-nav.is-active {
  background-color: var(--doe-color-dark);
  border: solid 1px var(--doe-color-dark) !important;
}

.news-module.doe .news-videos-nav .splide__track::before {
  background-color: var(--doe-color-dark);
}
/* ==== END INDEX-AJUDA ==== */
/* ==== FEED-PROJECTS-AJUDA ==== */
/* == .banner-inner.doe == */
.banner-inner.doe .title {
  color: var(--doe-color);
}

.banner-inner.doe .title::before,
.banner-inner.doe li::before {
  background-color: var(--doe-color-light);
}
/* == .breadcrumbs.doe == */
.doe.breadcrumbs li.crumb::after,
.doe.breadcrumbs li.crumb a {
  color: var(--doe-color);
}

.doe.breadcrumbs li.crumb a::after,
.doe .eng-ttl-desc .title::before {
  background-color: var(--doe-color);
}
/* == .sec-pg-feed.three-per-row == */
.three-per-row .box-feed {
  width: calc(33% - 14px);
}
/* == .feed-vertical.doe == */
.feed-vertical {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.feed-vertical .wrap {
  padding: 20px 0 80px 0;
}

.box-feed.vertical {
  width: 100%;
  height: 350px;
  flex-direction: row;
  background-color: #f5f9fa;
  align-items: start;
  position: relative;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.box-feed.vertical:hover {
  z-index: 10;
  box-shadow: 12px 18px 16px #00000022;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.box-feed.vertical .image {
  height: 100%;
  width: 350px;
}

.box-feed.vertical .content {
  width: calc(100% - 350px);
  height: 100%;
  justify-content: space-between;
  align-items: start;
  padding: 40px 50px;
}

.box-feed.vertical:nth-of-type(even),
.box-feed.vertical:nth-of-type(even) .content {
  background-color: transparent;
}

.box-feed.vertical .content::before {
  top: 50px;
}

.box-feed.vertical .content .title {
  font-size: 1.25rem;
  line-height: 1.5rem;
  max-width: 450px;
}

.box-feed.vertical .desc {
  margin-top: 0;
}

.box-feed.vertical .desc p {
  font-size: 1rem;
  line-height: 1.2rem;
  color: #535353;
}

.box-feed .eng-links {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 15px 0;
}

.btn-download,
.btn-route {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 25px;
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 0.81rem;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.three-per-row .btn-route {
  padding: 5px 15px;
}

.btn-download {
  color: var(--doe-color);
}

.btn-download:hover {
  color: #ffffff;
  background-color: var(--doe-color);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.btn-download .icon {
  width: 23px;
  margin-left: 15px;
}

.btn-route {
  color: #ffffff;
  background-color: var(--doe-color);
  border: 1px solid var(--doe-color);
}

.btn-route:hover {
  color: var(--doe-color);
  background-color: transparent;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
.btn-route.success-start:hover {
  color: #ffffff;
  background-color: var(--doe-color-success);
}
.btn-route.success-start {
  color: var(--doe-color-success);
  border-color: var(--doe-color-success);
  background-color: transparent;
}
.btn-route.start {
  color: var(--saude-color-dark);
  border-color: var(--saude-color-dark);
  background-color: transparent;
}

.btn-route.start:hover {
  color: #ffffff;
  background-color: var(--saude-color-dark);
}

.btn-route.acting {
  color: #eabf33;
  border-color: #eabf33;
  background-color: transparent;
}

.btn-route.acting:hover {
  color: #ffffff;
  background-color: #eabf33;
}

.btn-route.finished {
  color: #9cac58;
  border-color: #9cac58;
  background-color: transparent;
}

.btn-route.finished:hover {
  color: #ffffff;
  background-color: #9cac58;
}
/* ==== END FEED-PROJECTS-AJUDA ==== */
/* ==== PROJECT-AJUDA ==== */
/* == .proj-content == */
.proj-content .wrap {
  width: 100%;
  max-width: 1366px;
  padding: 0;
  flex-direction: row;
  align-items: start;
  flex-wrap: wrap;
}

.proj-content .image {
  width: 40%;
  overflow: hidden;
  max-height: 540px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.proj-content .image img {
  object-fit: cover;
  width: 100%;
}

.proj-content .content {
  width: 100%;
  padding: 60px;
  align-items: start;
  justify-content: start;
}

.proj-content .image ~ .content {
  width: 60%;
}

.proj-content .title {
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #363636;
  text-align: left;
  margin-bottom: 50px;
}

.proj-content .title::before {
  content: "";
  background-color: var(--doe-color);
  height: 9px;
  width: 33px;
  position: absolute;
  left: 0;
  top: 70px;
}

.proj-content .desc {
  margin-bottom: 50px;
  width: 100%;
}

.proj-content .desc,
.proj-content .desc p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.93rem;
  line-height: 1.25rem;
  text-align: left;
}

.eng-status {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 8px;
  margin-bottom: 15px;
}

.eng-status,
.eng-status span {
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 1rem;
  color: #747474;
}

.proj-content .eng-links {
  display: flex;
  width: 100%;
  gap: 10px;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

.proj-content .gallery-content {
  padding: 0;
}
/* == .eng-slider-topics.doe == */
.eng-slider-topics {
  background-color: #f4f7f8;
}

.eng-slider-topics .title {
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 2rem;
  margin-bottom: 40px;
  text-align: center;
}

.eng-slider-topics .wrap {
  overflow: visible;
  position: relative;
}

.slider-topics,
.slider-topics .splide__track,
.slider-topics .splide__list {
  overflow: visible;
  position: relative;
  width: 100%;
}

.slider-topic__item {
  display: flex;
  align-items: start;
  flex-direction: column;
}

.slider-topic__item .top {
  width: 100%;
  min-height: 100px;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.slider-topic__counter {
  height: 45px;
  width: 45px;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1.5rem;
  color: var(--doe-color-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: solid 1px var(--doe-color-dark);
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.slider-topic__title {
  max-width: calc(100% - 55px);
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: left;
  color: #363636;
}

.slider-topic__item .content,
.slider-topic__desc {
  width: 100%;
}

.slider-topic__desc,
.slider-topic__desc p {
  text-align: left;
  font-family: var(--ubuntu);
  font-size: 0.91rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #535353;
}

.slider-topic__btns {
  margin-top: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 10px;
}

.slider-topics .splide__pagination {
  bottom: -30px;
}

.slider-topics .splide__pagination__page {
  height: 14px;
  width: 14px;
  background-color: #707070;
  opacity: 0.3;
}

.slider-topics .splide__pagination__page.is-active {
  opacity: 1;
  background-color: var(--doe-color-dark);
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

/* == .parnters-listing.doe == */
.partners-listing__title {
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1.75rem;
  line-height: 2rem;
  text-align: center;
  color: #363636;
}

.partners-listing__list {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  align-items: center;
  width: 100%;
}

.partners-listing__title ~ .partners-listing__list {
  margin-top: 50px;
}

.partners-listing__item {
  width: calc(25% - 20px);
  height: 95px;
  margin: 0 10px 10px 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partners-listing__item img {
  max-width: 100%;
  max-height: 100%;
}

.jur-text {
  margin-top: 60px;
  width: 100%;
  padding: 25px;
  position: relative;
  background-color: #f2f6f7d9;
  border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
}

.jur-text,
.jur-text h3,
.jur-text p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.91rem;
  line-height: 1.5rem;
  text-align: left;
  color: #535353;
}

.jur-text h3 {
  font-weight: 700;
}
/* == .list-names == */
.list-names .wrap.eng-ttl {
  padding: 0;
}
/* ==== END PROJECT-AJUDA ==== */
/* ==== FEED-DONATIONS-AJUDA ==== */
.doe.sec-pg-feed .box-feed .content::before {
  top: 25px;
}

.doe.sec-pg-feed .box-feed .desc {
  color: #535353;
}

.doe.sec-pg-feed .btn-feed {
  background-color: var(--doe-color-dark);
  border: solid 1px var(--doe-color-dark);
}

.doe.sec-pg-feed .btn-feed:hover {
  background-color: transparent;
  color: var(--doe-color-dark);
}
/* ==== END FEED-DONATIONS-AJUDA ==== */
/* ==== DONATE-AJUDA ==== */
/* == .sec-donate == */
.sec-donate .wrap {
  width: 100%;
  max-width: 1366px;
  overflow: hidden;
  padding-top: 50px;
  flex-direction: row;
  align-items: start;
}

.sec-donate .bg {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  width: 350px;
  display: flex;
  align-items: start;
  justify-content: center;
}

.sec-donate .bg img {
  object-fit: cover;
  width: 100%;
  height: auto;
  min-height: 100%;
}

.donations {
  margin: 0 50px 0 305px;
  display: flex;
  z-index: 5;
  flex-direction: column;
  justify-content: start;
  width: 70%;
}

.donations__card {
  width: 100%;
  background-color: #f3f6f7;
  padding: 30px 50px;
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.donations__card + .donations__card {
  margin-top: 24px;
}

.donations__card::before {
  content: "";
  background-color: var(--doe-color);
  height: 9px;
  width: 33px;
  position: absolute;
  left: 0;
  top: 40px;
}

.donations__card .title {
  font-family: var(--poppins);
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #363636;
}

.donations__card .title span {
  font-weight: 500;
}

.donations__card .subtitle {
  font-family: var(--poppins);
  font-size: 0.84rem;
  font-weight: 400;
  line-height: 1.2rem;
  color: #9f9f9f;
  margin-top: 5px;
}

.donations__card .desc {
  width: 100%;
  margin-top: 15px;
}

.donations__card .desc,
.donations__card .desc p {
  font-family: var(--ubuntu);
  font-size: 0.84rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #535353;
  text-align: left;
}

.donations__card .desc p + p {
  margin-top: 20px;
}

.donations__buttons {
  margin-top: 15px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  flex-wrap: wrap;
  gap: 7px;
}

.protective-partner__button,
.donations__button {
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 0.75rem;
  color: #ffffff;
  background-color: var(--doe-color);
  border: solid 1px var(--doe-color);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 15px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.protective-partner__button:hover,
.donations__button:hover {
  background-color: transparent;
  color: var(--doe-color);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.protective-partner__button .icon,
.donations__button .icon {
  max-width: 20px;
  max-width: 20px;
  margin-right: 8px;
  filter: brightness(10) saturate(0.1) contrast(10);
  -webkit-filter: brightness(10) saturate(0.1) contrast(10);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.protective-partner__button:hover .icon,
.donations__button:hover .icon {
  filter: brightness(1) saturate(1) contrast(1);
  -webkit-filter: brightness(1) saturate(1) contrast(1);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
/* == .side-content == */
.side-content {
  z-index: 5;
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}

.sec-donate .side-content {
  margin-right: 5%;
}

.side-content .title {
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.75rem;
  text-align: left;
  color: #363636;
  margin-bottom: 25px;
}

.side-content .desc {
  margin-bottom: 25px;
}

.side-content .desc,
.side-content .desc p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.84rem;
  line-height: 1.2rem;
  color: #535353;
}

.side-content__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.side-content .video {
  width: 100%;
  height: 200px;
}

.side-content .image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
}

.form-pg .side-content__list {
  margin: 20px 0;
}

.side-content__list li {
  width: 100%;
  position: relative;
}

.side-content__list li + li {
  border-top: solid 1px #70707033;
}

.form-pg .side-content__list li,
.side-content__list a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px 0;
  font-family: var(--ubuntu);
  color: #535353;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  text-align: left;
  pointer-events: none;
}

.side-content__list .icon {
  width: 22px;
  height: auto;
  margin-right: 15px;
}

.side-content .form {
  width: 100%;
}

.side-content .eng-ttl-desc {
  padding: 0;
  margin-bottom: 20px;
}

.side-content .eng-ttl-desc .title {
  padding: 0;
  margin: 0;
  text-align: left;
}

.side-content .eng-ttl-desc .title::before {
  display: none;
}

.side-content .eng-ttl-desc .desc {
  margin: 0 !important;
  padding: 0;
}

.side-content .form__card__top .title {
  margin-bottom: 0;
}

.side-content .form__card {
  padding: 25px 50px;
}
/* == .protective-partner == */
.protective-partner {
  background-color: #f4f7f8;
}

.protective-partner .wrap {
  width: 100%;
  max-width: 1366px;
  padding: 40px 0 0 0;
}

.protective-partner .title {
  font-family: var(--poppins);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #363636;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.protective-partner .title .icon {
  width: 50px;
  height: auto;
  margin-right: 20px;
}

.protective-partner__row {
  width: 100%;
  display: flex;
}

.protective-partner__right,
.protective-partner__left {
  width: 50%;
  height: 440px;
  position: relative;
  padding: 3% 5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.protective-partner__left {
  align-items: end;
}

.protective-partner__left.video {
  padding: 0;
}

.protective-partner__right.red {
  background-color: var(--doe-color);
}

.protective-partner__right .title,
.protective-partner__left .title {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 1.87rem;
  line-height: 2.2rem;
  color: #363636;
  margin-bottom: 0;
}

.protective-partner__list {
  width: 100%;
}

.protective-partner__list li {
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 0.75rem;
  color: #363636;
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
}

.protective-partner__list li + li {
  margin-top: 15px;
}

.protective-partner__list .icon {
  width: 30px;
  height: auto;
  margin-right: 10px;
}

.protective-partner__right.red .title,
.protective-partner__right.red li {
  color: #f5f9fa;
  font-weight: 700;
}

.protective-partner__buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}

.red .protective-partner__buttons {
  justify-content: start;
}

.red .protective-partner__button {
  color: var(--doe-color);
  background-color: #f8f9fb;
  border: solid 1px #f8f9fb;
}

.red .protective-partner__button:hover {
  background-color: transparent;
  color: #f8f9fb;
}

.red .protective-partner__button .icon {
  filter: brightness(1) saturate(1) contrast(1);
  -webkit-filter: brightness(1) saturate(1) contrast(1);
}

.red .protective-partner__button:hover .icon {
  filter: brightness(10) saturate(0.1) contrast(10);
  -webkit-filter: brightness(10) saturate(0.1) contrast(10);
}
/* == .donor-relation == */
.donor-relation .wrap {
  width: 100%;
  max-width: 1366px;
}

.donor-relation .title {
  text-align: center;
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1.75rem;
  color: var(--doe-color-dark);
  margin-bottom: 40px;
}

.donor-relation .subtitle {
  text-align: center;
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1rem;
  color: #3c3c3c;
  margin-bottom: 40px;
}

.donor-relation .title + .subtitle {
  margin-top: -20px;
}

.donor-relation__list {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.donor-relation__item {
  /* width: 33%; */
  padding: 0 2.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  position: relative;
}

.donor-relation__item + .donor-relation__item {
  border-left: 1px solid #70707066;
}

.donor-relation__item .icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.donor-relation__item .icon img {
  width: 100%;
  height: auto;
}

.donor-relation__item .title {
  font-family: var(--poppins);
  font-weight: 400;
  font-size: 0.87rem;
  line-height: 1rem;
  color: #363636;
  text-align: left;
  position: relative;
  margin-bottom: 0;
  max-width: calc(100% - 55px);
}

.donor-relation__item .title span {
  font-weight: 700;
  display: block;
}

.donor-relation__item .link-full ~ .title::after {
  content: "";
  height: 1px;
  width: 0;
  background-color: #363636;
  position: absolute;
  bottom: -2px;
  left: 50%;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.donor-relation__item:hover .link-full ~ .title::after {
  left: 0;
  width: 100%;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
/* ==== END DONATE-AJUDA ==== */
/* ==== PARTNERSHIPS-AJUDA ==== */
.list-names .wrap {
  flex-flow: row wrap;
  padding-top: 40px;
}

.list-names__item {
  width: calc(33% - 20px);
  margin: 5px 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 1px #c5c8d3;
  height: 45px;
  padding: 0 20px 0 40px;
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.83rem;
  text-align: left;
  color: #535353;
}

.list-names__item::before {
  content: "";
  height: 5px;
  width: 25px;
  position: absolute;
  left: 0;
  top: calc(50% - 2.5px);
  background-color: var(--doe-color-dark);
}
/* ==== END PARTNERSHIPS-AJUDA ==== */
/* ==== CHARITY-EVENT-AJUDA ==== */
/* == .topics-content.doe */
.topics-content.doe .box-topic {
  min-width: 25%;
}

.topics-content.doe .box-topic .title {
  width: auto;
  display: block;
  max-width: unset;
  min-width: 130px;
}
/* .sec-content.doe */
.doe .title.ttl-sec-content {
  color: var(--doe-color-dark);
}

.sec-content.doe h3,
.sec-content.doe h4,
.sec-content.doe h5,
.sec-content.doe h6 {
  color: var(--doe-color-dark);
}

.doe .link-sqr-hvr {
  color: var(--doe-color);
  border-bottom: 1px solid var(--doe-color);
}

.doe .link-sqr-hvr span {
  background-color: var(--doe-color);
}

.doe .link-download,
.doe .link-routing {
  color: var(--doe-color);
  border: solid 1px var(--doe-color);
}

.doe .link-routing {
  background-color: var(--doe-color);
  color: #ffffff;
}

.doe .link-routing:hover {
  color: var(--doe-color);
  background-color: transparent;
}

.doe .link-download:hover {
  color: #ffffff;
  background-color: var(--doe-color);
}
/* ==== END CHARITY-EVENT-AJUDA ==== */
/* ==== PROTECTIVE-PARTNER-AJUDA ==== */
/* == .protective-partner == */
.protective-partner__left .title {
  align-self: start;
}

.protective-partner__right .title .icon,
.protective-partner__left .title .icon {
  width: 40px;
  margin-right: 15px;
}

.protective-partner .desc,
.protective-partner .desc p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.87rem;
  line-height: 1.4rem;
  color: #535353;
  text-align: left;
}

.protective-partner__right.white {
  background-color: #ffffff;
  border-bottom: solid 1px #f4f7f8;
}

.protective-partner__slider,
.protective-partner__slider .splide__track,
.protective-partner__slider .splide__list {
  width: 100%;
  position: relative;
}

.protective-partner__slider--item {
  position: relative;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.protective-partner__slider--item img {
  max-width: 100%;
  max-height: 100%;
}

.protective-partner__slider .splide__pagination {
  justify-content: start;
  bottom: -50px;
}

.protective-partner__slider .splide__pagination__page {
  background-color: #7070704d;
  height: 14px;
  width: 14px;
}

.protective-partner__slider .splide__pagination__page.is-active {
  background-color: #c33d57;
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
/* ==== END PROTECTIVE-PARTNER-AJUDA ==== */
/* ==== SISTER-COMPANIES-LABEL-AJUDA ==== */
/* == .label-direct == */
.label-direct .wrap {
  flex-direction: row;
  align-items: start;
  gap: 20px;
}

.label-direct__item {
  width: 50%;
  height: 220px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: #deebf4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.label-direct__item.red {
  background-color: var(--doe-color-dark);
}

.label-direct__item .image {
  display: flex;
  width: 30%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.label-direct__item img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}

.label-direct__item .content {
  width: 70%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: end;
  padding: 40px 40px 25px 50px;
}

.label-direct__item .content::before {
  content: "";
  width: 33px;
  height: 9px;
  background-color: #b4cbdb;
  position: absolute;
  left: 0;
  top: 47px;
}

.label-direct__item.red .content::before {
  background-color: #f8f9fb;
  opacity: 0.2;
}

.label-direct__item .top {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.label-direct__item .title {
  font-family: var(--poppins);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #363636;
  margin-bottom: 12px;
}

.label-direct__item.red .title {
  color: #f8f9fb;
}

.label-direct__item .desc,
.label-direct__item .desc p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.87rem;
  line-height: 1.2rem;
  color: #535353;
}

.label-direct__item.red .desc,
.label-direct__item.red .desc p {
  color: #f8f9fb;
}

.btn-rounded {
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 0.68rem;
  padding: 10px 25px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.btn-rounded:hover {
  background-color: transparent;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.red-to-white {
  color: #ffffff;
  background-color: var(--doe-color);
  border: solid 1px var(--doe-color);
}

.red-to-white:hover {
  color: var(--doe-color);
}

.white-to-red {
  color: var(--doe-color);
  background-color: #ffffff;
  border: solid 1px #ffffff;
}

.white-to-red:hover {
  color: #ffffff;
}
/* ==== END SISTER-COMPANIES-LABEL-AJUDA ==== */
/* ==== SISTER-COMPANIES-AJUDA ==== */
/* == .yearly-nav == */
.yearly-nav .wrap {
  padding: 40px 0;
  flex-wrap: wrap-reverse;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.yearly-nav__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  width: calc(100% - 220px);
  gap: 7px;
}

.yearly-nav .btn-rounded {
  font-size: 0.91rem;
}

.white-to-gray {
  color: #747474;
  background-color: #ffffff;
  border: solid 1px #747474;
}

.yearly-nav__list li {
  display: flex;
}
.category.doacao ul {
  display: flex;
  justify-content: flex-start;
  gap: 0 15px;
}
.category.doacao {
  width: 100%;
  display: table;
  height: 100%;
  margin-bottom: 27px;
}
.category.doacao .white-to-gray:hover {
  background-color: var(--doe-color);
  color: #fff;
}
.category.doacao .white-to-gray {
  border-color: var(--doe-color);
  color: var(--doe-color);
}
.category.doacao .white-to-gray.active,
.white-to-gray:hover {
  background-color: var(--doe-color);
  color: #fff;
}
.white-to-gray.active,
.white-to-gray:hover {
  color: #ffffff;
  background-color: #747474;
}
/* == .sis-comp-category == */
.sis-comp-category {
  /* border-bottom: #70707059 solid 1px; */
}

.sis-comp-category__head {
  width: 100%;
  border-bottom: #70707059 solid 1px;
}

.sis-comp-category__head .wrap {
  padding: 10px 0 16px 0;
  align-items: start;
}

.sis-comp-category__head .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  text-align: left;
  vertical-align: middle;
  font-family: var(--ubuntu);
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.37rem;
  color: #363636cc;
}

.sis-comp-category__head .icon {
  width: 23px;
  height: auto;
  margin-right: 9px;
}

.sis-comp-category__list {
  padding: 36px 0 50px 0;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  gap: 20px;
}

.sis-comp-category__list__item {
  width: calc(20% - 20px);
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  display: flex;
  position: relative;
}

.sis-comp-category__list__item img {
  max-width: 100%;
  max-height: 100%;
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.sis-comp-category__list__item:hover img {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}
/* ==== END SISTER-COMPANIES-AJUDA ==== */
/* ==== BENEFITS-CLUB-AJUDA ==== */
/* == .benefits-club-listing == */
.benefit {
  width: 100%;
  background-color: #f3f6f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.benefit + .benefit {
  margin-top: 15px;
}

.benefit .image {
  background-color: #ffffff;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
}

.benefit .image img {
  max-width: 80%;
  min-width: 50%;
  max-height: 80%;
}

.benefit .content {
  width: calc(100% - 235px);
  height: 100%;
  justify-content: space-between;
  flex-direction: column;
  align-items: start;
}

.benefit .title {
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1.12rem;
  line-height: 1.3rem;
  color: #363636;
  text-align: left;
  margin-bottom: 25px;
}
.benefit__text {
  width: 100%;
  position: relative;
}
.benefit__text p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.94rem;
  line-height: 1.5rem;
  vertical-align: middle;
  text-align: left;
  color: #535353;
}
.benefit__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: center;
}

.benefit__list__item {
  width: 25%;
  padding: 0 2.5%;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.benefit__list__item + .benefit__list__item {
  border-left: solid 1px #7070704d;
}

.benefit__list__item .title {
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  text-align: left;
  color: #363636cc;
  margin-bottom: 0;
}

.benefit__list__item .desc {
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2rem;
  color: var(--doe-color);
  opacity: 0.8;
}

.benefit__mdl-links {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px;
  margin-top: 35px;
}

.benefit__mdl-links__item {
  display: flex;
  align-items: end;
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.87rem;
  color: #363636;
  vertical-align: bottom;
}

.benefit__mdl-links__item .icon {
  width: 30px;
}

.modal-speciality.doe .content {
  width: 100%;
  align-items: center;
}

.modal-speciality.doe .eng-ttl {
  background-color: var(--doe-color-dark);
}

.modal-speciality.doe .title {
  margin-bottom: 0;
}

.modal-speciality.doe .desc small,
.modal-speciality.doe .desc p small,
.modal-speciality.doe .desc li small,
.modal-speciality.doe .desc a small {
  font-size: 0.75rem;
  line-height: 1rem;
}

.modal-speciality.doe li {
  width: 100%;
}
.modal-speciality .stores_list li .table {
  width: 100%;
}
.modal-speciality .stores_list li .table table {
  width: 100%;
}
.modal-speciality .stores_list li .table table tbody tr {
  border-bottom: 1px solid #c4c4c4;
}
.modal-speciality .stores_list li {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.modal-speciality .stores_list li + li {
  border-top: solid 1px #707070;
}

.modal-speciality .stores_list li::before {
  display: none;
}
/* ==== END BENEFITS-CLUB-AJUDA ==== */
/* ==== FORM-SISTER-COMPANY-AJUDA ==== */
/* == .form-pg.doe == */
span.red {
  color: var(--doe-color-dark);
}
.form-pg .wrap.form-pg-angel {
  width: 100%;
  max-width: inherit;
  justify-content: center;
}
.form-pg .wrap.form-pg-angel .form {
  width: 83%;
}
.form-pg .wrap {
  flex-flow: row wrap;
  align-items: start;
  justify-content: space-between;
  padding: 20px 0 60px 0;
  max-width: 1228px;
  gap: 30px 0;
}

.form-pg.testimony-pg .wrap {
  padding: 80px 0;
}
.btn-policy-image {
  width: 100%;
}
.btn-policy-image a {
  background: var(--doe-color);
  color: #fff;
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 0.9rem;
  display: table;
  height: 20px;
  width: auto;
  line-height: 27px;
  padding: 5px 26px;
  border-radius: 20px;
}
.form {
  width: 65%;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.form-pg button {
  margin-top: 30px;
}

.form-pg button.close-modal {
  margin-top: 0;
}
.form__card.pj {
  /* display: none; */
}
input[name="type_person"]:checked + .form__card.pj {
  display: inline-block;
}
.work-with-us .form__card__body .row {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  gap: 10px;
  flex-wrap: wrap;
}
.work-with-us {
  width: 100%;
}
.form__card {
  width: 100%;
  display: flex;
  align-items: start;
  flex-direction: column;
  padding: 40px 50px;
  position: relative;
  background-color: #f3f6f7;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.form__card + .form__card {
  margin-top: 12px;
}

.form__card__top {
  width: 100%;
  position: relative;
}
.work-with-us .form__card__top::before {
  content: "";
  background-color: var(--osid-color);
}
.work-with-us .red-to-white {
  color: #ffffff;
  background-color: var(--osid-color);
  border: solid 1px var(--osid-color);
}

.work-with-us .red-to-white:hover {
  color: #fff;
}
.form__card__top::before {
  content: "";
  height: 9px;
  width: 35px;
  background-color: var(--doe-color-dark);
  position: absolute;
  left: -50px;
  top: 10px;
}

.form__card__top .title {
  font-family: var(--poppins);
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #363636;
  text-align: left;
}

.form__card__top .title span {
  font-weight: 700;
}

.form__card__body {
  width: 100%;
  margin-top: 15px;
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form__card__label {
  margin-top: 8px;
  font-family: var(--poppins);
  font-weight: 400;
  font-size: 0.81rem;
  line-height: 1rem;
  color: #6e6e6e;
}
.select-day-week:after {
  content: "";
  background: var(--doe-color-dark);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 45px;
  border-radius: 0 8px 8px 0;
  pointer-events: none;
}
.form__card__label p,
.form__card__label p a {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.form__card__label p a {
  margin-top: 0;
  font-family: var(--poppins);
  font-weight: 400;
  font-size: 0.81rem;
  line-height: 1rem;
  color: blue;
  text-decoration: underline;
}
.select-day-week:before {
  content: "";
  position: absolute;
  right: 16px;
  top: 13px;
  z-index: 1;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #fff;
  pointer-events: none;
}
.select-day-week select {
  height: 100%;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  font-family: var(--poppins);
  font-weight: 400;
  font-size: 0.81rem;
  line-height: 1rem;
  color: #6e6e6e;
}
.select-day-week {
  width: 100%;
  height: 37px;
  background: #fff;
  padding: 0 10px;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  border: none;
  margin-top: 2px;
  box-shadow: 1px 1px 2px #00000029;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  position: relative;
  display: block;
}
.form__card__label input,
.form__card__label textarea {
  width: 100%;
  height: 37px;
  padding: 0 10px;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  border: none;
  margin-top: 2px;
  box-shadow: 1px 1px 2px #00000029;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

.form__card__label textarea {
  height: 72px;
}

.form__card__label a {
  font-family: inherit;
  font-weight: inherit;
  font-size: 0.78rem;
  line-height: inherit;
  color: inherit;
  margin-top: 3px;
  display: block;
  opacity: 0.8;
}
.form__card__label .banks .input-banks input[type="radio"]:checked,
.form__card__label .banks .input-banks label {
  display: block;
}
.form__card__label .banks .input-banks {
  position: relative;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  margin: 12px 0;
  display: flex;
}
.form__card__label .banks input[type="radio"]:checked + img {
  opacity: 1;
}
.form__card__label .banks .input-banks label:hover img {
  opacity: 1;
}
.form__card__label .banks .input-banks img {
  width: 100%;
  object-fit: cover;
  height: auto;
  opacity: 0.25;
}
.form__card__label input[type="radio"]:checked + .banks .input-banks,
.neoenergia {
  display: flex;
}
.termPrivacy.policy-image {
  display: inline-block;
}
.termPrivacy.policy-image a {
  display: inline-block;
  margin: 0;
}
.termPrivacy {
  display: inline-flex;
  align-items: center;
}
.termPrivacy a {
  color: blue;
  margin-left: 5px;
}
.form__card__label .banks .input-banks input[type="radio"] {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.form__card__label--radio.payment {
  flex-direction: column;
}
.payment-debit p {
  margin: 0 27px;
}
.form__card__label .banks .input-banks > label {
  width: 40px;
  height: 40px;
  position: relative;
}
.form__card__label--radio {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 15px;
  margin: 10px 0 15px 0;
}
.payment-debit label {
  display: block !important;
}
.obs {
  border-bottom: 1px solid #c4c4c4;
}
.form__card__label.contrato {
  align-items: flex-start;
  flex-wrap: wrap;
}
.obs p {
  color: #c09853;
  border-radius: 3px;
  font-size: 16px;
  border: 1px solid #c09853;
  line-height: 23px;
  margin: 0;
  margin-top: 15px;
  margin-bottom: 35px;
  padding: 15px;
}
.form__card__label--radio label {
  display: flex;
  align-items: center;
  vertical-align: middle;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.information-banks {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.form__card__label input[type="radio"],
.form__card__label input[type="checkbox"] {
  appearance: none;
  margin: 0;
  background-color: #ffffff;
  height: 20px;
  width: 20px;
  margin-right: 7px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  transition: all ease-in 0.3s;
  -webkit-transition: all ease-in 0.3s;
  -moz-transition: all ease-in 0.3s;
  -ms-transition: all ease-in 0.3s;
  -o-transition: all ease-in 0.3s;
}

.form__card__label input[type="radio"]:checked,
.form__card__label input[type="checkbox"]:checked {
  background-color: var(--doe-color-dark);
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}

.form__card__label__obs {
  font-family: var(--poppins);
  font-weight: 400;
  font-size: 0.81rem;
  line-height: 1.1rem;
  color: var(--santuario-color);
}

.form__donation,
.form__donation--other-values {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

.form__donation {
  margin-bottom: 20px;
}

.form__donation__value {
  display: flex;
  position: relative;
  margin-bottom: 10px;
  width: calc(25% - 5px);
}

.form__donation__value input[type="radio"] {
  height: 100px;
  width: 100%;
  border: solid 1px var(--doe-color-dark);
  background-color: transparent;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}

.form__donation__value label {
  font-family: var(--poppins);
  font-weight: 700;
  font-size: 0.87rem;
  text-align: center;
  color: var(--doe-color-dark);
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 20px);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.form__donation__value input[type="radio"]:checked ~ label {
  color: #ffffff;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.form__donation__value span {
  font-size: 1.8rem;
  display: block;
  margin-bottom: 10px;
}

.form__donation--other-values .bigger {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.form__card__label .bigger input[type="radio"] {
  margin-right: 0;
  margin-left: 10px;
}

.row-100 {
  width: 100%;
}

.row-80 {
  width: calc(80% - 5px);
}

.row-70 {
  width: calc(70% - 5px);
}

.row-50 {
  width: calc(50% - 5px);
}

.row-33 {
  width: calc(33% - 5px);
}

.row-30 {
  width: calc(30% - 5px);
}

.row-20 {
  width: calc(20% - 5px);
}
/* ==== END FORM-SISTER-COMPANY-AJUDA ==== */
/* ==== == END PORTAL AJUDA == ==== */
/* ==== == PORTAL EDUCACAO == ==== */
/* ==== INDEX-EDUCACAO ==== */
/* == .topics-subportal.educacao == */
.topics-subportal.educacao {
  border-color: var(--educacao-color-dark);
}

.topics-subportal.educacao .box-topic .content::before {
  background-color: var(--educacao-color);
}
/* == .eng-slider-tall.educacao == */
.eng-slider-tall.educacao .wrap {
  padding: 0;
}

.eng-slider-tall.educacao .box-tall-banner .title {
  color: var(--educacao-color);
}

.educacao .slider-tall-banner .splide__pagination button.is-active,
.educacao .slider-search-sec .splide__pagination button.is-active {
  background-color: var(--educacao-color-dark95);
}
/* == .news-module.educacao == */
.news-module.educacao .eng-ttl .title {
  color: var(--educacao-color);
}

.news-module.educacao .box-videos-nav .title {
  color: #ebeef3;
}

.news-module.educacao .eng-videos .left {
  background-color: var(--educacao-color);
}

.educacao .btn-blue {
  color: #ffffff;
  background-color: var(--educacao-color-dark);
  border: solid 1px var(--educacao-color-dark);
}

.educacao .btn-blue:hover {
  background-color: transparent;
}

.news-module.educacao .box-videos-nav.is-active {
  background-color: var(--educacao-color-dark);
  border: solid 1px var(--educacao-color-dark) !important;
}

.news-module.educacao .news-videos-nav .splide__track::before {
  background-color: var(--educacao-color-dark);
}
/* == .feed-index.educacao == */
.educacao .box-feed .content::before {
  background-color: var(--educacao-color);
}

.educacao .box-feed .btn-arrow {
  color: var(--educacao-color);
  border: solid 2px var(--educacao-color);
}
/* ==== END INDEX-EDUCACAO ==== */
/* ==== ABOUT-EDUCACAO ==== */
/* == .banner-inner.educacao == */
.banner-inner.educacao .title {
  color: var(--educacao-color-dark);
}

.banner-inner.educacao .title::before,
.banner-inner.educacao li::before {
  background-color: var(--educacao-color);
}
/* == .breadcrumbs.educacao == */
.educacao.breadcrumbs li.crumb::after,
.educacao.breadcrumbs li.crumb a {
  color: var(--educacao-color-dark);
}

.educacao.breadcrumbs li.crumb a::after,
.educacao .eng-ttl-desc .title::before {
  background-color: var(--educacao-color-dark);
} /* .sec-content.educacao */
.educacao .title.ttl-sec-content {
  color: var(--educacao-color-dark);
}

.sec-content.educacao h3,
.sec-content.educacao h4,
.sec-content.educacao h5,
.sec-content.educacao h6 {
  color: var(--educacao-color-dark);
}
.modal-speciality.educacao .eng-ttl .title:before {
  content: "";
  background: var(--educacao-color);
  height: 10px;
  width: 38px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px;
}
.modal-speciality.educacao .eng-ttl .title {
  margin: 0 auto;
  padding: 0;
  line-height: 2rem;
  color: #2b2b2b;
  font-size: 1.45rem;
  display: table;
  width: 100%;
  font-weight: 700;
}
.modal-speciality.educacao .eng-ttl {
  background: inherit;
  padding: 32px 0;
  padding-bottom: 0;
}
.modal-speciality.educacao .close-modal {
  top: 8px;
  color: var(--educacao-color);
}
.modal-speciality.educacao p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #2b2b2b;
  text-align: left;
  display: table;
  width: 100%;
  padding: 0 20px;
  margin-top: 19px;
}
.modal-speciality.educacao.active {
  top: 50%;
  transform: translate(-50%, -50%);
  width: 35vw;
  left: 50%;
  height: 100%;
  max-height: 160px;
  border-radius: 17px;
}
.educacao .link-sqr-hvr {
  color: var(--educacao-color);
  border-bottom: 1px solid var(--educacao-color);
  font-weight: 600;
}

.educacao .link-sqr-hvr span {
  background-color: var(--educacao-color);
  text-align: center;
}

.educacao .link-download,
.educacao .link-routing {
  color: var(--educacao-color);
  border: solid 1px var(--educacao-color);
}

.educacao .link-routing {
  background-color: var(--educacao-color);
  color: #ffffff;
}

.educacao .link-routing:hover {
  color: var(--educacao-color);
  background-color: transparent;
}

.educacao .link-download:hover {
  color: #ffffff;
  background-color: var(--educacao-color);
}

.educacao.sec-content .right::before {
  border-color: var(--educacao-color);
}
/* ==== END ABOUT-EDUCACAO ==== */
/* ==== CONTACT-EDUCACAO ==== */
/* == .contact-infos.educacao == */
.contact-infos .wrap {
  padding: 60px 0;
}

.contact-infos__top {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.contact-infos__top .title {
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 1.87rem;
  line-height: 2rem;
  color: #2b2b2b;
  text-align: left;
  margin-bottom: 10px;
}

.contact-infos__top .desc {
  font-family: var(--ubuntu);
  font-size: 0.93rem;
  font-weight: 400;
  line-height: 1.2rem;
  text-align: left;
  color: #727272;
}

.contact-infos__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.contact-infos__item .title {
  font-family: var(--poppins);
  font-size: 1.37rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #363636;
  position: relative;
  text-align: left;
  padding-left: 25px;
  margin: 30px 0;
  width: 100%;
}

.contact-infos__item .title::before {
  content: "";
  background-color: var(--educacao-color-dark);
  height: 9px;
  width: 9px;
  position: absolute;
  left: 0;
  top: 5px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
}

.contact-infos__item__body {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: start;
}

.contact-infos__item__eng-info {
  background-color: #f2f6f7;
  width: calc(50% - 3px);
  height: 90px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-infos__item__eng-info .icon {
  width: 35px;
  height: auto;
  margin-right: 15px;
}

.contact-infos__item__box-info {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
}

.contact-infos__item__box-info .subtitle {
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 0.87rem;
  line-height: 1rem;
  color: #575757;
}

.contact-infos__item__box-info a {
  font-family: var(--ubuntu);
  font-weight: 700;
  font-size: 1rem;
  color: #363636;
  position: relative;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

.contact-infos__item__box-info a::before {
  content: "";
  height: 1px;
  width: 0;
  opacity: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  background-color: #363636;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.contact-infos__item__box-info a:hover:before {
  width: 100%;
  left: 0;
  opacity: 1;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}
/* ==== END CONTACT-EDUCACAO ==== */
/* ==== FEED-LINKS-EDUCACAO ==== */
/* == .sec-pg-feed.educacao == */
.educacao .box-feed .desc {
  color: var(--educacao-color-dark);
}

.educacao .btn-feed {
  background-color: var(--educacao-color-dark);
  border: solid 1px var(--educacao-color-dark);
}

.educacao .btn-feed:not(.active),
.educacao .btn-feed:hover {
  background-color: transparent;
  color: var(--educacao-color-dark);
}
/* ==== END FEED-LINKS-EDUCACAO ==== */
/* ==== == END PORTAL EDUCACAO == ==== */
/* ==== == PORTAL SANTUARIO == ==== */
/* ==== INDEX-SANTUARIO ==== */
/* == .topics-subportal.santuario == */
.topics-subportal.santuario {
  border-color: var(--santuario-color);
}

.topics-subportal.santuario .box-topic .content::before {
  background-color: var(--santuario-color-dark);
}
/* == .eng-slider-tall.santuario == */
.eng-slider-tall.santuario .wrap {
  padding-top: 0;
}

.eng-slider-tall.santuario .box-tall-banner .title {
  color: var(--santuario-color);
}
/* == .news-module.santuario == */
.news-module.santuario .eng-ttl > .title {
  color: var(--santuario-color);
}

.news-module.santuario .eng-videos .left {
  background-color: var(--santuario-color);
}

.news-module.santuario .box-videos-nav.is-active {
  background-color: var(--santuario-color-dark);
  border: solid 1px var(--santuario-color-dark) !important;
}

.news-module.santuario .news-videos-nav .splide__track::before {
  background-color: var(--santuario-color-dark);
}

.news-module.santuario .btn-blue {
  color: #ffffff;
  background-color: var(--santuario-color-dark);
  border-color: var(--santuario-color-dark);
}

.news-module.santuario .btn-blue:hover {
  color: #ffffff;
  background-color: var(--santuario-color);
  border-color: var(--santuario-color-dark);
}
/* == .feed-index.santuario == */
.santuario .box-feed .content::before {
  background-color: var(--santuario-color);
}

.santuario .box-feed .btn-arrow {
  color: var(--santuario-color);
  border: solid 2px var(--santuario-color);
}
/* ==== END INDEX-SANTUARIO ==== */
/* ==== ABOUT-SANTUARIO ==== */
/*  == .banner-inner.santuario == */
.banner-inner .right.full {
  width: 100%;
}

.banner-inner.santuario .title {
  color: var(--santuario-color-dark);
}

.banner-inner.santuario .title::before {
  background-color: var(--santuario-color);
}

.banner-inner.santuario .title span {
  color: var(--santuario-color);
}

.banner-inner li::before {
  background-color: var(--santuario-color);
}
/* == .breadcrumbs.santuario == */
.breadcrumbs.santuario li.crumb a {
  color: var(--santuario-color);
}

.breadcrumbs.santuario li.crumb::after {
  color: var(--santuario-color);
}

.breadcrumbs.santuario li.crumb a::after {
  background-color: var(--santuario-color);
}

.santuario .eng-ttl-desc .title::before {
  background-color: var(--santuario-color);
}
/* .sec-content.santuario */
.santuario .title.ttl-sec-content {
  color: var(--santuario-color);
}

.santuario.sec-content .right::before {
  border-color: var(--santuario-color);
}

.santuario .link-sqr-hvr {
  color: var(--santuario-color);
  border-bottom: 1px solid var(--santuario-color);
}

.santuario .link-sqr-hvr span {
  background-color: var(--santuario-color);
}

.santuario ::-webkit-scrollbar-thumb {
  /*Handle*/
  background: var(--santuario-color-dark95);
}

.santuario ::-webkit-scrollbar-thumb:hover {
  /* Handle on hover */
  background: var(--santuario-color-dark);
}

.santuario .link-download,
.santuario .link-routing {
  color: var(--santuario-color);
  border: solid 1px var(--santuario-color);
}

.santuario .link-routing {
  background-color: var(--santuario-color);
  color: #ffffff;
}

.santuario .link-routing:hover {
  color: var(--santuario-color);
  background-color: transparent;
}

.santuario .link-download:hover {
  color: #ffffff;
  background-color: var(--santuario-color);
}

.btn-prayer {
  background-color: var(--santuario-color);
  border: 1px solid var(--santuario-color);
  width: 185px;
  height: 44px;
  position: fixed;
  left: -27px;
  bottom: 80px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

.btn-prayer:hover {
  background-color: transparent;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.btn-prayer .icon {
  width: 25px;
  height: auto;
  margin-right: 5px;
  filter: brightness(10) saturate(0.1) contrast(10);
  -webkit-filter: brightness(10) saturate(0.1) contrast(10);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.btn-prayer:hover .icon {
  filter: none;
  -webkit-filter: none;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.btn-prayer span {
  font-family: var(--ubuntu);
  font-weight: 600;
  font-size: 0.81rem;
  line-height: 0.9rem;
  color: #ffffff;
  text-align: left;
  width: 65px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.btn-prayer:hover span {
  color: var(--santuario-color);
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.santuario .modal-speciality .eng-ttl {
  /* background-color: var(--santuario-color); */
}
/* ==== END ABOUT-SANTUARIO ==== */
/* ==== TURISM-SANTUARIO ==== */
.santuario .box-feed .desc {
  color: #727272;
}

.santuario .btn-feed {
  color: #ffffff;
  background-color: var(--santuario-color);
  border: solid 1px var(--santuario-color);
}

.santuario.feed-index .btn-feed {
  margin-top: 20px;
}

.santuario .btn-feed:not(.active),
.santuario .btn-feed:hover {
  background-color: transparent;
  color: var(--santuario-color);
}
/* ==== END TURISM-SANTUARIO ==== */
/* ==== GUIDE-SPACE-SANTUARIO ==== */
.sec-schedule.santuario .wrap {
  padding-top: 60px;
}

.santuario .box-schedule .ttl_month {
  background-color: var(--santuario-color);
}

.santuario .box-schedule .ttl_month::before {
  background-color: var(--santuario-color-light);
}

.santuario .box-schedule .date {
  color: var(--santuario-color);
}
/* ==== END GUIDE-SPACE-SANTUARIO ==== */
/* ==== FORM-SANTUARIO ==== */
.santuario .form__card__top::before {
  background-color: var(--santuario-color);
}

.santuario .form__card__label input[type="radio"]:checked,
.santuario .form__card__label input[type="checkbox"]:checked {
  background-color: var(--santuario-color);
}

.santuario .form__donation__value input[type="radio"] {
  border: solid 1px var(--santuario-color);
  background-color: transparent;
}

.santuario .form__donation__value label {
  color: var(--santuario-color);
}

.golden-to-white {
  color: #ffffff;
  background-color: var(--santuario-color);
  border: solid 1px var(--santuario-color);
}

.golden-to-white:hover {
  color: var(--santuario-color);
}

.santuario.donor-relation {
  background-color: #f2f6f7;
}

.santuario.donor-relation .wrap > .title {
  color: var(--santuario-color);
}
/* ==== END FORM-SANTUARIO ==== */
/* ==== == END PORTAL SANTUARIO == ==== */

/* TIMELINE */
.timeline {
  display: flex;
  flex-direction: column;
  justify-content: start;
}

.timeline .splide__track,
.timeline .splide__list {
  width: 100%;
}

.timeline .wrap {
  width: 100%;
  max-width: 1366px;
}

.timeline__top {
  width: 100%;
  border-bottom: solid 1px var(--santuario-color-dark);
}

.timeline__top .wrap {
  overflow: visible;
  padding: 16px 0;
}

.timeline__top .splide__track,
.timeline__top .splide__list {
  overflow: visible;
}

.timeline__nav {
  width: 95%;
}

.timeline__nav__item {
  border: solid 1px var(--santuario-color-dark) !important;
  height: 68px;
  width: 133px;
  border-radius: 19px;
  background-color: transparent;
  transition: all ease 0.3s;
  display: flex;
  overflow: visible;
  align-items: center;
  justify-content: space-evenly;
  font-family: var(--ubuntu);
  font-size: 18px;
  font-weight: 500;
  color: var(--santuario-color-dark);
  position: relative;
}

.timeline__nav__item::after {
  content: "";
  height: 15px;
  width: 15px;
  background-color: var(--santuario-color-dark);
  position: absolute;
  bottom: -5px;
  left: calc(50% - 6px);
  transform: rotate(45deg);
  opacity: 0;
  transition: all ease 0.3s 0.1s;
}

.timeline__nav__item.is-active {
  background-color: var(--santuario-color-dark);
  color: #ffffff;
}

.timeline__nav__item.is-active::after {
  opacity: 1;
}

.timeline__nav__icon {
  height: 50px;
  width: 50px;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
  border: solid 3px #ffffff;
}

.timeline__bottom .wrap {
  padding: 0;
}

.timeline__main-slider {
  width: 100%;
}

.timeline__main-slider__item {
  width: 100%;
  height: 429px;
  display: flex;
  justify-content: space-between;
}

.timeline__main-slider__item .left {
  width: 50%;
  display: flex;
  justify-content: end;
  padding: 30px 25px;
}

.timeline__main-slider__text {
  height: 100%;
  max-width: 527px;
  padding-right: 25px;
  overflow-y: auto;
  width: 100%;
  padding-top: 15px;
}

.timeline__main-slider__text h1,
.timeline__main-slider__text h2,
.timeline__main-slider__text h3,
.timeline__main-slider__text h4,
.timeline__main-slider__text strong {
  font-family: var(--poppins);
  font-size: 30px;
  font-weight: 700;
  color: var(--santuario-color-dark);
  margin-bottom: 8px;
}

.timeline__main-slider__text p + h1,
.timeline__main-slider__text p + h2,
.timeline__main-slider__text p + h3,
.timeline__main-slider__text p + h4 {
  margin-top: 16px;
}

.timeline__main-slider__text h3 {
  font-size: 24px;
}

.timeline__main-slider__text h4 {
  font-size: 20px;
}

.timeline__main-slider__text p,
.timeline__main-slider__text p span {
  font-family: var(--ubuntu);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: #535353 !important;
  text-align: justify;
}

.timeline__main-slider__image {
  width: 50%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* TIMELINE */
/* TESTIMONY-PG */
.testimony-pg main {
  width: 65%;
}

.testimony-pg__card {
  width: 100%;
  border-bottom: solid 1px #cde0ed;
  padding-bottom: 25px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.testimony-pg__card + .testimony-pg__card {
  padding-top: 65px;
}

.testimony-pg__title {
  font-family: var(--poppins);
  font-size: 1.87rem;
  font-weight: 600;
  line-height: 2.4rem;
  color: var(--santuario-color);
}

.testimony-pg__title span {
  font-weight: 300;
}

.testimony-pg__date,
.modal-speciality p.testimony-pg__date {
  font-family: var(--ubuntu);
  font-size: 0.94rem;
  font-weight: 400;
  color: var(--santuario-color);
}

.testimony-pg__desc,
.modal-speciality p.testimony-pg__desc {
  margin-top: 20px;
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.94rem;
  line-height: 1.7rem;
  color: #535353;
  text-align: justify;
}

.testimony-pg__modal-link {
  margin-top: 0.75rem;
  align-self: end;
  font-family: var(--ubuntu);
  font-weight: 500;
  font-size: 0.94rem;
  color: var(--santuario-color);
}
/* TESTIMONY-PG */
/* pagination */
.btn-paginate-osid .pagination {
  margin-top: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 6px;
}
.btn-paginate-osid .page-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  width: 22px;
  background-color: #7070704d;
  overflow: hidden;
  border-radius: 100%;
  transition: all ease 0.3s;
}
.btn-paginate-osid .page-item.active,
.btn-paginate-osid .page-item:hover {
  background-color: var(--osid-color);
  transition: all ease 0.3s;
}
.btn-paginate-osid .page-item a,
.btn-paginate-osid .page-item span {
  height: 100%;
  width: 100%;
  font-family: var(--ubuntu);
  font-size: 0.93rem;
  font-weight: 500;
  color: #535353;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.btn-paginate-osid .page-item:hover a,
.btn-paginate-osid .page-item.active a,
.btn-paginate-osid .page-item.active span {
  color: #ffffff;
  transition: all ease 0.3s;
}

.pagination {
  margin-top: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 6px;
}

.page-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  width: 22px;
  background-color: #7070704d;
  overflow: hidden;
  border-radius: 100%;
  transition: all ease 0.3s;
}

.page-item.active,
.page-item:hover {
  background-color: var(--santuario-color-dark);
  transition: all ease 0.3s;
}

.page-item a,
.page-item span {
  height: 100%;
  width: 100%;
  font-family: var(--ubuntu);
  font-size: 0.93rem;
  font-weight: 500;
  color: #535353;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}

.page-item:hover a,
.page-item.active a,
.page-item.active span {
  color: #ffffff;
  transition: all ease 0.3s;
}
/* pagination */
/* phrases */
.phrases-pg .wrap {
  padding: 80px 0 60px 0;
}

.phrases-pg .main {
  width: 65%;
}

.phrases-pg__card {
  width: 100%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  border-bottom: #70707059 solid 1px;
  padding-bottom: 40px;
}

.phrases-pg__card + .phrases-pg__card {
  padding-top: 60px;
}

.icon-ttl {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: #70707059 solid 1px;
}

.icon-ttl__icon {
  width: 27px;
  height: auto;
  margin-right: 13px;
}

.icon-ttl__title {
  font-family: var(--poppins);
  font-size: 1.87rem;
  font-weight: 600;
  color: var(--santuario-color);
}

.phrases-pg__card__text {
  width: 100%;
}

.phrases-pg__card__text,
.phrases-pg__card__text p,
.phrases-pg__card__text li {
  font-family: var(--ubuntu);
  font-size: 0.94rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: justify;
  color: #535353;
  margin-bottom: 15px;
}

.phrases-pg__card__text li {
  position: relative;
  padding-left: 20px;
}

.phrases-pg__card__text li::before {
  content: "";
  background-color: var(--santuario-color);
  position: absolute;
  left: 0;
  top: 8px;
  height: 6px;
  width: 6px;
  border-radius: 100%;
}

.phrases-pg__card__text li + li {
  margin-top: 20px;
}
/* phrases */
/* dulce-prayer */
.dulce-prayer {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 25px 32px;
  background-color: #f3f6f7;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  overflow: hidden;
  gap: 30px;
}

.dulce-prayer__title {
  position: relative;
  font-family: var(--poppins);
  font-size: 1.87rem;
  font-weight: 600;
  line-height: 2rem;
  text-align: left;
  color: var(--santuario-color);
}

.dulce-prayer__title::before {
  content: "";
  background-color: var(--santuario-color);
  height: 6px;
  width: 22px;
  position: absolute;
  top: 12px;
  left: -34px;
}

.dulce-prayer__text,
.dulce-prayer__text p {
  font-family: var(--ubuntu);
  font-size: 0.94rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: #535353;
}
/* dulce-prayer */

/*podcast*/
.podcast__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 20px;
  width: 100%;
}
.podcast__item {
  display: flex;
  height: 236px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 57px;
  position: relative;
  z-index: 1;
  width: calc(50% - 20px);
}
.podcast__item:after {
  content: "";
  background: #e2c18e;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.1;
}
.podcast__area__title {
  color: #2f2f2f;
  font-family: var(--poppins);
  font-size: 1.01rem;
  line-height: 23px;
}
.podcast__area__date {
  color: #c3c3c3;
  font-family: var(--poppins);
  font-size: 0.875rem;
  font-weight: normal;
  margin: 15px 0;
}
.podcast__area__description {
  color: #727272;
  font-size: 0.938rem;
  font-family: var(--ubuntu);
}
.podcast__area_audio {
  margin-top: 30px;
  display: table;
  height: 41px;
  width: calc(100% - 14%);
  position: relative;
  z-index: 2;
}
.podcast__area_audio audio {
  height: 100%;

  width: 100%;
}
audio::-webkit-media-controls-panel {
  background: var(--santuario-color-dark95);
}
.podcast.santuario .eng-ttl-desc {
  padding: 30px 0;
}
.podcast.santuario .eng-ttl-desc p {
  color: #727272;

  font-size: 1.125rem;

  line-height: 25px;

  font-family: var(--ubuntu);

  padding: 0 48px;
}
.podcast.santuario .eng-ttl-desc p span {
  color: #b28237;

  font-size: 0.875rem;

  display: block;
}
audio::-webkit-media-controls-panel {
  background: var(--santuario-color-dark95);
}
.podcast.santuario .eng-ttl-desc {
  padding: 30px 0;
}
.podcast.santuario .eng-ttl-desc p {
  color: #727272;

  font-size: 1.125rem;

  line-height: 25px;

  font-family: var(--ubuntu);

  padding: 0 48px;
}
.podcast.santuario .eng-ttl-desc p span {
  color: #b28237;

  font-size: 0.875rem;

  display: block;
}

.slider-multi-lines-topics-status {
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}

.slider-multi-lines-topics-status .splide__pagination {
  justify-content: start;
  bottom: -20px;
  padding: 0;
  opacity: 1;
}

.slider-multi-lines-topics-status .splide__pagination__page {
  height: 1rem;
  width: 1rem;
  border: 2px solid #dee2ea;
  background-color: transparent;
}

.slider-multi-lines-topics-status .splide__pagination__page.is-active {
  background-color: #dee2ea;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.slider-multi-lines-topics-status .splide__track,
.slider-multi-lines-topics-status .splide__list {
  width: 100%;
}

.slider-multi-lines-topics-status .splide__list > .splide__slide {
  width: 100%;
}

.slider-multi-lines-topics-status .splide__slide__row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.link-topics-status {
  font-family: var(--nunito);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  margin-bottom: 40px;
  color: #ffffff;
  background-color: var(--osid-color);
  align-self: end;
  border: var(--osid-color) solid 1px;
  border-radius: 18px;
  padding: 0.5rem 1rem;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
}

.link-topics-status:hover {
  background-color: transparent;
  color: var(--osid-color);
}

.modal-speciality.doacao .eng-ttl .title:before {
  content: "";
  background: var(--doe-color);
  height: 7px;
  width: 33px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px;
  position: relative;
  border-radius: 00;
}
.modal-speciality.doacao .eng-ttl .title {
  margin: 0 auto;
  padding: 0;
  /* line-height: 8px; */
  color: #2b2b2b;
  font-size: 1.45rem;
  display: table;
  width: 100%;
  font-weight: 700;
}
.modal-speciality.doacao .eng-ttl {
  background: inherit;
  padding: 32px 0;
  padding-bottom: 0;
  flex-wrap: wrap;
  padding-top: 0;
}
.modal-speciality.doacao .close-modal {
  top: 8px;
  color: var(--doe-color);
}
.content-box-paymentLink {
  display: flex;
  justify-content: flex-start;
  gap: 30px;
  width: 100%;
  padding: 0 34px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.modal-speciality.doacao .description {
  display: table;
  width: 100%;
  padding: 0 20px;
  margin: 10px 0;
}
.modal-speciality.doacao .box-paymentLink .image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100px;
  border-radius: 20px;
  max-height: 120px;
  padding: 10px 0;
}
.modal-speciality.doacao .box-paymentLink .image img {
  width: 100%;
  object-fit: cover;
  /* max-width: 80px; */
}
.modal-speciality.doacao .box-paymentLink {
  display: flex;
  border: 1px solid #b42a45;
  border-radius: 41px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 18px;
  gap: 13px;
  position: relative;
  width: 46%;
  overflow: hidden;
}
.title-pyment {
  font-size: 17px;
}
.modal-speciality.doacao .description,
.modal-speciality.doacao .description p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2rem;
  color: #2b2b2b;
  text-align: left;
  padding: 0;
}
.modal-speciality.doacao .desc {
  padding-left: 45px;
  padding-right: 30px;
}
.modal-speciality.doacao p {
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2rem;
  color: #2b2b2b;
  text-align: left;
  display: table;
  width: 100%;
  padding: 0 25px;
  margin: 19px 0;
  border: inherit;
  margin-top: 5px;
}
.modal-speciality.doacao.testimony.active {
  max-height: inherit;
  height: 50vh;
  width: 60vw;
  max-width: 810px;
}
.modal-speciality.doacao ul {
  display: block;
  width: 90%;
  margin: 25px 0;
}
.modal-speciality.doacao ul li {
  color: #2b2b2b;
  font-size: 1rem;
  display: table;
  width: 100%;
  font-weight: normal;
  font-family: var(--ubuntu);
  position: relative;
  padding-left: 15px;
}
.modal-speciality.doacao ul li:before {
  background-color: var(--doe-color);
  opacity: 1;
}
.modal-speciality.doacao.active {
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60vw;
  left: 50%;
  height: 100%;
  max-height: 382px;
  border-radius: 40px;
}
.config-footer {
  color: #ebeef3;
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 8px;
  font-family: var(--ubuntu);
  opacity: 0.6;
}
/* new section for status */
.new-status {
  background-color: #f2f6f7;
  position: relative;
  margin-top: 20px;
}

.new-status__img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 40%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}

.new-status .wrap {
  z-index: 5;
  position: relative;
  align-items: end;
}

.new-status__content {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 56px;
  width: 100%;
  max-width: 951px;
}

.new-status__title {
  font-family: var(--ubuntu);
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 2.6rem;
  text-align: center;
  color: var(--osid-color);
  margin-right: 5%;
}

.new-status__title b {
  font-weight: 700;
  color: var(--doe-color-dark);
}

.new-status__list {
  width: 100%;
  display: flex;
  justify-content: end;
  gap: 2px;
}

.new-status__item {
  width: calc(25% - 2px);
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.new-status__item__icon {
  height: 45px;
  width: auto;
  aspect-ratio: 1/1;
  object-fit: contain;
  object-position: center;
  margin-bottom: 0.75rem;
}

.new-status__item__title {
  text-align: center;
  font-family: var(--ubuntu);
  font-size: 1.75rem;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.5rem;
}

.new-status__item__desc {
  text-align: center;
  font-family: var(--ubuntu);
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #ffffff;
}

.new-status__cta {
  width: auto;
  display: flex;
  background-color: var(--doe-color-dark);
  border: solid 1px var(--doe-color-dark);
  border-radius: 28px;
  overflow: hidden;
}

.new-status__call {
  text-align: center;
  vertical-align: middle;
  padding: 1rem 2.5rem;
  font-family: var(--poppins);
  font-size: 1rem;
  font-weight: 400;
  color: var(--osid-color);
  line-height: 1.5rem;
  background-color: #ffffff;
  border-radius: 28px;
}

.new-status__action {
  font-family: var(--poppins);
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  padding: 1.2rem 3rem 0.8rem 3rem;
}

.portal-flag {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 14px;
  gap: 8px;
  position: relative;
  top: 0;
  z-index: 100;
  width: 100%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.portal-flag.educacao {
  background-color: var(--educacao-color);
}

.portal-flag.doe {
  background-color: var(--doe-color);
}

.portal-flag.saude {
  background-color: var(--saude-color);
}

.portal-flag.osid {
  background-color: var(--osid-color);
}

.portal-flag.santuario {
  background-color: var(--santuario-color);
}

.portal-flag__icon {
  height: 27px;
  width: 27px;
  object-fit: contain;
  object-position: center;
}

.portal-flag__title {
  font-family: var(--ubuntu);
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
}