/* product-pages-banners-bg */
.product-page-banner-bg {
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 90px;
}
.wizskill-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-skill.png");
}
.wizml-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-ml.png");
}
.wizweb-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-html.png");
}
.wizsimulator-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-simulator.png");
}
.wizpython-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-python.png");
}
.wizgear-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-gear.png");
}
.wizapp-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-app-banner.png");
}
.wizcad-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-cad-banner.png");
}
.wizpcb-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-pcb-banner.png");
}
.wiz-smart-light-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/smart-light-bg.png");
}
.wiz-prog-c-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-prog-c-banner.png");
}
.wizlab-banner {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wizlab-banner-bg.png");
}
.wiz-product-page-banner-heading {
  text-align: left;
  font: normal normal bold 20px/57px Nunito;
  letter-spacing: 0.8px;
  color: #ffdc6b;
  text-shadow: 0px 3px 6px #00000033;
  opacity: 1;
}
.wiz-product-page-banner-title {
  text-align: left;
  font: normal normal bold 34px/48px Nunito;
  letter-spacing: 0.82px;
  color: #fdfdfd;
  text-shadow: 0px 2px 4px #00000033;
  opacity: 1;
}
.wiz-product-page-banner-desc {
  text-align: left;
  font: normal normal 500 18px/30px Nunito;
  letter-spacing: 0.36px;
  color: #fdfdfd;
}
.wiz-product-page-banner-video-icon {
  border: 2px dotted white;
  border-radius: 16px;
}
.product-page-banner-bg .play-button-bg {
  border-radius: 50%;
  position: absolute;
  height: 64px;
  width: 64px;
  top: 40%;
  left: 45%;
  right: 50%;
  bottom: 50%;
  background-color: #ffffff;
  z-index: 2;
  padding: 16px 15px 15px 22px;
  cursor: pointer;
}
.wiz-product-developement {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wizskill-mid-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.wiz-product-title {
  text-align: center;
  font: normal normal bold 32px/40px Nunito;
  letter-spacing: 0.64px;
  color: #e0732a;
  opacity: 1;
}
.wiz-product-heading {
  text-align: left;
  font: normal normal 800 24px/20px Nunito;
  letter-spacing: 0px;
  color: #333333;
  opacity: 1;
}
.wiz-product-description {
  font: normal normal 500 16px/28px Nunito;
  letter-spacing: 0px;
  color: #666666;
}
.wiz-product-pgm-description {
  text-align: left;
  font: normal normal 16px/28px Nunito;
  letter-spacing: 0px;
  color: #666666;
}
.wiz-product-pgm-heading {
  text-align: left;
  font: normal normal 800 24px/20px Nunito;
  letter-spacing: 0px;
  color: #333333;
  opacity: 1;
  line-height: 1cm;
}
/* swiper-bg */
.wiz-swiper-bg {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/build-wiz-skill-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
/* product-pages-wiz-swipper */
.build-using-wiz-cards .card-title {
  text-align: center;
  font: normal normal bold 20px/24px Nunito;
  letter-spacing: 0px;
  color: #3a5589;
  opacity: 1;
}
.build-using-wiz-cards:hover .hover-text {
  display: block !important;
  transition: 0.2s ease;
}
.build-using-wiz-cards.swiper-slide {
  min-width: 255px;
  max-width: 255px;
}
.build-using-wiz-cards.swiper-slide:hover {
  max-width: 510px;
}
.build-using-wiz-cards .card-content {
  border: none;
  border-radius: 20px;
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/product-pages-carouse-bg.png");
  background-color: white;
  height: 255px;
}
.build-using-wiz-cards .card-content .card-description {
  text-align: left;
  color: black;
  text-align: center;
  font: normal normal 15px/24px Nunito;
  letter-spacing: 0px;
  color: #3a5589;
  opacity: 1;
}
.hover-text {
  display: none;
}
.wiz-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  box-shadow: 0px 0px 4px #0000004d;
  border: 1px solid #ff9f52;
  border-radius: 5px;
  opacity: 1;
  background-color: transparent;
}
.wiz-swiper .swiper-pagination-bullet-active {
  width: 60px;
  height: 8px;
  background: #ff9f52 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 2px #0000004d;
  border-radius: 5px;
  opacity: 1;
}
/* product-page-week-cards */
.kid-journey-card-left {
  border-top-left-radius: 90px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 50px;
  text-align: left;
}
.kid-journey-card-right {
  border-top-right-radius: 90px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 90px;
  border-bottom-left-radius: 50px;
  text-align: left;
}
.kid-journey-card-description {
  font: normal normal 600 17px/24px Nunito;
  text-shadow: 0px 3px 6px #00000029;
}
.kid-journey-week-info {
  border-radius: 50%;
  box-shadow: 0px 10px 12px #00000029;
  padding-top: 100%;
  position: relative;
}
.kid-journey-week-info {
  border-radius: 50%;
  box-shadow: 0px 10px 12px #00000029;
  padding-top: 100%;
  position: relative;
}
.kid-journey-info-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  position: absolute;
}
.kid-journey-week-text {
  /* font: normal normal 800 14px/16px Nunito; */
  font: normal normal 800 20px/21px Nunito;
  color: #ffffff;
  text-shadow: 0px 3px 6px #00000029;
}
@media (max-width: 460px) {
  .kid-journey-card-description {
    font: normal normal 800 12px/14px Nunito;
  }
  .kid-journey-week-text {
    font: normal normal 800 12px/14px Nunito;
  }
}
/* product-page-journey-cards-bg */
.wiz-journey-bg {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/journey-wiz-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.wiz-journey-heading {
  text-align: center;
  font: normal normal bold 32px/40px Nunito;
  letter-spacing: 0.64px;
  color: #ffffff;
}

/* wiz Lab */
.about-wizlab {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/about-wizlab-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.course-details .grade {
  text-decoration: underline;
  font: normal normal 800 24px/20px Nunito;
  color: #086766;
}
.course-details .course-name {
  font: normal normal 800 20px/28px Nunito;
  color: #e0732a;
}
.course-details .course-description {
  font: normal normal 600 16px/24px Nunito;
  color: #444444;
}
.apply-button .info {
  font: normal normal 800 17px/23px Nunito;
  color: #0f7a79;
}
.course-content-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 50px #00000024;
  border-radius: 8px 20px 20px 8px;
  border-left: 10px solid #0f7a79;
}
.course-content-card .title {
  font: normal normal 800 20px/28px Nunito;
  color: #0f7a79;
}
.course-content-card .description {
  font: normal normal 16px/28px Nunito;
  color: #444444;
}
.wiz-product-pages-swiper .swiper-slide,
.course-swiper .swiper-slide,
.wizlab-glimpses .swiper-slide {
  text-align: -webkit-center;
}
.course-swiper .swiper-button-next:after {
  display: none;
}
.course-swiper .swiper-button-prev:after {
  display: none;
}
.swiper-arrow-icon {
  width: 48px;
  height: 48px;
  padding: 12px;
  background: #22b9b7 0% 0% no-repeat padding-box;
  box-shadow: -4px 0px 10px #0000004d;
  opacity: 1;
}
.wizlab-glimpses {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wizlab-glimpses-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.wizlab-glimpses .heading {
  font: normal normal bold 23px/28px Nunito;
  color: #e0732a;
}
.glimpse-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #00000066;
  border: 5px solid #ffa861;
  border-radius: 20px;
}
.glimpse-video-card {
  box-shadow: 0px 0px 4px #00000029;
  border: 10px solid #20dfdc;
  border-radius: 10px;
}
.wizlab-working {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/how-it-works-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.wizlab-working .working-steps {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 4px 4px 4px #00000033;
  border: 1px solid #f38338;
  border-radius: 10px 40px 40px 10px;
}
.wizlab-working .description {
  font: normal normal 600 17px/22px Nunito;
  color: #444444;
  border-left: 1px solid #666666;
}
.wizlab-working .steps {
  font: normal normal 600 26px/28px Roboto;
  color: #666666;
}
.wizlab-working .step-no {
  font: normal normal 900 36px/40px Roboto;
  color: #f0622d;
}
.wizlab-reach {
  background: #009290 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 30px #0000004d;
  border-radius: 8px;
}
.wizlab-reach .icon {
  width: 65px;
  height: 65px;
  background: #dddddd 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 4px;
}
.wizlab-reach .heading {
  font: normal normal bold 20px/28px Nunito;
  letter-spacing: 0.4px;
  color: #ffffff;
}
@media (max-width: 580px) {
  .wizlab-banner {
    background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wizlab-banner-md-bg.png");
  }
  .wizlab-working .description {
    font: normal normal 600 14px/16px Nunito;
  }
}
/* wiz Lab */
/* Wiz Chess */
.wiz-chess-structure-bg {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-chess-structure-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.wiz-chess-levels-bg {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-chess-levels-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.wiz-chess-teaching-bg {
  background: transparent linear-gradient(180deg, #009290 0%, #045756 100%) 0% 0% no-repeat padding-box;
}
.wiz-chess-level {
  text-align: center;
  font: normal normal bold 19px/24px Nunito;
  color: #ffffff;
  border-radius: 6px;
}
.wiz-chess-level-novice {
  background: transparent linear-gradient(180deg, #717f8a 0%, #104062 100%) 0% 0% no-repeat padding-box;
}
.wiz-chess-level-beginner {
  background: transparent linear-gradient(180deg, #ba7542 0%, #8a4019 100%) 0% 0% no-repeat padding-box;
}
.wiz-chess-level-intermediate {
  background: transparent linear-gradient(180deg, #2b8497 0%, #05475b 100%) 0% 0% no-repeat padding-box;
}
.wiz-chess-level-advanced {
  background: transparent linear-gradient(180deg, #a17100 0%, #934a03 100%) 0% 0% no-repeat padding-box;
}
.wiz-chess-teaching-bg .sub-title {
  text-align: center;
  font: normal normal bold 31px/20px Nunito;
  letter-spacing: 0px;
  color: #9cffff;
  text-shadow: 0px 2px 2px #00000099;
}
.wiz-chess-teaching-bg .teaching-title {
  background: transparent linear-gradient(90deg, #d2a511 0%, #ffc55900 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000066;
  border-radius: 6px;
  text-align: left;
  font: normal normal 800 24px/24px Nunito;
  letter-spacing: 0px;
  color: #ffffff;
  text-shadow: 2px 2px 2px #00000099;
}
.wiz-chess-curriculum-card-bg {
  background: transparent linear-gradient(180deg, #f6ffff 0%, #d7f0f0 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 20px #00000033;
  border: 2px solid #009290;
  border-radius: 30px;
}
.wiz-chess-curriculum-card-bg .heading {
  text-align: center;
  font: normal normal 800 31px/20px Nunito;
  letter-spacing: 0px;
  color: #0f7a79;
  text-transform: uppercase;
}
.wiz-chess-curriculum-card-bg .curriculum-card .title {
  background: transparent linear-gradient(180deg, #f2843b 0%, #d86b22 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #0000004d;
  border-radius: 16px;
  text-align: center;
  font: normal normal bold 16px/20px Nunito;
  letter-spacing: 0px;
  color: #ffffff;
  text-shadow: 0px 1px 2px #00000066;
}
.wiz-chess-curriculum-card-bg .curriculum-card .card-items {
  background: #fef1d2 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #0000004d;
  border: 1px solid #ffb300;
  border-radius: 0px 0px 16px 16px;
  text-align: left;
  font: normal normal bold 14px/20px Nunito;
  letter-spacing: 0px;
  color: #444444;
}
.wiz-chess-product-heading {
  text-align: left;
  font: normal normal 800 38px/20px Nunito;
  letter-spacing: 0px;
  color: #f15922;
}
.wiz-chess-product-main-image {
  height: 340px;
}
.wiz-chess-product-benefits {
  text-align: left;
  font: normal normal bold 19px/30px Nunito;
  letter-spacing: 0px;
  color: #0a6c6b;
  text-transform: capitalize;
}
.wiz-chess-product-benefits img {
  width: 60px;
  height: 60px;
}
.wiz-chess-outcomes-card-bg {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/product-pages/wiz-chess-outcomes-card-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.wiz-chess-outcomes-card-bg .outcome-number {
  text-align: center;
  font: normal normal bold 31px/28px Nunito;
  letter-spacing: 0px;
  color: #ffffff;
  text-shadow: 0px 2px 2px #00000033;
}
.wiz-chess-outcomes-card-bg .heading {
  text-align: left;
  font: normal normal 800 16px/28px Nunito;
  letter-spacing: 0px;
  color: #923f21;
}
.wiz-chess-outcomes-card-bg .content {
  text-align: left;
  font: normal normal 600 13px/18px Nunito;
  letter-spacing: 0px;
  color: #666666;
}
/* Wiz Chess */