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

/*Lenis CSS*/
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/*Declaring fonts*/
@font-face {
  font-family: 'MicrobrewTwo';
  src: url(./src/font/MicrobrewTwo.ttf);
}

@font-face {
  font-family: 'InterRegular';
  src: url(./src/font/Inter-Regular.ttf);
}

@font-face {
  font-family: 'InterBold';
  src: url(./src/font/Inter-Bold.ttf);
}


/*Aqui vem as classes globais*/
.maxcontainer {
  width: 71.25rem;
  margin: auto;
}

.topo {
  background-image: url(./src/assets/bg-hero-desktop-internato.webp);
  background-size: cover;
  background-position: top center;
  padding: 180px 0 0px 0;
  position: relative;
  overflow: hidden;
}


.topo>.maxcontainer {
  gap: 40px;
}

.unasp-sua-cara{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 700px;
}

.desktopHeroImageMobile{
  display: none;
}

.topo>.maxcontainer>div:first-child {
  width: 35%;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.topo>.maxcontainer>div:last-child {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 65%;

}

.topo>.maxcontainer>div:last-child>img {
  width: 130%;
}

.titulo-azul {
  background-color: #043668;
  color: #fff;
  font-family: 'MicrobrewTwo';
  display: inline-block;
  font-size: 38px;
  padding: 10px 20px;
  text-shadow: 4.4px 0.88px 3.52px rgba(0, 0, 0, 0.45);
  box-shadow: #000 7px 7px 0px 3px;
  transform: rotate(-2.438deg);
  margin-top: -20px;
  margin-left: 55px;
}

.titulo-laranja {
  background-color: #F05025;
  color: #fff;
  font-family: 'MicrobrewTwo';
  display: inline-block;
  font-size: 46px;
  padding: 7px 17px;
  text-shadow: 4.4px 0.88px 3.52px rgba(0, 0, 0, 0.45);
  box-shadow: #000 7px 7px 0px 3px;
  transform: rotate(-2.785deg);
  margin-top: -5px;
  margin-left: 145px;
  position: relative;
  z-index: 5;
}

.titulo-branco {
  background-color: #FFF;
  color: #043668;
  font-family: 'MicrobrewTwo';
  display: inline-block;
  font-size: 46px;
  padding: 10px 20px;

  box-shadow: #000 7px 7px 0px 3px;
  transform: rotate(-4.622deg);
  margin-top: 2px;
  margin-left: 95px;
  z-index: 2;
}


.topo>.maxcontainer {
  display: flex;
  flex-direction: row;
  gap: 50px;
}


/*Loop Slide CSS*/
.loop {
  overflow: hidden;
  padding: 60px 0;
  white-space: nowrap;
  position: relative;
}

.loop:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 250px;
  height: 100%;
  background: rgb(1, 60, 107);
  background: linear-gradient(90deg, #023467 1%, #02346700 98%);
  content: "";
  z-index: 2;
}

.loop:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 250px;
  height: 100%;
  background: rgb(1, 60, 107);
  background: linear-gradient(90deg, #02346700 1%, #023467 98%);
  content: "";
  z-index: 2;
}


.loop-slide {
  display: inline-block;
  animation: 25s slideLoop infinite linear;
}

.loop:hover .loop-slide {
  animation-play-state: paused;
}


.loop-slide img {
  height: 350px;
  margin: 0 20px;
  object-fit: cover;
}

@keyframes slideLoop {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.loopBeneficios {
  background: url(./src/assets/bg-loop.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
}

.loopBeneficios>.maxcontainer {
  display: flex;

  flex-direction: column;
}

.loopBeneficios>.maxcontainer>h2 {
  font-family: 'MicrobrewTwo';
  color: #fff;
  text-align: center;
  width: min(700px, 90%);
  margin: auto;
  font-size: 62px;
  font-weight: 400;
  margin-bottom: 30px;
  -webkit-text-stroke: 1px #ffffff;
  -webkit-text-fill-color: transparent;
}

.loopBeneficios>.maxcontainer>p {
  color: #fff;
  font-family: 'InterRegular';
  text-align: center;
  width: min(700px, 90%);
  margin: auto;
  font-weight: 400;
  font-size: 22px;
}

.text-btn {
  color: #FFF !important;
  font-family: 'InterBold' !important;
  text-align: center !important;
  width: min(500px, 90%) !important;
  margin: auto !important;
  margin-bottom: 30px !important;
  font-size: 20px !important;
}

.loopBeneficios>.maxcontainer>a {
  padding: 15px 40px;
  background-color: #F05025;
  border: 1px solid #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 22px;
  font-family: 'InterRegular';
  color: #fff;
  margin: auto;
  display: inline-flex;
  align-self: center;
  justify-content: center;
}

.loopBeneficios>.maxcontainer>a:hover {
  background-color: #ad4301;
  transition: all .5s;
}


/*Swiper Slide*/
.swiper {
  width: 100%;
  height: 600px;
}

.inner-slide {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  padding-bottom: 60px;
}

.inner-slide>h2 {
  color: #fff;
  font-family: 'MicrobrewTwo';
  font-size: 58px;
  font-weight: 300;
  -webkit-text-stroke: 1px #ffffff;
  -webkit-text-fill-color: transparent;
}

.inner-slide>p {
  font-size: 30px;
  color: #fff;
  font-family: 'InterRegular';
  width: min(800px, 90%);
  margin-top: 20px;
}

.inner-slide>a {
  background-color: #F05025;
  border: 1px solid #fff;
  font-size: 22px;
  text-decoration: none;
  padding: 15px 50px;
  color: #fff;
  font-family: 'InterRegular';
  text-transform: uppercase;
  margin-top: 20px;
}

.inner-slide>a:hover {
  background-color: #ad4301;
  transition: all .5s;
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
}

.swiper-pagination-bullet {
  background: #fff !important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
}

.slider1 {
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/slide-internato.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;

}

.slider2 {
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/slide-internato2.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.slider3 {
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/slide-internato3.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.slider4 {
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/slide-internato4.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.slider5 {
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/slide-internato5.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}




.tedio {
  background: #043668 url(./src/assets/Textura.webp);
  padding: 80px 0;
}

.tedio>.maxcontainer {
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
}

.tedio>.maxcontainer>.titulo-branco .titulo-laranja {
  display: inline-block;
  align-self: center;
  text-align: center;
}

.md-container {
  width: 55rem;
}


/*Cursos livres css*/
.md-container>.cursos-livres {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 30px;
}

.md-container>.cursos-livres>img {
  width: 230px;
  position: absolute;
  left: 30%;
  bottom: 0px;
}

.md-container>.cursos-livres>.seta {
  display: flex;
  flex-direction: row;
}

.md-container>.cursos-livres>.seta>div {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.md-container>.cursos-livres>.seta>:last-child {
  padding-bottom: 50px;
}

.md-container>.cursos-livres>.seta>:last-child>h3 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  -webkit-text-stroke: 0.5px #ffffff;
  -webkit-text-fill-color: transparent;
}

.md-container>.cursos-livres>.seta>:last-child>h2 {
  color: #FFF;
  font-family: 'InterBold';
  font-size: 52px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.md-container>.cursos-livres>.seta>:last-child>p {
  color: #fff;
  font-family: 'InterRegular';
  font-size: 20px;
}

.md-container>.cursos-livres>.seta>:last-child>img {
  width: 390px;
}

.cursos-livres-img {
  width: 320px;
}


/*SavePoint Css*/
.savepoint {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}

.savepoint>div {
  width: 50%;
}

.savepoint>div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.savepoint>div:first-child>h3 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  -webkit-text-stroke: 0.7px #ffffff;
  -webkit-text-fill-color: transparent;
  width: min(300px, 90%);
}

.savepoint>div:first-child>h2 {
  color: #FFF;
  font-family: 'InterBold';
  font-size: 52px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.savepoint>div:first-child>img {
  width: 350px;
}

.savepoint>div:first-child>p {
  color: #fff;
  font-family: 'InterRegular';
  font-size: 20px;
  width: min(370px, 90%);
}

.savepoint>div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

.savepoint>div:last-child>img {
  width: 350px;
}

/*Complexo Deportivo*/
.complexo-desportivo {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}

.complexo-desportivo>div:first-child {
  width: 50%;
}

.complexo-desportivo>div:first-child>img {
  width: 350px;
}

.complexo-desportivo>div:last-child {
  display: block;
  margin: auto;
  width: 50%;
}

.complexo-desportivo>div:last-child>h3 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  -webkit-text-stroke: 0.7px #ffffff;
  -webkit-text-fill-color: transparent;
  width: min(300px, 90%);
}

.complexo-desportivo>div:last-child>h2 {
  color: #FFF;
  font-family: 'InterBold';
  font-size: 52px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.complexo-desportivo>div:last-child>img {
  width: 300px;
}

.complexo-desportivo>div:last-child>p {
  color: #fff;
  font-family: 'InterRegular';
  font-size: 20px;
  width: min(430px, 90%);
}

.complexo-desportivo:div {
  width: 50%;
}

/*Piscina Css*/
.piscina {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}

.piscina>div {
  width: 50%;
}

.piscina>div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.piscina>div:first-child>h3 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  -webkit-text-stroke: 0.7px #ffffff;
  -webkit-text-fill-color: transparent;
  width: min(300px, 90%);
}

.piscina>div:first-child>h2 {
  color: #FFF;
  font-family: 'InterBold';
  font-size: 52px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.piscina>div:first-child>img {
  width: 350px;
}

.piscina>div:first-child>p {
  color: #fff;
  font-family: 'InterRegular';
  font-size: 20px;
  width: min(370px, 90%);
}

.piscina>div:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

.piscina>div:last-child>img {
  width: 350px;
}

/*Amizades*/
.amizade {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}

.amizade>div:first-child {
  width: 50%;
}

.amizade>div:first-child>img {
  width: 350px;
}

.amizade>div:last-child {
  display: block;
  margin: auto;
  width: 50%;
}

.amizade>div:last-child>h3 {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 400;
  -webkit-text-stroke: 0.7px #ffffff;
  -webkit-text-fill-color: transparent;
  width: min(300px, 90%);
}

.amizade>div:last-child>h2 {
  color: #FFF;
  font-family: 'InterBold';
  font-size: 52px;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.amizade>div:last-child>img {
  width: 350px;
}

.amizade>div:last-child>p {
  color: #fff;
  font-family: 'InterRegular';
  font-size: 20px;
  width: min(430px, 90%);
}

.amizade:div {
  width: 50%;
}

/*CTA final cards*/
.tedio>.maxcontainer>a {
  background-color: #F05025;
  border: 1px solid #fff;
  font-size: 22px;
  text-decoration: none;
  padding: 15px 50px;
  color: #fff;
  font-family: 'InterRegular';
  text-transform: uppercase;
  margin-top: 60px;
}

.tedio>.maxcontainer>a:hover {
  background-color: #ad4301;
  transition: all .5s;
}


.titulo-azul-morar {
  background-color: #043668;
  color: #fff;
  font-family: 'MicrobrewTwo';
  font-weight: 300;
  display: inline-flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  padding: 10px 20px;
  text-shadow: 4.4px 0.88px 3.52px rgba(0, 0, 0, 0.45);
  box-shadow: #000 7px 7px 0px 3px;
  transform: rotate(-2.438deg);
  margin-top: -20px;
  margin-bottom: 50px;
  -webkit-text-stroke: 1px #ffffff;
  -webkit-text-fill-color: transparent;
}

.onde-vou-morar {
  padding: 80px 0;
  background: url(./src/assets/onde-vou-morar-desktop.webp);
  background-size: cover;
}

.onde-vou-morar>.maxcontainer {
  display: flex;
  flex-direction: column;
}



.onde-vou-morar>.maxcontainer>p {
  text-align: center;
  color: #043668;
  text-align: center;
  font-family: 'InterRegular';
  font-size: 20px;
  width: min(800px, 90%);
  margin: auto;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.onde-vou-morar>.maxcontainer>a {
  background-color: #F05025;
  border: 1px solid #fff;
  font-size: 22px;
  text-decoration: none;
  padding: 15px 50px;
  color: #fff;
  font-family: 'InterRegular';
  text-transform: uppercase;
  display: inline-flex;
  align-self: center;
  text-align: center;
  margin-top: 30px;
}

.onde-vou-morar>.maxcontainer>a:hover {
  background-color: #ad4301;
  transition: all .5s;
}

.cards-wrapper {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: center;
}

.cards-wrapper>.cards>img {
  width: 100%;
  object-fit: contain;
  height: 260px;
}

.cards-wrapper>.cards>h2 {
  color: #043668;
  text-align: center;
  font-family: 'InterBold';
  font-size: 32px;
  margin: 10px 0;
}

.cards-wrapper>.cards>p {
  color: #043668;
  text-align: center;
  font-family: 'InterRegular';
  font-size: 18px;
}

.oque-posso-estudar {
  background-color: #036;
  padding: 80px 0;
}

.oque-posso-estudar>.maxcontainer {
  display: flex;
  flex-direction: column;
}

.oque-posso-estudar>.maxcontainer>h2 {
  text-align: center;
  color: #fff;
  font-family: 'MicrobrewTwo';
  font-size: 62px;
  font-weight: 400;
  margin-bottom: 20px;
}

.oque-posso-estudar>.maxcontainer>p {
  color: #FFF;
  text-align: center;
  font-family: 'InterRegular';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 30.8px */
  letter-spacing: 3.2px;
  text-transform: uppercase;
  width: min(800px, 90%);
  margin: auto;
  padding-bottom: 40px;
}


/*CSS Bolsas Integradas*/
.bolsas-integradas {
  padding: 80px 0;
  background-image: url(./src/assets/bolsas-integradas-bg-desktop.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

.bolsas-integradas>.maxcontainer {
  display: flex;
  flex-direction: column;
}

.bolsas-integradas>.maxcontainer>h2 {
  text-align: center;
  font-family: 'MicrobrewTwo';
  color: #043668;
  font-size: 62px;
  font-family: 300;
  margin-bottom: 20px;
}

.bolsas-integradas>.maxcontainer>p {
  color: #043668;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'InterRegular';
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  width: min(800px, 90%);
  margin: 0px auto 50px auto;
}

.bolsas-integradas>.maxcontainer>a {
  background-color: #F05025;
  border: 1px solid #fff;
  font-size: 22px;
  text-decoration: none;
  padding: 15px 50px;
  color: #fff;
  font-family: 'InterRegular';
  text-transform: uppercase;
  display: inline-flex;
  align-self: center;
  text-align: center;
  margin-top: 30px;
}

.onde-vou-morar>.maxcontainer>a:hover {
  background-color: #ad4301;
  transition: all .5s;
}

.cards-angulados {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 90px;
  margin-bottom: 40px;
}

.cards-angulados>.card1 {
  height: 500px;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/variedade-de-bolsas.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 55px 20px;
  color: #fff;
  font-family: 'InterRegular';
  text-align: center;
  transform: rotate(4deg);
}

.cards-angulados>.card1:hover {
  transform: rotate(0deg);
  transform: scale(1.05);
  transition: all .5s;
}

.cards-angulados>.card1:not(:hover) {
  transform: rotate(4deg);
  transition: all .8s;
}

.cards-angulados>.card1>h3 {
  font-family: 'InterBold';
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 15px;
}

.cards-angulados>.card2 {
  height: 500px;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/oportunidades-de-trabalho.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 55px 20px;
  color: #fff;
  font-family: 'InterRegular';
  text-align: center;
  transform: rotate(-4deg);
}

.cards-angulados>.card2:hover {
  transform: rotate(0deg);
  transform: scale(1.05);
  transition: all .5s;
}

.cards-angulados>.card2:not(:hover) {
  transform: rotate(-4deg);
  transition: all .8s;
}

.cards-angulados>.card2>h3 {
  font-family: 'InterBold';
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 15px;
}

.cards-angulados>.card3 {
  height: 500px;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/rotativida-de-setor.webp');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 20px;
  color: #fff;
  font-family: 'InterRegular';
  text-align: center;
  transform: rotate(4deg);
}

.cards-angulados>.card3:hover {
  transform: rotate(0deg);
  transform: scale(1.05);
  transition: all .5s;
}

.cards-angulados>.card3:not(:hover) {
  transform: rotate(4deg);
  transition: all .8s;
}

.cards-angulados>.card3>h3 {
  font-family: 'InterBold';
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 15px;
}

.mao-na-massa {
  background-color: #0A3E72;
  padding: 80px 0;
}

.mao-na-massa>.maxcontainer {
  display: flex;
  flex-direction: column;
}

.mao-na-massa>.maxcontainer>.titulo-laranja {
  display: flex;
  margin: auto;
  font-size: 62px;
  margin-bottom: 50px;
}

.mao-na-massa>.maxcontainer>h3 {
  color: #FFF;
  text-align: center;
  font-family: 'InterRegular';
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 30.8px */
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.mao-na-massa>.maxcontainer>p {
  color: #FFF;
  text-align: center;
  font-family: 'InterRegular';
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 30.8px */
  margin-bottom: 40px;
}

.mao-na-massa>.maxcontainer>a {
  background-color: #F05025;
  border: 1px solid #fff;
  font-size: 22px;
  text-decoration: none;
  padding: 15px 50px;
  color: #fff;
  font-family: 'InterRegular';
  text-transform: uppercase;
  display: inline-flex;
  align-self: center;
  text-align: center;
  margin-top: 10px;
}

.mao-na-massa>.maxcontainer>a:hover {
  background-color: #ad4301;
  transition: all .5s;
}

.aicom {
  overflow: hidden;
}

.aicom>div:hover {
  transform: scale(1.1);
  transition: all .5s;
}

.aicom>div:not(:hover) {
  transform: scale(1.0);
  transition: all .5s;
}


.aicom>div {
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/aicom-card.webp');
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 30px;
  font-size: 14px;
  font-family: 'InterRegular';
  text-align: left;
}

.nutea {
  overflow: hidden;
}

.nutea>div:hover {
  transform: scale(1.1);
  transition: all .5s;
}

.nutea>div:not(:hover) {
  transform: scale(1.0);
  transition: all .5s;
}


.nutea>div {
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/nutea-card.webp');
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 30px;
  font-size: 14px;
  font-family: 'InterRegular';
  text-align: left;
}

.npj {
  overflow: hidden;
}

.npj>div:hover {
  transform: scale(1.1);
  transition: all .5s;
}

.npj>div:not(:hover) {
  transform: scale(1.0);
  transition: all .5s;
}


.npj>div {
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/npj-card.webp');
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 30px;
  font-size: 14px;
  font-family: 'InterRegular';
  text-align: left;
}

.pratica-agricola {
  overflow: hidden;
}

.pratica-agricola>div:hover {
  transform: scale(1.1);
  transition: all .5s;
}

.pratica-agricola>div:not(:hover) {
  transform: scale(1.0);
  transition: all .5s;
}


.pratica-agricola>div {
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/pratica-agricola.webp');
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 30px;
  font-size: 14px;
  font-family: 'InterRegular';
  text-align: left;
}

.centro-saude {
  overflow: hidden;
}

.centro-saude>div:hover {
  transform: scale(1.1);
  transition: all .5s;
}

.centro-saude>div:not(:hover) {
  transform: scale(1.0);
  transition: all .5s;
}


.centro-saude>div {
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/centro-integrado-de-saude.jpg');
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 30px;
  font-size: 14px;
  font-family: 'InterRegular';
  text-align: left;
}


.clinica-psicologia {
  overflow: hidden;
}

.clinica-psicologia>div:hover {
  transform: scale(1.1);
  transition: all .5s;
}

.clinica-psicologia>div:not(:hover) {
  transform: scale(1.0);
  transition: all .5s;
}


.clinica-psicologia>div {
  width: 100%;
  height: 100%;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/clinica-psicologia.jpg');
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 30px;
  font-size: 14px;
  font-family: 'InterRegular';
  text-align: left;
}

.experiencia-procura {
  margin-top: 30px;
}

/*Grid mao na massa*/
.grid-mao-na-massa {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 250px 250px;
  gap: 20px;
}

/*Testimonial Slider*/
.swiper-slide {
  background-color: transparent;
}

.swipertestimonial {
  width: 70%;
  height: 350px;
  border-radius: 12px;
}

.swipertestimonial1 {
  background-color: #0C2742;
  width: 100%;
  height: 100%;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.swipertestimonial1>p {
  color: #FFF;
  font-family: 'InterRegular';
  margin-bottom: 30px;
}

.swipertestimonial1>h3 {
  color: #F05025;
  font-family: 'InterRegular';
}

.swipertestimonial2 {
  background-color: #0C2742;
  width: 100%;
  height: 100%;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.swipertestimonial2>p {
  color: #FFF;
  font-family: 'InterRegular';
  margin-bottom: 30px;
}

.swipertestimonial2>h3 {
  color: #F05025;
  font-family: 'InterRegular';
}

.swipertestimonial3 {
  background-color: #0C2742;
  width: 100%;
  height: 100%;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.swipertestimonial3>p {
  color: #FFF;
  font-family: 'InterRegular';
  margin-bottom: 30px;
}

.swipertestimonial3>h3 {
  color: #F05025;
  font-family: 'InterRegular';
}


/*Testimonial Section CSS*/
.testimonial {
  background-image: url(./src/assets/testimonial-bg-desktop.webp);
  background-size: cover;
  background-position: bottom center;
}

.testimonial>.maxcontainer {
  display: flex;
  flex-direction: column;
  padding: 80px 0;
  margin: auto;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.testimonial>.maxcontainer>h2 {
  font-family: 'MicrobrewTwo';
  font-size: 58px;
  color: #fff;
  font-weight: 400;
  width: min(700px, 90%);
}

.testimonial>.maxcontainer>p {
  color: #FFF;
  text-align: center;
  font-family: 'InterRegular';
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 30.8px */
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

/*Preparado para servir CSS*/
.preparado-pra-servir {
  background-image: url(./src/assets/preparado-para-servir-bg.webp);
  background-repeat: repeat-y;
  background-size: cover;
  padding: 80px 0;
}



.preparado-pra-servir>.maxcontainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  margin: auto;
  text-align: center;
  gap: 20px;
}



.preparado-pra-servir>.maxcontainer>.titulo-azul {
  display: inline-flex;
  margin: auto;
  font-weight: 400;
  font-size: 62px;
  margin-bottom: 40px;
}

.preparado-pra-servir>.maxcontainer>p {
  color: #043668;
  text-align: center;
  font-family: 'InterRegular';
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: 3.2px;
  text-transform: uppercase;
  width: min(900px, 90%);
  margin: 0 auto 0px auto;
}

/*Slide Vertical*/

.titulo-cover-layer {
  margin: 0 auto;
  background-color: #F05025;
  font-family: 'MicrobrewTwo';
  font-size: 42px;
  font-weight: 400;
  padding: 10px 40px;
  color: #fff;
  transform: rotate(-4.622deg);
}

.escola-missao {
  width: 100%;
  height: 400px;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/escola-de-missoes.webp');
  background-size: cover;
  background-position: center center;
  color: #fff;
  display: flex !important;
  flex-direction: column !important;
  justify-content: end !important;
  padding: 30px;
}

.programacoes {
  width: 100%;
  height: 400px;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/programacoes.webp');
  background-size: cover;
  background-position: center center;
  color: #fff;
  display: flex !important;
  flex-direction: column !important;
  justify-content: end !important;
  padding: 30px;
}

.voluntariado {
  width: 100%;
  height: 400px;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/voluntariado.webp');
  background-size: cover;
  background-position: center center;
  color: #fff;
  display: flex !important;
  flex-direction: column !important;
  justify-content: end !important;
  padding: 30px;
}

.desbravadores {
  width: 100%;
  height: 400px;
  background-image:
    linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
    url('./src/assets/desbravadores.webp');
  background-size: cover;
  background-position: center center;
  color: #fff;
  display: flex !important;
  flex-direction: column !important;
  justify-content: end !important;
  padding: 30px;
}

/*Mapa CSS*/
.crop-mapa {
  background-image: url(./src/assets/unasp-ec-blur.jpg);
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: -10px;
  overflow: auto hidden;
  margin: auto;
  position: relative;
}

.none {
  display: none !important;

}

.mapa {
  background-position: center center;
  height: 100%;
  width: 100%;
}

.mapaBtn {
  width: 30px;
}

.mapaBtn:hover {
  border-radius: 100px;
  box-shadow: 0px 0px 0px 10px #0033666d;
  transition: all .5s;
  cursor: pointer;
}

.mapaBtn:not(:hover) {
  border-radius: 100px;
  box-shadow: 0px 0px 0px 00px #0033666d;
  transition: all .5s;
  cursor: pointer;
  transition: all .5s;
}

.mapa-piscina {
  position: absolute;
  bottom: 37%;
  right: 15%;
}

#piscina-item {
  position: absolute;
  bottom: 37%;
  right: 17%;
  z-index: 2;
}

.mapa-pista-de-corrida {
  position: absolute;
  top: 15%;
  right: 20%;
}

#pista-corrida-item {
  position: absolute;
  top: 15%;
  right: 22%;
  z-index: 2;
}

.mapa-faculdade {
  position: absolute;
  top: 28%;
  left: 29%;
}

#faculdade-item {
  position: absolute;
  top: 28%;
  left: 31%;
  z-index: 2;
}

.mapa-restaurante {
  position: absolute;
  top: 17%;
  right: 40%;
}

#restaurante-item {
  position: absolute;
  top: 17%;
  right: 42%;
  z-index: 2;
}

.mapa-unasp-store {
  position: absolute;
  top: 25%;
  left: 38%;
}

#unasp-store-item {
  position: absolute;
  top: 25%;
  left: 40%;
  z-index: 2;
}

.mapa-reitoria {
  position: absolute;
  bottom: 28%;
  left: 30%;
}

#reitoria-item {
  position: absolute;
  bottom: 28%;
  left: 32%;
  z-index: 2;
}

.mapa-igreja-unasp {
  position: absolute;
  top: 40%;
  left: 36%;
}

#igreja-unasp-item {
  position: absolute;
  top: 40%;
  left: 38%;
  z-index: 2;
}

.mapa-estudio {
  position: absolute;
  top: 55%;
  left: 35%;
}

#estudio-item {
  position: absolute;
  top: 55%;
  left: 37%;
  z-index: 2;
}

.mapa-campo {
  position: absolute;
  bottom: 27%;
  right: 13%;
}

#campo-item {
  position: absolute;
  bottom: 27%;
  right: 15%;
  z-index: 2;
}

.mapa-cpb {
  position: absolute;
  top: 28%;
  left: 35%;
}

#cpb-item {
  position: absolute;
  top: 28%;
  left: 37%;
  z-index: 2;
}

.mapa-biblioteca {
  position: absolute;
  top: 28%;
  left: 43%;
}

#biblioteca-item {
  position: absolute;
  top: 28%;
  left: 45%;
  z-index: 2;
}

.mapa-centro-esportivo {
  position: absolute;
  bottom: 13%;
  right: 10%;
}

#centro-esportivo-item {
  position: absolute;
  bottom: 13%;
  right: 12%;
  z-index: 2;
}

.mapa-residencial-feminino {
  position: absolute;
  top: 10%;
  left: 48%;
}

#residencial-feminino-item {
  position: absolute;
  top: 10%;
  left: 50%;
  z-index: 2;
}

.mapa-colegio-unasp {
  position: absolute;
  bottom: 20%;
  right: 45%;
}

#colegio-unasp-item {
  position: absolute;
  bottom: 20%;
  right: 47%;
  z-index: 2;
}

.mapa-residencial-masculino {
  position: absolute;
  top: 26%;
  right: 30%;
}

#residencial-masculino-item {
  position: absolute;
  top: 26%;
  right: 32%;
  z-index: 2;
}

.mapa-nutea {
  position: absolute;
  top: 36%;
  left: 15%;
}

#nutea-item {
  position: absolute;
  top: 36%;
  left: 17%;
  z-index: 2;
}

.mapa-mab {
  position: absolute;
  top: 15%;
  left: 22%;
}

#mab-item {
  position: absolute;
  top: 15%;
  left: 24%;
  z-index: 2;
}

.mapa-quadras {
  position: absolute;
  top: 45%;
  right: 14%;
}

#quadras-item {
  position: absolute;
  top: 45%;
  right: 16%;
  z-index: 2;
}

.mapa-hotel {
  position: absolute;
  top: 4%;
  right: 32%;
}

#hotel-item {
  position: absolute;
  top: 4%;
  right: 34%;
  z-index: 2;

}

.mapa-praca {
  position: absolute;
  top: 31%;
  left: 38%;
}

#praca-item {
  position: absolute;
  top: 31%;
  left: 40%;
  z-index: 2;
}



.card-mapa {
  display: inline-flex;
  flex-direction: row;
  color: #fff;
  border: 1px solid #1172d4;
  background-color: #003265;
  border-radius: 12px;
  font-family: 'InterRegular';
  font-weight: 400;
  font-size: 12px;
  height: 100px;
  width: min(250px, 90%);
  text-transform: uppercase;
}

.card-mapa:hover {
  height: 200px;
  width: min(450px, 90%);
  transition: all .5s;
}

.card-mapa:not(:hover) {
  height: 100px;
  width: min(250px, 90%);
  transition: all .5s;
}

.card-mapa>h3 {
  margin: 20px 10px;
}

/*Orange Loop*/
.orangeLoop {
  overflow: hidden;
  padding: 20px 0;
  white-space: nowrap;
  position: relative;
  background-color: #F05025;
}

.orangeLoop:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 250px;
  height: 100%;
  background: #F05025;
  background: linear-gradient(90deg, #F05025 1%, #f0512504 98%);
  content: "";
  z-index: 2;
}

.orangeLoop:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 250px;
  height: 100%;
  background: rgb(1, 60, 107);
  background: linear-gradient(90deg, #f051250a 1%, #F05025 98%);
  content: "";
  z-index: 2;
}


.orange-slide {
  display: inline-block;
  animation: 18s slideLoop infinite linear;
}

.orange-slide img {
  height: 20px;
  margin: 0 20px;
  object-fit: cover;
}

/*Orange Loop Reverse*/
.orangeLoopReverse {
  overflow: hidden;
  padding: 20px 0;
  white-space: nowrap;
  position: relative;
  background-color: #F05025;
}

.orangeLoopReverse:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 250px;
  height: 100%;
  background: #F05025;
  background: linear-gradient(90deg, #F05025 1%, #f0512504 98%);
  content: "";
  z-index: 2;
}

.orangeLoopReverse:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 250px;
  height: 100%;
  background: rgb(1, 60, 107);
  background: linear-gradient(90deg, #f051250a 1%, #F05025 98%);
  content: "";
  z-index: 2;
}


.orange-slideReverse {
  display: inline-block;
  animation: 30s slideLoopReverse infinite linear;
}

.orange-slideReverse img {
  height: 20px;
  margin: 0 20px;
  object-fit: cover;
}

@keyframes slideLoop {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes slideLoopReverse {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}


/*Acordion CSS Lista de Cursos*/
.accordion-box {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;

}

.accordion-unit {
  background-color: #FFFFFF;
  /* White background for items */
  border: 1px solid #E0E0E0;
  /* Light border */
  border-radius: 8px;
  margin-bottom: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  /* Softer shadow */
}

/*Accordion 1*/
.accordion-unit1>div {
  background-color: #163059;
  color: #fff;
  border-radius: 10px;
  font-size: 'InterRegular';
}

.accordion-unit1>div>h2 {
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
  font-family: 'InterRegular';
  text-transform: uppercase;
  font-weight: 400;
}

/*Accordion 2*/
.accordion-unit2>div {
  background-color: #163059;
  color: #fff;
  border-radius: 10px;
  font-size: 'InterBold';
}

.accordion-unit2>div>h2 {
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
  font-family: 'InterRegular';
  text-transform: uppercase;
  font-weight: 400;
}

/*Accordion 3*/
.accordion-unit3>div {
  background-color: #163059;
  color: #fff;
  border-radius: 10px;
  font-size: 'InterBold';
}

.accordion-unit3>div>h2 {
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
  font-family: 'InterRegular';
  text-transform: uppercase;
  font-weight: 400;
}

/*Accordion 4*/
.accordion-unit4>div {
  background-color: #163059;
  color: #fff;
  border-radius: 10px;
  font-size: 'InterBold';
}

.accordion-unit4>div>h2 {
  font-size: 16px;
  text-align: center;
  padding: 5px 0;
  font-family: 'InterRegular';
  text-transform: uppercase;
  font-weight: 400;
}

.accordion-head {
  background-color: #ffffff;
  /* Soft blue */
  color: #00366C;
  /* White text */
  font-weight: bold;
  padding: 15px;
  font-size: 16px;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px 8px 8px 8px;
  transition: background-color 0.3s ease;
  font-family: 'InterRegular';
  border: 1px solid #003265;
  margin-top: -10px;
}

.accordion-head:hover {
  background-color: #00366C;
  /* Soft blue */
  border: 1px solid #fff;
  color: #FFFFFF;
  /* White text */
  transition: all .3s;
}

.accordion-conteudo {
  background-color: #fafafa36;
  /* Very light grey for content */
  overflow: hidden;
  padding: 0px 35px;
  border-radius: 0 0 8px 8px;
  color: #ffffff;
  max-height: 0;
  transition: max-height 0.3s ease;
  font-family: 'InterRegular';
}

.accordion-conteudo ul {
  margin: 15px 0;
  line-height: 1.5;
}

.icon {
  transition: transform 0.3s ease;
}

.active .icon {
  transform: rotate(45deg);
}

@media only screen and (max-width: 600px) {
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  /*Lenis CSS*/
  html.lenis,
  html.lenis body {
    height: auto;
  }

  .lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }

  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }

  .lenis.lenis-stopped {
    overflow: hidden;
  }

  .lenis.lenis-scrolling iframe {
    pointer-events: none;
  }

  /*Declaring fonts*/
  @font-face {
    font-family: 'MicrobrewTwo';
    src: url(./src/font/MicrobrewTwo.ttf);
  }

  @font-face {
    font-family: 'InterRegular';
    src: url(./src/font/Inter-Regular.ttf);
  }

  @font-face {
    font-family: 'InterBold';
    src: url(./src/font/Inter-Bold.ttf);
  }


  /*Aqui vem as classes globais*/
  .maxcontainer {
    width: 100%;
    margin: auto;
  }

  .topo {
    background-image: url(./src/assets/bg-hero-mobile-internato.webp);
    background-size: contain;
    background-color: #043668;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 50px 20px 0px 20px;
    position: relative;
    overflow: hidden;
  }
  
  
  .topo>.maxcontainer {
    gap: 40px;
  }
  
  .unasp-sua-cara{
    position: static;
    bottom: 0;
    right: 0;
    width: 100%;
  }
  
  .desktopHeroImage{
    display: none;
  }

  .desktopHeroImageMobile{
    display: block
  }
  .topo>.maxcontainer>div:first-child {
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .topo>.maxcontainer>div:last-child {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
  
  }
  
  .topo>.maxcontainer>div:last-child>img {
    width: 115%;
  }

  .titulo-azul {
    background-color: #043668;
    color: #fff;
    font-family: 'MicrobrewTwo';
    display: inline-block;
    font-size: 26px;
    padding: 10px 10px;
    text-shadow: 4.4px 0.88px 3.52px rgba(0, 0, 0, 0.45);
    box-shadow: #000 7px 7px 0px 3px;
    transform: rotate(-2.438deg);
    margin: -20px auto 0 auto;
    align-self: center;
  }

  .titulo-laranja {
    background-color: #F05025;
    color: #fff;
    font-family: 'MicrobrewTwo';
    display: inline-block;
    font-size: 26px;
    padding: 7px 17px;
    text-shadow: 4.4px 0.88px 3.52px rgba(0, 0, 0, 0.45);
    box-shadow: #000 7px 7px 0px 3px;
    transform: rotate(-2.785deg);
    margin: -5px auto 0 auto;
    text-align: center;
    z-index: 5;
  }

  .titulo-branco {
    background-color: #FFF;
    color: #043668;
    font-family: 'MicrobrewTwo';
    display: inline-block;
    font-size: 26px;
    padding: 10px 20px;
    box-shadow: #000 7px 7px 0px 3px;
    transform: rotate(-4.622deg);
    margin: 2px auto 0 auto;
    z-index: 2;
  }


  .topo>.maxcontainer {
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;
    justify-content: center;
  }

  .topo>.maxcontainer>div {
    width: 100% !important;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .topo>.maxcontainer>div:last-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

  .topo>.maxcontainer>div:last-child>a>img {
    width: 100%;
    display: block;
    margin: auto;
  }

  /*Loop Slide CSS*/
  .loop {
    overflow: hidden;
    padding: 60px 0;
    white-space: nowrap;
    position: relative;
  }

  .loop:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: rgb(1, 60, 107);
    background: linear-gradient(90deg, #023467 1%, #02346700 98%);
    content: "";
    z-index: 2;
  }

  .loop:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: rgb(1, 60, 107);
    background: linear-gradient(90deg, #02346700 1%, #023467 98%);
    content: "";
    z-index: 2;
  }


  .loop-slide {
    display: inline-block;
    animation: 25s slideLoop infinite linear;
  }

  .loop:hover .loop-slide {
    animation-play-state: running;
  }


  .loop-slide img {
    height: 250px;
    margin: 0 20px;
    object-fit: cover;
  }

  @keyframes slideLoop {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-100%);
    }
  }

  .loopBeneficios {
    background: url(./src/assets/bg-loop.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
  }

  .loopBeneficios>.maxcontainer {
    display: flex;
    flex-direction: column;
  }

  .loopBeneficios>.maxcontainer>h2 {
    font-family: 'MicrobrewTwo';
    color: #fff;
    text-align: center;
    width: min(700px, 90%);
    margin: auto;
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 30px;
    -webkit-text-stroke: 1px #ffffff;
    -webkit-text-fill-color: transparent;
  }

  .loopBeneficios>.maxcontainer>p {
    color: #fff;
    font-family: 'InterRegular';
    text-align: center;
    width: min(700px, 90%);
    margin: auto;
    font-weight: 400;
    font-size: 16px;
  }

  .text-btn {
    color: #FFF !important;
    font-family: 'InterBold' !important;
    text-align: center !important;
    width: min(500px, 90%) !important;
    margin: auto !important;
    margin-bottom: 30px !important;
    font-size: 16px !important;
  }

  .loopBeneficios>.maxcontainer>a {
    padding: 15px 40px;
    background-color: #F05025;
    border: 1px solid #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'InterRegular';
    color: #fff;
    margin: auto;
    display: inline-flex;
    align-self: center;
    justify-content: center;
  }

  .loopBeneficios>.maxcontainer>a:hover {
    background-color: #ad4301;
    transition: all .5s;
  }


  /*Swiper Slide*/
  .swiper {
    width: 100%;
    height: 450px;
  }

  .inner-slide {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    padding: 60px 20px;

  }

  .inner-slide>h2 {
    color: #fff;
    font-family: 'MicrobrewTwo';
    font-size: 32px;
    font-weight: 300;
    -webkit-text-stroke: 1px #ffffff;
    -webkit-text-fill-color: transparent;
  }

  .inner-slide>p {
    font-size: 16px;
    color: #fff;
    font-family: 'InterRegular';
    width: min(800px, 90%);
    margin-top: 20px;
  }

  .inner-slide>a {
    background-color: #F05025;
    border: 1px solid #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 15px 50px;
    color: #fff;
    font-family: 'InterRegular';
    text-transform: uppercase;
    margin-top: 20px;
  }

  .inner-slide>a:hover {
    background-color: #ad4301;
    transition: all .5s;
  }

  .swiper-button-next,
  .swiper-button-prev {
    color: #fff !important;
  }

  .swiper-pagination-bullet {
    background: #fff !important;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
  }

  .slider1 {
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/slide-internato.webp');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;

  }

  .slider2 {
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/slide-internato2.webp');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }

  .slider3 {
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/slide-internato3.webp');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }

  .slider4 {
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/slide-internato4.webp');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }

  .slider5 {
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/slide-internato5.webp');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
  }




  .tedio {
    background: #043668 url(./src/assets/Textura.webp);
    padding: 80px 20px;
  }

  .tedio>.maxcontainer {
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;
  }

  .tedio>.maxcontainer>.titulo-branco .titulo-laranja {
    display: inline-block;
    align-self: center;
    text-align: center;
  }

  .md-container {
    width: 100%;
  }


  /*Cursos livres css*/
  .md-container>.cursos-livres {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 100px;
  }

  .md-container>.cursos-livres>img {
    width: 50px;
    position: absolute;
    left: 0%;
    bottom: 0px;
    display: none !important;
  }


  .md-container>.cursos-livres>.seta {
    display: flex;
    flex-direction: column;
    margin: auto;
    gap: 20px;
  }

  .md-container>.cursos-livres>.seta>div {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .md-container>.cursos-livres>.seta>:last-child {
    padding-bottom: 50px;
    text-align: center;
  }

  .md-container>.cursos-livres>.seta>:last-child>h3 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    -webkit-text-stroke: 0.5px #ffffff;
    -webkit-text-fill-color: transparent;
  }

  .md-container>.cursos-livres>.seta>:last-child>h2 {
    color: #FFF;
    font-family: 'InterBold';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
  }

  .md-container>.cursos-livres>.seta>:last-child>p {
    color: #fff;
    font-family: 'InterRegular';
    font-size: 16px;
  }

  .md-container>.cursos-livres>.seta>:last-child>img {
    width: 100%;
    margin: auto;
  }

  .cursos-livres-img {
    width: min(320px, 90%);
    margin: auto;
  }


  /*SavePoint Css*/
  .savepoint {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 50px;
    text-align: center;
    gap: 20px;
  }

  .savepoint>div {
    width: 100%;
  }

  .savepoint>div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .savepoint>div:first-child>h3 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    -webkit-text-stroke: 0.7px #ffffff;
    -webkit-text-fill-color: transparent;
    width: 100%;
  }

  .savepoint>div:first-child>h2 {
    color: #FFF;
    font-family: 'InterBold';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
  }

  .savepoint>div:first-child>img {
    width: 100%;
  }

  .savepoint>div:first-child>p {
    color: #fff;
    font-family: 'InterRegular';
    font-size: 16px;
    width: 100%;
  }

  .savepoint>div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .savepoint>div:last-child>img {
    width: min(350px, 90%);
  }

  /*Complexo Deportivo*/
  .complexo-desportivo {
    display: flex;
    flex-direction: column;
    margin-top: 70px;
    text-align: center;
  }

  .complexo-desportivo>div:first-child {
    width: 100%;
  }

  .complexo-desportivo>div:first-child>img {
    width: min(320px, 90%);
    margin: auto;
  }

  .complexo-desportivo>div:last-child {
    display: block;
    margin: auto;
    width: 100%;
  }

  .complexo-desportivo>div:last-child>h3 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    -webkit-text-stroke: 0.7px #ffffff;
    -webkit-text-fill-color: transparent;
    width: 100%;
  }

  .complexo-desportivo>div:last-child>h2 {
    color: #FFF;
    font-family: 'InterBold';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
  }

  .complexo-desportivo>div:last-child>img {
    width: 100%;
  }

  .complexo-desportivo>div:last-child>p {
    color: #fff;
    font-family: 'InterRegular';
    font-size: 16px;
    width: 100%;
  }

  .complexo-desportivo:div {
    width: 100%;
  }

  /*Piscina Css*/
  .piscina {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 70px;
    text-align: center;
    gap: 20px;
  }

  .piscina>div {
    width: 100%;
  }

  .piscina>div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .piscina>div:first-child>h3 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    -webkit-text-stroke: 0.7px #ffffff;
    -webkit-text-fill-color: transparent;
    width: 100%;
  }

  .piscina>div:first-child>h2 {
    color: #FFF;
    font-family: 'InterBold';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
  }

  .piscina>div:first-child>img {
    width: min(320px, 90%);
    margin: auto;
  }

  .piscina>div:first-child>p {
    color: #fff;
    font-family: 'InterRegular';
    font-size: 16px;
    width: 100%;
  }

  .piscina>div:last-child {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .piscina>div:last-child>img {
    width: 100%;
  }

  /*Amizades*/
  .amizade {
    display: flex;
    flex-direction: column;
    margin-top: 70px;
    text-align: center;
    gap: 20px;
  }

  .amizade>div:first-child {
    width: 100%;
  }

  .amizade>div:first-child>img {
    width: min(320px, 90%);
  }

  .amizade>div:last-child {
    display: block;
    margin: auto;
    width: 100%;
  }

  .amizade>div:last-child>h3 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    -webkit-text-stroke: 0.7px #ffffff;
    -webkit-text-fill-color: transparent;
    width: 100%;
  }

  .amizade>div:last-child>h2 {
    color: #FFF;
    font-family: 'InterBold';
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    text-transform: uppercase;
  }

  .amizade>div:last-child>img {
    width: 100%;
  }

  .amizade>div:last-child>p {
    color: #fff;
    font-family: 'InterRegular';
    font-size: 16px;
    width: 100%;
  }

  .amizade:div {
    width: 100%;
  }

  /*CTA final cards*/
  .tedio>.maxcontainer>a {
    background-color: #F05025;
    border: 1px solid #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    padding: 15px 50px;
    color: #fff;
    font-family: 'InterRegular';
    text-transform: uppercase;
    margin-top: 60px;
  }

  .tedio>.maxcontainer>a:hover {
    background-color: #ad4301;
    transition: all .5s;
  }


  .titulo-azul-morar {
    background-color: #043668;
    color: #fff;
    font-family: 'MicrobrewTwo';
    font-weight: 300;
    display: inline-flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    padding: 10px 20px;
    text-shadow: 4.4px 0.88px 3.52px rgba(0, 0, 0, 0.45);
    box-shadow: #000 7px 7px 0px 3px;
    transform: rotate(-2.438deg);
    margin-top: -20px;
    margin-bottom: 50px;
    -webkit-text-stroke: 1px #ffffff;
    -webkit-text-fill-color: transparent;
  }

  .onde-vou-morar {
    padding: 80px 20px;
    background: url(./src/assets/preparado-para-servir-bg.webp);
    background-size: cover;
    background-position: top top;

  }

  .onde-vou-morar>.maxcontainer {
    display: flex;
    flex-direction: column;
  }

  .onde-vou-morar>.maxcontainer>p {
    text-align: center;
    color: #043668;
    text-align: center;
    font-family: 'InterRegular';
    font-size: 16px;
    width: min(800px, 90%);
    margin: auto;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 50px;
  }

  .onde-vou-morar>.maxcontainer>a {
    background-color: #F05025;
    border: 1px solid #fff;
    font-size: 16px;
    text-decoration: none;
    padding: 15px 50px;
    color: #fff;
    font-family: 'InterRegular';
    text-transform: uppercase;
    display: inline-flex;
    align-self: center;
    text-align: center;
    margin-top: 30px;
  }

  .onde-vou-morar>.maxcontainer>a:hover {
    background-color: #ad4301;
    transition: all .5s;
  }

  .cards-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: center;
  }

  .cards-wrapper>.cards>img {
    width: 100%;
    object-fit: contain;
    margin: auto;
    height: 220px;
  }

  .cards-wrapper>.cards>h2 {
    color: #043668;
    text-align: center;
    font-family: 'InterBold';
    font-size: 28px;
    margin: 10px 0;
  }

  .cards-wrapper>.cards>p {
    color: #043668;
    text-align: center;
    font-family: 'InterRegular';
    font-size: 16px;
    width: min(250px, 90%);
    margin: auto;
  }

  .oque-posso-estudar {
    background-color: #036;
    padding: 80px 20px;
  }

  .oque-posso-estudar>.maxcontainer {
    display: flex;
    flex-direction: column;
  }

  .oque-posso-estudar>.maxcontainer>h2 {
    text-align: center;
    color: #fff;
    font-family: 'MicrobrewTwo';
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 20px;
  }

  .oque-posso-estudar>.maxcontainer>p {
    color: #FFF;
    text-align: center;
    font-family: 'InterRegular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 30.8px */
    letter-spacing: 3.2px;
    text-transform: uppercase;
    width: min(800px, 90%);
    margin: auto;
    padding-bottom: 40px;
  }


  /*CSS Bolsas Integradas*/
  .bolsas-integradas {
    padding: 80px 20px;
    background-image: url(./src/assets/bolsas-integradas-bg-mobile.webp);
    background-size: cover;
    background-repeat: no-repeat;
  }

  .bolsas-integradas>.maxcontainer {
    display: flex;
    flex-direction: column;
  }

  .bolsas-integradas>.maxcontainer>h2 {
    text-align: center;
    font-family: 'MicrobrewTwo';
    color: #043668;
    font-size: 42px;
    font-family: 300;
    margin-bottom: 20px;
  }

  .bolsas-integradas>.maxcontainer>p {
    color: #043668;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'InterRegular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    width: min(800px, 90%);
    margin: 0px auto 50px auto;
  }

  .bolsas-integradas>.maxcontainer>a {
    background-color: #F05025;
    border: 1px solid #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 15px 50px;
    color: #fff;
    font-family: 'InterRegular';
    text-transform: uppercase;
    display: inline-flex;
    align-self: center;
    text-align: center;
    margin-top: 30px;
  }

  .onde-vou-morar>.maxcontainer>a:hover {
    background-color: #ad4301;
    transition: all .5s;
  }

  .cards-angulados {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
    margin-bottom: 40px;
  }

  .cards-angulados>.card1 {
    height: 400px;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/variedade-de-bolsas.webp');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px 20px;
    color: #fff;
    font-family: 'InterRegular';
    text-align: center;
    transform: rotate(4deg);
  }

  .cards-angulados>.card1:hover {
    transform: rotate(0deg);
    transform: scale(1.05);
    transition: all .5s;
  }

  .cards-angulados>.card1:not(:hover) {
    transform: rotate(4deg);
    transition: all .8s;
  }

  .cards-angulados>.card1>h3 {
    font-family: 'InterBold';
    font-size: 32px;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .cards-angulados>.card2 {
    height: 400px;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/oportunidades-de-trabalho.webp');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px 20px;
    color: #fff;
    font-family: 'InterRegular';
    text-align: center;
    transform: rotate(-4deg);
  }

  .cards-angulados>.card2:hover {
    transform: rotate(0deg);
    transform: scale(1.05);
    transition: all .5s;
  }

  .cards-angulados>.card2:not(:hover) {
    transform: rotate(-4deg);
    transition: all .8s;
  }

  .cards-angulados>.card2>h3 {
    font-family: 'InterBold';
    font-size: 32px;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .cards-angulados>.card3 {
    height: 400px;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/rotativida-de-setor.webp');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 20px;
    color: #fff;
    font-family: 'InterRegular';
    text-align: center;
    transform: rotate(4deg);
  }

  .cards-angulados>.card3:hover {
    transform: rotate(0deg);
    transform: scale(1.05);
    transition: all .5s;
  }

  .cards-angulados>.card3:not(:hover) {
    transform: rotate(4deg);
    transition: all .8s;
  }

  .cards-angulados>.card3>h3 {
    font-family: 'InterBold';
    font-size: 32px;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .mao-na-massa {
    background-color: #0A3E72;
    padding: 80px 20px;
  }

  .mao-na-massa>.maxcontainer {
    display: flex;
    flex-direction: column;
  }

  .mao-na-massa>.maxcontainer>.titulo-laranja {
    display: flex;
    margin: auto;
    font-size: 42px;
    margin-bottom: 50px;
  }

  .mao-na-massa>.maxcontainer>h3 {
    color: #FFF;
    text-align: center;
    font-family: 'InterRegular';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 30.8px */
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  .mao-na-massa>.maxcontainer>p {
    color: #FFF;
    text-align: center;
    font-family: 'InterRegular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 30.8px */
    margin-bottom: 40px;
  }

  .mao-na-massa>.maxcontainer>a {
    background-color: #F05025;
    border: 1px solid #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 15px 50px;
    color: #fff;
    font-family: 'InterRegular';
    text-transform: uppercase;
    display: inline-flex;
    align-self: center;
    text-align: center;
    margin-top: 30px;
  }

  .mao-na-massa>.maxcontainer>a:hover {
    background-color: #ad4301;
    transition: all .5s;
  }

  .aicom {
    overflow: hidden;
  }

  .aicom>div:hover {
    transform: scale(1.1);
    transition: all .5s;
  }

  .aicom>div:not(:hover) {
    transform: scale(1.0);
    transition: all .5s;
  }


  .aicom>div {
    width: 100%;
    height: 100%;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/aicom-card.webp');
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
    font-size: 14px;
    font-family: 'InterRegular';
    text-align: left;
  }

  .nutea {
    overflow: hidden;
  }

  .nutea>div:hover {
    transform: scale(1.1);
    transition: all .5s;
  }

  .nutea>div:not(:hover) {
    transform: scale(1.0);
    transition: all .5s;
  }


  .nutea>div {
    width: 100%;
    height: 100%;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/nutea-card.webp');
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
    font-size: 14px;
    font-family: 'InterRegular';
    text-align: left;
  }

  .npj {
    overflow: hidden;
  }

  .npj>div:hover {
    transform: scale(1.1);
    transition: all .5s;
  }

  .npj>div:not(:hover) {
    transform: scale(1.0);
    transition: all .5s;
  }


  .npj>div {
    width: 100%;
    height: 100%;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/npj-card.webp');
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
    font-size: 14px;
    font-family: 'InterRegular';
    text-align: left;
  }

  .pratica-agricola {
    overflow: hidden;
  }

  .pratica-agricola>div:hover {
    transform: scale(1.1);
    transition: all .5s;
  }

  .pratica-agricola>div:not(:hover) {
    transform: scale(1.0);
    transition: all .5s;
  }


  .pratica-agricola>div {
    width: 100%;
    height: 100%;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/pratica-agricola.webp');
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
    font-size: 14px;
    font-family: 'InterRegular';
    text-align: left;
  }

  .centro-saude {
    overflow: hidden;
  }

  .centro-saude>div:hover {
    transform: scale(1.1);
    transition: all .5s;
  }

  .centro-saude>div:not(:hover) {
    transform: scale(1.0);
    transition: all .5s;
  }


  .centro-saude>div {
    width: 100%;
    height: 100%;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/centro-integrado-de-saude.jpg');
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
    font-size: 14px;
    font-family: 'InterRegular';
    text-align: left;
  }


  .clinica-psicologia {
    overflow: hidden;
  }

  .clinica-psicologia>div:hover {
    transform: scale(1.1);
    transition: all .5s;
  }

  .clinica-psicologia>div:not(:hover) {
    transform: scale(1.0);
    transition: all .5s;
  }


  .clinica-psicologia>div {
    width: 100%;
    height: 100%;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/nutea-card.webp');
    background-size: cover;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
    font-size: 14px;
    font-family: 'InterRegular';
    text-align: left;
  }

  /*Grid mao na massa*/
  .grid-mao-na-massa {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 250px 250px 250px 250px 250px 250px;
    gap: 20px;
  }

  /*Testimonial Slider*/
  .swiper-slide {
    background-color: transparent;
  }

  .swipertestimonial {
    width: 100%;
    height: 450px;
    border-radius: 12px;
  }

  .swipertestimonial1 {
    background-color: #0C2742;
    width: 100%;
    height: 100%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .swipertestimonial1>p {
    color: #FFF;
    font-family: 'InterRegular';
    margin-bottom: 20px;
  }

  .swipertestimonial1>h3 {
    color: #F05025;
    font-family: 'InterRegular';
  }

  .swipertestimonial2 {
    background-color: #0C2742;
    width: 100%;
    height: 100%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .swipertestimonial2>p {
    color: #FFF;
    font-family: 'InterRegular';
    margin-bottom: 30px;
  }

  .swipertestimonial2>h3 {
    color: #F05025;
    font-family: 'InterRegular';
  }

  /*Testimonial Section CSS*/
  .testimonial {
    background-image: url(./src/assets/testimonial-bg-mobile.webp);
    background-size: cover;
    background-position: bottom center;
  }

  .testimonial>.maxcontainer {
    display: flex;
    flex-direction: column;
    padding: 80px 20px;
    margin: auto;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .testimonial>.maxcontainer>h2 {
    font-family: 'MicrobrewTwo';
    font-size: 32px;
    color: #fff;
    font-weight: 400;
    width: min(700px, 90%);
  }

  .testimonial>.maxcontainer>p {
    color: #FFF;
    text-align: center;
    font-family: 'InterRegular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 30.8px */
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  /*Preparado para servir CSS*/
  .preparado-pra-servir {
    background-image: url(./src/assets/preparado-para-servir-bg.webp);
    background-repeat: repeat-y;
    background-size: cover;
    padding: 80px 20px 40px 20px;
  }

  .preparado-pra-servir>.maxcontainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    margin: auto;
    text-align: center;
    gap: 20px;
  }

  .preparado-pra-servir>.maxcontainer>.titulo-azul {
    display: inline-flex;
    margin: auto;
    font-weight: 400;
    font-size: 34px;
    margin-bottom: 20px;
  }

  .preparado-pra-servir>.maxcontainer>p {
    color: #043668;
    text-align: center;
    font-family: 'InterRegular';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    /* 25.2px */
    letter-spacing: 3.2px;
    text-transform: uppercase;
    width: min(900px, 90%);
    margin: 0 auto 0px auto;
  }

  .titulo-cover-layer {
    margin: 0 auto;
    background-color: #F05025;
    font-family: 'MicrobrewTwo';
    font-size: 24px;
    font-weight: 400;
    padding: 10px 40px;
    color: #fff;
    transform: rotate(-4.622deg);
  }

  .swiperVertical {
    height: 300px;
  }

  .escola-missao {
    width: 100%;
    height: 150px;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/escola-de-missoes.webp');
    background-size: cover;
    background-position: center center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
  }

  .programacoes {
    width: 100%;
    height: 150px;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/programacoes.webp');
    background-size: cover;
    background-position: center center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
  }

  .voluntariado {
    width: 100%;
    height: 150px;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/voluntariado.webp');
    background-size: cover;
    background-position: center center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
  }

  .desbravadores {
    width: 100%;
    height: 150px;
    background-image:
      linear-gradient(to bottom, rgba(245, 246, 252, 0.059), rgba(0, 0, 0, 0.73)),
      url('./src/assets/desbravadores.webp');
    background-size: cover;
    background-position: center center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 30px;
  }

  /*Mapa CSS*/
  .crop-mapa {
    background-image: url(./src/assets/unasp-ec-blur.jpg);
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -10px;
    overflow: auto hidden;
    margin: auto;
    position: relative;
  }

  .none {
    display: none !important;
  }

  .mapa {
    background-position: center center;
    height: 200%;
    width: 200%;
  }

  .mapaBtn {
    width: 20px;
  }

  .mapaBtn:hover {
    border-radius: 100px;
    box-shadow: 0px 0px 0px 10px #0033666d;
    transition: all .5s;
    cursor: pointer;
  }

  .mapaBtn:not(:hover) {
    border-radius: 100px;
    box-shadow: 0px 0px 0px 00px #0033666d;
    transition: all .5s;
    cursor: pointer;
    transition: all .5s;
  }

  .mapa-piscina {
    position: absolute;
    bottom: 38%;
    left: 165%;
  }

  #piscina-item {
    position: absolute;
    bottom: 38%;
    left: 98%;
    z-index: 2;
  }

  .mapa-pista-de-corrida {
    position: absolute;
    top: 13%;
    left: 150%;
  }

  #pista-corrida-item {
    position: absolute;
    top: 18%;
    left: 120%;
    z-index: 2;
  }

  .mapa-faculdade {
    position: absolute;
    top: 28%;
    left: 58%;
  }

  #faculdade-item {
    position: absolute;
    top: 35%;
    left: 45%;
    z-index: 2;
  }

  .mapa-restaurante {
    position: absolute;
    top: 17%;
    left: 115%;
  }

  #restaurante-item {
    position: absolute;
    top: 23%;
    left: 90%;
    z-index: 2;
  }

  .mapa-unasp-store {
    position: absolute;
    top: 23%;
    left: 73%;
  }

  #unasp-store-item {
    position: absolute;
    top: 29%;
    left: 53%;
    z-index: 2;
  }

  .mapa-reitoria {
    position: absolute;
    bottom: 28%;
    left: 60%;
  }

  #reitoria-item {
    position: absolute;
    bottom: 34%;
    left: 40%;
    z-index: 2;
  }

  .mapa-igreja-unasp {
    position: absolute;
    top: 40%;
    left: 72%;
  }

  #igreja-unasp-item {
    position: absolute;
    top: 46%;
    left: 42%;
    z-index: 2;
  }

  .mapa-estudio {
    position: absolute;
    top: 55%;
    left: 70%;
  }

  #estudio-item {
    position: absolute;
    top: 60%;
    left: 37%;
    z-index: 2;
  }

  .mapa-campo {
    position: absolute;
    bottom: 27%;
    left: 165%;
  }

  #campo-item {
    position: absolute;
    bottom: 27%;
    left: 97%;
    z-index: 2;
  }

  .mapa-cpb {
    position: absolute;
    top: 27%;
    left: 67%;
  }

  #cpb-item {
    position: absolute;
    top: 33%;
    left: 37%;
    z-index: 2;
  }

  .mapa-biblioteca {
    position: absolute;
    top: 26%;
    left: 85%;
  }

  #biblioteca-item {
    position: absolute;
    top: 33%;
    left: 50%;
    z-index: 2;
  }

  .mapa-centro-esportivo {
    position: absolute;
    bottom: 15%;
    left: 178%;
  }

  #centro-esportivo-item {
    position: absolute;
    bottom: 13%;
    left: 108%;
    z-index: 2;
  }

  .mapa-residencial-feminino {
    position: absolute;
    top: 10%;
    left: 98%;
  }

  #residencial-feminino-item {
    position: absolute;
    top: 17%;
    left: 60%;
    z-index: 2;
  }

  .mapa-colegio-unasp {
    position: absolute;
    bottom: 20%;
    left: 110%;
  }

  #colegio-unasp-item {
    position: absolute;
    bottom: 27%;
    left: 67%;
    z-index: 2;
  }

  .mapa-residencial-masculino {
    position: absolute;
    top: 26%;
    left: 130%;
  }

  #residencial-masculino-item {
    position: absolute;
    top: 32%;
    left: 92%;
    z-index: 2;
  }

  .mapa-nutea {
    position: absolute;
    top: 36%;
    left: 32%;
  }

  #nutea-item {
    position: absolute;
    top: 42%;
    left: 14%;
    z-index: 2;
  }

  .mapa-mab {
    position: absolute;
    top: 14%;
    left: 43%;
  }

  #mab-item {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 2;
  }

  .mapa-quadras {
    position: absolute;
    top: 42%;
    left: 166%;
  }

  #quadras-item {
    position: absolute;
    top: 47%;
    left: 120%;
    z-index: 2;
  }

  .mapa-hotel {
    position: absolute;
    top: 7%;
    left: 129%;
  }

  #hotel-item {
    position: absolute;
    top: 13%;
    left: 84%;
    z-index: 2;

  }

  .mapa-praca {
    position: absolute;
    top: 31%;
    left: 78%;
  }

  #praca-item {
    position: absolute;
    top: 37%;
    left: 50%;
    z-index: 2;
  }



  .card-mapa {
    display: inline-flex;
    flex-direction: row;
    color: #fff;
    border: 1px solid #1172d4;
    background-color: #003265;
    border-radius: 12px;
    font-family: 'InterRegular';
    font-weight: 400;
    font-size: 12px;
    height: 100px;
    width: 100%;
    text-transform: uppercase;
  }

  .card-mapa:hover {
    height: 100px;
    width: min(250px, 90%);
    transition: all .5s;
  }

  .card-mapa:not(:hover) {
    height: 100px;
    width: min(250px, 90%);
    transition: all .5s;
  }

  .card-mapa>h3 {
    margin: 20px 10px;
  }

  /*Orange Loop*/
  .orangeLoop {
    overflow: hidden;
    padding: 20px 0;
    white-space: nowrap;
    position: relative;
    background-color: #F05025;
  }

  .orangeLoop:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: #F05025;
    background: linear-gradient(90deg, #F05025 1%, #f0512504 98%);
    content: "";
    z-index: 2;
  }

  .orangeLoop:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: rgb(1, 60, 107);
    background: linear-gradient(90deg, #f051250a 1%, #F05025 98%);
    content: "";
    z-index: 2;
  }


  .orange-slide {
    display: inline-block;
    animation: 18s slideLoop infinite linear;
  }

  .orange-slide img {
    height: 15px;
    margin: 0 20px;
    object-fit: cover;
  }

  /*Orange Loop Reverse*/
  .orangeLoopReverse {
    overflow: hidden;
    padding: 20px 0;
    white-space: nowrap;
    position: relative;
    background-color: #F05025;
  }

  .orangeLoopReverse:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: #F05025;
    background: linear-gradient(90deg, #F05025 1%, #f0512504 98%);
    content: "";
    z-index: 2;
  }

  .orangeLoopReverse:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background: rgb(1, 60, 107);
    background: linear-gradient(90deg, #f051250a 1%, #F05025 98%);
    content: "";
    z-index: 2;
  }


  .orange-slideReverse {
    display: inline-block;
    animation: 30s slideLoopReverse infinite linear;
  }

  .orange-slideReverse img {
    height: 15px;
    margin: 0 20px;
    object-fit: cover;
  }

  @keyframes slideLoop {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-100%);
    }
  }

  @keyframes slideLoopReverse {
    from {
      transform: translateX(-100%);
    }

    to {
      transform: translateX(0);
    }
  }


  /*Acordion CSS Lista de Cursos*/
  .accordion-box {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;

  }

  .accordion-unit {
    background-color: #FFFFFF;
    /* White background for items */
    border: 1px solid #E0E0E0;
    /* Light border */
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* Softer shadow */
  }

  /*Accordion 1*/
  .accordion-unit1>div {
    background-color: #163059;
    color: #fff;
    border-radius: 10px;
    font-size: 'InterRegular';
  }

  .accordion-unit1>div>h2 {
    font-size: 16px;
    text-align: center;
    padding: 5px 0;
    font-family: 'InterRegular';
    text-transform: uppercase;
    font-weight: 400;
  }

  .accordion-unit1>div>img {
    width: 100%;
  }

  /*Accordion 2*/
  .accordion-unit2>div {
    background-color: #163059;
    color: #fff;
    border-radius: 10px;
    font-size: 'InterBold';
  }

  .accordion-unit2>div>h2 {
    font-size: 16px;
    text-align: center;
    padding: 5px 0;
    font-family: 'InterRegular';
    text-transform: uppercase;
    font-weight: 400;
  }

  .accordion-unit2>div>img {
    width: 100%;
  }

  /*Accordion 3*/
  .accordion-unit3>div {
    background-color: #163059;
    color: #fff;
    border-radius: 10px;
    font-size: 'InterBold';
  }

  .accordion-unit3>div>h2 {
    font-size: 16px;
    text-align: center;
    padding: 5px 0;
    font-family: 'InterRegular';
    text-transform: uppercase;
    font-weight: 400;
  }

  .accordion-unit3>div>img {
    width: 100%;
  }

  /*Accordion 4*/
  .accordion-unit4>div {
    background-color: #163059;
    color: #fff;
    border-radius: 10px;
    font-size: 'InterBold';
  }

  .accordion-unit4>div>h2 {
    font-size: 16px;
    text-align: center;
    padding: 5px 0;
    font-family: 'InterRegular';
    text-transform: uppercase;
    font-weight: 400;
  }

  .accordion-unit4>div>img {
    width: 100%;
  }

  .accordion-head {
    background-color: #ffffff;
    /* Soft blue */
    color: #00366C;
    /* White text */
    font-weight: bold;
    padding: 15px;
    font-size: 16px;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px 8px 8px 8px;
    transition: background-color 0.3s ease;
    font-family: 'InterRegular';
    border: 1px solid #003265;
    margin-top: -10px;
  }

  .accordion-head:hover {
    background-color: #00366C;
    /* Soft blue */
    border: 1px solid #fff;
    color: #FFFFFF;
    /* White text */
    transition: all .3s;
  }

  .accordion-conteudo {
    background-color: #fafafa76;
    /* Very light grey for content */
    overflow: hidden;
    padding: 0px 35px;
    border: 1px solid #ffffff1a;
    border-radius: 0 0 8px 8px;
    color: #ffffff;
    max-height: 0;
    transition: max-height 0.3s ease;
    font-family: 'InterRegular';
  }

  .accordion-conteudo ul {
    margin: 15px 0;
    line-height: 1.5;
  }

  .icon {
    transition: transform 0.3s ease;
  }

  .active .icon {
    transform: rotate(45deg);
  }
}