.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-embed-youtubevideo {
  width: 100%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
}

.hero {
  min-height: 600px;
  align-items: center;
  display: flex;
  position: relative;
}

.trilhas {
  background-color: #eae2fe;
  padding-top: 120px;
  padding-bottom: 100px;
}

.trilhas.hide {
  display: none;
}

.develop {
  padding-top: 120px;
  padding-bottom: 120px;
}

.next {
  background-color: #fff0f2;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.footer {
  background-color: #1a1a1a;
  padding-top: 16px;
}

.logo-dual {
  min-height: 40px;
}

.logo-dual.rodape {
  margin-bottom: 16px;
}

.container {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu {
  flex: 1;
  justify-content: center;
  display: flex;
}

.nav-link {
  margin-left: 0;
  margin-right: 0;
}

.div-block {
  max-width: 400px;
}

.card-trilha {
  max-width: 290px;
  background-color: #fff;
  flex-direction: column;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.card-trilha.guia {
  background-color: rgba(0, 0, 0, 0);
}

.card-trilha.guia.hide {
  display: none;
}

.image {
  max-height: 200px;
}

.img-trilha {
  min-height: 200px;
}

.img-trilha.design {
  background-image: url('../images/design-grafico.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
}

.img-trilha.design:hover {
  background-size: cover;
}

.img-trilha.ebook {
  background-image: url('../images/ebook-epub.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-trilha.photoshop {
  background-image: url('../images/photoshop.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-trilha.indd {
  background-image: url('../images/indesign-grep.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-trilha.publicacao {
  background-image: url('../images/publicacao-digital.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-2 {
  height: 2px;
  border: 1px solid #000;
  border-top-color: #666;
}

.card-dev {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fffaf0;
  justify-content: space-around;
  padding: 16px 12px;
  display: flex;
}

.fio-curso {
  height: 1px;
  border: 1px solid #ccc;
  margin-top: 8px;
  margin-bottom: 8px;
}

.fio-curso.guia {
  align-self: stretch;
}

.fio-dev {
  height: 1px;
  border: 1px solid rgba(148, 110, 20, .15);
  margin-top: 12px;
  margin-bottom: 12px;
}

.container-2 {
  min-height: 400px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bloco-rodape {
  width: 220px;
  background-color: #333;
  border-radius: 16px;
  align-self: flex-start;
  padding: 16px;
}

.columns {
  width: 55%;
}

.footer_content {
  flex: 0 auto;
  justify-content: space-between;
  display: flex;
}

.hero-trilhas {
  padding-top: 40px;
  padding-bottom: 40px;
}

.resumo-trilha {
  position: relative;
}

.cursos-trilha {
  background-color: #eae2fe;
  padding-top: 120px;
  padding-bottom: 120px;
}

.pq-trilha {
  padding-top: 80px;
  padding-bottom: 80px;
}

.alunos-trilha {
  background-color: #f8f5ff;
  padding-top: 120px;
  padding-bottom: 120px;
}

.duvidas-trilha {
  background-color: #eae2fe;
  padding-top: 80px;
  padding-bottom: 80px;
  position: static;
}

.jornada-trilha {
  background-color: #5622d8;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.para-empresas {
  min-height: 600px;
  background-color: #111018;
  background-image: url('../images/treinamentos-empresas-filtros.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.card-beneficios, .card-empresas {
  width: 360px;
}

.hero-curso {
  padding-top: 40px;
  padding-bottom: 40px;
}

.secao-curso {
  background-color: #f8f5ff;
  margin-top: -151px;
  padding-top: 200px;
  padding-bottom: 60px;
}

.pq-curso {
  padding-top: 80px;
  padding-bottom: 80px;
}

.motivos-curso {
  z-index: 3;
  min-height: 550px;
  align-items: center;
  display: flex;
  position: relative;
}

.alunos-curso {
  background-color: #f8f5ff;
  padding-top: 60px;
  padding-bottom: 120px;
  position: relative;
}

.alunos-curso.hide {
  display: none;
}

.duvidas-curso {
  background-color: #eae2fe;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.trilha-curso {
  background-color: #5622d8;
  padding-top: 100px;
  padding-bottom: 100px;
}

.mentoria-curso {
  min-height: 700px;
  background-image: url('../images/curso-mentoria.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  position: relative;
}

.card-alunos {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  align-items: start;
  justify-items: stretch;
  padding: 16px;
  display: grid;
}

.card-alunos.ebook {
  grid-template-columns: 1fr 1fr 1fr;
}

.metodologia {
  padding-top: 120px;
  padding-bottom: 120px;
}

.tecnologias {
  background-color: #fef2d7;
  padding-top: 80px;
  padding-bottom: 80px;
}

.projetos {
  padding-top: 100px;
  padding-bottom: 120px;
}

.parcerias {
  background-color: #fffaf0;
  padding-top: 120px;
  padding-bottom: 120px;
}

.duvidas {
  background-color: #333;
  padding-top: 80px;
  padding-bottom: 80px;
}

.card-metodo {
  background-color: #fef2d7;
  padding: 40px 16px 16px;
  position: relative;
}

.icon-texto-develop {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.menu-link {
  color: #666;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.menu-link:hover {
  color: #000;
  font-weight: 600;
}

.menu-link.w--current {
  color: #000;
  font-weight: 700;
}

.menu-link.w--current:hover {
  font-weight: 600;
}

.menu-link.bold {
  color: #000;
  align-items: flex-start;
  padding: 6px 16px;
  font-weight: 700;
}

.menu-link.bold.contato {
  min-width: 100px;
  text-align: center;
  background-color: #ededed;
  background-image: url('../images/whats-black.svg');
  background-position: 7%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  padding-left: 32px;
  font-weight: 400;
}

.menu-link.bold.contato:hover {
  background-color: #ededed;
}

.menu-link.home {
  color: #000;
  background-image: url('../images/icon-header-home.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
  font-weight: 400;
  transition: color .35s;
}

.menu-link.home.w--current {
  transition: opacity .2s, color .35s;
}

.menu-link.cursos {
  color: #000;
  background-image: url('../images/icon-header-cursos.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
  font-weight: 700;
}

.menu-link.dev {
  background-image: url('../images/icon-header-web.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-link.c {
  transition: opacity .2s, color .35s;
}

.menu-link.c:hover {
  background-image: url('../images/icon-header-cursos.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-link.w {
  transition: opacity .2s, color .35s;
}

.menu-link.w:hover {
  background-image: url('../images/icon-header-web.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-link.x {
  transition: opacity .2s, color .35s;
}

.menu-link.x:hover {
  background-image: url('../images/icon-header-next.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-link.y:hover {
  background-image: url('../images/icon-header-home.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
}

.menu-link.blog {
  transition: color .35s, opacity .2s;
}

.menu-link.blog:hover {
  background-image: url('../images/icon-header-blog.svg');
  background-position: 10%;
  background-repeat: no-repeat;
  background-size: 8px 9px;
}

.menu-link.xt {
  background-image: url('../images/icon-header-next.svg');
  background-position: 8px;
  background-repeat: no-repeat;
  background-size: auto;
}

.nav {
  z-index: 100;
  max-height: 80px;
  background-color: rgba(255, 255, 255, .7);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.span-verde {
  color: #3f9;
  line-height: 16px;
  text-decoration: none;
}

.span-roxo {
  color: #5622d8;
}

.span-roxo.title {
  font-size: 20px;
}

.span-amarelo {
  color: #fbba22;
}

.span-amarelo.tile {
  font-size: 20px;
}

.span-vermelho {
  color: #e50026;
}

.span-vermelho.title {
  font-size: 20px;
}

.h1 {
  color: #000;
  font-family: PT Serif, serif;
  font-size: 56px;
  line-height: 76px;
}

.h1.center {
  width: 90%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.h1.center.small {
  width: 100%;
  font-size: 52px;
}

.h2 {
  color: #000;
  font-family: PT Serif, serif;
  font-size: 40px;
  line-height: 56px;
  display: block;
}

.h2.box-azul {
  background-image: url('../images/qua-azul.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  display: inline-block;
}

.h2.box-amarelo {
  background-image: url('../images/qua-ama.svg');
  background-position: 100% 72%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  display: inline-block;
}

.h2.box-vermelho {
  background-image: url('../images/qua-ver.svg');
  background-position: 100% 72%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  display: inline-block;
}

.h2.white {
  color: #fff;
}

.h2.white.center {
  text-align: center;
}

.h2.white._50 {
  width: 50%;
}

.h2.white.small {
  max-width: 70%;
}

.h2.center {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}

.h2.center._w-70 {
  margin-left: auto;
  margin-right: auto;
}

.h2.center.nospace {
  margin-bottom: 16px;
}

.h2.medium {
  font-size: 32px;
  line-height: 38px;
}

.h2.medium.nrometodo {
  color: #946e14;
  background-color: #fcd069;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-bottom: 0;
  padding: 8px 16px;
  display: inline-block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 16px;
  right: auto;
}

.h2.no-lineheight {
  line-height: 40px;
}

.h2.small {
  font-size: 32px;
  line-height: 40px;
}

.h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: PT Serif, serif;
  font-size: 20px;
  line-height: 28px;
}

.h3.roxo-cursos {
  color: #5622d8;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
}

.h3.nomecurso {
  margin-bottom: 8px;
}

.h3.nomecurso.center {
  text-align: center;
}

.h3.white {
  color: #fff;
}

.h3.white.space {
  margin-bottom: 16px;
}

.h3.small {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.h3.margem {
  margin-bottom: 16px;
}

.h4 {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.h4.verde {
  color: #3f9;
  margin-top: 0;
  margin-bottom: 12px;
}

.h4.branco {
  color: #fff;
}

.p-24 {
  color: #000;
  font-family: Lato, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.p-24.center {
  text-align: center;
  font-family: Noto Sans, sans-serif;
  font-weight: 400;
}

.p-20 {
  max-width: 100%;
  color: #000;
  font-family: Lato, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.p-20.white {
  color: #fff;
  text-align: center;
}

.p-20.white.left {
  text-align: left;
}

.p-20.center {
  text-align: center;
}

.p-20.bold {
  text-transform: uppercase;
  align-self: center;
  margin-bottom: 0;
  font-family: Noto Sans, sans-serif;
  font-weight: 600;
  text-decoration: none;
}

.p-20._80 {
  max-width: 80%;
}

.p-16 {
  color: #000;
  margin-bottom: 16px;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.p-16.link-roxo {
  color: #5622d8;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.p-16.link-roxo:hover {
  font-weight: 500;
  text-decoration: underline;
}

.p-16.link-roxo.curso14 {
  font-size: 14px;
  line-height: 20px;
}

.p-16.link-roxo.center {
  text-align: center;
  margin-top: 8px;
}

.p-16.link-roxo.center.hide {
  display: none;
}

.p-16.link-ama {
  color: #946e14;
  margin-bottom: 0;
  font-weight: 400;
  display: inline-block;
}

.p-16.link-ama:hover {
  font-weight: 500;
  text-decoration: underline;
}

.p-16.link-white.center {
  margin-bottom: 16px;
  line-height: 22px;
}

.p-16.nospace {
  margin-bottom: 4px;
}

.p-16._70 {
  width: 60%;
}

.p-16.left {
  font-family: Noto Sans, sans-serif;
}

.p-16.left.hide {
  display: none;
}

.p-16.w400 {
  width: 400px;
}

.p-16.white {
  color: #fff;
}

.p-16.bold {
  font-weight: 500;
}

.p-16.tag {
  background-color: #eae2fe;
  border-radius: 8px;
  padding: 4px 12px;
}

.p-14 {
  color: #000;
  font-size: 14px;
  line-height: 21px;
}

.p-14.tag-cinza {
  background-color: #ccc;
  margin-top: 8px;
  padding: 6px 8px;
  display: inline-block;
}

.p-14.branco {
  color: #fff;
}

.p-14.branco.center {
  text-align: center;
}

.p-14.space {
  margin-top: 20px;
}

.card {
  width: 260px;
  background-color: #ededed;
  padding: 16px;
}

.card.azul {
  background-color: #eae2fe;
}

.card.azul.borda {
  border: 7px solid #fff;
}

.card.amarelo {
  background-color: #fef2d7;
}

.card.amarelo.borda {
  border: 7px solid #fff;
}

.card.vermelho {
  background-color: #ffd6dd;
}

.card.vermelho.borda {
  border: 7px solid #fff;
}

.btn {
  color: #000;
  padding: 8px 12px;
  text-decoration: none;
}

.btn.azul {
  color: #fff;
  background-color: #5622d8;
  transition: background-color .35s;
}

.btn.azul:hover {
  background-color: #794fe3;
}

.btn.azul.whats {
  background-image: url('../images/icon-whats.svg');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 36px;
  padding-right: 16px;
}

.btn.azul.center {
  width: 200px;
  margin-top: 36px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.btn.azul.seta {
  background-image: url('../images/seta-branca.svg');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 30px;
  transition: background-color .35s;
}

.btn.ama {
  background-color: #fbba22;
  transition: background-color .35s;
}

.btn.ama:hover {
  background-color: #fcd069;
}

.btn.ama.seta {
  background-image: url('../images/arrow-link.svg');
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 30px;
  transition: background-color .35s;
}

.btn.vermelho {
  background-color: #e50026;
  transition: background-color .35s;
}

.btn.vermelho:hover {
  background-color: #f35;
}

.btn.vermelho.seta {
  background-image: url('../images/seta-branca.svg');
  background-position: 90%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 30px;
  transition: background-color .35s;
}

.btn.vazado {
  color: #fbba22;
  padding-left: 0;
}

.link-white {
  color: #fff;
  align-self: flex-start;
  margin-bottom: 0;
}

.link-white.block {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.link-white.block:hover {
  font-weight: 500;
  text-decoration: underline;
}

.link-white.block.center {
  align-self: center;
}

.link-white.roxo {
  color: #5622d8;
}

.link-white.roxo:hover {
  color: #fff;
}

.link-white.roxo.seta-roxa:hover, .link-white.roxo.box:hover {
  color: #5622d8;
}

.link-white.center {
  text-align: center;
}

.link-white.seta {
  background-image: url('../images/seta-branca.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 20px;
  text-decoration: none;
}

.link-white.seta:hover {
  font-weight: 500;
  text-decoration: underline;
}

.paragraph-2 {
  margin-bottom: 0;
}

.link-black {
  color: #000;
  margin-bottom: 0;
}

.link-black.seta {
  background-image: url('../images/arrow-link.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
}

.link-black.seta.small {
  font-size: 14px;
  text-decoration: none;
}

.link-black.seta.small:hover {
  font-weight: 600;
  text-decoration: underline;
}

.grid-home {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: -114px;
  display: flex;
}

.hero-block {
  min-height: 450px;
  flex-direction: column;
  justify-content: space-around;
  display: flex;
}

.card-content {
  padding: 16px;
}

.card-content.guia {
  background-color: #f8f5ff;
  border: 2px dashed rgba(121, 79, 227, .4);
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ul-lista {
  padding-left: 0;
  list-style-type: none;
}

.ul-lista.bullets {
  padding-left: 20px;
  list-style-type: square;
}

.ul-lista.bullets.white {
  color: #fff;
}

.ul-lista.dev {
  margin-top: 24px;
}

.link-block {
  width: 130px;
  text-decoration: none;
}

.link-block.seta-roxa {
  width: 130px;
  min-width: 100px;
  background-image: url('../images/arrow-link-roxo.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.link-block.seta-roxa.curso {
  width: auto;
  padding-right: 20px;
}

.link-block.seta-ama {
  width: 100px;
  min-width: 100px;
  background-image: url('../images/arrow-link-amarelo.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.link-block.seta-ama.dev {
  width: 160px;
  min-width: 160px;
}

.link-block.seta-branca {
  width: 200px;
  background-image: url('../images/seta-branca.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.link-block.seta-vermelha {
  width: 200px;
  color: #e50026;
  background-image: url('../images/seta-vermelha.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  font-weight: 600;
}

.link-block.seta-vermelha.curso {
  width: auto;
  padding-right: 20px;
}

.link-block.seta-vermelha.hide {
  display: none;
}

.li-curso {
  margin-bottom: 4px;
  padding-left: 20px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
}

.li-curso.video {
  background-image: url('../images/video-roxo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-bottom: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
}

.li-curso.clock {
  background-image: url('../images/clock-roxo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-attachment: scroll;
  margin-bottom: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
}

.li-curso.professor {
  background-image: url('../images/professor-roxo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-bottom: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
}

.li-curso.certificado {
  background-image: url('../images/certificado-roxo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-bottom: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
}

.li-curso.seta {
  background-image: url('../images/seta-roxa.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.tag-cursos {
  height: 28px;
  margin-top: 16px;
  margin-left: 16px;
}

.dev-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  background-color: rgba(148, 110, 20, .15);
  border-radius: 100%;
}

.dev-icon.maktep {
  background-color: #fef2d7;
  background-image: url('../images/maketplace.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.dev-icon.ecommerce {
  background-color: #fef2d7;
  background-image: url('../images/portais.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.dev-icon.apps {
  background-color: #fef2d7;
  background-image: url('../images/rede-social.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.dev-icon.sites {
  background-color: #fef2d7;
  background-image: url('../images/custom.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.dev-icon.ead {
  background-color: #fef2d7;
  background-image: url('../images/EaD.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.dev-icon.custom {
  background-color: #fef2d7;
  background-image: url('../images/personalizado.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.grid-dev {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lista-rodape {
  color: #fff;
  font-family: Lato, sans-serif;
}

.rede-scoal {
  margin-top: 16px;
}

.icon-social {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.social {
  width: 24px;
  height: 24px;
  background-image: url('../images/linkendin.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.social._1 {
  width: 18px;
  height: 18px;
  background-image: url('../images/icon-blog.svg');
  background-position: 50%;
  background-size: cover;
}

.social._2 {
  background-image: url('../images/youtube.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.social._3 {
  background-image: url('../images/instagram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.social._4 {
  background-image: url('../images/facebook.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.fio-rodape {
  width: 100%;
  height: 2px;
  border-top: 1px solid #666;
}

.carousel {
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.mask {
  width: 36%;
  overflow: visible;
}

.hidden {
  display: none;
}

.left-arrow {
  width: 50px;
  height: 50px;
  color: #5622d8;
  top: auto;
  bottom: -16%;
  left: 0%;
  right: auto;
}

.right-arrow {
  width: 50px;
  height: 50px;
  color: #5622d8;
  top: auto;
  bottom: -16%;
  left: auto;
  right: 0%;
}

.slide-nav {
  color: #5622d8;
  top: auto;
  bottom: -16%;
  left: 0%;
  right: 0%;
}

.destaque-trilha {
  background-color: #f8f5ff;
  border: 5px solid #fff;
  padding: 40px 24px;
}

.btn-roxo-vazado {
  color: #5622d8;
  border: 1px solid #5622d8;
  padding: 8px 12px;
  font-weight: 700;
  text-decoration: none;
}

.btn-roxo-vazado.seta {
  background-image: url('../images/arrow-link-roxo.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 32px;
  transition: background-color .35s;
}

.btn-roxo-vazado.seta:hover {
  background-color: #eae2fe;
}

.btn-roxo-vazado.contato {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/icon-contact.svg');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 22px;
  padding-left: 36px;
  padding-right: 16px;
  transition: background-color .35s;
}

.btn-roxo-vazado.contato:hover {
  color: #fff;
  background-color: #5622d8;
  background-image: url('../images/contact-white.svg');
}

.btn-roxo-vazado.tel {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/icon-phone.svg');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 22px;
  padding-left: 36px;
  padding-right: 16px;
  transition: background-color .35s;
}

.btn-roxo-vazado.tel:hover {
  color: #fff;
  background-color: #5622d8;
  background-image: url('../images/phone-white.svg');
}

.btn-roxo-vazado.whats {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/whats-azul.svg');
  background-position: 6%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 36px;
  padding-right: 16px;
  transition: background-color .35s;
}

.btn-roxo-vazado.whats:hover {
  color: #fff;
  background-color: #5622d8;
  background-image: url('../images/icon-whats.svg');
}

.trilha {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-video-trilha {
  width: 55%;
}

.barra-roxa {
  z-index: -1;
  min-height: 260px;
  background-color: #eae2fe;
  flex-direction: column;
  justify-content: space-around;
  position: absolute;
  top: 144px;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.img-curso {
  background-color: #1a1a1a;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.img-curso.design {
  background-image: url('../images/design-grafico.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.img-curso.design:hover {
  background-size: cover;
}

.img-curso.ebook {
  background-image: url('../images/ebook-epub.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-curso.photoshop {
  background-image: url('../images/photoshop.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-curso.indd {
  background-image: url('../images/indesign-grep.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-curso.publicacao {
  background-image: url('../images/publicacao-digital.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-trilha {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-trilha-pq {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f8f5ff;
  justify-content: space-around;
  padding: 16px 12px;
  display: flex;
}

.trilha-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  background-color: rgba(121, 79, 227, .2);
  border-radius: 100%;
}

.trilha-icon.maktep {
  background-image: url('../images/maketplace.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.trilha-icon.professor {
  background-color: #eae2fe;
  background-image: url('../images/icon-trilha-professor.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.trilha-icon.conteudo {
  background-image: url('../images/icon-trilha-conteudo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.trilha-icon.suporte {
  background-image: url('../images/icon-trilha-certificado.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.fio-trilha {
  height: 1px;
  border: 1px solid rgba(121, 79, 227, .3);
  margin-top: 12px;
  margin-bottom: 12px;
}

.fio-trilha.black {
  border-color: #333;
}

.grid-alunos {
  grid-template-rows: auto;
  margin-top: 24px;
}

.aluno {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.img-aluno {
  width: 50px;
  height: 50px;
  background-color: #794fe3;
  border-radius: 100px;
}

.box-contatos {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  margin-top: 16px;
  display: flex;
}

.btn-branco-vazado {
  border: 1px solid #fff;
  align-self: flex-start;
  padding: 8px 12px;
  text-decoration: none;
  transition: background-color .35s;
}

.btn-branco-vazado:hover {
  background-color: #794fe3;
  border-style: solid;
  border-color: #794fe3;
}

.btn-branco-vazado.seta {
  background-image: url('../images/seta-branca.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 24px;
  padding-right: 32px;
  transition: background-color .35s;
}

.grid-empresa {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.card-empresa {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: rgba(26, 26, 26, .8);
  justify-content: space-around;
  padding: 16px 12px;
  display: flex;
}

.empresa-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  background-color: #1a1a1a;
  border-radius: 100%;
}

.empresa-icon.maktep {
  background-image: url('../images/maketplace.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.empresa-icon.professor {
  background-image: url('../images/icon-trilha-professor.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.empresa-icon.conteudo {
  background-image: url('../images/icon-trilha-conteudo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.empresa-icon.suporte {
  background-image: url('../images/icon-trilha-certificado.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.empresa-icon.computer {
  background-image: url('../images/computer-branco.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.hero-video-cursos {
  width: 50%;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
}

.li-lista {
  margin-bottom: 4px;
  font-size: 14px;
}

.li-lista.branca {
  color: #fff;
  margin-bottom: 16px;
}

.li-lista.branca.contato {
  background-image: url('../images/contato-amarelo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  padding-left: 24px;
}

.li-lista.branca.whats {
  background-image: url('../images/whats-amarelo.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  padding-left: 24px;
}

.container-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  margin-top: 16px;
  display: flex;
}

.div-btn {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}

.block-trilha {
  margin-right: 36px;
}

.container-trilha {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.trilha-imagem {
  flex: 1;
  align-self: stretch;
}

.grid-beneficios {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 32px;
  display: grid;
}

.aluno-depoimento {
  background-color: #fff;
  padding: 16px;
}

.foto-aluno {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  overflow: hidden;
}

.assinatura {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bloco-preto {
  width: 70%;
  max-width: 500px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: rgba(26, 26, 26, .85);
  flex-direction: column;
  align-items: center;
  padding: 10px 20px 30px;
  display: flex;
  position: relative;
}

.container-6 {
  justify-content: center;
  display: flex;
}

.arrow-black {
  display: none;
  position: absolute;
  top: auto;
  bottom: -12px;
  left: 45%;
  right: 0%;
}

.ornamentos {
  max-width: 1920px;
  background-image: url('../images/ornamentos.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block {
  padding-top: 120px;
  padding-bottom: 120px;
}

.grid-servicos {
  width: 420px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  margin: 24px auto;
}

.background-video {
  min-height: 600px;
}

.container-develop {
  max-width: 65%;
  background-color: #fef2d7;
  margin-top: -60px;
  padding: 40px;
}

.grid-tech {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 24px;
}

.center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.projeto {
  width: 32px;
  height: 32px;
  background-color: #fcd069;
  border-radius: 50px;
  margin-right: 8px;
}

.projeto._1 {
  background-image: url('../images/maketplace.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto._2 {
  background-image: url('../images/deliveries.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto._3 {
  background-image: url('../images/EaD.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto._4 {
  background-image: url('../images/CRM.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto._5 {
  min-width: 32px;
  background-image: url('../images/ERP.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto._6 {
  background-image: url('../images/portais.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto._7 {
  background-image: url('../images/rede-social.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto._8 {
  background-image: url('../images/comunidades.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto._9 {
  background-image: url('../images/personalizado.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto.tech {
  background-color: #fee8b4;
}

.projeto.tech.angular {
  background-image: url('../images/angular.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto.tech.bubble {
  background-image: url('../images/bubble.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto.tech.ionic {
  background-image: url('../images/ionic.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto.tech.webflow {
  background-image: url('../images/webflow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto.tech.aws {
  background-image: url('../images/aws.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto.tech.wp {
  background-image: url('../images/wordpress.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto.tech.fb {
  background-image: url('../images/firebase.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.projeto.tech.figma {
  background-image: url('../images/figma.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.grid-metodologia {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.bloco-metodo {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: nowrap;
  display: flex;
}

.image-2 {
  width: 200px;
}

.grid-parcerias {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.img-parceria {
  min-height: 200px;
}

.img-parceria._01 {
  background-image: url('../images/cbr.webp');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
}

.img-parceria._02 {
  background-image: url('../images/proteste.webp');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
}

.img-parceria._03 {
  background-image: url('../images/sbu.webp');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
}

.img-parceria._04 {
  background-image: url('../images/site-memnon.webp');
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: contain;
}

.card-parceiros {
  background-color: #fff;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.bloco-parceiros {
  padding: 24px 16px 16px;
}

.bloco-applojas {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  margin-top: 24px;
  display: flex;
}

.slider-projeto._01 {
  background-image: url('../images/sites.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-projeto._02 {
  background-image: url('../images/personalizado.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-projeto._03 {
  background-image: url('../images/app.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-projeto._04 {
  background-image: url('../images/marketplace.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-projeto._05 {
  background-image: url('../images/landing-page.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-projeto._06 {
  background-image: url('../images/ecommerce.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider {
  min-height: 600px;
}

.container-7 {
  position: relative;
}

.menina-foguete {
  align-self: flex-start;
  position: absolute;
  top: -4%;
  bottom: auto;
  left: -24%;
  right: auto;
}

.blur {
  height: 65px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #fff;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.menino {
  max-height: 650px;
  position: absolute;
  top: 2%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.lampada {
  position: absolute;
  top: auto;
  bottom: -25%;
  left: -20%;
  right: auto;
}

.next-ilustra {
  position: absolute;
  top: auto;
  bottom: -5%;
  left: auto;
  right: 20%;
}

.container-8 {
  position: static;
}

.menina-trilha {
  position: absolute;
  top: -48%;
  bottom: 0%;
  left: auto;
  right: 10%;
}

.image-3 {
  position: absolute;
  top: auto;
  bottom: -21%;
  left: 26%;
  right: 0%;
}

.bloco-motivo {
  width: 50%;
}

.menina-curso {
  position: absolute;
  top: auto;
  bottom: -39%;
  left: auto;
  right: 6%;
}

.bloco-h2 {
  align-items: flex-end;
  margin-bottom: 16px;
  display: flex;
  position: static;
}

.quadrado {
  margin-left: 6px;
  padding-bottom: 6px;
  display: block;
  position: static;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.span-roxo-copy {
  color: #5622d8;
}

.span-roxo-copy.title {
  font-size: 24px;
}

.h2-trilha {
  max-width: 90%;
  color: #000;
  margin-top: 0;
  font-family: PT Serif, serif;
  font-size: 40px;
  line-height: 56px;
  display: block;
}

.h2-trilha.box-azul {
  background-image: url('../images/qua-azul.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  display: inline-block;
}

.h2-trilha.box-amarelo {
  background-image: url('../images/qua-ama.svg');
  background-position: 100% 72%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  display: inline-block;
}

.h2-trilha.box-vermelho {
  background-image: url('../images/qua-ver.svg');
  background-position: 100% 72%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  display: inline-block;
}

.h2-trilha.white {
  color: #fff;
}

.h2-trilha.white.center {
  text-align: center;
}

.h2-trilha.white._50 {
  width: 50%;
}

.h2-trilha.center {
  text-align: center;
}

.h2-trilha.medium {
  font-size: 32px;
  line-height: 38px;
}

.h2-trilha.medium.nrometodo {
  color: #946e14;
  background-color: #fcd069;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-bottom: 0;
  padding: 8px 16px;
  display: inline-block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 16px;
  right: auto;
}

.h2-trilha.no-lineheight {
  line-height: 40px;
}

.h2-center {
  color: #000;
  font-family: PT Serif, serif;
  font-size: 40px;
  line-height: 56px;
  display: block;
}

.h2-center.box-azul {
  background-image: url('../images/qua-azul.svg');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  display: inline-block;
}

.h2-center.box-amarelo {
  background-image: url('../images/qua-ama.svg');
  background-position: 100% 72%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  display: inline-block;
}

.h2-center.box-vermelho {
  background-image: url('../images/qua-ver.svg');
  background-position: 100% 72%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 24px;
  display: inline-block;
}

.h2-center.white {
  color: #fff;
}

.h2-center.white.center {
  text-align: center;
}

.h2-center.white._50 {
  width: 50%;
}

.h2-center.center {
  text-align: center;
}

.h2-center.medium {
  font-size: 32px;
  line-height: 38px;
}

.h2-center.medium.nrometodo {
  color: #946e14;
  background-color: #fcd069;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-bottom: 0;
  padding: 8px 16px;
  display: inline-block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 16px;
  right: auto;
}

.h2-center.no-lineheight {
  line-height: 40px;
}

.box-projeto {
  max-width: 40%;
  background-color: rgba(0, 0, 0, .8);
  margin-bottom: 44px;
  margin-left: 16px;
  padding: 16px 16px 8px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.icon-2, .icon-3 {
  color: #fbba22;
  background-color: rgba(0, 0, 0, .8);
  font-size: 30px;
  line-height: 30px;
  top: auto;
  bottom: 44px;
  left: 0%;
  right: 0%;
}

.link-ama.seta {
  background-image: url('../images/arrow-amarelo1.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 0;
  padding-right: 24px;
}

.text-block-2 {
  font-family: Lato, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.dropdown-list {
  background-color: #fff;
}

.dropdown-list.w--open {
  min-width: 240px;
  border-radius: 4px;
  margin-top: -12px;
  padding: 16px 0 16px 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.sub-ebook {
  background-image: url('../images/Icon-ebook.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: -8px;
  padding-left: 40px;
  padding-right: 0;
  transition: color .35s, background-color .35s;
}

.sub-ebook:hover {
  background-color: #ededed;
  background-image: url('../images/Icon-ebook-roxo.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  font-weight: 700;
}

.sub-ebook.w--current {
  color: #000;
  font-weight: 600;
}

.sub-pub {
  background-image: url('../images/Icon-publicacaodigital.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: -8px;
  padding-left: 40px;
  padding-right: 0;
  transition: color .35s, background-color .35s;
}

.sub-pub:hover {
  background-color: #ededed;
  background-image: url('../images/Icon-publicacaodigital-roxo.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  font-weight: 700;
}

.sub-indd {
  background-image: url('../images/Icon-indesignscripts.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: -8px;
  padding-left: 40px;
  padding-right: 0;
  transition: color .35s, background-color .35s;
}

.sub-indd:hover {
  background-color: #ededed;
  background-image: url('../images/Icon-indesignscripts-roxo.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  font-weight: 700;
}

.sud-design {
  background-image: url('../images/Icon-designgrafico.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: -8px;
  padding-left: 40px;
  padding-right: 0;
  transition: color .35s, background-color .35s;
}

.sud-design:hover {
  background-color: #ededed;
  background-image: url('../images/Icon-designgrafico-roxo.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  font-weight: 700;
}

.sub-ph {
  background-image: url('../images/Icon-photoshop.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: -8px;
  padding-left: 40px;
  padding-right: 0;
  transition: color .35s, background-color .35s;
}

.sub-ph:hover {
  background-color: #ededed;
  background-image: url('../images/Icon-photoshop-roxo.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: auto;
  font-weight: 700;
}

.video-3 {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-cursos {
  width: 100%;
}

.box-curso {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.icon-4 {
  margin-top: 25px;
}

.grid-footer {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.slidebanner {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  overflow: hidden;
}

.col-list {
  width: 100%;
  position: relative;
}

.footer-site {
  flex-direction: column;
  display: flex;
}

.icon-submenu {
  margin-top: 25px;
}

.fio-trilha-copy {
  height: 1px;
  border: 1px solid rgba(121, 79, 227, .3);
  margin-top: 12px;
  margin-bottom: 12px;
}

.fio-trilha-copy.black {
  border-color: #333;
}

.wrapper-cursos {
  z-index: 3;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.wrapper-ilustra {
  z-index: 1;
  max-height: 600px;
  background-image: url('../images/curso-illustration.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 100vw 100vh;
  background-attachment: fixed;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-5 {
  mix-blend-mode: normal;
}

.back-roxo {
  z-index: -10;
  min-height: 60px;
  background-color: #f8f5ff;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.left-arrow-2 {
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 50px;
}

.bullet-hide {
  display: none;
}

.bene-projetos {
  background-color: #fffaf0;
  padding-top: 40px;
  padding-bottom: 60px;
}

.bene-grid {
  width: 100%;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
}

.bene-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fef2d7;
  flex-direction: column;
  padding: 20px;
  transition: background-color .35s;
  display: flex;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.bene-item:hover {
  background-color: #fcd069;
  background-image: linear-gradient(#fee8b4, #fcd069);
}

.bene-tit {
  color: #946e14;
  font-family: PT Serif, serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 100%;
}

.contato-cta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fffaf0;
  align-self: center;
  align-items: center;
  padding: 16px 24px;
  text-decoration: none;
  transition: background-color .35s;
  display: flex;
}

.contato-cta:hover {
  background-color: #fee8b4;
}

.bloco-contato {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lottie {
  align-self: center;
}

.image-6 {
  width: 32px;
  height: 32px;
}

.grid-next {
  width: 50%;
  grid-template-rows: auto;
  margin-top: 24px;
  margin-bottom: 24px;
}

.icon-next {
  width: 32px;
  height: 32px;
  background-color: #ffd6dd;
  border-radius: 50px;
  margin-right: 8px;
}

.icon-next.a {
  background-color: #ffd6dd;
  background-image: url('../images/banca.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.icon-next._2 {
  background-image: url('../images/deliveries.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next._3 {
  background-image: url('../images/EaD.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next._4 {
  background-image: url('../images/CRM.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next._5 {
  min-width: 32px;
  background-image: url('../images/ERP.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next._6 {
  background-image: url('../images/portais.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next._7 {
  background-image: url('../images/rede-social.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next._8 {
  background-image: url('../images/comunidades.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next._9 {
  background-image: url('../images/personalizado.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next.tech {
  background-color: #fee8b4;
}

.icon-next.tech.angular {
  background-image: url('../images/angular.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next.tech.bubble {
  background-image: url('../images/bubble.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next.tech.ionic {
  background-image: url('../images/ionic.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next.tech.webflow {
  background-image: url('../images/webflow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next.tech.aws {
  background-image: url('../images/aws.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next.tech.wp {
  background-image: url('../images/wordpress.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next.tech.fb {
  background-image: url('../images/firebase.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next.tech.figma {
  background-image: url('../images/figma.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

.icon-next.b {
  background-image: url('../images/editions.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.icon-next.c {
  background-image: url('../images/venda.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.icon-next.d {
  background-image: url('../images/feed.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.icon-next.e {
  background-image: url('../images/responsivo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.icon-next.f {
  background-image: url('../images/dominio.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.icon-next.bene {
  width: 36px;
  height: 36px;
  margin-bottom: 8px;
}

.icon-next.bene.banca {
  background-image: url('../images/banca.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon-next.bene.edicao {
  background-image: url('../images/editions.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon-next.bene.venda {
  background-image: url('../images/venda.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon-next.bene.feed {
  background-image: url('../images/feed.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon-next.bene.mobile {
  background-image: url('../images/responsivo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon-next.bene.dominio {
  background-image: url('../images/dominio.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon-next.bene.analytic {
  background-image: url('../images/relatorio.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.icon-next.bene.pgto {
  background-image: url('../images/pagamento.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.link-block-2 {
  width: 300px;
  color: #333;
  text-decoration: none;
}

.next-hero {
  background-color: #ffd6dd;
  justify-content: flex-end;
  padding-top: 80px;
  display: flex;
  position: relative;
}

.next-banca {
  background-color: rgba(0, 0, 0, 0);
}

.next-videos {
  padding-top: 40px;
  padding-bottom: 100px;
}

.next-videos.hide {
  display: none;
}

.next-beneficios {
  background-color: #fff0f2;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.next-noticia {
  background-color: rgba(0, 0, 0, 0);
}

.next-pgto {
  z-index: 10;
  position: relative;
}

.next-faq {
  padding-top: 80px;
  padding-bottom: 80px;
}

.next-cta {
  min-height: 300px;
  background-color: #e50026;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 40px;
  display: flex;
  position: static;
}

.content-hero-next {
  position: relative;
}

.next-box-video {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 24px;
  display: grid;
}

.next-box-img {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.next-bene-img {
  max-width: 30%;
  padding-right: 40px;
}

.next-bene-txt {
  max-width: 600px;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 1;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-10 {
  justify-content: space-around;
  display: flex;
  position: relative;
}

.next-bene {
  width: 240px;
}

.next-box-pgto {
  max-width: 45%;
  background-color: #ffd6dd;
  border: 4px solid #fff;
  flex: 1;
  padding: 16px 32px;
}

.content-pgto {
  justify-content: space-around;
  margin-top: -72px;
  display: flex;
}

.next-faq-tit {
  align-self: flex-start;
}

.container-12 {
  justify-content: space-around;
  display: block;
}

.next-faq-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-text {
  padding-top: 60px;
  padding-bottom: 40px;
}

.next-bloco-destaque {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
}

.btn-vermelho-vazado {
  color: #e50026;
  -webkit-text-stroke-color: #e50026;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #e50026;
  padding: 8px 12px;
  font-weight: 700;
  text-decoration: none;
}

.btn-vermelho-vazado.seta {
  background-image: url('../images/arrow-link-roxo.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 32px;
  transition: background-color .35s;
}

.btn-vermelho-vazado.seta:hover {
  background-color: #eae2fe;
}

.btn-vermelho-vazado.seta.red {
  background-image: url('../images/seta-vermelha.svg');
  margin-top: 10px;
}

.btn-vermelho-vazado.seta.red:hover {
  background-color: #ffd6dd;
}

.btn-vermelho-vazado.contato {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/icon-contact.svg');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 22px;
  padding-left: 36px;
  padding-right: 16px;
  transition: background-color .35s;
}

.btn-vermelho-vazado.contato:hover {
  color: #fff;
  background-color: #5622d8;
  background-image: url('../images/contact-white.svg');
}

.btn-vermelho-vazado.tel {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/icon-phone.svg');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 22px;
  padding-left: 36px;
  padding-right: 16px;
  transition: background-color .35s;
}

.btn-vermelho-vazado.tel:hover {
  color: #fff;
  background-color: #5622d8;
  background-image: url('../images/phone-white.svg');
}

.btn-vermelho-vazado.whats {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/whats-azul.svg');
  background-position: 6%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 36px;
  padding-right: 16px;
  transition: background-color .35s;
}

.btn-vermelho-vazado.whats:hover {
  color: #fff;
  background-color: #5622d8;
  background-image: url('../images/icon-whats.svg');
}

.btn-vermelho-vazado.white {
  color: #fff;
  -webkit-text-stroke-color: #fff;
}

.btn-vermelho-vazado.white.seta {
  border-color: #fff;
}

.btn-vermelho-vazado.white.seta:hover {
  color: #e50026;
  -webkit-text-stroke-color: #e50026;
  background-color: #ffd6dd;
}

.btn-vermelho-vazado.white.seta.branca {
  background-image: url('../images/seta-branca.svg');
  margin-top: 16px;
}

.btn-vermelho-vazado.white.seta.branca:hover {
  background-image: url('../images/seta-vermelha.svg');
}

.image-7 {
  margin-bottom: 16px;
}

.btn-vermelho-chapado {
  color: #fff;
  -webkit-text-stroke-color: #e50026;
  background-color: #e50026;
  border: 1px solid #e50026;
  padding: 12px 20px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .35s;
}

.btn-vermelho-chapado:hover {
  background-color: #f35;
}

.btn-vermelho-chapado.seta {
  background-image: url('../images/arrow-link-roxo.svg');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-right: 32px;
  transition: background-color .35s;
}

.btn-vermelho-chapado.seta:hover {
  background-color: #eae2fe;
}

.btn-vermelho-chapado.seta.red {
  background-image: url('../images/seta-vermelha.svg');
  margin-top: 10px;
}

.btn-vermelho-chapado.seta.red:hover {
  background-color: #fff0f2;
}

.btn-vermelho-chapado.contato {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/icon-contact.svg');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 22px;
  padding-left: 36px;
  padding-right: 16px;
  transition: background-color .35s;
}

.btn-vermelho-chapado.contato:hover {
  color: #fff;
  background-color: #5622d8;
  background-image: url('../images/contact-white.svg');
}

.btn-vermelho-chapado.tel {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/icon-phone.svg');
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 22px;
  padding-left: 36px;
  padding-right: 16px;
  transition: background-color .35s;
}

.btn-vermelho-chapado.tel:hover {
  color: #fff;
  background-color: #5622d8;
  background-image: url('../images/phone-white.svg');
}

.btn-vermelho-chapado.whats {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/whats-azul.svg');
  background-position: 6%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 36px;
  padding-right: 16px;
  transition: background-color .35s;
}

.btn-vermelho-chapado.whats:hover {
  color: #fff;
  background-color: #5622d8;
  background-image: url('../images/icon-whats.svg');
}

.ilustra-pgto {
  max-width: 500px;
  margin-top: -312px;
  margin-left: -173px;
  position: static;
  top: -84%;
  bottom: auto;
  left: -3%;
  right: auto;
}

.div-block-8 {
  align-self: flex-start;
  margin-left: 60px;
}

.container-13 {
  justify-content: space-between;
  display: flex;
}

.bloco-faq {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.rl_faq6_answer-wrapper {
  margin-bottom: 1.5rem;
}

.rl_faq6_answer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}

.rl-text-style-regular {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_faq6_question-text {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}

.rl_faq6_icon {
  width: 2rem;
  height: 2rem;
  color: #e50026;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rl_faq6_list-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  align-items: start;
  justify-items: stretch;
  display: grid;
}

.rl_faq6_icon-wrapper {
  align-self: flex-start;
}

.rl_faq6_accordion {
  border: 1px solid #e50026;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.rl_faq6_question {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  transition: background-color .35s;
  display: flex;
}

.rl_faq6_question:hover {
  background-color: #fff0f2;
}

.icon-hero {
  width: 320px;
  position: absolute;
  top: 13%;
  bottom: auto;
  left: 8%;
  right: auto;
}

.image-9 {
  width: 300px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.icons-beneficios {
  width: 160px;
}

.politicas {
  background-color: #ededed;
  padding-top: 120px;
  padding-bottom: 120px;
}

.image-10 {
  align-self: flex-end;
  margin-bottom: -134px;
}

.box-politica {
  flex-direction: column;
  display: flex;
}

.gpd {
  height: 100vh;
  background-color: #fff0f2;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading {
  text-align: center;
  font-size: 24px;
  line-height: 34px;
}

@media screen and (max-width: 991px) {
  .next {
    padding-top: 80px;
  }

  .footer {
    padding-top: 24px;
  }

  .nav-menu {
    background-color: #ededed;
  }

  .container-2 {
    padding-bottom: 24px;
  }

  .bloco-rodape {
    max-width: 240px;
    align-self: flex-start;
  }

  .columns {
    width: 45%;
  }

  .footer_content {
    flex-wrap: wrap;
    padding-top: 36px;
  }

  .cursos-trilha, .alunos-trilha {
    padding-top: 80px;
  }

  .duvidas-trilha {
    padding-top: 60px;
  }

  .jornada-trilha {
    flex-direction: row;
    align-items: center;
  }

  .motivos-curso {
    background-position: 70% 40%;
  }

  .trilha-curso {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .card-alunos.epub, .card-alunos.ebook {
    grid-template-columns: 1fr 1fr;
  }

  .metodologia, .projetos, .parcerias {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .menu-link.blog:hover {
    background-position: 1%;
  }

  .h2.white._50 {
    width: 100%;
  }

  .p-24.center {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .p-16._70.left {
    width: 70%;
  }

  .link-white.block {
    display: block;
  }

  .grid-home {
    display: flex;
  }

  .li-curso.video, .li-curso.clock, .li-curso.professor, .li-curso.certificado {
    font-family: Lato, sans-serif;
  }

  .fio-rodape {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .hero-video-trilha {
    width: 65%;
  }

  .li-lista {
    font-family: Lato, sans-serif;
  }

  .block-trilha {
    width: 50%;
  }

  .container-develop {
    max-width: 90%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-2 {
    width: 150px;
  }

  .menina-foguete, .menino, .lampada {
    display: none;
  }

  .next-ilustra {
    right: 5%;
  }

  .menina-trilha {
    max-width: 250px;
    position: relative;
    right: 1%;
  }

  .image-3 {
    bottom: -14%;
    left: 19%;
  }

  .bloco-motivo {
    width: 60%;
  }

  .menu-button, .menu-button.w--open {
    background-color: #fff;
  }

  .icon {
    color: #1a1a1a;
  }

  .slide-home {
    min-width: 300px;
    margin-right: 24px;
  }

  .container-9 {
    display: flex;
  }

  .h2-trilha.white._50, .h2-center.white._50 {
    width: 100%;
  }

  .box-projeto {
    max-width: 50%;
  }

  .grid-footer {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer-logo {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .wrapper-ilustra {
    background-position: 100% 0;
    background-size: 100vw 100vh;
  }

  .bene-projetos {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .dropdown, .dropdown-2, .dropdown-3 {
    display: block;
  }

  .next-hero {
    padding-top: 60px;
  }

  .icon-hero {
    width: 200px;
    left: 4%;
  }

  .image-9 {
    width: 200px;
  }

  .politicas {
    padding-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .trilhas {
    padding-left: 16px;
    padding-right: 16px;
  }

  .develop {
    padding: 60px 16px;
  }

  .next {
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .card-dev {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-2 {
    align-items: center;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .bloco-rodape {
    align-self: center;
  }

  .columns {
    width: 50%;
  }

  .footer_content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 24px;
  }

  .hero-trilhas {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cursos-trilha {
    padding: 60px 16px 80px;
  }

  .pq-trilha {
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .alunos-trilha {
    padding: 60px 16px 80px;
  }

  .duvidas-trilha {
    padding: 40px 16px 60px;
  }

  .jornada-trilha {
    padding: 60px 16px;
    position: static;
  }

  .para-empresas {
    background-position: 12% 0;
    padding-top: 60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-curso {
    padding-left: 16px;
    padding-right: 16px;
  }

  .secao-curso {
    padding-top: 180px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .pq-curso {
    padding: 60px 16px;
  }

  .motivos-curso {
    background-position: 76% 40%;
    padding: 80px 16px;
  }

  .alunos-curso, .duvidas-curso, .trilha-curso {
    padding: 40px 16px 60px;
  }

  .card-alunos, .card-alunos.epub, .card-alunos.ebook {
    grid-template-columns: 1fr;
  }

  .metodologia, .tecnologias, .projetos, .parcerias {
    padding: 60px 16px;
  }

  .duvidas {
    padding: 40px 16px;
  }

  .h1.center {
    width: 100%;
    font-size: 54px;
    line-height: 64px;
  }

  .h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .h2.white.center {
    line-height: 50px;
  }

  .h2.white.small {
    max-width: 80%;
  }

  .h2.center._w-70 {
    width: 90%;
  }

  .h3.roxo-cursos {
    margin-top: 16px;
    margin-bottom: 8px;
  }

  .h3.nomecurso.center {
    max-width: 100%;
  }

  .h3.center {
    max-width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .p-24.center {
    width: 90%;
  }

  .p-20 {
    max-width: 100%;
    line-height: 28px;
  }

  .p-16.w400 {
    width: 80%;
    text-align: center;
  }

  .card.azul.borda {
    width: auto;
  }

  .card.amarelo.borda, .card.vermelho.borda {
    width: auto;
    position: static;
  }

  .grid-home {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    margin-bottom: -60px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-dev {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .hero-content {
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .trilha {
    flex-direction: column-reverse;
  }

  .hero-video-trilha {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid-trilha {
    grid-template-columns: 1fr;
  }

  .card-trilha-pq {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
  }

  .box-contatos {
    flex-direction: column;
    align-items: center;
  }

  .grid-empresa {
    grid-template-columns: 1fr;
  }

  .hero-video-cursos {
    width: 80%;
  }

  .div-block-4 {
    flex-direction: column;
    align-items: center;
  }

  .block-trilha {
    width: 100%;
    margin-right: 0;
  }

  .container-trilha {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .trilha-imagem {
    min-height: 200px;
  }

  .grid-beneficios {
    grid-template-columns: 1fr;
  }

  .bloco-preto {
    width: 90%;
  }

  .grid-servicos {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr;
  }

  .container-develop {
    padding-top: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-metodologia {
    grid-template-columns: 1fr;
  }

  .grid-parcerias {
    width: 70%;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .menina-trilha {
    max-width: 200px;
  }

  .image-3 {
    display: none;
  }

  .h2-trilha {
    text-align: center;
    font-size: 38px;
  }

  .h2-center {
    text-align: center;
    font-size: 36px;
  }

  .box-projeto {
    max-width: 60%;
  }

  .video-cursos {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .box-curso {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .grid-footer {
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: start;
  }

  .footer-logo, .footer-site {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

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

  .wrapper-ilustra {
    background-position: 100% 0;
    background-size: 100vw 100vh;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .bene-projetos {
    padding: 60px 16px;
  }

  .bene-grid {
    grid-template-columns: 1fr 1fr;
  }

  .contato-cta {
    align-self: flex-start;
  }

  .bloco-contato {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: flex-start;
  }

  .grid-next {
    width: 70%;
  }

  .next-hero {
    padding-top: 40px;
  }

  .next-videos {
    padding-bottom: 40px;
  }

  .next-beneficios {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .next-box-video {
    grid-template-columns: 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }

  .next-bene-img {
    max-width: 100%;
  }

  .next-bene-txt {
    max-width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;
  }

  .container-10 {
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
  }

  .next-bene {
    width: 220px;
  }

  .next-box-pgto {
    max-width: 360px;
    align-self: center;
    margin-top: 11px;
  }

  .content-pgto {
    flex-direction: column;
    align-items: center;
    margin-top: -47px;
  }

  .next-bloco-destaque {
    padding: 10px 20px;
  }

  .image-7 {
    max-width: 60%;
  }

  .ilustra-pgto {
    max-width: 240px;
    align-self: flex-start;
    margin-top: -160px;
    margin-left: -64px;
  }

  .div-block-8 {
    margin-left: 20px;
  }

  .bloco-faq {
    grid-template-columns: 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }

  .rl_faq6_answer-wrapper {
    margin-bottom: 1.25rem;
  }

  .rl_faq6_answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .rl_faq6_question-text {
    font-size: 1rem;
  }

  .rl_faq6_icon {
    width: 1.75rem;
    height: 1.75rem;
  }

  .rl_faq6_icon-wrapper {
    width: 1.75rem;
  }

  .rl_faq6_question {
    padding: 1rem 1.25rem;
  }

  .image-8 {
    height: auto;
  }

  .icon-hero {
    width: 140px;
  }

  .icons-beneficios {
    display: none;
  }

  .image-10 {
    width: 250px;
  }

  .box-politica {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (max-width: 479px) {
  .develop {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .next {
    padding-bottom: 40px;
  }

  .card-dev {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
  }

  .container-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .columns {
    width: 65%;
  }

  .cursos-trilha, .pq-trilha, .alunos-trilha {
    padding-top: 40px;
  }

  .duvidas-trilha {
    padding-top: 30px;
  }

  .jornada-trilha {
    padding-top: 40px;
  }

  .secao-curso {
    margin-top: -190px;
  }

  .pq-curso {
    padding-top: 40px;
  }

  .motivos-curso {
    min-height: auto;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .tecnologias, .projetos, .parcerias {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .h1.center {
    font-size: 46px;
    line-height: 56px;
  }

  .h1.center.small {
    font-size: 46px;
  }

  .h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .h2.white {
    text-align: center;
  }

  .h2.white.small.esq {
    text-align: left;
  }

  .h2.medium.nrometodo {
    min-width: 0;
  }

  .h2._50 {
    width: 80%;
    line-height: 38px;
  }

  .h3.center {
    max-width: 100%;
  }

  .h4.verde {
    margin-top: 10px;
  }

  .p-24.center {
    width: 100%;
    font-size: 22px;
    line-height: 30px;
  }

  .p-16 {
    text-align: center;
  }

  .p-16.link-roxo, .p-16.link-roxo.left, .p-16.link-ama {
    text-align: left;
  }

  .p-16._70.left {
    width: 100%;
    min-width: 280px;
    text-align: left;
  }

  .p-16.left {
    text-align: left;
  }

  .p-16.left.hide {
    margin-top: 16px;
  }

  .p-16.w400 {
    width: 80%;
  }

  .p-14.branco {
    text-align: left;
  }

  .p-14.branco.footer {
    width: 60%;
  }

  .hero-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-dev {
    grid-template-columns: 1fr;
  }

  .grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .btn-branco-vazado.seta {
    margin-left: auto;
    margin-right: auto;
  }

  .hero-video-cursos {
    width: 100%;
  }

  .foto-aluno {
    min-width: 70px;
  }

  .grid-servicos {
    width: 220px;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3px;
  }

  .container-develop {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-tech {
    grid-template-columns: 1fr 1fr;
  }

  .projeto._5 {
    min-width: 32px;
  }

  .bloco-metodo {
    flex-direction: column;
    padding-left: 50px;
  }

  .grid-parcerias {
    width: 80%;
  }

  .img-parceria._01, .img-parceria._02, .img-parceria._03, .img-parceria._04 {
    min-height: 150px;
  }

  .bloco-parceiros {
    padding-top: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .bloco-applojas {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between;
  }

  .slider-projeto._06 {
    background-position: 50%;
  }

  .slider {
    min-height: 400px;
  }

  .next-ilustra {
    max-width: 220px;
    display: none;
    bottom: -72%;
  }

  .menina-trilha {
    align-self: center;
    margin-top: 24px;
    display: none;
  }

  .bloco-motivo {
    width: 90%;
  }

  .container-9 {
    flex-direction: column;
    align-items: flex-start;
  }

  .h2-trilha {
    margin-top: 10px;
    font-size: 32px;
    line-height: 36px;
  }

  .h2-center {
    font-size: 32px;
    line-height: 48px;
  }

  .box-projeto {
    max-width: 80%;
  }

  .div-block-7 {
    flex-direction: column;
    display: flex;
  }

  .icon-2, .icon-3 {
    bottom: 6px;
  }

  .grid-footer {
    grid-template-columns: 1fr;
  }

  .bloco-servicos {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column wrap;
    align-items: flex-start;
    display: flex;
  }

  .wrapper-cursos {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .wrapper-ilustra {
    display: none;
  }

  .bene-projetos {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .bene-grid {
    grid-template-columns: 1fr;
  }

  .contato-cta {
    align-self: center;
  }

  .bloco-contato {
    align-items: center;
  }

  .grid-next {
    width: 100%;
  }

  .icon-next._5 {
    min-width: 32px;
  }

  .next-hero {
    padding-top: 40px;
  }

  .next-beneficios, .next-faq {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .next-cta {
    align-items: center;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .next-box-img {
    grid-template-columns: 1fr;
    padding-left: 30px;
    padding-right: 30px;
  }

  .next-bene-txt {
    grid-template-columns: 1fr;
    margin-left: 8px;
  }

  .next-bene {
    width: auto;
  }

  .next-box-pgto {
    max-width: 300px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .content-pgto {
    margin-top: -40px;
  }

  .hero-text {
    padding: 20px 16px 40px;
  }

  .next-bloco-destaque {
    padding-top: 0;
  }

  .image-7 {
    max-width: 90%;
  }

  .ilustra-pgto {
    display: none;
  }

  .icon-hero {
    width: 100px;
  }

  .image-10 {
    width: 200px;
  }
}

#w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d7404992, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d7404992, #w-node-ffed585a-98c9-dc27-c761-2b688822efd8-d7404993, #w-node-ffed585a-98c9-dc27-c761-2b688822efe4-d7404993, #w-node-ba07b500-cb6c-8ebb-6542-7c719ddb3f75-9ddb3f6f, #w-node-ffed585a-98c9-dc27-c761-2b688822efd8-d7404994, #w-node-ffed585a-98c9-dc27-c761-2b688822efe4-d7404994, #w-node-ffed585a-98c9-dc27-c761-2b688822efd8-d7404995, #w-node-ffed585a-98c9-dc27-c761-2b688822efe4-d7404995, #w-node-ffed585a-98c9-dc27-c761-2b688822efd8-d7404996, #w-node-ffed585a-98c9-dc27-c761-2b688822efe4-d7404996, #w-node-ffed585a-98c9-dc27-c761-2b688822efd8-d7404997, #w-node-ffed585a-98c9-dc27-c761-2b688822efe4-d7404997, #w-node-a5fdd708-bc43-e442-70c2-a7addc2859ae-d7404998, #w-node-_4b2cc801-9042-31e2-8528-0a36f85ed943-d7404998, #w-node-_7d308025-2e27-ebf4-71b6-38f4b997921f-d7404998, #w-node-ba6457f7-3c89-2683-8f4a-3a581aaacdd7-d7404998, #w-node-ba6457f7-3c89-2683-8f4a-3a581aaacddb-d7404998, #w-node-_6a3aa8b3-f272-324b-7718-87d8f74f5acb-d7404998, #w-node-_6a3aa8b3-f272-324b-7718-87d8f74f5acf-d7404998, #w-node-_90f2f62a-faf7-86ce-9b73-fd8a5e388c72-d7404998, #w-node-_90f2f62a-faf7-86ce-9b73-fd8a5e388c76-d7404998, #w-node-a4002017-63e3-5c91-be1c-7462df3956b0-d7404998, #w-node-a4002017-63e3-5c91-be1c-7462df3956b4-d7404998, #w-node-f62c953b-0529-bcaa-b5a9-e3e1c2201b6c-d7404998, #w-node-f62c953b-0529-bcaa-b5a9-e3e1c2201b70-d7404998, #w-node-_633e47f1-ced9-94b7-281a-d743479be3bc-d7404999 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8d64c774-9842-269e-b301-fe9887367aba-d7404999 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ee10fe16-9051-22fe-437c-4f68cd9b5973-d7404999, #w-node-d6e9b0cb-c2c6-e08f-47fd-11b1539b2425-d7404999 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-adf5bc8a-29fe-275c-7a9a-20948045e909-d7404999 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_5de4ae11-0e99-c916-a5fe-702e25f9de0f-d7404999, #w-node-_2f820df2-cd48-31d6-0784-52c109d3ce3c-d7404999 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_46f55275-cf9a-e021-7746-1c836f0863d2-d7404999 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_46f55275-cf9a-e021-7746-1c836f0863d5-d7404999, #w-node-_46f55275-cf9a-e021-7746-1c836f0863d7-d7404999 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
  justify-self: start;
}

#w-node-_5a9eb235-a3ae-5abc-6346-61a07a7b279a-d7404999 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cb5fcde2-2c54-a578-7d29-564090c85cd7-d7404999 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-a2f435cb-4b3f-b71e-4a56-c22db56697bb-d7404999, #w-node-_5e44a5a5-1e96-ec5b-1256-4eadba63020f-d7404999, #w-node-_7497f678-15ed-cbf6-9e4a-7dd8bb12a833-d7404999, #w-node-_4ba288fc-caf1-cd51-18ab-65a19e376cb4-d7404999, #w-node-cf38be2a-196d-e061-d61f-1b6e2f45f35d-d7404999, #w-node-e695f587-f6c4-15ed-6434-27313917e79f-d7404999, #w-node-_5d7b5c00-1b29-90eb-5c09-45bfb6573fab-d7404999 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_62713338-e0f1-fb34-96af-a6e9e2330bfa-d7404999 {
  align-self: start;
}

#w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d740499a, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d740499a, #w-node-_229bbba4-5058-d5d2-7cf5-b3ee72ab5ca9-d740499a, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d740499b, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d740499b, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d740499c, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d740499c, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d740499d, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d740499d, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d740499e, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d740499e, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d740499f, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d740499f, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d74049a0, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d74049a0, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d74049a1, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d74049a1, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d74049a2, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d74049a2, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d74049a3, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d74049a3, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d74049a4, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d74049a4, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d74049a5, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d74049a5, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d74049a6, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d74049a6, #w-node-_1e69b9f8-2d66-6476-5ee8-ec804883ea61-d74049a7, #w-node-_0015ba1e-a7a9-2cab-2a81-54e9c51c3e79-d74049a7, #w-node-_3544a7d6-eff3-63ee-76e5-b861e6a22205-d74049a8, #w-node-_3544a7d6-eff3-63ee-76e5-b861e6a22213-d74049a8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-e88b649d-f175-f777-1a5a-170143e0d693-d7404995, #w-node-_0896c7a9-d1f5-badf-5623-247fe547871c-d7404995, #w-node-_0896c7a9-d1f5-badf-5623-247fe547871c-d7404997 {
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8b119ef3-8c40-0e0c-c056-68c68790bd29-7818b102 {
    justify-self: center;
  }

  #w-node-_99c884f7-5d81-6789-98ec-620b70544ec8-d7404993 {
    align-self: start;
  }

  #w-node-d6e9b0cb-c2c6-e08f-47fd-11b1539b2425-d7404999, #w-node-_5a9eb235-a3ae-5abc-6346-61a07a7b279a-d7404999 {
    align-self: center;
  }
}