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

/* 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;
    line-height: 1.5;
    background: #fff;
    color: #232323;
    margin: 0;
    padding: 0;
    position: relative;
}

img {
    user-select: none;
    pointer-events: none;
}

ul {
    font-family: "Gilroy", sans-serif;
}

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

p {
    font-family: "Gilroy", sans-serif;
    line-height: 1.5;
    margin: 0;
}

.onm-btn {
    font-family: "Gilroy", sans-serif;
    font-size: 1.11vw;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.08rem;
    line-height: 1.2;
    padding: 1.39vw 2.29vw;
    color: #fff;
    background-color: #FF0053;
    border-radius: 20rem;
    border: unset;
    transition: all 0.3s cubic-bezier(0.55, 0.1, 0.47, 0.94);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 0;
    position: relative;
}

.onm-btn.hollow {
    font-weight: 500;
    background: transparent;
}

.onm-btn img {
    width: 3rem;
    width: clamp(2.4rem, 2.8vw, 2.8rem);
    margin: -0.14vw 0 0;
}

.onm-btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 8.6rem;
    box-shadow: 0 0 0.56vw 0.28vw #fd4c73;
    transition: all 0.3s;
    opacity: 0;
}

.onm-btn:hover::before {
    opacity: 0.6;
}

.onm-btn:hover,
.onm-btn:active,
.onm-btn:focus {
    color: #fff;
    background-position: 100% 0%;
}

.s01 {
    padding: 0 0 3.82vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

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

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

.nav {
    width: 100%;
    padding: 1.3vw 0;
    z-index: 2000;
    position: relative;
    /* background: rgba(5, 9, 57, 0.5);
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(0.69vw);
    backdrop-filter: blur(0.69vw);
    z-index: 200; */
}

.nav-wrap {
    width: clamp(30rem, 70vw, 132rem);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-wrap .onm-btn{
    background: #e7004c;
}

.nav img {
    width: clamp(9rem, 7vw, 12rem);
}

.nav-menu {
    display: flex;
    gap: 2.6vw;
}

.nav-menu .onm-btn {
    padding: 0.63vw 2.15vw;
}

.s01 h1 {
    width: 47.5vw;
    /*padding: 2.78vw 0 1.25vw;*/
    font-size: 2.92vw;
    width: 70vw;
    padding: 1.25vw 0;
    font-size: 2.6vw;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #FFF;
}

.s01 h1 span {
    font-weight: 700;
    font-style: italic;
}

.s01 p {
    font-size: 1.25vw;
    font-weight: 500;
    text-align: center;
    color: #FFF;
}

.s01 p.p02 {
    font-size: 1.38vw;
    font-weight: bold;
    margin: -0.7vw 0 1.04vw;
}

.s01 ul {
    padding: 1.25vw 0;
    /*padding: 2.36vw 0 2vw;*/
}

.s01 li {
    display: flex;
    align-items: center;
    gap: 0.97vw;
    font-size: 1vw;
    color: #FFF;
    margin-bottom: 1rem;
}

.s01 li img {
    width: 1.67vw;
}

.s01-payments {
    width: 21.53vw;
    padding: 1.04vw 0 0;
}

.s01-player {
    width: 47.2vw;
    margin: 0 auto 2.4vw;
    position: relative;
}

.video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgb(0 0 0 / 20%);
  cursor: pointer;
}

@keyframes pulseScale {
    0% {
        transform: scale(1);
    }
    80% {
        transform: scale(1.1);
    }
}

.video-som {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 26%;
  animation: pulseScale 3s ease-in-out infinite;
}

.video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20%;
}

@keyframes pulseScale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.s01-video {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 1.1vw;
}

.s01-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.14vw;
}

.s01-cta .onm-btn {
    width: min(30rem, 100%);
    font-size: clamp(1.8rem, 1.7vw, 2rem);
    padding: 1.6rem 2rem 1.5rem;
}

.s02 {
    padding: 1.94vw 0 2.22vw;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4.86vw;
    background: #F6F6F6;
}

.s02-item {
    width: 11.11vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.83vw;
}

.s02 img {
    width: 2.22vw;
}

.s02 p {
    font-size: 1.11vw;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color: #37373F;
}

.s03 {
    padding: 5.56vw 0 3.61vw;
    display: flex;
    justify-content: center;
    gap: 5.56vw;
}

.s03-info {
    width: 28.19vw;
}

.s03 h2 {
    font-size: 2.92vw;
    font-weight: 700;
    line-height: 1.2;
    color: #4048DB;
}

.s03 p {
    padding: 1.11vw 0 0;
    font-size: 1.39vw;
    font-weight: 500;
    line-height: 1.3;
    color: #232323;
}

.s03 p span {
    font-weight: bold;
    text-decoration: underline;
}

.s03-animation {
    width: 39.86vw;
}

.s03 video {
    width: 100%;
    border-radius: 0.83vw;
}

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

.s04-row {
    display: flex;
}

.s04-cel {
    padding: 2.22vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.11vw;
    font-weight: 500;
    text-align: center;
}

.s04-cel svg{
    width: 2rem;
    margin-bottom: .8rem;
}

.s04-cel.cel-1 {
    width: 25.28vw;
    font-size: 1.67vw;
    font-weight: bold;
    background-color: #F6F6F6;
    border: 0.1rem solid rgba(0, 0, 0, 0.10);
    border-top: none;
}

.s04-row:nth-of-type(2) .s04-cel.cel-1 {
    border-top: 0.1rem solid rgba(0, 0, 0, 0.10);
}

.s04-cel.cel-blank {
    background: none;
    border: none;
}

.s04-cel.cel-2 {
    width: 23.61vw;
    border: 0.1rem solid rgba(0, 0, 0, 0.10);
    border-top: none;
    border-left: none;
}

.s04-cel.cel-3 {
    width: 24.79vw;
    border: 0.1rem solid rgba(0, 0, 0, 0.10);
    border-top: none;
    border-left: none;
}

.s04-row.row-title .s04-cel {
    padding: 0.56vw 0;
    font-size: 1.67vw;
    font-weight: 700;
    border: none;
    color: #121820;
}

.s04-row.row-title .s04-cel.cel-2 {
    /*border-radius: 1.39vw 0 0 0;*/
    /*background-color: #E83232;*/
    /*color: #FFF;*/
    background-color: #F6F6F6;
    border: 0.1rem solid rgba(0, 0, 0, 0.10);
}

.s04-row.row-title .s04-cel.cel-3 {
    /*color: #fff;*/
    /*border-radius: 1.39vw 0 0 0;*/
    /*background-color: #4048DB;*/
    position: relative;
    background-color: #F6F6F6;
    border: 0.1rem solid rgba(0, 0, 0, 0.10);
}

.s04-row.row-title .s04-cel.cel-3::before {
    position: absolute;
    /*content: '';*/
    width: 100%;
    height: 100%;
    top: 0;
    left: -0.2rem;
    background-color: #E83232;
    z-index: -1;
}

.s04-cel.cel-3 {
    color: #090E7A;
}

.s05 h2 {
    padding: 10.42vw 0 4.17vw;
    font-size: 2.92vw;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #4048DB;
}

.s05-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.39vw;
}

.s05-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.39vw;
}

.s05-item {
    width: 21.53vw;
    padding: 1.39vw 1.11vw;
    border-radius: 1.11vw;
    border: 0.1rem solid rgba(0, 0, 0, 0.20);
}

.s05-person {
    padding: 0 0 1.25vw;
    display: flex;
    align-items: center;
    gap: 1.11vw;
}

.s05-person img {
    width: 2.92vw;
}

.s05 h3 {
    font-size: 1.39vw;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
}

.s05 p {
    font-size: 1.25vw;
    line-height: 1.3;
    color: #000;
}

.s05 p + p {
    padding: 1.11vw 0 0;
}

.s06 h2 {
    padding: 6.25vw 0;
    font-size: 2.22vw;
    font-weight: 700;
    text-align: center;
    color: #4048DB;
}

.s06-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5vw;
}

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

.s06-row + .s06-row {
    padding: 3.33vw 0 0;
}

.s06-player {
    width: 36.11vw;
}

.s06-info {
    width: 28.33vw;
}

.s06 h3 {
    padding: 0 0 0.56vw;
    font-size: 1.67vw;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
}

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

.s06 p span {
    font-weight: bold;
    text-decoration: underline;
}

.dep {
    min-height: 60vh;
}

.dep-intro {
    width: 57.64vw;
    margin: 0 auto;
    padding: 14rem 0 4rem;
}

.dep-intro h2 {
    font-size: 2.22vw;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #4048DB;
}

.dep-intro p {
    font-size: 2.2rem;
    font-size: clamp(1.8rem, 1.7vw, 2.2rem);
    font-weight: 600;
}

.dep-wrap {
    width: 73.61vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1.39vw;
}

.dep-card {
    width: 17.36vw;
    padding: 0 0 1.94vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dep-card img {
    border-radius: 2.08vw;
}

.dep-card h2 {
    font-size: 0.97vw;
    font-weight: 600;
    padding: 1.39vw 0 0.56vw;
    color: #000;
}

.dep-card p {
    min-height: 4.31vw;
    font-size: 0.97vw;
    padding: 0 0 1.39vw;
    color: #000;
}

.dep-card button {
    font-size: 0.83vw;
    padding: 0.28vw 0.83vw;
    border-radius: 1.39vw;
    border: 0.1rem solid #000;
    background-color: transparent;
    margin-top: auto;
}

.dep-card button:hover {
    cursor: pointer;
}

.dep-btn {
    width: 73.61vw;
    margin: 0 auto;
    padding: 0 0 8.33vw;
    display: flex;
    justify-content: flex-end;
}

.dep-btn a {
    font-size: 1.39vw;
    background: linear-gradient(135deg, #5390d8, #153a66);
    text-decoration: none;
    padding: 1.39vw 2.78vw;
    transition: background 0.3s, color 0.3s;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    border: 0.07vw solid #5390d8;
}

.dep-btn .onm-btn::before {
    box-shadow: -0.14vw 0vw 0.56vw 0.28vw #5390d8;
}

.dep-btn .onm-btn:hover,
.dep-btn .onm-btn:active,
.dep-btn .onm-btn:focus {
    color: transparent;
}

.dep-btn .onm-btn:hover::before {
    opacity: 0.6;
}

.dep-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(0.69vw);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    display: none;
}

.dep-modal-wrap {
    width: min(85rem, 90%);
    margin: 0 auto;
    padding: 3.2rem;
    border-radius: 1.6rem;
    background: #fff;
    position: relative;
}

.dep-modal-close {
    position: absolute;
    top: 2.2rem;
    right: 1.4rem;
    font-size: 3rem;
    line-height: 1;
    padding: 0.4rem 1rem;
    border: none;
    background: transparent;
    cursor: pointer;
    z-index: 8;
}

.dep-modal-header {
    display: flex;
    align-items: center;
    gap: clamp(1.2rem, 3vw, 3.2rem);
    padding: 0 0 3.2rem;
}

.dep-modal-header img {
    width: 9.2rem;
    height: 9.2rem;
    border-radius: 1.1rem;
}

.dep-modal-header h2 {
    font-size: 2.2rem;
}

.dep-modal-header h3 {
    font-size: 1.6rem;
    opacity: 0.6;
}

.dep-modal-text {
    max-height: 42rem;
    padding: 0 1rem 0 0;
    overflow-y: auto;
}

.dep-modal-text p + p {
    padding: 2rem 0 0;
}

.dep-modal-cta{
    font-size: 1.8rem;
    font-weight: 700;
}

.dep-modal-cta a{
    color: #0808df;
    text-decoration: underline;
}

.dep-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1.6rem;
    background: #fff;
    z-index: 2;
}

.loader {
    width: 2.78vw;
    aspect-ratio: 1;
    color: #f03355;
    position: relative;
    background:
      conic-gradient(from 134deg at top   ,currentColor 92deg,#0000 0) top,
      conic-gradient(from -46deg at bottom,currentColor 92deg,#0000 0) bottom;
    background-size: 100% 50%;
    background-repeat: no-repeat;
  }
  .loader:before {
    content:'';
    position: absolute;
    inset: 0;
    --g:currentColor 0.97vw,#0000 0 calc(100% - 0.97vw),currentColor 0;
    background:
      linear-gradient( 45deg,var(--g)),
      linear-gradient(-45deg,var(--g));
     animation: l7 1.5s infinite cubic-bezier(0.3,1,0,1);
  }
  @keyframes l7 {
     33%  {inset:-0.69vw;transform: rotate(0deg)}
     66%  {inset:-0.69vw;transform: rotate(90deg)}
     100% {inset:0    ;transform: rotate(90deg)}
  }



  .s07 {
    width: 45.14vw;
    margin: 0 auto 5.56vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.s07 h2 {
    padding: 8.33vw 0 0;
    font-size: 1.67vw;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #232323;
}

.s07 p {
    font-size: 1.39vw;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    color: #232323;
}

.s07 .onm-btn {
    margin: 1.67vw auto;
}

.s07 .s01-payments {
    padding: 0;
    filter: brightness(0);
}

.s08 {
    padding: 7.29vw 0 12.5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #00022B;
}

.s08 p.p01 {
    width: 100%;
    font-size: 1.67vw;
    text-align: center;
    color: #FFF;
}

.s08 h2 {
    width: 43.06vw;
    font-size: 2.22vw;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #9BA0FF;
}

.s08 p.p02 {
    width: 48.61vw;
    padding: 1.32vw 0 5.83vw;
    font-size: 1.11vw;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    color: #B4B3BA;
}

.s08 h3 {
    width: 18.75vw;
    font-size: 1.67vw;
    font-weight: 700;
    line-height: 1;
    color: #9BA0FF;
}

.s08-circle {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.s08-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.83vw;
}

.s08-text p {
    font-size: 0.97vw;
    font-weight: 500;
    line-height: 1.3;
    color: #FFF;
    opacity: 0.8;
}

.s08-text-1 {
    width: 100%;
    padding: 0 0 9.03vw;
    flex-direction: column-reverse;
    text-align: center;
}

.s08-text-1 h3 {
    text-align: center;
}

.s08-text-1 p {
    width: 36.53vw;
}

.s08-text-2 {
    width: 22.08vw;
    align-items: flex-end;
    text-align: right;
}

.s08-text-3 {
    width: 17.92vw;
}

.s08-text-4 {
    width: 100%;
    padding: 10.14vw 0 0;
    text-align: center;
}

.s08-text-4 p {
    width: 23.13vw;
}

.s08-eclipse {
    width: 27.78vw;
    margin: 0 3.13vw;
    position: relative;
}

.s08-eclipse-logo {
    position: absolute;
    width: 68.06vw;
    max-width: initial;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.s08-eclipse-arrows {
    position: absolute;
    width: 26.39vw;
    top: 52%;
    left: 49%;
    transform: translate(-50%, -50%);
    animation: 30s linear infinite roda-eclipse;
}

@keyframes roda-eclipse {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

.s09 {
    width: 71.81vw;
    margin: 6.25vw auto 0;
    padding: 2.92vw 2.78vw 3.61vw 2.5vw;
    border-radius: 1.11vw;
    border: 0.1rem solid rgba(155, 160, 255, 0.5);
}

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

.s09 h2 {
    font-size: 2.22vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.128rem;
    color: #4048DB;
}

.s09-header img {
    width: 9.58vw;
}

.s09 p.p01 {
    font-size: 1.11vw;
    font-weight: 600;
    line-height: 1.3;
}

.s09 p.p01 + p {
    padding: 1.8vw 0 0;
}

.s09-row {
    padding: 2.78vw 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.s09-info {
    width: 28.75vw;
    flex-shrink: 0;
}

.s09-numbers {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 1.39vw;
}

.s09-block {
    display: flex;
    justify-content: space-around;
    gap: 2.78vw;
}

.num-item {
  text-align: center;
}

.num-item p {
    font-size: 1vw;
}

.num h3 {
    font-size: 3.8vw;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.04em;
}

.num h3.blue {
    background: linear-gradient(120deg, #6ca3e2, #3e6ea7);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.num h3.red {
    background: linear-gradient(120deg, #e8517a, #e80c4d);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.num h3.green {
    background: linear-gradient(120deg, #06d6a0, #309a72);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.num h3.yellow {
    background: linear-gradient(120deg, #f2cf68, #c7a237);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s10 {
    width: 71.81vw;
    margin: 1.11vw auto 0;
    padding: 2.92vw 2.78vw 2.22vw 2.5vw;
    display: flex;
    gap: 2.64vw;
    border-radius: 1.11vw;
    border: 0.1rem solid rgba(155, 160, 255, 0.5);
}

.s10 p {
    font-size: 1.39vw;
    font-weight: 600;
    line-height: 1.3;
    color: #232323;
}

.s10 h2 {
    width: 25.83vw;
    padding: 0.56vw 0 0;
    font-size: 2.22vw;
    font-weight: 700;
    line-height: 1.3;
    color: #4048DB;
}

.s10 li {
    padding: 0.69vw 0 0;
    font-size: 1.25vw;
    line-height: 1.3;
    color: #232323;
}

.s10 li::marker {
    color: #4048DB;
}

.s11 h2 {
    padding: 3.89vw 0 0;
}

.s12 {
    padding: 6.25vw 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #00022B;
}

.s12 h2 {
    width: 43.75vw;
    padding: 0 0 2.78vw;
    font-size: 2.92vw;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #FFF;
    background: linear-gradient(120deg, #fff, #999);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s12-row {
    width: 73.61vw;
    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;
}

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

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

.s12-row + .s12-row {
    margin: 1.39vw auto 0;
}

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

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

.s12-info p.p01 {
    font-size: 1.39vw;
    font-weight: 600;
    line-height: 1.3;
    color: #FFF;
}

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

.s12-info p + p {
    padding: 1.39vw 0 0;
}

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

.s12 h3 {
    font-size: 2.85vw;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #4D56FD;
}

.s12-img img {
    position: absolute;
    width: 33.47vw;
    max-width: initial;
    top: 25%;
    right: 5%;
}

.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;
}

.fade-up-in {
  opacity: 0;
  transform: translateY(2.08vw);
  transition: opacity 1000ms ease-in, transform 1000ms ease-out;
}

.fade-up-in.appear {
  opacity: 1;
  transform: translateY(0);
}

.s14 {
    margin: -0.2rem 0 0;
    padding: 0.69vw 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #00022B;
    overflow: hidden;
}

.s14 h2 {
    font-size: 2.92vw;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #FFF;
    background: linear-gradient(120deg, #fff, #999);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s14 p {
    width: 44.03vw;
    padding: 1.11vw 0 4.86vw;
    font-size: 1.67vw;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    color: #B4B3BA;
}

.s14-marquee {
    padding: 0 0 1.8rem;
    display: flex;
    place-items: center;
    position: relative;
    overflow: hidden;
    --offset: 10vw;
    --move-initial: calc(40% + var(--offset));
    --move-final: calc(-40% + var(--offset));
}

.s14-row {
    display: flex;
    gap: 0.8rem;
    transform: translateX(var(--move-initial));
    -webkit-animation: marqueeOne 180s linear infinite;
    animation: marqueeOne 180s linear infinite;
    /* background: linear-gradient(90deg, red, green); */
}

.s14-marquee.reverse .s14-row {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
}

.s14-item {
    /* width: 220vw; */
}

.s14-row img{
    max-width: unset;
    height: 20rem;
}

@-webkit-keyframes marqueeOne {
    0% {
        opacity: 1;
        transform: translateX(var(--move-initial));
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateX(var(--move-final));
    }
}

@keyframes marqueeOne {
    0% {
        opacity: 1;
        transform: translateX(var(--move-initial));
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateX(var(--move-final));
    }
}

.s15 {
    margin: -0.2rem 0 0;
    padding: 6.94vw 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #00022B;
}

.s15 h2 {
    padding: 0 0 1.67vw;
    font-size: 2.92vw;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #FFF;
    background: linear-gradient(120deg, #fff, #999);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s15 p.p03 {
    width: 43.19vw;
    font-size: 1.39vw;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color: #B4B3BA;
}

.s15 p.p03 + p {
    padding: 1.39vw 0 0;
}

.s15 .onm-btn {
    margin: 1.67vw auto 4.44vw;
}

.s15 .s12-comunidade .s12-info {
    width: 24.44vw;
}

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

.s15 .s12-omd .s12-info {
    width: 30.07vw;
}

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

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

.s15 .s12-acompanhamento .s12-info {
    width: 28.06vw;
}

.s15 .s12-acompanhamento .s12-img h3 {
    width: 30.56vw;
}

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

.s16 {
    width: 100%;
    margin: -0.2rem 0 0;
    padding: 5.42vw 0 5.97vw;
    background-color: #00022B;
}

.s16 h2 {
    width: 63.19vw;
    padding: 0;
    font-size: 2.92vw;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #FFF;
    background: linear-gradient(120deg, #fff, #999);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s16.s07 .s01-payments {
    filter: brightness(1);
}

.s17 {
    padding: 6.53vw 0 7.22vw;
    background-color: #F3F3F3;
}

.s17-wrap {
    width: 61.81vw;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25vw;
}

.s17-card {
    flex: 47%;
    display: flex;
    flex-direction: column;
    gap: 1.11vw;
    padding: 2.36vw;
    border-radius: 1.11vw;
    background: #FFF;
}

.s17-card.bigger {
    flex: 100%;
    flex-direction: row;
    align-items: center;
    gap: 5.56vw;
    padding: 2.15vw 4.72vw;
}

.s17-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.11vw;
}

.s17 img {
    width: 1.67vw;
}

.s17 h2 {
    font-size: 2.22vw;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #4048DB;
}

.s17 p {
    font-size: 1.39vw;
    line-height: 1.3;
    text-align: center;
    color: #232323;
}

.s17 p + p {
    padding: 1.39vw 0 0;
}

.s17 p span {
    font-weight: bold;
}

.s17-card.bigger p {
    text-align: left;
}

.s18 {
    padding: 6.53vw 0 8.75vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3.47vw;
    background-color: #00022B;
    overflow: hidden;
}

.s18-info {
    width: 27.36vw;
}

.s18 h2 {
    width: 22.22vw;
    font-size: 2.22vw;
    font-weight: 700;
    line-height: 1;
    color: #FFF;
    background: linear-gradient(120deg, #fff, #999);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s18 p.p01 {
    padding: 1.39vw 0 0;
    font-size: 1.39vw;
    line-height: 1.3;
    color: #B4B3BA;
}

.s18-card {
    width: 29.86vw;
    padding: 6.94vw 0 4.17vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.s18-card::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0.1rem solid #191B51;
    border-radius: 1.39vw;
    background: radial-gradient(225% 152% at 82% -37%, #000461, #00022B, #00022B);
    z-index: -1;
}

.s18-card-bg {
    position: absolute;
    width: 73.61vw;
    height: 73.61vw;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -2;
}

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

.s18 p.p02 {
    font-size: 1.88vw;
    line-height: 1.1;
    letter-spacing: 0.137rem;
    text-align: center;
    color: #FFF;
}

.s18 p.p03 {
    padding: 2.22vw 0 0.97vw;
    display: flex;
    align-items: center;
    gap: 0.76vw;
    font-size: 4.65vw;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    color: #9BA0FF;
}

.s18 p.p03 span {
    font-size: 1.39vw;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.08rem;
    text-align: center;
    color: #FFF;
}

.s18 p.p04 {
    font-size: 1.39vw;
    line-height: 1.2;
    letter-spacing: -0.08rem;
    text-align: center;
    color: #FFF;
}

.s18 .onm-btn {
    width: 18vw;
    margin: 2vw auto 0;
    padding: 1vw 2vw;
}

.s18 .s01-payments {
    width: 13.3vw;
}

.s19-card {
    width: 73.61vw;
    margin: 5.42vw auto 0;
    padding: 5.42vw 1.39vw 5.42vw 4.03vw;
    border-radius: 1.39vw;
    background: radial-gradient(225% 152% at 82% -37%, #000461, #00022B, #00022B);
    position: relative;
    overflow: hidden;
}

.s19 img {
    position: absolute;
    width: 34.58vw;
    height: 34.58vw;
    top: 50%;
    right: -5%;
    transform: translateY(-50%);
}

.s19 h2 {
    font-size: 2.92vw;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.2rem;
    color: #9BA0FF;
}

.s19 p {
    width: 32.71vw;
    padding: 1.11vw 0 2.78vw;
    font-size: 1.39vw;
    font-weight: 500;
    line-height: 1.3;
    color: #B4B3BA;
}

.s19 .onm-btn {
    width: 28.33vw;
    color: #01032C;
    background-color: #25D366;
}

.s19 .onm-btn::before {
    box-shadow: 0 0 0.56vw 0.28vw #25d366;
}

.s20 {
    padding: 0 0 8.33vw;
}

.s20 h2 {
    padding: 0 0 3.13vw;
    font-size: 2.92vw;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: #4048DB;
}

.s20-box {
    width: 71.39vw;
    margin: 0 auto;
    padding: 2.01vw 1.11vw;
    border-radius: 1.11vw;
    border: 0.1rem solid rgba(0, 0, 0, 0.3);
}

.s20-box + .s20-box {
    margin: 1.39vw auto 0;
}

.s20 h3 {
    padding: 0 0 1.11vw;
    font-size: 1.67vw;
    font-weight: 600;
    line-height: 1.2;
    color: #4048DB;
}

.s20 p,
.s20 li {
    width: 67.36vw;
    font-size: 1.25vw;
    line-height: 1.3;
    color: #232323;
}

.s20 p + p {
    padding: 1.25vw 0 0;
}

.s20 p span {
    font-weight: bold;
}

.s20 ul {
    margin: 1rem 2rem;
}

.s20 .a-link {
    font-weight: bold;
    text-decoration: underline;
}

.s21 {
    margin: 78px 0 0;
}

.s21-row {
    padding: 2.3vw 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
}

.s21-item {
    width: 6vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5vw;
}

.s21-item img {
    width: 1.33vw;
}

.s21 p {
    font-size: 0.67vw;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    color: #B4B3BA;
}


.sfooter {
    color: #d1cfc7;
    background: #1a1919;
}

.sfooter-wrap {
    width: min(142rem, 90%);
    margin-inline: auto;
    padding: 2rem 0 5rem;
    font-size: 1.3rem;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.sfooter img {
    width: 10rem;
}

.sfooter a {
    font-weight: 600;
    text-decoration: none;
    color: #d1cfc7;
}

.onm-whatsapp {
    position: fixed;
    right: 0;
    transform: translateX(-2rem);
    bottom: 1.4rem;
    background: #1faf38;
    padding: 0.6rem 1.2rem;
    border-radius: 10rem;
    transition: all 0.3s;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.onm-whatsapp:hover {
    /*box-shadow: 0 0 1.04vw 0 #0bd600;*/
    transform: translateX(-2rem) scale(1.05);
}

.onm-whatsapp img {
    width: 1.8rem;
}

.onm-whatsapp-text {
    font-size: 1.04vw;
    font-weight: 600;
    text-align: center;
    color: #fff;
}

.hide-desktop {
    display: none;
}

@media screen and (max-width: 700px) {
.s01 {
    padding: 0 0 7.69vw;
}
.nav {
    padding: 11.54vw 0 7.44vw;
}
.nav-wrap {
    justify-content: center;
}
.s01 h1 {
    width: 88.46vw;
    padding: 0 0 7.18vw;
    font-size: 7.18vw;
    line-height: 1.2;
    letter-spacing: -0.112rem;
}
.s01-player {
    width: 88.4vw;
    margin: 0 auto 4vw;
}
.s01 p {
    width: 78vw;
    font-size: 4.6vw;
    line-height: 1.3;
}
.s01 p.p02 {
    margin: 0 0 3vw;
    font-size: 4.6vw;
}
.s01 ul {
    padding: 5vw 0;
    max-width: 77vw;
}
.s01 li {
    gap: 2vw;
    font-size: 4vw;
}
.s01 li img {
    width: 4vw;
}
.onm-btn {
    width: 91.54vw;
    padding: 4.1vw 4vw;
    font-size: 4.1vw;
}
.s01-payments {
    width: 79.49vw;
    padding: 4.1vw 0 0;
}
.s02 {
    padding: 4.62vw 0 6.15vw;
}
.s02-item {
    width: auto;
    min-width: 28.21vw;
    gap: 3.08vw;
}
.s02 img {
    width: 5.6vw;
}
.s02 p {
    font-size: 2.8vw;
}
.s02-item:nth-of-type(3) {
    order: 7;
}
.s02-item:nth-of-type(4) {
    order: 6;
}
.s03 {
    padding: 8.97vw 0 0;
    flex-direction: column;
    align-items: center;
    gap: 6.92vw;
}
.s03-info {
    width: 91.79vw;
}
.s03 h2 {
    font-size: 7.18vw;
}
.s03 p {
    padding: 4.1vw 0 0;
    font-size: 4.1vw;
}
.s03-animation {
    width: 91.79vw;
    flex-wrap: wrap;
}
.s03 video {
    border-radius: 2.05vw;
}
.s04 {
    padding: 6.41vw 0 0;
    position: relative;
}
.s04-row {
    width: 91.79vw;
    flex-wrap: wrap;
}
.s04-cel {
    padding: 3.33vw;
    font-size: 4.1vw;
}
.s04-cel.cel-blank {
    display: none;
}
.s04-row.row-title {
    /*position: sticky;*/
    /*top: 0;*/
    display: none;
}
.s04-row.row-title .s04-cel {
    flex: 1;
    padding: 2.05vw 0;
    font-size: 4.62vw;
}
.s04-row.row-title .s04-cel.cel-2,
.s04-row.row-title .s04-cel.cel-3 {
    border-radius: 5.13vw 0 0 0;
}
.s04-cel.cel-1 {
    width: 100%;
    font-size: 4.62vw;
}
.s04-cel.cel-2 {
    border-left: 0.1rem solid rgba(0, 0, 0, 0.10);
}
.s04-cel.cel-2,
.s04-cel.cel-3 {
    width: 50%;
    /*padding: 6.15vw 2.05vw;*/
    padding: 16.15vw 2.05vw 6.15vw;
    position: relative;
    line-height: 1;
}


.s04-row:not(.row-title) .s04-cel.cel-2:before {
    content: 'Outros Cursos';
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    font-size: 4.62vw;
    padding: 3.05vw;
    font-weight: bold;
    background-color: #F6F6F6;
    border: 0.1rem solid rgba(0, 0, 0, 0.10);
    color: #232323;
}
.s04-row:not(.row-title) .s04-cel.cel-3:before {
    content: 'O Novo Mercado';
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    font-size: 4.62vw;
    padding: 3.05vw;
    font-weight: bold;
    background-color: #F6F6F6;
    border: 0.1rem solid rgba(0, 0, 0, 0.10);
    color: #232323;
}


.s05 h2 {
    width: 66.67vw;
    margin: 0 auto;
    padding: 17.44vw 0 10.26vw;
    font-size: 7.18vw;
}
.s05-wrap {
    flex-direction: column;
    gap: 5.13vw;
}
.s05-col {
    gap: 5.13vw;
}
.s05-item {
    width: 71.28vw;
    padding: 5.13vw 4.1vw;
    border-radius: 4.1vw;
}
.s05-person {
    padding: 0 0 4.87vw;
    gap: 4.1vw;
}
.s05-person img {
    width: 10.77vw;
}
.s05 h3 {
    font-size: 5.13vw;
}
.s05 p {
    font-size: 4.5vw;
}
.s05 p + p {
    padding: 4.62vw 0 0;
}
.s06 h2 {
    width: 91.79vw;
    margin: 0 auto;
    padding: 15.38vw 0 7.69vw;
    font-size: 7.18vw;
}
.s06-row,
.s06-row.reverse {
    flex-direction: column;
    gap: 6.15vw;
}
.s06-row + .s06-row {
    padding: 12.31vw 0 0;
}
.s06-player {
    width: 91.79vw;
}
.s01-video {
    border-radius: 1.79vw;
}
.s06-info {
    width: 91.79vw;
    text-align: center;
}
.s06 h3 {
    padding: 0 0 2.05vw;
    font-size: 6.15vw;
}
.s06 p {
    font-size: 4.62vw;
}

.dep-intro {
    width: 91.79vw;
    padding: 6rem 0 4rem;
}
.dep-intro h2 {
    font-size: 6.15vw;
}
.dep-wrap {
    padding: 0 0 2rem;
    justify-content: center;
}
.dep-card {
    width: min(33rem, 100%);
}
.dep-card img {
    width: 100%;
}
.dep-card h2,
.dep-card p {
    font-size: 1.85rem;
}
.dep-btn {
    justify-content: center;
}
.dep-card button {
    font-size: 1.6rem;
}
.s07 {
    width: 91.79vw;
    margin: 0 auto 14.87vw;
}
.s07 h2,
.s07 p {
    font-size: 6.15vw;
}
.s07 .onm-btn {
    margin: 6.15vw auto 4.1vw;
}
.s08 {
    padding: 15.38vw 0 17.95vw;
    overflow: hidden;
}
.s08 p.p01 {
    width: 56.41vw;
    padding: 0;
    font-size: 4.62vw;
}
.s08 h2 {
    width: 91.79vw;
    padding: 4.87vw 0;
    font-size: 7.18vw;
}
.s08 p.p02 {
    width: 83.08vw;
    padding: 0;
    font-size: 4.1vw;
}
.s08-circle {
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6.15vw;
}
.s08-eclipse {
    width: 100%;
    margin: 0;
    height: 90vw;
    order: -1;
}
.s08-eclipse-arrows {
    width: 74vw;
    max-width: initial;
}
.s08-eclipse-logo {
    width: 185.64vw;
}
.s08-text-1,
.s08-text-2,
.s08-text-3,
.s08-text-4 {
    width: 91.79vw;
    padding: 0;
    gap: 3.08vw;
    text-align: left;
}
.s08-text-1 {
    flex-direction: column;
}
.s08-text-2 {
    align-items: flex-start;
}
.s08 h3 {
    width: 90vw;
    font-size: 6.15vw;
}
.s08-text-1 h3 {
    text-align: left;
}
.s08 p {
    font-size: 4.1vw;
}
.s08-text-1 p,
.s08-text-4 p {
    width: 100%;
}
.s09 {
    width: 91.79vw;
    margin: 11.28vw auto 0;
    padding: 8.21vw 4.1vw;
    border-radius: 4.1vw;
}
.s09 h2 {
    font-size: 7.18vw;
}
.s09-header img {
    display: none;
}
.s09-row {
    flex-direction: column;
}
.s09-info {
    width: 100%;
}
.s09-numbers {
    width: 100%;
    padding: 7.69vw 0 0;
    gap: 3.59vw;
}
.s09-block {
    gap: 7.69vw;
}
.s09 p.p01 {
    font-size: 4.62vw;
    font-weight: 400;
}
.s09 p.p01 + p {
    padding: 4.62vw 0 0;
}
.num h3 {
    font-size: 11.28vw;
}
.num-item p {
    font-size: 4.36vw;
}
.s10 {
    width: 91.79vw;
    margin: 4.1vw auto 7.69vw;
    padding: 8.21vw 4.1vw;
    flex-direction: column;
    border-radius: 4.1vw;
}
.s10 h2 {
    width: 100%;
    padding: 2.05vw 0 0;
    font-size: 7.18vw;
}
.s10 p {
    font-size: 5.13vw;
}
.s10 ul {
    padding: 0 0 0 5.13vw;
}
.s10 li {
    padding: 3.08vw 0 0;
    font-size: 4.62vw;
}
.s12 {
    padding: 17.44vw 0 0;
}
.s12 h2 {
    width: 76.92vw;
    padding: 0 0 6.15vw;
    font-size: 7.18vw;
}
.s12-row,
.s12-row.reverse {
    width: 91.79vw;
    padding: 8.97vw 0 0;
    flex-direction: column-reverse;
    align-items: center;
    border-radius: 2.56vw;
}
.s12-row::before,
.s12-row.reverse::before {
    top: -40%;
    right: 50%;
    transform: translateX(50%);
    width: 100vw;
    height: 80vw;
    filter: blur(33vw);
}
.s12 h3 {
    font-size: 7.69vw;
    color: #9BA0FF;
}
.s12-img img {
    position: relative;
    width: 91.79vw;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
    margin: -5.13vw 0 0;
}
.s12-info {
    width: 75.38vw;
    margin: -5.13vw 0 0;
    padding: 0 0 8.97vw;
}
.s12-info p.p01,
.s12-info p.p02 {
    font-size: 4.1vw;
}
.s12-info p + p {
    padding: 4.1vw 0 0;
}
.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;
}
.s14 h2 {
    width: 84.62vw;
    font-size: 7.18vw;
}
.s14 p {
    width: 91.79vw;
    padding: 4.1vw 0 6.67vw;
    font-size: 5.13vw;
}
.s14-row img {
    height: 12rem;
}
.s15 h2 {
    width: 56.41vw;
    line-height: 1;
}
.s15 p.p03 {
    width: 83.08vw;
    font-size: 5.13vw;
}
.s15 p.p03 + p {
    padding: 4.1vw 0 0;
}
.s15 .onm-btn {
    margin: 6.15vw auto;
}
.s15 .s12-comunidade .s12-info,
.s15 .s12-omd .s12-info,
.s15 .s12-acompanhamento .s12-info {
    width: 76.92vw;
    margin: 5.13vw 0 0;
}
.s15 .s12-info p.p01,
.s15 .s12-info p.p02 {
    width: 69.74vw;
    font-size: 4.1vw;
}
.s15 .s12-comunidade .s12-img img,
.s15 .s12-omd .s12-img img,
.s15 .s12-acompanhamento .s12-img img {
    width: 75.38vw;
    margin: 5.13vw 0 0;
    left: initial;
}
.s15 .s12-omd .s12-img h3 {
    width: 100%;
}
.s15 .s12-omd .s12-img img {
    width: 84.62vw;
}
.s12-row + .s12-row {
    margin: 6.15vw 0 0;
}
.s16 {
    width: 100%;
    padding: 15.38vw 0 12.82vw;
    margin: -0.51vw auto 0;
}
.s16 h2 {
    width: 84.62vw;
    font-size: 7.18vw;
    line-height: 1;
}
.s17-wrap {
    width: 91.79vw;
    flex-direction: column;
    gap: 4.1vw;
}
.s17-card,
.s17-card.bigger {
    padding: 9.23vw 6.15vw;
    border-radius: 4.1vw;
    flex-direction: column;
    gap: 6.15vw;
}
.s17-title {
    width: 100%;
    align-items: flex-start;
    gap: 4.1vw;
}
.s17 img {
    width: 6.15vw;
}
.s17 h2 {
    width: 66.67vw;
    font-size: 7.18vw;
    text-align: left;
}
.s17 p {
    font-size: 4.62vw;
    text-align: left;
}
.s17 p + p {
    padding: 4.62vw 0 0;
}
.s18 {
    padding: 12.31vw 0 11.28vw;
    flex-direction: column;
    gap: 6.41vw;
}
.s18-info {
    width: 81.03vw;
}
.s18 h2 {
    width: 74.36vw;
    font-size: 7.18vw;
}
.s18 p.p01 {
    padding: 2.82vw 0 0;
    font-size: 4.1vw;
}
.s18-card {
    width: 82.56vw;
    padding: 15.9vw 0 10.26vw;
}
.s18-card::before {
    border-radius: 3.8vw;
}
.s18 p.p02 {
    font-size: 5.13vw;
}
.s18 p.p03 {
    padding: 5.9vw 0 2.56vw;
    font-size: 12.82vw;
    gap: 2.05vw;
}
.s18 p.p03 span {
    font-size: 3.85vw;
}
.s18 p.p04 {
    font-size: 3.85vw;
}
.s18 .onm-btn {
    width: 58.46vw;
    margin: 6.15vw auto 3.08vw;
    padding: 3.33vw 2vw;
}
.s18 .s01-payments {
    width: 44.62vw;
    padding: 0;
}
.s19-card {
    width: 88.46vw;
    margin: 5.64vw auto 0;
    padding: 12.31vw 4.62vw 10.77vw;
    border-radius: 5.13vw;
    z-index: 1;
}
.s19 h2 {
    font-size: 7.18vw;
    text-align: center;
}
.s19 p {
    width: 76.92vw;
    margin: 0 auto;
    font-size: 4.1vw;
    text-align: center;
}
.s19 .onm-btn {
    width: 78.97vw;
}
.s19 img {
    width: 54.36vw;
    height: 54.36vw;
    top: 10%;
    right: -20%;
    z-index: -1;
}
.s20 {
    padding: 0 0 18vw;
}
.s20 h2 {
    width: 76.92vw;
    margin: 0 auto;
    padding: 0 0 10.26vw;
    font-size: 7.18vw;
}
.s20-box {
    width: 83.59vw;
    padding: 7.44vw 4.1vw;
    border-radius: 4.1vw;
}
.s20-box + .s20-box {
    margin: 5.13vw auto 0;
}
.s20 h3 {
    padding: 0 0 4.1vw;
    font-size: 6.15vw;
}
.s20 p,
.s20 li {
    width: 100%;
    font-size: 4.62vw;
    word-wrap: break-word;
}
.s20 p + p {
    padding: 4.62vw 0 0;
}
.s21 h2 {
    width: 82vw;
    margin: 0 auto;
    font-size: 6.16vw;
    text-align: center;
}
.s21-row {
    padding: 9vw 0 3vw;
    gap: 8.4vw;
    row-gap: 5vw;
    justify-content: center;
}
.s21-item {
    width: 20vw;
}
.s21-item img {
    width: 5.1vw;
}
.s21 p {
    font-size: 2.7vw;
}

.sfooter-wrap {
    padding: 4rem 0;
    flex-direction: column;
    gap: 2rem;
}
.sfooter p:first-of-type {
    width: 100%;
    position: relative;
    padding: 2rem 0;
}
.sfooter p:first-of-type::before,
.sfooter p:first-of-type::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0.07vw;
    left: 0;
    background: rgb(255 255 255 / 25%);
}
.sfooter p:first-of-type:before {
    top: 0;
}
.sfooter p:first-of-type:after {
    bottom: 0;
}
.hide-desktop {
    display: block;
}
.hide-mobile {
    display: none;
}
.onm-whatsapp-text {
    font-size: 3vw;
}
}


/* Nav */
.nav .onm-btn.hollow {
    margin: 0 -1.4vw 0 -0.4vw;
}

.sa-menu,
.hb-menu {
    width: 100%;
    position: fixed;
    background: #00022b;
    z-index: 1500;
    display: none;
    transform: translate3d(0, -110%, 0);
    transition: 0.5s;
    z-index: 4;
}

.sa-menu.active,
.hb-menu.active {
    display: inherit;
    transform: translate3d(0, 0, 0);
}

.hb-menu.active::before {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100vh;
    background-color: #02032763;
    box-shadow: 0vw 1.39vw 3.47vw 0vw rgba(3, 5, 27, 0.47);
    backdrop-filter: blur(0.28vw);
    z-index: -2;
    transition: all 0.1s;
    transform: none;
}

.sa-wrap h2 {
    font-size: 2rem;
    color: #6097d8;
    margin-bottom: 2.4rem;
}

.sa-wrap a,
.hb-wrap a {
    font-size: 2.4rem;
    color: #fff;
    margin-bottom: 2.4rem;
}

.sa-wrap,
.hb-wrap {
    width: clamp(30rem, 70vw, 132rem);
    margin: 0 auto;
    padding-top: 10rem;
    padding-bottom: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hamburguer-wrapper {
    width: 2.4rem;
    height: 1.2rem;
    cursor: pointer;
    position: relative;
    display: none;
}

.hamburguer-wrapper span {
    width: 100%;
    height: 0.21vw;
    background: #fff;
    transition: 0.5s;
    position: absolute;
}

.nav-color.light .hamburguer-wrapper span {
    background: #333;
}

.hamburguer-wrapper span:first-child {
    top: 0;
}

.hamburguer-wrapper span:last-child {
    bottom: 0;
}

.hamburguer-wrapper.active span {
    top: 50%;
    bottom: initial;
    background: #dd004a;
    transform: rotate(45deg);
}

.hamburguer-wrapper.active span:last-child {
    transform: rotate(-45deg);
}

.sl-sub-menu {
    display: none;
    flex-direction: column;
    padding-left: 2.4rem;
    margin-bottom: 1.11vw;
}

.sl-sub-menu.active {
    display: flex;
}

.sl-sub-menu h2 {
    font-size: 2rem;
    color: #6097d8;
    margin-bottom: 2.4rem;
}

.sl-sub-menu a {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 1.11vw;
}

@media screen and (max-width: 700px) {
    .s01 .nav .nav-wrap .nav-menu {
        display: none;
    }
    .hamburguer-wrapper {
        display: flex;
        display: none;
    }
}