@charset "UTF-8";
@import url("https://use.typekit.net/nme6qey.css");
.all-levels-div {
  padding-bottom: 120px; }
  @media (max-width: 650px) {
    .all-levels-div {
      padding-bottom: 80px; } }

.owl-carousel .activated-bundle {
  background: #CEBFE1 !important;
  cursor: auto;
  opacity: 0.5;
  border: 1px solid #FFFFFF;
  overflow: visible; }
  .owl-carousel .activated-bundle li:after {
    background-image: url("../../assets/icons/yes-activated.svg") !important; }
  .owl-carousel .activated-bundle li.no:after {
    background-image: url("../../assets/icons/no-activated.svg") !important; }
  .owl-carousel .activated-bundle h2, .owl-carousel .activated-bundle .oldprice {
    color: #B6A0D3 !important; }
.owl-carousel .owl-stage-outer {
  overflow: visible !important; }
.owl-carousel > div {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  padding: 40px 24px;
  border-radius: 24px;
  overflow: hidden; }
  .owl-carousel > div li {
    color: #343434; }
  .owl-carousel > div h2 {
    max-width: 280px; }
  .owl-carousel > div .btn-container {
    width: 100% !important;
    margin: auto; }
    .owl-carousel > div .btn-container .custom-btn-md {
      width: 100% !important;
      padding: 16px 10px !important; }
      .owl-carousel > div .btn-container .custom-btn-md:hover {
        padding-right: inherit; }
        .owl-carousel > div .btn-container .custom-btn-md:hover::after {
          opacity: 0; }
  .owl-carousel > div:hover .btn-container {
    position: unset; }
.owl-carousel .get-container {
  display: flex;
  flex-direction: column;
  row-gap: 32px; }
  .owl-carousel .get-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 12px; }
    .owl-carousel .get-container ul li.no::after {
      background-image: url("../../assets/icons/bundle-no.svg") !important; }
.owl-carousel h2 {
  color: #343434; }
.owl-carousel .beginner {
  background-color: #e1f1e6;
  transition: all 0.5s; }
  .owl-carousel .beginner:hover {
    box-shadow: 0px 6px 0px 0px #69B884;
    border: 2px solid #69B884; }
  .owl-carousel .beginner p {
    color: #343434; }
  .owl-carousel .beginner li {
    position: relative;
    padding-left: 32px; }
    .owl-carousel .beginner li::after {
      width: 24px;
      height: 24px;
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      background-image: url("../../assets/icons/greentick.svg");
      background-size: 100%; }
  .owl-carousel .beginner .custom-btn-md {
    background-color: #69B884;
    color: #FFFFFF !important; }
.owl-carousel .advanced {
  background-color: #dce6df;
  transition: all 0.5s; }
  .owl-carousel .advanced:hover {
    box-shadow: 0px 6px 0px 0px #4E805E;
    border: 2px solid #4E805E; }
  .owl-carousel .advanced p {
    color: #343434; }
  .owl-carousel .advanced li {
    position: relative;
    padding-left: 32px; }
    .owl-carousel .advanced li::after {
      width: 24px;
      height: 24px;
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      background-image: url("../../assets/icons/greentick.svg");
      background-size: 100%; }
  .owl-carousel .advanced .custom-btn-md {
    background-color: #4E805E;
    color: #FFFFFF !important; }
.owl-carousel .junior {
  background-color: #ddf0f2;
  transition: all 0.5s; }
  .owl-carousel .junior:hover {
    box-shadow: 0px 6px 0px 0px #56B3C0;
    border: 2px solid #56B3C0; }
  .owl-carousel .junior p {
    color: #343434; }
  .owl-carousel .junior li {
    position: relative;
    padding-left: 32px; }
    .owl-carousel .junior li::after {
      width: 24px;
      height: 24px;
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      background-image: url("../../assets/icons/bluetick.svg");
      background-size: 100%; }
  .owl-carousel .junior .custom-btn-md {
    background-color: #56B3C0;
    color: #FFFFFF !important; }
.owl-carousel .intermediate {
  background-color: #d8ecef;
  transition: all 0.5s; }
  .owl-carousel .intermediate:hover {
    box-shadow: 0px 6px 0px 0px #3DA0AD;
    border: 2px solid #3DA0AD; }
  .owl-carousel .intermediate p {
    color: #343434; }
  .owl-carousel .intermediate li {
    position: relative;
    padding-left: 32px; }
    .owl-carousel .intermediate li::after {
      width: 24px;
      height: 24px;
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      background-image: url("../../assets/icons/bluetick.svg");
      background-size: 100%; }
  .owl-carousel .intermediate .custom-btn-md {
    background-color: #3DA0AD;
    color: #FFFFFF !important; }
.owl-carousel .senior {
  background-color: #f0e7fc;
  transition: all 0.5s; }
  .owl-carousel .senior:hover {
    box-shadow: 0px 6px 0px 0px #B289F0;
    border: 2px solid #B289F0; }
  .owl-carousel .senior p {
    color: #343434; }
  .owl-carousel .senior li {
    position: relative;
    padding-left: 32px; }
    .owl-carousel .senior li::after {
      width: 24px;
      height: 24px;
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      background-image: url("../../assets/icons/pinktick.svg");
      background-size: 100%; }
  .owl-carousel .senior .custom-btn-md {
    background-color: #B289F0;
    color: #FFFFFF !important; }
.owl-carousel .trader {
  background-color: #e7e1f0;
  transition: all 0.5s; }
  .owl-carousel .trader:hover {
    box-shadow: 0px 6px 0px 0px #8667B5;
    border: 2px solid #8667B5; }
  .owl-carousel .trader p {
    color: #343434; }
  .owl-carousel .trader li {
    position: relative;
    padding-left: 32px; }
    .owl-carousel .trader li::after {
      width: 24px;
      height: 24px;
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      background-image: url("../../assets/icons/pinktick.svg");
      background-size: 100%; }
  .owl-carousel .trader .custom-btn-md {
    background-color: #8667B5;
    color: #FFFFFF !important; }
.owl-carousel .royal {
  background-color: #feefde;
  transition: all 0.5s; }
  .owl-carousel .royal:hover {
    box-shadow: 0px 6px 0px 0px #F8AF5B;
    border: 2px solid #F8AF5B; }
  .owl-carousel .royal p {
    color: #343434; }
  .owl-carousel .royal li {
    position: relative;
    padding-left: 32px; }
    .owl-carousel .royal li::after {
      width: 24px;
      height: 24px;
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      background-image: url("../../assets/icons/pinktick.svg");
      background-size: 100%; }
  .owl-carousel .royal .custom-btn-md {
    background-color: #F8AF5B;
    color: #FFFFFF !important; }
.owl-carousel .pro {
  background-color: #ededed;
  transition: all 0.5s; }
  .owl-carousel .pro:hover {
    box-shadow: 0px 6px 0px 0px #909090;
    border: 2px solid #909090; }
  .owl-carousel .pro p {
    color: #343434; }
  .owl-carousel .pro li {
    position: relative;
    padding-left: 32px; }
    .owl-carousel .pro li::after {
      width: 24px;
      height: 24px;
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      background-image: url("../../assets/icons/pinktick.svg");
      background-size: 100%; }
  .owl-carousel .pro .custom-btn-md {
    background-color: #909090;
    color: #FFFFFF !important; }
.owl-carousel .expert {
  background-color: #fadbe4;
  transition: all 0.5s; }
  .owl-carousel .expert:hover {
    box-shadow: 0px 6px 0px 0px #E54C7A;
    border: 2px solid #E54C7A; }
  .owl-carousel .expert p {
    color: #343434; }
  .owl-carousel .expert li {
    position: relative;
    padding-left: 32px; }
    .owl-carousel .expert li::after {
      width: 24px;
      height: 24px;
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      background-image: url("../../assets/icons/pinktick.svg");
      background-size: 100%; }
  .owl-carousel .expert .custom-btn-md {
    background-color: #E54C7A;
    color: #FFFFFF !important; }
.owl-carousel li.exclude:after {
  background-image: url("../../assets/icons/tickoff.svg"); }
@media (max-width: 991px) {
  .owl-carousel .owl-stage-outer {
    overflow: hidden !important; }
  .owl-carousel .owl-item > div {
    padding: 20px;
    border-radius: 24px; }
    .owl-carousel .owl-item > div h5 {
      margin-bottom: 20px; }
    .owl-carousel .owl-item > div .col-gap-10 {
      margin: 20px 0; }
    .owl-carousel .owl-item > div .btn-container {
      position: unset; }
  .owl-carousel .owl-item .beginner {
    background-color: #e1f1e6;
    box-shadow: 0px 6px 0px 0px #69B884;
    border: 2px solid #69B884; }
  .owl-carousel .owl-item .advanced {
    background-color: #dce6df;
    box-shadow: 0px 6px 0px 0px #4E805E;
    border: 2px solid #4E805E; }
  .owl-carousel .owl-item .junior {
    background-color: #ddf0f2;
    box-shadow: 0px 6px 0px 0px #56B3C0;
    border: 2px solid #56B3C0; }
  .owl-carousel .owl-item .intermediate {
    background-color: #d8ecef;
    box-shadow: 0px 6px 0px 0px #3DA0AD;
    border: 2px solid #3DA0AD; }
  .owl-carousel .owl-item .senior {
    background-color: #f0e7fc;
    box-shadow: 0px 6px 0px 0px #B289F0;
    border: 2px solid #B289F0; }
  .owl-carousel .owl-item .trader {
    background-color: #e7e1f0;
    box-shadow: 0px 6px 0px 0px #8667B5;
    border: 2px solid #8667B5; }
  .owl-carousel .owl-item .royal {
    background-color: #feefde;
    box-shadow: 0px 6px 0px 0px #F8AF5B;
    border: 2px solid #F8AF5B; }
  .owl-carousel .owl-item .pro {
    background-color: #ededed;
    box-shadow: 0px 6px 0px 0px #909090;
    border: 2px solid #909090; }
  .owl-carousel .owl-item .expert {
    background-color: #fadbe4;
    box-shadow: 0px 6px 0px 0px #E54C7A;
    border: 2px solid #E54C7A; } }
@media (max-width: 450px) {
  .owl-carousel .owl-stage-outer {
    overflow: visible !important; } }

.custom-btn-green {
  background-color: #69b884; }

.section {
  margin-top: 96px; }
  @media (max-width: 650px) {
    .section {
      margin-top: 80px; } }

.section1 {
  margin-top: 48px; }

.grid-4 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 24px;
  row-gap: 24px; }
  .grid-4 a {
    text-decoration: none !important; }
  .grid-4 > div, .grid-4 > a {
    position: relative;
    text-decoration: none !important;
    width: calc(25% - 18px);
    border-radius: 16px;
    background: #fff;
    box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.1); }
    .grid-4 > div .content-div, .grid-4 > a .content-div {
      height: 0;
      transition: all 0.5s;
      overflow: hidden; }
    .grid-4 > div:hover .image-box img, .grid-4 > a:hover .image-box img {
      width: 95px; }
      @media (max-width: 650px) {
        .grid-4 > div:hover .image-box img, .grid-4 > a:hover .image-box img {
          width: 90%; } }
    .grid-4 > div:hover .content-div, .grid-4 > a:hover .content-div {
      height: 120px;
      margin-top: 24px; }
      @media (max-width: 650px) {
        .grid-4 > div:hover .content-div, .grid-4 > a:hover .content-div {
          height: 0px;
          margin-top: 0px; } }
    .grid-4 > div.green-card .image-box, .grid-4 > a.green-card .image-box {
      background-color: #69B884; }
    .grid-4 > div.green-card .title-card, .grid-4 > a.green-card .title-card {
      color: #69B884; }
    .grid-4 > div.blue-card .image-box, .grid-4 > a.blue-card .image-box {
      background-color: #56B3C0; }
    .grid-4 > div.blue-card .title-card, .grid-4 > a.blue-card .title-card {
      color: #56B3C0; }
    .grid-4 > div.pink-card .image-box, .grid-4 > a.pink-card .image-box {
      background-color: #B289F0; }
    .grid-4 > div.pink-card .title-card, .grid-4 > a.pink-card .title-card {
      color: #B289F0; }
    .grid-4 > div.dark-pink-card .image-box, .grid-4 > a.dark-pink-card .image-box {
      background-color: #8667B5; }
    .grid-4 > div.dark-pink-card .title-card, .grid-4 > a.dark-pink-card .title-card {
      color: #8667B5; }
    .grid-4 > div.orange-card .image-box, .grid-4 > a.orange-card .image-box {
      background-color: #F8AF5B; }
    .grid-4 > div.orange-card .title-card, .grid-4 > a.orange-card .title-card {
      color: #F8AF5B; }
    .grid-4 > div.red-card .image-box, .grid-4 > a.red-card .image-box {
      background-color: #E54C7A; }
    .grid-4 > div.red-card .title-card, .grid-4 > a.red-card .title-card {
      color: #E54C7A; }
    .grid-4 > div.black-card .image-box, .grid-4 > a.black-card .image-box {
      background-color: #343434; }
    .grid-4 > div.black-card .title-card, .grid-4 > a.black-card .title-card {
      color: #343434; }
  .grid-4 .bookmark {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1; }
    .grid-4 .bookmark:hover {
      cursor: pointer; }
    .grid-4 .bookmark img,
    .grid-4 .bookmark svg {
      width: 14px; }
  .grid-4 .image-box {
    position: relative;
    text-align: center;
    border-radius: 16px 16px 0 0;
    border: none; }
    .grid-4 .image-box img {
      width: 90%;
      transition: all 0.5s; }
    .grid-4 .image-box .locked {
      position: absolute;
      right: 16px;
      bottom: 16px; }
      .grid-4 .image-box .locked img,
      .grid-4 .image-box .locked svg {
        width: 14px; }
  .grid-4 .content-box {
    padding: 16px; }
  .grid-4 .title-card {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%; }
  .grid-4 .content-card {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%; }
  .grid-4 .caption {
    color: #909090; }
  .grid-4.green-card .image-box {
    background-color: #69B884; }
  .grid-4.green-card .title-card {
    color: #69B884; }
  .grid-4.blue-card .image-box {
    background-color: #56B3C0; }
  .grid-4.blue-card .title-card {
    color: #56B3C0; }
  .grid-4.pink-card .image-box {
    background-color: #B289F0; }
  .grid-4.pink-card .title-card {
    color: #B289F0; }
  .grid-4.dark-pink-card .image-box {
    background-color: #8667B5; }
  .grid-4.dark-pink-card .title-card {
    color: #8667B5; }
  .grid-4.orange-card .image-box {
    background-color: #F8AF5B; }
  .grid-4.orange-card .title-card {
    color: #F8AF5B; }
  .grid-4.red-card .image-box {
    background-color: #E54C7A; }
  .grid-4.red-card .title-card {
    color: #E54C7A; }
  .grid-4.black-card .image-box {
    background-color: #343434; }
  .grid-4.black-card .title-card {
    color: #343434; }
  @media (max-width: 901px) {
    .grid-4 > div, .grid-4 > a {
      width: calc(50% - 24px); } }
  @media (max-width: 650px) {
    .grid-4 > div, .grid-4 > a {
      width: 100%; } }

@media (max-width: 650px) {
  a.custom-btn-md {
    width: 100% !important; } }
footer .custom-color {
  background-color: white !important; }

.nocourses-section {
  padding-top: 50px;
  padding-bottom: 130px; }
  .nocourses-section h5 {
    color: #8667b5; }
  .nocourses-section p {
    color: #909090; }
  .nocourses-section img {
    width: 100px; }
  @media (max-width: 650px) {
    .nocourses-section {
      padding-top: 20px;
      padding-bottom: 80px; } }

.savedcourses-div {
  padding-top: 48px;
  padding-bottom: 80px; }
  @media (max-width: 650px) {
    .savedcourses-div {
      padding-top: 0; } }

.clearallcourses {
  color: #909090;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  cursor: pointer; }

.clearall-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(52, 52, 52, 0.7);
  backdrop-filter: blur(4px); }
  .clearall-modal .popup-div {
    position: relative;
    width: 90%;
    padding: 48px;
    background-color: white;
    max-width: 680px;
    display: flex;
    flex-direction: column;
    row-gap: 48px;
    border-radius: 24px;
    align-items: center;
    text-align: center; }
    .clearall-modal .popup-div .close-popup-btn {
      position: absolute;
      right: 24px;
      top: 24px;
      cursor: pointer; }
      .clearall-modal .popup-div .close-popup-btn img,
      .clearall-modal .popup-div .close-popup-btn svg {
        width: 24px; }
      .clearall-modal .popup-div .close-popup-btn:hover svg circle {
        fill: #DDF0F2; }

.ebooks-div {
  padding-top: 48px;
  padding-bottom: 80px; }

.page-template-page-ebooks .grid-3 {
  row-gap: 48px; }

.grid-3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 24px;
  row-gap: 24px; }
  .grid-3 > div, .grid-3 > a {
    max-width: 328px;
    text-decoration: none !important;
    width: calc(33.33% - 18px);
    border-radius: 16px;
    background: #fff;
    box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.1);
    transition: transform 0.5s;
    max-height: 342px; }
    .grid-3 > div:hover, .grid-3 > a:hover {
      transform: translateY(-20px); }
      .grid-3 > div:hover .image-box img, .grid-3 > a:hover .image-box img {
        width: 95%; }
      @media (max-width: 650px) {
        .grid-3 > div:hover, .grid-3 > a:hover {
          transform: translateY(0px); } }
    .grid-3 > div.green-card .image-box, .grid-3 > a.green-card .image-box {
      background-color: #4e805e; }
    .grid-3 > div.green-card .title-card, .grid-3 > a.green-card .title-card {
      color: #4e805e; }
    .grid-3 > div.blue-card .image-box, .grid-3 > a.blue-card .image-box {
      background-color: #3da0ad; }
    .grid-3 > div.blue-card .title-card, .grid-3 > a.blue-card .title-card {
      color: #3da0ad; }
    .grid-3 > div.pink-card .image-box, .grid-3 > a.pink-card .image-box {
      background-color: #8667b5; }
    .grid-3 > div.pink-card .title-card, .grid-3 > a.pink-card .title-card {
      color: #8667b5; }
    .grid-3 > div.red-card .image-box, .grid-3 > a.red-card .image-box {
      background-color: #E54C7A; }
    .grid-3 > div.red-card .title-card, .grid-3 > a.red-card .title-card {
      color: #E54C7A; }
    .grid-3 > div.black-card .image-box, .grid-3 > a.black-card .image-box {
      background-color: #343434; }
    .grid-3 > div.black-card .title-card, .grid-3 > a.black-card .title-card {
      color: #343434; }
  .grid-3 .image-box {
    position: relative;
    text-align: center;
    border-radius: 16px 16px 0 0;
    border: none;
    max-height: 249px; }
    .grid-3 .image-box img {
      width: 90%;
      transition: all 0.5s;
      height: 211px; }
    .grid-3 .image-box .locked {
      position: absolute;
      right: 16px;
      bottom: 16px; }
      .grid-3 .image-box .locked img,
      .grid-3 .image-box .locked svg {
        width: 14px; }
  .grid-3 .content-box {
    padding: 15px; }
  .grid-3 .title-card {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%;
    text-align: center;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto; }
  .grid-3 .content-card {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 135%; }
  @media (max-width: 901px) {
    .grid-3 > div, .grid-3 > a {
      width: calc(50% - 24px); } }
  @media (max-width: 650px) {
    .grid-3 > div, .grid-3 > a {
      width: 100%; } }

@media (min-width: 1000px) {
  .owl-carousel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 3 ╤Б╤В╨╛╨╗╨▒╤Ж╨░ */
    grid-template-rows: repeat(3, auto);
    /* 3 ╤Б╤В╤А╨╛╨║╨╕ */
    gap: 24px;
    /* ╨а╨░╤Б╤Б╤В╨╛╤П╨╜╨╕╨╡ ╨╝╨╡╨╢╨┤╤Г ╤Н╨╗╨╡╨╝╨╡╨╜╤В╨░╨╝╨╕ */ } }

/*# sourceMappingURL=courses.css.map */