/* ============================================================================
   1. DEFINIÇÕES DE FONTES (@font-face)
   ============================================================================ */

/* 1.1 Família Suisse Intl - Fonte principal para textos e interface */

/* Variações Thin (100) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 100;
  src: url(../Fontes/suisseintl-thin-webm.woff2) format("woff2"), url(../Fontes/suisseintl-thin-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 100;
  src: url(../Fontes/suisseintl-thinitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-thinitalic-webm.woff) format("woff")
}

/* Variações Ultra Light (200) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 200;
  src: url(../Fontes/suisseintl-ultralight-webm.woff2) format("woff2"), url(../Fontes/suisseintl-ultralight-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 200;
  src: url(../Fontes/suisseintl-ultralightitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-ultralightitalic-webm.woff) format("woff")
}

/* Variações Light (300) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: url(../Fontes/suisseintl-light-webm.woff2) format("woff2"), url(../Fontes/suisseintl-light-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 300;
  src: url(../Fontes/suisseintl-lightitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-lightitalic-webm.woff) format("woff")
}

/* Variações Regular (400) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(../Fontes/suisseintl-regular-webm.woff2) format("woff2"), url(../Fontes/suisseintl-regular-webm.woff2) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 400;
  src: url(../Fontes/suisseintl-regularitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-regularitalic-webm.woff) format("woff")
}

/* Variações Medium (500) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  src: url(../Fontes/suisseintl-medium-webm.woff2) format("woff2"), url(../Fontes/suisseintl-medium-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 500;
  src: url(../Fontes/suisseintl-mediumitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-mediumitalic-webm.woff) format("woff")
}

/* Variações Semi Bold (600) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  src: url(../Fontes/suisseintl-semibold-webm.woff2) format("woff2"), url(../Fontes/suisseintl-semibold-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 600;
  src: url(../Fontes/suisseintl-semibolditalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-semibolditalic-webm.woff) format("woff")
}

/* Variações Bold (700) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url(../Fontes/suisseintl-bold-webm.woff2) format("woff2"), url(../Fontes/suisseintl-bold-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 700;
  src: url(../Fontes/suisseintl-bolditalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-bolditalic-webm.woff) format("woff")
}

/* Variações Black (900) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 900;
  src: url(../Fontes/suisseintl-black-webm.woff2) format("woff2"), url(../Fontes/suisseintl-black-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 900;
  src: url(../Fontes/suisseintl-blackitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-blackitalic-webm.woff) format("woff")
}

/* 1.2 Família Suisse Intl Mono - Fonte monoespaçada para código */

@font-face {
  font-family: Suisse Intl Mono;
  font-stretch: normal;
  font-style: normal;
  font-weight: 100;
  src: url(../Fontes/suisseintlmono-thin-webs.woff2) format("woff2"), url(../Fontes/suisseintlmono-thin-webs.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl Mono;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(../Fontes/suisseintlmono-regular-webs.woff2) format("woff2"), url(../Fontes/suisseintlmono-regular-webs.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl Mono;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  src: url(../Fontes/suisseintlmono-bold-webs.woff2) format("woff2")
}

/* 1.3 Família Gramatika - Fonte para títulos e destaques */

@font-face {
  font-family: 'Gramatika';
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(../Fontes/gramatikaregular.woff) format("woff")
}

@font-face {
  font-family: Gramatika;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  src: url(../Fontes/gramatikabold.woff) format("woff")
}


@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild3538-3536-4162-a537-653562343366/SuisseIntl-Regular-W.woff') format('woff');
  font-weight: 100;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild6139-3366-4931-a363-356433353736/SuisseIntl-Medium-We.woff') format('woff');
  font-weight: 200;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild3837-3966-4137-b964-303663646138/YS_Text-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild3734-3834-4237-b164-636365366133/YS_Text-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild6561-3639-4665-b739-643939393239/YS_Text-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild6335-6232-4561-b838-633937376233/GramatikaBold.woff') format('woff');
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild6331-3036-4736-a338-346132346261/YS_Text-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild3037-6236-4136-b764-303064326430/_GramatikaRegular.woff') format('woff');
  font-weight: 800;
  font-style: normal
}

/* VARIÁVEIS CSS */
:root {
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-120: 120px;
}



:root {
  --color-palette-black-10: #f2f1ee;
  --color-palette-black-20: #e3e1de;
  --color-palette-black-30: #d5d4d2;
  --color-palette-black-40: #a6a6a6;
  --color-palette-black-50: #808080;
  --color-palette-black-80: #2a2a2a;
  --color-palette-black-90: #1a1a1a;
  --color-palette-black-100: #000000;
  --color-palette-black-10-a: rgba(0, 0, 0, .08);
  --color-palette-black-20-a: rgba(0, 0, 0, .14);
  --color-palette-black-40-a: rgba(0, 0, 0, .35);
  --color-palette-black-50-a: rgba(0, 0, 0, .5);
  --color-palette-black-80-a: rgba(0, 0, 0, .83);
  --color-palette-white-100: #ffffff;
  --color-palette-white-10-a: rgba(255, 255, 255, .08);
  --color-palette-white-20-a: rgba(255, 255, 255, .14);
  --color-palette-white-40-a: rgba(255, 255, 255, .4);
  --color-palette-white-50-a: rgba(255, 255, 255, .55);
  --color-palette-white-80-a: rgba(255, 255, 255, .85);
  --color-palette-red-pale: #ffccc9;
  --color-palette-red-light: #f89e93;
  --color-palette-red-normal: #ed6f68;
  --color-palette-red-dark: #de4c45;
  --color-palette-red-50-a: rgba(237, 111, 104, .5);
  --color-palette-orange-pale: #ffd6c5;
  --color-palette-orange-light: #ff976b;
  --color-palette-orange-normal: #e96e3a;
  --color-palette-orange-dark: #d35722;
  --color-palette-orange-50-a: rgba(233, 110, 58, .5);
  --color-palette-yellow-pale: #fde3af;
  --color-palette-yellow-light: #ffd078;
  --color-palette-yellow-normal: #ffb72c;
  --color-palette-yellow-dark: #f3a202;
  --color-palette-yellow-50-a: rgba(255, 183, 44, .5);
  --color-palette-green-pale: #b8e9c8;
  --color-palette-green-light: #6cc989;
  --color-palette-green-normal: #3aa65e;
  --color-palette-green-dark: #328f51;
  --color-palette-green-50-a: rgba(58, 166, 94, .5);
  --color-palette-blue-pale: #c5e0fc;
  --color-palette-blue-light: #87befa;
  --color-palette-blue-normal: #3f96f3;
  --color-palette-blue-dark: #1878dc;
  --color-palette-blue-50-a: rgba(63, 150, 243, .5);
  --color-palette-purple-pale: #e4d9fc;
  --color-palette-purple-light: #bfa4ff;
  --color-palette-purple-normal: #a27aff;
  --color-palette-purple-dark: #8754fd;
  --color-palette-purple-50-a: rgba(162, 122, 255, .5);
}

:root {
  --font-sans: Suisse Intl;
  --font-display: Gramatika;
  --font-mono: Suisse Intl Mono;
  --font-sans-caption-12-regular: 400 .75rem / 1.3333em var(--font-sans), sans-serif;
  --font-sans-caption-12-medium: 500 .75rem / 1.3333em var(--font-sans), sans-serif;
  --font-sans-caption-14-regular: 400 .875rem / 1.2857em var(--font-sans), sans-serif;
  --font-sans-caption-14-medium: 500 .875rem / 1.2857em var(--font-sans), sans-serif;
  --font-sans-body-16-regular-ui: 400 1rem / 1.25em var(--font-sans), sans-serif;
  --font-sans-body-16-medium-ui: 500 1rem / 1.25em var(--font-sans), sans-serif;
  --font-sans-body-16-regular-paragraph: 400 1rem / 1.375em var(--font-sans), sans-serif;
  --font-sans-body-16-medium-paragraph: 500 1rem / 1.375em var(--font-sans), sans-serif;
  --font-sans-body-18-medium-ui: 500 1.125rem / 1.2222em var(--font-sans), sans-serif;
  --font-sans-body-18-regular-ui: 400 1.125rem / 1.2222em var(--font-sans), sans-serif;
  --font-sans-body-18-regular-paragraph: 400 1.125rem / 1.4444em var(--font-sans), sans-serif;
  --font-sans-body-18-medium-paragraph: 500 1.125rem / 1.4444em var(--font-sans), sans-serif;
  --font-sans-header-20-regular: 400 1.25rem / 1.2em var(--font-sans), sans-serif;
  --font-sans-header-20-medium: 500 1.25rem / 1.2em var(--font-sans), sans-serif;
  --font-sans-header-24-regular: 400 1.5rem / 1.1667em var(--font-sans), sans-serif;
  --font-sans-header-24-medium: 500 1.5rem / 1.1667em var(--font-sans), sans-serif;
  --font-sans-header-32-default: 500 2rem / 1em var(--font-sans), sans-serif;
  --font-sans-header-32-display: 700 2rem / 1em var(--font-display), sans-serif;
  --font-sans-header-40-default: 500 2.5rem / 1em var(--font-sans), sans-serif;
  --font-sans-header-40-display: 700 2.5rem / 1em var(--font-display), sans-serif;
  --font-sans-header-48-default: 500 3rem / 1em var(--font-sans), sans-serif;
  --font-sans-header-48-display: 700 3rem / 1em var(--font-display), sans-serif;
  --font-sans-header-56-default: 700 3.5rem / 1em var(--font-display), sans-serif;
  --font-sans-header-64-default: 700 4rem / .9375em var(--font-display), sans-serif;
  --font-sans-header-72-default: 700 4.5rem / .9444em var(--font-display), sans-serif;
  --font-sans-header-88-default: 700 5.5rem / .9545em var(--font-display), sans-serif;
  --font-sans-header-120-default: 700 7.5rem / .9333em var(--font-display), sans-serif;
  --font-mono-caption-12-regular: 400 .75rem / 1.5em var(--font-mono), monospace;
  --font-mono-caption-14-regular: 400 .875rem / 1.5714em var(--font-mono), monospace;
  --font-mono-caption-16-regular: 400 1rem / 1.5em var(--font-mono), monospace;
  --font-sans-caption-10-regular: 400 .625rem / 1.2222em Suisse Intl, sans-serif;
  --font-sans-header-32-default-letter-spacing: -.02em;
  --font-sans-header-40-default-letter-spacing: -.02em;
  --font-sans-header-48-default-letter-spacing: -.01em;
}

/* BODY */
body {
  background-color: #1A1A1A;
}

.container_banner_inicial {
  display: flex;
  justify-content: center;
  z-index: 1;
}

.content_banner_inicial {
  display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 72px;
  gap: 56px;
  width: 1280px;
  height: 536px;
  background: #1A1A1A;
  position: relative;
  z-index: 1;
}

.content_banner_inicial .logo_tripleten {
  width: 180.5px;
  height: 40px;
  flex-shrink: 0;
}

.content_banner_inicial h1 {
  width: 1018px;
  color: var(--color-palette-white-100);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-120, 120px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-120, 112px);
}
.container_banner_inicial .holofote{
  position: absolute;
  z-index: 10;
}
.container_banner_inicial .holofote.left{
  fill: linear-gradient(270deg, #737373 0%, var(--color-palette-purple-pale) 99.98%);
  mix-blend-mode: overlay;
  filter: blur(12px);
  left: 15%;
}
.container_banner_inicial .holofote.right{
  right: 15%;
  fill: linear-gradient(267deg, #737373 2.55%, var(--color-palette-purple-pale) 109.94%);
  mix-blend-mode: overlay;
  filter: blur(12px);
}
.container_banner_inicial .big_star, .container_banner_inicial .small_star{
  position: absolute;
  z-index: 10;
}
.container_banner_inicial .big_star.one{
  left: 29%;
    top: 7%;
}
.container_banner_inicial .big_star.two{
  top: 53%;
  left: 63%;
}
.container_banner_inicial .small_star.one{
  top: 32%;
  left: 20%;
}
.container_banner_inicial .small_star.two{
  top: 61%;
  left: 27%;
}
.container_banner_inicial .small_star.three{
  top: 11%;
  left: 64%;  
}
.container_banner_inicial .small_star.four{
  top: 58%;
  left: 72%;
}
/* MAP */
.container_map {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.content_map {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  max-width: 1160px;
}

.content_map .balloon {
  display: flex;
  padding: 20.06px 26.746px 20.06px 13.373px;
  align-items: flex-start;
  gap: 6.687px;
  border-radius: 10.03px;
  background: var(--background-white-100, #FFF);
}

.content_map .balloon img {
  width: 26.746px;
  height: 26.746px;
}

.content_map .balloon p {
  color: var(--text-primary-90, #1A1A1A);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-sans, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
}

.content_map .title {
  width: 978px;
}

.content_map .title h2 {
  color: var(--text-white-primary-100, #FFF);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-72, 68px);
  /* 94.444% */
}

.content_map .map {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
.content_map .map video{
  border-radius: 32px;

}

/* MAP Banner Awards */
.mobile_head_banner_inicial {
  display: none;
}

.background_image_head_banner_inicial {
  display: flex;
  height: 108px;
  width: 1160px;
  background-image: url(../Imagens/faixa_sponsors_banner_inicial.svg);
  justify-content: space-around;
  filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.2));
}

.left_head_content_banner_inicial {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr;
  align-items: center;
  position: relative;
  left: 2%;
  bottom: 2%;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));
}

.mobile_sponsors_container {
  display: none;
}

#switchup_logo_adjust {
  height: 110px;
}

#intelligent_logo_adjust {
  position: relative;
  height: 110px;
  width: 92px;
  left: 6%;
}

#fortune_logo_adjust {
  z-index: 100;
}

.right_head_content_banner_inicial {
  display: grid;
  grid-template-columns: 8fr 1fr 5fr 1fr;
  position: relative;
  right: 6%;
}

.background_image_logos_ipad {
  display: none;
}

.ipad_head_banner_inicial {
  display: none;
}

.sponsors_banner_inicial {
  margin-left: -48px;
  z-index: 1;
  position: relative;
  bottom: 9%;
}

.sponsors_banner_inicial.one img {
  width: 137px;
  height: 137px;
}

.sponsors_banner_inicial.one {
  left: 26%;
}

.sponsors_banner_inicial.two {
  left: 42%;
}

.sponsors_banner_inicial.three {
  left: 29%;
}

.sponsors_banner_inicial.four {
  left: 19%;
}

.sponsors_banner_inicial.five {
  left: 5%;
}

.sponsors_banner_inicial.six {
  right: 5%;
}

.sponsors_banner_inicial img {
  width: 96px;
  height: 96px;
}

#sponsors3_banner_inicial_size_adjust {
  width: 96px;
  height: 108px;
  position: relative;
  left: 3%;
}

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

.top_content_body_banner_inicial {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 8px;
}

.text_right_head_content_banner_inicial {
  display: flex;
  align-items: center;
  text-align: end;
}

.text_right_head_content_banner_inicial h5 {
  width: 100%;
  color: #1a1a1a;
  font-size: 18px;
  font-family: 'YSText', Arial, sans-serif;
  line-height: 1.2;
  font-weight: 200;
}
.banner_awards{
  position: absolute;
  bottom: -7%;
}
/* MAP Reviews */
.content_reviews {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 64px;
  gap: 48px;
}

.content_reviews .top,
.content_reviews .bottom {
  display: flex;
  align-items: center;
  gap: 8px;
}

.content_reviews .top .card {
  display: flex;
  width: 284px;
  height: 225px;
  padding: 24px 24px 20px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 16px;
  background: #FFF;
  box-sizing: border-box;
}

.content_reviews .top .card .rating {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.content_reviews p {
  color: var(--color-palette-black-90);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Suisse Intl";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 100% */
}

.content_reviews .top .card .rating .star {
  width: 27px;
  height: 24px;
}

.logo_google {
  width: 193px;
  height: 65.279px;
}

.logo_reclame_aqui {
  width: 188px;
  height: 42px;
  aspect-ratio: 94/21;
}

.logo_career_karma {
  width: 184px;
  height: 52px;
  flex-shrink: 0;
}

.logo_trust_pilot {
  width: 184px;
  height: 47px;
  flex-shrink: 0;
}

.content_reviews .bottom {
  max-width: 868px;
}

.content_reviews .bottom .cards {
  display: flex;
  width: 284px;
  height: 328px;
  padding: 24px 24px 20px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 92px;
  border-radius: 16px;
  box-sizing: border-box;
  background: #FFF;
}

.content_reviews .bottom .cards .brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.container_future {
  display: flex;
  justify-content: center;
  padding: 104px 51px;
  margin-bottom: 120px;
}

.content_future {
  display: flex;
  width: 880px;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  height: 318px;
background: 
  linear-gradient(to bottom right, color-mix(in srgb, var(--color-palette-purple-light) 50%, transparent) 6%, rgba(26, 26, 26, 0.00) 50%) bottom right / 50% 50% no-repeat,
  linear-gradient(to bottom left, color-mix(in srgb, var(--color-palette-purple-light) 50%, transparent) 6%, rgba(26, 26, 26, 0.00) 50%) bottom left / 50% 50% no-repeat,
  linear-gradient(to top left, color-mix(in srgb, var(--color-palette-purple-light) 50%, transparent) 6%, rgba(26, 26, 26, 0.00) 50%) top left / 50% 50% no-repeat,
  linear-gradient(to top right, color-mix(in srgb, var(--color-palette-purple-light) 50%, transparent) 6%, rgba(26, 26, 26, 0.00) 50%) top right / 50% 50% no-repeat;}

.content_future h1 {
  padding-top: 36px;
  color: var(--text-white-primary-100, #FFF);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-height-header-72, 68px);
}

.content_future .topics {
  width: 880px;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.content_future .topics .topic {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.content_future .topics .topic p {
  color: var(--text-white-primary-100, #FFF);
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-sans, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
}

.content_future .topics .topic.one {
  width: 208px;

  justify-self: flex-start;
}

.content_future .topics .topic.two {
  width: 225px;
  align-self: flex-end;
}

.content_future .topics .topic.three {
  width: 213px;
  justify-self: flex-start;
}

/* Static Carrossel */
.container_static_carroussel {
  display: flex;
  justify-content: center;
  margin-bottom: 120px;
}

.content_static_carroussel {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.content_static_carroussel .top,
.content_static_carroussel .bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 56px;
}

/* Job Rate */
.container_job_rate {
  display: flex;
  justify-content: center;
  position: relative;
  width: 99vw;
  overflow: hidden;
}
.container_job_rate .holofote{
  width: 750px;
  height: 1455px;
  position: absolute;
  opacity: 0.2;
  top: -52%;
}
.content_job_rate {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 96px;
  width: 1280px;
  height: 573px;
}

.content_job_rate h2 {
  color: var(--text-white-primary-100, #FFF);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;

  /* Sans/Header 48/Default */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-48, 48px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-48, 48px);
  /* 100% */
  letter-spacing: -0.48px;
}

.content_job_rate h1 {
  color: var(--text-white-primary-100, #FFF);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: Gramatika;
  font-size: 256px;
  font-style: normal;
  font-weight: 700;
  line-height: 256px;
  /* 100% */
}

.content_job_rate p {
  color: var(--text-white-primary-100, #FFF);
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
  max-width: 622px;
}

/* Teaching Methods */
.container_teaching_methods {
  display: flex;
  justify-content: center;
}

.content_teaching_methods {
  display: flex;
  width: 1160px;
  padding: 32px 48px 120px 48px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.content_teaching_methods h1 {
  color: var(--text-white-primary-100, #FFF);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  width: 75%;
  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-72, 68px)
}

.content_teaching_methods .cards {
  display: flex;
  align-items: center;
  gap: 8px;
}

.content_teaching_methods .cards .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 16px;
  background: var(--background-white-100, #FFF);
  width: 286px;
  height: 554px;
}
.content_teaching_methods .cards .card.two{
  background-color: #c7e7d0;
  height: 600px;
    border-radius: 16px;
    justify-content: flex-start;
    gap: 30px;
}
.content_teaching_methods .cards .card h1 {
  color: var(--color-palette-black-90);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-default, "Suisse Intl");
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-32, 32px);
  /* 91.429% */
  letter-spacing: -0.7px;
  width: 100%;
  text-align: left;
}

.content_teaching_methods .cards .card .grad_condition {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.content_teaching_methods .cards .card .grad_condition p {
  color: var(--color-palette-black-90);
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 24/Medium */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
  /* 116.667% */
}

.content_teaching_methods .cards .card .grad_condition img {
  width: 32px;
  height: 32px;
}

.content_teaching_methods .cards .card .grad_condition .time,
.content_teaching_methods .cards .card .grad_condition .hat {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.content_teaching_methods .cards .card .topics {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.content_teaching_methods .cards .card .topics .topic {
  display: flex;
  align-items: flex-start;
  gap: 2px;
  align-self: stretch;
}

.content_teaching_methods .cards .card .topics .topic svg {
  width: 28px;
  height: 28px;
}

.content_teaching_methods h5 {
  color: var(--color-palette-black-90);
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
}

.content_teaching_methods .cards .card .topics .topic.opaco h5 {
  color: #A6A6A6;
}

/* Consultoria */
.container_consultoria{
  display: flex;
  justify-content: center;
  margin-bottom: 64px;
}
.content_consultoria{
display: flex;
width: 1160px;
padding: 88px 266px 112px 266px;
flex-direction: column;
align-items: center;
gap: 32px;
border-radius: 40px;
background: var(--background-main-10, #F2F1EE);
box-sizing: border-box;
}
.content_consultoria h1{
  width: 676px;
  color: var(--color-palette-black-90);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;

  /* Sans/Header 48/Default */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-48, 48px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-48, 48px); /* 100% */
  letter-spacing: -0.48px;
}
.content_consultoria .scroll_ctas{
  display: flex;
  align-items: center;
  gap: 16px;
}
.content_consultoria .scroll_ctas .change_career, .content_consultoria .scroll_ctas .professional_growth{
  display: flex;
  transform: rotate(-2deg);
  padding: 16px 32px 20px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border-bottom: 4px solid var(--color-palette-black-20-a);
  background: var(--color-palette-black-20);

}
.content_consultoria .scroll_ctas img{
  width: 40px;
height: 40px;
}
.content_consultoria .scroll_ctas .change_career{
  width: 360px;
    box-sizing: border-box;
}
.content_consultoria .scroll_ctas .change_career svg{
  width: 40px;
  height: 40px;
}
.content_consultoria .scroll_ctas a{
  text-decoration: none;
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 32/Default */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-32, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-32, 32px); /* 100% */
  letter-spacing: -0.64px;
}

.content_consultoria .scroll_ctas .professional_growth{
  transform: rotate(4deg);
  width: 464px;
}

/* Situations */
.container_situations{
  display: flex;
  justify-content: center;
}
.content_situations{
  display: flex;
  padding: 80px 60px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}
.content_situations h1{
  width: 1108px;
height: 130px;
color: var(--text-white-primary-100, #FFF);
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off, 'clig' off;

font-family: var(--font-display, Gramatika);
font-size: var(--size-header-72, 72px);
font-style: normal;
font-weight: 700;
line-height: var(--line-height-header-72, 68px); 
}
.content_situations .cards{
  display: flex;
  width: 1174px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
.content_situations .cards .card{
  display: flex;
  width: 225px;
  height: 228px;
  padding: 24px 13px 68px 13px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  border-radius: 32px;
  background: var(--background-white-100, #FFF);
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.content_situations .cards .card:hover{
  background: var(--background-white-100, #FFF);
  transform: scale(1.1);
  z-index: 10;
  box-shadow: 0px 8px 32px 0px #6A35FF;
}
.content_situations .cards .card img{
  width: 40px;
  height: 40px;
  transition: transform 0.3s ease-in-out;
}
.content_situations .cards .card:hover img{
  transform: rotate(-45deg);
}
.content_situations .cards .card p{
  width: 199px;
  color: var(--text-primary-90, #1A1A1A);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;

font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px);
}

.container_future_goals{
  display: flex;
  justify-content: center;
}
.content_future_goals{
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  position: relative;
  width: 100vw;
}
.content_future_goals .cards{
  position: relative;
  height: 750px;
  width: 1280px;
  overflow: hidden;
}
.content_future_goals .card{
  position: absolute;
  display: flex;
    width: 448px;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  background: var(--background-white-100, #FFF);
  box-sizing: border-box;
}
.content_future_goals .card.one{
  padding: 61.998px 28.811px 78.002px 26.815px;
  transform: rotate(4.279deg);
  top: 8%;
    right: 62%;
    z-index: 10;
}
.content_future_goals .card.bege{
  background-color: #F2F1EE;
}
.content_future_goals .card.two{
  padding: 61.914px 64px 38.086px 62px;
  left: 47%;
    top: 5%;
  z-index: 10;
}
.content_future_goals .card.three{
  padding: 61.997px 47.646px 38.003px 45.645px;
  transform: rotate(-4.645deg);
    top: 44%;
    left: 18%;
    z-index: 100;
}
.content_future_goals .card.four{
  transform: rotate(6.838deg);
  padding: 60.478px 90.074px 79.522px 87.591px;
  top: 37%;
    left: 61%;
    z-index: 100;
}
.content_future_goals h1{
  width: 890px;
  color: var(--text-white-primary-100, #FFF);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 72/Display */
  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-72, 68px); /* 94.444% */
}
.content_future_goals p{
  color: var(--color-palette-black-90);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-32, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-40, 40px); /* 125% */
  letter-spacing: -0.64px;
}
.purple_shadow{
  position: absolute;
  z-index: 1;
  width: 448px;
height: 260px;

border-radius: 32px;
opacity: 0.48;
background: var(--color-palette-purple-50-a);
}
.purple_shadow.one{
  transform: rotate(-0.03deg);
  top: 10%;
  left: 5%;
}
.purple_shadow.two{
  transform: rotate(168.866deg);
  top: 50%;
    left: 15%;
}
.purple_shadow.three{
  transform: rotate(22.718deg);
  top: 40%;
    left: 52%;
}
.purple_shadow.side_one{
  transform: rotate(147.106deg);
  right: 95%;
  top: 2%;
}
.purple_shadow.side_two{
  transform: rotate(-138.907deg);
  top: 38%;
    right: 95%;
}
.purple_shadow.side_three{
  transform: rotate(-151.975deg);
  left: 96%;
  top: 4%;
}

/* Suits You */
.container_suits_you{
  display: flex;
  justify-content: center;
}
.content_suits_you{
  display: flex;
  padding: 104px 60px 120px 60px;
  width: 100vw;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  align-self: stretch;
  background: var(--background-main-10, #F2F1EE);
}
.content_suits_you .title{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}
.content_suits_you .title h1{
  width: 1086px;
  color: var(--color-palette-black-90);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-88, 88px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-88, 84px); 
}
.content_suits_you .title .ctas{
  display: flex;
  align-items: center;
  gap: 16px;
}
.content_suits_you .title .ctas img{
  width: 40px;
  height: 40px;
}
.content_suits_you .title .ctas p{
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-32, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-32, 32px);
  letter-spacing: -0.64px;
}
.content_suits_you .title .ctas .ja_sei, .content_suits_you .title .ctas .nao_decidi{
  display: flex;
  transform: rotate(-2deg);
  padding: 16px 32px 20px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border-bottom: 4px solid var(--color-palette-black-20-a);
  background: var(--background-additional-20, #E3E1DE);
}
.content_suits_you .cards{
  display: flex;
  width: 918px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 4px;
  flex-wrap: wrap;
}
.content_suits_you .cards .card{
  display: flex;
  width: 457px;
  padding: 32px 32px 24px 32px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 40px;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 32px;
  background: var(--background-white-100, #FFF);
}
.content_suits_you .cards .card h1{
  color: var(--text-primary-90, #1A1A1A);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-40, 40px);
  font-style: normal;
  font-weight: 500;
  line-height: 42px;
  letter-spacing: -0.8px;
}
.content_suits_you .cards .card.three{
  max-height: 234px;
    gap: 8px;
}
.content_suits_you .cards .card .topics{
  display: flex;
  align-items: center;
  align-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
.content_suits_you .cards .card .topic{
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--border-radius-12);
  background: var(--color-palette-black-10-a);
}
.content_suits_you .cards .card .topic P{
  color: var(--Black-90, var(--black-90, #1A1A1A));
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 24/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px); /* 116.667% */
}
.content_suits_you .foot{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.content_suits_you .foot .professions{
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
.content_suits_you .foot .professions .profession_choice{
  display: flex;
  padding: 16px 24px 20px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border-bottom: 4px solid var(--color-palette-black-20-a);
  background: var(--background-additional-20, #E3E1DE);
}

.content_suits_you .foot .professions .profession_choice a{
  text-decoration: none;
  color: var(--Black-90, var(--black-90, #1A1A1A));
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
}
.content_suits_you .foot .carrer_quiz_cta{
  display: flex;
  transform: rotate(4deg);
  padding: 16px 32px 20px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  border-bottom: 4px solid var(--color-palette-black-20-a);
  background: var(--background-additional-20, #E3E1DE);
}
.content_suits_you .foot .carrer_quiz_cta img{
  width: 40px;
height: 40px;
}
.content_suits_you .foot .carrer_quiz_cta h2{
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-32, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-32, 32px); 
  letter-spacing: -0.64px;
}
.content_suits_you .cards .card.four{
  padding-right: 22px;
}