* {
  font-family: 'Montserrat', sans-serif !important;
}

.modal {
  z-index: 10000;
}
.footer {
  background: #333130;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  color: #ffffff;
  padding: 2vw;
  font-size: 1.2vw
}
@media (max-width: 1024px) {
.footer {
    flex-direction: column;
    padding: 8vw 0;
    font-size: 4.2vw
}
  }
.footer > * {
    width: 33vw
  }
@media (max-width: 1024px) {
.footer > * {
      width: 92vw
  }
  }
.footer .social {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    padding: 0;
  }
.footer .social li {
      margin-right: 2vw
    }
@media (max-width: 1024px) {

    .footer .social li {
        margin-right: 8vw
    }

        .footer .social li:last-child {
          margin-right: 0;
        }
  }
.footer .social li svg {
        width: 2.5vw;
        height: 2.5vw;
        fill: #91E2BC
      }
@media (max-width: 1024px) {

      .footer .social li svg {
          width: 10vw;
          height: 10vw
      }
  }
.footer .social li svg:hover,.footer .social li svg:focus,.footer .social li svg:active {
          fill: #ffffff;
        }
.footer .copyright {
    font-weight: 700
  }
@media (max-width: 1024px) {

  .footer .copyright {
      margin: 6vw auto 4vw
  }
  }
.footer .link {
    color: #91E2BC;
  }

.course {
  background: #ffffff;
}

.course .hero {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 4vw
  }

@media (max-width: 1024px) {

  .course .hero {
      flex-direction: column;
      align-items: center
  }
  }

.course .hero .image-container {
      width: 35vw
    }

@media (max-width: 1024px) {

    .course .hero .image-container {
        width: 70vw
    }
  }

.course .hero .image-container .image {
        width: 100%;
      }

.course .hero .text-container {
      margin-left: 2vw;
      width: 35vw;
      padding-top: 3vw
    }

@media (max-width: 1024px) {

    .course .hero .text-container {
        width: 90vw;
        text-align: center;
        margin-bottom: 10vw
    }
  }

.course .hero .text-container .start {
        font-size: 2vw;
        margin-bottom: 12vw
      }

@media (max-width: 1024px) {

      .course .hero .text-container .start {
          font-size: 4vw;
          margin-bottom: 2vw
      }
  }

.course .hero .text-container .title {
        font-size: 5vw;
        font-weight: 700;
        white-space: nowrap;
        margin-left: -9vw;
        margin-bottom: 6vw
      }

@media (max-width: 1024px) {

      .course .hero .text-container .title {
          margin-left: 0;
          font-size: 8vw;
          margin-bottom: 3vw
      }
  }

.course .hero .text-container .subtitle {
        font-size: 2vw;
        font-weight: 600;
        margin-bottom: 5vw
      }

@media (max-width: 1024px) {

      .course .hero .text-container .subtitle {
          font-size: 3.5vw;
          margin-bottom: 5vw
      }
  }

.course .about {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8vw 4vw 4vw
  }

@media (max-width: 1024px) {

  .course .about {
      flex-direction: column
  }
  }

.course .about .image-container {
      width: 35vw;
      text-align: right
    }

@media (max-width: 1024px) {

    .course .about .image-container {
        width: 80vw;
        text-align: center
    }
  }

.course .about .image-container .image {
        width: 80%;
      }

.course .about .text-container {
      margin-right: 2vw;
      width: 35vw
    }

@media (max-width: 1024px) {

    .course .about .text-container {
        width: 80vw;
        margin-bottom: 5vw
    }
  }

.course .about .text-container .text {
        font-size: 1.5vw;
        margin-bottom: 2.5vw
      }

@media (max-width: 1024px) {

      .course .about .text-container .text {
          font-size: 4vw
      }
  }

.course .want-to {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4vw 4vw 8vw;
    text-align: center
  }

@media (max-width: 1024px) {

  .course .want-to {
      margin-bottom: 10vw
  }
  }

.course .want-to .text {
      font-size: 2vw;
      padding: 3vw 0;
      width: 60vw
    }

@media (max-width: 1024px) {

    .course .want-to .text {
        font-size: 4vw;
        width: 80vw;
        margin-bottom: 4vw
    }
  }

.course .why {
    background: #efefef;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 4vw 4vw 8vw;
    position: relative;
    overflow: hidden
  }

@media (max-width: 1024px) {

  .course .why {
      flex-direction: column;
      padding: 4vw 4vw 12vw
  }
  }

.course .why .circle {
      position: absolute;
      border-radius: 50%;
      background: #91E2BC;
      width: 50vw;
      height: 50vw;
      left: -8vw;
      top: -15vw;
      z-index: 0
    }

@media (max-width: 1024px) {

    .course .why .circle {
        width: 100vw;
        height: 100vw;
        left: -25vw;
        top: -55vw
    }
  }

.course .why .left {
      width: 50vw;
      z-index: 1;
      padding-top: 13vw
    }

@media (max-width: 1024px) {

    .course .why .left {
        width: 80vw;
        padding-top: 17vw
    }
  }

.course .why .right {
      width: 42vw;
      z-index: 1;
      padding-top: 13vw
    }

@media (max-width: 1024px) {

    .course .why .right {
        width: 85vw
    }
  }

.course .why .title {
      font-size: 4vw;
      font-weight: 700;
      margin-bottom: 3vw;
      width: 60vw;
      position: absolute;
      left: 4vw;
      top: 4vw
    }

@media (max-width: 1024px) {

    .course .why .title {
        width: 80vw;
        font-size: 6vw
    }
  }

.course .why .subtitle {
      font-size: 1.5vw;
      font-weight: 600;
      width: 34vw
    }

@media (max-width: 1024px) {

    .course .why .subtitle {
        width: 80vw;
        font-size: 3.7vw
    }
  }

.course .why .list {
      padding: 0;
      margin: 3vw 0 0;
    }

.course .why .list .item {
        font-size: 1.5vw;
        font-weight: 400;
        margin: 1vw 0 0;
        padding-left: 2.5vw;
        position: relative
      }

@media (max-width: 1024px) {

      .course .why .list .item {
          font-size: 3.7vw;
          padding-left: 5vw
      }
  }

.course .why .list .item::before {
          position: absolute;
          content: '–';
          font-size: 2.5vw;
          left: 0;
          top: -0.8vw
        }

@media (max-width: 1024px) {

        .course .why .list .item::before {
            font-size: 5vw
        }
  }

.course .how {
    padding: 4vw;
    background: #efefef;
  }

.course .how .title {
      font-size: 4vw;
      font-weight: 700;
      margin-bottom: 3vw;
      width: 60vw
    }

@media (max-width: 1024px) {

    .course .how .title {
        width: 80vw;
        font-size: 6vw;
        margin-bottom: 8vw
    }
  }

.course .how .list {
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center
    }

@media (max-width: 1024px) {

    .course .how .list {
        flex-direction: column
    }
  }

.course .how .list .item {
        display: flex;
        width: 30vw;
        padding: 2vw;
        flex-direction: column;
        text-align: center
      }

@media (max-width: 1024px) {

      .course .how .list .item {
          width: auto;
          margin-bottom: 20vw
      }
  }

.course .how .list .item .image {
          width: 30%;
          margin: 0 auto 2vw
        }

@media (max-width: 1024px) {

        .course .how .list .item .image {
            width: 40%;
            margin: 0 auto 4vw
        }
  }

.course .how .list .item .text {
          font-size: 1.5vw;
          font-weight: 600;
          width: 25vw;
          margin: 0 auto
        }

@media (max-width: 1024px) {

        .course .how .list .item .text {
            font-size: 4vw;
            width: 60vw
        }
  }

.course .modules {
    padding: 4vw;
  }

.course .modules .title {
      font-size: 4vw;
      font-weight: 700;
      margin-bottom: 3vw;
      width: 60vw
    }

@media (max-width: 1024px) {

    .course .modules .title {
        font-size: 8vw;
        width: 80vw
    }
  }

.course .modules .list {
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center
    }

@media (max-width: 1024px) {

    .course .modules .list {
        flex-direction: column
    }
  }

.course .modules .list .item {
        display: flex;
        width: 45vw;
        padding: 2vw;
        margin-bottom: 2vw;
        flex-direction: column;
        text-align: left
      }

@media (max-width: 1024px) {

      .course .modules .list .item {
          width: auto;
          margin-bottom: 10vw
      }
  }

.course .modules .list .item .image {
          width: 60%;
          margin: 0 auto
        }

@media (max-width: 1024px) {

        .course .modules .list .item .image {
            width: 80%
        }
  }

.course .modules .list .item .text {
          font-size: 1.25vw;
          font-weight: 400;
          width: 32vw;
          margin: 0 auto
        }

@media (max-width: 1024px) {

        .course .modules .list .item .text {
            width: 80vw;
            font-size: 3.7vw
        }
  }

.course .modules .list .item .module-items {
          font-size: 1.25vw;
          font-weight: 400;
          width: 32vw;
          margin: 0 auto;
          list-style-type: disc
        }

@media (max-width: 1024px) {

        .course .modules .list .item .module-items {
            width: 80vw;
            font-size: 3.7vw
        }
  }

.course .testimonials {
    background: #efefef;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 4vw 4vw 8vw;
    position: relative;
    overflow: hidden
  }

@media (max-width: 1024px) {

  .course .testimonials {
      flex-direction: column;
      padding-bottom: 20vw
  }
  }

.course .testimonials .circle {
      position: absolute;
      border-radius: 50%;
      background: #91E2BC;
      width: 50vw;
      height: 50vw;
      left: -8vw;
      top: -15vw;
      z-index: 0
    }

@media (max-width: 1024px) {

    .course .testimonials .circle {
        width: 100vw;
        height: 100vw;
        left: -25vw;
        top: -55vw
    }
  }

.course .testimonials .left {
      width: 50vw;
      z-index: 1;
      padding-top: 4vw
    }

@media (max-width: 1024px) {

    .course .testimonials .left {
        width: 80vw;
        margin-bottom: 18vw
    }
  }

.course .testimonials .right {
      width: 50vw
    }

@media (max-width: 1024px) {

    .course .testimonials .right {
        width: 92vw
    }
  }

.course .testimonials .title {
      font-size: 4vw;
      font-weight: 700;
      margin-bottom: 3vw;
      width: 40vw
    }

@media (max-width: 1024px) {

    .course .testimonials .title {
        width: 80vw;
        font-size: 6vw
    }
  }

.course .testimonials .subtitle {
      font-size: 1.5vw;
      font-weight: 600;
      width: 34vw
    }

@media (max-width: 1024px) {

    .course .testimonials .subtitle {
        width: 80vw;
        font-size: 4vw
    }
  }

.course .testimonials .bx-wrapper {
      width: 75%;
      margin: 0 auto
    }

@media (max-width: 1024px) {

    .course .testimonials .bx-wrapper {
        width: 90%
    }
  }

.course .testimonials .bx-wrapper img {
        max-height: 40vw;
        margin: 0 auto
      }

@media (max-width: 1024px) {

      .course .testimonials .bx-wrapper img {
          max-height: 80vh
      }
  }

.course .testimonials .bx-wrapper .bx-controls-direction a.bx-prev {
          margin-left: -10vw;
        }

.course .testimonials .bx-wrapper .bx-controls-direction a.bx-next {
          margin-right: -10vw;
        }

.course .packages {
    padding: 4vw 4vw 10vw
  }

@media (max-width: 1024px) {

  .course .packages {
      padding-top: 8vw
  }
  }

.course .packages .title {
      font-size: 4vw;
      font-weight: 700;
      margin-bottom: 3vw;
      width: 60vw
    }

@media (max-width: 1024px) {

    .course .packages .title {
        width: 90vw;
        font-size: 8vw;
        margin-bottom: 8vw
    }
  }

.course .packages .list {
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between
    }

@media (max-width: 1024px) {

    .course .packages .list {
        flex-direction: column;
        align-items: center
    }
  }

.course .packages .list .item {
        display: flex;
        width: 28vw;
        padding: 2vw 2vw 13vw 2vw;
        flex-direction: column;
        text-align: center;
        border: 2px solid #000000;
        position: relative
      }

@media (max-width: 1024px) {

      .course .packages .list .item {
          width: 90vw;
          margin-bottom: 15vw;
          padding-bottom: 35vw
      }
  }

.not-available.course .packages .list .item {
          padding-bottom: 2vw;
        }

.course .packages .list .item .access {
          font-size: 1.2vw;
          font-weight: 700
        }

@media (max-width: 1024px) {

        .course .packages .list .item .access {
            font-size: 4vw
        }
  }

.course .packages .list .item .months {
          font-size: 2vw;
          font-weight: 700;
          margin-bottom: 2vw
        }

@media (max-width: 1024px) {

        .course .packages .list .item .months {
            font-size: 6vw
        }
  }

.course .packages .list .item .places {
          font-size: 1.5vw;
          font-weight: 700;
          border-bottom: 2px solid #000000;
          width: 70%;
          margin: 0 auto 4vw;
          padding-bottom: 2vw
        }

@media (max-width: 1024px) {

        .course .packages .list .item .places {
            font-size: 5vw
        }
  }

.course .packages .list .item .access,.course .packages .list .item .months,.course .packages .list .item .places {
          text-transform: uppercase;
        }

.course .packages .list .item .image {
          width: 100%;
          margin: 0 auto 2vw;
        }

.course .packages .list .item .package-items {
          margin: 0;
          padding: 0;
          font-size: 1.25vw;
          font-weight: 400;
          text-align: center
        }

@media (max-width: 1024px) {

        .course .packages .list .item .package-items {
            font-size: 4vw
        }
  }

.course .packages .list .item .package-items .package-item {
            margin-bottom: 1.5vw
          }

@media (max-width: 1024px) {

          .course .packages .list .item .package-items .package-item {
              margin-bottom: 4vw
          }
  }

.course .packages .list .item .bottom {
          position: absolute;
          bottom: 4vw;
          left: 0;
          width: 100%;
          text-align: center;
        }

.course .packages .list .item .bottom .price {
            font-size: 3vw;
            font-weight: 700;
            margin-bottom: 1vw
          }

@media (max-width: 1024px) {

          .course .packages .list .item .bottom .price {
              font-size: 8vw;
              margin-bottom: 4vw
          }
  }

.course .packages .list .item .bottom .price .currency {
              font-size: 1.5vw
            }

@media (max-width: 1024px) {

            .course .packages .list .item .bottom .price .currency {
                font-size: 4vw
            }
  }

.course .btn-main {
    border: 2px solid #000000;
    background: #ffffff;
    color: #000000;
    font-size: 1.2vw;
    padding: 1vw 3vw;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    display: inline-block
  }

@media (max-width: 1024px) {

  .course .btn-main {
      font-size: 4vw;
      padding: 2vw 8vw
  }
  }

.course .btn-main:hover,.course .btn-main:active,.course .btn-main:focus {
      background: #000000;
      color: #ffffff;
    }

.course .thank-you {
    text-align: center;
  }

.course .thank-you .title {
      font-size: 3vw;
      font-weight: 700;
      margin: 3vw 0
    }

@media (max-width: 1024px) {

    .course .thank-you .title {
        font-size: 10vw;
        margin: 20vw 0 4vw
    }
  }

.course .thank-you .subtitle {
      font-size: 2vw;
      font-weight: 600;
      margin: 3vw 0
    }

@media (max-width: 1024px) {

    .course .thank-you .subtitle {
        font-size: 4vw;
        margin: 4vw 0
    }
  }

.course .thank-you .description {
      font-size: 2vw;
      font-weight: 400;
      margin: 3vw 0
    }

@media (max-width: 1024px) {

    .course .thank-you .description {
        font-size: 4vw;
        margin: 4vw 0 6vw
    }
  }

.course .thank-you .btn-main {
      margin-bottom: 10vw
    }

@media (max-width: 1024px) {

    .course .thank-you .btn-main {
        margin-bottom: 20vw
    }
  }