/*
  This file is a ported version from node_modules
  The intention behind is to remove css loader from nextjs
  So we can use next-optimized-images
*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

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

html {
  font-size: 62.5%; }

body {
  box-sizing: border-box; }

#__next {
  display: flex;
  flex-direction: column; }

html,
body,
#__next {
  height: 100%; }

a,
a:visited {
  background-color: transparent;
  text-decoration: none; }

img {
  border-style: none; }

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  margin: 0; }

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0; }

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText; }

textarea {
  overflow: auto; }

[hidden] {
  display: none; }

ul {
  list-style: none;
  margin: 0; }

.grecaptcha-badge {
  z-index: 100; }

body {
  font-family: Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.institutional {
  padding-top: 8.2rem; }

.error-page {
  text-align: center;
  color: #444444;
  padding: 3rem 0; }
  .error-page__header {
    background-color: #f8f8f8;
    padding: 1rem;
    text-align: center;
    width: 100%; }
    .error-page__header a {
      display: block;
      text-align: center; }
    .error-page__header img {
      width: 20rem; }
  .error-page__title {
    font-size: 3rem;
    margin-bottom: 1rem; }
  .error-page__text {
    font-size: 1.6rem;
    margin: 0 auto;
    margin-bottom: 1rem;
    max-width: 90%; }
    .error-page__text a {
      color: #0a4c89;
      font-weight: bold; }
      .error-page__text a:hover {
        text-decoration: underline; }

@keyframes blink {
  from {
    opacity: 1; }
  to {
    opacity: 0.1; } }

.cart-sharing {
  background-image: linear-gradient(330deg, #2b7dba, #184c89);
  color: #fff;
  height: 100%;
  overflow: auto;
  position: relative; }
  @media screen and (min-width: 1024px) {
    .cart-sharing {
      background-image: none;
      color: #0a4c89;
      display: flex; } }
  .cart-sharing__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5rem 4rem;
    position: absolute;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .cart-sharing__content {
        height: 100%;
        margin-left: auto;
        margin-right: 10rem;
        padding: 0;
        right: 40%;
        width: 35rem; } }
  .cart-sharing__cta {
    margin-bottom: 1rem; }
    .cart-sharing__cta h2 {
      font-size: 1.8rem;
      font-weight: bold; }
      @media screen and (min-width: 1024px) {
        .cart-sharing__cta h2 {
          font-size: 2rem;
          margin-bottom: 1rem; } }
    .cart-sharing__cta p {
      font-size: 1.2rem; }
      @media screen and (min-width: 1024px) {
        .cart-sharing__cta p {
          font-size: 1.6rem; } }
  .cart-sharing__showcase {
    font-size: 2.8rem;
    margin-bottom: 5rem; }
    @media screen and (min-width: 1024px) {
      .cart-sharing__showcase {
        font-size: 3.2rem; } }
    .cart-sharing__showcase span {
      color: #14aae2; }
  .cart-sharing__greetings {
    font-size: 3.2rem;
    font-weight: bold; }
    @media screen and (min-width: 1024px) {
      .cart-sharing__greetings {
        margin-bottom: 1rem; } }
  .cart-sharing__text {
    font-size: 1.4rem;
    margin: 0 auto;
    margin-bottom: 6rem; }
    @media screen and (min-width: 1024px) {
      .cart-sharing__text {
        font-size: 1.6rem; } }
  .cart-sharing__advertise {
    font-size: 1.2rem;
    margin: 0 auto; }
    @media screen and (min-width: 1024px) {
      .cart-sharing__advertise {
        color: #565656;
        font-size: 1.4rem; } }
  .cart-sharing__form {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%; }
  .cart-sharing__button {
    background-color: #14aae2;
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1rem;
    padding: 1.4rem 0;
    transition: background-color 0.3s ease-out;
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .cart-sharing__button {
        background-color: #0a4c89;
        font-size: 1.6rem;
        margin-bottom: 2rem;
        padding: 1.6rem 0; } }
    .cart-sharing__button:disabled {
      background-color: #1087b3;
      cursor: not-allowed; }
      @media screen and (min-width: 1024px) {
        .cart-sharing__button:disabled {
          background-color: #083f71; } }
  .cart-sharing__error {
    background: #ff0000;
    border-radius: 5px;
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 3rem;
    padding: 4px;
    width: 100%; }
  .cart-sharing__loading {
    align-items: center;
    background-image: linear-gradient(330deg, #2b7dba, #184c89);
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition: opacity 0.3s ease-out;
    width: 100%;
    z-index: -1; }
    @media screen and (min-width: 1024px) {
      .cart-sharing__loading {
        opacity: 1;
        right: 0;
        width: 40%;
        z-index: 0; } }
    .cart-sharing__loading img {
      max-width: calc(100% - 40px); }
    .cart-sharing__loading--active {
      opacity: 1;
      z-index: 10; }
      @media screen and (min-width: 1024px) {
        .cart-sharing__loading--active {
          animation: grow 0.3s forwards ease-out; } }
    .cart-sharing__loading--active img {
      animation: blink 1s alternate infinite; }

@keyframes grow {
  from {
    width: 40%; }
  to {
    width: 100%; } }
  .cart-sharing .input-group {
    color: #fff; }
    @media screen and (min-width: 1024px) {
      .cart-sharing .input-group {
        color: #565656; } }
    .cart-sharing .input-group__field {
      color: #fff;
      border-bottom-color: #fff; }
      @media screen and (min-width: 1024px) {
        .cart-sharing .input-group__field {
          color: #565656;
          border-bottom-color: #565656; } }
      .cart-sharing .input-group__field:focus {
        border-bottom-color: #14aae2; }
        @media screen and (min-width: 1024px) {
          .cart-sharing .input-group__field:focus {
            border-bottom-color: #0a4c89; } }

.accordion__title {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  border: 0;
  color: #0a4c89;
  cursor: pointer;
  font-size: 1.8rem;
  font-weight: bold;
  outline: none;
  padding: 1.8rem 5rem 1.8rem 1rem;
  position: relative;
  text-align: left;
  width: 100%; }
  .accordion__title::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMCI+PHBhdGggZmlsbD0iIzBBNEM4OSIgZmlsbC1vcGFjaXR5PSIuOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQuMTU0IDBMMTYgMS44NzUgOCAxMCAwIDEuODc1IDEuODQ2IDAgOCA2LjI1eiIvPjwvc3ZnPg==);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.6rem 1rem;
    content: '';
    height: 3rem;
    margin-top: -1.5rem;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: rotate(-90deg);
    transition: transform 0.2s;
    width: 3rem; }

.accordion--open > .accordion__content {
  height: auto;
  opacity: 1; }

.accordion--open > .accordion__title::after {
  transform: rotate(0deg); }

.accordion__content {
  box-sizing: border-box;
  color: #4d4d4d;
  font-size: 1.4rem;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.2s; }

.accordion__content > :not(.accordion) {
  padding: 1.5rem; }

.accordion__content .accordion__title {
  color: #4d4d4d;
  font-size: 1.6rem;
  font-weight: initial; }
  .accordion__content .accordion__title::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5Ij48cGF0aCBmaWxsPSIjOTk5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAuNUwxMy41IDIgNyA4LjUuNSAyIDIgLjVsNSA1eiIvPjwvc3ZnPg==); }

.institutional-faq {
  min-height: 400px;
  margin-bottom: 100px; }
  .institutional-faq .search {
    background-color: #14aae2;
    color: #fff;
    padding: 2.8rem 1rem 1.6rem 1rem; }
    .institutional-faq .search h2 {
      font-size: 2.4rem;
      margin-bottom: 1rem; }
    .institutional-faq .search p {
      font-size: 1.4rem; }
    .institutional-faq .search__input-text {
      background-color: #fff;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iIzhDOEM4QyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuOTU4IDEyLjM1OWExIDEgMCAwMS4xOTUuMTUxbDUuNTU0IDUuNTU1YTEgMSAwIDAxMCAxLjQxM2wtLjIzLjIzYTEgMSAwIDAxLTEuNDEyIDBsLTUuNTU1LTUuNTU1YTEgMSAwIDAxLS4xNTItLjE5NSA3Ljc0MiA3Ljc0MiAwIDExMS42LTEuNnptLTYuMjE2IDEuNTc3YTYuMTk0IDYuMTk0IDAgMTAwLTEyLjM4OCA2LjE5NCA2LjE5NCAwIDAwMCAxMi4zODh6Ii8+PC9zdmc+);
      background-position: 3rem center;
      background-repeat: no-repeat;
      background-size: 2rem;
      border-radius: 2px;
      border: 0;
      color: #565656;
      font-size: 1.6rem;
      margin-top: 1.6rem;
      outline: none;
      padding: 1.4rem 2rem 1.4rem 6.7rem;
      position: relative;
      width: 100%; }
      .institutional-faq .search__input-text::placeholder {
        color: #999999; }
  .institutional-faq .search-result__highlight {
    background-color: rgba(20, 170, 226, 0.2); }
  .institutional-faq .search-result .accordion__title {
    color: #565656; }
    .institutional-faq .search-result .accordion__title::after {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5Ij48cGF0aCBmaWxsPSIjOTk5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAuNUwxMy41IDIgNyA4LjUuNSAyIDIgLjVsNSA1eiIvPjwvc3ZnPg==); }
  .institutional-faq .no-results {
    color: #565656;
    display: block;
    font-family: ArialMT, Arial, sans-serif;
    font-size: 1.8rem;
    margin: 50px auto;
    max-width: 90%;
    text-align: center; }
    .institutional-faq .no-results__title {
      font-size: 2.2rem;
      margin-bottom: 1.8rem; }
    .institutional-faq .no-results__smile {
      color: #14aae2;
      font-weight: bold; }
    .institutional-faq .no-results__text {
      white-space: normal;
      word-break: break-all; }

.cell-background {
  background-color: #fff;
  color: #0a4c89;
  display: flex !important;
  justify-content: flex-start;
  margin: 0 auto;
  max-height: 25rem;
  max-width: 45rem;
  overflow: hidden;
  padding: 0 1rem; }
  @media screen and (min-width: 700px) {
    .cell-background {
      max-height: 50rem;
      max-width: 90rem; } }
  @media screen and (min-width: 1024px) {
    .cell-background {
      box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.27);
      padding: 0; } }
  .cell-background--right {
    justify-content: flex-end; }
  .cell-background--right picture {
    order: 1; }
  .cell-background picture {
    width: 50%; }
  .cell-background__image {
    height: 100%;
    max-width: 100%; }
  .cell-background__legend {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    max-width: 15rem;
    width: 50%; }
    @media screen and (min-width: 700px) {
      .cell-background__legend {
        max-width: 30rem; } }
  .cell-background__title {
    font-size: 1.8rem;
    margin-bottom: 1rem; }
    @media screen and (min-width: 700px) {
      .cell-background__title {
        font-size: 3rem;
        margin-bottom: 3rem; } }
  .cell-background__text {
    font-size: 1.2rem; }
    @media screen and (min-width: 700px) {
      .cell-background__text {
        font-size: 2rem;
        line-height: 2.2rem; } }

.cell-history {
  display: flex !important;
  flex-direction: column;
  text-align: center; }
  @media screen and (min-width: 700px) {
    .cell-history {
      align-items: center;
      flex-direction: row;
      justify-content: center;
      margin-bottom: 3rem;
      padding: 0 2rem; } }
  .cell-history a {
    position: relative; }
    .cell-history a::after {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDYiIGhlaWdodD0iMzA1Ij48ZGVmcz48ZmlsdGVyIGlkPSJhIiB3aWR0aD0iMTUxLjklIiBoZWlnaHQ9IjE1Mi4xJSIgeD0iLTI2JSIgeT0iLTI2LjElIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxmZU9mZnNldCBkeD0iMTIiIGR5PSIxMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMTEuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiByZXN1bHQ9InNoYWRvd01hdHJpeE91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjU5OTYzNzY4MSAwIi8+PGZlTWVyZ2U+PGZlTWVyZ2VOb2RlIGluPSJzaGFkb3dNYXRyaXhPdXRlcjEiLz48ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz48L2ZlTWVyZ2U+PC9maWx0ZXI+PC9kZWZzPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yNDIuNTYgNjQuNzZDMjA2LjY2OCAyLjgzIDEyNy4xNzItMTguMzg4IDY1LjAxIDE3LjM3MyAyLjg0MyA1My4xMjMtMTguNDYgMTMyLjMxIDE3LjQ0IDE5NC4yMzdjMzUuODg2IDYxLjkyOCAxMTUuMzggODMuMTUxIDE3Ny41NDMgNDcuMzkzIDYyLjE2OC0zNS43NjEgODMuNDgtMTE0Ljk0NiA0Ny41NzctMTc2Ljg3em0tNjAuNTcgMTU0LjQzN2MtNDkuNzI4IDI4LjYxLTExMy4zMyAxMS42MzMtMTQyLjA0LTM3LjkxM0MxMS4yMzIgMTMxLjc1IDI4LjI4IDY4LjM5MyA3OC4wMDggMzkuNzk3YzQ5LjczLTI4LjYwOCAxMTMuMzI3LTExLjYzMyAxNDIuMDQgMzcuOTExIDI4LjcxNCA0OS41NDMgMTEuNjcgMTEyLjg4Ni0zOC4wNiAxNDEuNDg5em0tNS4xOTktOTQuOTZsLTY4LjA2LTM5LjU0MmMtNi4yMDItMy42MDctMTEuMjA1LS43MjQtMTEuMTcgNi40MjNsLjM0OCA3OC40ODdjLjAzMiA3LjE0NSA1LjA5NiAxMC4wNTQgMTEuMzE2IDYuNDc1bDY3LjU0LTM4Ljg0NWM2LjIxNC0zLjU3MiA2LjIyNy05LjM5MS4wMjYtMTIuOTk4eiIgZmlsdGVyPSJ1cmwoI2EpIiBvcGFjaXR5PSIuODk0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMSAxMSkiLz48L3N2Zz4=);
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      height: 10rem;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 10rem; }
      @media screen and (min-width: 1024px) {
        .cell-history a::after {
          height: 15rem;
          width: 15rem; } }
  .cell-history__image {
    box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.27);
    width: calc(100% - 1rem); }
    @media screen and (min-width: 700px) {
      .cell-history__image {
        margin-right: 2.5rem;
        width: 35rem; } }
    @media screen and (min-width: 1024px) {
      .cell-history__image {
        width: 45rem; } }
  @media screen and (min-width: 700px) {
    .cell-history__legend {
      max-width: 30rem; } }
  .cell-history__name {
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 1rem; }
    @media screen and (min-width: 480px) {
      .cell-history__name {
        font-size: 1.6rem; } }
    @media screen and (min-width: 700px) {
      .cell-history__name {
        font-size: 2rem;
        margin-bottom: 2rem;
        margin-top: 0; } }
  .cell-history__text {
    display: none;
    color: #fff; }
    @media screen and (min-width: 700px) {
      .cell-history__text {
        display: block;
        font-size: 1.6rem; } }
    @media screen and (min-width: 1024px) {
      .cell-history__text {
        font-size: 1.8rem; } }

.cell-image {
  margin: 0 auto; }
  @media screen and (min-width: 700px) {
    .cell-image {
      width: 90%; } }
  @media screen and (min-width: 1024px) {
    .cell-image {
      width: 100%; } }

.hero {
  color: #fff; }
  .hero--1 {
    background-color: #14aae2; }
  .hero--2 {
    background-color: #14aae2;
    background-image: url(/_next/static/images/waves-pattern-2384709cc6423b32d0ea169b9c469b23.svg), linear-gradient(to bottom left, #0a4c89, #14aae2);
    background-size: cover;
    margin-bottom: 2rem; }
    @media screen and (min-width: 700px) {
      .hero--2 {
        margin-bottom: 3rem; } }
    @media screen and (min-width: 1024px) {
      .hero--2 {
        margin-bottom: 5rem; } }
  .hero__wrapper {
    background-repeat: no-repeat;
    display: flex;
    position: relative; }
  .hero--1 .hero__wrapper {
    background-image: url(/_next/static/images/hero-1-864389cad067f69a52b63bd4907dca63.png);
    background-position: calc(100% + 8rem) -2.5rem;
    background-size: 30rem; }
    @media screen and (min-width: 480px) {
      .hero--1 .hero__wrapper {
        background-position: 105% -2.5rem;
        background-size: 30rem; } }
    @media screen and (min-width: 700px) {
      .hero--1 .hero__wrapper {
        background-position: 100% -2.5rem;
        background-size: 40rem; } }
    @media screen and (min-width: 1024px) {
      .hero--1 .hero__wrapper {
        background-position: 100% -5.5rem;
        background-size: 57rem; } }
  .hero__content {
    max-width: 18rem;
    padding: 2rem 0;
    padding-left: 2rem; }
    @media screen and (min-width: 480px) {
      .hero__content {
        max-width: 20rem; } }
    @media screen and (min-width: 700px) {
      .hero__content {
        max-width: 35rem;
        padding: 4rem 0;
        padding-left: 4rem; } }
    @media screen and (min-width: 1024px) {
      .hero__content {
        max-width: 45rem;
        padding: 12rem 0;
        padding-left: 12rem; } }
  .hero--2 .hero__content {
    padding: 6rem 0;
    padding-left: 4rem; }
    @media screen and (min-width: 700px) {
      .hero--2 .hero__content {
        max-width: 25rem; } }
    @media screen and (min-width: 1024px) {
      .hero--2 .hero__content {
        max-width: 33rem;
        padding: 16rem 0;
        padding-left: 12rem; } }
  .hero__title {
    font-size: 2rem;
    margin-bottom: 1rem; }
    @media screen and (min-width: 700px) {
      .hero__title {
        font-size: 3rem;
        margin-bottom: 2rem; } }
  .hero__text {
    font-size: 1.4rem;
    margin-bottom: 1rem; }
    @media screen and (min-width: 700px) {
      .hero__text {
        font-size: 1.8rem;
        margin-bottom: 2rem; } }
  .hero__button, .hero__button:visited {
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: bold;
    min-width: 15rem;
    padding: 1rem;
    text-align: center;
    transition: background-color 0.3s ease-out; }
    @media screen and (min-width: 700px) {
      .hero__button, .hero__button:visited {
        font-size: 1.8rem;
        min-width: 26rem;
        padding: 1.6rem; } }
    .hero__button:hover, .hero__button:visited:hover {
      background-color: #fff;
      color: #14aae2; }
  .hero__apps {
    display: flex;
    flex-direction: column; }
  .hero__app {
    display: block;
    margin-bottom: 0.8rem;
    width: 10.5rem; }
    @media screen and (min-width: 700px) {
      .hero__app {
        width: 15.5rem; } }
    .hero__app img {
      width: 100%; }
  .hero__parallax {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 18rem); }
    @media screen and (min-width: 480px) {
      .hero__parallax {
        width: calc(100% - 20rem); } }
    @media screen and (min-width: 1024px) {
      .hero__parallax {
        width: calc(100% - 45rem); } }
    @media screen and (min-width: 1024px) {
      .hero__parallax {
        width: calc(100% - 33rem); } }
  .hero--2 .hero__parallax {
    background-image: url(/_next/static/images/hero-2-parallax-7e0d06aa6cfa6b21556ede050e9e1e28.png);
    background-position: -20% center;
    background-repeat: no-repeat;
    background-size: 120%; }
    @media screen and (min-width: 480px) {
      .hero--2 .hero__parallax {
        background-position: 100% center;
        background-size: 100%; } }
    @media screen and (min-width: 700px) {
      .hero--2 .hero__parallax {
        background-position: 100% center;
        background-size: 90%; } }
    @media screen and (min-width: 1024px) {
      .hero--2 .hero__parallax {
        background-position: 100% center;
        background-size: 90%; } }

.institutional-home__subtitle {
  color: #14aae2;
  font-size: 2rem;
  margin: 0 auto;
  max-width: 18rem;
  text-align: center; }
  @media screen and (min-width: 700px) {
    .institutional-home__subtitle {
      font-size: 2.8rem;
      max-width: initial; } }
  @media screen and (min-width: 1024px) {
    .institutional-home__subtitle {
      font-size: 3rem; } }
  .institutional-home__subtitle--secondary {
    color: #fff;
    margin-bottom: 1rem;
    max-width: 27rem; }
    @media screen and (min-width: 700px) {
      .institutional-home__subtitle--secondary {
        margin-bottom: 3rem;
        max-width: 50rem; } }
    @media screen and (min-width: 1024px) {
      .institutional-home__subtitle--secondary {
        margin-bottom: 4rem; } }

.institutional-home__video {
  display: block;
  height: 20rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
  @media screen and (min-width: 480px) {
    .institutional-home__video {
      height: 30rem; } }
  @media screen and (min-width: 700px) {
    .institutional-home__video {
      box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.27);
      height: 40rem;
      margin-bottom: 3rem;
      max-width: 77rem; } }
  @media screen and (min-width: 1024px) {
    .institutional-home__video {
      margin-bottom: 7rem;
      margin-top: 2rem; } }

.institutional-home__legend {
  color: #fff;
  font-size: 1.4rem;
  text-align: center; }
  @media screen and (min-width: 700px) {
    .institutional-home__legend {
      display: none; } }

.institutional-home__carousel {
  padding: 2rem 0; }
  @media screen and (min-width: 700px) {
    .institutional-home__carousel {
      padding: 4rem 0; } }
  @media screen and (min-width: 1024px) {
    .institutional-home__carousel {
      padding: 5rem 0; } }

.institutional-home__carousel--2 {
  background-image: url(/_next/static/images/waves-pattern-2384709cc6423b32d0ea169b9c469b23.svg), linear-gradient(to bottom left, #0a4c89, #14aae2);
  background-size: cover;
  margin-bottom: 2rem; }
  @media screen and (min-width: 700px) {
    .institutional-home__carousel--2 {
      margin-bottom: 3rem; } }
  @media screen and (min-width: 1024px) {
    .institutional-home__carousel--2 {
      padding-bottom: 6rem;
      padding-top: 6rem; } }
  .institutional-home__carousel--2 .carousel {
    padding-bottom: 0; }

.institutional-home__carousel--3 {
  padding: 2rem 0; }
  @media screen and (min-width: 1024px) {
    .institutional-home__carousel--3 .carousel {
      padding-bottom: 4rem;
      padding-top: 0; }
    .institutional-home__carousel--3 .slick-list {
      padding: 3rem 0; } }

.cell-works a {
  display: inline-block;
  position: relative; }
  .cell-works a::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDYiIGhlaWdodD0iMzA1Ij48ZGVmcz48ZmlsdGVyIGlkPSJhIiB3aWR0aD0iMTUxLjklIiBoZWlnaHQ9IjE1Mi4xJSIgeD0iLTI2JSIgeT0iLTI2LjElIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxmZU9mZnNldCBkeD0iMTIiIGR5PSIxMiIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMTEuNSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dCbHVyT3V0ZXIxIiByZXN1bHQ9InNoYWRvd01hdHJpeE91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjU5OTYzNzY4MSAwIi8+PGZlTWVyZ2U+PGZlTWVyZ2VOb2RlIGluPSJzaGFkb3dNYXRyaXhPdXRlcjEiLz48ZmVNZXJnZU5vZGUgaW49IlNvdXJjZUdyYXBoaWMiLz48L2ZlTWVyZ2U+PC9maWx0ZXI+PC9kZWZzPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yNDIuNTYgNjQuNzZDMjA2LjY2OCAyLjgzIDEyNy4xNzItMTguMzg4IDY1LjAxIDE3LjM3MyAyLjg0MyA1My4xMjMtMTguNDYgMTMyLjMxIDE3LjQ0IDE5NC4yMzdjMzUuODg2IDYxLjkyOCAxMTUuMzggODMuMTUxIDE3Ny41NDMgNDcuMzkzIDYyLjE2OC0zNS43NjEgODMuNDgtMTE0Ljk0NiA0Ny41NzctMTc2Ljg3em0tNjAuNTcgMTU0LjQzN2MtNDkuNzI4IDI4LjYxLTExMy4zMyAxMS42MzMtMTQyLjA0LTM3LjkxM0MxMS4yMzIgMTMxLjc1IDI4LjI4IDY4LjM5MyA3OC4wMDggMzkuNzk3YzQ5LjczLTI4LjYwOCAxMTMuMzI3LTExLjYzMyAxNDIuMDQgMzcuOTExIDI4LjcxNCA0OS41NDMgMTEuNjcgMTEyLjg4Ni0zOC4wNiAxNDEuNDg5em0tNS4xOTktOTQuOTZsLTY4LjA2LTM5LjU0MmMtNi4yMDItMy42MDctMTEuMjA1LS43MjQtMTEuMTcgNi40MjNsLjM0OCA3OC40ODdjLjAzMiA3LjE0NSA1LjA5NiAxMC4wNTQgMTEuMzE2IDYuNDc1bDY3LjU0LTM4Ljg0NWM2LjIxNC0zLjU3MiA2LjIyNy05LjM5MS4wMjYtMTIuOTk4eiIgZmlsdGVyPSJ1cmwoI2EpIiBvcGFjaXR5PSIuODk0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMSAxMSkiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    height: 10rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10rem; }
    @media screen and (min-width: 1024px) {
      .cell-works a::after {
        height: 13rem;
        width: 13rem; } }

.cell-works__image {
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.27);
  width: calc(100% - 1rem); }
  @media screen and (min-width: 480px) {
    .cell-works__image {
      margin-right: 2.5rem;
      width: calc(100% - 2rem); } }

.cell-works__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  font-size: 1.4rem;
  margin: 1.5rem auto 0 auto;
  max-width: 80%;
  opacity: 0.4;
  overflow: hidden;
  text-align: center; }

.show-more {
  display: flex;
  flex-wrap: wrap;
  padding-left: 2.5rem; }
  .show-more:not(:last-child) {
    border-bottom: 1px solid #eee;
    margin-bottom: 4rem; }
  .show-more__button {
    display: block;
    width: 100%; }
  .show-more .cell-works {
    margin-bottom: 2.5rem;
    width: 33%; }

.institutional-works {
  padding: 2rem 0; }
  @media screen and (min-width: 700px) {
    .institutional-works {
      padding: 3rem 0; } }
  @media screen and (min-width: 1024px) {
    .institutional-works {
      padding: 4rem 0; } }
  @media screen and (min-width: 700px) {
    .institutional-works__carousel {
      display: none; } }
  .institutional-works__show-more {
    display: none; }
    @media screen and (min-width: 700px) {
      .institutional-works__show-more {
        display: block; } }
  .institutional-works__subtitle {
    color: #0a4c89;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-align: center; }
    @media screen and (min-width: 700px) {
      .institutional-works__subtitle {
        font-size: 2.5rem;
        margin-bottom: 2.5rem; } }
  .institutional-works .carousel {
    margin-bottom: 2.5rem; }

.top-message {
  background-color: #14aae2;
  color: #fff;
  font-size: 1.4rem;
  padding: 2rem; }
  @media screen and (min-width: 700px) {
    .top-message {
      font-size: 1.6rem;
      padding: 3rem 0; } }
  @media screen and (min-width: 1024px) {
    .top-message {
      padding: 4rem; } }
  .top-message__title {
    margin-bottom: 1rem; }

.button {
  border: 1px solid;
  border-radius: 2px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1.6rem;
  text-align: center;
  text-transform: uppercase; }
  .button--block {
    width: 100%; }
  .button--primary {
    background-color: #7ed321;
    border-color: #7ed321;
    color: #fff; }
  .button--transparent {
    background-color: transparent;
    border-color: #0a4c89;
    color: #0a4c89; }

.introduction-video {
  background-color: #0f82fb;
  height: 100%;
  overflow-y: auto;
  position: fixed;
  width: 100%; }
  .introduction-video .video-player,
  .introduction-video .youtube-container {
    height: 100%;
    width: 100%; }
  .introduction-video .video-player .rewind-bt {
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NSA1NSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTU1IDQ2LjQ4N0wyOCAyNy41IDU1IDguNTEzdjE4LjY0MnpNMjcgNDYuNWwtMjctMTkgMjctMTl2MTl6Ii8+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border: 0;
    bottom: 4rem;
    height: 5rem;
    left: 4rem;
    opacity: 0.8;
    outline: none;
    position: fixed;
    width: 5rem;
    z-index: 1; }
    .introduction-video .video-player .rewind-bt:active {
      opacity: 0.6; }
  .introduction-video .resume-screen {
    background-color: #fff;
    border-radius: 1.2rem;
    box-shadow: 0 1.1rem 1.3rem 0 rgba(0, 0, 0, 0.32);
    margin: 2rem auto;
    max-width: 116rem;
    padding: 1.2rem;
    width: 90%; }
    .introduction-video .resume-screen__colors-bar {
      background-image: linear-gradient(to right, #fbe53b, #ff4f01 17%, #ff14b3 35%, #8000ff 55%, #00c1ff 80%, #17f036);
      border-radius: 2.5rem;
      height: 0.5rem;
      width: 100%; }
    .introduction-video .resume-screen__content {
      margin: 0 auto;
      max-width: 32.8rem;
      text-align: center; }
    .introduction-video .resume-screen__greet {
      color: #0a4c89;
      font-size: 1.8rem;
      padding-top: 4rem; }
    .introduction-video .resume-screen__rocket {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMTYiIGhlaWdodD0iMTE2Ij48ZGVmcz48ZmlsdGVyIGlkPSJhIiB3aWR0aD0iMTM1JSIgaGVpZ2h0PSIxMzUlIiB4PSItMTcuNSUiIHk9Ii0xNy41JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48ZmVPZmZzZXQgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIiBzdGREZXZpYXRpb249IjQiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgcmVzdWx0PSJzaGFkb3dNYXRyaXhPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4zMzU2MDk3MDMgMCIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0ic2hhZG93TWF0cml4T3V0ZXIxIi8+PGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIi8+PC9mZU1lcmdlPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9ImIiIHdpZHRoPSIyMzQuNiUiIGhlaWdodD0iMjM0LjYlIiB4PSItNjcuMyUiIHk9Ii02Ny4zJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48ZmVPZmZzZXQgZHk9IjEiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIiBzdGREZXZpYXRpb249IjQiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93Qmx1ck91dGVyMSIgcmVzdWx0PSJzaGFkb3dNYXRyaXhPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4zMzU2MDk3MDMgMCIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0ic2hhZG93TWF0cml4T3V0ZXIxIi8+PGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIi8+PC9mZU1lcmdlPjwvZmlsdGVyPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbHRlcj0idXJsKCNhKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOCA3KSI+PHBhdGggZmlsbD0iIzIyQjhGMSIgZD0iTTk5LjkwMiA1MC4wMjRjMCAyNy41ODYtMjIuMzY1IDQ5Ljk1Mi00OS45NSA0OS45NTJDMjIuMzY1IDk5Ljk3NiAwIDc3LjYxIDAgNTAuMDI0IDAgMjIuNDQgMjIuMzY2LjA3NCA0OS45NTEuMDc0YzI3LjU4NiAwIDQ5Ljk1MSAyMi4zNjUgNDkuOTUxIDQ5Ljk1eiIvPjxwYXRoIGZpbGw9IiMwRjVDOTYiIGQ9Ik00Ny43MDcgMjEuMzQxUzM0LjkwMiAxNS42ODMgMjMgMjcuODc4Yy0xLjU2MSAxLjYxLS42MzQgNC4yNDQgMS41ODUgNC42MSAzLjI0NC41MTIgNy4xNzEgMi42ODMgOS44NzggOS4yOTIiIG9wYWNpdHk9Ii45Ii8+PHBhdGggZmlsbD0iIzBBNEM4OSIgZD0iTTc5LjU4NSA1My4xOTVTODUuMjQ0IDY2IDczLjA1IDc3LjkwMmMtMS42MSAxLjU2MS00LjI0NC42MzUtNC42MS0xLjU4NS0uNTEyLTMuMjQ0LTIuNjgzLTcuMTctOS4yOTMtOS44NzgiIG9wYWNpdHk9Ii45Ii8+PHBhdGggZmlsbD0iIzBGNUM5NiIgZD0iTTY0LjE5NSA1MGwtOS45MDIgMTMuNDM5YTEuOTM2IDEuOTM2IDAgMDEtMi45NTIuMjJMMzcuMjY4IDQ5LjU4NWExLjk1MiAxLjk1MiAwIDAxLjIyLTIuOTVsMTMuNDM5LTkuOTAzIDUuMzE3IDUuMzE3TDY0LjE5NSA1MHoiIG9wYWNpdHk9Ii45Ii8+PHBhdGggZmlsbD0iIzBBNEM4OSIgZD0iTTY0LjE5NSA1MGwtOS45MDIgMTMuNDM5YTEuOTM2IDEuOTM2IDAgMDEtMi45NTIuMjJsLTguNzU2LTguNzU3YTEuOTUyIDEuOTUyIDAgMDEuMjItMi45NWwxMy40MzktOS45MDNMNjQuMTk1IDUweiIgb3BhY2l0eT0iLjkiLz48cGF0aCBmaWxsPSIjRUFFQUVBIiBkPSJNNTEuMDczIDQ5LjgzYTI4LjE2MyAyOC4xNjMgMCAwMTguMDczIDE2LjYwOSA1OC4wNSA1OC4wNSAwIDAwMjAuNDQtMTMuMjQ0YzEzLjI0My0xMy4yNDQgMTguNzgtMzEuMjQ0IDE2LjYxLTQ4LjQ4OC0xNy4yNDUtMi4xNDYtMzUuMjQ1IDMuMzktNDguNDg5IDE2LjYxLTYgNi0xMC40MTQgMTIuOTc2LTEzLjI0NCAyMC40NGEyOC4xNjMgMjguMTYzIDAgMDExNi42MSA4LjA3MnoiLz48cGF0aCBmaWxsPSIjRjJGMkYyIiBkPSJNNTUuNDM5IDI5LjA0OWMtNC44NTQgNC44NTMtOS4wNzMgOS45NTEtMTIuNjEgMTUuMDQ5LTIuNjgzLTEuMjItNS41MTItMi04LjM2Ni0yLjM0MmE1OC4wNSA1OC4wNSAwIDAxMTMuMjQ0LTIwLjQzOUM2MC45NTEgOC4wNzMgNzguOTUxIDIuNTM3IDk2LjE5NSA0LjcwNyA4My42NiA3LjI2OCA2OC42NiAxNS44MyA1NS40NCAyOS4wNXoiLz48cGF0aCBmaWxsPSIjMEE0Qzg5IiBkPSJNODQuMzQxIDI5LjA5OGMwIDYuOTAyLTUuNjEgMTIuNTEyLTEyLjUxMiAxMi41MTJTNTkuMzE3IDM2IDU5LjMxNyAyOS4wOThjMC02LjkwMyA1LjYxLTEyLjUxMyAxMi41MTItMTIuNTEzIDYuOTAzIDAgMTIuNTEyIDUuNTg2IDEyLjUxMiAxMi41MTN6IiBvcGFjaXR5PSIuOSIvPjxwYXRoIGZpbGw9IiM1QzVFNzAiIGQ9Ik03OS41NjEgMjkuMDk4YzAgNC4yNjgtMy40NjMgNy43NTYtNy43NTYgNy43NTYtNC4yNjggMC03Ljc1Ni0zLjQ2NC03Ljc1Ni03Ljc1NiAwLTQuMjY5IDMuNDYzLTcuNzU3IDcuNzU2LTcuNzU3YTcuNzQ0IDcuNzQ0IDAgMDE3Ljc1NiA3Ljc1N3oiLz48cGF0aCBmaWxsPSIjRkZEMTVDIiBkPSJNOTcuMjkzIDU0LjcwN0g5NC42MWEyLjM1MyAyLjM1MyAwIDAxLTIuMzY2LTIuMzY2VjQ5LjY2YzAtLjU4Ni0uNDQtMS4wOTgtMS0xLjE3MUExLjEzNSAxLjEzNSAwIDAwOTAgNDkuNjF2Mi43MzFhMi4zNTMgMi4zNTMgMCAwMS0yLjM2NiAyLjM2NmgtMi42ODNjLS41ODUgMC0xLjA5Ny40NC0xLjE3IDEtLjA3NC42NTkuNDYzIDEuMjIgMS4xMjEgMS4yMmgyLjczMkEyLjM1MyAyLjM1MyAwIDAxOTAgNTkuMjkzdjIuNjgzYzAgLjU4NS40MzkgMS4wOTcgMSAxLjE3LjY1OS4wNzQgMS4yMi0uNDYzIDEuMjItMS4xMjJ2LTIuNzMxYTIuMzUzIDIuMzUzIDAgMDEyLjM2NS0yLjM2NmgyLjczMmMuNjU5IDAgMS4xNy0uNTYxIDEuMTIyLTEuMjItLjA0OS0uNTg1LS41NjEtMS0xLjE0Ni0xek0zNy42NTkgOC4xMjJoLTIuNjgzYTIuMzUzIDIuMzUzIDAgMDEtMi4zNjYtMi4zNjZWMy4wNzNjMC0uNTg1LS40NC0xLjA5Ny0xLTEuMTctLjY1OS0uMDc0LTEuMjIuNDYzLTEuMjIgMS4xMjF2Mi43MzJhMi4zNTMgMi4zNTMgMCAwMS0yLjM2NiAyLjM2NmgtMi42ODNjLS41ODUgMC0xLjA5Ny40MzktMS4xNyAxLS4wNzMuNjU4LjQ2MyAxLjIyIDEuMTIyIDEuMjJoMi43MzFhMi4zNTMgMi4zNTMgMCAwMTIuMzY2IDIuMzY1djIuNjgzYzAgLjU4Ni40NCAxLjA5OCAxIDEuMTcxLjY1OS4wNzMgMS4yMi0uNDYzIDEuMjItMS4xMjJ2LTIuNzMyYTIuMzUzIDIuMzUzIDAgMDEyLjM2Ni0yLjM2NmgyLjczMWMuNjU5IDAgMS4xNzEtLjU2IDEuMTIyLTEuMjE5LS4wNzMtLjU4NS0uNTg1LTEtMS4xNy0xek0yNS43MzIgNDUuNDE1aC0yLjY4M2EyLjM1MyAyLjM1MyAwIDAxLTIuMzY2LTIuMzY2di0yLjY4M2MwLS41ODYtLjQ0LTEuMDk4LTEtMS4xNy0uNjU5LS4wNzQtMS4yMi40NjMtMS4yMiAxLjEyMXYyLjczMmEyLjM1MyAyLjM1MyAwIDAxLTIuMzY1IDIuMzY2aC0yLjY4M2MtLjU4NiAwLTEuMDk4LjQzOS0xLjE3MSAxLS4wNzMuNjU4LjQ2MyAxLjIyIDEuMTIyIDEuMjJoMi43MzJBMi4zNTMgMi4zNTMgMCAwMTE4LjQ2MyA1MHYyLjY4M2MwIC41ODUuNDQgMS4wOTcgMSAxLjE3YTEuMTM1IDEuMTM1IDAgMDAxLjI0NC0xLjEyMVY1MGEyLjM1MyAyLjM1MyAwIDAxMi4zNjYtMi4zNjZoMi43MzJjLjY1OCAwIDEuMTctLjU2IDEuMTIyLTEuMjItLjA5OC0uNTYtLjYxLTEtMS4xOTUtMXoiLz48cGF0aCBmaWxsPSIjRUFFQUVBIiBkPSJNNDguMDQ5IDk5LjkyN2MtMTguODU0LS43MDctMzUuMDI1LTExLjg1NC00Mi45MjctMjcuODNBNDkuNDk1IDQ5LjQ5NSAwIDAxLjA0OSA1Mi4zOWExMC4wMzIgMTAuMDMyIDAgMDEzLjA5NyAyLjEyMmMuODMuODMgMS40ODggMS43OCAxLjk3NiAyLjc4IDUuMTctMS4zNjUgMTAuOTI3IDAgMTUgNC4wNSAxLjgzIDEuODI5IDMuMDk4IDQgMy44MyA2LjMxN0wzNC4yMiA1Ny4zOWEyLjkxNSAyLjkxNSAwIDAxNC4wOTcgMGw1LjE5NSA1LjE5NWEyLjkxNSAyLjkxNSAwIDAxMCA0LjA5OEwzMy4yNDQgNzYuOTVjMi4zMTcuNzMyIDQuNDg4IDIgNi4zMTcgMy44M2ExNS42MDkgMTUuNjA5IDAgMDE0LjA0OSAxNWMxIC40ODcgMS45MjcgMS4xNDYgMi43OCAxLjk3NS42NTkuNjU5IDEuMjIgMS4zOSAxLjY1OSAyLjE3eiIvPjxwYXRoIGZpbGw9IiNGMkYyRjIiIGQ9Ik0zOC4zMTcgNTcuMzlsLTE2LjIyIDE2LjIycy0xLjgwNC00LjI0NC0xMC42NTgtNC4yNDRjLTIuNzggMC00LjgzIDEuMTQ2LTYuMjkzIDIuNzA3QTQ5LjQ5NSA0OS40OTUgMCAwMS4wNzMgNTIuMzY2YTEwLjAzMiAxMC4wMzIgMCAwMTMuMDk4IDIuMTIyYy44MjkuODMgMS40ODggMS43OCAxLjk3NSAyLjc4YTE1LjYyMSAxNS42MjEgMCAwMTE1IDQuMDVjMS44MyAxLjgyOCAzLjA5OCA0IDMuODMgNi4zMTZsMTAuMjY4LTEwLjI2OGMxLjA5Ny0xLjA5OCAyLjkyNy0xLjA5OCA0LjA3My4wMjR6Ii8+PC9nPjxnIGZpbHRlcj0idXJsKCNiKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODIgODEpIj48Y2lyY2xlIGN4PSIxMyIgY3k9IjEzIiByPSIxMyIgZmlsbD0iIzVBQzIzMSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMS42NTkgMTcuNzQ2TDYuNSAxMi43ODZsMS40NDQtMS4zOSAzLjcxNSAzLjU3MiA3Ljg0MS03LjU0IDEuNDQ0IDEuMzl6Ii8+PC9nPjwvZz48L3N2Zz4=);
      background-size: cover;
      height: 10rem;
      margin: 2.5rem auto;
      width: 10rem; }
    .introduction-video .resume-screen__learned {
      color: #4a4a4a;
      font-size: 1.4rem;
      padding-bottom: 2rem; }
    .introduction-video .resume-screen__checklist {
      color: #4a4a4a;
      font-size: 1.4rem;
      margin: 0 auto;
      max-width: 16rem;
      text-align: left; }
      .introduction-video .resume-screen__checklist li {
        padding-bottom: 1.5rem;
        padding-left: 3rem;
        position: relative; }
        .introduction-video .resume-screen__checklist li::before {
          background-color: transparent;
          background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iMTIuNSIgZmlsbD0iIzdFRDMyMSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xMS4yMSAxNy4wNjNsLTQuOTYtNC43NjkgMS4zODktMS4zMzYgMy41NzEgMy40MzUgNy41NC03LjI1IDEuMzg5IDEuMzM1eiIvPjwvZz48L3N2Zz4=);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 100%;
          content: '';
          height: 2rem;
          left: 0rem;
          position: absolute;
          width: 2rem; }
    .introduction-video .resume-screen__actions {
      margin: 3.5rem auto;
      max-width: 29rem; }
      .introduction-video .resume-screen__actions .button {
        margin-bottom: 1.5rem; }

.showcase-video-container {
  width: 100%;
  height: 100%;
  position: fixed; }

.showcase-video {
  transform-origin: top left; }
  .showcase-video__player-controls {
    display: none !important; }

.carousel * {
  outline: none; }

.carousel__component {
  display: block;
  overflow: hidden; }
  @media screen and (min-width: 700px) {
    .carousel__component {
      padding-bottom: 7rem; } }

.carousel__arrow {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 3.1rem 2.8rem;
  border-radius: 50%;
  border: none;
  bottom: 0rem;
  cursor: pointer;
  display: none;
  height: 5rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s;
  width: 5rem; }
  .carousel__arrow.slick-disabled {
    cursor: not-allowed;
    opacity: 0.3; }
    .carousel__arrow.slick-disabled:hover {
      background-color: inherit; }
  @media screen and (min-width: 700px) {
    .carousel__arrow {
      display: block; } }
  .carousel__arrow:hover {
    background-color: rgba(10, 76, 137, 0.2); }
  .carousel__arrow--prev {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSIyOCI+PHBhdGggZmlsbD0iIzBBNEM4OSIgZD0iTTEyLjQ1NyAyNi43OTVjLjUxMy41NCAxLjM2Ni41NCAxLjg5NiAwYTEuMzgxIDEuMzgxIDAgMDAwLTEuOTEzbC05LjYxNS05Ljc5NmgyNC41NmMuNzQtLjAwMSAxLjMyOC0uNiAxLjMyOC0xLjM1NCAwLS43NTQtLjU4OC0xLjM3Mi0xLjMyOC0xLjM3Mkg0LjczOGw5LjYxNS05Ljc3OGMuNTEzLS41NC41MTMtMS40MTEgMC0xLjkzMmExLjMxMSAxLjMxMSAwIDAwLTEuODk2IDBMLjU2NSAxMi43NjVhMS4zNDggMS4zNDggMCAwMDAgMS45MTNsMTEuODkyIDEyLjExN3oiLz48L3N2Zz4=);
    left: calc(50% - 3.1rem); }
  .carousel__arrow--next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSIyOCI+PHBhdGggZmlsbD0iIzBBNEM4OSIgZD0iTTE4LjU0MyAxLjIwNWExLjMxMSAxLjMxMSAwIDAwLTEuODk2IDAgMS4zODEgMS4zODEgMCAwMDAgMS45MTNsOS42MTUgOS43OTZIMS43MDJjLS43NC4wMDEtMS4zMjguNi0xLjMyOCAxLjM1NCAwIC43NTQuNTg4IDEuMzcyIDEuMzI4IDEuMzcyaDI0LjU2bC05LjYxNSA5Ljc3OGMtLjUxMy41NC0uNTEzIDEuNDExIDAgMS45MzIuNTMuNTQgMS4zODUuNTQgMS44OTYgMGwxMS44OTItMTIuMTE1YTEuMzUgMS4zNSAwIDAwMC0xLjkxM0wxOC41NDMgMS4yMDV6Ii8+PC9zdmc+);
    left: calc(50% + 3.1rem); }

.carousel--secondary .carousel__arrow--prev {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSIyOCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTEyLjQ1NyAyNi43OTVjLjUxMy41NCAxLjM2Ni41NCAxLjg5NiAwYTEuMzgxIDEuMzgxIDAgMDAwLTEuOTEzbC05LjYxNS05Ljc5NmgyNC41NmMuNzQtLjAwMSAxLjMyOC0uNiAxLjMyOC0xLjM1NCAwLS43NTQtLjU4OC0xLjM3Mi0xLjMyOC0xLjM3Mkg0LjczOGw5LjYxNS05Ljc3OGMuNTEzLS41NC41MTMtMS40MTEgMC0xLjkzMmExLjMxMSAxLjMxMSAwIDAwLTEuODk2IDBMLjU2NSAxMi43NjVhMS4zNDggMS4zNDggMCAwMDAgMS45MTNsMTEuODkyIDEyLjExN3oiLz48L3N2Zz4=); }

.carousel--secondary .carousel__arrow--next {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSIyOCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE4LjU0MyAxLjIwNWExLjMxMSAxLjMxMSAwIDAwLTEuODk2IDAgMS4zODEgMS4zODEgMCAwMDAgMS45MTNsOS42MTUgOS43OTZIMS43MDJjLS43NC4wMDEtMS4zMjguNi0xLjMyOCAxLjM1NCAwIC43NTQuNTg4IDEuMzcyIDEuMzI4IDEuMzcyaDI0LjU2bC05LjYxNSA5Ljc3OGMtLjUxMy41NC0uNTEzIDEuNDExIDAgMS45MzIuNTMuNTQgMS4zODUuNTQgMS44OTYgMGwxMS44OTItMTIuMTE1YTEuMzUgMS4zNSAwIDAwMC0xLjkxM0wxOC41NDMgMS4yMDV6Ii8+PC9zdmc+); }

.carousel__dots {
  display: block;
  margin-top: 1rem;
  text-align: center; }
  .carousel__dots li {
    background-color: #d1d1d1;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    width: 8px; }
    .carousel__dots li:not(:last-child) {
      margin-right: 4px; }
    .carousel__dots li.slick-active {
      background-color: #14aae2; }