/* Program Section Css */
.wizklub-skill-path .skill-path-banner {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.wizklub-skill-path .skill-path-banner .title {
  font: normal normal bold 34px/48px nunito;
}
.wizklub-skill-path .skill-path-banner .horizontal-line {
  height: 2px;
  background-color: #ffffff;
}
.wizklub-skill-path .skill-path-banner .skills {
  font: normal normal normal 18px/30px nunito;
}
.program-details {
  font: normal normal 900 40px/50px Nunito;
  border-bottom: 8px solid #ffb300;
  box-shadow: 0px 3px 6px #0000004d;
}
.recommended-programs {
  font: normal normal 900 40px/50px Nunito;
  border-bottom: 8px solid #ffb300;
}
.recommended-programs .title {
  font: normal normal 900 40px/50px Nunito;
}
.horizontal-bar {
  border-top: 5px solid white !important;
}
.program-title {
  font: normal normal 800 19px/30px Nunito;
}
.program-section-item {
  background: #f3f8f9 0% 0% no-repeat padding-box;
  border: 1px solid #b6c5cc;
  border-radius: 10px;
}
.program-section-item input[type="checkbox"][readonly] {
  pointer-events: none;
}
.program-section-item .card-header {
  border: none !important;
  background: #f3f8f9 0% 0% no-repeat padding-box !important;
}
.program-section-item:hover,
.program-section-item:hover .card-header {
  background: #ffffff 0% 0% no-repeat padding-box !important;
}
.program-section-item .title,
.wizklub-skill-path-priorities .title {
  font: normal normal bold 15px/20px Nunito;
}
.program-section-item .session-label {
  font: normal normal 800 12px/20px Nunito;
  border-radius: 0px 0px 9px 0px;
}
.program-section-item .purchased-label {
  font: normal normal bold 12px/30px Nunito;
  background: #0089ff 0% 0% no-repeat padding-box;
  box-shadow: -2px 3px 2px #00000033;
  border-radius: 0px 9px 0px 0px;
}
.triangle-shape {
  width: 20px;
  height: 20px;
  position: relative;
  top: -10px;
  transform: rotate(45deg);
  border-bottom: 1px solid white;
  border-right: 1px solid white;
}
.academic-year-label {
  font: normal normal 800 15px/30px Nunito;
  border-bottom-left-radius: 0% !important;
  border-bottom-right-radius: 0% !important;
  z-index: 2;
}
.academic-skill-type {
  font: normal normal 800 19px/30px Nunito;
  border-top-left-radius: 0% !important;
  border-top-right-radius: 0% !important;
}
.triangular-bottom {
  clip-path: polygon(100% 0%, 100% 70%, 50% 90%, 50% 90%, 0 70%, 0 0);
  background-color: #ffffff;
}
.toggle-btn {
  background: url("https://assets.wizklub.com/images/dashboard/skill-path/toggle-btn.svg") 50% 50% no-repeat;
  height: 26px;
  width: 26px;
  border: none !important;
  outline: none !important;
}
.toggle-btn.active,
.toggle-btn:hover {
  background: url("https://assets.wizklub.com/images/dashboard/skill-path/toggle-btn-hover.svg") 50% 50% no-repeat;
  border: none !important;
}
.wizklub-skill-path .footer {
  font: normal normal bold 17px/21px Chivo;
  color: #ffffff;
  text-shadow: 0px 1px 2px #00000080;
}

/* Skill Priorities Css */
.question-card {
  box-shadow: 0px 0px 20px #00000033;
  border: 4px solid #00cdfa;
}
.card-description,
.priorities-form-description,
.recommended-programs .description {
  font: normal normal bold 20px/27px Nunito;
}
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
  border: none;
}
.priorities-form-title {
  font: normal normal 800 40px/40px Nunito;
}
.table-label {
  color: #444444 !important;
  font: normal normal 500 19px/23px Nunito !important;
}

/* Skill Cart Slide 8 CSS  */
.skill-cart-label {
  font: normal normal 800 30px/40px Nunito;
}
.skill-cart-header {
  background: #e8f3fd 0% 0% no-repeat padding-box;
  border: 1px solid #00cdfa;
}
.skill-cart-header .label,
.payment-process-note .title {
  font: normal normal 800 16px/24px Nunito;
}
.skill-product-details .skill-label-number {
  font: normal normal 800 15px/30px Nunito;
}
.payment-process-note .description {
  font: normal normal 500 13px/21px Nunito;
}
.payment-process-note {
  border: 1px solid #744e00;
}
.payment-checkout-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px #0000001f;
  border: 1px solid #00cdfa;
}
.payment-checkout-card .payment-checkout-title {
  font: normal normal 900 24px/28px Nunito;
}
.payment-checkout-card .payment-cost {
  font: normal normal bold 16px/28px Nunito;
}
.skill-product .card-header {
  font: normal normal 800 15px/30px Nunito;
  border-radius: 10px 0px 0px 10px;
}
.skill-product .card-body {
  border-radius: 0px 10px 10px 0px;
  border: none;
}
.skill-product .skill-product-title,
.skill-product-details .skill-title {
  font: normal normal 800 18px/26px Nunito;
}
.skill-product .session-count-text {
  font: normal normal bold 15px/19px Nunito;
}
.skill-product .show-product-details,
.skill-product-details .hide-product-details {
  font: normal normal bold 12px/19px Nunito;
  color: #286efa;
  border: none !important;
  outline: none !important;
  background: none !important;
}
.skill-product .product-total-price,
.skill-product-details .product-total-price {
  font: normal normal 800 19px/30px Nunito;
}
.skill-product-details-card .product-title,
.skill-product-details-card .product-per-price {
  font: normal normal bold 15px/19px Nunito;
}
.skill-product-details-card .session-count-text {
  font: normal normal 600 12px/19px Nunito;
}
.payment-checkout-card .apply-coupon {
  font: normal normal 600 16px/14px Nunito;
  color: #0062b7;
}
.font-size-30 {
  font-size: 30px;
}

@media (min-width: 320px) {
  .skill-path-banner {
    background: url("https://assets.wizklub.com/images/dashboard/skill-path/skill-banner-small-bg.png") 0% 0% no-repeat;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .skill-path-list {
    width: 100%;
  }
  .banner-margin-bottom {
    margin-bottom: 400px;
  }
}
@media (min-width: 768px) {
  .skill-path-banner {
    background: url("https://assets.wizklub.com/images/dashboard/skill-path/skill-banner-bg.png") 0% 0% no-repeat;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .skill-path-list {
    width: auto;
  }
  .banner-margin-bottom {
    margin-bottom: 0px;
  }
}

/* Skill Mastering Path Order */

.wizklub-skill-path-order .title {
  font: normal normal 800 34px/40px Poppins;
  letter-spacing: 0.68px;
  color: #545456;
}
.wizklub-skill-path-order .order-detail {
  font: normal normal bold 22px/30px Poppins;
}
.wizklub-skill-path-order .description {
  font: normal normal 600 16px/24px Poppins;
  color: #666666;
}
.wizklub-skill-path-order .skill-bg {
  background: #f6fff6 0% 0% no-repeat padding-box;
  box-shadow: 6px 10px 20px #00000033;
  border: 1px solid #b6c5cc;
  border-radius: 16px;
}
.wizklub-skill-path-order .skill-name {
  font: normal normal 800 21px/26px Nunito;
  color: #545456;
}
/* Skill Mastering Path Order */

/* Skill Mastering Path Home */

.wizklub-skill-path-home .olympiad-enrollment-bg {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 6px 20px #00000033;
  border: 1px solid #cccccc;
  border-radius: 8px;
}
.wizklub-skill-path-home .olympiad-enrollment-bg .title {
  font: normal normal bold 20px/17px Nunito;
  color: #444444;
}
.wizklub-skill-path-home .note {
  font: normal normal 600 20px/17px Nunito;
  color: #444444;
}

/* Skill Mastering Path Home */

/* Cart View for Unregistered user */

.wizklub-skill-path-cart .student-registered {
  background: #c1f8f8 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 10px #0000001a;
  border: 2px solid #67d9d7;
  border-radius: 0px 6px 6px 0px;
  font: normal normal 800 16px/24px Nunito;
  letter-spacing: 0.32px;
  color: #555555;
}
.wizklub-skill-path-cart .required-field {
  font: normal normal 600 14px/16px Nunito;
  letter-spacing: 0.28px;
  color: #888888;
}
.wizklub-skill-path-cart .student-info-title {
  font: normal normal 800 20px/27px Nunito;
  color: #914716;
}

/* Cart View for Unregistered user */