:root {
  --black: #000;
  --red: #d50007;
  --lightgrey:#e4f1f9;
  --white: #fff;
  --yellow:#f4eab1;
  --poppins: 'Poppins', sans-serif;
}
*{padding: 0;margin: 0;/* box-sizing: border-box; */}
body{font-family: var(--poppins);font-size: 1rem;color: var(--black);line-height: 1.2;}
body {animation: fadeInAnimation ease 2s ;animation-iteration-count: 1;animation-fill-mode: forwards; } 
@keyframes fadeInAnimation {0% {opacity: 0;}100% {opacity: 1;}} 

a{text-decoration: none; color: var(--black);}
.banner-left ul li a:hover {color: var(--black)!important;text-decoration: none;}
b{font-weight: 600;}
.text-center {text-align: center;}
li{list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: 900;margin-bottom: 20px;line-height: 1.2;}
h1{font-size: 2.9rem;font-weight: 900;}
h2{font-size: 2.5rem;font-weight: 900;}
h3{font-size: 1.6rem;font-weight: 700;}
h4{font-size: 1.2rem;font-weight: 700;}
p {padding-bottom: 35px;font-size: 1.2rem;line-height: 1.5;}
.centered {max-width: 1100px;margin: auto;padding-left: 15px;    padding-right: 15px;}
.container2 {max-width: 1000px;margin: auto;padding-left: 15px;    padding-right: 15px;}
.secPad{padding: 30px 0 50px;}
img{ width: auto;height: auto;} 

/* BannerArea */
.banner {display: flex;align-items: center;justify-content: center;padding: 100px 0;}
.bannerWrap { background: rgb(242,254,254);background: linear-gradient(115deg, rgba(242,254,254,1) 0%, rgba(245,207,248,1) 59%, rgba(245,207,248,1) 100%);position: relative;}

img.line_icon {position: absolute;left: 0;}
img.circle_1 {position: absolute;left: 0;bottom: 0;}
img.circle_2 {position: absolute;right: 0;top: 0;}
img.josh_high_icon {position: absolute;top: 10%;}
img.circle_3 {position: absolute;right: 0;top: -60px;}
img.about_icon {position: absolute;top: 30%;bottom: 0; right: 0;}
img.session_engaging {position: absolute;right: 0;top: -40px;}
img.leaderboard_icon {position: absolute;right: 0;}

.banner-left {width: 50%;}
.banner-left img {margin-bottom: 15px;width: 250px;}
.banner-right {width: 50%;}
.banner-left ul {display: flex;gap: 20px;}
.banner-left ul li:first-child a {color: var(--red);}
.banner-left ul li {border: 1px solid var(--red);padding: 10px 15px;border-radius: 5px;text-transform: uppercase;}
.banner-left ul li:last-child { background: var(--red);}
.banner-left ul li:last-child a { color: #fff;}

.jHDetails {background: rgb(242,254,254);background: linear-gradient(115deg, rgba(242,254,254,1) 43%, rgba(245,207,248,1) 100%);position: relative;padding: 60px 0 40px;}
.jHAbout {background: rgb(250,254,255);background: linear-gradient(27deg, rgba(250,254,255,1) 57%, rgba(245,207,248,1) 100%);position: relative;padding: 60px 0 30px;}
.jHAbout h3 {padding-top: 45px;}
.jHAbout ul {display: flex; justify-content: center; align-items: center;gap: 32px;padding-top: 20px;}
.jHAbout ul li {background: #fff;width: 15%;height: 130px;padding: 30px 25px;border-radius: 10px;box-shadow: 0px 0 80px rgb(0 0 0 / 7%);}
.jHAbout ul li b {display: block;font-size: 20px;line-height: 1.0;padding: 15px 0 10px;}
.jHAbout ul li span {font-size: 15px;line-height: 1.0;}
.jHAbout ul li:first-child { margin-left: 20px;}
.jHAbout ul li:last-child {margin-right: 20px;}
.jHAbout ul li:hover img {-webkit-transform: scale(1.08);transform: scale(1.08);}
.jHAbout ul li img { -webkit-transition: 0.4s ease;transition: 0.4s ease;}
.jHDetails p{padding: -10px 0;}
.jHAbout p{ padding: 0 90px;}

p#demo {text-align: center; margin-bottom: 10px;}
p#demo div { display: inline-block; text-transform: uppercase; font-size: 13px;margin:0px 15px;    box-shadow: 0px 0 80px rgb(0 0 0 / 7%);}
p#demo div span {  box-shadow: 1px 0 80px 7px rgb(0 0 0 / 12%);border-radius: 10px;margin-bottom: 10px;font-size: 18px; font-weight: 600; background-image: linear-gradient(#fff, #ffffff);width: 60px;height: 50px;display: flex;justify-content: center;align-items: center;}
.engagingSession ul {display: grid;grid-template-columns: 1fr 1fr;gap: 0 250px;}
.engagingSession ul li .popup-trigger {display: flex;align-items: center;text-align: center;flex-direction: row;justify-content: space-between;position: relative;    cursor: pointer;}
.sessionProfile {position: relative;left: -32px;}
.sessionProfile img {width: 69px;height: 69px;border-radius: 100%;}
.arrow {position: relative;}
.session-text span {border-right: 1px solid #000;padding: 0px 17px;line-height: .9;height: 13px;display: inline-block;font-size: 13px;}
.session-text span:last-child { border: none;}
.session-text b {display: block;font-size: 13px;}
.session-text span:first-child {border-right: 1px solid #000;}
.engagingSession {background: #fafeff;position: relative;}
.session-text {width: 72%;margin-left: -24px;}
.arrow {width: 30px;background: #e4f1f9;border-radius: 100%;height: 30px;line-height: 33px;text-align: center;z-index: 1;right: -22px;}
.arrow img {width: 13px;}
.engagingSession ul li {position: relative;display: table;background: #ffffff;margin-top: 1.5rem;height: 40px;box-shadow: 0 8px 16px 0 rgba(0,0,0,.1), 0 2px 4px 0 rgba(0,0,0,.08);padding: 10px;}
.engagingSession ul li:after {display: block;width: 0px;height: 0;top: 96px;right: -65px;box-sizing: border-box;border: 34px solid black;border-color: transparent transparent #ffffff #ffffff;transform-origin: 0 0;transform: rotate(225deg);box-shadow: -3px 2px 3px 0 rgba(0,0,0,.1);content: "";position: absolute;}


/* Popup */
.jury-pop {display: none;position: fixed;left: 0;top: 0;height: 100%;width: 100%;z-index: 3;color: var(--black);justify-content: center;align-items: center;}
.jury-pop .jury-pop-mask {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 65%);}
.jury-pop .jury-pop-body {position: relative;max-width: 690px;max-height: 90%;background: var(--white);padding: 40px;box-sizing: border-box;overflow: auto;margin: 3% auto 0;}
.jury-pop-body h3 {margin-bottom: 5px;}
.jury-pop .jury-pop-body .jury-close::after, .jury-close::before {background: var(--black);}  
.jury-close {display: block;height: 50px;width: 50px;padding: 13px 12px;position: absolute;right: 0;top: 0;z-index: 1;cursor: pointer;}
 .jury-close::after, .jury-close::before {background-color: var(--black);width: 33px;height: 2px;border-radius: 10px;position: absolute;top: 25px;left: 10px;content: "";transform: rotate(-45deg);}
 .jury-pop .jury-pop-body b {font-size: 1.2rem;margin-bottom: 15px !important;display: block;}
.jury-summery p {font-size: 1rem;}
.jury-close::before {transform: rotate(45deg); }
.readMoreText {overflow: hidden;height: 116px;padding-bottom: 10px; cursor: pointer;}
.readMore {position: absolute;bottom:40px;padding-left: 2px;right: 0;left: 0;display: none;z-index: 2;color: var(--red);}
.readMoreText .readMore {display: block;}
/* Popup */



.feedback {border-top: 1px solid rgb(0 0 0 / 6%);border-bottom: 1px solid rgb(0 0 0 / 6%);display: flex;align-items: center;justify-content: space-evenly;padding: 15px 0;margin-top: 80px;}
.feedback a {color: var(--red);border: 1px solid var(--red);padding: 10px 20px;border-radius: 7px;text-transform: uppercase;font-size: 14px;}
.feedback h3 {margin-bottom: 0;padding: 15px 0;}
.leaderBoard {background: #fafeff;position: relative;}
.leaderBoardTable {background: linear-gradient(270deg, rgba(250,249,253,1) 57%, rgba(254,243,253,1) 100%); padding: 20px 0 0;border-radius: 9px;}
.leaderBoardTable table {width: 100%;border-collapse: collapse;max-width: 1100px;margin: auto;}
/* .leaderBoardTable td, .leaderBoardTable th { padding: 10px; border-bottom: 1px solid #eee; text-align: left; font-size: 18px;min-width: 100px;} */
/* .leaderBoardTable td img { padding-right: 20px;} */
/* .leaderBoardTable th {padding-bottom: 29px; border-bottom: 0;font-weight: bold;} */
.leaderBoardTable tr:last-child td { border-bottom: 0;}
.leaderBoardTable tr th, .leaderBoardTable tr td {width: 20%;text-align: center;padding: 12px;box-sizing: border-box;border-bottom: 1px solid #eee;}
.leaderBoardTable tr th:first-child, .leaderBoardTable tr td:first-child {width: 10%;}
.leaderBoardTable tr th:nth-child(3), .leaderBoardTable tr td:nth-child(3) {width: 30%;}
.leaderBoardTable tr td img {width: 50px;height: 50px;}
.leaderBoardTable tr th {font-size: 19px;} 

/* Testimonial */
.testimonials {background: rgb(240,245,252);background: linear-gradient(87deg, rgba(240,245,252,1) 75%, rgba(235,243,250,1) 100%);}
.testimonials .text{ padding-top: 20px;}
.testimonials .text strong{font-size: 18px;margin-bottom: 5px;display: block;}
.testimonials .text p{ font-size: 15px; padding-bottom:0px; font-weight:500;}
ul.students-think li{align-items: center;padding-left: 0;text-align: center; margin-bottom: 0;}
ul.students-think li .main-img img {background: #ccc;width: 120px;height: 120px;border-radius: 50%;}
ul.students-think li .graphic {position: relative;max-width: 900px;margin: 0  auto;width: 100%;text-align: center;}
ul.students-think li .graphic h3 {    margin-bottom: 10px;font-size: 20px;font-weight: 600;margin-top: 30px;}
.testimonialDot {position: absolute;width: 10px;height: 10px;border-radius: 100%;}
.RightThreeDot {background: #f4eab1;right: 0;width: 40px;height: 40px;top: 0;}
.leftThreeDot {background: #f4eab1;left: 0px;width: 40px;height: 40px;top: 0%;}
span.swiper-pagination-bullet {text-indent: -9999px;background-color: #f6adaa;opacity: 9;}
span.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #da251d;}
.swiper-button-next:after, .swiper-button-prev:after {font-size: 0 !important;}
.swiper-button-next img, .swiper-button-prev img{width: 26px !important;height: 18px !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 5px !important;width: calc(var(--swiper-navigation-size)/ 30 * 30) !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 5px  !important;width: calc(var(--swiper-navigation-size)/ 30 * 30) !important;}
.swiper-button-next, .swiper-button-prev {top: 7% !important;}
ul.students-think li .graphic p {padding-bottom: 0;}
.swiper-pagination {display: none;}
.mySwiper {padding: 100px 0px 40px !important;padding-top: 30px !important;}
.fullFooter {display: none;}


ul.students-think li .graphic:after {content: '';background: url(../images/leftComma.png);position: absolute;top: 10px;right: 0;bottom: 30px;width: 70px;background-size: 76px;background-repeat: no-repeat;transform: rotate(180deg);}
ul.students-think li .graphic:before{content: '';background: url(../images/leftComma.png);position: absolute;top: -61px;left: 0;bottom: 104px;width: 70px;background-size: 66px;background-repeat: no-repeat;}
.wavesWrap {background: #fafeff;}
.waves {position:relative;width: 100%;height:15vh;margin-bottom:-7px; /*Fix for safari gap*/min-height:100px;max-height:150px;}
.parallax > use {animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;  }
.parallax > use:nth-child(1) {animation-delay: -2s;animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s;animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s;animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s;animation-duration: 20s;}
@keyframes move-forever {0% { transform: translate3d(-90px,0,0);}100% {transform: translate3d(85px,0,0);} }




@media (max-width: 768px) {.waves {  height:60px;  min-height:40px;} }

@media screen and (max-width: 1140px) {
.centered { padding-left: 15px; padding-right: 15px; }
}

@media only screen and (max-width: 768px) {
  h1, h2, h3, h4, h5, h6{font-weight: 700; margin-bottom: 15px;}
h1{font-size: 2.0rem;font-weight: 700;}
h2{font-size: 2.0rem;font-weight: 700;}
h3{font-size: 1.2rem;font-weight: 700;}
h4{font-size: 1.2rem;font-weight: 700;}
.centered { padding-left: 20px; padding-right: 20px; }
.banner {flex-wrap: wrap;flex-direction: column;padding: 30px 0;}
.banner-left { width: 100%;}
.banner-right {width: 100%;padding-top: 50px;}
.banner-right img {width: 100%;}
.engagingSession ul {grid-template-columns: 1fr;    padding-left: 25px;}
.aboutWrap{    box-sizing: border-box;overflow-y: hidden;white-space: nowrap;width: 100%;display: inline-block;}
.jHAbout ul {display: inline-flex;gap: 15px;/* padding: 20px; */}
.jHAbout ul li {max-width: 360px;height: 167px;width: 109px;display: inline-block;margin-right: 20px;text-wrap: wrap;margin-bottom: 20px;box-shadow: 0px 0 30px rgb(0 0 0 / 7%);white-space: normal;}
.leaderBoardTable { box-sizing: border-box;overflow-y: hidden; white-space: nowrap;width: 100%;}
.engagingSession ul li {width: 78%;margin-left: 0px;}
.session-text b {font-size: 13px;}
.session-text span {font-size: 11px; padding: 0px 10px;}
.jHDetails {padding: 40px 0;}
.jHDetails p {padding: 0;}
.jHAbout p {padding: 0 ;}
.jHAbout {padding: 50px 0 50px;}
.engagingSession {padding-top: 0;}
.leaderBoard {padding-top: 0;}
.arrow {/* right: 10px; */}
.session-text {margin-left: -53px;margin-right: -35px;}
.feedback { flex-direction: column;text-align: center; margin-bottom: 10px;}
.feedback img {margin-bottom: 0;}
img.josh_high_icon {width: 70px;}
img.line_icon {display: none;}
img.circle_1 {display: none;}
img.circle_2 {display: none;}
img.circle_3 {display: none;}
img.about_icon {display: none;}
img.session_engaging {display: none;}
img.leaderboard_icon {display: none;}
.RightThreeDot {display: none;}
.leftThreeDot {display: none;}
.swiper-button-next, .swiper-button-prev {display: none;}
p#demo div {  margin:0px 5px;}
p#demo div span { width: 50px;height: 42px;}
.banner-left ul {flex-direction: column;width: 80%;text-align: center;margin: 0 auto;}
.readMore {bottom: 14px;}
.readMoreText{height: 110px;}
.swiper-pagination {display: block;}
.swiper-button-next, .swiper-button-prev {
  display: none !important;
}

}