@import url("../../font/Gilroy/Gilroy.css");

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

/* Disable chat */
div#Embed,
#launcher {
  display: none !important;
}

html {
  font-size: 62.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "Gilroy", sans-serif;
  font-size: 1.6rem;
  color: #fff;
  background: #00022B;
  margin: 0;
  padding: 0;
  position: relative;

  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Gilroy", serif;
}

@-webkit-keyframes textura {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 100% 0%;
  }
}

@keyframes textura {
  from {
    background-position: 0% 0%;
  }
  to {
    background-position: 100% 0%;
  }
}

.onm-btn {
  font-family: "Gilroy", sans-serif;
  font-size: 0.83vw;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  padding: 1.04vw 4.69vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.73vw;
  color: #000;
  cursor: pointer;
  transition: all .3s;
  border-radius: 14.58vw;
  background-color: #FF0053;
  color: #fff;
}

.onm-btn:hover {
  box-shadow: 0 0 1vw 0.2vw #ff00536b;
}

.s01 {
  position: relative;
  margin: 1.41vw auto 0;

  width: 74vw;
}

.s01-onm-logo {
  margin-bottom: 1vw;
}

.s01-bg-lights-01 {
  position: absolute;
  z-index: -1;
  left: -200px;
  top: -200px;

}

.s01-bg-lights-02 {
  position: absolute;
  z-index: -1;
  right: -200px;
  bottom: -200px;

}

.s01-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.s01-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 1.46vw;
}

.s01-wrap {
  width: 66.67vw;
  margin: 0 auto;
  padding: 4.08vw 2.8vw 7vw;
  display: flex;
  align-items: center;
}

.s01 h1 {
  padding: 0 0 0.5vw;
  font-size: 2.4vw;
  font-weight: 700;
  line-height: 1.1;
  color: #29174B;
  width: 25vw;
}

.s01 h2 {
  width: 22.92vw;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 1.3;
  color: #4D57FF;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.26vw;
}

.s01 h2 img {
  width: 7.7vw;
  mix-blend-mode: multiply;
}

.s01 h2 .border {
  margin-left: 0.78vw;
  padding: 0.1vw 1.04vw 0.21vw;
  font-size: 1.46vw;
  line-height: 1.1;
  border-radius: 2.29vw;
  border: 0.15rem solid #515151;
  color: #515151;
}

.s01 p.p01 {
  width: 19.79vw;
  padding: 1.25vw 0 1.88vw;
  font-size: 1.25vw;
  line-height: 1.2;
  color: #3B3B3B;
}

.s01 .onm-btn {
  width: 16vw;
}

.s01-dec {
  padding: 1.09vw 0 0;
  gap: 0.94vw;

  display: grid;
  grid-template-columns: 10vw 8vw 8vw;
}

.s01 p.p02 {
  padding: 0.31vw 0.73vw 0.31vw 1.56vw;
  font-size: 0.8vw;
  line-height: 1.2;
  border-radius: 0.83vw;
  color: #00022B;
  border: 0.1rem solid #00022B;
  position: relative;
}

.s01-img-stars {
  width: 10vw;
}

.s01 p.p03 {
  padding: 0.31vw 0.6vw 0.31vw 0.6vw;
  font-size: 0.8vw;
  line-height: 1.2;
  border-radius: 0.83vw;
  color: #00022B;
  border: 0.1rem solid #00022B;
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
}

.s01 p.p03 svg {
  width: 15px;
}

.s01 p.p02::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 0.31vw solid transparent;
  border-right: 0.31vw solid transparent;
  border-top: 0.52vw solid #FF0053;
  z-index: -1;
  top: 50%;
  left: 0.73vw;
  transform: translateY(-50%);
}

.video-container {
  width: 31.25vw;
  margin: 0 auto;
  position: relative;
}

.video-container img {
  position: absolute;
  width: 26.46vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: spin 60s linear infinite;
}

@keyframes spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

.video-main {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.video-main iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.57vw;
  background-color: #000;
}

.s02 {
  width: 62.5vw;
  margin: -4.43vw auto 0;
  padding: 2.92vw 0 3.96vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 1.3vw;
  background: linear-gradient(180deg, #11122D, #01044E);
  position: relative;
}

.s02::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: calc(100% + 0.4rem);
  height: calc(100% + 0.4rem);
  transform: translate(-50%, -50%);
  border-radius: inherit;
  background: #F8F8F830;
  /* background-image: linear-gradient(90deg, #34A853, #324DA7, #F7B805, #EA4335, #4285F4); */
  z-index: -1;
}

.s02 h2 {
  width: 41.31vw;
  font-size: 2.0vw;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  color: #FFF;

  background-image: linear-gradient(to right, #FFF, #9BA0FF);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
}

.s02 p.p01 {
  width: 27vw;
  padding: 1.46vw 0 2.6vw;
  font-size: 1.2vw;
  line-height: 1.2;
  text-align: center;
  color: #B5B6C4;
}

.s02 p.p01 span {
  font-weight: 700;
  color: #fff;
}

.s02-row {
  display: flex;
  justify-content: center;
  gap: 2.71vw;
}

.s02-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s02-item img {
  width: 12.5vw;
  border-radius: 0.63vw;
}

.s02 p.p02 {
  padding: 1.04vw 0 2vw;
  font-size: 1.0vw;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  color: #FFF;
}

.s02 .onm-btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
}

.s03 {
  padding: 6.46vw 0 0;
}

.s03 h2 {
  width: 55vw;
  margin: 0 auto;
  padding: 0 0 2vw;
  font-size: 2.0vw;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  color: #FFF;

  background-image: linear-gradient(to right, #FFF, #9BA0FF);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.s03-row {
  display: flex;
  justify-content: center;
  gap: 1.82vw;
}

.s03-item {
  width: 19.79vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s03-item img {
  width: 100%;
}

.s03 p.p02 {
  padding: 1.72vw 0 0;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  color: #FFF;
}

.s03 p.p02 span {
  color: #4D57FF;
}

.s04 {
  padding: 6.25vw 0 0;
  display: flex;
  justify-content: center;
  gap: 1.25vw;
}

.s04-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.s04-info img {
  margin-bottom: 2vw;
}

.s04 h2 {
  width: 23.13vw;
  padding: 1.41vw 0 1vw;
  font-size: 1.35vw;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.192rem;
  color: #FFF;

  span {
    font-weight: 700;
    font-size: 2.2vw;
  }
}

.s04-aulas {
  border-radius: 1.72vw;
  background: linear-gradient(#01044E, #00022B);
  padding: 2vw;
  width: 30%;
}

.s04 h3 {
  font-size: 1.67vw;
  font-weight: 600;
  line-height: 1.1;
  color: #FFF;
  display: flex;
  align-items: center;
  gap: 1vw;
  position: relative;

  border-bottom: 1px solid #FFF;
  padding: 0 0 1vw;
}

.s04 ul {
  padding: 1.5vw 0;
  list-style: none;
}

.s04 li {
  font-size: 1.2vw;
  line-height: 1.5;
  color: #C4C4D3;
}

.s05 {
  width: 62.5vw;
  margin: 6.25vw auto 0;
  padding: 5vw 0 8vw 3.13vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.s05-bg-light {
  position: absolute;
  top: -10vw;
  left: -10vw;
  width: 90%;
  z-index: -1;
}

.s05-bg {
  position: absolute;
  width: 100%;
  /* height: 100%; */
  top: 0;
  left: 0;
  z-index: -1;
}

.s05-bg img {
  width: 100%;
  height: 100%;
}

.s05 h2 {
  width: 26.56vw;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: .7;
  color: #4D57FF;
}

.s05 h2 span {
  font-size: 1.5vw;
  line-height: .5;
  color: #FFF;
  font-weight: 400;
}

.s05 h2 img {
  width: 7.7vw;
  margin: -0.73vw 0 0;
  mix-blend-mode: multiply;
}

.s05 h2 span {
  
}

.s05 .google {
  padding: 0 0.52vw 0 0;
}

.s05 p {
  width: 21.93vw;
  padding: 1.82vw 0 2.86vw;
  font-size: 1vw;
  line-height: 1.5;
  color: #FFFFFF99;
}

.s06 {
  padding: 4.9vw 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s06 h2 {
  width: 36vw;
  padding: 0 0 3.5vw;
  font-size: 2.0vw;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  color: #FFF;

  background-image: linear-gradient(to right, #FFF, #9BA0FF);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.s06 h3 {
  /* font-size: 1.2vw; */
  font-weight: 400;
  color: #B5B6C4;
}

.s06-row {
  display: flex;
  justify-content: center;
  gap: 3.96vw;
}

.s06-col {
  /* width: 70vw; */
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.15vw;
}

.s06-item {
  width: 18.13vw;
  padding: 1.15vw 0.94vw;
  position: relative;
  background-color: #00022B;
  border-radius: 0.94vw;
  border: 1px solid #B5B6C4;
  flex: 1 1 15vw;
}

.s06-item:first-child {
  grid-row: 1 / 3;
}

.s06-header {
  padding: 0 0 1.25vw;
  display: flex;
  align-items: center;
  gap: 0.94vw;
}

.s06 p {
  font-size: 0.9vw;
  line-height: 1.3;
  color: #C4C4C4;
}

.s07 {
  padding: 6.25vw 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.s07 h2 {
  width: 42vw;
  padding: 0 0 5.1vw;
  font-size: 2.0vw;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  color: #FFF;

  background-image: linear-gradient(to right, #FFF, #9BA0FF);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.s07-row {
  width: 62.5vw;
  padding: 2.24vw;
  display: flex;
  justify-content: center;
  gap: 9.38vw;



  border-radius: 1.67vw;
  background-image: linear-gradient(#0F62DC, #061339);
  background-image: linear-gradient(#0A2154, #061339);
  position: relative;
}

.s07-row::before {
  position: absolute;
  content: '';
  width: calc(100% + 0.4rem);
  height: calc(100% + 0.4rem);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: inherit;
  background-image: linear-gradient(#0F62DC, #061339);
  z-index: -1;
}

.s07-item {
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: 1.15vw;
}

.s07-item img {
  width: 3.39vw;
  margin: 0 auto;
}

.s07-item p {
  font-size: 0.94vw;
  font-weight: 600;
  text-align: center;
  color: #FFF;
}

.s13 {
  display: flex;
  flex-direction: column;
  gap: 4.9vw;
  margin: -0.2rem 0 0;
  padding: 5vw 0 6.25vw;
  background-color: #00022B;
  overflow-x: hidden;
}

.s13-row {
  margin-right: -1vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2.4vw;
}

.s13-row.reverse {
  margin: 0 0 0 -6vw;
  flex-direction: row-reverse;
}

.s13-info {
  width: 21.11vw;
}

.s13 .cc-splide {
  width: 63.23vw;
}

.s13 .splide__arrows {
  position: absolute;
  width: 7.4vw;
  width: 96%;
  left: -5vw;
  top: 48%;
}

.s13 .splide__arrows img {
  width: 100%;
}

.s13 .reverse .splide__arrows {
  left: initial;
  right: 0;
}

.s13 .splide__arrow {
  background: none;
}

.s13 .splide__arrow--next img {
  transform: rotate(180deg);
}

.s13 .splide__slide img {
  width: 100%;
  border-radius: 0.42vw;
}

.s13 .splide__pagination {
  display: none;
}

.s13 h3 {
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 1.15;
  color: #FFF;
}

.s13 h3 span {
  display: block;
  font-size: 1.94vw;
  font-weight: 700;
  color: #4048DB;
}

.s13-info p {
  padding: 1.25vw 0 0;
  font-size: 1.25vw;
  line-height: 1.3;
  color: #FFF;
}

.s08 {
  display: flex;
  justify-content: center;
  gap: 0.94vw;
}

.s08-info {
  width: 31.88vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.s08 h2 {
  padding: 0 0 1.67vw;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  background: linear-gradient(90deg, #FFF, #9BA0FF);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.s08 p {
  font-size: 1.46vw;
  line-height: 1.3;
  color: #FFF;
}

.s08 p + p {
  padding: 2.4vw 0 0;
}

.s08 .onm-btn {
  margin: 2.6vw 0 0;
}

.s08-img {
  width: 38.18vw;
  padding: 2.08vw 0 0;
}

.s09 {
  padding: 3.13vw 0 0;

  display: flex;
  flex-direction: column;
  width: 100%;
}

.s09 h2 {
  width: 43.75vw;
  margin: 0 auto;
  padding: 0 0 6.77vw;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  color: #FFF;
}

.s09-row {
  width: 73.61vw;
  /* margin: 0 auto; */
  padding: 4.72vw 5.42vw 0 5.69vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 0.9vw;
  border: 0.1rem solid #6A697B;
  background: #040317;
  position: relative;
  overflow: hidden;
}

.s09-row.s09-comunidade {
  align-self: flex-end;

  border-radius: 16px;
  border-top: 3px solid #0F63DD;
  border-bottom: 3px solid #0F63DD;
  border-left: 3px solid #0F63DD;
  background: linear-gradient(90deg, rgba(0, 38, 238, 0.20) 0%, rgba(190, 0, 91, 0.20) 100%), linear-gradient(141deg, #044093 5.84%, #001736 70.07%);
}

.s09-row + .s09-row {
  margin: 1.15vw auto 0;
}

.s09-row.reverse {
  flex-direction: row-reverse;
}

.s09-row::before {
  position: absolute;
  content: '';
  top: 70%;
  right: 2%;
  width: 34.72vw;
  height: 22.92vw;
  border-radius: 35vw;
  background: #1B25DB;
  filter: blur(13.47vw);
}

.s09-row.reverse::before {
  right: initial;
  left: 2%;
}

.s09 h3 {
  font-size: 2.0vw;
  font-weight: 700;
  line-height: 1;
  color: #FFF;

  background: linear-gradient(90deg, #FFF, #9BA0FF);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.s09-comunidade .s09-img h3 {
  width: 30.56vw;
}

.s09-omd .s09-img h3 {
  width: 30.56vw;
}

.s09-img {
  z-index: 2;
}

.s09-img img {

  width: 33.47vw;
  max-width: initial;
  top: 25%;
  right: 5%;
}

.s09-comunidade .s09-img img {
  width: 30.97vw;
  top: initial;
  right: initial;
  left: 8%;
  bottom: 0;
}

.s09-omd .s09-img img {
  width: 32.85vw;
  top: initial;
  bottom: 0;
}

.s09-acompanhamento .s09-img img {
  width: 27.08vw;
  top: initial;
  right: initial;
  left: 10%;
  bottom: 4%;
}

.s09-info {
  width: 31.53vw;
  padding: 0 0 5vw;
  z-index: 2;

  display: flex;
  flex-direction: column;
  gap: 1.4vw;
}

.s09-comunidade .s09-info {
  width: 23vw;
}

.s09-info p.p01 {
  font-size: 1.39vw;
  font-weight: 400;
  line-height: 1.3;
  color: #79C2F8;
  
}

.s09-info p.p02 {
  font-size: 1.1vw;
  line-height: 1.3;
  color: #B4B3BA;
}

.s10 {
  margin: 0 auto -12.5vw;
  padding: 6.67vw 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

.s10-info {
  margin: 0 -4.38vw 0 0;
  padding: 2.81vw 8.33vw 2.81vw 4.17vw;
  border-radius:1vw;
  border: 0.2rem solid #0F63DD;
  background: rgba(1, 19, 47, 1);
  backdrop-filter: blur(1.25vw);
  position: relative;
  z-index: -1;
}

.s10-list-1 {
  width: 19.27vw;
}

.s10 li {
  padding: 0.36vw 0;
  font-size: 1.04vw;
  font-weight: 600;
  line-height: 1.2;
  color: #FFF;
}

.s10-list-2 {
  padding: 0 0 0 1.04vw;
}

.s10-list-2 li {
  font-weight: 500;
  font-style: italic;
  list-style: none;
  position: relative;
}

.s10-list-2 li::before {
  position: absolute;
  content: '';
  top: 50%;
  left: -1.04vw;
  transform: translateY(-50%);
  border-top: 0.21vw solid transparent;
  border-bottom: 0.21vw solid transparent;
  border-left: 0.42vw solid #fff;
}

.s10-price {
  padding: 3.49vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 2.4vw;
  border: 0.16vw solid #0F55DD;
  background: linear-gradient(135deg, #003E9C, #032B62, #001736);
}

.s10-logo {
  width: 9.9vw;
}

.s10 p.p01 {
  padding: 4.01vw 2.81vw 3.49vw;
  display: flex;
  align-items: center;
  font-size: 5.21vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  background: linear-gradient(90deg, #FFF, #88B2E4);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.s10 p.p01 span {
  font-size: 1.93vw;
  text-align: right;
  color: #FFF;
}

.s10-payments {
  padding: 0.63vw 0 0;
}

.s11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18.65vw 0 5.21vw;
  background-color: #EDEDED;
}

.s11 h2 {
  padding: 0 0 2.08vw;
  font-size: 2.6vw;
  font-weight: 700;
  text-align: center;
  color: #4048DB;
}

.s11-row {
  width: 55.21vw;
  padding: 1.51vw 0.83vw;
  border-radius: 0.83vw;
  border: 0.1rem solid rgba(0, 0, 0, 0.3);
}

.s11-row + .s11-row {
  margin: 0.94vw 0 0;
}

.s11 h3 {
  padding: 0 0 0.83vw;
  font-size: 1.25vw;
  font-weight: 600;
  color: #4048DB;
}

.s11 p,
.s11 li {
  color: #232323;
  font-size: 0.94vw;
  line-height: 1.3;
}

.s11 p + p {
  padding: 0.94vw 0 0;
}

.s11 ul {
  padding: 0.52vw 0 0 1.04vw;
}

.sfooter-wrap {
  width: 55.83vw;
  margin: 0 auto;
  padding: 2.08vw 0;
  display: flex;
  justify-content: space-between;
}

.sfooter p,
.sfooter a {
  font-size: 0.73vw;
}

.sfooter a:hover {
  text-decoration: underline;
}

.sfooter-termos {
  display: flex;
  justify-content: center;
  gap: 2.81vw;
}

.hide-desktop {
  display: none;
}

@media screen and (max-width: 600px) {

.s01-onm-logo {
  margin-bottom: 4vw;
  width: 25vw;
}
  
.onm-btn {
  padding: 5vw 7.5vw;
  font-size: 4.5vw;
  border-radius: 1rem;
}
.s01 {
  margin: 0;
  width: 100%;
}
.s01-img-autofalante {
  display: none;
}
.s01-bg-lights {
  display: none;
}
.s01-bg img {
  border-radius: 0;
}
.s01-wrap {
  width: 100%;
  padding: 20.51vw 0 0;
  flex-direction: column;
}
.s01-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.s01 h1 {
  width: 100%;
  padding: 0 0 3.33vw;
  font-size: 8.21vw;
  text-align: center;
}
.s01 h2 {
  width: 100%;
  padding: 0 0 2.6vw;
  font-size: 4.62vw;
  text-align: center;
  justify-content: center;
  gap: 1.03vw;
}
.s01 h2 img {
  width: 40vw;
  margin: -1vw 0 0;
}
.google {
  font-size: 7.18vw;
  line-height: 1.1;
  letter-spacing: -0.7vw;
}
.s01 h2 .border {
  margin-left: 1.03vw;
  padding: 0.51vw 3.59vw;
  font-size: 4.87vw;
  border-radius: 7.69vw;
}
.s01 p.p01 {
  width: 66.67vw;
  padding: 0;
  font-size: 4.36vw;
  text-align: center;
  margin-bottom: 4vw;
}
.s01-cta {
  margin: 0 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 88.21vw;
}
.s01-about {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4vw;
  width: 50vw;
}
.s01-about img {
  width: 100%;
}
.s01-cta .onm-btn {
  display: none;
}
.onm-btn {
  font-size: 3.85vw;
  border-radius: 68.72vw;
}
.s01 .onm-btn {
  width: 90%;
}
.video-container {
  width: 88.21vw;
  margin: 14vw auto 2vw;
}
.video-container img {
  width: 69.23vw;
}
.video-main iframe {
  border-radius: 2.82vw;
}
.s01-dec {
  padding: 6.15vw 0 0;
  gap: 3.08vw;

  display: flex;
  flex-direction: column;
  align-items: center;

  width: 100%;
}
.s01 p.p02 {
  padding: 1.03vw 2.31vw 1.03vw 5.38vw;
  font-size: 3.08vw;
  color: #fff;
  border-radius: 3.08vw;
}
.s01 p.p02::before {
  border-left: 1.28vw solid transparent;
  border-right: 1.28vw solid transparent;
  border-top: 2.05vw solid #FF0053;
  left: 1.54vw;
}
.s02 {
  width: 100%;
  margin: -2vw auto 0;
  padding: 10.26vw 5.64vw 17.95vw;
  border-radius: 6.41vw;
}
.s02 h2 {
  width: 100%;
  font-size: 8.21vw;
}
.s02 p.p01 {
  width: 100%;
  padding: 8.46vw 0 10vw;
  font-size: 5.13vw;
}
.s02 p.p02 {
  padding: 5.13vw 0 4vw;
  font-size: 5.9vw;
}
.s02-row {
  flex-direction: column;
  gap: 10.51vw;
}
.s02 .onm-btn {
  width: 80%;
}
.s02-item img {
  width: 61.79vw;
}
.s03 {
  padding: 25.13vw 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.s03 h2 {
  width: 90vw;
  padding: 0 0 7.69vw;
  font-size: 6vw;
}
.s03-row {
  flex-direction: column;
  gap: 12.82vw;
}
.s03-item {
  width: 90vw;
}
.s03 p.p02 {
  font-size: 6.15vw;
}
.s03 p.p02 br {
  display: none;
}
.s04 {
  padding: 12.82vw 6vw 0;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.s04-info {
  width: 100%;
}
.s04 h2 {
  width: 79.49vw;
  padding: 0 0 3vw;
  font-size: 5.5vw;
  letter-spacing: normal;
}
.s04 h2 span {
  font-size: 6.6vw;
}
.s04 h3 {
  margin: 5vw 0 0;
  padding-bottom: 3vw;
  font-size: 5.13vw;
  gap: 3.59vw;
}
.s04 h3 span {
  margin: 0 0 0 3.59vw;
  border-top: 1.03vw solid transparent;
  border-bottom: 1.03vw solid transparent;
  border-left: 1.79vw solid #fff;
}
.s04-aulas {
  background: transparent;
  padding: 0;
  width: 100%;
}
.s04 ul {
  margin: 0 0 6.15vw;
  padding: 5vw 0vw;
}
.s04 li {
  font-size: 4.1vw;
  line-height: 1.8;
}
.s04 .onm-btn {
  width: 76.92vw;
}
.s05 {
  width: 95.38vw;
  margin: 18vw auto 0;
  padding: 9.23vw 0 0;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.s05-bg img {
  object-fit: cover;
}
.s05 h2 {
  width: 89.74vw;
  font-size: 8.21vw;
  padding: 0 2.2vw;
}
.s05 h2 span {
  font-size: .8em;
}
.s05 h2 img {
  width: 34vw;
  margin: -2.7vw 0 0;
}
.s05 p {
  width: 89.74vw;
  padding: 7.69vw 2.2vw;
  font-size: 5vw;
}
.s05-bg-light {
  top: -100px;
  left: -100vw;
  width: 225vw;
  height: auto;
}
.s05-bg {
  border-radius: 2vw;
  overflow: hidden;
  height: 100%;
}
.s05 .onm-btn {
  width: 76vw;
  /* height: 100%; */
  align-self: center;
  margin-top: 100vw;
  margin-bottom: 10vw;
}
.s06 {
  padding: 13.33vw 0 0;
}
.s06 h2 {
  width: 84.62vw;
  padding: 0 0 13.33vw;
  font-size: 6vw;
}
.s06-row {
  flex-direction: column;
  gap: 6.92vw;
}
.s06-col {
  gap: 6.92vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.s06-item {
  width: 89.49vw;
  padding: 5.64vw 4.62vw;
  border-radius: 4.62vw;
}
.s06-header {
  gap: 4.62vw;
}
.s06 p {
  font-size: 4vw;
}
.s07 {
  padding: 13.85vw 0 0;
}
.s07 h2 {
  width: 92.31vw;
  padding: 0 0 12.82vw;
  font-size: 6vw;
}
.s07-row {
  width: 86.67vw;
  padding: 10.77vw 7.69vw;
  border-radius: 9.23vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.s07-item img {
  width: 12.82vw;
}
.s07-item p {
  font-size: 3.85vw;
}
#d13 h2 {
  font-size: 6vw !important;
}
.s08 {
  flex-direction: column;
  align-items: center;
  gap: 13.59vw;
}
.s08-info {
  width: 100%;
  align-items: center;
}
.s08 h2 {
  width: 82.05vw;
  padding: 0 0 5.13vw;
  font-size: 9.23vw;
  text-align: center;
}
.s08 p {
  width: 91.79vw;
  font-size: 5.9vw;
  text-align: center;
}
.s08-img {
  width: 100%;
  padding: 0;
}
.s09 h2 {
  width: 79.49vw;
  padding: 0 0 12.82vw;
  font-size: 8.21vw;
}
.s09-row,
.s09-row.reverse {
  width: 91.79vw;
  padding: 8.97vw 0 0;
  flex-direction: column-reverse;
  align-items: center;
  border-radius: 2.56vw;
}
.s09-row::before,
.s09-row.reverse::before {
  top: -40%;
  right: 50%;
  transform: translateX(50%);
  width: 100vw;
  height: 80vw;
  filter: blur(33vw);
}
.s09-comunidade .s09-info,
.s09-omd .s09-info,
.s09-acompanhamento .s09-info {
  width: 76.92vw;
  margin: 5.13vw 0 0;
}
.s09-info p.p01,
.s09-info p.p02 {
  width: 69.74vw;
  font-size: 4.1vw;
}
.s09-info p.p01,
.s09-info p.p02 {
  width: 69.74vw;
  font-size: 4.1vw;
}
.s09 h3 {
  font-size: 7.69vw;
  color: #9BA0FF;
}
.s09-img img {
  position: relative;
  width: 91.79vw;
  top: initial;
  left: initial;
  right: initial;
  bottom: initial;
  margin: -5.13vw 0 0;
}
.s09-comunidade .s09-img img,
.s09-omd .s09-img img,
.s09-acompanhamento .s09-img img {
  width: 75.38vw;
  margin: 5.13vw 0 0;
  left: initial;
}
.s09-comunidade .s09-img h3,
.s09-omd .s09-img h3 {
  width: 100%;
}
.s09-row + .s09-row {
  margin: 6.15vw auto 0;
}
.s10 {
  margin: 0 auto -26vw;
  padding: 10.26vw 0 0;
  flex-direction: column;
}
.s10-info {
  margin: 0 auto -10.26vw;
  padding: 10.26vw 6.15vw 20.51vw 12.82vw;
  border-radius: 7.69vw;
}
.s10-list-1 {
  width: 64.87vw;
}
.s10 li {
  padding: 2.56vw 0 0;
  font-size: 5.13vw;
}
.s10-list-2 {
  padding: 2.56vw 0 0 5.13vw;
}
.s10-list-2 li::before {
  left: -3.59vw;
  transform: translateY(-50%);
  border-top: 1.03vw solid transparent;
  border-bottom: 1.03vw solid transparent;
  border-left: 2.05vw solid #fff;
}
.s10-price {
  padding: 10.26vw 8.21vw;
  border-radius: 7.18vw;
  border: 0.2rem solid #0F55DD;
}
.s10-logo {
  width: 29.23vw;
}
.s10 p.p01 {
  padding: 11.79vw 0 10.26vw;
  font-size: 15.38vw;
  gap: 1.03vw;
}
.s10 p.p01 span {
  font-size: 5.64vw;
  text-align: center;
}
.s10 .onm-btn {
  width: 48.72vw;
  padding: 4vw 7.5vw;
}
.s10-payments {
  width: 44.87vw;
  padding: 2.05vw 0 0;
}
.s11 {
  padding: 40vw 0 20vw;
}
.s11 h2 {
  padding: 0 0 12.82vw;
  font-size: 8.21vw;
  line-height: 1.2;
}
.s11-row {
  width: 92.31vw;
  padding: 7.44vw;
  border-radius: 4.1vw;
}
.s11-row + .s11-row {
  margin: 4.62vw 0 0;
}
.s11 h3 {
  padding: 0 0 4.1vw;
  font-size: 5.9vw;
}
.s11 p,
.s11 li {
  font-size: 4.62vw;
}
.s11 p + p {
  padding: 4.62vw 0 0;
}
.s11 ul {
  padding: 2.56vw 0 0 5.13vw;
}

.s13 {
  padding: 13.85vw 0 21.03vw;
  gap: 17.95vw;
}
.s13-row {
  flex-direction: column;
  gap: 6.15vw;
}
.s13-info {
  width: 91.79vw;
}
.s13 h3 {
  font-size: 4.62vw;
}
.s13 h3 span {
  font-size: 7.18vw;
  color: #9BA0FF;
}
.s13-info p {
  padding: 4.62vw 0 0;
  font-size: 4.62vw;
}
.s13 .cc-splide {
  width: 117.95vw;
  transform: translateX(12.82vw);
}
.s13 .splide__arrows {
  display: none;
}
.sfooter-wrap {
  width: 100%;
  padding: 6.5vw 0;
  flex-direction: column;
  align-items: center;
  gap: 1.5vw;
}
.sfooter p,
.sfooter a {
  font-size: 2.5vw;
  text-align: center;
}
.hide-desktop {
  display: flex;
}
.hide-mobile {
  display: none;
}
}

#d13 {
  text-align: center;
  position: relative;

  padding: 0 6.67vw;
}

#d13 h2 {
  font-size: 8.89vw;
  text-align: center;
  margin: 0 auto;
  background: linear-gradient(90deg, #FFF, #88B2E4);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#d13>div:not(.container-botao) {
  margin-top: 11.11vw;
  padding: 13.33vw 7.22vw;
  border-radius: 8.33vw;
  border: .83vw solid #0F63DD;
  background: linear-gradient(90deg,rgba(0,38,238,.2) 0%,rgba(190,0,91,.2) 100%),linear-gradient(141deg,#044093 5.84%,#001736 70.07%)
}

#d13 img {
  margin: 0 0 4.17vw;
}

#d13 p {
  margin: 4.17vw auto 0;
}

#d13 p span {
  font-size: 4.44vw;
  color: #88B2E4;
  font-weight: 400;
  line-height: 1;
}

#d13 h3 {
  font-size: 7.78vw;
  font-weight: 700;
  background: linear-gradient(90deg,#FFF 0%,#88B2E4 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

#d13>div.extra {
  padding-bottom: 0
}

#d13>div.extra img {
  margin: 0
}

#d13 .container-botao {
  margin-top: 8.33vw
}

#d13>h3 {
  margin-top: 23.33vw;
  line-height: 1.2;
  font-size: 6vw
}

.bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: -1
}

@media (min-width: 700px) {
  #d13 {
    margin-top: 0;
    padding: 5.99vw 0 4vw;
    text-align: left
}

#d13 h2 {
    font-size: 2.5vw;
    width: 49.06vw;

    background: linear-gradient(90deg, #FFF, #88B2E4);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#d13>div:not(.container-botao) {
    width: 83.33vw;
    margin-top: 4.69vw;
    padding: 1.46vw 4.69vw;
    border: .16vw solid #0F63DD;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2.08vw
}

#d13>div:not(.container-botao)>div {
    width: 25.94vw
}

#d13>div:not(.container-botao):nth-child(even) {
    border-radius: 3.13vw 0 0 3.13vw;
    margin-left: auto
}

#d13>div:not(.container-botao):nth-child(odd) {
    border-radius: 0 3.13vw 3.13vw 0;
    margin-right: auto
}

#d13>div:not(.container-botao):nth-child(2) {
    flex-direction: row-reverse;
    justify-content: flex-end
}

#d13>div:not(.container-botao):nth-child(2) img {
    width: 31.25vw
}

#d13>div:not(.container-botao):nth-child(3) {
    padding: 2.45vw 4.69vw;
    justify-content: flex-end
}

#d13>div:not(.container-botao):nth-child(3) img {
    width: 28.49vw
}

#d13>div:not(.container-botao):nth-child(4) img {
    width: 29.69vw
}

#d13 img {
    margin: 0
}

#d13 p {
    margin: .89vw auto 0;
    line-height: 1.4
}

#d13 p span {
    font-size: 1.35vw
}

#d13 h3 {
    font-size: 2.5vw;
    line-height: 1;
}

#d13>div.extra {
    padding-bottom: 0
}

#d13>div.extra img {
    margin: 0
}

#d13 .container-botao {
    margin-top: 4.01vw
}

#d13>h3 {
    line-height: 1.2;
    width: 57.5vw;
    margin: 9.38vw auto 0;
    text-align: center
}
}