.wizklub-summer-camp-container .summer-camp {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/summer-camp/summer-camp-banner-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 90px;
}
.wizklub-summer-camp-container .summer-camp-banner-heading {
  font: normal normal bold 49px/54px Nunito;
  letter-spacing: -0.98px;
  color: #0e19aa;
}
.wizklub-summer-camp-container .summer-camp-banner-sub-heading {
  font: normal normal 800 34px/48px Nunito;
  color: #9d0404;
}
.wizklub-summer-camp-container .summer-camp-banner-description {
  font: normal normal 600 20px/30px Nunito;
  color: #000000;
}
.wizklub-summer-camp-container .summer-camp-banner-sub-desc {
  font: normal normal 600 16px/30px Nunito;
  color: #000000;
}
.wizklub-summer-camp-container .summer-camp-banner-sub-desc .view-details {
  text-decoration: underline;
  font: normal normal 600 16px/30px Nunito;
  color: #0012ff;
}
.wizklub-summer-camp-container .summer-camp-time-left {
  background: transparent linear-gradient(180deg, #1c53b3 0%, #0b2f6f 100%) 0% 0% no-repeat padding-box;
}
.wizklub-summer-camp-container .summer-camp-time-left .heading {
  font: normal normal bold 20px/48px Nunito;
  color: #ffd46a;
}
.wizklub-summer-camp-container .summer-camp-time-left .time-left {
  background: #0a487c 0% 0% no-repeat padding-box;
  border-radius: 30px;
}
.wizklub-summer-camp-container .summer-camp-time-left .time-left-text {
  font: normal normal normal 16px/41px Nunito;
  color: #ffffff;
}
.wizklub-summer-camp-container .time-for-fun-section {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/summer-camp/fun-section-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.wizklub-summer-camp-container .activities-img {
  border: 10px solid #2dc8c6;
  box-shadow: 0px 20px 50px #00000033;
  border-radius: 20px;
}
.wizklub-summer-camp-container .summer-camp-info .heading {
  font: normal normal 800 20px/20px Nunito;
  color: #333333;
}
.wizklub-summer-camp-container .summer-camp-info .sub-heading {
  font: normal normal 800 38px/38px Nunito;
  color: #f15922;
}
.wizklub-summer-camp-container .summer-camp-info .description {
  font: normal normal 500 16px/28px Nunito;
  color: #666666;
}
.wizklub-summer-camp-container .summer-camp-info .info {
  font: normal normal 600 17px/28px Nunito;
  color: #666666;
  background: #fff5ee 0% 0% no-repeat padding-box;
  box-shadow: 0px 2px 4px #0000004d;
  border: 1px solid #fdba8e;
  border-radius: 20px;
}
.wizklub-summer-camp-container .summer-camp-info .info-bold {
  font: normal normal bold 22px/30px Nunito;
  letter-spacing: -0.35px;
  color: #f15922;
}
.wizklub-summer-camp-container .list-of-activities {
  background: #22b9b7 0% 0% no-repeat padding-box;
}
.wizklub-summer-camp-container .list-of-activities .heading {
  font: normal normal 800 20px/20px Nunito;
  color: #ffffff;
  text-shadow: 0px 2px 2px #000000e6;
}
.wizklub-summer-camp-container .list-of-activities .sub-heading {
  font: normal normal 800 38px/20px Nunito;
  color: #ffe097;
  text-shadow: 0px 2px 2px #000000e6;
}
.wizklub-summer-camp-container .list-of-activities .description {
  font: normal normal 500 21px/28px Nunito;
  color: #ffffff;
}
.wizklub-summer-camp-container .list-of-activities .activities-icon {
  background: #ffffdb 0% 0% no-repeat padding-box;
  box-shadow: 0px 6px 10px #0000001a;
  border: 4px solid #f38338;
  border-radius: 50%;
  width: 45%;
  padding: 16px;
}
.wizklub-summer-camp-container .list-of-activities .activities-icon:hover {
  padding: 4px;
}
.wizklub-summer-camp-container .list-of-activities .activities-title {
  font: normal normal bold 18px/24px Nunito;
  color: #ffffff;
  text-shadow: 0px 1px 2px #000000e6;
}
.wizklub-summer-camp-container .list-of-activities .activities-title:hover {
  font: normal normal bold 18px/24px Nunito;
  color: #ffe097;
  text-shadow: 0px 1px 2px #000000e6;
}
.wizklub-summer-camp-container .list-of-activities .summer-camp-enroll {
  font: normal normal bold 20px/50px Nunito;
  color: #333333;
  background: #ffffff;
  border-radius: 36px;
  border-top: 20px solid #f38338;
  border-bottom: 5px solid #f38338;
}
.wizklub-summer-camp-container .list-of-activities .summer-camp-enroll .heading {
  font: normal normal 800 40px/50px Nunito;
  color: #f15922;
}
.wizklub-summer-camp-container .summer-carnival-section {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/summer-camp/summer-carnival-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.wizklub-summer-camp-container .summer-carnival {
  background: transparent radial-gradient(closest-side at 50% 50%, #fff3e2 0%, #ffe3bc 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 20px #0000001f;
  border: 2px solid #e79507;
  border-radius: 20px;
  font: normal normal bold 20px/26px Nunito;
  color: #632902;
}
.wizklub-summer-camp-container .summer-carnival .heading {
  font: normal normal 800 34px/28px Nunito;
  color: #e53d00;
}
.wizklub-summer-camp-container .summer-carnival .sub-heading {
  font: normal normal bold 20px/28px Nunito;
  color: #e53d00;
}
.wizklub-summer-camp-container .summer-camp-prize {
  background: transparent radial-gradient(closest-side at 50% 50%, #f5fcff 0%, #cce4f0 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 10px 20px #0000001f;
  border: 2px solid #2186ba;
  border-radius: 20px;
  font: normal normal bold 20px/26px Nunito;
  color: #394145;
}
.wizklub-summer-camp-container .summer-camp-prize .heading {
  font: normal normal 800 34px/28px Nunito;
  color: #055aa4;
}
.summer-camp-modal-bg .modal-content {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/summer-camp/summer-camp-modal-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.summer-camp-modal-bg .modal-body .heading {
  font: normal normal 800 26px/20px Nunito;
  color: #f15922;
}
.summer-camp-modal-bg .instructor {
  font: normal normal bold 13px/25px Nunito;
  color: #444444;
}
.summer-camp-modal-bg .activities-time {
  font: normal normal 800 15px/15px Nunito;
  letter-spacing: 0.3px;
  color: #962800;
}
.summer-camp-modal-bg .activities-day-number {
  font: normal normal 800 12px/16px Nunito;
  color: #0a6c6b;
  white-space: nowrap;
}
.summer-camp-modal-bg .activities {
  font: normal normal 600 12px/16px Nunito;
  color: #555555;
}
.summer-camp-modal-bg .summer-camp-activities {
  box-shadow: 0px 0px 20px #00000033;
  border: 5px solid #ff9f52;
  background-color: #ffffff;
}
.summer-camp-modal-bg .summer-camp-activities .activities-main-card {
  border: none;
  height: 100%;
}
.summer-camp-modal-bg .summer-camp-activities .activities-main-card .header-image {
  background-image: url("https://assets.wizklub.com/images/wizklub/pages/summer-camp/summer-camp-modal-header-img.png");
  margin-left: -35px;
  margin-top: 25px;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
}
.summer-camp-modal-bg .main-card-heading {
  position: relative;
  font: normal normal bold 22px/40px nunito;
  letter-spacing: 0.44px;
  padding: 15px 0px 30px 0px;
  text-shadow: 0px 2px 4px #00000066;
}
.summer-camp-modal-bg .speaker-icon {
  width: 15px;
  height: 16px;
}
@media (min-width: 320px) {
  .wizklub-summer-camp-container .summer-camp-time-left .sub-heading {
    font: normal normal 800 25px/30px Nunito;
    color: #ffffff;
  }
  .wizklub-summer-camp-container .summer-camp-time-left .time-left-number {
    font: normal normal 800 25px/41px Nunito;
    color: #ffffff;
  }
  .summer-camp-modal-bg .main-card-heading {
    margin-left: 35px;
  }
}
@media (min-width: 576px) {
  .wizklub-summer-camp-container .summer-camp-time-left .sub-heading {
    font: normal normal 800 32px/41px Nunito;
    color: #ffffff;
  }
  .wizklub-summer-camp-container .summer-camp-time-left .time-left-number {
    font: normal normal 800 50px/41px Nunito;
    color: #ffffff;
  }
  .summer-camp-modal-bg .main-card-heading {
    margin-left: 55px;
  }
}
/* Dussehra activity camp css */
.dussehra-event {
  background: transparent url("https://assets.wizklub.com/images/wizklub/pages/dussehra-camp/dussehra-event-bg.svg") 0% 0% no-repeat padding-box !important;
  background-size: cover !important;
  margin-top: 125px !important;
}
.dussehra-event .event-title {
  font: normal normal 800 49px/54px Nunito;
  letter-spacing: -0.98px;
  color: #603813;
}
.event-description-label {
  font: normal normal bold 20px/30px Nunito;
}
.dussehra-event .event-schedule-btn {
  background: #fff5ea 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #603813;
  border-radius: 10px;
  font: normal normal bold 15px/20px Nunito;
}
.dussehra-event .event-schedule-btn:hover {
  background: #ffd2a8 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  color: #545456;
}
.schedule-label {
  font: normal normal bold 16px/36px Nunito;
}
.schedule-text {
  font: normal normal bold 22px/36px Nunito;
}
.dussehra-event-time-left {
  background: transparent linear-gradient(180deg, #1c53b3 0%, #0b2f6f 100%) 0% 0% no-repeat padding-box;
}
.dussehra-event-time-left .heading {
  font: normal normal bold 20px/48px Nunito;
  color: #ffd46a;
}
.dussehra-event-time-left .description {
  font: normal normal 800 32px/41px Nunito;
}
.wizklub-summer-camp-container .dussehra-event-time-left .time-left {
  background: #ffffff22 0% 0% no-repeat padding-box !important;
  border-radius: 30px !important;
}
.list-of-activities {
  background: #22b9b7 0% 0% no-repeat padding-box;
}

/* Summer Camp Activity Popup CSS */

.summer-camp-activity-popup .popup-content {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 20px;
}
.summer-camp-activity-popup .activity-title {
  font: normal normal 800 24px/29px Nunito;
  color: #f38338;
}
.summer-camp-activity-popup .activity-description {
  font: normal normal bold 17px/25px Nunito;
  color: #333333;
}
.summer-camp-activity-popup .activity-details {
  background: #f2f2f2 0% 0% no-repeat padding-box;
  border-radius: 8px;
  overflow-y: auto;
  max-height: 150px;
}
.summer-camp-activity-popup .activity-question {
  font: normal normal 800 12px/29px Nunito;
  color: #0f7a79;
}
.summer-camp-activity-popup .activity-modules {
  font: normal normal bold 12px/20px Nunito;
  color: #333333;
}
.summer-camp-activity-popup .default-activity-details {
  font: normal normal 800 22px/25px Nunito;
  color: #333333;
}
.summer-camp-activity-popup .close {
  position: absolute;
  left: 100%;
  top: -15px;
  color: #fff !important;
  opacity: 1 !important;
  outline: none !important;
}

/* Summer Camp Activity Popup CSS */

/* Summer Camp Analytics CSS */

.custom-date-div {
  background: #cfe8ff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 3px #00000066;
  border: 1px solid #0089ff;
  border-radius: 4px;
}
.custom-date-div .title {
  font: normal normal 800 14px/15px Nunito;
  color: #333333;
}
.custom-date-div .sub-title {
  font: normal normal 600 10px/21px Nunito;
  color: #666666;
}
.custom-date-div .description {
  font: normal normal 600 13px/17px Nunito;
  color: #0089ff;
  border-bottom: 1px solid #000000;
}
.summer-camp-kpis-list {
  overflow-x: scroll;
  white-space: nowrap;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  border-top: 2px solid #0000004d;
}
.summer-camp-kpis-list::-webkit-scrollbar {
  display: none;
}
.summer-camp-kpis-div {
  background: #f1f1f2 0% 0% no-repeat padding-box;
  border: 1px solid #b6c5cc;
}
.summer-camp-kpis-div .title {
  font: normal normal normal 12px/16px Chivo;
  letter-spacing: -0.2px;
  color: #444444;
}
.summer-camp-kpis-div .sub-title {
  font: normal normal bold 25px/16px Chivo;
  color: #444444;
}
.summer-camp-analytics-card .title {
  font: normal normal normal 12px/16px Chivo;
  color: #444444;
}
.summer-camp-analytics-card .total-count {
  font: normal normal bold 25px/16px Chivo;
  color: #444444;
}
.summer-camp-analytics-card {
  background: #f1f1f2 0% 0% no-repeat padding-box;
  border: 1px solid #b6c5cc;
}
.table-container-card {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000033;
}
.table-container-card .header-details {
  background: #e1e9ee 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 1px #00000033;
}
.table-container-card .title {
  font: normal normal bold 14px/20px Chivo;
  color: #444444;
}
.table-container-card .link-label {
  font: normal normal bold 15px/20px Chivo;
  color: #0089ff;
}
.summer-camp-data-table tbody:before {
  line-height: 5px;
  content: "\200C";
  display: block;
}
.summer-camp-data-table thead tr {
  background: #f3faff 0% 0% no-repeat padding-box;
  border: 0.10000000149011612px solid #0089ff !important;
  font: normal normal bold 12px/14px Chivo;
  color: #545456;
}
.summer-camp-data-table tbody tr {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 0.10000000149011612px solid #000000;
  font: normal normal normal 12px/16px Chivo;
  color: #444444;
  display: table;
  width: 100%;
  table-layout: fixed;
}
.total-data-container {
  background: #e1e9ee 0% 0% no-repeat padding-box;
  border: 0.5px solid #8e989d;
  font: normal normal normal 12px/16px Chivo;
  color: #545456;
}
.total-data-container .total-student {
  border-right: 1px solid #8e989d;
}
.workshop-analytic-chart {
  width: 100%;
  height: 450px;
}
.summer-camp-data-table .default-message {
  font: normal normal normal 12px/16px Chivo;
  color: #444444;
}
.summer-camp-data-table .workshop-analytics-table {
  display: block;
  max-height: 300px;
  overflow-y: auto;
}
.summer-camp-data-table .workshop-analytics-header {
  display: table;
  width: 100%;
  table-layout: fixed;
}

/* Summer Camp Analytics CSS */