/**
 * Arquivo base do SCSS
 * @version 1.1.0
 */

/* ============= BASE ============= */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

strong {
  font-weight: bold;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

html,
body {
  width: 100%;
  min-height: 100%;
}

html {
  scroll-behavior: smooth;
}

button,
input,
optgroup,
select,
textarea,
html input[type=button],
input[type=reset],
input[type=submit],
button[disabled],
html input[disabled],
button::-moz-focus-inner,
input::-moz-focus-inner,
input[type=checkbox],
input[type=radio],
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=search],
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  border: none;
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}

html {
  font-size: 62.5%;
}

@media (max-width: 900px) {
  html {
    font-size: 50%;
  }
}

a {
  text-decoration: none;
}

html,
body {
  width: 100%;
  font-family: "Museo Sans", sans-serif;
  color: #000000;
}

body {
  font-size: 1.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Times New Roman", sans-serif;
  color: #000000;
  font-size: 4rem;
}

.text--ligther {
  font-weight: lighter;
}

.text--regular {
  font-weight: normal;
}

.text--bold {
  font-weight: bold;
}

.text--primary {
  color: #174679;
}

.text--secondary {
  color: #5CECD4;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-7 {
  margin-bottom: 7rem;
}

.mb-6 {
  margin-bottom: 6rem;
}

.mb-9 {
  margin-bottom: 9rem;
}

.mini-title-secondary-14 {
  font-family: "Museo Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 1.4rem;
  line-height: 17px;
  color: #5CECD4;
}

.title-white-40 {
  font-family: "Museo Sans";
  font-style: normal;
  font-weight: 300;
  font-size: 4rem;
  line-height: 48px;
  color: #FFFFFF;
}

.desc-black {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  line-height: 150%;
  font-size: 1.6rem;
}

.desc-blue {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 150%;
  color: #174679;
}

.desc-blue--16 {
  font-size: 1.6rem;
}

.desc-white {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 150%;
  color: #fff;
}

.title-white-36 {
  font-family: "Museo Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 3.6rem;
  line-height: 100%;
  color: #fff;
  text-transform: uppercase;
}

.title-primary-36 {
  font-family: "Museo Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 3.6rem;
  line-height: 100%;
  text-transform: uppercase;
  color: #174679;
}

.desc-mint-mini-17 {
  font-family: "Museo Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
}

.title-section {
  font-family: "Museo Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #174679;
}

.title-section--third-color {
  color: #19F7EA;
  font-size: 1.6rem;
}

.title-section--white {
  color: #fff;
  text-align: start;
}

.title-section--blue {
  color: #479EF1;
}

.title-primary-25 {
  font-family: "Museo Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 25px;
  line-height: 100%;
  display: flex;
  align-items: flex-end;
  text-transform: uppercase;
  color: #174679;
}

.btn {
  font-family: "Museo Sans";
  font-style: normal;
  font-weight: 800;
  font-size: 1.4rem;
  line-height: 17px;
  color: #174679;
  background-color: #5CECD4;
  text-align: center;
  padding: 1.6rem 3rem;
  width: 277px;
  display: block;
  border-radius: 300px;
}

.btn--blue {
  background-color: #174679;
  color: #fff;
}

@media (max-width: 900px) {
  .btn {
    width: 100%;
  }
}

/* ============= FONTS ============ */

@font-face {
  font-family: "Museo Sans";
  src: url("/assets/site/fonts/MuseoSans-100.eot");
  src: url("/assets/site/fonts/MuseoSans-100.eot?#iefix") format("embedded-opentype"), url("/assets/site/fonts/MuseoSans-100.woff2") format("woff2"), url("/assets/site/fonts/MuseoSans-100.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src: url("/assets/site/fonts/MuseoSans-700.eot");
  src: url("/assets/site/fonts/MuseoSans-700.eot?#iefix") format("embedded-opentype"), url("/assets/site/fonts/MuseoSans-700.woff2") format("woff2"), url("/assets/site/fonts/MuseoSans-700.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src: url("/assets/site/fonts/MuseoSans-800.otf");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src: url("/assets/site/fonts/MuseoSans-500.eot");
  src: url("/assets/site/fonts/MuseoSans-500.eot?#iefix") format("embedded-opentype"), url("/assets/site/fonts/MuseoSans-500.woff2") format("woff2"), url("/assets/site/fonts/MuseoSans-500.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans";
  src: url("/assets/site/fonts/MuseoSans-300.eot");
  src: url("/assets/site/fonts/MuseoSans-300.eot?#iefix") format("embedded-opentype"), url("/assets/site/fonts/MuseoSans-300.woff2") format("woff2"), url("/assets/site/fonts/MuseoSans-300.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* =========== SECTIONS =========== */

.header {
  position: absolute;
  z-index: 4;
  right: 0;
  top: 6rem;
}

.header ul {
  display: flex;
  list-style: none;
  gap: 4.8rem;
}

.header ul li {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
}

.header ul li a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}

.header ul li a.active {
  opacity: 0.5;
}

.header ul li:nth-last-child(1) {
  padding-right: 6.4rem;
}

.header ul li.current {
  opacity: 0.6;
}

.header-mobile {
  display: none;
}

@media (max-width: 900px) {
  .header {
    display: none;
  }

  .header-mobile {
    position: absolute;
    z-index: 4;
    width: 100%;
    display: block;
  }

  .header-mobile svg {
    width: 6rem;
    height: 6rem;
    position: absolute;
    right: 2rem;
    top: 2rem;
    z-index: 999;
    transition: 0.3s ease all;
  }

  .header-mobile svg.active {
    stroke: #174679;
    transition: 0.3s ease all;
  }

  .header-mobile .menu {
    background-color: ghostwhite;
    width: 100%;
    height: 0;
    pointer-events: none;
    transition: 0.4s ease all;
    border-radius: 0 0px 20px 20px;
    opacity: 0;
  }

  .header-mobile .menu ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    gap: 4rem;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  .header-mobile .menu ul li {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    white-space: nowrap;
  }

  .header-mobile .menu ul li a {
    text-decoration: none;
    color: #174679;
    cursor: pointer;
  }

  .header-mobile .menu ul li a.active {
    opacity: 0.5;
  }

  .header-mobile .menu ul li.current {
    opacity: 0.6;
  }

  .header-mobile .menu.active {
    height: 50vh;
    opacity: 1;
    transition: 0.4s ease all;
    pointer-events: all;
  }
}

.footer {
  display: flex;
}

.footer a {
  background: #3C3C3B;
  border: 1px solid #4A566A;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 0;
  text-decoration: none;
  color: #fff;
  position: relative;
}

.footer a::before {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  right: 0;
  margin: auto;
  border-bottom: 6px solid #2581C4;
  width: 0;
  transition: 0.3s all ease;
}

.footer a:hover.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #2581C4;
  transition: 0.3s ease;
  height: 6px;
}

.footer a.text-footer {
  pointer-events: none;
}

.subfooter {
  background: #3C3C3B;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.subfooter .policy {
  text-decoration: none;
  color: #fff;
  font-size: 1.6rem;
  padding: 2rem;
}

.subfooter .policy::before {
  content: "";
  left: 0;
  bottom: 0;
  position: absolute;
  right: 0;
  margin: auto;
  border-bottom: 6px solid #2581C4;
  width: 0;
  transition: 0.3s all ease;
}

.subfooter .policy:hover.active::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #2581C4;
  transition: 0.3s ease;
  height: 2px;
}

@media (max-width: 900px) {
  .footer {
    flex-direction: column;
  }
}

/* ============ PAGES ============= */

.home {
  overflow: hidden;
}

.home .banner {
  position: relative;
}

.home .banner__container__content__text {
  display: flex;
  font-size: 3.2rem;
  position: relative;
  gap: 3vw;
  z-index: 3;
  height: 80vh;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.home .banner__container__content__text .left {
  transition: 0.3s ease-in all;
  opacity: 0;
}

.home .banner__container__content__text .left.active {
  opacity: 1;
  transition: 0.3s ease-in all;
}

.home .banner__container__content__text .right {
  font-weight: 400;
  width: 25vw;
  opacity: 0;
  transition: 0.5s ease-in all;
}

.home .banner__container__content__text .right.active {
  opacity: 1;
  transition: 0.5s ease-in all;
}

.home .banner__container__content__text .right strong {
  font-weight: 700;
}

.home .banner__container__content .see-more {
  position: absolute;
  bottom: 5%;
  left: 50%;
  display: flex;
  flex-direction: column;
  z-index: 3;
  gap: 1rem;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  align-items: center;
  font-family: "Raleway";
  flex-shrink: 0;
  cursor: pointer;
}

.home .banner__container__content .see-more svg {
  height: 60px;
}

.home .banner__container__content .see-more .animation {
  -webkit-animation: anima-seta 1.5s ease infinite;
          animation: anima-seta 1.5s ease infinite;
  transition: 0.5s ease-in all;
  z-index: 2;
}

@-webkit-keyframes anima-seta {
  to {
    opacity: 1;
    transform: translateY(18px);
    transition: 0.5s ease-in all;
  }
}

@keyframes anima-seta {
  to {
    opacity: 1;
    transform: translateY(18px);
    transition: 0.5s ease-in all;
  }
}

.home .banner__container__content .svg-top-left {
  position: absolute;
  top: -35rem;
  z-index: 2;
  transition: 1s ease-in all;
}

.home .banner__container__content .svg-top-left.active {
  top: 0;
  transition: 1s ease-in all;
}

.home .banner__container img {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

.home .banner__container::before {
  content: "";
  width: 100%;
  height: 110%;
  position: absolute;
  opacity: 0.8;
  z-index: 1;
  background: radial-gradient(circle at 100% 100%, rgba(71, 158, 241, 0.59) 7%, rgba(255, 236, 255, 0) 57%, rgba(255, 236, 255, 0) 100%), #1d5289;
}

.home .banner .svg-middle-right {
  position: absolute;
  right: -40rem;
  top: calc(50% - 174.5px);
  z-index: 2;
  transition: 1s ease-in all;
}

.home .banner .svg-middle-right.active {
  right: 0;
  transition: 1s ease-in all;
}

.home__diagnostic {
  display: flex;
  background-color: #fff;
  border-radius: 50px 50px 0px 0px;
  position: relative;
  z-index: 3;
}

.home__diagnostic__left {
  width: 50%;
  padding: 14rem 12rem 18rem 21rem;
}

.home__diagnostic__left .title-section-36 {
  font-weight: 800;
}

.home__diagnostic__right {
  width: 50%;
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
}

.home__diagnostic__right .background {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50px 50px 0px 50px;
}

.home__diagnostic__right .background::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: linear-gradient(162.26deg, #19d0f7 6.73%, #1da0f8 87.88%);
  bottom: 0;
  height: 100%;
  border-radius: 50px 50px 0px 50px;
  opacity: 0.7;
}

.home__diagnostic__right .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px 50px 0px 50px;
}

.home__diagnostic__right svg {
  position: absolute;
  bottom: 3rem;
  left: -8rem;
}

.home__diagnostic__right .image {
  z-index: 2;
  height: 80%;
}

.home__diagnostic__right .image img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.home__diagnostic__right .logo {
  position: absolute;
  top: 14rem;
  right: 4rem;
}

.home__carousel {
  padding: 14rem 0 7rem;
  position: relative;
  background-color: #fff;
}

.home__carousel__wrapper .slick-list {
  padding: 0 30% !important;
}

.home__carousel__wrapper .slick-track {
  display: flex !important;
}

.home__carousel__wrapper .item {
  border: 2px solid #5CECD4;
  border-radius: 60px;
  padding: 9rem 11rem;
  margin: 0 -3rem;
  height: inherit !important;
  filter: blur(5px);
  transition: 0.3s ease-in all;
}

.home__carousel__wrapper .item .content {
  transition: 0.3s ease-in all;
}

.home__carousel__wrapper .item.slick-current {
  filter: blur(0px);
  transition: 0.3s ease-in all;
}

.home__carousel__wrapper .item.slick-current .content {
  opacity: 1;
  transition: 0.3s ease-in all;
}

.home__carousel .slider-js-know-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 5rem;
}

.home__carousel .slider-js-know-pagination ul {
  display: flex;
  gap: 0.8rem;
}

.home__carousel .slider-js-know-pagination ul li {
  background: rgba(23, 70, 121, 0.5);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transition: 0.4s all ease-in;
}

.home__carousel .slider-js-know-pagination ul li.slick-active {
  width: 32px;
  background-color: #5CECD4;
  border-radius: 300px;
  transition: 0.4s all ease-in;
}

.home__trainings {
  background-color: #fff;
  padding-bottom: 10rem;
  position: relative;
  z-index: 1;
}

.home__trainings::before {
  content: "";
  position: absolute;
  bottom: -4rem;
  height: 100%;
  width: 100%;
  background-color: #fff;
}

.home__trainings .title-section {
  font-size: 2rem;
}

.home__trainings .itens .item {
  display: flex;
  width: 100%;
  height: 80vh;
}

.home__trainings .itens .item:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 6.4rem;
}

.home__trainings .itens .item:nth-child(even) .left {
  z-index: 2;
}

.home__trainings .itens .item:nth-child(even) .left .image img {
  border-radius: 60px 0px 0px 60px;
}

.home__trainings .itens .item:nth-child(even) .left .image::after {
  border-radius: 0px 60px 60px 0px;
}

.home__trainings .itens .item:nth-child(even) .left .image .logo {
  left: unset;
  right: 6rem;
}

.home__trainings .itens .item .left {
  width: 50%;
}

.home__trainings .itens .item .left .image {
  width: 100%;
  height: 100%;
  background-blend-mode: overlay;
  position: relative;
}

.home__trainings .itens .item .left .image::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  background-blend-mode: overlay;
  background: linear-gradient(162.26deg, #19D0F7 6.73%, #1DA0F8 87.88%);
  transform: matrix(-1, 0, 0, 1, 0, 0);
  opacity: 0.7;
  border-radius: 60px 0px 0px 60px;
}

.home__trainings .itens .item .left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0px 60px 60px 0px;
}

.home__trainings .itens .item .left .image .logo {
  position: absolute;
  left: 9rem;
  transform: translate(-50%, 50%);
  top: 6rem;
  z-index: 2;
  cursor: pointer;
}

.home__trainings .itens .item .left .image .player {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 50%;
  z-index: 2;
  cursor: pointer;
}

.home__trainings .itens .item .right {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 18.7rem;
  align-items: flex-start;
  z-index: 2;
}

.home__trainings .itens .item .right .title-section.date {
  text-transform: uppercase;
}

.home__app {
  background-blend-mode: overlay;
  border-radius: 50px 50px 0px 0px;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.home__app .background {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50px 50px 0px 0px;
  z-index: -1;
}

.home__app .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50px 50px 0px 0px;
}

.home__app .background::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  background: linear-gradient(162.26deg, #84E9D5 6.73%, #73F4BE 87.88%);
  background-blend-mode: overlay;
  width: 100%;
  opacity: 0.7;
  border-radius: 50px 50px 0px 0px;
}

.home__app .left {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home__app .right {
  width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-right: 20rem;
}

.home__manuals {
  height: 100vh;
  background-color: #174679;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20rem;
  position: relative;
  z-index: 1;
}

.home__manuals__left {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.home__manuals__left .image {
  background: linear-gradient(162.26deg, #84E9D5 6.73%, #73F4BE 87.88%);
  border-radius: 60px;
  width: 470px;
  height: 270px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home__manuals__left .image svg {
  position: absolute;
  bottom: 6rem;
  left: -6rem;
}

.home__manuals__left .image img {
  z-index: 2;
  width: 350px;
  height: 400px;
  padding-bottom: 11rem;
}

.home__manuals__right {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-left: 10rem;
}

.home__manuals__right .image {
  background: linear-gradient(162.26deg, #84E9D5 6.73%, #73F4BE 87.88%);
  border-radius: 60px;
  width: 470px;
  height: 270px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home__manuals__right .image svg {
  position: absolute;
  bottom: 6rem;
  left: -6rem;
}

.home__manuals__right .image img {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 350px;
  height: 350px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 900px) {
  .home .banner__container__content .svg-middle-right,
  .home .banner__container__content .svg-top-left {
    display: none;
  }

  .home .banner__container__content__text {
    flex-direction: column;
  }

  .home .banner__container__content__text .right {
    width: 100%;
    text-align: center;
    padding: 0 2rem;
    font-size: 2.5rem;
  }

  .home .banner__container__content__text .left svg {
    width: 150px;
    height: 150px;
  }

  .home .banner__container__content .see-more {
    left: 50%;
    transform: translate(-50%);
    bottom: 4%;
  }

  .home .banner__container img {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .home__diagnostic {
    flex-direction: column;
  }

  .home__diagnostic__left,
  .home__diagnostic__right {
    width: 100%;
  }

  .home__diagnostic__left {
    padding: 9rem 2rem 6rem 2rem;
  }

  .home__diagnostic__right svg {
    display: none;
  }

  .home__carousel__wrapper .slick-list {
    padding: 0 1% !important;
  }

  .home__carousel__wrapper .slick-list .item {
    margin: 0;
    padding: 9rem 2rem;
    height: unset;
  }

  .home__trainings .itens .item {
    flex-direction: column;
    height: unset;
    gap: 3rem;
  }

  .home__trainings .itens .item .left {
    width: 100%;
  }

  .home__trainings .itens .item .right {
    width: 100%;
    padding: 0 2rem;
  }

  .home__trainings .itens .item .right .date {
    white-space: nowrap;
  }

  .home__trainings .itens .item:nth-child(even) {
    flex-direction: column;
  }

  .home__app {
    flex-direction: column-reverse;
    gap: 5rem;
  }

  .home__app .left {
    width: 100%;
  }

  .home__app .left img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .home__app .right {
    width: 100%;
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .home__manuals {
    flex-direction: column;
    padding: 10rem 2rem 2rem;
    gap: 5rem;
    height: unset;
  }

  .home__manuals__left {
    width: 100%;
  }

  .home__manuals__left .image {
    width: unset;
  }

  .home__manuals__left .image img {
    width: unset;
    height: 200px;
    padding: 0;
  }

  .home__manuals__right {
    width: 100%;
    padding: 10rem 2rem 2rem;
  }

  .home__manuals__right .image {
    width: unset;
  }

  .home__manuals__right .image img {
    height: 100%;
    width: 100%;
  }
}

.mestrePlus .gradient {
  position: relative;
}

.mestrePlus .gradient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: radial-gradient(circle at 100% 99%, rgba(24, 206, 247, 0.6) 0px, transparent 50%), radial-gradient(circle at 0% 57%, rgba(131, 231, 213, 0.2) 0px, transparent 50%), radial-gradient(circle at 100% 22%, rgba(71, 156, 240, 0.6) 0px, transparent 50%);
  z-index: 1;
}

.mestrePlus__banner {
  position: relative;
  height: 100vh;
}

.mestrePlus__banner::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 33, 68, 0) 24.48%, #002144 100%);
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.mestrePlus__banner .image {
  width: 100%;
  height: 100%;
  position: relative;
}

.mestrePlus__banner .image .background {
  position: relative;
  height: 100%;
}

.mestrePlus__banner .image .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mestrePlus__banner .image .background::after {
  content: "";
  background: #002144;
  opacity: 0.8;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.mestrePlus__banner .image .arch {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.mestrePlus__banner .image .logo {
  position: absolute;
  top: 4rem;
  left: 14rem;
  z-index: 1;
}

.mestrePlus__banner .image .arch-right {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  height: 80%;
}

.mestrePlus__banner .image .computer {
  position: absolute;
  right: 0;
  top: 12vh;
  z-index: 3;
  height: 70%;
  width: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mestrePlus__banner .content {
  z-index: 2;
  position: absolute;
  left: 30%;
  transform: translate(-50%);
  bottom: 40%;
  max-width: 30%;
  display: flex;
  flex-direction: column;
  text-align: end;
}

.mestrePlus__banner .content .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mestrePlus__banner .see-more {
  position: absolute;
  bottom: 20%;
  width: 100%;
  display: flex;
  flex-direction: column;
  z-index: 3;
  gap: 1.6rem;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #fff;
  align-items: center;
  font-family: "Raleway";
  cursor: pointer;
}

.mestrePlus__banner .see-more svg {
  -webkit-animation: anima-seta 1.5s ease infinite;
          animation: anima-seta 1.5s ease infinite;
}

@media (max-width: 1090px) {
  .mestrePlus__banner .see-more {
    color: #479EF1;
  }

  .mestrePlus__banner .see-more svg path {
    stroke: #479EF1;
  }
}

@keyframes anima-seta {
  to {
    opacity: 1;
    transform: translateY(18px);
    transition: 0.5s ease-in all;
  }
}

.mestrePlus__functions {
  background: #002144;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mestrePlus__functions__left {
  width: 50%;
  padding: 4rem 8rem 5rem 5rem;
  flex-direction: column;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 999;
}

.mestrePlus__functions__left .image {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mestrePlus__functions__left .image img {
  width: 100%;
  height: 100%;
  position: relative;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 2;
}

.mestrePlus__functions__left svg {
  position: absolute;
  left: 0;
  top: -5rem;
}

.mestrePlus__functions__right {
  width: 50%;
  z-index: 2;
}

.mestrePlus__functions__right .title-white-36 {
  font-weight: 800;
  max-width: 70%;
}

.mestrePlus__experiences {
  background: #002144;
  padding: 15rem 0 12rem 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.mestrePlus__experiences__left {
  width: 40%;
  z-index: 999;
}

.mestrePlus__experiences__right {
  width: 60%;
  position: relative;
  z-index: 999;
}

.mestrePlus__experiences__right .circles {
  display: flex;
  gap: 4rem;
  align-items: center;
  z-index: 2;
  position: relative;
}

.mestrePlus__experiences__right .circles .circle-left {
  width: 240px;
  height: 240px;
  background: linear-gradient(162.26deg, #5ECEF3 6.73%, #479EF1 87.88%);
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mestrePlus__experiences__right .circles .circle-left .image {
  width: 200px;
  height: 260px;
  margin-top: 8rem;
}

.mestrePlus__experiences__right .circles .circle-left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mestrePlus__experiences__right .circles .arrows {
  position: relative;
}

.mestrePlus__experiences__right .circles .arrows .circle-svg {
  position: absolute;
  left: 0;
  z-index: -1;
  transform: translate(-50%, -40%);
  width: 362px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px dashed #19F7EA;
  height: 38rem;
  flex-shrink: 0;
  top: 0;
}

.mestrePlus__experiences__right .circles .arrows svg {
  position: relative;
}

.mestrePlus__experiences__right .circles .circle-right {
  width: 100%;
  background: linear-gradient(162.26deg, #5ECEF3 6.73%, #479EF1 87.88%);
  height: 240px;
  border-radius: 300px 0 0 300px;
  overflow: hidden;
}

.mestrePlus__experiences__right .circles .circle-right .image {
  width: 200px;
  height: 260px;
  margin-top: 2rem;
  margin-left: 2rem;
}

.mestrePlus__experiences__right .circles .circle-right .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mestrePlus__experiences svg {
  position: absolute;
  right: 0;
  bottom: 50%;
  transform: translateY(50%);
  z-index: 1;
}

.mestrePlus__books {
  background: linear-gradient(162.26deg, #84E9D5 6.73%, #73F4BE 87.88%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13rem 15rem 10rem 15rem;
  position: relative;
}

.mestrePlus__books__right {
  width: 50%;
  z-index: 99;
}

.mestrePlus__books__left {
  width: 50%;
  position: relative;
  z-index: 2;
}

.mestrePlus__books__left .image {
  position: absolute;
  top: 0;
  left: 20%;
  top: 50%;
  transform: translateY(-50%);
}

.mestrePlus__books__left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mestrePlus__books .svg-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.mestrePlus .gradient-2 {
  position: relative;
}

.mestrePlus .gradient-2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0);
  background-image: radial-gradient(circle at 100% 1%, rgba(71, 158, 240, 0.3) 0px, transparent 50%), radial-gradient(circle at 71% 63%, rgba(130, 232, 212, 0.3) 0px, transparent 50%);
}

.mestrePlus__will-find {
  background-color: #002144;
  padding: 8.4rem 0 8.4rem 0rem;
  position: relative;
}

.mestrePlus__will-find .title-white-36 {
  text-align: center;
  padding: 0 30rem;
  z-index: 3;
}

.mestrePlus__will-find .title-white-36 strong {
  color: #19F7EA;
}

.mestrePlus__will-find__carousel {
  z-index: 2;
}

.mestrePlus__will-find__carousel .slick-list {
  padding-left: 7rem;
}

.mestrePlus__will-find__carousel .item {
  height: 464px;
  width: 277px;
  background: #73F4BE;
  border-radius: 500px;
  margin-right: 3rem;
  border: 2px solid #73F4BE;
  transition: 0.3s ease-in all;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 5rem 4rem;
  cursor: pointer;
}

.mestrePlus__will-find__carousel .item:hover {
  background: transparent;
  transition: 0.2s ease-in all;
}

.mestrePlus__will-find__carousel .item:hover .title-section,
.mestrePlus__will-find__carousel .item:hover .desc-blue {
  color: #73F4BE;
}

.mestrePlus__will-find__carousel .item:hover svg path {
  stroke: #73F4BE;
}

.mestrePlus__will-find__carousel .item:nth-child(even) {
  margin-top: 10rem;
}

.mestrePlus__will-find .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  padding-top: 5rem;
  z-index: 2;
}

.mestrePlus__will-find .arrows .slider-js-willFind-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2rem;
}

.mestrePlus__will-find .arrows .slider-js-willFind-pagination ul {
  display: flex;
  gap: 0.8rem;
}

.mestrePlus__will-find .arrows .slider-js-willFind-pagination ul li {
  background: rgba(255, 255, 255, 0.5);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transition: 0.4s all ease-in;
  cursor: pointer;
}

.mestrePlus__will-find .arrows .slider-js-willFind-pagination ul li.slick-active {
  width: 32px;
  background-color: #5CECD4;
  border-radius: 300px;
  transition: 0.4s all ease-in;
}

.mestrePlus__will-find .arrows .slider-js-willFind-next,
.mestrePlus__will-find .arrows .slider-js-willFind-prev {
  opacity: 1;
}

.mestrePlus__will-find .arrows .slider-js-willFind-next.slick-disabled,
.mestrePlus__will-find .arrows .slider-js-willFind-prev.slick-disabled {
  opacity: 0.5;
}

.mestrePlus__will-find .arrows .slider-js-willFind-next.slick-disabled path,
.mestrePlus__will-find .arrows .slider-js-willFind-prev.slick-disabled path {
  stroke: #fff;
}

.mestrePlus__will-find .arrows svg {
  cursor: pointer;
}

.mestrePlus__courses {
  background-color: #002144;
  padding: 9rem 0;
}

.mestrePlus__courses .title-white-36 {
  text-align: center;
}

.mestrePlus__courses__carousel {
  z-index: 2;
}

.mestrePlus__courses__carousel .slick-list {
  padding-left: 6rem !important;
}

.mestrePlus__courses__carousel .item {
  overflow: hidden;
  margin-right: 1.6rem;
  border: 2px solid #19D1F7;
  border-radius: 40px;
}

.mestrePlus__courses__carousel .item .up {
  background: #19D1F7;
  padding: 3.7rem 7rem 2.2rem 3.2rem;
}

.mestrePlus__courses__carousel .item .bottom {
  background-color: transparent;
  padding: 2rem 6rem 3.6rem 3.2rem;
}

.mestrePlus__courses .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  padding-top: 5rem;
  z-index: 2;
}

.mestrePlus__courses .arrows .slider-js-courses-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2rem;
}

.mestrePlus__courses .arrows .slider-js-courses-pagination ul {
  display: flex;
  gap: 0.8rem;
}

.mestrePlus__courses .arrows .slider-js-courses-pagination ul li {
  background: rgba(255, 255, 255, 0.5);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transition: 0.4s all ease-in;
  cursor: pointer;
}

.mestrePlus__courses .arrows .slider-js-courses-pagination ul li.slick-active {
  width: 32px;
  background-color: #5CECD4;
  border-radius: 300px;
  transition: 0.4s all ease-in;
}

.mestrePlus__courses .arrows .slider-js-courses-next,
.mestrePlus__courses .arrows .slider-js-courses-prev {
  opacity: 1;
}

.mestrePlus__courses .arrows .slider-js-courses-next.slick-disabled,
.mestrePlus__courses .arrows .slider-js-courses-prev.slick-disabled {
  opacity: 0.5;
}

.mestrePlus__courses .arrows .slider-js-courses-next.slick-disabled path,
.mestrePlus__courses .arrows .slider-js-courses-prev.slick-disabled path {
  stroke: #fff;
}

.mestrePlus__courses .arrows svg {
  cursor: pointer;
}

.mestrePlus__form {
  background-color: #002144;
}

.mestrePlus__form__card-wrapper {
  background: linear-gradient(0deg, #479EF1, #479EF1), linear-gradient(162.26deg, #479EF1 6.73%, #5ECEF3 87.88%);
  border-radius: 60px 60px 0px 0px;
  display: flex;
  height: 100vh;
  padding-left: 14rem;
}

.mestrePlus__form__card-wrapper__left {
  width: 30%;
  display: flex;
  align-items: left;
  justify-content: center;
  flex-direction: column;
}

.mestrePlus__form__card-wrapper__left .title-section {
  text-align: start;
}

.mestrePlus__form__card-wrapper__right {
  width: 70%;
  position: relative;
}

.mestrePlus__form__card-wrapper__right .background {
  height: 100%;
  position: absolute;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.mestrePlus__form__card-wrapper__right .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mestrePlus__form__card-wrapper__right .form {
  background: #FFFFFF;
  border-radius: 60px;
  padding: 6.4rem 13rem 6.5rem 13rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 50%;
}

.mestrePlus__form__card-wrapper__right .form .title-section {
  text-align: start;
}

@media (max-width: 900px) {
  .mestrePlus__banner svg {
    display: none;
  }

  .mestrePlus__banner .content {
    width: 100%;
    left: 50%;
    top: 10rem;
    transform: translate(-50%);
    text-align: center;
    width: 100%;
    max-width: unset;
    padding: 0 4rem;
  }

  .mestrePlus__banner .image .arch-right {
    display: none;
  }

  .mestrePlus__banner .image .computer {
    bottom: 0;
    width: 400px;
    top: unset;
    top: 50%;
  }

  .mestrePlus__banner .see-more {
    display: none;
  }

  .mestrePlus__functions {
    flex-direction: column-reverse;
    align-items: unset;
    padding: 2rem;
    gap: 5rem;
  }

  .mestrePlus__functions__right {
    width: 100%;
  }

  .mestrePlus__functions__right .title-white-36 {
    max-width: 100%;
  }

  .mestrePlus__functions__left {
    width: 100%;
    padding: 0;
  }

  .mestrePlus__functions__left svg {
    display: none;
  }

  .mestrePlus__experiences {
    padding: 15rem 0 12rem 2rem;
    flex-direction: column;
  }

  .mestrePlus__experiences__left {
    width: 100%;
  }

  .mestrePlus__experiences__right {
    width: 100%;
  }

  .mestrePlus__experiences__right .circles {
    flex-direction: column;
  }

  .mestrePlus__experiences__right .circles .circle-svg {
    display: none;
  }

  .mestrePlus__experiences__right .circles .arrows {
    display: none;
  }

  .mestrePlus__books {
    padding: 13rem 2rem 9rem 2rem;
    flex-direction: column;
    overflow: hidden;
    gap: 4rem;
  }

  .mestrePlus__books__left {
    width: 100%;
  }

  .mestrePlus__books__right {
    width: 100%;
  }

  .mestrePlus__will-find .title-white-36 {
    padding: 0 2rem;
  }

  .mestrePlus__courses__carousel .slick-list {
    padding: 0 2rem 0 2rem !important;
  }

  .mestrePlus__form {
    height: unset;
  }

  .mestrePlus__form__card-wrapper {
    flex-direction: column;
    padding: 8rem 2rem 5rem;
    height: auto;
  }

  .mestrePlus__form__card-wrapper__left {
    width: 100%;
  }

  .mestrePlus__form__card-wrapper__right {
    width: 100%;
    padding-top: 5rem;
  }

  .mestrePlus__form__card-wrapper__right .form {
    position: relative;
    padding: 5rem;
    left: 0;
    transform: unset;
    width: 100%;
    height: unset;
  }

  .mestrePlus__form__card-wrapper .background {
    display: none;
  }
}

.thanks {
  position: relative;
  background: linear-gradient(180deg, rgba(34, 92, 149, 0) 0%, #174679 100%);
  background: #174679;
  background-blend-mode: normal, overlay;
}

.thanks__banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.thanks__banner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(34, 92, 149, 0) 0%, #174679 100%);
  background-blend-mode: normal, overlay;
  opacity: 0.6;
}

.thanks__banner svg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.thanks__banner .image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.thanks__banner .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.thanks__banner .content {
  z-index: 2;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 20rem;
}

.thanks__banner .content svg {
  position: relative;
}

.thanks__banner .content .title {
  font-weight: 250;
  font-size: 8rem;
  text-align: center;
  color: #FFFFFF;
}

.thanks__banner .content .video {
  width: 665px;
  height: 374px;
  z-index: 2;
  border-radius: 20px;
  position: relative;
}

.thanks__banner .content .video::after {
  content: "";
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #174679;
  opacity: 0.5;
}

.thanks__banner .content .video img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.thanks__banner .content .video svg {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
}

.thanks__books {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13rem 15rem 12rem 15rem;
  position: relative;
}

.thanks__books__right {
  width: 30%;
}

.thanks__books__left {
  width: 50%;
  position: relative;
  z-index: 2;
}

.thanks__books__left .square-svg {
  width: 470px;
  height: 433px;
  border: 2px solid #5CECD4;
  border-radius: 60px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.thanks__books__left .square-svg .ball-svg {
  background: linear-gradient(162.26deg, #84E9D5 6.73%, #73F4BE 87.88%);
  border-radius: 300px;
  width: 439px;
  height: 240px;
  margin-left: 5rem;
}

.thanks__books__left .square-svg .image {
  position: absolute;
  top: 0;
  right: -7rem;
  top: 50%;
  height: 325px;
  width: 400px;
  transform: translateY(-50%);
}

.thanks__books__left .square-svg .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 900px) {
  .thanks__banner svg {
    display: none;
  }

  .thanks__banner .content {
    padding: 10rem 2rem 0;
  }

  .thanks__banner .content .logo svg {
    display: block;
  }

  .thanks__banner .content .title {
    font-size: 4rem;
    text-align: center;
  }

  .thanks__banner .content .title svg {
    display: none;
  }

  .thanks__banner .content .desc-white {
    text-align: center;
  }

  .thanks__banner .content .video {
    width: 100%;
    height: unset;
  }

  .thanks__banner .content .video img {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .thanks__banner .content .video svg {
    display: block;
  }

  .thanks__books {
    padding: 13rem 2rem 12rem 2rem;
    flex-direction: column-reverse;
    gap: 4rem;
  }

  .thanks__books__left {
    width: 100%;
  }

  .thanks__books__left .square-svg {
    width: unset;
    border: none;
    height: unset;
  }

  .thanks__books__left .square-svg .image {
    width: 300px;
    height: 300px;
    left: 50%;
    transform: translate(-50%, -50%);
    right: unset;
  }

  .thanks__books__left .square-svg .ball-svg {
    background: transparent;
  }

  .thanks__books__right {
    width: 100%;
  }
}

.course__banner {
  min-height: 100vh;
  background-color: #174679;
  position: relative;
  display: flex;
  padding: 14rem 0 5rem 14rem;
  overflow: hidden;
}

.course__banner .image {
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
}

.course__banner .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.course__banner__left {
  z-index: 2;
  width: 30%;
}

.course__banner__left .content .title-white-40 strong {
  font-weight: 800;
}

.course__banner__left .content .btn {
  cursor: pointer;
}

.course__banner__right {
  position: relative;
  z-index: 2;
  width: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.course__banner__right svg {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.course__banner__right .card-video {
  width: 850px;
  height: 500px;
  z-index: 3;
  position: relative;
}

.course__banner__right .card-video .bg {
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.course__banner__right .card-video .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}

.course__banner__right .card-video svg {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 2;
  bottom: 50%;
}

.course__banner__right .image-banner {
  position: absolute;
  bottom: -1rem;
  height: 90%;
}

.course__banner__right .image-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.course__banner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background-color: #174679;
}

.course__time {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding-top: 10rem;
}

.course__time .title-section {
  color: #5CECD4;
}

.course__time .days,
.course__time .hours,
.course__time .minutes,
.course__time .seconds {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.course__time .hours {
  border-left: 2px solid #5CECD4;
  border-right: 2px solid #5CECD4;
  padding: 0 4rem;
}

.course__time .minutes {
  border-right: 2px solid #5CECD4;
  padding-right: 4rem;
}

.course__learn {
  padding-top: 10rem;
}

.course__learn .title-primary-36 {
  text-align: center;
}

.course__learn .title-section {
  color: #5cecd4;
}

.course__learn__accordions {
  padding: 0 14rem;
}

.course__learn__accordions .wrapper .item {
  width: 100%;
  border: 2px solid #5cecd4;
  border-radius: 20px;
  padding: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8rem;
  cursor: pointer;
}

.course__learn__accordions .wrapper .item .title-section {
  color: #174679;
  text-align: start;
}

.course__learn__accordions .wrapper .item .title-section.title-accordion {
  color: #5cecd4;
}

.course__learn__accordions .wrapper .item .content {
  max-height: 0;
  overflow: hidden;
  transition: 0.5s all ease;
}

.course__learn__accordions .wrapper .item .content.active {
  transition: 0.5s all ease;
  max-height: 1000px;
  padding-top: 2rem;
}

.course__learn__accordions .btn-wrapper {
  display: flex;
  justify-content: center;
}

.course__carousel-teacher {
  padding-top: 19rem;
  padding-bottom: 14rem;
}

.course__carousel-teacher .slick-list {
  overflow: initial;
  overflow-x: clip;
}

.course__carousel-teacher .slick-track {
  display: flex !important;
}

.course__carousel-teacher .item {
  border: 2px solid #5cecd4;
  border-radius: 60px;
  display: flex;
  height: inherit !important;
}

.course__carousel-teacher .item .left {
  width: 40%;
  padding: 13rem 15rem 13rem 10rem;
}

.course__carousel-teacher .item .left .title-section {
  color: #5cecd4;
  text-align: start;
}

.course__carousel-teacher .item .right {
  background: linear-gradient(162.26deg, #84e9d5 6.73%, #73f4be 87.88%);
  border-radius: 60px;
  width: 60%;
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
}

.course__carousel-teacher .item .right .image {
  height: 120%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  z-index: 2;
}

.course__carousel-teacher .item .right .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.course__carousel-teacher .item .right svg {
  position: absolute;
  left: -10rem;
  z-index: 1;
  bottom: 5rem;
}

.course__carousel-teacher .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  padding-top: 5rem;
  z-index: 2;
}

.course__carousel-teacher .arrows .slider-js-teachers-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2rem;
}

.course__carousel-teacher .arrows .slider-js-teachers-pagination ul {
  display: flex;
  gap: 0.8rem;
}

.course__carousel-teacher .arrows .slider-js-teachers-pagination ul li {
  background: rgba(23, 70, 121, 0.5);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transition: 0.4s all ease-in;
  cursor: pointer;
}

.course__carousel-teacher .arrows .slider-js-teachers-pagination ul li.slick-active {
  width: 32px;
  background-color: #5CECD4;
  border-radius: 300px;
  transition: 0.4s all ease-in;
}

.course__carousel-teacher .arrows .slider-js-teachers-next,
.course__carousel-teacher .arrows .slider-js-teachers-prev {
  opacity: 1;
}

.course__carousel-teacher .arrows .slider-js-teachers-next.slick-disabled,
.course__carousel-teacher .arrows .slider-js-teachers-prev.slick-disabled {
  opacity: 0.5;
}

.course__carousel-teacher .arrows .slider-js-teachers-next.slick-disabled path,
.course__carousel-teacher .arrows .slider-js-teachers-prev.slick-disabled path {
  stroke: #fff;
}

.course__carousel-teacher .arrows svg {
  cursor: pointer;
}

.course__carousel-they-say {
  position: relative;
  padding-bottom: 10rem;
}

.course__carousel-they-say .title-primary-36 {
  font-weight: 400;
  margin-left: 20rem;
}

.course__carousel-they-say .title-primary-36 strong {
  font-weight: 800;
}

.course__carousel-they-say::before {
  content: "";
  position: absolute;
  border-left: #5cecd4 solid 3px;
  height: 100%;
  left: 12rem;
  bottom: 0;
}

.course__carousel-they-say .wrapper {
  margin-left: 20rem;
  padding-bottom: 13rem;
  padding-top: 4rem;
}

.course__carousel-they-say .wrapper .slick-list {
  padding: 0 8rem 0 0 !important;
}

.course__carousel-they-say .wrapper .slick-list .slick-track {
  margin-left: unset;
}

.course__carousel-they-say .wrapper .item {
  margin-right: 7rem;
}

.course__carousel-they-say .wrapper .item .title-section {
  font-weight: 700;
  text-align: start;
}

.course__carousel-they-say .wrapper .item .author {
  display: flex;
  align-items: center;
  gap: 1.7rem;
}

.course__carousel-they-say .wrapper .item .author .author-role {
  color: #174679;
  margin-top: 0.5rem;
}

.course__carousel-they-say .wrapper .item .author .left .image {
  width: 47px;
  height: 47px;
}

.course__carousel-they-say .wrapper .item .author .left .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.course__carousel-they-say .arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: 25%;
  transform: translate(-50%);
  z-index: 2;
}

.course__carousel-they-say .arrows .slider-js-opinions-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2rem;
}

.course__carousel-they-say .arrows .slider-js-opinions-pagination ul {
  display: flex;
  gap: 0.8rem;
}

.course__carousel-they-say .arrows .slider-js-opinions-pagination ul li {
  background: rgba(23, 70, 121, 0.5);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transition: 0.4s all ease-in;
  cursor: pointer;
}

.course__carousel-they-say .arrows .slider-js-opinions-pagination ul li.slick-active {
  width: 32px;
  background-color: #5CECD4;
  border-radius: 300px;
  transition: 0.4s all ease-in;
}

.course__carousel-they-say .arrows .slider-js-opinions-next,
.course__carousel-they-say .arrows .slider-js-opinions-prev {
  opacity: 1;
}

.course__carousel-they-say .arrows .slider-js-opinions-next.slick-disabled,
.course__carousel-they-say .arrows .slider-js-opinions-prev.slick-disabled {
  opacity: 0.5;
}

.course__carousel-they-say .arrows .slider-js-opinions-next.slick-disabled path,
.course__carousel-they-say .arrows .slider-js-opinions-prev.slick-disabled path {
  stroke: #fff;
}

.course__carousel-they-say .arrows svg {
  cursor: pointer;
}

.course__carousel-they-say .btn-wrapper {
  display: flex;
  justify-content: center;
}

.course__form__card-wrapper {
  background: linear-gradient(0deg, #479EF1, #479EF1), linear-gradient(162.26deg, #479EF1 6.73%, #5ECEF3 87.88%);
  border-radius: 60px 60px 0px 0px;
  display: flex;
  height: 100vh;
  padding-left: 14rem;
}

.course__form__card-wrapper__left {
  width: 30%;
  display: flex;
  align-items: left;
  justify-content: center;
  flex-direction: column;
}

.course__form__card-wrapper__left .title-section {
  text-align: start;
}

.course__form__card-wrapper__right {
  width: 70%;
  position: relative;
}

.course__form__card-wrapper__right .background {
  height: 100%;
  position: absolute;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.course__form__card-wrapper__right .background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.course__form__card-wrapper__right .form {
  background: #FFFFFF;
  border-radius: 60px;
  padding: 6.4rem 13rem 6.5rem 13rem;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
  bottom: 50%;
}

.course__form__card-wrapper__right .form .title-section {
  text-align: start;
}

@media (max-width: 900px) {
  .course__banner {
    padding: 14rem 2rem 0rem 2rem;
    flex-direction: column;
    height: unset;
    gap: 7rem;
  }

  .course__banner__left {
    width: 100%;
    height: 50%;
  }

  .course__banner__left .content {
    text-align: center;
  }

  .course__banner__left .content .title-section {
    text-align: center;
  }

  .course__banner__left .content .btn {
    width: auto;
  }

  .course__banner__right {
    height: 50%;
    width: 100%;
  }

  .course__banner__right svg {
    display: none;
  }

  .course__banner__right a svg {
    display: block;
  }

  .course__banner__right .card-video {
    height: 300px;
    padding-bottom: 3rem;
  }

  .course__banner__right .image-banner {
    position: relative;
  }

  .course__time {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .course__time .hours,
  .course__time .minutes {
    padding: 0;
    border: none;
  }

  .course__learn {
    padding: 10rem 2rem 0;
  }

  .course__learn__accordions {
    padding: 0;
  }

  .course__learn__accordions .item .left {
    width: 80%;
  }

  .course__carousel-teacher .wrapper .slick-list {
    padding: 0px 20px !important;
  }

  .course__carousel-teacher .wrapper .slick-list .slick-track .item {
    flex-direction: column;
  }

  .course__carousel-teacher .wrapper .slick-list .slick-track .item .left {
    width: 100%;
    padding: 8rem 3rem 7rem 3rem;
  }

  .course__carousel-teacher .wrapper .slick-list .slick-track .item .right {
    width: 100%;
    border-radius: unset;
    border-radius: 20px;
    height: 100%;
  }

  .course__carousel-teacher .wrapper .slick-list .slick-track .item .right svg {
    display: none;
  }

  .course__carousel-teacher .wrapper .slick-list .slick-track .item .right .image {
    height: 100%;
  }

  .course__carousel-they-say::before {
    display: none;
  }

  .course__carousel-they-say .title-primary-36 {
    margin: 2rem;
  }

  .course__carousel-they-say .wrapper {
    margin: 2rem;
  }

  .course__carousel-they-say .wrapper .slick-list {
    padding: 0 0rem 0 0 !important;
  }

  .course__form {
    height: unset;
  }

  .course__form__card-wrapper {
    flex-direction: column;
    padding: 8rem 2rem 5rem;
    height: auto;
  }

  .course__form__card-wrapper__left {
    width: 100%;
  }

  .course__form__card-wrapper__right {
    width: 100%;
    padding-top: 5rem;
  }

  .course__form__card-wrapper__right .form {
    position: relative;
    padding: 5rem;
    left: 0;
    transform: unset;
    width: 100%;
    height: unset;
  }

  .course__form__card-wrapper .background {
    display: none;
  }
}

.master-plus-thanks {
  position: relative;
  background: linear-gradient(180deg, rgba(34, 92, 149, 0) 0%, #174679 100%);
  background: #174679;
  background-blend-mode: normal, overlay;
}

.master-plus-thanks__banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.master-plus-thanks__banner::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(34, 92, 149, 0) 0%, #174679 100%);
  background-blend-mode: normal, overlay;
  opacity: 0.6;
}

.master-plus-thanks__banner svg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.master-plus-thanks__banner .image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.master-plus-thanks__banner .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.master-plus-thanks__banner .content {
  z-index: 2;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 20rem;
}

.master-plus-thanks__banner .content svg {
  position: relative;
}

.master-plus-thanks__banner .content .title {
  font-weight: 250;
  font-size: 8rem;
  text-align: center;
  color: #FFFFFF;
}

.master-plus-thanks__banner .content .video {
  width: 665px;
  height: 374px;
  z-index: 2;
  border-radius: 20px;
  position: relative;
}

.master-plus-thanks__banner .content .video::after {
  content: "";
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #174679;
  opacity: 0.5;
}

.master-plus-thanks__banner .content .video img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.master-plus-thanks__banner .content .video svg {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  cursor: pointer;
}

.master-plus-thanks__books {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13rem 15rem 12rem 15rem;
  position: relative;
}

.master-plus-thanks__books__right {
  width: 30%;
}

.master-plus-thanks__books__left {
  width: 50%;
  position: relative;
  z-index: 2;
}

.master-plus-thanks__books__left .square-svg {
  width: 470px;
  height: 433px;
  border: 2px solid #5CECD4;
  border-radius: 60px;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.master-plus-thanks__books__left .square-svg .ball-svg {
  background: linear-gradient(162.26deg, #84E9D5 6.73%, #73F4BE 87.88%);
  border-radius: 300px;
  width: 439px;
  height: 240px;
  margin-left: 5rem;
}

.master-plus-thanks__books__left .square-svg .image {
  position: absolute;
  top: 0;
  right: -7rem;
  top: 50%;
  height: 325px;
  width: 400px;
  transform: translateY(-50%);
}

.master-plus-thanks__books__left .square-svg .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 900px) {
  .master-plus-thanks__banner svg {
    display: none;
  }

  .master-plus-thanks__banner .content {
    padding: 10rem 2rem 0;
  }

  .master-plus-thanks__banner .content .logo svg {
    display: block;
  }

  .master-plus-thanks__banner .content .title {
    font-size: 4rem;
    text-align: center;
  }

  .master-plus-thanks__banner .content .title svg {
    display: none;
  }

  .master-plus-thanks__banner .content .desc-white {
    text-align: center;
  }

  .master-plus-thanks__banner .content .video {
    width: 100%;
    height: unset;
  }

  .master-plus-thanks__banner .content .video img {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .master-plus-thanks__banner .content .video svg {
    display: block;
  }

  .master-plus-thanks__books {
    padding: 13rem 2rem 12rem 2rem;
    flex-direction: column-reverse;
    gap: 4rem;
  }

  .master-plus-thanks__books__left {
    width: 100%;
  }

  .master-plus-thanks__books__left .square-svg {
    width: unset;
    border: none;
    height: unset;
  }

  .master-plus-thanks__books__left .square-svg .image {
    width: 300px;
    height: 300px;
    left: 50%;
    transform: translate(-50%, -50%);
    right: unset;
  }

  .master-plus-thanks__books__left .square-svg .ball-svg {
    background: transparent;
  }

  .master-plus-thanks__books__right {
    width: 100%;
  }
}

/* ========= COMPONENTES ========== */

.form {
  width: 60%;
}

.form__row {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.7rem;
  width: 100%;
}

.form__row.line {
  flex-direction: row;
}

.form__row:not(:last-child) {
  margin-bottom: 1rem;
}

.form__row .text-checkbox {
  color: #000000;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 17px;
}

.form__row .text-checkbox a {
  text-decoration: underline;
  color: #000000;
  cursor: pointer;
}

.form__col {
  width: 100%;
  position: relative;
}

.form__col label {
  width: 19px;
  height: 19px;
  border: 2px solid #479EF1;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

.form__col label svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.form__col input,
.form__col select,
.form__col textarea {
  border: 2px solid #479EF1;
  border-radius: 200px;
  font-family: "Museo Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  padding: 1.5rem 1.5rem 1.5rem;
  display: flex;
  align-items: flex-start;
  color: #000000;
  width: 100%;
  outline: none;
  position: relative;
}

.form__col .error {
  position: absolute;
  bottom: -1.5rem;
  color: red;
  left: 50%;
  transform: translate(-50%);
  font-size: 1.2rem;
  white-space: nowrap;
}

.form__col input[type=checkbox] {
  display: none;
}

.form__col input[type=checkbox] + label:before {
  content: "";
  position: absolute;
  border-radius: 0.2em;
  display: inline-block;
  width: 100%;
  height: 100%;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: 0.2s;
}

.form__col input[type=checkbox]:checked + label:before {
  background-color: #479EF1;
  color: #fff;
}

.form button {
  border: none;
  background: #19F7EA;
  width: 100%;
  cursor: pointer;
}

.cms-bar {
  height: 50px;
}

.cms-bar__row {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #9700f6;
  height: 50px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  font-family: Arial, Helvetica, sans-serif;
}

.cms-bar__row .text {
  color: #FFF;
  margin-right: 15px;
  font-size: 14px;
  font-weight: bold;
}

.cms-bar__row .btn {
  background: #FFF;
  padding: 5px 20px;
  border-radius: 15px;
  margin-right: 15px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}

.cms-bar__row .btn:hover {
  background: #000;
  color: #FFF;
}

@media (max-width: 900px) {
  .cms-bar__row .text {
    display: none;
  }
}