/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  font-size: 62.5%;
  scroll-behavior: smooth; }
  @media only screen and (min-width: 1024px) and (max-width: 1600px) {
    html {
      font-size: 46.875%; } }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    html {
      font-size: 36.4583333%; } }
  @media only screen and (max-height: 700px) {
    html {
      font-size: 36.4583333%; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    html {
      font-size: 62.5%; } }
  @media only screen and (max-width: 43.7em) {
    html {
      font-size: 62.5%; } }

body {
  box-sizing: border-box;
  overflow-x: hidden; }

::selection {
  background-color: #33c7ff;
  color: #ffffff; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@font-face {
  font-family: "BentonSans";
  src: url("../fonts/BentonSansCond-Light.otf");
  font-weight: 100;
  font-style: normal; }

@font-face {
  font-family: 'bentonsansblack';
  src: url("../fonts/bentonsans-black-webfont.woff2") format("woff2"), url("../fonts/bentonsans-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bentonsansbold';
  src: url("../fonts/bentonsans-bold-webfont.woff2") format("woff2"), url("../fonts/bentonsans-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bentonsansbook';
  src: url("../fonts/bentonsans-book-webfont.woff2") format("woff2"), url("../fonts/bentonsans-book-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bentonsansextra_light';
  src: url("../fonts/bentonsans-extralight-webfont.woff2") format("woff2"), url("../fonts/bentonsans-extralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bentonsansmedium';
  src: url("../fonts/bentonsans-medium-webfont.woff2") format("woff2"), url("../fonts/bentonsans-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bentonsansregular';
  src: url("../fonts/bentonsans-regular-webfont.woff2") format("woff2"), url("../fonts/bentonsans-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bentonsansthin';
  src: url("../fonts/bentonsans-thin-webfont.woff2") format("woff2"), url("../fonts/bentonsans-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: "BentonSans", sans-serif;
  font-weight: 400;
  /*font-size: 16px;*/
  line-height: 1.7;
  color: #777; }

.section__title {
  color: #000;
  font-size: 5rem;
  line-height: 6rem;
  font-weight: 900;
  margin-bottom: 3rem;
  text-transform: uppercase; }
  @media only screen and (max-width: 43.7em) {
    .section__title {
      margin-bottom: 1.5rem;
      font-size: 4rem;
      line-height: 5.5rem; } }

.section__subtitle {
  color: #ffffff;
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 3.2rem;
  margin-bottom: 3rem;
  text-transform: uppercase; }
  @media only screen and (max-width: 43.7em) {
    .section__subtitle {
      line-height: 3.5rem;
      margin-bottom: 1.5rem; } }
  .section__subtitle--5 {
    display: none; }

.section__text {
  color: #ffffff;
  font-weight: 400;
  font-size: 2.1rem;
  line-height: 3.2rem;
  margin-bottom: 3rem; }
  .section__text--without-margin {
    margin-bottom: 0; }

.section .pie-graph {
  height: 21.6rem;
  align-self: flex-start; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section .pie-graph {
      height: 31.6rem; } }

.u-center-text {
  text-align: center !important; }

.u-margin-top-small {
  margin-top: 5rem !important; }

.u-margin-bottom-small {
  margin-bottom: 1.5rem !important; }

.u-margin-bottom-medium {
  margin-bottom: 4rem !important; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .u-margin-bottom-medium {
      margin-bottom: 3rem !important; } }

.u-margin-bottom-big {
  margin-bottom: 10rem !important; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .u-margin-bottom-big {
      margin-bottom: 5rem !important; } }

.u-margin-top-big {
  margin-top: 10rem !important; }

.u-margin-top-medium {
  margin-top: 6rem !important; }

.u-margin-top-huge {
  margin-top: 20rem !important; }

.margin-bottom-15 {
  margin-bottom: 15rem !important; }

.text-blue-lighter {
  color: #33c7ff; }

.text-blue-default {
  color: #003ee8; }

.text-blue-dark {
  color: #0a2240; }

.text-green {
  color: #00ae43; }

.text-yellow {
  color: #c0b800; }

.text-orange {
  color: #ffb71e; }

.text-red {
  color: #a80050; }

.text-pink {
  color: #af50c5; }

.text-white {
  color: #ffffff; }

@media only screen and (max-width: 43.7em) {
  .on-phone {
    display: block !important; } }

@media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
  .on-tablet {
    display: block !important; } }

@media only screen and (min-width: 56.25em) {
  .on-desktop {
    display: block !important; } }

@media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
  .tablet-flex-column {
    flex-direction: column !important; } }

.background-blue-dark {
  background-color: #0a2240 !important; }

.flex-fix {
  display: flex;
  column-gap: 3rem; }

.margin-bottom-zero {
  margin-bottom: 0 !important; }

.line-white-text::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.4rem;
  background-color: #ffffff;
  border-radius: 8px;
  margin-top: 8px;
  margin-bottom: 8px; }

.line-blue-text::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.4rem;
  background-color: #0055FF;
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 10px; }

.line-without-margin::after {
  margin: 0; }

.default-container {
  width: 100%;
  max-width: 172.8rem;
  margin-inline: auto;
  padding-inline: 9.5vw;
  box-sizing: border-box; }
  @media (min-width: 172.8rem) {
    .default-container {
      padding-inline: 16.4rem; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .default-container {
      max-width: none;
      padding-inline: 3.75rem; } }
  @media only screen and (max-width: 43.7em) {
    .default-container {
      max-width: none;
      padding-inline: 2rem; } }

.button, .button:link, .button:visited, .button:focus {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #0a2240;
  background-image: linear-gradient(90deg, #0A2240 0%, #173A66 100%);
  border-radius: 10px;
  color: #ffffff;
  border: none;
  text-decoration: none;
  padding: 1rem 2.5rem;
  font-size: 2.1rem;
  font-family: 'bentonsansregular';
  cursor: pointer;
  width: 30rem; }
  @media only screen and (max-width: 43.7em) {
    .button, .button:link, .button:visited, .button:focus {
      font-size: 1.8rem; } }

.button__main-button {
  background-image: linear-gradient(90deg, #0072CE 0%, #00A9E0 100%) !important; }

.button__main-button:hover {
  opacity: 0.8; }

.button__cap1, .button__cap2, .button__cap3, .button__cap4, .button__cap5, .button__cap6 {
  background-image: linear-gradient(90deg, #0A2240 0%, #173A66 100%) !important; }

.button__cap1:hover {
  background-image: linear-gradient(90deg, #0072CE 0%, #00A9E0 100%) !important; }

.button__cap2:hover {
  background-image: linear-gradient(90deg, #EB9006 0%, #FFB81D 100%) !important; }

.button__cap3:hover {
  background-image: linear-gradient(90deg, #1C8321 0%, #4DAA51 100%) !important; }

.button__cap4:hover {
  background-image: linear-gradient(90deg, #959B03 0%, #B5BD00 100%) !important; }

.button__cap5:hover {
  background-image: linear-gradient(90deg, #C1844C 0%, #E7B78A 100%) !important; }

.button__cap6:hover {
  background-image: linear-gradient(90deg, #BB480F 0%, #FF681D 100%) !important; }

.button--downloads {
  width: 100% !important;
  min-height: 7.8rem;
  vertical-align: baseline; }
  @media only screen and (max-width: 43.7em) {
    .button--downloads {
      min-height: 6rem; } }

.button-icon {
  position: absolute;
  right: 50px; }
  @media only screen and (max-width: 43.7em) {
    .button-icon {
      height: 2.3rem;
      right: 20px; } }

.arrow-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 3rem;
  z-index: 500;
  transition: 0.5s; }
  .arrow-button__title {
    color: #ffffff;
    font-weight: 100;
    font-size: 1.6rem;
    line-height: 1.4rem;
    margin-bottom: 1rem;
    text-transform: uppercase; }
    .arrow-button__title--blue {
      color: #0a2240; }
  .arrow-button__icon {
    width: 0;
    height: 0;
    border-left: 2.1rem solid transparent;
    border-right: 2.1rem solid transparent;
    border-top: 2.6rem solid #ffffff;
    opacity: 0.5;
    cursor: pointer; }
    .arrow-button__icon--blue {
      border-top: 2.6rem solid #0a2240; }
    .arrow-button__icon--orange {
      border-top: 2.6rem solid #ffb71e;
      opacity: 1; }

.arrow-button:hover {
  opacity: 0.5; }

.seccao4, .seccao4Up, .seccao4Down {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 3rem;
  z-index: 100000; }
  .seccao4__title, .seccao4Up__title, .seccao4Down__title {
    color: #0a2240;
    font-weight: 100;
    font-size: 1.6rem;
    line-height: 1.4rem;
    margin-bottom: 1rem;
    text-transform: uppercase; }
  .seccao4__icon, .seccao4Up__icon, .seccao4Down__icon {
    width: 0;
    height: 0;
    border-left: 2.1rem solid transparent;
    border-right: 2.1rem solid transparent;
    border-top: 2.6rem solid #0a2240;
    opacity: 0.5;
    cursor: pointer; }

.arrow-up {
  transform: rotate(180deg) !important;
  z-index: 100000000000000000; }

.arrow-right {
  transform: rotate(-90deg) !important;
  align-self: center; }

.arrow-left {
  transform: rotate(90deg) !important;
  align-self: center;
  margin-right: 5rem; }

.button2, .button2:link, .button2:visited {
  height: 5.3rem;
  position: relative;
  display: inline-block;
  color: #ffffff;
  border: none;
  text-decoration: none;
  padding: 1rem 2.5rem;
  font-size: 2.1rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  padding-right: 6rem;
  transition: all 300ms ease-in-out; }

.button2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -2;
  background-image: url(../img/diagonal2.svg);
  background-size: cover;
  background-position: right;
  color: #ffffff;
  transition: transform 300ms ease-in-out;
  transform-origin: left; }

.button2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-image: url(../img/diagonal.svg);
  background-size: cover;
  background-position: right;
  color: #ffffff;
  transform: scaleX(0);
  transition: transform 300ms ease-in-out;
  transform-origin: left; }

.button2:hover::after {
  transform: scaleX(1); }

@media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
  .button--6 {
    display: none !important; }
  .button--6-tablet {
    display: block !important; } }

.section-button, .section-button:link, .section-button:visited, .section-button:focus {
  border-radius: 99px;
  padding: 1.5rem 3rem;
  cursor: pointer;
  width: fit-content; }

.section-button__link {
  font-family: "bentonsansbook";
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #ffffff;
  border: none;
  text-decoration: none; }

.section-button:hover {
  opacity: 0.5 !important; }

.arrow-button-slide {
  margin-left: 0 !important;
  cursor: pointer; }

.navbar {
  display: none;
  background-color: #003ee8;
  position: absolute;
  top: 0;
  width: 100%;
  height: 13rem;
  overflow: hidden;
  z-index: 3000000000000;
  text-align: center;
  box-shadow: 0px 2px 20px 0px #0932A1BD; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .navbar {
      position: fixed; } }
  @media only screen and (max-width: 43.7em) {
    .navbar {
      position: fixed; } }
  .navbar__container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    height: 100%;
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box; }
    @media (min-width: 172.8rem) {
      .navbar__container {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .navbar__container {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .navbar__container {
        max-width: none;
        padding-inline: 2rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .navbar__container {
        grid-template-columns: repeat(3, 1fr); } }
    @media only screen and (max-width: 43.7em) {
      .navbar__container {
        grid-template-columns: repeat(3, 1fr); } }
  .navbar__logo {
    justify-self: center;
    height: 7rem;
    width: auto;
    z-index: 11; }
  .navbar__buttons {
    height: 100%;
    width: auto;
    display: flex;
    margin-right: 20px;
    z-index: 11; }
  .navbar__button {
    height: 100%;
    width: 12rem;
    transform: skew(-20deg);
    z-index: 11;
    position: relative; }
    .navbar__button--1 {
      border-left: 1.5px solid #003ee8;
      border-right: 1.5px solid #003ee8; }
    .navbar__button--2 {
      border-right: 1.5px solid #003ee8; }
  .navbar__button:hover .cls-1 {
    fill: white !important; }
  .navbar__button:hover .navbar__button--title {
    color: white; }
  .navbar__button--icon {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%) skew(20deg); }
  .navbar__button--title {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%) skew(20deg);
    color: #003ee8;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 100;
    text-transform: uppercase; }
  .navbar__button--1::before, .navbar__button--2::before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-color: #003ee8;
    opacity: 1;
    transition: transform 300ms ease-in-out;
    transform: translateY(100%);
    transform-origin: bottom center; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .navbar__button--1::before, .navbar__button--2::before {
        display: none; } }
    @media only screen and (max-width: 43.7em) {
      .navbar__button--1::before, .navbar__button--2::before {
        display: none; } }
  .navbar__button--1:hover::before, .navbar__button--2:hover::before {
    transform: scaleX(1); }

.navbar-title,
.title {
  display: flex;
  align-items: center;
  justify-self: start; }
  .navbar-title__vline,
  .title__vline {
    height: 3.5rem;
    width: 0.2rem;
    background: #ffffff;
    margin: 0 1.4rem;
    flex-shrink: 0; }
  .navbar-title__text,
  .title__text {
    font-family: "bentonsansbook";
    color: #ffffff;
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 400;
    margin: 0; }

.navbar-img {
  justify-self: center;
  height: 5.7rem;
  width: auto;
  max-width: 40.5rem; }

.navbar-controllers {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 4rem; }

.navbar-language {
  display: flex;
  align-items: center;
  gap: 2.4rem; }
  .navbar-language__text {
    color: #ffffff;
    font-family: "bentonsansbook";
    font-size: 1.8rem;
    text-decoration: none;
    font-weight: 400;
    border-bottom: 0.2rem solid transparent;
    line-height: 2.8rem; }
  .navbar-language__text-downloads {
    color: #ffffff;
    font-family: "bentonsansbook";
    font-size: 1.8rem;
    line-height: 2.8rem;
    text-decoration: none;
    margin: 0; }
  .navbar-language__text:hover {
    opacity: 0.5; }
  .navbar-language__active {
    color: #ffffff;
    font-family: "bentonsansbold";
    font-size: 1.8rem;
    text-decoration: none;
    border-bottom: 0.2rem solid #ffffff;
    padding-bottom: 0.3rem;
    font-weight: 700;
    line-height: 2.8rem; }

.navbar-downloads {
  display: flex;
  align-items: center; }
  .navbar-downloads__hamburguer {
    height: 2.5rem;
    width: auto; }

.navbar-downloads:hover {
  opacity: 0.5; }

.download-button {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 1.5rem; }

.hamburguer-icon {
  display: flex; }
  .hamburguer-icon__bar {
    height: 0.3rem;
    width: 3rem;
    background-color: #ffffff;
    border-radius: 9.9rem;
    margin-bottom: 0.9rem; }
  .hamburguer-icon__last {
    margin-bottom: 0px; }
  .hamburguer-icon__active {
    background-color: #33c7ff; }

@media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
  .navbar {
    height: 13rem; }
    .navbar__relatorio-contas {
      height: 4rem;
      padding-left: 0; }
    .navbar .navbar-title__text,
    .navbar .title__text {
      text-align: left;
      color: #ffffff;
      font-weight: 400;
      font-size: 2.1rem;
      line-height: 2.8rem; }
    .navbar .navbar-controllers {
      justify-content: flex-end;
      gap: 3rem; }
    .navbar .navbar-language {
      gap: 2rem; }
      .navbar .navbar-language__text {
        color: #ffffff;
        font-weight: 400;
        font-size: 1.8rem;
        line-height: 2.8rem;
        text-decoration: none;
        border-bottom: 0.2rem solid transparent; }
      .navbar .navbar-language__text-downloads {
        font-size: 1.8rem;
        line-height: 2.8rem; }
      .navbar .navbar-language__text:hover {
        opacity: 1; }
      .navbar .navbar-language__active {
        color: #ffffff;
        font-weight: 700;
        font-size: 1.8rem;
        text-decoration: none;
        border-bottom: 0.2rem solid #ffffff;
        padding-bottom: 0.3rem; }
    .navbar__logo {
      height: 6.9rem; }
    .navbar__buttons {
      margin-right: 0px; }
    .navbar__button {
      width: 6rem;
      border: none;
      transform: skew(0deg);
      display: flex;
      justify-content: center;
      align-items: center; }
    .navbar__button--icon {
      top: unset;
      left: unset;
      transform: skew(0deg); }
  .navbar-downloads:hover {
    opacity: 1; } }

@media only screen and (max-width: 43.7em) {
  .navbar {
    height: 10rem; }
    .navbar__relatorio-contas {
      height: 4rem;
      padding-left: 0; }
    .navbar .navbar-title__text,
    .navbar .title__text {
      text-align: left;
      color: #ffffff;
      font-weight: 400;
      font-size: 1.4rem;
      line-height: 1.8rem; }
    .navbar .hamburguer-icon:hover {
      opacity: 1; }
    .navbar .navbar-controllers {
      justify-content: flex-end; }
    .navbar .navbar-language__text {
      color: #ffffff;
      font-weight: 100;
      font-size: 1.6rem;
      line-height: 1.4rem;
      text-decoration: none;
      border-bottom: 0.2rem solid transparent; }
    .navbar .navbar-language__text:hover {
      opacity: 0.5; }
    .navbar .navbar-language__active {
      color: #ffffff;
      font-weight: 700;
      font-size: 1.6rem;
      line-height: 1.4rem;
      text-decoration: none;
      border-color: #ffffff;
      padding-bottom: 3px; }
    .navbar__logo {
      height: 5rem; }
    .navbar__buttons {
      margin-right: 0px; }
    .navbar__button {
      width: 6rem;
      border: none;
      transform: skew(0deg);
      display: flex;
      justify-content: center;
      align-items: center; }
    .navbar__button--icon {
      top: unset;
      left: unset;
      transform: skew(0deg); }
  .navbar-downloads:hover {
    opacity: 1; } }

.menu-open {
  position: fixed;
  height: 100%;
  width: 50%;
  background-color: #ffffff;
  bottom: 0;
  right: 0;
  visibility: hidden;
  z-index: 5000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 14rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .menu-open {
      width: 100%;
      bottom: 0;
      z-index: 90000000000000000000000000;
      align-items: flex-start; } }
  @media only screen and (max-width: 43.7em) {
    .menu-open {
      width: 100%;
      z-index: 90000000000000000000000000;
      align-items: flex-start; } }
  .menu-open__container {
    width: 90%; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .menu-open__container {
        margin-top: 5rem; } }

.menu-in {
  opacity: 1;
  animation-name: appearMenu;
  animation-duration: 1s;
  transition-timing-function: ease-in;
  animation-fill-mode: forwards; }

@keyframes appearMenu {
  from {
    transform: translateY(-100%);
    visibility: visible; }
  to {
    transform: translateY(0);
    visibility: visible; } }

.menu-out {
  animation-name: disappearMenu;
  animation-duration: 1s;
  transition-timing-function: ease-out;
  animation-fill-mode: forwards; }

@keyframes disappearMenu {
  from {
    transform: translateY(0);
    visibility: visible; }
  to {
    transform: translateY(-100%);
    visibility: visible; } }

.button-active {
  background-color: #33c7ff !important;
  border-right: 1.5px solid #33c7ff; }
  .button-active .cls-1 {
    fill: white !important; }
  .button-active .navbar__button--title {
    color: #ffffff; }

.remove-border {
  border-right: 1.5px solid #33c7ff !important; }

.button-active-mobile .cls-1m {
  fill: #33c7ff !important; }

.button-navbar {
  color: #0a2240 !important; }

.button-navbar:hover {
  background-color: #003ee8 !important; }

.hamburguernav {
  margin-top: 3rem;
  height: 3rem; }

.wrapper {
  margin-right: auto;
  margin-left: auto;
  max-width: 86vw;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
  position: relative; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .wrapper {
      justify-content: flex-start;
      margin-top: 8rem; } }
  @media only screen and (max-width: 43.7em) {
    .wrapper {
      justify-content: flex-start; } }

.section {
  display: none;
  width: 100vw;
  background-size: cover;
  background-position: right;
  position: relative;
  overflow-x: clip; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section {
      overflow-x: hidden;
      overflow-y: hidden; } }
  @media only screen and (max-width: 43.7em) {
    .section {
      overflow-x: hidden;
      overflow-y: hidden; } }
  .section--7 {
    min-height: auto; }
    @media only screen and (max-width: 43.7em) {
      .section--7 {
        background-color: #FFFFFF; } }
  .section--4 {
    position: relative; }
  .section__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; }
    .section__header--big {
      margin-top: 15rem; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section__header {
        display: none; } }

/* SLIDER */
.slider {
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
  position: relative;
  /* IN THE END */
  overflow-x: hidden;
  overflow-y: hidden; }

.slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  /* This creates the animation */
  transition: transform 1s; }

.arr-right {
  display: flex;
  position: absolute;
  top: 50%;
  z-index: 10;
  align-content: center;
  right: 2vw;
  transition: 0.5s;
  border-radius: 50%;
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.45); }
  .arr-right__text {
    color: #ffb71e;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 100;
    text-transform: uppercase;
    text-align: end;
    margin-top: -5px; }

.arr-left {
  display: flex;
  position: absolute;
  top: 50%;
  z-index: 10;
  align-content: center;
  left: 2vw;
  transition: 0.5s;
  border-radius: 50%;
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.45); }
  .arr-left__text {
    color: #ffb71e;
    margin-top: 4px;
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 100;
    text-transform: uppercase; }

.arr-right:hover, .arr-left:hover {
  opacity: 0.7; }

.slider__btn {
  width: 0;
  height: 0;
  border-left: 2.1rem solid transparent;
  border-right: 2.1rem solid transparent;
  border-top: 2.6rem solid #ffb71e;
  cursor: pointer; }

.dots {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  display: none; }

.dots__dot {
  border: none;
  background-color: #0a2240;
  opacity: 0.7;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  margin-right: 1.75rem;
  cursor: pointer;
  transition: all 0.5s; }

.dots__dot:last-child {
  margin: 0; }

.dots__dot--active {
  /* background-color: #fff; */
  background-color: #33c7ff;
  opacity: 1; }

.pad {
  padding-left: 8vw;
  padding-right: 9vw; }

.padr {
  padding-right: 7vw; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .padr {
      padding-right: 3vw; } }

.container-sec-2,
.container-sec-3 {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: column; }
  .container-sec-2__left,
  .container-sec-3__left {
    width: 74%; }
  .container-sec-2__right,
  .container-sec-3__right {
    width: 80%;
    align-self: center;
    margin-top: 6rem;
    margin-bottom: 10em; }

@media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
  .wrapper {
    align-items: initial; }
  .arr-right__text,
  .arr-left__text {
    display: none; }
  .footer-mobile {
    background-color: #081A78;
    height: 10rem;
    display: flex;
    flex-direction: column;
    padding: 3rem;
    margin-top: 2rem; } }

@media only screen and (max-width: 43.7em) {
  .wrapper {
    padding-right: 0;
    padding-left: 0;
    padding-top: 60px; }
  .footer-mobile {
    background-color: #081A78;
    height: 10rem;
    display: flex;
    flex-direction: column;
    padding: 3rem;
    margin-top: 2rem; } }

.slideshow-container {
  width: 100vw;
  height: 100vh;
  position: relative; }

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none; }

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px; }

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8); }

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center; }

/* Number text (1/3 etc) */
.numbertext2 {
  color: red;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0; }

.slideshow-number {
  color: #000;
  font-size: 1.9rem;
  line-height: 4rem;
  font-weight: 900;
  text-transform: uppercase; }
  .slideshow-number--blue-lighter {
    color: #33c7ff; }
  .slideshow-number--green {
    color: #00ae43; }
  .slideshow-number--yellow {
    color: #c0b800; }
  .slideshow-number--orange {
    color: #ffb71e; }

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease; }

.active,
.dot:hover {
  background-color: #717171; }

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2s;
  animation-name: fade;
  animation-duration: 2s; }

@-webkit-keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev,
  .next,
  .text {
    font-size: 11px; } }

.shake-arrow {
  animation: shake-arrow-y 3s infinite; }

@keyframes shake-arrow-y {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateX(25px); }
  60% {
    transform: translateX(15px); } }

.shake-arrow-bottom {
  animation: shake-arrow-x 3s infinite; }

@keyframes shake-arrow-x {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(25px); }
  60% {
    transform: translateY(15px); } }

.section--1 {
  margin-top: 13rem;
  position: relative;
  box-shadow: 0px 2px 20px 0px #0932A1BD;
  z-index: 8; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--1 {
      background-image: url(../img/SECTION_FUNDO_CAP4.svg);
      background-color: #0055ff;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      box-shadow: 0px 2px 20px 0px #0932A1BD;
      margin-top: 13rem;
      min-height: 67.1rem;
      height: auto;
      padding-top: 0; } }
  @media only screen and (max-width: 43.7em) {
    .section--1 {
      background-image: url(../img/SECTION_FUNDO_CAP4.svg);
      background-color: #0055ff;
      background-position: top center;
      background-repeat: no-repeat;
      background-size: cover;
      box-shadow: 0px 2px 20px 0px #0932A1BD;
      margin-top: 10rem;
      min-height: 67.1rem;
      height: auto;
      padding-top: 0; } }
  .section--1 .wrapper1 {
    height: 97.6rem;
    position: relative;
    background-image: url(../img/SECTION_FUNDO_CAP4_desktop.svg);
    background-color: #0055ff;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; }
  .section--1 .wrapper2 {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    padding-top: 5.9rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative; }
    @media (min-width: 172.8rem) {
      .section--1 .wrapper2 {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section--1 .wrapper2 {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section--1 .wrapper2 {
        max-width: none;
        padding-inline: 2rem; } }
  .section--1 .header1 {
    display: none; }
  .section--1 .content1 {
    max-width: 61.7rem; }
  .section--1 .container1__left--1 {
    display: block; }
  .section--1 .arrow-button {
    margin-left: 0;
    align-items: end; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--1 .wrapper {
      width: 100%;
      max-width: 172.8rem;
      margin-inline: auto;
      padding-inline: 9.5vw;
      box-sizing: border-box;
      margin-top: 0;
      padding-top: 11rem;
      padding-bottom: 0;
      min-height: auto; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) and (min-width: 172.8rem) {
    .section--1 .wrapper {
      padding-inline: 16.4rem; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--1 .wrapper {
      max-width: none;
      padding-inline: 3.75rem; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) and (max-width: 43.7em) {
    .section--1 .wrapper {
      max-width: none;
      padding-inline: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section--1 .wrapper {
      width: 100%;
      max-width: 172.8rem;
      margin-inline: auto;
      padding-inline: 9.5vw;
      box-sizing: border-box;
      margin-top: 0;
      padding-top: 5rem;
      padding-bottom: 6rem;
      min-height: auto; } }
  @media only screen and (max-width: 43.7em) and (min-width: 172.8rem) {
    .section--1 .wrapper {
      padding-inline: 16.4rem; } }
  @media only screen and (max-width: 43.7em) and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--1 .wrapper {
      max-width: none;
      padding-inline: 3.75rem; } }
  @media only screen and (max-width: 43.7em) and (max-width: 43.7em) {
    .section--1 .wrapper {
      max-width: none;
      padding-inline: 2rem; } }

.section .line-cap-1 {
  position: absolute;
  bottom: 0;
  width: 100%; }

.section .line-cap-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 85%; }
  @media (max-height: 755px) {
    .section .line-cap-2 {
      width: 70%; } }

.section .line-cap-3 {
  position: absolute;
  bottom: 0;
  width: 100%; }

.section .line-cap-4-3 {
  position: absolute;
  bottom: 0;
  width: 100%; }

.section .line-cap-5 {
  position: absolute;
  bottom: -1rem;
  width: 100%; }

.section .line-cap-6 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 87%; }
  @media (max-height: 755px) {
    .section .line-cap-6 {
      width: 70%; } }

.section1-pattern {
  position: absolute;
  right: 0;
  top: 0;
  max-height: 100%; }

.section1-pattern-tablet {
  position: absolute;
  right: -24rem;
  top: 14rem;
  max-height: 100%; }

.section1-pattern-mobile {
  position: absolute;
  left: 14rem;
  top: 14rem;
  max-height: 100%; }

.content1 {
  display: flex;
  width: 100%;
  justify-content: flex-start; }

.header1 {
  width: 86vw;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3rem; }

.section1-text__number {
  font-family: "bentonsansextra_light";
  color: #ffffff;
  font-size: 10rem;
  line-height: 10.1rem;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section1-text__number {
      font-size: 5rem;
      line-height: 6rem;
      margin-top: 8rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section1-text__number {
      font-size: 5rem;
      line-height: 6rem;
      margin-top: 6rem;
      margin-bottom: 2rem; } }

.section1-text__title {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 6rem;
  line-height: 6.6rem;
  margin-bottom: 6rem;
  font-weight: 400;
  max-width: 49.8rem;
  margin-right: 2rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section1-text__title {
      font-size: 4rem;
      line-height: 4.8rem;
      margin-bottom: 2rem;
      max-width: none; } }
  @media only screen and (max-width: 43.7em) {
    .section1-text__title {
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 3rem;
      max-width: none; } }

.section1-text__subtitle {
  font-family: "bentonsansbold";
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 2.8rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section1-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section1-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 2rem;
      margin-right: 2rem; } }

.section1-text__text {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem !important;
  font-weight: 400;
  max-width: 61.7rem;
  min-width: 62rem; }
  .section1-text__text--one {
    margin-bottom: 3.2rem; }
  .section1-text__text--two {
    margin-bottom: 6.5rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section1-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 3rem;
      max-width: 50rem; } }
  @media only screen and (max-width: 43.7em) {
    .section1-text__text {
      font-size: 1.6rem;
      line-height: 2.4rem !important;
      margin-bottom: 3rem;
      max-width: 74vw;
      min-width: 33rem; } }

.section1-button {
  background-color: #33c7ff;
  box-shadow: 0 2px 13.3px rgba(0, 0, 0, 0.1);
  margin-bottom: 0 !important;
  font-family: "bentonsansregular"; }

.section1-photo-right {
  width: 100%;
  max-width: 95%;
  position: absolute;
  right: 0;
  object-fit: cover; }

.section-photo-left {
  position: absolute;
  width: 100%;
  height: fit-content;
  bottom: -62rem;
  left: -3rem;
  scale: 1.3; }

.section1-photo-left {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.section1-image-text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-55%) !important;
  height: 75%; }

.section-number {
  font-size: 10rem;
  line-height: 11rem;
  font-family: 'BentonSans';
  font-weight: 200;
  color: #ffffff; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section-number {
      width: 5.134rem;
      height: 6rem;
      margin-top: 0;
      margin-bottom: 5rem; } }
  @media only screen and (max-width: 43.7em) {
    .section-number {
      font-size: 5rem;
      width: 5.134rem;
      height: 6rem;
      margin-top: 0;
      margin-bottom: 2.5rem; } }

.arrow-wrapper {
  position: absolute;
  width: 86vw;
  margin: 0 auto; }

.arrow-size {
  width: 4.5rem;
  height: 4.5rem; }

.hamb-size {
  width: 3rem;
  height: 2.5rem; }

.section--2 {
  background-image: url(../img/FUNDO_CAP2.png);
  background-position: right;
  background-repeat: no-repeat;
  box-shadow: 0px 2px 20px 0px #0932A1BD;
  background-size: 52.25% 101%;
  z-index: 7; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--2 {
      background: #ffffff;
      min-height: auto;
      overflow: visible; } }
  @media only screen and (max-width: 43.7em) {
    .section--2 {
      background: #ffffff;
      min-height: auto;
      overflow: visible; } }

.section2-desktop {
  min-height: calc(100vh - 13rem); }
  .section2-desktop__container {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 13rem);
    padding-top: 8rem;
    padding-bottom: 0;
    box-sizing: border-box; }
    @media (min-width: 172.8rem) {
      .section2-desktop__container {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section2-desktop__container {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section2-desktop__container {
        max-width: none;
        padding-inline: 2rem; } }
  .section2-desktop__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4rem;
    width: 100%; }
  .section2-desktop__number {
    color: #0055ff;
    font-size: 10rem;
    line-height: 11rem;
    margin: 0; }
  .section2-desktop__grid {
    display: flex;
    flex: 1;
    align-items: stretch;
    width: 100%;
    min-height: 0; }
  .section2-desktop__left {
    flex: 0 0 50%;
    max-width: 76rem;
    padding-right: 25.5rem;
    padding-bottom: 8rem;
    position: relative;
    top: -5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .section2-desktop__right {
    flex: 1;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 60rem; }
  .section2-desktop__captions {
    position: absolute;
    left: 4rem;
    bottom: 5rem;
    z-index: 3;
    width: 100%;
    box-sizing: border-box; }
    .section2-desktop__captions .element-group .element-name,
    .section2-desktop__captions .element-group .element-role {
      font-family: "bentonsansbook";
      font-size: 2.5rem;
      line-height: 2rem;
      font-weight: 400;
      color: #ffffff;
      margin: 0; }
    .section2-desktop__captions .element-group .element-name {
      font-family: "bentonsansbold";
      font-weight: 700;
      margin-bottom: 2rem; }
    .section2-desktop__captions .element-group .element-role {
      font-family: "bentonsansbook";
      font-weight: 400; }
  .section2-desktop .section2-text__title {
    margin-bottom: 4rem; }
  .section2-desktop .section2-text__lead {
    font-family: "bentonsansbold";
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 3.2rem;
    font-weight: 700; }
  .section2-desktop .section2-text__body {
    font-family: "bentonsansbook";
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 3.2rem;
    font-weight: 400; }
    .section2-desktop .section2-text__body:last-of-type {
      margin-bottom: 6rem; }

.section2-text__number {
  font-family: "bentonsansextra_light";
  color: #f7cd00;
  font-size: 10rem;
  line-height: 10.1rem;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section2-text__number {
      font-size: 5rem;
      line-height: 6rem;
      margin-top: 3rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section2-text__number {
      font-size: 5rem;
      line-height: 6rem;
      margin-top: 3rem;
      margin-bottom: 2rem; } }

.section2-text__title {
  font-family: "bentonsansbook";
  color: #0055ff;
  font-size: 6rem;
  line-height: 6.6rem;
  margin-bottom: 5rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section2-text__title {
      font-size: 4rem;
      line-height: 4.8rem;
      margin-bottom: 2rem;
      max-width: none; } }
  @media only screen and (max-width: 43.7em) {
    .section2-text__title {
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 2.75rem;
      max-width: none; } }

.section2-text__subtitle {
  font-family: "bentonsansbook";
  color: #0a2240;
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 4rem;
  font-weight: 700;
  font-style: italic;
  max-width: 76.5rem; }

.section2-text__lead {
  font-family: "bentonsansmedium";
  color: #0a2240;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 2rem;
  font-weight: 500; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section2-text__lead {
      font-family: "bentonsansbold";
      font-size: 1.8rem;
      line-height: 2.8rem;
      margin-bottom: 2.4rem;
      font-weight: 700; } }

.section2-text__body {
  font-family: "bentonsansbook";
  color: #0a2240;
  font-size: 1.6rem;
  line-height: 2.4rem;
  margin-bottom: 2rem;
  font-weight: 400; }
  .section2-text__body:last-of-type {
    margin-bottom: 3rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section2-text__body {
      font-size: 1.8rem;
      line-height: 2.8rem;
      margin-bottom: 2.4rem; }
      .section2-text__body:last-of-type {
        margin-bottom: 3.6rem; } }

.section2-text__text {
  font-family: "bentonsansbook";
  color: #0a2240;
  font-size: 2.4rem;
  line-height: 3.2rem !important;
  margin-bottom: 5rem;
  font-weight: 400;
  font-style: italic; }

.section2-mobile {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: auto; }
  .section2-mobile__text {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
    padding-top: 5rem;
    padding-bottom: 4rem;
    background-color: #ffffff; }
    @media (min-width: 172.8rem) {
      .section2-mobile__text {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section2-mobile__text {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section2-mobile__text {
        max-width: none;
        padding-inline: 2rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section2-mobile__text {
        padding-top: 8rem;
        padding-bottom: 4rem; } }
    @media only screen and (max-width: 43.7em) {
      .section2-mobile__text {
        padding-top: 5rem;
        padding-bottom: 3rem;
        padding-right: 7.5rem; } }
    .section2-mobile__text .section2-button--mobile {
      position: relative;
      top: 3.5rem; }
  .section2-mobile__visual {
    position: relative;
    width: 100%;
    height: 48rem;
    min-height: 48rem;
    margin-top: -2rem;
    overflow: visible; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section2-mobile__visual {
        margin-top: -3rem;
        height: 48rem;
        min-height: 48rem; } }
  .section2-mobile__backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden; }
  .section2-mobile__photo-wrap {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden; }
  .section2-mobile__photo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: bottom center;
    margin: 0;
    z-index: 2; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section2-mobile__photo {
      width: 60%;
      margin: auto; } }
  .section2-mobile__captions {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2rem;
    z-index: 4;
    padding-inline: 9.5vw;
    margin: 0; }
    @media (min-width: 172.8rem) {
      .section2-mobile__captions {
        padding-inline: calc( (100vw - 172.8rem) / 2 + 16.4rem); } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section2-mobile__captions {
        padding-inline: 3.75rem;
        bottom: 3rem; } }
    @media only screen and (max-width: 43.7em) {
      .section2-mobile__captions {
        padding-inline: 2rem;
        bottom: 2rem; } }
    .section2-mobile__captions .element-group .element-name,
    .section2-mobile__captions .element-group .element-role {
      color: #ffffff;
      font-size: 1.6rem;
      line-height: 2rem;
      margin: 0; }
    .section2-mobile__captions .element-group .element-name {
      font-family: "bentonsansbold";
      font-weight: 700; }
    .section2-mobile__captions .element-group .element-role {
      font-family: "bentonsansbook";
      font-weight: 400; }

.section2-pattern-mobile {
  position: absolute;
  top: calc(-1 * 10rem);
  left: 0;
  width: 100%;
  height: 24.6rem;
  object-fit: fill;
  z-index: 3;
  pointer-events: none; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section2-pattern-mobile {
      height: 28rem;
      top: calc(-1 * 10rem - 2rem); } }

.section2-background-mobile {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 31.8rem;
  object-fit: fill;
  z-index: 1;
  pointer-events: none; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section2-background-mobile {
      height: 38rem; } }

.section2-button--desktop {
  background-color: #33c7ff;
  color: #ffffff;
  margin-bottom: 0 !important;
  margin-top: auto; }

.section2-button--mobile {
  background-color: #0055ff;
  color: #ffffff;
  margin-bottom: 0 !important; }

.section2-photo {
  display: block;
  width: auto;
  max-width: 169%;
  position: relative;
  bottom: 0;
  right: -51px;
  margin: 0 auto;
  z-index: 2; }

.element-names-roles {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 0 6rem;
  width: 100%; }

.arrows-content {
  display: flex; }

.arrow-button2 {
  color: #0a2240 !important; }

.section--3 {
  min-height: 100vh;
  background-image: url(../img/FUNDO_CAP3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #0055ff;
  box-shadow: 0px 2px 20px 0px #0932A1BD;
  z-index: 6; }
  @media only screen and (min-width: 56.25em) {
    .section--3 {
      min-height: calc(100vh - 13rem); } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--3 {
      background-image: url(../img/section3-background-phone.png);
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat;
      background-color: #0055ff;
      min-height: auto; } }
  @media only screen and (max-width: 43.7em) {
    .section--3 {
      background-image: url(../img/section3-background-phone.png);
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat;
      background-color: #0055ff;
      min-height: auto; } }
  .section--3 .wrapper1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    align-content: flex-end;
    overflow: hidden; }
    @media only screen and (min-width: 56.25em) {
      .section--3 .wrapper1 {
        width: 100%;
        max-width: 172.8rem;
        margin-inline: auto;
        padding-inline: 9.5vw;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        min-height: calc(100vh - 13rem);
        padding-top: 8rem;
        padding-bottom: 11rem;
        box-sizing: border-box; } }
  @media only screen and (min-width: 56.25em) and (min-width: 172.8rem) {
    .section--3 .wrapper1 {
      padding-inline: 16.4rem; } }
  @media only screen and (min-width: 56.25em) and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--3 .wrapper1 {
      max-width: none;
      padding-inline: 3.75rem; } }
  @media only screen and (min-width: 56.25em) and (max-width: 43.7em) {
    .section--3 .wrapper1 {
      max-width: none;
      padding-inline: 2rem; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--3 .wrapper {
      width: 100%;
      max-width: 172.8rem;
      margin-inline: auto;
      padding-inline: 9.5vw;
      box-sizing: border-box;
      align-items: stretch;
      justify-content: flex-start;
      margin-top: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: none;
      min-height: auto;
      padding-top: 8rem;
      padding-bottom: 6rem; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) and (min-width: 172.8rem) {
    .section--3 .wrapper {
      padding-inline: 16.4rem; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--3 .wrapper {
      max-width: none;
      padding-inline: 3.75rem; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) and (max-width: 43.7em) {
    .section--3 .wrapper {
      max-width: none;
      padding-inline: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section--3 .wrapper {
      width: 100%;
      max-width: 172.8rem;
      margin-inline: auto;
      padding-inline: 9.5vw;
      box-sizing: border-box;
      align-items: stretch;
      justify-content: flex-start;
      margin-top: 0;
      margin-left: auto;
      margin-right: auto;
      max-width: none;
      min-height: auto;
      padding-top: 5rem;
      padding-bottom: 1.75rem; } }
  @media only screen and (max-width: 43.7em) and (min-width: 172.8rem) {
    .section--3 .wrapper {
      padding-inline: 16.4rem; } }
  @media only screen and (max-width: 43.7em) and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--3 .wrapper {
      max-width: none;
      padding-inline: 3.75rem; } }
  @media only screen and (max-width: 43.7em) and (max-width: 43.7em) {
    .section--3 .wrapper {
      max-width: none;
      padding-inline: 2rem; } }
  .section--3 .section-number {
    color: #ffffff; }

.content3 {
  display: flex;
  justify-content: flex-start; }

.header3 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20rem; }

@media only screen and (max-width: 43.7em) {
  .header3 {
    margin-bottom: 5rem; } }

@media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
  .header3 {
    margin-bottom: 10rem; } }

.margin-bottom-30 {
  margin-bottom: 3rem !important; }

.container3 {
  display: flex;
  width: 100%;
  height: 100%; }
  @media only screen and (max-width: 43.7em) {
    .container3 {
      align-items: center; } }
  .container3__left--3 {
    flex: 2;
    align-self: center;
    margin-top: 3rem; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .container3__left--3 {
        flex: 9; } }
  .container3__right--3 {
    align-self: flex-start;
    flex: 4; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .container3__right--3 {
        flex: 3; } }

.section3-text__number {
  font-family: "bentonsansextra_light";
  color: #4daa51;
  font-size: 10rem;
  line-height: 10.1rem;
  margin-bottom: 4rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section3-text__number {
      font-size: 5rem;
      line-height: 6rem;
      margin-top: 3rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section3-text__number {
      font-size: 5rem;
      line-height: 6rem;
      margin-top: 3rem;
      margin-bottom: 2rem; } }

.section3-text__title {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 6rem;
  line-height: 6.6rem;
  position: relative;
  top: 2rem;
  margin-bottom: 3rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section3-text__title {
      font-size: 4rem;
      line-height: 3.8rem;
      margin-bottom: 0;
      top: 0rem; } }
  @media only screen and (max-width: 43.7em) {
    .section3-text__title {
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 0;
      margin-right: 2rem;
      top: 0rem; } }

.section3-button {
  background-color: #33c7ff;
  color: #ffffff;
  margin-bottom: 0 !important;
  box-shadow: 0 2px 13.3px rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section3-button {
      margin-top: 4rem;
      margin-bottom: 0 !important; } }
  @media only screen and (max-width: 43.7em) {
    .section3-button {
      margin-top: 0;
      margin-bottom: 0 !important; } }

.section3-container {
  width: 86vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 4rem; }

.resultados__title {
  font-family: "bentonsansextra_light";
  color: #ffffff;
  font-size: 3.2rem;
  line-height: 3.8rem;
  font-weight: 200;
  width: fit-content; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .resultados__title {
      font-size: 2.4rem;
      line-height: 3.6rem;
      margin-top: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .resultados__title {
      font-size: 2.1rem;
      line-height: 2.8rem;
      margin-top: 2rem; } }

.resultados__number {
  font-family: "bentonsansbold";
  color: #ffffff;
  font-size: 10rem;
  line-height: 11rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .resultados__number {
      font-size: 8rem;
      line-height: 9rem; } }
  @media only screen and (max-width: 43.7em) {
    .resultados__number {
      font-size: 5rem;
      line-height: 5.6rem; } }

.resultados__description {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 3.2rem;
  line-height: 3.8rem;
  margin-bottom: 28rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .resultados__description {
      font-size: 2.4rem;
      line-height: 3rem;
      margin-bottom: 10rem; } }
  @media only screen and (max-width: 43.7em) {
    .resultados__description {
      font-size: 2.1rem;
      line-height: 2.8rem;
      margin-bottom: 5rem; } }

.section3-graph-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between; }
  @media only screen and (max-width: 43.7em) {
    .section3-graph-container {
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section3-graph-container__last {
      margin-bottom: 4rem; } }

.resultado-liquido {
  border-left: 0.6rem solid #c0b800;
  padding-left: 2rem;
  text-transform: uppercase; }
  .resultado-liquido__title {
    color: #33c7ff;
    line-height: 2.6rem;
    font-size: 2.1rem;
    font-weight: 400;
    margin-bottom: 3rem; }
  .resultado-liquido__number {
    color: #ffffff;
    font-size: 11rem;
    font-weight: 900;
    line-height: 9.8rem; }
  .resultado-liquido__unity {
    color: #ffffff;
    font-size: 2.9rem;
    font-weight: 900; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .resultado-liquido__unity {
        font-weight: 400; } }

.fix-flex {
  display: flex;
  column-gap: 1rem;
  align-items: center; }

.graph-mobile-container {
  display: flex;
  width: 93%;
  align-items: center;
  justify-content: space-between;
  border-left: 0.6rem solid #c0b800;
  padding-left: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  .graph-mobile-container__icon {
    height: 6rem;
    margin-right: 1rem; }
  .graph-mobile-container__title {
    color: #33c7ff;
    font-size: 2.1rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 2.6rem; }
  .graph-mobile-container__percentage {
    color: #33c7ff;
    font-size: 3.2rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 3.8rem; }
  .graph-mobile-container__arrow {
    color: #c0b800;
    font-size: 3rem;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 2.6rem;
    padding-bottom: 1.5rem; }
    .graph-mobile-container__arrow--3 {
      visibility: hidden; }

.visibility {
  visibility: hidden !important; }

.global-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 6rem;
  margin-top: 3rem;
  position: relative; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .global-items {
      margin-top: 6rem;
      justify-content: flex-start;
      column-gap: 12rem;
      row-gap: 4rem; } }
  @media only screen and (max-width: 43.7em) {
    .global-items {
      margin-top: 6rem;
      justify-content: flex-start;
      column-gap: 6rem;
      row-gap: 2rem; } }

.global-item {
  padding-bottom: 3.1rem; }
  .global-item__icon {
    height: 4rem;
    width: auto;
    margin-bottom: 3rem; }
  .global-item__text {
    padding-left: 2rem;
    color: #0a2240;
    border-left: 0.6rem solid #ffb71e;
    text-transform: uppercase; }
    .global-item__text--number {
      font-weight: 900;
      font-size: 7rem;
      line-height: 8rem; }
      @media only screen and (max-width: 43.7em) {
        .global-item__text--number {
          font-size: 3.7rem;
          line-height: 7rem; } }
    .global-item__text--title {
      font-weight: 400;
      font-size: 2.1rem;
      line-height: 1.5rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .global-item {
      width: 40%; } }
  @media only screen and (max-width: 43.7em) {
    .global-item {
      width: 35%; } }

.heroes-item {
  text-align: center; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .heroes-item {
      display: flex;
      text-align: left;
      column-gap: 6rem; } }
  @media only screen and (max-width: 43.7em) {
    .heroes-item {
      display: flex; } }
  .heroes-item__icon {
    height: 13.4rem;
    width: auto;
    margin-bottom: 3rem; }
  .heroes-item__text {
    color: #33c7ff;
    text-transform: uppercase;
    text-align: left;
    margin-left: 5rem; }
    .heroes-item__text--number {
      font-weight: 900;
      font-size: 7rem;
      line-height: 8rem; }
    .heroes-item__text--title {
      font-weight: 400;
      font-size: 2.1rem;
      line-height: 2.6rem;
      text-align: center; }
      @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
        .heroes-item__text--title {
          text-align: left; } }
      @media only screen and (max-width: 43.7em) {
        .heroes-item__text--title {
          text-align: left; } }

.hero-men {
  animation: mymove 9s ease-in-out infinite; }

@keyframes mymove {
  0% {
    transform: translateY(0);
    transform: translateX(0); }
  15% {
    transform: translateY(-30px) translateX(60px); }
  30% {
    transform: translateY(-50px) translateX(50px); }
  50% {
    transform: translateY(0) translateX(0); }
  70% {
    transform: translateY(-50px) translateX(-50px); }
  100% {
    transform: translateY(0) translateX(0); } }

.graph-line {
  display: flex;
  margin-bottom: 1.5rem;
  align-items: center; }
  @media only screen and (max-width: 43.7em) {
    .graph-line {
      display: block; } }

.graph-line-tablet {
  display: flex;
  margin-bottom: 3rem; }

.bar-numbers {
  margin-left: 1.5rem;
  display: flex;
  flex-direction: column; }
  @media only screen and (max-width: 43.7em) {
    .bar-numbers {
      margin-left: 0;
      flex-direction: row;
      align-items: center; } }
  .bar-numbers .bar-indicators-line {
    background-image: none !important;
    background-color: #0027B8 !important;
    border-radius: 99px;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
    height: 0.4rem;
    width: 70%; }
  .bar-numbers .bar-indicators-line-yellow {
    background-image: linear-gradient(90deg, #b5bd00 0%, #b5bd0000 104.72%) !important;
    border-radius: 99px;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
    height: 0.4rem;
    width: 70%; }
  .bar-numbers .bar-indicators-line-blue {
    background-color: #ffffff !important;
    border-radius: 99px;
    margin-bottom: 0.1rem;
    margin-top: 0.1rem;
    height: 0.4rem;
    width: 70%; }

.arrowIcon {
  width: 1.2rem;
  margin-left: 2rem;
  margin-right: 0.3rem;
  margin-top: 0.3rem; }

.line1 {
  display: flex;
  align-items: flex-start; }

.bar-entre-bg-invert {
  background: linear-gradient(90deg, #3dbded 0.07%, #0932a1 96.93%) !important; }

.bar-entry {
  opacity: 0;
  height: 6.5rem;
  background-color: #0027B8 !important;
  position: relative; }
  .bar-entry--1 {
    width: 21.91%; }
  .bar-entry--2 {
    width: 31.48%; }
  .bar-entry--3 {
    width: 50%; }
  .bar-entry--4 {
    width: 10.6%; }
  .bar-entry--5 {
    width: 60%; }
  .bar-entry--6 {
    width: 41.4%; }
  .bar-entry--7 {
    width: 12.3%; }
  .bar-entry--8 {
    width: 5%; }
  .bar-entry--9 {
    width: 43%; }
  .bar-entry--10 {
    width: 8.6%; }
  @media only screen and (max-width: 43.7em) {
    .bar-entry {
      height: 4rem; } }
  .bar-entry__text {
    color: #ffffff;
    font-family: "bentonsansbook";
    font-size: 2.4rem;
    line-height: 3.2rem; }
    @media only screen and (max-width: 43.7em) {
      .bar-entry__text {
        font-size: 1.6rem;
        line-height: 2.6rem; } }
    .bar-entry__text--percentage {
      color: #003ee8;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 1.9rem;
      line-height: 2.3rem; }

.bar-entry--white {
  background-color: #ffffff !important; }

.bar-entry--light-blue {
  background-color: #0055FF !important; }

.bar-darker {
  background: linear-gradient(90deg, #0072ce 0%, #0a2240 100%); }

.bar-animated {
  opacity: 1;
  animation: growing_bar 1.5s ease-in-out;
  animation-delay: 0.3s; }

.bar-animated-mobile {
  opacity: 1;
  animation: growing_bar-mobile 1.5s ease-in-out;
  animation-fill-mode: forwards; }

@keyframes growing_bar {
  0% {
    opacity: 1;
    width: 0px; }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes growing_bar-mobile {
  0% {
    opacity: 1;
    width: 0px; }
  100% {
    opacity: 1;
    transform: scale(1); } }

.block-fade-right {
  animation: fade-right 1.5s ease-in-out; }

@keyframes fade-right {
  0% {
    opacity: 0;
    transform: translateX(-200px); }
  20% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.block-grow {
  animation: grow 1s ease-in-out; }

@keyframes grow {
  0% {
    opacity: 0;
    transform: scale(0); }
  20% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: scale(1); } }

.bar-entry::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  bottom: 0;
  right: 0;
  z-index: -20;
  transform: scaleX(1); }

.bar-number {
  color: #ffffff;
  font-family: "bentonsansbook";
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 400; }
  @media only screen and (max-width: 43.7em) {
    .bar-number {
      font-size: 1.6rem;
      line-height: 2.6rem; } }

.clientes-cib {
  padding-bottom: 3.1rem; }
  .clientes-cib__icon {
    height: 4rem;
    width: auto;
    margin-bottom: 3rem; }
  .clientes-cib__text {
    padding-left: 2rem;
    color: #003ee8;
    border-left: 0.6rem solid #ffb71e;
    text-transform: uppercase;
    margin-bottom: 6rem; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .clientes-cib__text {
        height: fit-content; } }
    .clientes-cib__text--number {
      font-weight: 900;
      font-size: 4rem;
      line-height: 6rem; }
    .clientes-cib__text--title {
      font-weight: 400;
      font-size: 2.1rem;
      line-height: 1.5rem; }

.unity-kwanzas {
  color: #0a2240;
  font-weight: 700;
  font-family: "bentonsansbold";
  text-transform: uppercase;
  font-size: 2.1rem;
  line-height: 1.5rem;
  margin-bottom: 3rem;
  font-weight: 400; }

.direction-right--4-1 {
  margin-left: 10.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .direction-right--4-1 {
      margin-left: 0rem;
      width: 100%;
      flex-direction: row-reverse; } }

.stores {
  display: flex; }

.store {
  width: 19.1rem;
  height: 6.4rem; }
  .store--2 {
    margin-left: 1rem;
    margin-right: 3rem; }
  @media only screen and (max-width: 43.7em) {
    .store {
      width: 15.1rem;
      height: 5.4rem; } }

.sb24 {
  display: flex;
  align-items: center; }
  .sb24__image {
    width: 11.5rem;
    height: auto;
    margin-right: 4rem;
    margin-left: -0.6rem; }
    @media only screen and (max-width: 43.7em) {
      .sb24__image {
        margin-right: 0;
        width: 68px;
        height: 127px;
        margin-top: -1rem;
        margin-bottom: -1.6rem; } }

.negative-margin-top {
  margin-top: -6rem !important; }

.section-4-2-mobile {
  display: flex;
  justify-content: space-between; }

.graphs-mobile {
  width: 70%; }
  @media only screen and (max-width: 43.7em) {
    .graphs-mobile {
      width: 100%; } }

.line-4-3 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 12rem; }

.container-tablet-4-3 {
  flex-direction: column !important;
  align-items: flex-start !important; }

.section--4 .slider {
  height: 100vh;
  min-height: 111.7rem; }

.section--4 .slide {
  min-height: 100%; }

.section--4 .section4-desktop__header-container {
  width: 100%;
  max-width: 172.8rem;
  margin-inline: auto;
  padding-inline: 9.5vw;
  box-sizing: border-box;
  padding-top: 8rem;
  box-sizing: border-box; }
  @media (min-width: 172.8rem) {
    .section--4 .section4-desktop__header-container {
      padding-inline: 16.4rem; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--4 .section4-desktop__header-container {
      max-width: none;
      padding-inline: 3.75rem; } }
  @media only screen and (max-width: 43.7em) {
    .section--4 .section4-desktop__header-container {
      max-width: none;
      padding-inline: 2rem; } }

.section--4 .header2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 3rem;
  padding-top: 0; }

.section--4 .arrows-content {
  padding-right: 0; }

.section--4-1 {
  background: #ffffff; }
  @media only screen and (min-width: 56.25em) {
    .section--4-1 {
      height: 100%;
      min-height: 100%; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--4-1 {
      min-height: auto;
      padding-top: 0; } }
  @media only screen and (max-width: 43.7em) {
    .section--4-1 {
      min-height: auto;
      padding-top: 0; } }

.section4-1-desktop {
  position: relative;
  height: 100%;
  min-height: 111.7rem;
  overflow: hidden; }
  .section4-1-desktop__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    pointer-events: none; }
  .section4-1-desktop__container {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 100%;
    padding-top: 8rem;
    padding-bottom: 8rem;
    box-sizing: border-box; }
    @media (min-width: 172.8rem) {
      .section4-1-desktop__container {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-1-desktop__container {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-1-desktop__container {
        max-width: none;
        padding-inline: 2rem; } }
  .section4-1-desktop__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4rem;
    width: 100%; }
  .section4-1-desktop__content {
    max-width: 76rem;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .section4-1-desktop .section4-1-text__title {
    margin-bottom: 0; }
  .section4-1-desktop .indicators__icon {
    margin-bottom: 0 !important;
    width: 7.5rem; }
  .section4-1-desktop .indicators__title {
    font-family: "bentonsansbook";
    color: #0a2240;
    font-size: 3.2rem !important;
    line-height: 3.8rem !important;
    font-weight: 400;
    width: auto; }
  .section4-1-desktop .indicators__line {
    width: 100%;
    height: 0.4rem;
    background-image: none !important;
    background-color: #33c7ff !important;
    border-radius: 9.9rem;
    margin-bottom: 0.7rem !important;
    margin-top: 0.5rem !important; }
  .section4-1-desktop .indicators__number {
    font-family: "bentonsansbold";
    color: #0a2240;
    font-size: 4.6rem !important;
    line-height: 5.4rem !important;
    font-weight: 700 !important; }

.section4-1-text__title {
  font-family: "bentonsansbook";
  color: #0055ff;
  font-size: 6rem;
  line-height: 6.6rem;
  margin-bottom: 2rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-1-text__title {
      font-size: 4rem;
      line-height: 4.8rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-1-text__title {
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 2rem; } }

.section4-1-text__subtitle {
  font-family: "bentonsansregular";
  color: #0a2240;
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 8.5rem;
  max-width: 92%;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-1-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-1-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 3rem;
      margin-right: 3rem; } }

.section4-1-cta {
  background-color: #33c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  margin-bottom: 0 !important;
  box-shadow: 0 2px 13.3px rgba(0, 0, 0, 0.1); }
  .section4-1-cta--long {
    display: inline-flex; }
    @media only screen and (max-width: 43.7em) {
      .section4-1-cta--long {
        display: none; } }
  .section4-1-cta--short {
    display: none; }
    @media only screen and (max-width: 43.7em) {
      .section4-1-cta--short {
        display: inline-flex; } }

.container-numbers {
  display: grid;
  grid-template-columns: auto auto;
  grid-row-gap: 6rem;
  column-gap: 4rem;
  margin-bottom: 10rem; }

@media only screen and (max-width: 43.7em) {
  .container-numbers {
    margin-bottom: 4rem;
    grid-row-gap: 3rem; } }

@media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
  .container-numbers {
    margin-bottom: 4rem;
    grid-row-gap: 3rem; } }

.section4-1-mobile {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: auto; }
  .section4-1-mobile__text {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
    padding-top: 8rem;
    padding-bottom: 4rem;
    background-color: #ffffff; }
    @media (min-width: 172.8rem) {
      .section4-1-mobile__text {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-1-mobile__text {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-1-mobile__text {
        max-width: none;
        padding-inline: 2rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-1-mobile__text {
        padding-top: 5rem;
        padding-bottom: 3rem; } }
    .section4-1-mobile__text .container-indicators-mobile {
      display: grid;
      grid-template-columns: 1fr 1.2fr;
      width: 100%;
      margin-bottom: 3rem;
      column-gap: 5rem;
      row-gap: 3rem; }
      .section4-1-mobile__text .container-indicators-mobile:last-of-type {
        margin-bottom: 0; }
  .section4-1-mobile__visual {
    position: relative;
    width: 100%; }
  .section4-1-mobile__photo-wrap {
    position: relative;
    width: 100%;
    height: 40rem;
    overflow: hidden; }
    @media only screen and (max-width: 43.7em) {
      .section4-1-mobile__photo-wrap {
        height: 32rem; } }
  .section4-1-mobile__photo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
    object-position: center; }
  .section4-1-mobile__cta {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    background-color: #ffffff;
    padding-top: 4rem;
    padding-bottom: 4rem; }
    @media (min-width: 172.8rem) {
      .section4-1-mobile__cta {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-1-mobile__cta {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-1-mobile__cta {
        max-width: none;
        padding-inline: 2rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-1-mobile__cta {
        padding-top: 3.5rem;
        padding-bottom: 4.5rem; } }

.section.section--4-1.on-tablet.on-phone .section4-1-mobile__text .container-indicators-mobile .indicators {
  width: 100% !important; }
  .section.section--4-1.on-tablet.on-phone .section4-1-mobile__text .container-indicators-mobile .indicators__icon {
    width: 5rem;
    margin-bottom: 1.2rem !important; }
  .section.section--4-1.on-tablet.on-phone .section4-1-mobile__text .container-indicators-mobile .indicators__title {
    font-family: "bentonsansbook";
    color: #0a2240;
    font-size: 2.1rem !important;
    line-height: 2.8rem !important;
    font-weight: 400;
    width: fit-content;
    margin: 0; }
  .section.section--4-1.on-tablet.on-phone .section4-1-mobile__text .container-indicators-mobile .indicators__line {
    display: block;
    width: 100% !important;
    height: 0.2rem;
    background-image: none !important;
    background-color: #33c7ff !important;
    border-radius: 9.9rem;
    margin-top: 0.8rem !important;
    margin-bottom: 0.8rem !important; }
  .section.section--4-1.on-tablet.on-phone .section4-1-mobile__text .container-indicators-mobile .indicators__number {
    font-family: "bentonsansbold";
    color: #0a2240;
    font-size: 2.1rem !important;
    line-height: 2.8rem !important;
    font-weight: 700 !important;
    margin: 0; }

.wrapper-section4-1 {
  z-index: 100000; }

div.container-indicators-mobile {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  width: 100%;
  margin-bottom: 3rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    div.container-indicators-mobile {
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  @media only screen and (max-width: 43.7em) {
    div.container-indicators-mobile {
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  div.container-indicators-mobile div.indicators {
    width: 45% !important; }
    div.container-indicators-mobile div.indicators__title {
      width: fit-content; }

.button-section4-1-color {
  color: #ffffff !important; }

.element-container-section4-1 {
  margin-top: 0 !important; }

.element-container-section4-1 img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

.section4-1-button-mobile {
  background-image: none;
  background-color: white; }

.wrapper-clear {
  padding-top: 0 !important;
  margin-top: 4.5rem;
  margin-bottom: 4.5rem; }

.section4-image-text {
  height: 80vh; }

.section4-img-text-wrapper {
  position: absolute;
  top: 0;
  height: 100vh;
  left: 0;
  display: flex;
  align-items: center; }

@media only screen and (min-width: 56.25em) {
  .section--4-2 {
    height: 100%;
    min-height: 100%; } }

@media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
  .section--4-2 {
    background-image: url(../img/FUNDO_CAP_4.2_M.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #0055ff;
    padding-top: 0;
    min-height: auto; } }

@media only screen and (max-width: 43.7em) {
  .section--4-2 {
    background-image: url(../img/FUNDO_CAP_4.2_M.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #0055ff;
    padding-top: 0;
    min-height: auto; } }

@media only screen and (min-width: 56.25em) {
  .section-4-2 {
    min-height: 100vh;
    background-color: #0055ff; } }

.section4-2-desktop {
  position: relative;
  height: 100%;
  min-height: 111.7rem;
  overflow: hidden;
  background-color: #0055ff; }
  .section4-2-desktop__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    pointer-events: none; }
  .section4-2-desktop__photo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 42%;
    width: 28%;
    object-fit: cover;
    object-position: center top;
    z-index: 1;
    pointer-events: none; }
  .section4-2-desktop__script {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;
    max-width: 45%;
    object-fit: cover;
    object-position: right center;
    z-index: 1;
    pointer-events: none; }
  .section4-2-desktop__container {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 100%;
    padding-top: 8rem;
    padding-bottom: 8rem;
    box-sizing: border-box; }
    @media (min-width: 172.8rem) {
      .section4-2-desktop__container {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-2-desktop__container {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-2-desktop__container {
        max-width: none;
        padding-inline: 2rem; } }
  .section4-2-desktop__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 4rem;
    width: 100%; }
  .section4-2-desktop__content {
    max-width: 76rem;
    width: 42%;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .section4-2-desktop__grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    column-gap: 4rem;
    row-gap: 4rem;
    width: 100%;
    margin-bottom: 4rem; }
  .section4-2-desktop .section4-2-text__title {
    color: #ffffff;
    margin-bottom: 0; }
  .section4-2-desktop .section4-2-text__text {
    color: #ffffff;
    max-width: none;
    margin-bottom: 4rem; }
  .section4-2-desktop .indicators__icon {
    width: 7.3rem;
    margin-bottom: 1.2rem !important; }
    .section4-2-desktop .indicators__icon--on-blue {
      filter: brightness(0) invert(1); }
  .section4-2-desktop .indicators__title {
    font-family: "bentonsansbook";
    color: #ffffff;
    font-size: 3.2rem !important;
    line-height: 3.8rem !important;
    font-weight: 400;
    width: auto;
    margin: 0; }
  .section4-2-desktop .indicators__line {
    width: 100%;
    height: 0.4rem;
    background-image: none !important;
    background-color: #33c7ff !important;
    border-radius: 9.9rem;
    margin-top: 0.8rem !important;
    margin-bottom: 0.8rem !important; }
  .section4-2-desktop .indicators__number {
    font-family: "bentonsansbold";
    color: #ffffff;
    font-size: 3.25rem;
    line-height: 5.4rem !important;
    font-weight: 700 !important;
    margin: 0; }
  .section4-2-desktop .indicators__value {
    font-family: "bentonsansbook";
    color: #ffffff;
    font-size: 3.2rem;
    line-height: 3.8rem;
    font-weight: 400;
    margin: 0; }

.section4-2-cta {
  background-color: #33c7ff !important;
  background-image: none !important;
  color: #ffffff !important;
  margin-bottom: 0 !important;
  box-shadow: 0 2px 13.3px rgba(0, 0, 0, 0.1); }

.section4-2-mobile {
  width: 100%;
  min-height: auto; }
  .section4-2-mobile__text {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
    padding-top: 8rem;
    padding-bottom: 6rem; }
    @media (min-width: 172.8rem) {
      .section4-2-mobile__text {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-2-mobile__text {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-2-mobile__text {
        max-width: none;
        padding-inline: 2rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-2-mobile__text {
        padding-top: 5rem;
        padding-bottom: 5rem; } }
    .section4-2-mobile__text .section4-2-text__title {
      color: #ffffff;
      margin-bottom: 2rem; }
    .section4-2-mobile__text .section4-2-text__text {
      color: #ffffff;
      max-width: none;
      margin-bottom: 3rem; }
    .section4-2-mobile__text .section4-2-cta {
      margin-top: 1rem; }
  .section4-2-mobile__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    row-gap: 3rem;
    width: 100%;
    margin-bottom: 5rem; }
    .section4-2-mobile__grid:last-of-type {
      margin-bottom: 0; }

.section.section--4-2.on-tablet.on-phone .section4-2-mobile__text .indicators {
  width: 100% !important; }
  .section.section--4-2.on-tablet.on-phone .section4-2-mobile__text .indicators__icon {
    width: 5rem;
    margin-bottom: 1.2rem !important; }
    .section.section--4-2.on-tablet.on-phone .section4-2-mobile__text .indicators__icon--on-blue {
      filter: brightness(0) invert(1); }
  .section.section--4-2.on-tablet.on-phone .section4-2-mobile__text .indicators__title {
    font-family: "bentonsansbook";
    color: #ffffff;
    font-size: 2.1rem !important;
    line-height: 2.8rem !important;
    font-weight: 400;
    width: fit-content;
    margin: 0; }
  .section.section--4-2.on-tablet.on-phone .section4-2-mobile__text .indicators__line {
    display: block;
    width: 100% !important;
    height: 0.2rem;
    background-image: none !important;
    background-color: #33c7ff !important;
    border-radius: 9.9rem;
    margin-top: 0.8rem !important;
    margin-bottom: 0.8rem !important; }
  .section.section--4-2.on-tablet.on-phone .section4-2-mobile__text .indicators__number {
    font-family: "bentonsansbold";
    color: #ffffff;
    font-size: 2.1rem !important;
    line-height: 2.8rem !important;
    font-weight: 700 !important;
    margin: 0; }
  .section.section--4-2.on-tablet.on-phone .section4-2-mobile__text .indicators__value {
    font-family: "bentonsansbook";
    color: #ffffff;
    font-size: 2.1rem !important;
    line-height: 2.8rem !important;
    font-weight: 400;
    margin: 0; }

.wrapper-4-2 {
  margin-left: 7vw;
  max-width: 86vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  align-content: flex-end;
  overflow: hidden; }

@media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
  .wrapper {
    min-height: 0 !important; } }

@media only screen and (max-width: 43.7em) {
  .wrapper {
    min-height: 0 !important; } }

.section4-2-text__number {
  font-family: "bentonsansextra_light";
  color: #b5bd00;
  font-size: 10rem;
  line-height: 10.1rem;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-2-text__number {
      font-size: 5rem;
      line-height: 6rem;
      margin-top: 3rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-2-text__number {
      font-size: 5rem;
      line-height: 6rem;
      margin-top: 3rem;
      margin-bottom: 2rem; } }

.section4-2-text__title {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 6rem;
  line-height: 6.6rem;
  margin-bottom: 5rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-2-text__title {
      font-size: 4rem;
      line-height: 4.8rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-2-text__title {
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 2rem; } }

.section4-2-text__subtitle {
  font-family: "bentonsansbold";
  color: #fff !important;
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 4rem;
  font-weight: 700; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-2-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-2-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 2rem; } }

.section4-2-text__text {
  font-family: "bentonsansbook";
  color: #fff !important;
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 5rem;
  margin-right: 10rem;
  font-weight: 400;
  max-width: 33vw; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-2-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 6rem;
      color: white !important;
      max-width: initial; } }
  @media only screen and (max-width: 43.7em) {
    .section4-2-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 4rem;
      max-width: initial;
      color: white !important; } }

.container1 {
  display: flex;
  width: 100%;
  height: 100%; }
  @media only screen and (max-width: 43.7em) {
    .container1 {
      align-items: center; } }
  .container1__left--4-2 {
    flex: 5 !important;
    align-self: flex-start; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .container1__left--4-2 {
        flex: 9; } }
  .container1__right--4-2 {
    align-self: flex-start;
    flex: 7 !important; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .container1__right--4-2 {
        flex: 3; } }

.section4-1-button {
  margin-bottom: 0 !important; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-1-button {
      margin-top: 6rem;
      margin-bottom: 6rem !important;
      margin-left: 8rem; } }

@media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
  .indicators {
    width: 45%; } }

@media only screen and (max-width: 43.7em) {
  .indicators {
    width: 50%; } }

.indicators__icon {
  margin-bottom: 1.4rem; }
  @media only screen and (max-width: 43.7em) {
    .indicators__icon {
      width: 5rem; } }

.indicators__title {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 3.2rem;
  line-height: 3.8rem;
  width: fit-content; }
  @media only screen and (max-width: 43.7em) {
    .indicators__title {
      font-size: 2.1rem;
      line-height: 2.8rem; } }

.indicators__line {
  height: 0.4rem;
  border-radius: 9.9rem;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem; }
  @media only screen and (max-width: 43.7em) {
    .indicators__line {
      height: 0.4rem;
      width: 100% !important;
      margin-bottom: 0.9rem;
      margin-top: 0.9rem; } }

.indicators__line-1 {
  width: 15.4rem; }

.indicators__line-2 {
  width: 21.8rem; }

.indicators__line-3 {
  width: 13rem; }

.indicators__line-4 {
  width: 9.4rem; }

.indicators__number {
  font-family: "bentonsansbold";
  color: #0a2240;
  font-size: 4.6rem;
  line-height: 5.4rem; }
  @media only screen and (max-width: 43.7em) {
    .indicators__number {
      font-size: 2.1rem;
      line-height: 2.8rem; } }

.wrapper-section4-1 {
  z-index: 100000; }

.container1__right--4-2 .direction-right--4-2 .bar-entry__text {
  width: fit-content; }

.container-indicators-mobile.container-indicators-mobile4-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 3rem; }
  .container-indicators-mobile.container-indicators-mobile4-2 div.indicators.indicators-mobile-section4-2 {
    width: fit-content !important; }
  .container-indicators-mobile.container-indicators-mobile4-2 .image-women {
    object-fit: contain;
    width: 100%; }

.section4-2-mobile-graphs .graph-line .bar-numbers .graph-mobile-text .bar-entry__text {
  width: fit-content; }

.section4-2-mobile-graphs .graph-line .graph-mobile-text .bar-entry__text {
  width: fit-content; }
  .section4-2-mobile-graphs .graph-line .graph-mobile-text .bar-entry__text.bar-number-2 {
    width: 106%; }

.button-section4-1-color {
  color: #b5bd00 !important; }

.element-container-section4-1 {
  margin-top: -15rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .element-container-section4-1 {
      margin-top: -30rem; } }

.element4-1 {
  width: 50%; }

.button4-1 {
  position: absolute;
  bottom: 5rem; }

.section4-1-button-mobile {
  background-image: none;
  background-color: white;
  margin-bottom: 0;
  box-shadow: 0px 2px 4px 0px #00000040; }
  .section4-1-button-mobile a.section-button__link {
    color: #0055FF; }

.wrapper-clear {
  padding-top: 0 !important; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .wrapper-clear {
      padding-top: 0 !important; } }

.gap-container {
  gap: 16rem !important; }

.indicators__title-white {
  color: #ffffff !important; }

.indicators4-2 {
  margin-bottom: 9.6rem; }

.graph-mobile-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 1rem; }

.section4-1-button-margin {
  margin-top: 4rem;
  margin-bottom: 8rem !important; }

.section4-2-button {
  background-image: none !important;
  background-color: #0932A1;
  margin-bottom: 0 !important;
  box-shadow: 0px 2px 4px 0px #00000040; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-2-button {
      margin-top: 4rem;
      margin-bottom: 6rem !important; } }

.section--4-3 {
  background-color: #ffffff; }
  @media only screen and (min-width: 56.25em) {
    .section--4-3 {
      height: 100%;
      min-height: 100%; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--4-3 {
      padding-top: 0;
      min-height: auto; } }
  @media only screen and (max-width: 43.7em) {
    .section--4-3 {
      padding-top: 0;
      min-height: auto; } }

.section4-3-desktop {
  position: relative;
  height: 100%;
  min-height: 111.7rem;
  overflow: hidden;
  background-color: #ffffff; }
  .section4-3-desktop__container {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 100%;
    padding-top: 8rem;
    padding-bottom: 8rem;
    box-sizing: border-box; }
    @media (min-width: 172.8rem) {
      .section4-3-desktop__container {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-3-desktop__container {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-3-desktop__container {
        max-width: none;
        padding-inline: 2rem; } }
  .section4-3-desktop__content {
    width: 100%;
    max-width: 86%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8rem; }
  .section4-3-desktop .section4-3-text__title {
    color: #0055ff;
    margin-bottom: 5rem;
    max-width: 100%; }
  .section4-3-desktop .section4-3-stats {
    width: 100%;
    margin-bottom: 5rem; }
    .section4-3-desktop .section4-3-stats__text {
      font-size: 3.2rem;
      line-height: 3.8rem; }
    .section4-3-desktop .section4-3-stats__line {
      height: 0.4rem;
      margin-top: 2rem;
      margin-bottom: 2rem; }
  .section4-3-desktop .section4-3-cta {
    margin-top: 0; }

.section4-3-mobile {
  position: relative;
  width: 100%;
  min-height: auto;
  background-color: #ffffff;
  overflow: hidden; }
  .section4-3-mobile__decor {
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    max-width: 24rem;
    height: auto;
    object-fit: contain;
    object-position: top right;
    z-index: 0;
    pointer-events: none; }
  .section4-3-mobile__text {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    padding-top: 8rem;
    padding-bottom: 6rem; }
    @media (min-width: 172.8rem) {
      .section4-3-mobile__text {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-3-mobile__text {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-3-mobile__text {
        max-width: none;
        padding-inline: 2rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-3-mobile__text {
        padding-top: 5rem;
        padding-bottom: 5rem; } }
    .section4-3-mobile__text .section4-3-text__title {
      color: #0055ff;
      margin-bottom: 2rem; }
    .section4-3-mobile__text .section4-3-text__text {
      color: #0a2240;
      width: 100%;
      max-width: none;
      margin-bottom: 4rem; }
    .section4-3-mobile__text .section4-3-stats {
      margin-bottom: 6rem; }
    .section4-3-mobile__text .section4-3-cta {
      margin-top: 1rem; }

.section4-3-text__title {
  font-family: "bentonsansbook";
  font-size: 6rem;
  line-height: 6.6rem;
  margin-bottom: 2rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-3-text__title {
      font-size: 4rem;
      line-height: 4.8rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-3-text__title {
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 2rem; } }

.section4-3-text__text {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 5rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-3-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 3rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-3-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 3rem; } }

.section4-3-text__subtitle {
  font-family: "bentonsansbold";
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 5rem;
  font-weight: 700; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-3-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 3rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-3-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 1.2rem; } }

.section.section--4-3 .section4-3-text__title {
  color: #0055ff;
  margin-bottom: 2rem; }

.section.section--4-3 .section4-3-text__text {
  color: #0a2240;
  text-wrap: pretty; }

.section.section--4-3 .section4-3-stats__text,
.section.section--4-3 .section4-3-stats__text strong {
  color: #0a2240; }

.section4-3-stats {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  .section4-3-stats__item {
    margin: 0;
    padding: 0; }
    .section4-3-stats__item--last .section4-3-stats__line {
      display: none; }
  .section4-3-stats__text {
    font-family: "bentonsansbook";
    color: #0a2240;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 400;
    margin: 0; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-3-stats__text {
        font-size: 2.1rem;
        line-height: 2.6rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-3-stats__text {
        font-size: 2.1rem;
        line-height: 2.6rem; } }
    .section4-3-stats__text strong {
      font-family: "bentonsansbold";
      font-weight: 700;
      color: #0a2240; }
  .section4-3-stats__line {
    width: 100%;
    height: 0.4rem;
    background-color: #0055ff;
    border-radius: 9.9rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-3-stats__line {
        height: 0.2rem;
        margin-top: 1.2rem;
        margin-bottom: 1.2rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-3-stats__line {
        height: 0.2rem;
        margin-top: 1.4rem;
        margin-bottom: 1.4rem; } }

.section4-3-cta.section-button, .section4-3-cta.section-button:link, .section4-3-cta.section-button:visited {
  background-color: #33c7ff;
  background-image: none;
  color: #ffffff;
  margin-bottom: 0;
  box-shadow: 0 2px 13.3px rgba(0, 0, 0, 0.1); }

.section--4-4 {
  background-color: #ffffff; }
  @media only screen and (min-width: 56.25em) {
    .section--4-4 {
      height: 100%;
      min-height: 100%; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--4-4 {
      padding-top: 0;
      min-height: auto; } }
  @media only screen and (max-width: 43.7em) {
    .section--4-4 {
      padding-top: 0;
      min-height: auto; } }

.section4-4-desktop {
  position: relative;
  height: 100%;
  min-height: 111.7rem;
  overflow: hidden; }
  .section4-4-desktop__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    pointer-events: none; }
    .section4-4-desktop__bg--white {
      left: 0;
      width: 50%;
      background-color: #ffffff; }
    .section4-4-desktop__bg--blue {
      right: 0;
      width: 50%;
      background-color: #0055ff; }
  .section4-4-desktop__container {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: stretch;
    height: 100%;
    min-height: 100%;
    padding-top: 8rem;
    padding-bottom: 8rem;
    box-sizing: border-box; }
    @media (min-width: 172.8rem) {
      .section4-4-desktop__container {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-4-desktop__container {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-4-desktop__container {
        max-width: none;
        padding-inline: 2rem; } }
  .section4-4-desktop__layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
    align-items: stretch;
    width: 100%;
    height: 100%;
    min-height: 100%; }
  .section4-4-desktop__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%; }
  .section4-4-desktop__stats {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .section4-4-desktop__decor {
    position: absolute;
    bottom: -80px;
    left: -148px;
    width: 133%;
    z-index: 0;
    pointer-events: none; }
  .section4-4-desktop__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 4rem;
    row-gap: 4rem;
    width: 100%; }
  .section4-4-desktop .section4-4-text__title {
    color: #0055ff;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1; }
  .section4-4-desktop .section4-4-text__subtitle {
    color: #0a2240;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1; }
  .section4-4-desktop .section4-4-text__text {
    color: #0a2240;
    margin-bottom: 22rem;
    max-width: 49rem;
    position: relative;
    z-index: 1; }
  .section4-4-desktop .section4-4-cta {
    position: relative;
    z-index: 1; }
  .section4-4-desktop .indicators__icon {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.2rem; }
  .section4-4-desktop .indicators__title {
    font-family: "bentonsansbook";
    color: #ffffff;
    font-size: 3.2rem;
    line-height: 3.8rem;
    font-weight: 400;
    margin: 0; }
  .section4-4-desktop .indicators__line {
    width: 100%;
    height: 0.4rem;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 9.9rem;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem; }
  .section4-4-desktop .indicators__number {
    font-family: "bentonsansbold";
    color: #ffffff;
    font-size: 4.6rem;
    line-height: 5.4rem;
    font-weight: 700;
    margin: 0; }

.section4-4-mobile {
  width: 100%;
  min-height: auto;
  background-color: #ffffff; }
  .section4-4-mobile__text {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    padding-top: 8rem;
    padding-bottom: 6rem; }
    @media (min-width: 172.8rem) {
      .section4-4-mobile__text {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-4-mobile__text {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-4-mobile__text {
        max-width: none;
        padding-inline: 2rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-4-mobile__text {
        padding-top: 5rem;
        padding-bottom: 5rem; } }
    .section4-4-mobile__text .section4-4-text__title {
      color: #0055ff;
      margin-bottom: 2rem; }
    .section4-4-mobile__text .section4-4-text__subtitle {
      color: #0a2240;
      margin-bottom: 2rem; }
    .section4-4-mobile__text .section4-4-text__text {
      color: #0a2240;
      margin-bottom: 3rem; }
    .section4-4-mobile__text .section4-4-cta {
      margin-top: 1rem; }
  .section4-4-mobile__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
    row-gap: 3rem;
    width: 100%;
    margin-bottom: 3rem; }

.section4-4-text__title {
  font-family: "bentonsansbook";
  font-size: 6rem;
  line-height: 6.6rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-4-text__title {
      font-size: 4rem;
      line-height: 4.8rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-4-text__title {
      font-size: 3rem;
      line-height: 3.8rem; } }

.section4-4-text__subtitle {
  font-family: "bentonsansbold";
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-4-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-4-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem; } }

.section4-4-text__text {
  font-family: "bentonsansbook";
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 400;
  text-wrap: pretty; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-4-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-4-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem; } }

.section4-4-cta.section-button, .section4-4-cta.section-button:link, .section4-4-cta.section-button:visited {
  background-color: #33c7ff;
  background-image: none;
  color: #ffffff;
  margin-bottom: 0;
  box-shadow: 0 2px 13.3px rgba(0, 0, 0, 0.1); }

.section.section--4-4 .section4-4-desktop__stats .indicators__title,
.section.section--4-4 .section4-4-desktop__stats .indicators__number {
  color: #ffffff; }

.section.section--4-4.on-tablet.on-phone .section4-4-mobile__grid .indicators {
  width: 100%; }
  .section.section--4-4.on-tablet.on-phone .section4-4-mobile__grid .indicators__icon {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.2rem;
    filter: brightness(0) saturate(100%) invert(28%) sepia(98%) saturate(5000%) hue-rotate(211deg) brightness(101%) contrast(101%); }
  .section.section--4-4.on-tablet.on-phone .section4-4-mobile__grid .indicators__title {
    font-family: "bentonsansbook";
    color: #0055ff;
    font-size: 2.1rem;
    line-height: 2.8rem;
    font-weight: 400;
    margin: 0; }
  .section.section--4-4.on-tablet.on-phone .section4-4-mobile__grid .indicators__line {
    display: block;
    width: 100%;
    height: 0.2rem;
    background-image: none;
    background-color: #0055ff;
    border-radius: 9.9rem;
    margin-top: 0.8rem;
    margin-bottom: 0.8rem; }
  .section.section--4-4.on-tablet.on-phone .section4-4-mobile__grid .indicators__number {
    font-family: "bentonsansbold";
    color: #0055ff;
    font-size: 2.1rem;
    line-height: 2.8rem;
    font-weight: 700;
    margin: 0; }

.section--4-5 {
  background-color: #0055ff; }
  @media only screen and (min-width: 56.25em) {
    .section--4-5 {
      height: 100%;
      min-height: 100%; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--4-5 {
      padding-top: 0;
      min-height: auto; } }
  @media only screen and (max-width: 43.7em) {
    .section--4-5 {
      padding-top: 0;
      min-height: auto; } }

.section4-5-desktop {
  position: relative;
  height: 100%;
  min-height: 111.7rem;
  overflow: hidden;
  background-color: #0055ff; }
  .section4-5-desktop__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    pointer-events: none; }
  .section4-5-desktop__container {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 100%;
    padding-top: 8rem;
    padding-bottom: 8rem;
    box-sizing: border-box; }
    @media (min-width: 172.8rem) {
      .section4-5-desktop__container {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-5-desktop__container {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-5-desktop__container {
        max-width: none;
        padding-inline: 2rem; } }
  .section4-5-desktop__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 68%;
    max-width: 110rem;
    margin-bottom: 4rem; }
  .section4-5-desktop__body {
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    column-gap: 11rem;
    align-items: start;
    width: 68%;
    max-width: 110rem; }
  .section4-5-desktop__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .section4-5-desktop__highlights {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .section4-5-desktop__line {
    width: 100%;
    height: 0.4rem;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 9.9rem;
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .section4-5-desktop .section4-5-text__title {
    color: #ffffff;
    margin-bottom: 0; }
  .section4-5-desktop .section4-5-text__lead {
    color: #ffffff;
    margin-bottom: 2rem; }
  .section4-5-desktop .section4-5-text__text {
    color: #ffffff;
    margin-bottom: 4rem;
    max-width: 49rem; }
  .section4-5-desktop .section4-5-text__highlight {
    color: #ffffff;
    margin: 0; }
  .section4-5-desktop .section4-5-cta {
    margin-top: 0; }

.section4-5-mobile {
  width: 100%;
  min-height: auto;
  background-color: #0055ff; }
  .section4-5-mobile__intro, .section4-5-mobile__details {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box; }
    @media (min-width: 172.8rem) {
      .section4-5-mobile__intro, .section4-5-mobile__details {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section4-5-mobile__intro, .section4-5-mobile__details {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section4-5-mobile__intro, .section4-5-mobile__details {
        max-width: none;
        padding-inline: 2rem; } }
  .section4-5-mobile__intro {
    padding-top: 8rem;
    padding-bottom: 4rem; }
    @media only screen and (max-width: 43.7em) {
      .section4-5-mobile__intro {
        padding-top: 5rem;
        padding-bottom: 3rem; } }
    .section4-5-mobile__intro .section4-5-text__title {
      color: #ffffff;
      margin-bottom: 2rem; }
    .section4-5-mobile__intro .section4-5-text__lead {
      color: #ffffff;
      margin-bottom: 2rem; }
    .section4-5-mobile__intro .section4-5-text__text {
      color: #ffffff;
      margin-bottom: 0; }
  .section4-5-mobile__photo {
    display: block;
    width: 100%;
    height: auto;
    min-height: 24rem;
    max-height: 40rem;
    object-fit: cover;
    object-position: center top; }
  .section4-5-mobile__details {
    padding-top: 4rem;
    padding-bottom: 6rem; }
    @media only screen and (max-width: 43.7em) {
      .section4-5-mobile__details {
        padding-top: 3rem;
        padding-bottom: 5rem; } }
    .section4-5-mobile__details .section4-5-text__highlight {
      color: #ffffff;
      margin: 0; }
    .section4-5-mobile__details .section4-5-cta {
      position: relative;
      top: 2.5rem;
      margin-top: 3rem; }
  .section4-5-mobile__line {
    width: 100%;
    height: 0.2rem;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 9.9rem;
    margin-top: 2rem;
    margin-bottom: 2rem; }

.section4-5-text__title {
  font-family: "bentonsansbook";
  font-size: 6rem;
  line-height: 6.6rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-5-text__title {
      font-size: 4rem;
      line-height: 4.8rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-5-text__title {
      font-size: 3rem;
      line-height: 3.8rem; } }

.section4-5-text__lead {
  font-family: "bentonsansbold";
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-5-text__lead {
      font-size: 1.6rem;
      line-height: 2.6rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-5-text__lead {
      font-size: 1.6rem;
      line-height: 2.6rem; } }

.section4-5-text__text {
  font-family: "bentonsansbook";
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 400;
  text-wrap: pretty; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-5-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-5-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem; } }

.section4-5-text__highlight {
  font-family: "bentonsansbook";
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 400;
  text-wrap: pretty; }
  .section4-5-text__highlight strong {
    font-family: "bentonsansbold";
    font-weight: 700; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section4-5-text__highlight {
      font-size: 1.6rem;
      line-height: 2.6rem; } }
  @media only screen and (max-width: 43.7em) {
    .section4-5-text__highlight {
      font-size: 21px;
      line-height: 2.6rem; } }

.section4-5-cta.section-button, .section4-5-cta.section-button:link, .section4-5-cta.section-button:visited {
  background-color: #33c7ff;
  background-image: none;
  color: #ffffff;
  margin-bottom: 0;
  box-shadow: 0 2px 13.3px rgba(0, 0, 0, 0.1); }

.section--5 {
  background-color: #0055ff; }
  @media only screen and (min-width: 56.25em) {
    .section--5 {
      min-height: 100vh; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--5 {
      padding-top: 0;
      min-height: auto; } }
  @media only screen and (max-width: 43.7em) {
    .section--5 {
      padding-top: 0;
      min-height: auto; } }

.section5-desktop {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background-color: #0055ff; }
  .section5-desktop__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    z-index: 0;
    pointer-events: none; }
  .section5-desktop__container {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    padding-top: 8rem;
    padding-bottom: 8rem;
    box-sizing: border-box; }
    @media (min-width: 172.8rem) {
      .section5-desktop__container {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section5-desktop__container {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section5-desktop__container {
        max-width: none;
        padding-inline: 2rem; } }
  .section5-desktop__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 5rem; }
  .section5-desktop__content {
    width: 100%; }
  .section5-desktop__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    width: 100%;
    margin-bottom: 4rem; }
  .section5-desktop__card {
    display: flex;
    align-items: center;
    min-height: 13rem;
    padding: 3rem;
    background-color: #003ee8;
    border-radius: 1rem; }
    .section5-desktop__card--wide {
      grid-column: 1 / -1; }
  .section5-desktop .section5-text__title {
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 4rem; }
  .section5-desktop .section5-text__subtitle {
    color: #ffffff;
    margin-bottom: 6.5rem; }
  .section5-desktop .section5-cta {
    margin-top: 0; }

.section5-mobile {
  position: relative;
  width: 100%;
  min-height: auto;
  background-color: #0055ff;
  background-image: url(../img/section5-background-phone.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain; }
  .section5-mobile__text {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    padding-top: 8rem;
    padding-bottom: 6rem; }
    @media (min-width: 172.8rem) {
      .section5-mobile__text {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section5-mobile__text {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section5-mobile__text {
        max-width: none;
        padding-inline: 2rem; } }
    @media only screen and (max-width: 43.7em) {
      .section5-mobile__text {
        padding-top: 5rem;
        padding-bottom: 5rem; } }
    .section5-mobile__text .section5-text__title {
      color: #ffffff;
      margin-bottom: 2rem; }
    .section5-mobile__text .section5-text__subtitle {
      color: #ffffff;
      margin-bottom: 3rem; }
    .section5-mobile__text .section5-cta {
      margin-top: 1rem; }
  .section5-mobile__cards {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-bottom: 4rem; }
  .section5-mobile__card {
    display: flex;
    align-items: center;
    padding: 1.6rem;
    background-color: #003ee8;
    border-radius: 1rem; }

.section5-text__title {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 6rem;
  line-height: 6.6rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section5-text__title {
      font-size: 3rem;
      line-height: 3.8rem; } }
  @media only screen and (max-width: 43.7em) {
    .section5-text__title {
      font-size: 3rem;
      line-height: 3.8rem; } }

.section5-text__subtitle {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 400; }
  .section5-text__subtitle strong {
    font-family: "bentonsansbold";
    font-weight: 700; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section5-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem; } }
  @media only screen and (max-width: 43.7em) {
    .section5-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem; } }

.section5-card__text {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 400;
  margin: 0; }
  .section5-card__text strong {
    font-family: "bentonsansbold";
    font-weight: 700; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section5-card__text {
      font-size: 1.6rem;
      line-height: 2.4rem; } }
  @media only screen and (max-width: 43.7em) {
    .section5-card__text {
      font-size: 1.6rem;
      line-height: 2.4rem; } }

.section5-cta.section-button, .section5-cta.section-button:link, .section5-cta.section-button:visited {
  background-color: #33c7ff;
  background-image: none;
  color: #ffffff;
  margin-bottom: 0;
  box-shadow: 0 2px 13.3px rgba(0, 0, 0, 0.1); }

.section--6 {
  background-color: #003ee8; }
  @media only screen and (min-width: 56.25em) {
    .section--6 {
      min-height: 100vh; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section--6 {
      padding-top: 0;
      min-height: auto; } }
  @media only screen and (max-width: 43.7em) {
    .section--6 {
      padding-top: 0;
      min-height: auto; } }

.section6-desktop {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background-color: #003ee8; }
  .section6-desktop__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    pointer-events: none; }
  .section6-desktop__container {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    padding-top: 8rem;
    padding-bottom: 8rem;
    box-sizing: border-box; }
    @media (min-width: 172.8rem) {
      .section6-desktop__container {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section6-desktop__container {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section6-desktop__container {
        max-width: none;
        padding-inline: 2rem; } }
  .section6-desktop__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 8rem; }
  .section6-desktop__content {
    width: 50%;
    max-width: 72rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
  .section6-desktop .section6-text__title {
    color: #ffffff;
    margin-bottom: 0; }
  .section6-desktop .section6-stat {
    margin-bottom: 4rem; }
    .section6-desktop .section6-stat:last-of-type {
      margin-bottom: 10rem; }
  .section6-desktop .section6-cta {
    margin-top: 0; }

.section6-mobile {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #003ee8; }
  .section6-mobile__content {
    width: 100%;
    max-width: 172.8rem;
    margin-inline: auto;
    padding-inline: 9.5vw;
    box-sizing: border-box;
    flex: 1;
    padding-top: 8rem;
    padding-bottom: 4rem;
    z-index: 2; }
    @media (min-width: 172.8rem) {
      .section6-mobile__content {
        padding-inline: 16.4rem; } }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section6-mobile__content {
        max-width: none;
        padding-inline: 3.75rem; } }
    @media only screen and (max-width: 43.7em) {
      .section6-mobile__content {
        max-width: none;
        padding-inline: 2rem; } }
    @media only screen and (max-width: 43.7em) {
      .section6-mobile__content {
        padding-top: 5rem;
        padding-bottom: 3rem; } }
    .section6-mobile__content .section6-text__title {
      color: #ffffff;
      margin-bottom: 3rem; }
    .section6-mobile__content .section6-stat {
      margin-bottom: 3rem; }
      .section6-mobile__content .section6-stat:last-of-type {
        margin-bottom: 8rem; }
    .section6-mobile__content .section6-cta {
      margin-top: 0; }
  .section6-mobile__photo {
    display: block;
    width: 100%;
    flex: 1;
    min-height: 28rem;
    object-fit: cover;
    margin-top: -27rem;
    object-position: center top; }

.section6-text__title {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 6rem;
  line-height: 6.6rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section6-text__title {
      font-size: 3rem;
      line-height: 3.8rem; } }
  @media only screen and (max-width: 43.7em) {
    .section6-text__title {
      font-size: 3rem;
      line-height: 3.8rem; } }

.section6-stat {
  width: 100%; }
  .section6-stat__label {
    font-family: "bentonsansbook";
    color: #ffffff;
    font-size: 3.2rem;
    line-height: 3.2rem;
    font-weight: 400;
    margin: 0; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section6-stat__label {
        font-size: 2.1rem;
        line-height: 2.8rem; } }
    @media only screen and (max-width: 43.7em) {
      .section6-stat__label {
        font-size: 2.1rem;
        line-height: 2.8rem; } }
  .section6-stat__line {
    width: 100%;
    max-width: 20rem;
    height: 0.4rem;
    background-color: #33c7ff;
    border-radius: 9.9rem;
    margin-top: 1.3rem;
    margin-bottom: 2rem; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section6-stat__line {
        max-width: none;
        margin-top: 0.9rem;
        margin-bottom: 1.4rem; } }
    @media only screen and (max-width: 43.7em) {
      .section6-stat__line {
        max-width: none;
        margin-top: 0.9rem;
        margin-bottom: 1.4rem; } }
  .section6-stat__value {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 1.8rem 2rem;
    background-color: rgba(255, 255, 255, 0.13);
    border-radius: 1rem;
    font-family: "bentonsansbold";
    color: #ffffff;
    font-size: 3.2rem;
    line-height: 3.2rem;
    font-weight: 700;
    margin: 0; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .section6-stat__value {
        padding: 1.1rem 1.3rem;
        font-size: 1.8rem;
        line-height: 2.8rem; } }
    @media only screen and (max-width: 43.7em) {
      .section6-stat__value {
        padding: 1.1rem 1.3rem;
        font-size: 1.8rem;
        line-height: 2.8rem; } }

.section6-cta.section-button, .section6-cta.section-button:link, .section6-cta.section-button:visited {
  background-color: #33c7ff;
  background-image: none;
  color: #ffffff;
  margin-bottom: 0;
  box-shadow: 0 2px 13.3px rgba(0, 0, 0, 0.1); }

.section-8 {
  background-position: bottom !important;
  height: 100vh;
  background-image: url(../img/FUNDO_CAP8.jpg);
  background-color: #0055FF;
  background-size: auto;
  background-repeat: no-repeat; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section-8 {
      min-height: none !important;
      background-image: url(../img/FUNDO_CAP8.jgp);
      padding-top: 0; } }
  @media only screen and (max-width: 43.7em) {
    .section-8 {
      min-height: none !important;
      background-image: url(../img/cap_final_mobile.jgp) !important;
      padding-top: 0; } }
  .section-8 .gap-container {
    margin-top: 3rem; }

.section-8-mobile {
  background-position: 26.6% 100%;
  background-image: url(../img/cap_final_mobile.jpg);
  background-size: cover;
  background-repeat: no-repeat; }

.section8-text__number {
  font-family: "bentonsansextra_light";
  color: #ffffff;
  font-size: 10rem;
  line-height: 10.1rem;
  margin-bottom: 2rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section8-text__number {
      font-size: 5rem;
      line-height: 6rem;
      margin-top: 3rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section8-text__number {
      font-size: 5rem;
      line-height: 6rem;
      margin-top: 3rem;
      margin-bottom: 2rem; } }

.section8-text__title {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 6rem;
  line-height: 6.6rem;
  margin-bottom: 2rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section8-text__title {
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section8-text__title {
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 2rem; } }

.section8-text__subtitle {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 2rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section8-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section8-text__subtitle {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 1.2rem; } }

.section8-text__text {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin-bottom: 90px; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section8-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 2rem; } }
  @media only screen and (max-width: 43.7em) {
    .section8-text__text {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 2rem; } }

.container8 {
  display: flex;
  width: 100%;
  height: 100%; }
  @media only screen and (max-width: 43.7em) {
    .container8 {
      align-items: center; } }
  .container8__left--8 {
    flex: 4;
    align-self: flex-start; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .container8__left--8 {
        flex: 9; } }
  .container8__right--8 {
    align-self: flex-start;
    justify-self: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-direction: column;
    flex: 7; }
    @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
      .container8__right--8 {
        flex: 3; } }

.button-sec8--downloads {
  width: 100% !important;
  min-height: 6.5rem;
  vertical-align: baseline; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .button-sec8--downloads {
      min-height: 6rem; } }
  @media only screen and (max-width: 43.7em) {
    .button-sec8--downloads {
      min-height: 6rem; } }

.button8, .button8:link, .button8:visited, .button8:focus {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  border-radius: 7px;
  border: 1px solid #0055FF;
  padding: 0 0.75em;
  padding-right: 1.5em;
  font-size: 2rem;
  font-family: 'bentonsansregular';
  cursor: pointer;
  width: 30rem;
  min-height: 3.9em;
  margin-bottom: 20px; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .button8, .button8:link, .button8:visited, .button8:focus {
      font-size: 1.6rem;
      padding-right: 1.25em;
      min-height: 3.4375em;
      margin-bottom: 34px; } }
  @media only screen and (max-width: 43.7em) {
    .button8, .button8:link, .button8:visited, .button8:focus {
      font-size: 1.6rem;
      margin-bottom: 34px; } }

.button8:hover::before {
  content: none; }

.button8__navbar-1 {
  color: #0a2240 !important;
  border: 1px solid #0055FF !important; }

.button8__navbar-1:hover {
  color: #ffffff !important;
  background-color: #0055FF !important; }

.button8__1::before {
  background: #fff border-box; }

.button8__1:hover, .button8__2:hover, .button8__3:hover, .button8__4:hover, .button8__5:hover, .button8__6:hover, .button8__7:hover {
  background-color: #061773;
  color: white;
  border: 0 !important; }

.button8:hover {
  color: white !important; }
  @media only screen and (max-width: 43.7em) {
    .button8:hover {
      color: white !important; } }

.container8-footer-pdfs .button8 {
  color: #fff;
  border: 1.5px solid #fff;
  background-color: #0045FA; }
  .container8-footer-pdfs .button8:hover {
    background-color: #061773 !important; }

.section8-footer {
  width: 84vw;
  display: flex;
  flex-direction: column; }

.section8-logo {
  height: 14rem; }

.text-white {
  color: #ffffff !important; }

.download-icon {
  width: 2.6rem; }

.margin-footer {
  margin-top: 3rem; }

.wrapper8 {
  margin-right: auto;
  margin-left: auto;
  max-width: 86vw;
  height: 93%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .wrapper8 {
      justify-content: flex-start;
      margin-top: 8rem; } }
  @media only screen and (max-width: 43.7em) {
    .wrapper8 {
      justify-content: flex-start; } }

.margin-bottom2 {
  margin-bottom: 2rem !important; }

.footer-text {
  font-family: "bentonsansbook";
  color: #ffffff;
  font-size: 1.6rem;
  margin-top: 1rem;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .footer-text {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 3rem; } }
  @media only screen and (max-width: 43.7em) {
    .footer-text {
      font-size: 1.6rem;
      line-height: 2.6rem;
      margin-bottom: 3rem; } }

.section-badges {
  display: flex;
  overflow: hidden;
  min-height: auto !important;
  height: auto;
  width: 100%;
  background-color: #ffffff; }
  .section-badges__content {
    width: 86%;
    margin: 0 auto;
    padding-right: 20px;
    margin-top: 8rem; }
    @media only screen and (max-width: 43.7em) {
      .section-badges__content {
        padding-left: 0;
        padding-right: 0; } }

.badges-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  gap: 2rem;
  margin-bottom: 8rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .badges-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem; } }
  @media only screen and (max-width: 43.7em) {
    .badges-container {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 4rem; } }
  .badges-container .badge-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    .badges-container .badge-group .badges-logo {
      width: 170px;
      height: 65px;
      object-fit: contain; }
      @media only screen and (max-width: 43.7em) {
        .badges-container .badge-group .badges-logo {
          width: 120px;
          height: 55px; } }
    .badges-container .badge-group .badge-divisor {
      height: 0.2rem;
      width: 25%;
      background-color: #0072ce;
      border-radius: 9.9rem;
      margin: 2rem 2rem; }
    .badges-container .badge-group .badge-divisor-svg {
      margin: 1rem 0; }
    .badges-container .badge-group .badge {
      width: 160px;
      margin-bottom: 4rem; }
      @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
        .badges-container .badge-group .badge {
          width: 120px; } }
      @media only screen and (max-width: 43.7em) {
        .badges-container .badge-group .badge {
          width: 120px; } }
    .badges-container .badge-group .badge-title {
      font-family: "bentonsansbold";
      color: #0a2240;
      font-size: 2.4rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 43.7em) {
        .badges-container .badge-group .badge-title {
          font-size: 1.3rem;
          line-height: 1.8rem; } }
    .badges-container .badge-group .badge-subtitle {
      font-family: "bentonsansbook";
      color: #0a2240;
      font-size: 2.4rem;
      line-height: 3.2rem; }
      @media only screen and (max-width: 43.7em) {
        .badges-container .badge-group .badge-subtitle {
          font-size: 1.3rem;
          line-height: 1.8rem; } }

.badges-container--phone {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 4rem;
  gap: 4rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .badges-container--phone {
      margin-top: 6rem; } }

.badges_images {
  width: 100%;
  object-fit: contain; }
  @media only screen and (max-width: 43.7em) {
    .badges_images {
      width: 16rem; } }
  @media only screen and (max-width: 375px) {
    .badges_images {
      width: 12rem; } }
  @media only screen and (max-width: 320px) {
    .badges_images {
      width: 10rem; } }

.badge-line {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem; }

.section-badges-text__number {
  font-family: "bentonsansbook";
  color: #0a2240;
  font-size: 6rem;
  line-height: 6.6rem;
  margin-bottom: 5.2rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .section-badges-text__number {
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 3rem; } }
  @media only screen and (max-width: 43.7em) {
    .section-badges-text__number {
      font-size: 3rem;
      line-height: 3.8rem;
      margin-bottom: 3rem;
      margin-top: 7rem; } }

.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
  margin-top: 10rem;
  margin-right: 10rem; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .flex-wrapper {
      margin-top: 0rem;
      margin-right: 0rem;
      margin-bottom: 6rem;
      gap: 6rem; } }

.single-chart {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .single-chart {
      width: 30%; } }
  @media only screen and (max-width: 43.7em) {
    .single-chart {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: row;
      gap: 2.3rem; } }

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 75%;
  max-height: 250px; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .circular-chart {
      max-width: 100%; } }
  @media only screen and (max-width: 43.7em) {
    .circular-chart {
      width: 38.5%;
      margin: 0; } }

.circle-bg {
  fill: none;
  stroke: #1A3E78;
  stroke-width: 7.3;
  opacity: 0.3; }

.circle {
  fill: none;
  stroke-width: 7.3; }

@keyframes progress {
  0% {
    stroke-dasharray: 0 100; } }

.circular-chart.blue .circle {
  animation: progress 2s ease-out forwards; }

.percentage {
  fill: #ffffff;
  font-family: "bentonsansbold";
  font-size: 0.6em;
  text-anchor: middle;
  font-weight: 400; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .percentage {
      font-size: 1.2em; } }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .percentage {
      width: 30%;
      font-size: 0.8em; } }

.percentage-arrow {
  fill: #c0b800; }

.graph-icon {
  width: auto;
  height: 4rem;
  margin-bottom: 1rem; }

.graph-title {
  text-align: center;
  margin-top: 1rem;
  color: #ffffff;
  font-family: "bentonsansbook";
  font-size: 3.2rem;
  line-height: 3.8rem;
  font-weight: 400; }
  @media only screen and (min-width: 43.7em) and (max-width: 56.25em) {
    .graph-title {
      font-size: 2rem;
      line-height: 3rem; } }
  .graph-title--italic {
    font-style: italic; }

.graficos-numeros {
  width: 100%;
  display: flex;
  flex-direction: column; }
  .graficos-numeros__percentagem {
    color: #33c7ff;
    font-family: "bentonsansbold";
    font-size: 3.8rem;
    line-height: 4rem; }
  .graficos-numeros__legenda {
    width: 100%;
    color: #ffffff;
    font-family: "bentonsansbook";
    font-size: 2.1rem !important;
    line-height: 2.8rem; }
    @media only screen and (max-width: 43.7em) {
      .graficos-numeros__legenda {
        font-weight: 400; } }