.white-box {
  background: white;
}

.gray-box {
  background: #F0F2F5;
}

.bluelight-box{
    background: #C5DCFA;
}

.b-waves {
  background-repeat: no-repeat;
  background-size: auto;
}


.form-home{
  background-image: url('/waves/home.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-home-lightblue{
  background-image: url('/waves/home-lightblue.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-home-gray{
  background-image: url('/waves/home-gray.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-nocourses{
  background-image: url('/waves/prof-nocourses.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-courses{
  background-image: url('/waves/prof-courses.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-alum-nocourses{
  background-image: url('/waves/alum-nocourses.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-editcourses{
  background-image: url('/waves/prof-edit-course.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-alum-courses{
  background-image: url('/waves/alum-courses.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-scenarios{
  background-image: url('/waves/scenarios.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-scenarios-gray{
  background-image: url('/waves/scenario-gray.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-lv{
  background-image: url('/waves/prof-lv.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-lv-gray {
  background-image: url('/waves/prof-lv-gray.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-lv-debriefing{
  background-image: url('/waves/prof-lv-debriefing.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-newlv-blue{
  background-image: url('/waves/prof-newlv-blue.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.plain-blue-background {
  background-image: url('/waves/bg-blue.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-newlv-lightblue{
  background-image: url('/waves/prof-newlv-lightblue.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-alum-lv{
  background-image: url('/waves/alum-lv.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-alum-lv-gray{
  background-image: url('/waves/alum-lv-gray.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-alum-lv-rank{
  background-image: url('/waves/alum-lv-ranking.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-alum-lv-debriefing{
  background-image: url('/waves/alum-lv-debriefing.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-test-blue{
  background-image: url('/waves/prof-test-blue.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-test-gray{
  background-image: url('/waves/prof-test-gray.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-test-gray2{
  background-image: url('/waves/prof-test-gray2.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-test-blue2{
  background-image: url('/waves/newback-tests.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-alum-test{
  background-image: url('/waves/alum-test.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-help{
  background-image: url('/waves/alum-help.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-prof-help-gray{
  background-image: url('/waves/prof-help-gray.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.form-alum-help{
  background-image: url('/waves/alum-help.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.prof-createscenes{
  background-image: url('/waves/prof-createscenes.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


/* home */

.form-1 {
  clip-path: polygon(0 0, 0 88%, 8% 86%, 19% 83%, 35% 79%, 44% 76.5%, 50% 75%, 55% 74%, 60% 73%, 66% 72%, 73% 71%, 75% 71%, 82% 70.5%, 86% 70.5%, 90% 70.5%, 92% 71%, 95% 71.5%, 97% 72%, 100% 73%, 100% 0);
}

/* home */

.form-2 {
  clip-path: polygon(0% 100%, 0 0%, 9% 2%, 20% 3%, 36% 4%, 43% 4%, 66% 3%, 83% 2%, 88% 2%, 94% 2%, 100% 2%, 100% 100%);
}

/* help */

.form-3 {
  clip-path: polygon(0 0, 0 78%, 7% 83%, 13% 85%, 18% 87%, 25% 89%, 31% 89%, 38% 89%, 45% 88%, 52% 86%, 59% 83%, 65% 80%, 73% 75%, 78% 71%, 84% 67%, 89% 65%, 93% 64%, 97% 64%, 99% 65%, 100% 66%, 100% 0%);
}

/* courses */

.form-4-wave {
  background: url('/backgroundwaves/nocourses-alum.png');
  background-repeat: no-repeat;
}

/* courses */

.form-5 {
  clip-path: polygon(0 0, 0 57%, 2% 55%, 4% 53%, 6% 51%, 8% 49.5%, 11% 48%, 14% 46.5%, 17% 45.5%, 19% 45%, 22% 44.5%, 24% 44.5%, 27% 44.5%, 30% 44.5%, 32% 44.5%, 35% 45%, 39% 45.5%, 42% 46%, 45% 47%, 48% 48%, 51% 49%, 53% 49.5%, 57% 50.5%, 59% 51%, 62% 52%, 65% 53%, 68% 54%, 70% 54.5%, 73% 55.5%, 76% 56.5%, 79% 57.5%, 83% 59%, 86% 60%, 88% 60.5%, 91% 61%, 94% 61%, 97% 61%, 100% 61%, 100% 0);
}

/* livesession */

.form-6 {
  clip-path: polygon(0 0, 0 33%, 3% 34%, 6% 36%, 11% 38%, 15% 40%, 20% 41%, 24% 43%, 28% 44%, 33% 45%, 37% 46%, 42% 47%, 46% 47%, 50% 47%, 54% 47%, 58% 47%, 62% 46%, 66% 45%, 70% 44%, 74% 42%, 78% 40%, 82% 38%, 85% 35%, 89% 32%, 94% 27%, 97% 22%, 100% 17%, 100% 0);
}

/* livesession */

.form-7 {
  clip-path: polygon(0% 0%, 0% 92%, 3% 90%, 6% 89%, 10% 88%, 13% 87%, 17% 87%, 21% 87%, 26% 87%, 30% 87%, 34% 88%, 38% 88%, 43% 90%, 48% 91%, 52% 93%, 56% 95%, 60% 96%, 65% 97%, 69% 97%, 74% 98%, 78% 98%, 81% 98%, 85% 98%, 89% 97%, 93% 96%, 96% 95%, 100% 92%, 100% 0%);
}

/* courses teacher */

.form-8 {
  clip-path: polygon(0px 0px, 0px 87%, 7% 87%, 10% 86.5%, 13% 86%, 16% 85.5%, 19% 85%, 22% 84%, 25% 83%, 29% 82%, 33% 81%, 37% 80%, 41% 79%, 45% 78%, 48% 77.5%, 51% 77%, 55% 76.5%, 58% 76%, 62% 75.5%, 65% 74.9%, 68% 74.2%, 71% 73.9%, 75% 73.4%, 78% 73.3%, 81% 73.8%, 84% 74.7%, 87% 76.3%, 89% 77.5%, 92% 79.9%, 94% 81.9%, 97% 84.4%, 100% 87.9%, 100% 0px);
}

.form-8-wave{
  content: url('/backgroundwaves/nocourses-profe.png');
}

.form-8-wave2{
  content: url('/backgroundwaves/courses-profe.png');
}

.form-9 {
  clip-path: polygon(0 0, 0 48%, 3% 49%, 7% 49%, 11% 50%, 15% 50.5%, 19% 51%, 22% 51.5%, 25% 52%, 28% 52.5%, 31% 53%, 34% 53.2%, 37% 53.4%, 40% 53.7%, 43% 54%, 45% 54%, 48% 53.8%, 51% 53.6%, 53% 53.4%, 56% 53%, 59% 52.6%, 61% 52%, 64% 51.4%, 66% 51%, 69% 50%, 71% 49.5%, 74% 48.5%, 77% 47.5%, 79% 46.7%, 82% 45.5%, 85% 44%, 88% 42.5%, 90% 41.5%, 93% 40%, 95% 38.5%, 98% 35.3%, 100% 32%, 100% 0%);
}

.form-10 {
  clip-path: polygon(0% 0%, 0 99%, 2% 97%, 4% 95%, 6% 93%, 9% 91%, 11% 90%, 13% 89%, 16% 88%, 18% 87%, 20% 86%, 23% 85%, 25% 84%, 27% 83%, 29% 82%, 31% 81%, 33% 81%, 35% 81%, 37% 81%, 40% 81%, 42% 81%, 45% 81%, 48% 81%, 50% 81%, 53% 81%, 55% 81%, 58% 82%, 60% 82%, 63% 83%, 66% 84%, 68% 84%, 70% 85%, 73% 86%, 76% 87%, 79% 89%, 82% 90%, 86% 92%, 90% 94%, 94% 96%, 100% 99%, 100% 0%);
}

.form-11 {
  clip-path: polygon(0% 0%, 0% 100%, 2% 98%, 4% 96%, 6% 94.5%, 9% 92.5%, 12% 91%, 15% 89%, 18% 88%, 20% 87%, 23% 85.5%, 25% 84.5%, 28% 83%, 31% 82%, 34% 81%, 37% 80%, 40% 79%, 43% 78.8%, 46% 78.6%, 49% 78.4%, 51% 78.6%, 54% 78.8%, 57% 79%, 60% 79.2%, 62% 79.4%, 65% 80%, 68% 80.8%, 71% 81.4%, 74% 82%, 77% 83%, 80% 84%, 83% 85%, 86% 86%, 89% 87%, 91% 88%, 94% 90%, 97% 92%, 100% 95%, 100% 0);
}

.form-12 {
  clip-path: polygon(0 1%, 0 87%, 3% 86%, 6% 85%, 10% 84.5%, 14% 84%, 18% 83.5%, 22% 83%, 26% 82.5%, 31% 81.5%, 35% 81%, 41% 80.5%, 45% 80.5%, 50% 80.5%, 54% 81%, 59% 81.5%, 63% 82%, 67% 83%, 72% 84%, 77% 85%, 82% 87%, 86% 89%, 91% 91%, 95% 94%, 100% 100%, 100% 6%, 97% 7%, 93% 9%, 88% 11%, 83% 13%, 78% 15%, 74% 16%, 70% 17%, 66% 18%, 62% 19%, 57% 20%, 53% 20%, 49% 20%, 44% 20%, 39% 20%, 35% 19%, 31% 18%, 27% 17%, 22% 15%, 18% 13%, 13% 11%, 8% 8%, 4% 4%);
}

.form-12-up {
  clip-path: polygon(0 1%, 0 100%, 3% 100%, 6% 100%, 10% 100%, 14% 100%, 18% 100%, 22% 100%, 26% 100%, 31% 100%, 35% 100%, 41% 100%, 45% 100%, 50% 100%, 54% 100%, 59% 100%, 63% 100%, 67% 100%, 72% 100%, 77% 100%, 82% 100%, 86% 100%, 91% 100%, 95% 100%, 100% 100%, 100% 6%, 97% 7%, 93% 9%, 88% 11%, 83% 13%, 78% 15%, 74% 16%, 70% 17%, 66% 18%, 62% 19%, 57% 20%, 53% 20%, 49% 20%, 44% 20%, 39% 20%, 35% 19%, 31% 18%, 27% 17%, 22% 15%, 18% 13%, 13% 11%, 8% 8%, 4% 4%);
}

.form-13 {
  clip-path: polygon(0 0, 0 90%, 4% 91%, 7% 91%, 11% 92%, 15% 92.5%, 19% 93%, 23% 93.5%, 26% 94%, 30% 94%, 33% 94%, 36% 94%, 39% 94%, 42% 94%, 45% 94%, 48% 94%, 51% 94%, 54% 94%, 57% 94%, 61% 94%, 64% 93.5%, 67% 93%, 70% 92.5%, 73% 92%, 76% 91%, 78% 90.5%, 81% 89.5%, 83% 88.5%, 86% 87%, 88% 86%, 91% 84.5%, 93% 83.5%, 96% 81.5%, 98% 80%, 100% 78%, 100% 0);
}

.form-14 {
  clip-path: polygon(100% 0, 0 0, 0 99%, 5% 95%, 9% 92%, 13% 89.5%, 17% 87%, 22% 85%, 26% 84%, 31% 83%, 36% 82%, 40% 82%, 45% 82%, 50% 82%, 54% 82%, 59% 82.5%, 63% 83%, 68% 84%, 73% 85%, 79% 86%, 84% 87%, 89% 87.5%, 94% 86.5%, 100% 85.5%);
}

.form-15 {
  clip-path: polygon(0 0, 0 61%, 2% 63%, 5% 64%, 7% 65%, 9% 66%, 12% 67%, 14% 68%, 16% 69%, 19% 70.5%, 21% 71.5%, 23% 72.5%, 25% 73.2%, 27% 73.8%, 29% 74.6%, 31% 75.3%, 33% 76%, 35% 76.5%, 37% 77%, 39% 77.5%, 41% 78.3%, 43% 79%, 45% 79.5%, 48% 80.5%, 50% 81%, 52% 81.6%, 54% 82%, 56% 82.2%, 58% 82.7%, 60% 83.4%, 62% 83.9%, 64% 84.2%, 66% 84.4%, 68% 84.4%, 71% 84.2%, 73% 84.3%, 75% 84.3%, 77% 84.3%, 79% 84%, 81% 83.7%, 83% 83.2%, 85% 82.5%, 87% 81.9%, 89% 81.3%, 91% 80.7%, 93% 79.9%, 95% 79.2%, 97% 78.7%, 100% 78%, 100% 0);
}

.form-16 {
  clip-path: polygon(0% 9%, 5% 7.2%, 9% 6%, 13% 5.1%, 17% 4.2%, 21% 3.5%, 26% 3%, 30% 2.7%, 35% 2.6%, 39% 2.4%, 43% 2.6%, 48% 2.7%, 52% 2.9%, 57% 3%, 61% 3.3%, 66% 3.8%, 70% 4.3%, 75% 5%, 80% 5.6%, 84% 5.8%, 88% 6%, 92% 6%, 95% 6%, 98% 6%, 100% 6%, 100% 98%, 96% 97.2%, 92% 96.7%, 87% 96%, 82% 95.4%, 78% 95%, 73% 94.5%, 68% 93.8%, 64% 93.4%, 59% 92.8%, 54% 92.3%, 49% 92%, 44% 92.2%, 40% 92.4%, 35% 92.8%, 30% 93.2%, 26% 93.8%, 22% 94.3%, 17% 95.1%, 13% 95.8%, 9% 96.5%, 4% 97.7%, 0 99%);
}

.form-17 {
  clip-path: polygon(0% 0%, 0 100%, 2% 98%, 5% 96.5%, 7% 95.5%, 9% 94.5%, 11% 94%, 13% 93.4%, 15% 93%, 18% 92.2%, 20% 91.7%, 22% 91.3%, 24% 91%, 27% 90.4%, 29% 90%, 32% 89.4%, 33% 89.3%, 36% 89%, 38% 89%, 41% 89%, 43% 89%, 46% 89%, 48% 89%, 51% 89%, 53% 89%, 56% 89%, 58% 89%, 59% 89.3%, 62% 89.5%, 65% 90%, 67% 90.4%, 69% 91%, 72% 91.3%, 74% 91.7%, 77% 92.2%, 79% 93%, 81% 93.4%, 83% 94%, 85% 94.5%, 87% 95.5%, 90% 96.5%, 92% 97%, 95% 98%, 98% 99%, 100% 100%, 100% 0%);
}

.form-18 {
  clip-path: polygon(0 9%, 4% 7.5%, 9% 6%, 14% 5%, 19% 4.1%, 24% 3.4%, 30% 2.7%, 36% 2.3%, 40% 2%, 45% 1.8%, 49% 1.7%, 54% 1.7%, 58% 1.8%, 63% 2%, 68% 2.4%, 72% 2.7%, 78% 3.6%, 84% 4.8%, 89% 5.8%, 94% 7%, 100% 9%, 100% 93%, 95% 94.5%, 89% 95.7%, 82% 96.9%, 76% 97.4%, 71% 97.8%, 65% 98.1%, 59% 98.4%, 54% 98.4%, 49% 98.5%, 44% 98.2%, 39% 98%, 34% 97.7%, 29% 97.4%, 25% 97.2%, 20% 96.8%, 15% 96.2%, 10% 95.4%, 6% 94.7%, 0% 93%);
}

.h1-home {
  font-size: 45px;
  line-height: 56px;
  color: #66D1FF;
}

.h2-home {
  font-size: 34px;
  line-height: 42px;
  text-align: center;
  color: #000000;
}

.h2-courses {
  margin-left: 232px;
  color: #016711;
}

.h3-home {
  font-size: 25px;
  line-height: 30px;
  color: #FFFFFF;
}

.h4-home {
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
}

.h5-courses {
  font-size: 13px;
  line-height: 19px;
  color: #66D1FF;
  ;
}

.h1-position {
  padding-left: 232px;
  padding-top: 72px;
}

.h3-position {
  padding-left: 232px;
}

.h4-position {
  padding-left: 232px;
  margin-top: 16px;
}

.char-1 {
  float: right;
  position: relative;
  margin-top: -410px;
  margin-right: 76px;
}

.char-2 {
  float: right;
  position: relative;
  margin-top: -420px;
  margin-right: 5.3vw;
  z-index: 1;
}

.char-2-scenarios {
  float: right;
  position: relative;
  margin-top: 6.5vh;
  margin-right: 5vw;
}

.char-3 {
  float: right;
  position: relative;
  margin-top: -245px;
  margin-right: 5.14vw;
}

.char-4 {
  float: right;
  position: relative;
  top: 123px;
  right: 80px;
}

.char-4-teacher {
  float: right;
  position: relative;
  margin-top: -300px;
  margin-right: 7.84vw;
}

.char-5 {
  float: left;
  position: relative;
  z-index: 1;
  left: 170px;
}

.char-5-courses {
  float: right;
  position: relative;
  margin-top: 10px;
  margin-right: 3vw;
}

.char-6 {
  position: relative;
  float: right;
  margin-right: 7vw;
  margin-top: 5vh;
}

.char-7 {
  position: relative;
  float: right;
  margin-right: 15vw;
  margin-top: -380px;
  z-index: 1;
}

.char-8 {
  position: relative;
  float: right;
  margin-right: 9vw;
  bottom: 420px;
}

.char-9 {
  position: relative;
  float: right;
  margin-right: 6vw;
  margin-top: -44.5vh;
}

.text-icon-home {
  font-size: 18px;
  line-height: 22px;
  color: #575757;
  padding-top: 21px;
  width: 237px;
}

.text-home{
  font-size: 20px;
  line-height: 24px;
  color: black;
  font-weight: 700;
}

.icon-home {
  display: inline-block;
}

.icons-home {
  margin-top: 64px;
}

.we-are {
  padding-top: 108px;
}

.we-are-texts {
  display: inline-block;
  margin-left: 46px;
}

.title-we-home {
  font-size: 45px;
  line-height: 56px;
  color: #000000;
}

.title-we2-home {
  font-size: 18px;
  line-height: 22px;
  color: #575757;
  width: 755px;
  text-align: left;
}

.mundi {
  display: inline-block;
}

.carousel-title {
  color: #000000 !important;
  margin-top: 100px;
}

.carousel .carousel li {
  background-color: #C4C4C4;
}

.carousel .carousel li.active {
  background-color: #0362DD;
}

.carousel .carousel-indicators li {
  width: 12px;
  height: 12px;
  border-radius: 100%;
}

.carousel-control-next {
  opacity: 1;
}

.carousel-control-prev {
  opacity: 1;
}

.carousel-control-next-icon {
  background: #C5DCFA;
  width: 32%;
  height: 23%;
  border-radius: 100%;
  box-shadow: 0px 3.06394px 3.06394px rgb(0 0 0 / 25%);
  opacity: 1;
  background-image: url("/images/carousel-next.png");
  background-repeat: no-repeat;
  background-position: center;
}

.carousel-control-next-icon:focus {
  background: #8EB9F0;
  background-image: url("/images/carousel-next-focus.png");
  background-repeat: no-repeat;
  background-position: center;
  /* box-shadow: inset 0px 3.06394px 3.06394px rgba(0, 0, 0, 0.25); */
}

.carousel-control-next-icon:hover {
  background: #1A4278;
  background-image: url("/images/carousel-next-hover.png");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 0px 12px 10px rgba(3, 98, 221, 0.1), 0px 8px 8px rgba(13, 15, 68, 0.15);
}

.carousel-control-prev-icon {
  background: #C5DCFA;
  width: 32%;
  height: 23%;
  border-radius: 100%;
  box-shadow: 0px 3.06394px 3.06394px rgb(0 0 0 / 25%);
  opacity: 1;
  background-image: url("/images/carousel-prev.png");
  background-repeat: no-repeat;
  background-position: center;
}

.carousel-control-prev-icon:hover {
  background: #1A4278;
  background-image: url("/images/carousel-prev-hover.png");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 0px 12px 10px rgba(3, 98, 221, 0.1), 0px 8px 8px rgba(13, 15, 68, 0.15);
}

.carousel-control-prev-icon:focus {
  background: #8EB9F0;
  background-image: url("/images/carousel-prev-focus.png");
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: inset 0px 3.06394px 3.06394px rgba(0, 0, 0, 0.25);
}

#dropdownoptions:focus img {
  content: url("/images/arrow-options-up.png");
}

.tlt-pathhome{
  font-weight: 500;
  font-size: 34px;
  line-height: 41px;
  color: #000000;
}
.back-pathhome{
    background-color: #E2EEFD;
    padding-top: 200px;
    padding-bottom: 150px;
}

.info-steps{
  position: relative;
  width: inherit;
}

.title-step{
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -0.015em;
  color: #101010;
}

.description-step{
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.015em;
  color: #101010;
}

.step0-position-prof{
  top: -610px;
  left: 50px;
}

.step1-position-prof{
  top: -510px;
  left: 130px;
}

.step2-position-prof{
  top: -670px;
  left: 470px;
}

.step3-position-prof{
  top: -605px;
  left: 50px;
}

.step4-position-prof{
  top: -735px;
  left: 470px;
}

.step5-position-prof{
  top: -695px;
  left: 220px;
}

.step0-position-alum{
  top: -410px;
  left: 50px;
}

.step1-position-alum{
  top: -310px;
  left: 130px;
}

.step2-position-alum{
  top: -490px;
  left: 470px;
}

.step3-position-alum{
  top: -415px;
  left: 280px;
}