/********Screen Regulation Min width 1024px********/
@media screen and (min-width: 1024px){body {zoom: 63%;}}

/********Screen Regulation Min width 1366px********/
@media screen and (min-width: 1366px){body {zoom: 85%;}}

/********Screen Regulation Min width 1440px********/
@media screen and (min-width: 1440px){body {zoom: 90%;}}
/********Screen Regulation Min width 1440px********/

@media screen and (min-width: 1445px){body {zoom: 95%;}}


/*@media screen and (min-width: 1366px){
    body {
        zoom: 95%;
    }
}
@media screen and (max-width: 1366px) {
    body {
        zoom: 95%;
    }
}*/





/*############################ PAGE ############################*/
/* ================= BOOK A FREE TRIAL =================*/
.BookFreeTrialBanner{padding: 0px !important;}
.BookFreeTrialBanner .BFTleftBox{text-align:center; display: flex; flex-direction: column; justify-content: space-between;}
.BookFreeTrialBanner .BFTleftBox h2{color:#fff; font-weight:900; padding-top: 30px;}
.BookFreeTrialBanner .BFTleftBox h3{color:#fff; font-weight:500;}
.BookFreeTrialBanner .applyProgramForm{margin-top: 50px; margin-bottom:50px; color:#fff; padding:10% 0%;}
.BookFreeTrialBanner .applyProgramForm .form-select{background-color:#fff;}

.BookFreeTrial1 .STPBox h5{color: var(--topBarBg); font-size: 17px;  margin: 15px 0px;}
.BookFreeTrial1 .STPBox p{margin:0px !important; width:100%;}

.BookFreeTrial2 .mainHeading h3{color: var(--color3);}
.BookFreeTrial2 .mainHeading h4{color: var(--color3);font-size: 26px; font-weight: 500; margin-bottom: 0px;}

.BookFreeTrial2 .solvingBox{background-color: #F3EBFD; color:#000; border-radius: 200px; margin-top: 50px;}
.BookFreeTrial2 .solvingBox img{width: 350px; margin-top: -30px;}
.BookFreeTrial2 .solvingBox h3{margin-left:50px; font-weight:900; margin-top:20px;}
.BookFreeTrial2 .solvingBox ul{margin:0px;}
.BookFreeTrial2 .solvingBox ul li{margin-bottom:10px;}
.BookFreeTrial2 .solvingBox1{background-color: #F3EBFD; color:#000; border-radius: 200px; margin-top: 50px;}
.BookFreeTrial2 .solvingBox1 .fycBox{margin-left: 50px;}
.BookFreeTrial2 .solvingBox1 img{width: 450px; margin-top: -30px;}
.BookFreeTrial2 .solvingBox1 h3{margin-left:20px; font-weight:900; margin-top:20px;}
.BookFreeTrial2 .solvingBox1 ul{margin:0px;}
.BookFreeTrial2 .solvingBox1 ul li{margin-bottom:10px;}

@media screen and (max-width: 900px) {
    .BookFreeTrial2 .solvingBox, .BookFreeTrial2 .solvingBox1{border-radius: 30px; margin-top: 50px; padding: 20px;}
    .BookFreeTrial2 .solvingBox img, .BookFreeTrial2 .solvingBox1 img{max-width: 100%; margin: 0px;}
    .BookFreeTrial2 .solvingBox h3, .BookFreeTrial2 .solvingBox1 h3, .BookFreeTrial2 .solvingBox1 .fycBox{margin-left: 0px;}
}

.BookFreeTrial3 .mainHeading h3{color: var(--color3);}
.BookFreeTrial3 p{font-size:18px;}
.BookFreeTrial4 h5{font-size: 20px !important; text-align: left !important;}
.BookFreeTrial4 .menuButton{font-size: 18px; padding: 8px 50px;}

.BookFreeTrial5{background-image: unset !important;}
.BookFreeTrial5 h5{margin: 0px; margin-top: 20px; font-size: 16px;}
.BookFreeTrial6 {background: var(--bg5); text-align:center; margin-top:50px;}
.BookFreeTrial6 img{ width: 160px; margin-top: -50px; max-width:100%;}
.BookFreeTrial6 h4{color:#fff; margin: 15px 0px;}
.BookFreeTrial6 .menuButton{font-size:18px; padding:8px 50px; margin:15px 0px;}

.BookFreeTrial7 .mainHeading h3{color: var(--color3);}
.BookFreeTrial7 .WDPLM{text-align: center; background: var(--color6); color: #fff; padding: 20px; margin-top:20px; border-radius:10px; min-height: 300px;}
.BookFreeTrial7 .WDPLM h5{color: #fff; margin-bottom:20px;}
.BookFreeTrial7 .WDPLM i{margin:0px 3px;}
.BookFreeTrial7 .WDPLM p{margin:0px; margin-top:20px;}


/*############################ PAGE ############################*/

/*===================== Thanku ========================*/
.MoonThankYou{background: url(../../assets/images/banner/bg/thanku.jpg); background-size: cover; background-attachment: fixed; background-position: center; padding-top: 30px; padding-bottom: 30px; min-height: 500px;}
.MoonThankYou .MoonThankYouHeader{text-align:center; padding:60px 20px;}
.MoonThankYou .MoonThankYouBody .menuButton{width: 80%; font-size: 18px; transition: 1.5s !important; margin-bottom:10px;}
.MoonThankYou .MoonThankYouBody .menuButton:hover{transition: 1.5s;}
.MoonThankYou .MoonThankYouBody .menuButton img{width: 25px;}
.MoonThankYou .MoonThankYouBody .MoonChildBoxBg{background: #fafafade; color: #2e2e2e; padding: 15px 10px; margin: 10px 0px;}
.MoonThankYou .MoonThankYouBody .MoonChildBoxBg .Moonradio2 label{}
.MoonThankYou .MoonThankYouBody .MoonChildBoxBg .Moonradio2 span > i{left: 4%;}
.MoonThankYou canvas {width:100%; height:100%;}


/*############################ PAGE ############################*/

/*===================== Home ========================*/

/******************************* Success With Moonpreneur ***********************************/
.moonBannerImgBox .ClimbBg{width: 100%;}
.moonBannerImgBox .SWMimgBox img{position: absolute}
.moonBannerImgBox .SWMtextBox p{position:absolute; color: var(--Black); font-size:11px; margin:0px;	line-height:12px;}
.moonBannerImgBox .SWMtextBox p:nth-child(1){top: 18%; left: 23%;}
.moonBannerImgBox .SWMtextBox p:nth-child(2){top: 5%; left: 41%;}
.moonBannerImgBox .SWMtextBox p:nth-child(3){top: -12%; left: 58%;}

.moonBannerImgBox .RoboticsBox .SWMimgBox img:nth-child(1){width: 12%; top: 52%; left: 27%;}
.moonBannerImgBox .RoboticsBox .SWMimgBox img:nth-child(2){width: 11%; top: 41%; left: 45%;}
.moonBannerImgBox .RoboticsBox .SWMimgBox img:nth-child(3){width: 11%; top: 9%; left: 59%;}

.moonBannerImgBox .GameDevelopment .SWMimgBox img:nth-child(1){width: 10%; top: 48%; left:29%;}
.moonBannerImgBox .GameDevelopment .SWMimgBox img:nth-child(2){width: 11%; top: 40%; left: 44%;}
.moonBannerImgBox .GameDevelopment .SWMimgBox img:nth-child(3){width: 8%; top: 20%; left: 60%;}

.moonBannerImgBox .AppDevelopment .SWMimgBox img:nth-child(1){width: 10%; top: 48%; left: 29%;}
.moonBannerImgBox .AppDevelopment .SWMimgBox img:nth-child(2){width: 11%; top: 31%; left: 44%}
.moonBannerImgBox .AppDevelopment .SWMimgBox img:nth-child(3){width: 12%; top: 14%; left: 60%;}

@media only screen and (max-width: 1200px) {
	.moonBannerImgBox .SWMtextBox p{font-size: 9px; line-height: 10px;}
	.moonBannerImgBox .SWMtextBox p:nth-child(1){top: 23%;}
	.moonBannerImgBox .SWMtextBox p:nth-child(2){top: 12%;}
	.moonBannerImgBox .SWMtextBox p:nth-child(3){top: -6%;}	
}	

@media only screen and (max-width: 900px) {
	.moonBannerImgBox .SWMtextBox p{font-size: 9px; line-height: 10px;}
	.moonBannerImgBox .SWMtextBox p:nth-child(1){top: 22%;}
	.moonBannerImgBox .SWMtextBox p:nth-child(2){top: 11%;}
	.moonBannerImgBox .SWMtextBox p:nth-child(3){top: -7%;}	
}
@media only screen and (max-width: 600px) {
	.moonBannerImgBox .SWMtextBox p{font-size: 9px; line-height: 10px;}
	.moonBannerImgBox .SWMtextBox p:nth-child(1){top: 13%; left:15%;}
	.moonBannerImgBox .SWMtextBox p:nth-child(2){top: 3%;left:34%;}
	.moonBannerImgBox .SWMtextBox p:nth-child(3){top: -15%; left:47%;}
}

/*@media only screen and (max-width: 900px) {
	.moonBannerImgBox .RoboticsBox .SWMimgBox img:nth-child(1){width: 15%; top: 50%; left: 25%;}
	.moonBannerImgBox .RoboticsBox .SWMimgBox img:nth-child(2){width: 14%; top: 38%; left: 44%;}
	.moonBannerImgBox .RoboticsBox .SWMimgBox img:nth-child(3){width: 13%; top: 5%; left: 64%;}
	
	.moonBannerImgBox .GameDevelopment .SWMimgBox img:nth-child(1){width: 13%; top: 45%; left: 25%;}
	.moonBannerImgBox .GameDevelopment .SWMimgBox img:nth-child(2){width: 13%; top: 37%; left: 41%;}
	.moonBannerImgBox .GameDevelopment .SWMimgBox img:nth-child(3){width: 8%; top: 20%; left: 61%;}
	
	.moonBannerImgBox .AppDevelopment .SWMimgBox img:nth-child(1){width: 13%; top: 47%; left: 25%;}
	.moonBannerImgBox .AppDevelopment .SWMimgBox img:nth-child(2){width: 14%; top: 26%; left: 42%;}
	.moonBannerImgBox .AppDevelopment .SWMimgBox img:nth-child(3){width: 14%; top: 12%; left: 60%;}
}*/
.moonBannerImgBox .moonBannerRadioBtn{ width: 100%; margin: 0 auto; text-align: center;margin-top: 30px;}
.moonBannerImgBox .moonBannerRadioBtn label input{display: none;}
.moonBannerImgBox .moonBannerRadioBtn span {
	display: inline-block; border-radius: 5px; position: relative; text-align: center; cursor: pointer; min-width: 170px;
    padding: 4px 2px; margin-bottom: 20px; font-size:12px; background:var(--White); opacity:.8;
}
.moonBannerImgBox .moonBannerRadioBtn span > i {
    background: var(--White); color: var(--topBarBg); font-size: 12px; position: absolute;  top: -15px; left: 50%; 
    transform: translateX(-50%) scale(2); border-radius: 50px; padding: 5px; transition: 0.5s; pointer-events: none; opacity: 0;
}
.moonBannerImgBox .moonBannerRadioBtn label input:checked + span {background: var(--topBarBg); color: var(--White); opacity:1;}
.moonBannerImgBox .moonBannerRadioBtn label input:checked + span > i {opacity: 1; transform: translateX(-50%) scale(1);}

/****************************** Success With Moonpreneur End ******************************/



/************************************************ Banner ************************************************/
.moonBanner {
    /*background: linear-gradient(89deg,#dcc1f8 0%,#f7eafe 50%,#dcc1f8 75%);*/
    background: radial-gradient(#dcf5fc 50%, #aee7fa);
    padding-top: 5px;
    padding-bottom: 5px;
}
.moonBanner .moonBannerImg{width:100%;}
.moonBanner .moonBannerText{text-align: center; display: flex; align-items: center;}
.moonBanner .moonBannerText h3{color: var(--color2); font-weight: 700; font-style: italic; line-height: 36px; margin:0px 15%;}
.moonBanner .moonBannerText h1{color: var(--color1); font-weight: 500; margin: 5% 0%; line-height: 45px;}
.moonBanner .moonBannerText p{color: var(--color3); font-weight: 400; margin:0px;}
.moonBanner .BannerSlider.slick-slider .slick-arrow {position: absolute; top: auto; bottom: -4px; font-size: 30px; color: var(--color3); z-index: 999;}
.moonBanner .BannerSlider.slick-slider .next-icon {right:28%;}
.moonBanner .BannerSlider.slick-slider .prev-icon {left:28%;}
@media only screen and (max-width: 700px) {
    .moonBanner .BannerSlider.slick-slider .next-icon {right: 10%;}
    .moonBanner .BannerSlider.slick-slider .prev-icon {left: 10%;}
    .moonBanner .moonBannerText h1{font-size: 20px; line-height: 25px;}
}

/************************************************ Banner End ************************************************/

/*************************** Banner 28-Feb-2025 ***************************/
.moonNewSliderBanner{max-width:100%; padding:0px; position:relative;}

.moonNewSliderBanner .BannerSliderBox .moonBannerSliderText {text-align: center; position: absolute; 
bottom: 38%; right: 32%; z-index:9;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSliderText h1{color: var(--White); font-weight: 700; 
margin: 0% 0%; line-height: 50px; font-size: 45px; text-transform: uppercase;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSliderText p{color: var(--White); font-weight: 400; 
margin-top: 10px; font-size: 27px; line-height: 35px;}

    /********Slider 1********/
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider1 {background: url(../../assets/images/Home/newhome/bgfortop.webp); 
background-size: cover; background-position: center; padding: 0px; position: relative;}
/*.moonNewSliderBanner .BannerSliderBox .moonBannerSlider1 img{width: 48%; max-width: 100%; margin-top: 11%;}*/
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider1 img{width: 40%; max-width: 100%; margin-top: 6.5%;}
    /********Slider 2********/
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider2 {background: url(../../assets/images/Home/newhome/mapBanner1.webp) no-repeat; 
background-size: cover; background-position: center; padding: 0px; position: relative;}
/*.moonNewSliderBanner .BannerSliderBox .moonBannerSlider2 img{width: 48%; margin-top: 11%; opacity:0;}*/
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider2 img{width: 40%; margin-top: 6.5%; opacity:0;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider2 .moonBannerSliderText {bottom: 10%; left: 3%; right:auto;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider2 .moonBannerSliderText a{color:#000;}
    /********Slider 3********/
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider3 {background: url(../../assets/images/Home/newhome/summercamp-banner2.webp?ver=1.1) no-repeat; 
background-size: cover; background-position: center; padding: 0px; position: relative;}
/*.moonNewSliderBanner .BannerSliderBox .moonBannerSlider3 img{width: 48%; margin-top: 11%; opacity:0;}*/
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider3 img{width: 40%; margin-top: 6.5%; opacity:0;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider3 .banner3text {bottom: 7%;right: 50%;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider3 .banner3text h1 a{font-size: 18px; 
color: #fff; background: #f70880; padding: 0px 10px; border-radius: 50px; margin-bottom: 5px; display: block; min-width:230px;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider3 .banner3text h1 a:hover{opacity:.8;}
    /********Slider 4********/
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider4 {background: url(../../assets/images/Home/newhome/bgfortop.webp) no-repeat; 
background-size: cover; background-position: center; padding: 0px; position: relative;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider4 img{width: 32%;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider4 .banner4text {bottom: 20%; right: 37%;}

.moonNewSliderBanner .BannerSliderBox .moonBannerSlider4 .banner4text a{font-size: 18px; color: #fff;
    background: #f86f03; padding: 8px 15px; border-radius: 50px; display: inline-block;
    min-width: 230px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transition: all 1s;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider4 .banner4text a:hover{background:#e36502;
     box-shadow: 0px 0px; transition: all .5s;
}



/********Mobile View Banner********/
.moonNewSliderBanner .HideOnDesktopSlider{position:relative; display:none; overflow:hidden;}
.moonNewSliderBanner .HideOnDesktopSlider img{width: 154%; margin-left: -28%;}
.moonNewSliderBanner .HideOnDesktopSlider div{background: linear-gradient(45deg, #cee5fd, #bedefc);
    padding: 14px 10px; text-align: center;}
.moonNewSliderBanner .HideOnDesktopSlider a{font-size: 12px; color: #fff; background: #f70880; padding: 7px 50px;
    border-radius: 50px; text-align: center;}

/********Form Box********/
/*.moonNewSliderBanner .BannerSliderBox .FormBaFBox {
    width: 25%; position: absolute; right: 4%; z-index: 9; display: flex; flex-wrap: wrap;
    align-items: center; align-content: center; height: -webkit-fill-available;
}*/
.moonNewSliderBanner .BannerSliderBox .FormBaFBox {
    position: absolute; right: 4%; top: 50%; transform: translateY(-50%); width: 25%; z-index: 9;
    display: flex; flex-direction: column; align-items: center;
}
.moonNewSliderBanner .BannerSliderBox .FormBaFBox .BookFreeTrialForm{width: 100%; margin-top:-28px;}

@media only screen and (max-width: 1000px) {
.moonNewSliderBanner .BannerSliderBox .moonBannerSliderText {bottom: 30%; left: auto; right:10%}
.moonNewSliderBanner .BannerSliderBox .moonBannerSliderText h1{line-height: 40px; font-size: 30px;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSliderText p{font-size: 20px; line-height: 30px;}
.moonNewSliderBanner .BannerSliderBox .FormBaFBox{width: 100%; position: static; transform: translateY(0%);}
.moonNewSliderBanner .BannerSliderBox .FormBaFBox{background: linear-gradient(90deg, #8e89f8, #f259af);
    padding:20px 10px 10px 10px !important;}
/*.moonNewSliderBanner .BannerSliderBox .FormBaFBox .BookFreeTrialForm{margin-top:0px;}*/
}
@media only screen and (max-width: 768px) {
.moonNewSliderBanner .BannerSliderBox .moonBannerSlider1 img {width: 100%; margin-top: 0px;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSliderText {width: 100%; display: block; position: 
static; padding-top: 15px; zoom:75%;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSliderText h1{line-height: 40px; font-size: 30px;}
.moonNewSliderBanner .BannerSliderBox .moonBannerSliderText p{font-size: 20px; line-height: 30px;}
.moonNewSliderBanner .BannerSliderBox .carousel-indicators{display:none;}
.moonNewSliderBanner .HideOnDesktopSlider{display:block;}
.moonNewSliderBanner .HideOnDesktopSlider .moonBannerSlider4{padding: 0px 15px 15px 15px;}
.moonNewSliderBanner .HideOnDesktopSlider .moonBannerSlider4 div{background: transparent;}
.moonNewSliderBanner .HideOnDesktopSlider .moonBannerSlider4 img{display: none;}
}
@media only screen and (min-width: 2560px) {
    .moonNewSliderBanner .BannerSliderBox .BookFreeTrialForm{zoom: 158%;}
    /*.moonNewSliderBanner .BannerSliderBox .FormBaFBox {top: 40%; z-index: 9;}*/
    .moonNewSliderBanner .BannerSliderBox .FormBaFBox ul.nav.nav-pills.bg-nav-pills.bg-transparent.nav-justified {zoom: 158%;}
}

/*************************** Banner 31-Jan-2025 ***************************/
.moonNewHomeBanner {background: url(../../assets/images/Home/newhome/bg-for-kits.webp); background-size: cover; background-position: center; 
padding:0px; position:relative;}
.moonNewHomeBanner .container{max-width:92%;}
.moonNewHomeBanner img{width:100%;}
.moonNewHomeBanner .BannerSliderBox{padding:3% 0%;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner{width:75%; padding:0px;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner h1{color:#fff; font-size: 28px; text-transform: uppercase;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner p{color:#fff; font-size: 20px;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner .moonBannerText1{left: unset; right: 10%; bottom: 40%; padding: 0px;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner .moonBannerText2{top: 5%; left: 10%; right: 10%; padding: 0px;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner .moonBannerText2 h1{color:#000;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner .moonBannerText2 h1 span{color: #000; text-transform: lowercase;
font-size: 20px; font-weight: 500;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner .moonBannerText3{left: unset; right: 10%; bottom: 14%; padding: 0px;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner .moonBannerText4{left: unset; right: 18%; top: 25%; padding: 0px;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner .moonBannerText4 h1{color:#000;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner .moonBannerText4 p{color:#000;}
.moonNewHomeBanner .BannerSliderBox .divRightForm{width: 25%; display: flex; align-items: stretch; background: #fff;
border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.moonNewHomeBanner .BookFreeTrialForm{width: 100%; border-radius: 10px; padding: 10px 0px;}
.moonNewHomeBanner .BookFreeTrialForm h5{margin-bottom:5px;}
.moonNewHomeBanner .BookFreeTrialForm .BAFTRadio label{margin-bottom:0px;}
.moonNewHomeBanner .BookFreeTrialForm .BAFTKnowledge h6{margin-top:5px;}
.moonNewHomeBanner .BookFreeTrialForm .BAFTDate .BAFTDate1{padding: 5px 15px; min-height: 175px;}

@media only screen and (max-width: 1000px) {
    .moonNewHomeBanner .BannerSliderBox .divLeftBanner{width:100%; padding:0px;}
    .moonNewHomeBanner .BannerSliderBox .divLeftBanner img{border-radius:10px;}
    .moonNewHomeBanner .BannerSliderBox .divRightForm{width: 100%; margin-top:40px; border-radius:10px;}
    .moonNewHomeBanner .BannerSliderBox .divRightForm .BookFreeTrialForm{margin-top:10px;}
}
@media only screen and (max-width: 700px) {
.moonNewHomeBanner .BannerSliderBox .divLeftBanner h1{font-size: 80%; }
.moonNewHomeBanner .BannerSliderBox .divLeftBanner h1 span{font-size: 80% !important;}
.moonNewHomeBanner .BannerSliderBox .divLeftBanner p{font-size: 50%;}
}
@media only screen and (min-width: 2560px) {
    .moonNewHomeBanner .BannerSliderBox .divRightForm .BookFreeTrialForm{zoom: 158%;}
}


/*************************** Banner 24-Oct-2024 ***************************/
.moonNewHome {background: url(../../assets/images/Home/newhome/bgfortop.webp); background-size: cover; background-position: center; 
padding:0px; position:relative;
}
.moonNewHome .moonBannerNewImg{width:80%;}
.moonNewHome .moonBannerText .col-12{text-align: center; position: absolute; top: 20%;  left: 36%; width: 515px;}
.moonNewHome .moonBannerText h1{color: var(--White); font-weight: 700; margin: 0% 0%; line-height: 50px; font-size: 45px;}
.moonNewHome .moonBannerText p {color: var(--White); font-weight: 400; margin-top: 10px; font-size: 27px; line-height: 35px;}
.moonNewHome #dvTrialPagePartialViewContent{margin-top: 40px; margin-bottom: 40px;}
.moonNewHome #dvTrialPagePartialViewContent .BookFreeTrialForm h5{color:#ffbb0b;}
.moonNewHome #dvTrialPagePartialViewContent .BookFreeTrialForm .BAFTRadio label input:checked ~ span{color:#000; font-weight:900;}
.moonNewHome #dvTrialPagePartialViewContent .menuButton.btn-trial{background:#525fe1;}
.moonNewHome #dvTrialPagePartialViewContent .menuButton.btn-trial:hover {box-shadow: 0px 10px 0px #2633b0;}

.moonNewHomeHeading {text-align:center;}
.moonNewHomeHeading h2{color: #231f40; font-size: 36px; margin-bottom: 20px;}
.moonNewHomeHeading h6{background:#f5f5f5; color: #6F6B80; font-size: 20px; line-height:34px; font-weight: 400; padding: 15px; border-radius: 10px; 
margin-bottom: 40px;}

.moonNewHome1 .card {background: white; text-align: center; display: flex; align-items: center; padding: 20px; border-radius: 10px; 
box-shadow: 0px 0px 15px #ebebeb; border: 0px; transition: all 1s; margin: 20px 10px 0px 10px;
}
.moonNewHome1 .card:hover{transform: scale(1.1); transition: all .5s;}
.moonNewHome1 .card img{width: 100%; margin: 20px 0px;}
.moonNewHome1 .card h3{color: #525fe1; font-size: 20px; margin-bottom:10px;}
.moonNewHome1 .card p{font-size: 18px; margin-bottom: 0px;}
.moonNewHome1 .card button{background: #525fe1; color: white; font-size: 20px; border-radius: 50px; padding: 10px; width: 100%;}
.moonNewHome1 .InnovatorProgramSlider.slick-slider .card { margin:20px;}
.moonNewHome1 .InnovatorProgramSlider.slick-slider .prev-icon{position: absolute; left: -20px; top: 40%; height: 30px; width: 30px;
border-radius: 50%; color: #231f40; display: flex; justify-content: center; align-items: center; display:none !important;}
.moonNewHome1 .InnovatorProgramSlider.slick-slider .next-icon{position: absolute; right: -20px; top: 40%; height: 30px; width: 30px;
border-radius: 50%; color: #231f40; display: flex; justify-content: center; align-items: center; display:none !important;
}
.moonNewHome2{background-image: url(../../assets/images/Home/newhome/bg-for-kits.webp); background-position: center; 
background-size: cover; padding-bottom: 45px !important;}
.moonNewHome2 .ClientsAndPartners .item {text-align: center; padding: 10px 20px;}
.moonNewHome2 .ClientsAndPartners .item p {margin: 0px; font-size: 18px; line-height: 20px;}
.moonNewHome2 .ClientsAndPartners .item img {width:85% !important;}
.moonNewHome2 .ClientsAndPartners .prev-icon.slick-arrow{position: absolute; left: -15px; top: 50%; display:none !important;}
.moonNewHome2 .ClientsAndPartners .next-icon.slick-arrow{position: absolute; right: -15px; top: 50%; display:none !important;}

.moonNewHome3{margin-top:50px;}
.moonNewHome3 .card{margin-bottom:60px; background:#fff; box-shadow: 0px 0px 15px #ebebeb;border: 0px; border-radius: 20px; padding: 30px 30px;}
.moonNewHome3 .card h2{text-align:left;}
.moonNewHome3 .card h4{color:#525fe1;}
.moonNewHome3 .card p{color: #6F6B80; font-size: 16px; margin: 25px 0px; line-height:32px;}
.moonNewHome3 .card button{background: #525fe1; color:#fff; font-size: 16px; margin-top: 35px; padding: 10px 20px; border-radius:50px;}
.moonNewHome3 .card button i{margin-right: 15px;}
.moonNewHome3 .card button:hover{transform: scale(1.1); transition: all .5s;}
.moonNewHome3 .card img{width:85%;}


.moonNewHome31 {background-color: #525fe1;}
.moonNewHome31 .card1{border: 0px; padding: 30px 30px;color:#fff;}
.moonNewHome31 .card1 h2 {text-align: left; color: #fff;}
.moonNewHome31 .card1 h4{color:#fff;}
.moonNewHome31 .card1 p{color: #fff; font-size: 16px; margin: 25px 0px; line-height:32px;}
.moonNewHome31 .card1 button{background: #525fe1; color:#fff; font-size: 20px; margin-top: 35px; border-radius:0px; padding: 15px 40px;}
.moonNewHome31 .card1 button i{margin-right: 15px;}
.moonNewHome31 .card1 button:hover{transform: scale(1.1); transition: all .5s;}
.moonNewHome31 .card1 img{width:90%;}

.moonNewHome4 {background-image: url(../../assets/images/Home/newhome/bg-for-kits.webp); background-position: center; background-size: cover;}
.moonNewHome4 .moonNewHomeHeading p{color:#6F6B80; font-size:22px; line-height:30px;}
.moonNewHome4 .NewLearningBox{width: 250px; height: 250px; background: #fff;  border-radius: 50%; display: flex; justify-content: center;
    align-items: center; text-align:center; margin: 20px auto;}
.moonNewHome4 .NewLearningBox img{width:70%}
.moonNewHome4 h6{color:#6F6B80; font-size:22px; font-weight:400; line-height:30px;}
.moonNewHome5 h2 span.STtext{color:#525fe1;}
.moonNewHome5 h2 span.TEtext{color:#f66e1d;}
.moonNewHome5 img{width:100%}

.moonNewPeekIntoMoonpreneur{background:#f5f5f5; padding:0px 30px; border-radius:20px;}
.moonNewPeekIntoMoonpreneur .NewPeekMoonpreneur .item button{background: #f5f5f5; color: #231f40; border: 0px;
font-size: 22px; padding: 20px 0px; font-weight: 900;}
.moonNewPeekIntoMoonpreneur .NewPeekMoonpreneur .item button.active, .moonNewPeekIntoMoonpreneur .NewPeekMoonpreneur .item button:hover {
background: #f5f5f5; color: #525fe1; border-bottom: 5px #525fe1 solid;}
.moonNewPeekIntoMoonpreneur .NewPeekMoonpreneur .prev-icon.slick-arrow{position: absolute; left: -15px; top: 25%;
font-size: 30px; color: #525fe1}
.moonNewPeekIntoMoonpreneur .NewPeekMoonpreneur .next-icon.slick-arrow{position: absolute; right: -15px; top: 25%;
font-size: 30px; color: #525fe1}
.moonNewPeekIntoMoonpreneur1 .video-play-button{top:50%;}
.moonNewPeekIntoMoonpreneur1 .video-play-button:after{background:#525fe1;}



@media screen and (max-width: 650px) {
    .moonNewHome2 .Clients-Partners .item {padding: 0px 10px;}
    .moonNewHome .moonBannerText h1 {margin: 1% 0%; line-height: 35px; font-size: 25px;}
    .moonNewHomeHeading h6, .moonNewHome4 .moonNewHomeHeading p {font-size: 16px; line-height: 25px;}
    .moonNewHome1 .card button {font-size: 16px;}
    .moonNewHomeHeading h2 {font-size: 22px;}
    .moonNewPeekIntoMoonpreneur .NewPeekMoonpreneur .item button {font-size: 18px;}
}
@media only screen and (max-width: 900px) {
    .moonNewHome .moonBannerNewImg{margin-bottom: -106px; margin-top: 150px; width:100%;}
    .moonNewHome .moonBannerText .col-12{top: 0%; left: auto; width:95%;}
    .moonNewHome .moonBannerText p{font-size: 15px; line-height: 25px;}
    .moonNewHome4 .NewLearningBox{width:120px; height:120px;}
    .moonNewHome4 h6 {font-size: 16px;}
    .moonNewHome3 .card img {margin-bottom:20px;}
}
@media only screen and (max-width: 1200px) {
    .moonNewHome4 .NewLearningBox{width:120px; height:120px;}
    .moonNewHome4 h6 {font-size: 16px; line-height:20px;}
}


/************************************************ Banner End ************************************************/

/*************************** Math Banner 24-Oct-2024 ***************************/
.moonGameNewHome {background: url(../../assets/images/Home/newhome/bgfortop.webp); background-size: cover; background-position: center; 
padding:0px; position:relative;
}
.moonGameNewHome .moonBannerNewImg{width:80%;}
.moonGameNewHome .moonBannerText .col-12{text-align: center; position: absolute; top: 15%; left: 38%; width: 500px;}
.moonGameNewHome .moonBannerText h1{color: var(--White); font-weight: 700; margin: 0% 0%; line-height: 40px; font-size: 30px;}
.moonGameNewHome .moonBannerText p {color: var(--White); font-weight: 400; margin-top: 10px; font-size: 25px;}
.moonGameNewHome #dvTrialPagePartialViewContent{margin-top: 40px; margin-bottom: 40px;}
.moonGameNewHome #dvTrialPagePartialViewContent .BookFreeTrialForm h5{color:#525fe1;}
.moonGameNewHome #dvTrialPagePartialViewContent .BookFreeTrialForm .BAFTRadio label input:checked ~ span{color:#000; font-weight:900;}
.moonGameNewHome #dvTrialPagePartialViewContent .menuButton.btn-trial{background:#525fe1;}
.moonGameNewHome #dvTrialPagePartialViewContent .menuButton.btn-trial:hover {box-shadow: 0px 10px 0px #2633b0;}
@media only screen and (max-width: 900px) {
    .moonGameNewHome .moonBannerText h1 {margin: 4% 0%; font-size: 17px; line-height:20px;}
    .moonGameNewHome .moonBannerNewImg{margin-bottom: -90px; margin-top: 180px; width:100%;}
    .moonGameNewHome .moonBannerText .col-12{top: 0%; left: auto; width:95%;}
    .moonGameNewHome .moonBannerText p{font-size: 15px; line-height: 25px;}
    }

/*************************** Math Banner 24-Oct-2024 ***************************/
.moonMathNewHome {background: url(../../assets/images/Home/newhome/bgfortop.webp); background-size: cover; background-position: center; 
padding:0px; position:relative;
}
.moonMathNewHome .moonBannerNewImg{width:80%;}
.moonMathNewHome .moonBannerText .col-12{text-align: center; position: absolute; top:30%; 
    left: 38%; width: 492px;}
.moonMathNewHome .moonBannerText h1{color: var(--White); font-weight: 700; margin: 0% 0%; line-height: 40px; font-size: 30px;}
.moonMathNewHome .moonBannerText p {color: var(--White); font-weight: 400; margin-top: 10px; font-size: 25px;}
.moonMathNewHome #dvTrialPagePartialViewContent{margin-top: 20px; margin-bottom: 20px;}
.moonMathNewHome #dvTrialPagePartialViewContent .BookFreeTrialForm h5{color:#525fe1;}
.moonMathNewHome #dvTrialPagePartialViewContent .BookFreeTrialForm .BAFTRadio label input:checked ~ span{color:#000; font-weight:900;}
.moonMathNewHome #dvTrialPagePartialViewContent .menuButton.btn-trial{background:#525fe1;}
.moonMathNewHome #dvTrialPagePartialViewContent .menuButton.btn-trial:hover {box-shadow: 0px 10px 0px #2633b0;}
@media only screen and (max-width: 900px) {
    .moonMathNewHome .moonBannerText h1 {zoom: 60%; margin-top: 30px;}
    .moonMathNewHome .moonBannerNewImg{margin-bottom: -70px; margin-top: 160px; width:100%;}
    .moonMathNewHome .moonBannerText .col-12{top: 0%; left: auto; width:95%;}
    .moonMathNewHome .moonBannerText p{font-size: 15px; line-height: 25px;}
    }

/*************************** Math Banner 24-Oct-2024 ***************************/
.powerSkillNewHome {background: url(../../assets/images/Home/newhome/bgfortop.webp); background-size: cover; background-position: center; 
padding:0px; position:relative;
}
.powerSkillNewHome .moonBannerNewImg{width:80%;}
.powerSkillNewHome .moonBannerText .col-12{text-align: center;}
.powerSkillNewHome .moonBannerText h1{color: var(--White); font-weight: 700; margin: 0% 0%; line-height: 40px; font-size: 30px;}
.powerSkillNewHome .moonBannerText p {color: var(--White); font-weight: 400; margin-top: 10px; font-size: 25px;}
.powerSkillNewHome #dvTrialPagePartialViewContent{margin-top: 40px; margin-bottom: 40px;}
.powerSkillNewHome #dvTrialPagePartialViewContent .BookFreeTrialForm h5{color:#525fe1;}
.powerSkillNewHome #dvTrialPagePartialViewContent .BookFreeTrialForm .BAFTRadio label input:checked ~ span{color:#000; font-weight:900;}
.powerSkillNewHome #dvTrialPagePartialViewContent .menuButton.btn-trial{background:#525fe1;}
.powerSkillNewHome #dvTrialPagePartialViewContent .menuButton.btn-trial:hover {box-shadow: 0px 10px 0px #2633b0;}
@media only screen and (max-width: 900px) {
    .powerSkillNewHome .moonBannerText h1 {margin: 7% 0% 2% 0%; font-size: 25px;}
    .powerSkillNewHome .moonBannerNewImg{ margin-top: 190px;}
    .powerSkillNewHome .moonBannerText .col-12{position:absolute; top: 0%; left: auto; width:95%;}
    .powerSkillNewHome .moonBannerText p{font-size: 15px; line-height: 25px;}
    }


/*************************** App Banner 24-Oct-2024 ***************************/
.moonAppNewHome {background: url(../../assets/images/Home/newhome/bgfortop.webp); background-size: cover; background-position: center; 
padding:0px; position:relative;
}
.moonAppNewHome .moonBannerNewImg{width:80%;}
.moonAppNewHome .moonBannerText .col-12{text-align: center; position: absolute; top: 15%; left: 36%; width: 510px;}
.moonAppNewHome .moonBannerText h1{color: var(--White); font-weight: 700; margin: 0% 0%; line-height: 40px; font-size: 30px;}
.moonAppNewHome .moonBannerText p {color: var(--White); font-weight: 400; margin-top: 10px; font-size: 25px;}
.moonAppNewHome #dvTrialPagePartialViewContent{margin-top: 40px; margin-bottom: 40px;}
.moonAppNewHome #dvTrialPagePartialViewContent .BookFreeTrialForm h5{color:#525fe1;}
.moonAppNewHome #dvTrialPagePartialViewContent .BookFreeTrialForm .BAFTRadio label input:checked ~ span{color:#000; font-weight:900;}
.moonAppNewHome #dvTrialPagePartialViewContent .menuButton.btn-trial{background:#525fe1;}
.moonAppNewHome #dvTrialPagePartialViewContent .menuButton.btn-trial:hover {box-shadow: 0px 10px 0px #2633b0;}
@media only screen and (max-width: 900px) {
    .moonAppNewHome .moonBannerText h1 {margin: 4% 0%; font-size: 17px; line-height: 20px;}
    .moonAppNewHome .moonBannerNewImg{margin-bottom: -90px; margin-top: 180px; width:100%;}
    .moonAppNewHome .moonBannerText .col-12{top: 0%; left: auto; width:95%;}
    .moonAppNewHome .moonBannerText p{font-size: 15px; line-height: 25px;}
    }


/*********** Banner Form ***********/
.BookFreeTrialForm {background: var(--White); border-radius: 30px; padding: 15px;}
.BookFreeTrialForm h5 {color: #525fe1;font-weight: 600;text-align: center;margin-bottom: 10px;}
.BookFreeTrialForm .BAFTRadio {margin-bottom: 10px;padding-left: 15%;}
.BookFreeTrialForm .BAFTRadio label {font-size: 12px; font-weight: 400; width: 49%; margin-bottom: 5px;   line-height: 15px; padding: 0px 10px 0px 6px; cursor: pointer;}
.BookFreeTrialForm .BAFTRadio label span{color: var(--textColor);}
.BookFreeTrialForm .BAFTRadio label input[type="radio"] {position: absolute; visibility: hidden;}
.BookFreeTrialForm .BAFTRadio label input:checked ~ span {color: var(--topBarBg); font-weight: 500; display: inherit;}
.BookFreeTrialForm .BAFTRadio label input:checked ~ span:before {background: var(--topBarBg); color: var(--topBarColor);}	
.BookFreeTrialForm .BAFTRadio label span:before {content: "✓"; position: absolute; display: flex; width: 16px; height: 16px; border-radius: 50%; color: #fff; background-color: #a6a6a8; padding: 7px; font-size: 10px; justify-content: center; align-items: center; margin-left: -21px;}

.BookFreeTrialForm .BAFTForm .form-control, .BookFreeTrialForm .BAFTForm .form-select {border-radius: 14.3px; font-size: 10.5px; margin-bottom: 10px; height: 28px; line-height: 28px; border: 1px #eeeeee solid;}
.BookFreeTrialForm .BAFTForm .form-control:hover, .BookFreeTrialForm .BAFTForm .form-select:hover, .BookFreeTrialForm .BAFTKnowledge label span:hover{border: 1px #7a58cb solid;}
.BookFreeTrialForm .BAFTForm select.form-select{padding: 0px 10px;}
.BookFreeTrialForm .form-control:focus, .BookFreeTrialForm .form-select:focus{box-shadow: 0px 0px;}

.BookFreeTrialForm .BAFTKnowledge {text-align:center;}
.BookFreeTrialForm .BAFTKnowledge h6 {color: var(--textColor); font-size: 14px; font-weight: 500; opacity:0.8; margin-top:15px;}
.BookFreeTrialForm .BAFTKnowledge label {margin-bottom: 17px; position:relative;}
.BookFreeTrialForm .BAFTKnowledge label input[type="radio"] {position: absolute; visibility: hidden;}
.BookFreeTrialForm .BAFTKnowledge label span {font-weight: 400; cursor: pointer; font-size: 10.5px;  border-radius: 14.3px; border: 1px var(--bg1) solid; padding: 6px 10px 6px 28px;}
.BookFreeTrialForm .BAFTKnowledge label span:before {
    content: "✓"; position: absolute; top: 6px; display: flex; width: 16px; height: 16px; border-radius: 50%; color: #fff;  background-color: var(--textColor); padding: 7px; font-size: 10px; justify-content: center; align-items: center; margin-left:7px; opacity:0.6;}
.BookFreeTrialForm .BAFTKnowledge label input:checked ~ span:before {background: var(--topBarColor); color: var(--topBarBg); opacity:1;}
.BookFreeTrialForm .BAFTKnowledge label input:checked ~ span {background: var(--topBarBg);color: var(--topBarColor);}

.BookFreeTrialForm .BAFTDate {margin-bottom: 15px; color: #fff; text-align: center;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 {background: #fff !important; border-radius: 22px; padding: 10px 15px; min-height: 190px; box-shadow: 2px 3px 20px 0px rgb(234, 234, 234, 78%);}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WEEKS {display: flex; justify-content: space-around; color: #606060; font-weight: 400; font-size: 14px; margin-bottom: 15px;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WEEKS p{margin-bottom: 0px;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WEEKS a {font-size: 12px; padding: 0 4px; cursor:pointer;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WEEKS a.weekday {color: #5ddcff;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WEEKS .loaded_month {color: #626262;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WEEKS a.weekend {color: #f2b50c;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WEEKS a.active {border-bottom: 1.5px #000 solid; font-weight: 600;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WEEKS a.weekday.active {border-bottom: 1.5px #5ddcff solid; font-weight: 600;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WEEKS a.weekend.active {border-bottom: 1.5px #f2b50c solid; font-weight: 600;}


.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate input {display: none;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate span {width: 40px; height: 60px; display: inline-flex; flex-direction: column; justify-content: center;   border-radius: 4px; text-align: center; cursor: pointer; background: #5ddcff;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate.weekBox span {background: #f2b50c ;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate span:hover {background: #05c6ff; border: 3px #004e64 solid;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate.weekBox span:hover {background: #f7941d; border: 3px #734002 solid;}

.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate.DisabledWeek span {background: #c8c8c8;    cursor: not-allowed;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate.DisabledWeek span:hover{border: 0px;}

.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate span label {margin: 0px; font-size: 13px;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate span p {margin: 0px; font-size: 13px;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate span h4 {margin: 0px; color: #fff; font-size: 18px;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate input:checked + span {background: #05c6ff; border:3px #004e64 solid;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAFTRadioDate.weekBox input:checked + span {background: #f7941d; border:3px #734002 solid;}
.weekBoxformat.slick-slider .prev-icon{left:-10px;}
.weekBoxformat.slick-slider .next-icon{right:-10px;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WeekFoot {margin-top:20px;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WeekFoot label {color: #000;  margin: 0px; font-weight: 600; font-size: 14px;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WeekFoot label.timeZoneText.active { color: #03ccf8;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .WeekFoot label.timeZoneText {border-right: 2px #000 solid; padding:0px 10px; cursor:pointer;}

    .BookFreeTrialForm .BAFTDate .BAFTDate1 .WeekFoot .DisabledTime label.timeZoneText {
         color:#c8c8c8;border-right: 2px #d6d6d6 solid; cursor: unset;
    }

.BookFreeTrialForm .BAFTDate .BAFTDate1 .WeekFoot label.timeZoneText:last-child {border-right: 0px #000 solid;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAF-TandC {color: var(--textColor); font-size: 14px; margin: 5px 0px;
position:relative;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAF-TandC label{cursor:pointer;}
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAF-TandC a{color: #525ee1; }
.BookFreeTrialForm .BAFTDate .BAFTDate1 .BAF-TandC label.formErrorFont {position:absolute; bottom: -15px;}

.BookFreeTrialForm .BAFTButton {text-align:center;}
.BookFreeTrialForm .BAFTButton .btn-trial{width: 75%; font-size: 15px; height: auto;}

.BAFTForm .formErrorFont {font-size: 9px; display: block; margin-top: -8px; padding-left: 14px; margin-bottom: 10px;}
.BAFTForm .iti.iti--allow-dropdown.state-error .iti__flag-container {margin-top: -12px;}
.BAFTForm .iti.iti--allow-dropdown .formErrorFont {margin-top: 2px;}

.formErrorFont {font-size: 12px; display: block; margin-top: 5px; padding-left: 5px;}


.BaF-NewFormTabBox .nav-pills .nav-link.active, .BaF-NewFormTabBox .nav-pills .show > .nav-link {
    color: #000; background-color: #fff;
}
.BaF-NewFormTabBox .nav-pills.bg-nav-pills a {font-size: 16px; font-weight: bold; line-height: 20px; 
    padding: 12px 8px 35px 8px; background: #525fe1; color: #fff; border-radius: 0px; min-height: 95px;
    border-top-right-radius: 30px; border-top-left-radius: 30px; font-family: sans-serif;
}
.BaF-NewFormTabBox .nav-pills.bg-nav-pills a span {font-size: 11px; line-height: 12px;}
.BookFreeTrialForm .NewTabFormBoxBody {background: #fff; margin: 0; border-radius: 30px; padding: 10px;
    position: relative; z-index: 2; 
}
.BookFreeTrialForm .NewTabFormBoxBody .col-12 {padding: 0px 6px 10px 6px;}
.BookFreeTrialForm .NewTabFormBoxBody .col-12 label, .BookFreeTrialForm .NewTabFormBoxBody .col-12 a{
    font-size: 14px; letter-spacing: -.5px;
}
.BookFreeTrialForm .NewTabFormBoxBody h3 {color: #382566; font-size: 17px; margin: 5px 0px;
    text-align: center; font-weight: 700; font-family: sans-serif;}
.BookFreeTrialForm .NewTabFormBoxBody .form-control, 
.BookFreeTrialForm .NewTabFormBoxBody .form-select {font-size: .9rem; font-weight: 400; line-height: 1.5;
    border-radius: .25rem; padding: 5px 7px; color: #382566; border: 1px #382566 solid;
}
.BookFreeTrialForm .NewTabFormBoxBody .form-control.CountryCode {padding-left: 44px;}
.BookFreeTrialForm .NewTabFormBoxBody .iti {margin-bottom:0px;}
.BookFreeTrialForm .NewTabFormBoxBody .iti.state-error .iti__flag-container{top: -18px;}
.BookFreeTrialForm .NewTabFormBoxBody button.btn {padding: 10px; width: 70%; display: block;
    margin: 0px auto; background: #525fe1; color:#fff; font-weight:700; border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transition: all 1s;}
.BookFreeTrialForm .NewTabFormBoxBody button.btn:hover {background: #3342e0; box-shadow: 0px 0px; transition: all .5s;}

.BookFreeTrialForm .NewTabFormBoxBody h5 {text-align: center; color: #ffbb0b; font-family: cursive;
    font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 0px;}
.BookFreeTrialForm .NewTabFormBoxBody label.error {margin-bottom: -5px; line-height: 10px;}

@media screen and (min-width: 2500px) {
    .BookFreeTrialForm {
        zoom: 155%;
    }
    .myheader .menu > ul > li .sub-menu.mega-menu {
        left: 40% !important;
    }
    .RoboticsBanner {
        padding: 20px;
    }
}

@media screen and (min-width: 1920px) {
    .BookFreeTrialForm {
        zoom: 125%;
    }
}

@media screen and (min-width: 2100px) {
    .BookFreeTrialForm {
        padding: 20px;
        /*min-height: 550px;*/
        min-height: auto;
        zoom: 180%;
    }
}
@media only screen and (max-width: 900px) {
    .BookFreeTrialForm {
       margin-top:50px;
    }
}
@media only screen and (max-width: 600px) {
    .BookFreeTrialForm .BAFTRadio label {font-size: 11px;}
    .BaF-NewFormTabBox .nav-pills.bg-nav-pills a {font-size: 14px;}
    /*.BaF-NewFormTabBox .nav-pills.bg-nav-pills a span{font-size: 9px; line-height: 12px;}*/
    .BookFreeTrialForm .NewTabFormBoxBody .NewTabFormBoxBodyTC{font-size: 14px;}
    .BookFreeTrialForm .NewTabFormBoxBody button.btn {padding: 7px; width: 90%; margin: 10px auto;}
    .BookFreeTrialForm .NewTabFormBoxBody h5{font-size:16px;}
    .moonNewSliderBanner .BannerSliderBox .FormBaFBox{padding:10px;}
}

/************************************************ Banner Form End ************************************************/


/************************************************ Ads ************************************************/
.adsSliders .carousel-inner .carousel-caption {position: static;padding: 0px 15%; color: #000; text-align: center;}
.adsSliders .carousel-inner .carousel-item{min-height: 55px; background-size: cover !important; background-position: center !important;}
.adsSliders .carousel-inner .carousel-item.adsSlidersS1 {background: url(../../assets/images/Home/hompage-strip-banner.webp);}
.adsSliders .carousel-inner .carousel-item.adsSliders1 {background: url(../../assets/images/moonAds/a.webp);}
.adsSliders .carousel-inner .carousel-item.adsSliders2 {background: url(../../assets/images/moonAds/b.webp);}
.adsSliders .carousel-inner .carousel-item.adsSliders3 {background: url(../../assets/images/moonAds/c.webp);}
.adsSliders .carousel-inner .carousel-item.adsSliders4 {background: url(../../assets/images/moonAds/d.webp);}
.adsSliders .carousel-inner .carousel-item.adsSliders5 {background: url(../../assets/images/moonAds/e.webp);}
.adsSliders .carousel-inner .carousel-caption h3 {font-size: 18px; margin: 0px; min-height: 55px; display: flex; 
align-items: center; justify-content: center;}

.MoonBannerAdd{background: #23203e;}
.MoonBannerAdd img{width:90%;}

@media only screen and (max-width: 900px) {
    .adsSliders .carousel-inner .carousel-caption h3 {min-height: 130px;}
}

.carousel-inner > .carousel-item {
    -webkit-transition: -webkit-transform 2.2s ease-in-out !important;
    -o-transition: -o-transform 2.2s ease-in-out !important;
    transition: transform 2.2s ease-in-out !important;
}
/************************************************ Ads End ************************************************/
.HostingFreeWorkshops {background-image: url(../../assets/images/banner/bg/bannerbg-2.webp) !important; min-height: 100px; 
display: flex; align-items: center; padding:20px;}
.HostingFreeWorkshops a{display: inline-block; color: var(--White); padding-bottom: 5px; border-bottom: 2px var(--White) dashed;}
.HostingFreeWorkshops a:hover{color: var(--topBarBg); border-bottom: 2px var(--topBarBg) dashed;}
/************************************************ Innovator Program ************************************************/
.InnovatorProgram {
    background-color: var(--bg2);
    background-image: url(../../assets/images/Home/HomeBannerBG1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.InnovatorProgram .IPsubHeading{
	text-align:center;
	margin-bottom:20px;
}
.InnovatorProgram .IPsuvHeading h5{
	color: var(--color2);
    font-weight: 500;
    line-height: 29px;
}
.InnovatorProgram .card{
	background:white;
	text-align:center;
	display: flex;
    align-items: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15);
    border:0px;
	transition: all 1s;
	margin:20px 10px 0px 10px;
}
.InnovatorProgram .card:hover{
	transform: scale(1.1);
	transition: all .5s;
}

.InnovatorProgram .card img{
	width:50%;
}
.InnovatorProgram .card h4{
	color: var(--color3);	
	font-size: 18px;    
	min-height: 45px;
    margin-top: 10px;
}
.InnovatorProgram .card h6{
	color: var(--color4);	
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;	
}
.InnovatorProgram .card p{
	color: var(--textColor);	
    font-size: 14px;
    margin:20px 0px;	
    min-height: 50px;
}
.InnovatorProgram .card button{
	background: var(--color4);	
	color: white;	
    font-size: 14px;
    border-radius: 5px;	
	width:100%;
}

.InnovatorProgram .InnovatorProgramSlider .card {margin: 10px 20px;}
.InnovatorProgram .InnovatorProgramSlider.slick-slider .prev-icon{position: absolute; left: -20px; top: 40%; background: #6b47de; height: 30px; width: 30px;
border-radius: 50%; color: #fff; display: flex; justify-content: center; align-items: center;}
.InnovatorProgram .InnovatorProgramSlider.slick-slider .next-icon{position: absolute; right: -20px; top: 40%; background: #6b47de; height: 30px; width: 30px;
border-radius: 50%; color: #fff; display: flex; justify-content: center; align-items: center;}

.NewHomeCardDesign{align-items: flex-start !important; padding: 10px !important;}
.NewHomeCardDesign .NewHomeCardDesignBox {display: flex; align-items: center; text-align:left;}
.NewHomeCardDesign .NewHomeCardDesignBox img{background: #6b47de; width: 70px; margin-right: 10px; border-radius: 10px;
padding: 5px 0px;}
.NewHomeCardDesign .NewHomeCardDesignBox h4{min-height: auto; margin: 0px; font-size:16px;}
.NewHomeCardDesign .btn{margin-top: 10px; padding: 2px;}

@media screen and (max-width: 650px) {
    .InnovatorProgram .InnovatorProgramMB {padding:0px;}
    .InnovatorProgram .InnovatorProgramMB .card{padding:10px;}
}

/************************* Innovator Program End ************/

/************************* Power Skill ************/
.moonNewHome1 .PowerSkillSlider .card {margin: 10px 10px;}
.moonNewHome1 .PowerSkillSlider .card:hover {transform: scale(1); transition: all 0s;}
.moonNewHome1 .PowerSkillSlider .card h3{font-size:18px; min-height: 50px;}
.moonNewHome1 .PowerSkillSlider .card p{font-size:15px; margin:15px 0px; min-height:270px;}
.moonNewHome1 .PowerSkillSlider .card img{margin:0px;}
.moonNewHome1 .PowerSkillSlider .card a.BtnWatchNow{font-size: 16px; margin: 5px 0px; background: #525fe1; color: #fff;
    padding: 4px 10px 4px 40px; border-radius: 20px; position: relative;}
.moonNewHome1 .PowerSkillSlider .card a.BtnWatchNow i{position: absolute; left: -16px; top: -10px; display: flex;
 background: #525fe1; height: 50px; width: 50px; border-radius: 50%; justify-content: center; align-items: center;
outline: 3px #fff solid; outline-offset: -6px;}

.moonNewHome1 .PowerSkillSlider.slick-slider .prev-icon{position: absolute; left: -30px; top: 40%; font-size: 30px;
border-radius: 50%; color: #525ee1; display: flex; justify-content: center; align-items: center;}
.moonNewHome1 .PowerSkillSlider.slick-slider .next-icon{position: absolute; right: -30px; top: 40%; font-size:30px;
border-radius: 50%; color: #525ee1; display: flex; justify-content: center; align-items: center;}

.moonNewHome1 .PowerSkillSlider1 .card {margin: 10px 30px;}
.moonNewHome1 .PowerSkillSlider1 .card:hover {transform: scale(1); transition: all 0s;}
.moonNewHome1 .PowerSkillSlider1 .card a.youtube{width:100%;}
.moonNewHome1 .PowerSkillSlider1 .card h3{font-size:18px; min-height: 50px;}
.moonNewHome1 .PowerSkillSlider1 .card p{font-size:15px; margin:15px 0px; min-height:90px;}
.moonNewHome1 .PowerSkillSlider1 .card img{margin:0px; width:100%;}
.moonNewHome1 .PowerSkillSlider1 .card a.BtnWatchNow{font-size: 16px; margin: 5px 0px; background: #525fe1; color: #fff;
    padding: 4px 10px 4px 40px; border-radius: 20px; position: relative;}
.moonNewHome1 .PowerSkillSlider1 .card a.BtnWatchNow i{position: absolute; left: -16px; top: -10px; display: flex;
 background: #525fe1; height: 50px; width: 50px; border-radius: 50%; justify-content: center; align-items: center;
outline: 3px #fff solid; outline-offset: -6px;}

.moonNewHome1 .PowerSkillSlider1.slick-slider .prev-icon{position: absolute; left: -30px; top: 40%; font-size: 30px;
border-radius: 50%; color: #525ee1; display: flex; justify-content: center; align-items: center;}
.moonNewHome1 .PowerSkillSlider1.slick-slider .next-icon{position: absolute; right: -30px; top: 40%; font-size:30px;
border-radius: 50%; color: #525ee1; display: flex; justify-content: center; align-items: center;}


@media screen and (max-width: 650px) {
.moonNewHome1 .PowerSkillSlider .card p{min-height:auto;}
.moonNewHome1 .PowerSkillSlider1 .card p{min-height:auto;}
}
/************************* Power Skill End ************/

/************************************************ ProgramCover ************************************************/
.ProgramCover .PCsubHeading {
    text-align: center;
}
.ProgramCover .PCsubHeading h4{
    color: var(--color1);
    margin-bottom: 20px;
    border-bottom: 2px var(--color1) solid;
    padding-bottom: 5px;
    display: inline-block;
}
.ProgramCover .card {background: var(--bg1); color: var(--Black); font-size: 18px; border-radius: 10px; padding: 20px; margin: 10px; min-height: 150px;}
.ProgramCover .card p{
	margin:0px;
}
/************************************************ ProgramCover End ************************************************/


/************************************************ Our Teaching ************************************************/
.OurTeaching{
	background-color: var(--bg2);
    background-image: url(../../assets/images/Home/HomeBannerBG1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed
}
.OurTeaching img{
	border-radius:20px;
}
.OurTeaching .carousel-Our-Teaching .item{
	text-align:center;
	padding:20px;
}

.OurTeaching .carousel-Our-Teaching .item p{
	margin:0px;
}
.OurTeaching .carousel-Our-Teaching .owl-nav, .OurTeaching .carousel-Our-Teaching .owl-dots{
	display:none;
}
/************************************************ Our Teaching End ************************************************/

/************************************************ Economic Forum ************************************************/
.EconomicForum{
	background-color: var(--topBarBg);
	color: var(--topBarColor);
}
.EconomicForum img{
	width: 225px;
}
.EconomicForum h4{
	color: var(--topBarColor);
    margin: 30px 0px;
}
.EconomicForum h6{
    color: var(--topBarColor);
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 35px;
    padding: 0px 30px;
}
.EconomicForum p{
    font-size: 18px;
    font-weight: 400;
	margin: 5px 0px;
}
.EconomicForum .progress{
    border-radius: 0px;
    height: 25px;
    margin-top: 5px;
}
/************************************************ Economic Forum End ************************************************/

/************************************************ Peek Moonpreneur ************************************************/
.PeekMoonpreneur{background: var(--White);  background-position: center center;
    background-repeat: no-repeat; background-size: cover; background-attachment: fixed;
}
/*.PeekMoonpreneur{background: var(--bg3);  background-position: center center;
    background-repeat: no-repeat; background-size: cover; background-attachment: fixed;
}*/

.PeekMoonpreneur .PeekMoonpreneurHeading {text-align: center; font-size: 18px; color: #000;}
.PeekMoonpreneur .nav{justify-content: center;}
.PeekMoonpreneur .nav-pills .nav-link.active, .PeekMoonpreneur .nav-pills .show > .nav-link {background-color: var(--color3); transition: 1s; margin-bottom: 5px;}
.PeekMoonpreneur .nav-pills .nav-link{
	background-color: var(--topBarBg);  border-radius: 0px; color: var(--White); font-size: 16px; transition: 1s; border: 1px var(--White) solid; 
    margin-bottom: 5px; position:relative; z-index:99;
}
.PeekMoonpreneur .nav-pills .nav-link:hover{background-color: var(--color3);}
.PeekMoonpreneur .nav-pills .nav-item.MoreAddList{display:none;;}
.PeekMoonpreneur .tab-content{margin-top: 30px;}
.PeekMoonpreneur .tab-content .tabBox{padding:15px;}
.PeekMoonpreneur .tab-content .tab-pane img{border-radius: 20px;}
.PeekMoonpreneur .APIMourMoonpreneurs.slick-slider .prev-icon {top: 40%;  left: -25px;  font-size: 30px;  color: #24048c; display:none !important;}
.PeekMoonpreneur .APIMourMoonpreneurs.slick-slider .next-icon {top: 40%;  right: -25px;  font-size: 30px;  color: #24048c; display:none !important;}
    /****************************** Peek Moonpreneur End **********************************/
    /******************************* Success With Moonpreneur ***********************************/
.SuccessWithMoonpreneur .ClimbBg {width: 100%;}
.SuccessWithMoonpreneur .SWMimgBox img{position: absolute}
.SuccessWithMoonpreneur .SWMtextBox p{position:absolute; color: var(--Black); font-size:12px; margin:0px;	line-height:14px;}
.SuccessWithMoonpreneur .SWMtextBox p:nth-child(1){top: 18%; left: 31%;}
.SuccessWithMoonpreneur .SWMtextBox p:nth-child(2){top: 7%; left: 44%;}
.SuccessWithMoonpreneur .SWMtextBox p:nth-child(3){top: -12%; left: 55%;}

.SuccessWithMoonpreneur .RoboticsBox .SWMimgBox img:nth-child(1){width: 10%; top: 50%; left: 33%;}
.SuccessWithMoonpreneur .RoboticsBox .SWMimgBox img:nth-child(2){width: 10%; top: 37%; left: 44%;}
.SuccessWithMoonpreneur .RoboticsBox .SWMimgBox img:nth-child(3){width: 9%; top: 4%; left: 56%;}

.SuccessWithMoonpreneur .GameDevelopment .SWMimgBox img:nth-child(1){width: 8%; top: 45%; left: 35%;}
.SuccessWithMoonpreneur .GameDevelopment .SWMimgBox img:nth-child(2){width: 9%; top: 37%; left: 44%;}
.SuccessWithMoonpreneur .GameDevelopment .SWMimgBox img:nth-child(3){width: 5%; top: 20%; left: 56%;}

.SuccessWithMoonpreneur .AppDevelopment .SWMimgBox img:nth-child(1){width: 7%; top: 47%; left: 35%;}
.SuccessWithMoonpreneur .AppDevelopment .SWMimgBox img:nth-child(2){width: 8%; top: 30%; left: 45%;}
.SuccessWithMoonpreneur .AppDevelopment .SWMimgBox img:nth-child(3){width: 8%; top: 12%; left: 57%;}

@media only screen and (max-width: 600px) {
	.SuccessWithMoonpreneur .SWMtextBox p{font-size: 9px; line-height: 10px;}
	.SuccessWithMoonpreneur .SWMtextBox p:nth-child(1){top: 16%; left: 19%;}
	.SuccessWithMoonpreneur .SWMtextBox p:nth-child(2){top: -2%; left: 35%;}
	.SuccessWithMoonpreneur .SWMtextBox p:nth-child(3){top: -15%; left: 59%;}
}	

@media only screen and (max-width: 900px) {
	.SuccessWithMoonpreneur .SWMtextBox p{font-size: 9px; line-height: 10px;}
	.SuccessWithMoonpreneur .SWMtextBox p:nth-child(1){top: 18%; left: 23%;}
	.SuccessWithMoonpreneur .SWMtextBox p:nth-child(2){top: 7%; left: 41%;}
	.SuccessWithMoonpreneur .SWMtextBox p:nth-child(3){top: -11%; left: 58%;}	
}
@media only screen and (max-width: 1200px) {
	.SuccessWithMoonpreneur .SWMtextBox p{font-size: 9px; line-height: 10px;}
	.SuccessWithMoonpreneur .SWMtextBox p:nth-child(1){top: 20%; left: 32%;}
	.SuccessWithMoonpreneur .SWMtextBox p:nth-child(2){top: 9%; left: 44%;}
	.SuccessWithMoonpreneur .SWMtextBox p:nth-child(3){top: -9%; left: 55%;}	
}

@media only screen and (max-width: 900px) {
	.SuccessWithMoonpreneur .RoboticsBox .SWMimgBox img:nth-child(1){width: 15%; top: 50%; left: 25%;}
	.SuccessWithMoonpreneur .RoboticsBox .SWMimgBox img:nth-child(2){width: 14%; top: 38; left: 44%;}
	.SuccessWithMoonpreneur .RoboticsBox .SWMimgBox img:nth-child(3){width: 13%; top: 5%; left: 64%;}
	
	.SuccessWithMoonpreneur .GameDevelopment .SWMimgBox img:nth-child(1){width: 13%; top: 45%; left: 25%;}
	.SuccessWithMoonpreneur .GameDevelopment .SWMimgBox img:nth-child(2){width: 13%; top: 37%; left: 41%;}
	.SuccessWithMoonpreneur .GameDevelopment .SWMimgBox img:nth-child(3){width: 8%; top: 20%; left: 61%;}
	
	.SuccessWithMoonpreneur .AppDevelopment .SWMimgBox img:nth-child(1){width: 13%; top: 47%; left: 25%;}
	.SuccessWithMoonpreneur .AppDevelopment .SWMimgBox img:nth-child(2){width: 14%; top: 26%; left: 42%;}
	.SuccessWithMoonpreneur .AppDevelopment .SWMimgBox img:nth-child(3){width: 14%; top: 12%; left: 60%;}
}


/****************************** Success With Moonpreneur End ******************************/

/************************************** Clients and Partners **********************************/
.ClientsPartners{
	background-color: var(--bg2);
    background-image: url(../../assets/images/Home/HomeBannerBG1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed
}
.ClientsPartners .Clients-Partners .item{
	text-align:center;
	padding:20px 40px;
}

.ClientsPartners .Clients-Partners .item p{
	margin:0px;
	font-size: 18px;
    line-height: 20px;
}
.ClientsPartners .Clients-Partners .owl-nav{
    position: absolute;
    top: 30%;
	width: 100%;
}
.ClientsPartners .owl-carousel .owl-nav button.owl-next, .ClientsPartners .owl-carousel .owl-nav button.owl-prev, .ClientsPartners .owl-carousel button.owl-dot{
	font-size: 30px;
}
.ClientsPartners .owl-carousel .owl-nav button.owl-next{
    position: absolute;
	right:0px;
}
@media screen and (max-width: 650px) {
    .ClientsPartners .Clients-Partners .item {padding: 0px 10px;}
}
/************************************* Clients and Partners End ********************************/

/************************************* Advanced Innovator Programs ********************************/
.AdvancedInnovator img{width:100%; margin-bottom: 20px;} 
.AdvancedInnovator h3{text-align:left; color: var(--color6)}
.AdvancedInnovator p{font-size:18px;}

/******************************************* Advanced Innovator Programs End **************************************/

/******** Foundation Technology, Prototype, Power Skills, Moonbattle *******/
.FoundationTechnology, .PowerSkills{
	background-color: var(--bg2);
    background-image: url(../../assets/images/Home/HomeBannerBG1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}
.FoundationTechnology img, .Prototype img, .PowerSkills img, .Moonbattle img{width:100%;}
.FoundationTechnology h3, .Prototype h3, .PowerSkills h3, .Moonbattle h3{text-align:left;}

/*** Foundation Technology, Prototype, Power Skills, Moonbattle End *****/
.bg-none {background:unset; background-color:unset; background-image:unset;}
/************************************ Experiential Learning Kits *****************************************/
.ExperientialLearningKits.HomeBannerBG1 {
    background-color: var(--bg2);
    background-image: url(../../assets/images/Home/HomeBannerBG1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ExperientialLearningKits .col-lg-3 a{width: 100%; padding: 20px; display: inline-flex; text-align: center; min-height: 300px; position: relative;  align-items: center; justify-content: center; transition: 1.5s;} 
.ExperientialLearningKits img{width:80%; padding-bottom: 40px;} 
.ExperientialLearningKits h6{position: absolute; bottom: 5px; left: 0; right: 0; padding: 0px 20px; font-weight: 400; font-size: 18px;} 
.ExperientialLearningKits .LearningBox1{background: #dcefff; border-bottom: 4px #2f7dbe solid; margin-bottom:20px;}
.ExperientialLearningKits .LearningBox1 img{width:90%;}
.ExperientialLearningKits .LearningBox1 a:hover{box-shadow: inset 0px 0px 15px 15px #2f7dbe; transition: 1.5s;} 
.ExperientialLearningKits .LearningBox2{background: #e1f5ff; border-bottom: 4px #9abcca solid; margin-bottom:20px;}
.ExperientialLearningKits .LearningBox2 img{width:100%;}
.ExperientialLearningKits .LearningBox2 a:hover{box-shadow: inset 0px 0px 15px 15px #9abcca; transition: 1.5s;} 
.ExperientialLearningKits .LearningBox3{background: #d8fdfb; border-bottom: 4px #0f7877 solid; margin-bottom:20px;}
.ExperientialLearningKits .LearningBox3 a:hover{box-shadow: inset 0px 0px 15px 15px #0f7877; transition: 1.5s;} 
.ExperientialLearningKits .LearningBox4{background: #fff6cf; border-bottom: 4px #e1b505 solid; margin-bottom:20px;}
.ExperientialLearningKits .LearningBox4 a:hover{box-shadow: inset 0px 0px 15px 15px #e1b505; transition: 1.5s;} 
.ExperientialLearningKits img {animation: transform 10s infinite cubic-bezier(0.5, 1, 0.5, 1);}

@keyframes transform {
    0% {transform: rotate3d(0, 0, 0, 0deg) translate(0px, 0px)}
    10% {transform: rotate3d(5, 5, 5, 10deg) translate(0px, 0px)}
    20% {transform: rotate3d(10, 10, 10, 15deg)translate(0px, 0px)}
}

@media screen and (max-width: 650px) {
    .ExperientialLearningKits .col-lg-3 a {padding:0px; min-height:250px;}
}
/************************************* Experiential Learning Kits End ***************************/

/************************************ Advanced Math *****************************************/
.AdvancedMath{
	background-color: var(--bg2);
    background-image: url(../../assets/images/Home/HomeBannerBG1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}
.AdvancedMath h3{text-align:left;}
.AdvancedMath p, .AdvancedMath ul{font-size:20px;}
.AdvancedMath .btn-trial{font-size: 18px; width: auto; padding: 7px 50px; height: auto; margin-bottom: 20px;}
/************************************* Advanced Math End ***************************/


/**************************************** Our Students ​and Our Teachers Left *****************************************/
.OurMap h3{color: var(--color7);}
.OurMap h3 span{color: var(--color6);}
.OurMap img{width: 100%;}
/**************************************** Our Students ​and Our Teachers End *****************************************/

/************************************ Outcome *****************************************/
.Outcome{
	background-color: var(--bg2);
    background-image: url(../../assets/images/Home/HomeBannerBG1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}
.Outcome h3{text-align:left;}
.Outcome img{width:80%;}
.Outcome p{font-size:20px;}
/************************************* Outcome End ***************************/

/************************************ Advantage *****************************************/
.Advantage .AdvantageBox {text-align: center; background: var(--bg1); padding: 15px; border-radius: 10px; margin-top: 20px;}
.Advantage .AdvantageBox img{width:70%;}
    .Advantage .AdvantageBox p {
        font-size: 16px;
        font-weight:600;
        line-height: 18px;
        margin: 0px;
        margin-top: 15px;
        color: var(--color3);
        min-height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
/************************************* Advantage End ***************************/

/************************************ Moonpreneur Platform *****************************************/
.MoonpreneurPlatform {background:var(--color7);}
.MoonpreneurPlatform img{width: 75%; background: #ffffffd4; padding: 3px; border-radius: 10px;}
.MoonpreneurPlatform h3, .MoonpreneurPlatform p{color:var(--White) !important; line-height: 30px; margin-bottom: 0px;}
/************************************* Moonpreneur Platform End ***************************/

/************************************ Moonpreneur Platform *****************************************/
.ProgramHighlights{
	background-color: var(--bg2);
    background-image: url(../../assets/images/Home/HomeBannerBG1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}
.ProgramHighlights .SubHeading p{width: 65%; font-size: 18px;}
.ProgramHighlights .SubHeading h5{color:var(--color1);}
.ProgramHighlights .IPHBox{text-align: center; margin-top: 20px;}
.ProgramHighlights .IPHBox img{width: 60%; border: 2px var(--color1) dashed; border-radius: 50%; padding: 5px; border-left: 2px var(--color1) solid;}
.ProgramHighlights .IPHBox h6{font-size: 18px; color: var(--color1); width: 100%; font-weight: 500; margin-top:10px;}


/************************************* Moonpreneur Platform End ***************************/

/************************************ Meet Our Moonpreneurs *****************************************/
.OurMoonpreneurs{background:var(--topBarBg);}
.OurMoonpreneurs .mainHeading h3, .OurMoonpreneurs a{color:var(--White);}
.OurMoonpreneurs .btn-trial{font-size: 20px; width: auto; padding: 7px 30px; height: auto;}
.OurMoonpreneurs .item {padding:20px 40px; text-align:center; position:relative;}
.OurMoonpreneurs .item p{margin:0px; margin-top: 20px;}
.OurMoonpreneurs .item img{width:100%;}
.OurMoonpreneurs .item i{color: #fa183d; position: absolute; margin-top: -16px; left: 0; right: 0; font-size: 28px;}
.OurMoonpreneurs .owl-carousel .owl-nav button.owl-next, .OurMoonpreneurs .owl-carousel .owl-nav button.owl-prev, 
.OurMoonpreneurs .owl-carousel button.owl-dot {font-size: 50px;color:var(--White);}
.OurMoonpreneurs .owl-carousel .owl-nav button.owl-prev {position: absolute; left: 0px;top: 25%;}
.OurMoonpreneurs .owl-carousel .owl-nav button.owl-next {position: absolute; right: 0px;top: 25%;}
/************************************* Meet Our Moonpreneurs End ***************************/

/************************************ College Admission *****************************************/
.CollegeAdmission{
	background-color: var(--bg2);
    background-image: url(../../assets/images/Home/HomeBannerBG1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
}
.CollegeAdmission iframe{border-radius: 20px; margin-top:20px;}
.CollegeAdmission p{font-size: 18px; line-height: 30px; padding: 0px 10px; margin-top:20px;}
.CollegeAdmission h3{color:var(--color1);}
.Moonfooter .FooterContact{}
.Moonfooter .FooterContact ul{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; margin-bottom:0px;
font-size: 15px !important;}
.Moonfooter .FooterContact ul li{border-right: 1px #fff solid; padding: 0px 10px; margin-bottom:10px;}
.Moonfooter .FooterContact ul li:first-child{font-size:20px;}
.Moonfooter .FooterContact ul li:last-child{border:0px; margin-bottom:0px;}
.Moonfooter .FooterContact ul li a{display:block; transition: 0.3s;}
.Moonfooter .FooterContact ul li a:hover{transform: scale(0.9); letter-spacing:0px !important;}

@media screen and (max-width: 700px) {
    .Moonfooter .MoonFooterHead input {margin-top: 20px; margin-bottom:10px;}
    .Moonfooter .MoonFooterHead button {margin-top: 20px;}
    .ProgramHighlights .SubHeading p {width:100%}
}

/************************************* College Admission End ***************************/

/************************************ Meet Our Teachers *****************************************/
.OurTeachers .Our-Teachers .item{text-align: center; background: var(--bg1); border-radius: 10px 0px 10px 0px; margin: 15px;}
.OurTeachers .Our-Teachers .item img{width: 75%; display: inline-block; margin: 20px 0px;}
.OurTeachers .Our-Teachers .item .TeachersDetails{background: var(--topBarBg); padding: 10px; min-height: 130px; position:relative;border-radius: 0px 0px 10px 10px;}
.OurTeachers .Our-Teachers .item .TeachersDetails h6{color: var(--White);}
.OurTeachers .Our-Teachers .item .TeachersDetails p{color: var(--White); font-size: 14px; margin-bottom: 5px;}
.OurTeachers .Our-Teachers .item .TeachersDetails p span{font-size: 16px; font-weight:600; position: absolute; bottom: 10px;  width: 100%; left: 0; right: 0;}
.OurTeachers .Our-Teachers .owl-nav {position: absolute; top: 45%; line-height: 0px; width: 100%;left: -15px;}
.OurTeachers .owl-carousel .owl-nav button.owl-next, .OurTeachers .owl-carousel .owl-nav button.owl-prev, .OurTeachers .owl-carousel button.owl-dot {font-size: 50px;}
.OurTeachers .owl-carousel .owl-nav button.owl-next {position: absolute; right: -30px;}

@media screen and (max-width: 700px) {.CollegeAdmission.TopBottomSpace {padding-bottom: 0px;}}
/************************************* Meet Our Teachers End ***************************/



/************************************************ Frozen Table Left ************************************************/

.frozen-table-left::-webkit-scrollbar {width: 2px; background-color: #00000000;}
.frozen-table-left::-webkit-scrollbar-thumb{background:linear-gradient(45deg, var(--color4), var(--color4)); border-radius:20px; border: 3px solid #ffffff;}
.frozen-table-left {position: relative; overflow-x: auto; white-space:nowrap; border-radius:10px;}
.frozen-table-left table{width:100%;}
.frozen-table-left th, .frozen-table-left td{font-size: 14px; padding: 12px 8px; background:linear-gradient(45deg, #ffffffb3, #efefef8c);}
.frozen-table-left .theadbg{text-align: center; padding: 2px; border: 0px;}
.frozen-table-left .theadbg p{background: var(--bg5); border-radius: 7px; margin: 0px; padding: 18px 25px; color: #fff; font-weight: 500; font-size: 12px;}
.frozen-table-left h5{color: var(--textColor); font-weight: 700; margin: 0px;}
.frozen-table-left a{background: var(--bg4); color: var(--White); padding: 8px 20px; border-radius: 20px; text-decoration: none;}
.frozen-table-left a:hover{opacity: 0.8;}
.frozen-table-left tr > :first-child {	position: -webkit-sticky; position: sticky; background:linear-gradient(4deg, #ffffff, #e2e2e2);	left: 0; vertical-align: middle; font-weight: 400;}
.frozen-table-left tr:last-child > :first-child{background: linear-gradient(4deg, #ffffff, #e2e2e2);}
.frozen-table-left .table-striped tbody tr:nth-of-type(even) {background-color: #f5eaf0;}
.frozen-table-left .table-striped tbody tr:nth-of-type(odd){--bs-table-accent-bg: #fff;}
.frozen-table-left .table-bordered>:not(caption)>*{border: 1px #f3edef solid;}
/****************************** Frozen Table Left End  **********************************/



/*############################ PAGE ############################*/

/* ================= Power Skills =================*/

.powerSkillsBanner{ background: url(../../assets/images/power-skills/top-banner-bg.webp);
    background-size: cover;
    background-position: center;
    padding-top: 30px;
    padding-bottom: 30px;
}
.powerSkillsBanner h3{color: var(--White); margin-bottom:15px;}
.powerSkillsBanner h3 i{color: var(--color5);}
.powerSkillsBanner p{color: var(--White); font-weight:500; border-top:1px var(--White) solid; padding-top:15px; font-size: 18px; display: inline-block;}
.powerSkillsBanner img{width:100%;}

.powerSkills1 p{font-size: 18px; margin-top: 20px;}
.powerSkills1 img{width:80%; margin-top: 20px;}
.powerSkills1 button{font-size:20px; width:auto; height:auto; padding:8px 35px;}
.powerSkills1 h5{margin-top: 15px; color: var(--color1);}
.powerSkills1 h5 span{ font-weight: 400; background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);}


.powerSkills2 {background:var(--bg3);}
.powerSkills2 p{font-size: 18px; text-align:center;}
.powerSkills2 img{width:100%; margin: 20px 0px;}
.powerSkills2 button{font-size:20px; width:auto; height:auto; padding:8px 35px;}
.powerSkills2 h5{margin-top: 15px; color: var(--color1);}
.powerSkills2 h5 span{ font-weight: 400; background: linear-gradient(to left top, transparent 47.75%, currentColor 49.5%, currentColor 50.5%, transparent 52.25%);}

.powerSkills3 img{width:80%; margin-top:10px;}
.powerSkills3 img.PSim2{width:60%;}
.powerSkills3 h5{color: var(--color8); margin-bottom:20px;}

.powerSkills4{ background: url(../../assets/images/power-skills/bg-2-middle.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding-top: 30px;
    padding-bottom: 30px;
}
.powerSkills4 img{width:100%; padding: 10px;}
.powerSkills4 .mainHeading h3{color: var(--White);}
.powerSkills4 h5{color: var(--White); text-align:center; font-size: 17px; font-weight: 400; margin-bottom: 30px; }
.powerSkills4 p{color: var(--White); text-align: center; margin: 0px 10px; font-size: 14px; padding: 10px; box-shadow: inset 0px 0px 9px 0px var(--bg4); min-height: 190px; display: inline-flex; align-items: center;}

.powerSkills5{text-align:center;}
.powerSkills5 h4{color: var(--color3); margin-bottom:10px;}
.powerSkills5 .card {background: var(--bg3);color: var(--textColor); padding: 5px;}
.powerSkills5 img{width:100%;}
.powerSkills5 p{padding: 15px; margin: 0px; min-height: 210px;}

.powerSkills6{background: var(--bg5);}
.powerSkills6 .carousel-indicators{margin-bottom: -2rem;}
.powerSkills6 .carousel-indicators [data-bs-target] {width: 15px;  height: 15px; border-radius: 50%;}
.powerSkills6 img{width:100%; border-radius:20px;}
.powerSkills6 h3, .powerSkills6 p{color:var(--White);}
.powerSkills6 p{line-height:25px; margin-top:15px;}

.powerSkills7{background: var(--bg3);}
.powerSkills7 img{width:100%; padding: 10px;}
.powerSkills7 p{padding:5px 10px; line-height: 18px; margin: 0px;}
.powerSkills7 p a{color:var(--color3); font-weight:500;}
.powerSkills7 p a span{color:var(--color1); font-weight:400; font-size:13px;}


/*############################ PAGE ############################*/

/* ================= Product Design =================*/
.productDesignNewBanner {
    background: url(../../assets/images/game-development/game-development-banner.webp) no-repeat;
    background-size: cover;
    background-position: left;
    background-color: #596cf4;
}
.productDesignNewBanner .productDesignTxt {padding: 20px;}
.productDesignNewBanner .productDesignTxt h1 {color: #F3F3F3; font-family: "Edosz", Sans-serif; font-size: 75px; margin-bottom: 20px; text-transform: uppercase;}
.productDesignNewBanner .productDesignTxt h4 {color: #FFFFFF; font-size: 32px; font-style: italic;}
.productDesignNewBanner .productDesignTxt p {color: #FFFFFF; text-align: right; font-size: 20px;}

.productDesignBanner{background:linear-gradient(36deg, #941d82, #6148ac  50%); padding: 50px 0px 50px 0px;}
.productDesignBanner1{background: url(../../assets/images/math-classes/math-banner.webp) no-repeat; background-size: cover; background-position: left;
background-color: #596cf4;}
.productDesignBanner1 .MathBannerTxt {padding: 20px;}
.productDesignBanner1 .MathBannerTxt h1 {color: #F3F3F3; font-family: "Edosz", Sans-serif; font-size: 75px; margin-bottom: 20px; text-transform: uppercase;}
.productDesignBanner1 .MathBannerTxt h4 {color: #FFFFFF; font-size: 28px; font-style: italic; text-transform: uppercase;}
.productDesignBanner1 .MathBannerTxt p {color: #FFFFFF; text-align: right; font-size: 20px; text-transform: uppercase;}
.productDesignBanner .applyProgramForm{text-align:center; padding:0px 15%;}
.productDesignBanner .applyProgramForm h3{color: var(--White); font-weight:400;}
.productDesignBanner .applyProgramForm .form-control{font-size: 14px; border-radius: 20px; margin-bottom: 15px;}
.productDesignBanner .applyProgramForm .iti {margin-bottom: 15px;}
.productDesignBanner .applyProgramForm button{font-size: 18px; height: auto; width: 100%; text-transform: uppercase;}

@media only screen and (max-width: 968px) {
	.productDesignBanner .applyProgramForm{ padding:20px 0%; }
    .productDesignBanner.BookFreeTrialBanner .BookFreeTrialForm {margin-top:-15px; }
}
.productDesign1{background: var(--bg3);}
.productDesign1 .mainHeading h3{color: var(--color3); text-align:center; margin-bottom:0px;}
.productDesign1 h5{color: var(--color3); text-align:center; margin-bottom:20px;}
.productDesign1 p{text-align:center; margin-bottom:20px;}
.productDesign1 h6{color: var(--textColor); text-align:center; margin-bottom:20px; font-size:18px;}
.productDesign1 .productEMFBox{text-align: center; background: var(--bg2);  padding: 20px; border: 1px var(--topBarBg) dashed;  margin-top: 20px;}
.productDesign1 .productEMFBox p {font-size: 16px; padding: 10px; margin-bottom: 20px; background: var(--topBarBg); color: var(--White); padding: 5px; border: 1px var(--White) solid;}
.productDesign1 .productEMFBox div{width: 100%; min-height: 240px; padding: 20px; display: inline-flex; justify-content: center; align-items: center;background: var(--bg1);}
.productDesign1 .productEMFBox div img{width: 100%;}

.productDesign1 .mbDesignFlow{display: inline-flex; align-items: center; justify-content: center;}
.productDesign1 .mbDesignFlow .col-12{width: 25%;}
.productDesign1 .mbDesignFlow .mbDesignFlowIcon{width: 8%; text-align:center; font-size:30px;color: var(--topBarBg);}
.productDesign1 .mbDesignFlow .col-12 div{min-height: auto;}

@media only screen and (max-width: 768px) {
	.productDesign1 .mbDesignFlow .col-12{width: 100%;}
	.productDesign1 .mbDesignFlow .mbDesignFlowIcon{width: 100%; margin-top: 20px;}
	.productDesign1 .mbDesignFlow .mbDesignFlowIcon i{transform: rotate(90deg);}
}
.productDesign2 .mainHeading h3{color: var(--color3); text-align:center; margin-bottom:0px;}
.productDesign2 img{width:100%;}

.productDesign3{background: var(--bg3);}
.productDesign3 .mainHeading h3{color: var(--color3); text-align:center; margin-bottom:0px;}
.productDesign3 h4{font-size: 18px; margin: 20px 0px;}

.productDesign4{background: var(--bg3);}
.productDesign4 .mainHeading h3{color: var(--color3); text-align:center; margin-bottom:0px;}
.productDesign4 .PCBBoxPD{ padding: 30px; display: flex; align-items: center; border-radius: 10px;}
.productDesign4 img{width:100%;}
.productDesign4 ul li{font-size: 16px; margin-top:15px;}
.productDesign4 ul{padding-left:20px;}

.productDesign5 {background: var(--White)}
.productDesign5 .mainHeading h3{color: var(--color3); text-align:center;}
.productDesign5 h5{color: var(--color3); margin-top:20px; font-size: 18px;}
.productDesign5 h6{margin-top: 0px !important; font-weight: 600 !important; font-size: 14px !important;}



/*############################ PAGE ############################*/

/* ================= College Admission Process =================*/
.collegeAdmissionBanner{background:linear-gradient(36deg, #f4e7fc, #dec4f7 50%); padding: 50px 0px 0px 0px;}
.collegeAdmissionBanner h4{color: var(--color3);margin-bottom: 30px;}
.collegeAdmissionBanner h4 span{background: var(--color5); padding: 2px;}
.collegeAdmissionBanner .applyProgramForm{text-align:center; padding:0px 15%;}
.collegeAdmissionBanner .applyProgramForm h3{color: var(--color3); font-weight:400; margin-top:10px;}
.collegeAdmissionBanner .applyProgramForm .form-control{font-size: 14px; border-radius: 20px; margin-bottom: 15px;}
.collegeAdmissionBanner .applyProgramForm .iti {margin-bottom: 15px;}
.collegeAdmissionBanner .applyProgramForm button{font-size: 18px; height: auto; width: 100%; text-transform: uppercase;}

@media only screen and (max-width: 968px) {
	.collegeAdmissionBanner .applyProgramForm{ padding:20px 0%; }
}
.collegeAdmission1 iframe{border-radius: 20px; border: 10px var(--bg3) solid;}
.collegeAdmission1 p{font-size: 18px; line-height: 30px; padding:20px;}

.collegeAdmission2{background:var(--bg3);}
.collegeAdmission2 img{width:100%;}

.collegeAdmission3 img{width:100%;}
.collegeAdmission3 p{font-size: 16px;}
.collegeAdmission3 button{font-size: 18px; height:auto; width: auto; padding: 10px 40px; border-radius:50px;}

.collegeAdmission4{background-color: var(--topBarBg); color: var(--topBarColor);}
.collegeAdmission4 img{width:100%;}
.collegeAdmission4 h3{color: var(--topBarColor); margin-top:30px;}
.collegeAdmission4 p{color: var(--topBarColor); margin-bottom:30px;}

.collegeAdmission5 .carousel-college-admissions img{padding:8%;}
.collegeAdmission5 .carousel-college-admissions .owl-nav {position: absolute; top: 50%; width: 100%; line-height: 0px;}
.collegeAdmission5 .owl-carousel .owl-nav button.owl-next, .collegeAdmission5 .owl-carousel .owl-nav button.owl-prev, .collegeAdmission5 .owl-carousel button.owl-dot {font-size: 50px;}
.collegeAdmission5 .owl-carousel .owl-nav button.owl-next {position: absolute; right: 0px;}

.collegeAdmission6{background:var(--bg3);}
.collegeAdmission6 img{padding:8%;}
.collegeAdmission6 .carousel-Inspirational-success .owl-nav {position: absolute; top: 50%; width: 100%; line-height: 0px;}
.collegeAdmission6 .owl-carousel .owl-nav button.owl-next, .collegeAdmission6 .owl-carousel .owl-nav button.owl-prev, .collegeAdmission6 .owl-carousel button.owl-dot {font-size: 50px;}
.collegeAdmission6 .owl-carousel .owl-nav button.owl-next {position: absolute; right: 0px;}

/*############################ PAGE ############################*/

/* ================= Incubator Program =================*/
.incubatorProgramBanner a{text-align: center; display: block; font-size: 12px; color:var(--bg6); margin:5px 0px;}
.incubatorProgramBanner a span{color:var(--color3); font-weight:600;}
.incubatorProgramBanner a.active, .incubatorProgramBanner a.active span, .incubatorProgramBanner a:hover span, .incubatorProgramBanner a:hover{background:var(--color4); color:var(--White); padding: 2px;}

.incubatorProgram1 .AdvantageBox{border:1px solid var(--bg1);border-radius: 10px;}
.incubatorProgram1 .AdvantageBox p{padding: 10px 5px; border-radius: 20px; color:var(--color1); border: 2px var(--color1) solid; background:transparent; cursor:pointer;}
.incubatorProgram1 .AdvantageBox p.ActiveAdvantageBox, .incubatorProgram1 .AdvantageBox p:hover{ color:var(--White); background: var(--color1);}

.incubatorProgram2{background: var(--bg3); text-align:center;}
.incubatorProgram2 .ipHandHolding img{width: 55%;}
.incubatorProgram2 .ipHandHolding button{font-size: 18px; width: auto; height: auto; padding: 10px 30px; margin: 40px 0px; border-radius:50px;}
.incubatorProgram2 .ipHandHolding p{font-size: 16px; color: var(--Black); font-style:italic;}

.incubatorProgram2 .ipInfrastructure {background: var(--White); padding:15px; border-radius:10px; margin-top:20px;}
.incubatorProgram2 .ipInfrastructure div{position:relative; display:block; border-radius:10px;}
.incubatorProgram2 .ipInfrastructure div img{width:100%; border-radius:10px;}
.incubatorProgram2 .ipInfrastructure div p{position: absolute; background: var(--color1); color: var(--White); top: 0; height: 100%; padding: 20px; font-size: 14px; display: flex; align-items: center; justify-content: center; border-radius:10px; opacity:0; transition:1s;}
.incubatorProgram2 .ipInfrastructure div p:hover{opacity:1; transition:1s; cursor:pointer;}
.incubatorProgram2 .ipInfrastructure h6{background: var(--color1); color: var(--White); margin: 0px; margin-top: 10px; min-height: 65px; padding: 3px 10px; display: flex; align-items: center; justify-content: center;}

.incubatorProgram3{background: var(--color2);}
.incubatorProgram3 p{color: var(--White); font-size:20px;}
.incubatorProgram3 h4{color: var(--color3); margin-bottom:80px;}
.incubatorProgram3 h1{color: var(--White); font-size:55px; line-height:55px; margin-bottom:20px;}
.incubatorProgram3 img{width:100%;}

.incubatorProgram4 img{width:80%;}
.incubatorProgram4 p{ font-size:20px; line-height:35px;}

.incubatorProgram5 .IPHBox{margin-bottom:30px;}
.incubatorProgram5 .IPHBox img{width: 75%; margin-bottom:20px;}
.incubatorProgram5 .IPHBox h5{font-size: 16px;}
.incubatorProgram5 .IPHBox h6{font-weight: 500; margin-top: 10px;}

/*############################ PAGE ############################*/
/* ================= Innovator Program =================*/
/*************** App Devlopment ***************/
.appDevlopmentNewBanner {
    background: url(../../assets/images/app-development/app-development-banner.webp) no-repeat;
    background-size: cover;
    background-position: left;
    background-color: #596cf4;
}
.appDevlopmentNewBanner .appDevlopmentTxt {padding: 20px;}
.appDevlopmentNewBanner .appDevlopmentTxt h1 {color: #F3F3F3; font-family: "Edosz", Sans-serif; font-size: 75px; margin-bottom: 20px; text-transform: uppercase;}
.appDevlopmentNewBanner .appDevlopmentTxt h4 {color: #FFFFFF; font-size: 32px; font-style: italic;}
.appDevlopmentNewBanner .appDevlopmentTxt p {color: #FFFFFF; text-align: right; font-size: 20px;}
/* ================= Innovator Program =================*/
/*************** Robotics ***************/
.NewRoboticsProgram1 {background-image: url(../../assets/images/pricing/pricing-table-background.webp);  
background-position: center; background-size: cover;}
.NewRoboticsProgram1 .moonNewHomeHeading h6 {background: transparent;}

.RoboticsBanner {
    background: url(../../assets/images/banner/bg/bannerbg-8.webp) no-repeat;
    background-size: cover;
    background-position: left;
    background-color: #596cf4;
}
.RoboticsBanner .RoboticsBannerTxt {padding: 20px;}
.RoboticsBanner .RoboticsBannerTxt h1 {color: #F3F3F3; font-family: "Edosz", Sans-serif; font-size: 75px; margin-bottom: 20px; text-transform: uppercase;}
.RoboticsBanner .RoboticsBannerTxt h4 {color: #FFFFFF; font-size: 32px; font-style: italic;}
.RoboticsBanner .RoboticsBannerTxt p {color: #FFFFFF; text-align: right; font-size: 20px;}

.RoboticsChooseProgram a {background: var(--bs-light); color: var(--bg5); padding: 10px 20px; margin: 5px; font-size: 20px; font-weight: 600; display: inline-block;}
.RoboticsChooseProgram a:hover{color: var(--bg4);}

.RoboticsProgramN1 .mainHeading h3 {color: var(--color3);}
.RoboticsProgramN1 .WhyRobotic .item {padding: 30px; text-align: center;}
.RoboticsProgramN1 .WhyRobotic .item img{width: 70%; margin-bottom: 20px; display: inline-block;}
.RoboticsProgramN1 .WhyRobotic .item h5{min-height: 60px;}
.RoboticsProgramN1 .WhyRobotic.owl-carousel .owl-nav button {
    position: absolute; top: 50%; background: var(--color3); width: 25px; height: 25px; border-radius: 50%; color: var(--White);
}
.RoboticsProgramN1 .WhyRobotic.owl-carousel .owl-nav button.owl-prev {left: -7px;}
.RoboticsProgramN1 .WhyRobotic.owl-carousel .owl-nav button.owl-next {right: -7px;}

.RoboticsProgramN1 .WhyRobotic1 .item {padding: 30px; text-align: center;}
.RoboticsProgramN1 .WhyRobotic1 .item img{width: 60%; display: inline-block;}
.RoboticsProgramN1 .WhyRobotic1.owl-carousel .owl-nav button {
    position: absolute; top: 50%; background: var(--color3); width: 25px; height: 25px; border-radius: 50%; color: var(--White);
}
.RoboticsProgramN1 .WhyRobotic1.owl-carousel .owl-nav button.owl-prev {left: -7px;}
.RoboticsProgramN1 .WhyRobotic1.owl-carousel .owl-nav button.owl-next {right: -7px;}

.RoboticsProgramN1 .WhyRobotic .WhyRoboticBody1{background: var(--bs-light); text-align:left; padding: 20px; border-radius: 10px; min-height: 210px;}
.RoboticsProgramN1 .WhyRobotic .WhyRoboticBody1 h5{min-height:auto;}
.RoboticsProgramN1 .WhyRobotic .WhyRoboticBody1 ul{list-style: circle; padding-left: 15px; font-size: 16px;}

.RoboticsProgramN2 .mainHeading h3 {color: var(--color3);}
.RoboticsProgramN2 iframe {border-radius:10px;}

.RoboticsProgramN3 {background: url(../../assets/images/banner/bg/bannerbg-9.webp) no-repeat; background-size: cover;}
.RoboticsProgramN3 .mainHeading h3{color:#fff;}
.RoboticsProgramN3 .MeetR-Moon .item {padding: 30px; text-align: center;}
.RoboticsProgramN3 .MeetR-Moon .item h6{color:#fff; margin-top:20px;}
.RoboticsProgramN3 .MeetR-Moon .item p{color:#fff; margin-top:5px;}
.RoboticsProgramN3 .MeetR-Moon.owl-carousel .owl-nav button {
    position: absolute; top: 40%; background: var(--White); width: 25px; height: 25px; border-radius: 50%; color: var(--color3);
}
.RoboticsProgramN3 .MeetR-Moon .owl-nav button.owl-prev {left: -10px;}
.RoboticsProgramN3 .MeetR-Moon .owl-nav button.owl-next {right: -10px;}
.RoboticsProgramN3 .btn-trial {font-size: 20px; padding: 8px 45px;}

.D-Curriculum a {
    font-size: 20px;
    background-image: linear-gradient(90deg, #A0D111 0%, #128F55 100%);
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    padding: 12px 35px;
    margin-bottom: 20px;
}

.ChooseInnovatorProgram .mainHeading h3 {
    color: var(--color3);
}
.ChooseInnovatorProgram a {display: inline-flex; color: #525ee1; border: 2px #525ee1 solid; padding: 4px 4px 4px 15px; border-radius: 20px; font-size: 16px; margin-right: 10px; margin-bottom: 10px; justify-content: space-between;}
.ChooseInnovatorProgram a i{font-size: 25px; margin-left: 15px;}
.ChooseInnovatorProgram a:hover, .ChooseInnovatorProgram a.activeProgram{background: #525ee1;color:var(--White);}

.roboticsProgram1{background:var(--White);}
.roboticsProgram1 .mainHeading h3{color: var(--color3);}
.roboticsProgram1 button{font-size: 18px; font-weight: 500; width: auto; height: auto; padding: 10px 30px; margin-top:20px;}

.roboticsProgram2 h4{background:var(--color3);color:var(--White); padding: 10px 20px; font-weight: 400; margin-bottom: 20px;}
.roboticsProgram2 ul{padding-left: 15px;}
.roboticsProgram2 .RobopdfIMG img{width: 60%; display: block; margin-bottom: 20px;}
.roboticsProgram2 .HolisticEducation {background: var(--color6); padding:20px;}
.roboticsProgram2 .HolisticEducation h3{color: var(--White);}
.roboticsProgram2 .D-Curriculum a{font-size: 16px; padding: 12px 20px; margin-bottom: 15px;}

.roboticsProgram2 .HolisticEducation h5{color: var(--White); font-weight:400;}

.roboticsProgram3{background: var(--color3); text-align:center;}
.roboticsProgram3 img{width:80%;}
.roboticsProgram3 p{color: var(--White); margin-top:15px;}
.roboticsProgram3 button{font-size: 18px; width:auto; height:auto; padding:10px 30px; margin-top:15px; border-radius:50px;}

.parentsMoonpreneur .carousel-item .PLMBox{display: inline-flex; align-items: flex-start;}
.parentsMoonpreneur .carousel-item .PLMBox p{min-height:100px;}
.parentsMoonpreneur .carousel-item .PLMBox h5{font-size:16px; line-height: 18px;}
.parentsMoonpreneur .carousel-item .PLMBox h5 small{font-size:12px; font-weight:400;}
.parentsMoonpreneur .carousel-item .PLMBox h6 i{font-size:14px; color:var(--color5);}
.parentsMoonpreneur .carousel-item .PLMBox h6 i{font-size:14px; color:var(--color5);}
.parentsMoonpreneur .carousel-item .PLMBox h6 i.fa-thumbs-up{font-size:18px; color:var(--color1);}
.parentsMoonpreneur .carousel-item .PLMBox h6 small{font-size:12px; font-weight:400; margin-left:5px;}
.parentsMoonpreneur .carousel-item .PLMBox h3{font-size: 22px; font-weight: 400; text-align: center; line-height: 40px; min-height: 40px; min-width: 40px; border-radius: 50%; margin-right: 20px;}
.parentsMoonpreneur .carousel-item .PLMBox h3.color1{background: #00897b; color: var(--White);}
.parentsMoonpreneur .carousel-item .PLMBox h3.color2{background: #ec407a; color: var(--White);}
.parentsMoonpreneur .carousel-item .PLMBox h3.color3{background: #01579b; color: var(--White) !important; }

.parentsMoonpreneur .carousel-control-prev, .parentsMoonpreneur  .carousel-control-next{background: var(--bg5); padding: 0px; height: 40px; width: 40px; top: 40%; opacity: 1; border-radius: 50%;}
.parentsMoonpreneur .carousel-control-prev {left: -60px;}
.parentsMoonpreneur .carousel-control-next {right: -60px;}
.parentsMoonpreneur .carousel-control-prev-icon, .parentsMoonpreneur .carousel-control-next-icon{width:20px;}



.NewparentsMoonpreneur {background-image: url(../../assets/images/Home/newhome/bg-for-kits.webp);
background-position: center; background-size: cover;}
.NewparentsMoonpreneur .card {background: #fff; box-shadow: 0px 0px 15px #ebebeb; border: 0px; border-radius: 10px;
padding: 30px;}
.NewparentsMoonpreneur .carousel-item h5{color: #231f40; font-size:16px; line-height: 18px;}
.NewparentsMoonpreneur .carousel-item h6 i{font-size:14px; color:var(--color5);}
.NewparentsMoonpreneur .carousel-item h6 i{font-size:14px; color:var(--color5);}
.NewparentsMoonpreneur .carousel-item h6 i.fa-thumbs-up{font-size:24px; color:var(--TextBlue);}
.NewparentsMoonpreneur .carousel-item h6 small{color:#b6b6b6; font-size:13px; font-weight:400; margin-left:5px;}
.NewparentsMoonpreneur .carousel-item p{margin:0px; margin-top: 20px; min-height: 120px;}
.NewparentsMoonpreneur .carousel-item{padding: 0px 20px;}

.NewparentsMoonpreneur .carousel-control-prev, 
.NewparentsMoonpreneur .carousel-control-next{background: #fff; padding: 0px; height: 40px; width: 40px; top: 40%; 
opacity: 1; border-radius: 50%;}
.NewparentsMoonpreneur .carousel-control-prev:hover, .NewparentsMoonpreneur .carousel-control-next:hover{background: #525fe1;}
.NewparentsMoonpreneur .carousel-control-prev {left: -30px;}
.NewparentsMoonpreneur .carousel-control-next {right: -30px;}
.NewparentsMoonpreneur .carousel-control-prev-icon, .NewparentsMoonpreneur .carousel-control-next-icon{width:20px;}
.NewparentsMoonpreneur .NPM-Border{border-bottom: 40px solid transparent; border-left: 40px solid #ffffff; margin-left: 40px;}



/*############################ PAGE ############################*/
/* ================= Success Stories =================*/

.SuccessStories1 .StoriesMOMBox{text-align: center; background: var(--bg2);  padding: 20px; box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15);  
margin-top: 20px; border-radius:15px;}
.SuccessStories1 .StoriesMOMBox div{width: 100%; min-height: 240px; padding: 20px; display: inline-flex; justify-content: center; align-items: center;background: var(--bg1); position:relative;}
.SuccessStories1 .StoriesMOMBox div img{width: 100%; text-align:center;}
.SuccessStories1 .StoriesMOMBox div img.assestsImg{width: 45%; position: absolute; bottom: -50px;}
.SuccessStories1 .StoriesMOMBox h5 {margin-top: 60px; margin-bottom: 10px;color: var(--color1); border: 1px var(--White) solid; font-weight:500;}
.SuccessStories1 .StoriesMOMBox p {font-size: 14px; margin-bottom: 0px; background: var(--topBarBg); color: var(--White); padding: 5px; border: 1px var(--White) solid;min-height: 100px; display: inline-flex; align-items: center; justify-content: center; width: 100%;}

/* ================= Success Stories Inner Page =================*/

.SuccessStoriesInnerBanner{background: url(../../assets/images/banner/bg/bannerbg12.webp) no-repeat; padding-top: 100px; background-size: 100%; min-height:530px;}
.SuccessStoriesInnerBanner .SSIBBanner{text-align:center;}
.SuccessStoriesInnerBanner .SSIBBanner img{width: 75%; margin: 80px 0px 50px 0px;}
.SuccessStoriesInnerBanner .SSIBBanner h1{font-size: 25px; color: #fff; text-transform: uppercase;}
.SuccessStoriesInnerBanner .SSIBBanner p{font-size: 20px; color: #fff;}
.SuccessStoriesInner1 h4{text-transform: uppercase; margin-bottom:15px;}
.SuccessStoriesInner1 h5{color: var(--color3); text-transform: uppercase; border-bottom: 1px var(--color3) solid; padding-bottom:10px; margin-bottom:20px;}
.SuccessStoriesInner1 p{font-size:18px; margin-bottom:15px;}
.SuccessStoriesInner1 p.KnowMoreAbout{text-align: center; margin: 15px 0px; color: var(--Black); font-weight: 600;}
.SuccessStoriesInner1 .CreatorSlider {margin-bottom:20px;}
.SuccessStoriesInner1 .CreatorSlider .item img{width:100%; border-radius:20px;padding: 0px 40px;}
.SuccessStoriesInner1 .CreatorSlider.slick-slider .slick-arrow{font-size:20px; top:45%; z-index:9;}

.SuccessStoriesInner1 .CreatorSocialIcon {display: flex; justify-content: center;}
.SuccessStoriesInner1 .CreatorSocialIcon a img{width:45px; margin:10px;}
.SuccessStoriesInner1 a.btnCaseStudy{background: linear-gradient(45deg, #e22f9d, #8b40ff); border-radius: 15px; padding: 8px 15px; margin-top:10px;}
.SuccessStoriesInner1 a.btnCaseStudy:hover{opacity:.8;}
.SuccessStoriesInner1 a.btnCaseStudy h6{margin: 0; font-size: 10px; color: #fff; display:flex; justify-content: center; align-items: center;}
.SuccessStoriesInner1 a.btnCaseStudy h6 i{white-space: nowrap; margin: 0px 10px; font-weight:500;}
.SuccessStoriesInner1 a.btnCaseStudy h6 span{display: block;  height: 1px;  background: #fff; width: 20px;}
.SuccessStoriesInner1 a.btnCaseStudy p{margin: 0px; margin-top: 2px; font-size: 28px; font-style: italic; font-weight: bolder; 
color: #fff; line-height: 20px; font-family: system-ui;}
.SuccessStoriesInner2{background: var(--bg3);}
.SuccessStoriesInner2 .SSICreationsBox {padding:30px;}
.SuccessStoriesInner2 .mainHeading h3{color: var(--color1);}
.SuccessStoriesInner2 .SSICreationsBox .SSICreationsSection {background:var(--White); border-radius: 15px; box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15);}
.SuccessStoriesInner2 .SSICreationsBox .SSICreationsHead {padding:0px;}
.SuccessStoriesInner2 .SSICreationsBox .SSICreationsHead img{width:100%; border-radius: 15px 15px 0px 0px;}
.SuccessStoriesInner2 .SSICreationsBox .SSICreationsBody{padding:15px 20px 10px 20px; text-align:center;}
.SuccessStoriesInner2 .SSICreationsBox .SSICreationsBody p{font-size: 17px; min-height: 90px;}
.SuccessStoriesInner2 .SSICreationsBox .SSICreationsBody h6{margin: 0; color: var(--color1); display: flex; justify-content: center; align-items: center;}
.SuccessStoriesInner2 .SSICreationsBox .SSICreationsBody h6 strong{white-space:nowrap; margin:0px 10px; font-size:18px;}
.SuccessStoriesInner2 .SSICreationsBox .SSICreationsBody h6 span{display: block; height: 1px; background: var(--color1); width: 100%;}
.SuccessStoriesInner2 .SSICreationsBox .SSICreationsFooter{display: flex; justify-content: space-between; padding: 0px 20px 10px 20px;}
.SuccessStoriesInner2 .SSICreationsBox .SSICreationsFooter img{width:130px; max-width:100%;}

.SuccessStoriesInner3{}
.SuccessStoriesInner3 .SSIInspirationalBox {padding:20px 20px 10px 20px; display:flex;}
.SuccessStoriesInner3 .mainHeading h3{color: var(--color1);}
.SuccessStoriesInner3 .SSIInspirationalBox .SSIInspirationalSection {background:var(--bg2); border-radius: 15px; 
box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15); padding:15px;}
.SuccessStoriesInner3 .SSIInspirationalBox .SSIInspirationalSection img{width:100%; border-radius: 15px 15px 0px 0px; margin-bottom:20px;}
.SuccessStoriesInner3 .SSIInspirationalBox .SSIInspirationalSection p{font-size: 18px; min-height: 90px; margin:0px; text-align:center;}


/*############################ PAGE ############################*/
/* ================= Future Of Work =================*/

.FutureWorkBanner .moonBannerText p{font-size: 20px; margin-top: 30px;}
.FutureWorkBanner .BookFreeTrialForm h5 {margin-bottom: 2px;}
.FutureWorkBanner .BookFreeTrialForm p {font-size: 14px; color: var(--color1); font-weight: 600; text-align: center;}
.FutureWork1 {background: url(../../assets/images/future-of-work/quotation-mark.png) no-repeat; background-size: 100%; background-position: center; position:relative; display: inline-flex; justify-content: center;}
.FutureWork1 h4{font-size:140%;text-align:center; font-weight:500; color:var(--color4);padding: 50px 10px; margin:0px;}
.FutureWork1 p{font-size: 20px; font-style: italic; position: absolute; bottom: -10px; right: 55px;}
.FutureWork2 h3{text-align:center; color:var(--color1); font-weight:400; font-style:italic; margin-bottom:70px;}
.FutureWork2 .Fw2Sector{text-align:center; background:var(--bg2);}
.FutureWork2 .Fw2Sector h4{color:var(--color1); margin-bottom:20px;}
.FutureWork2 .Fw2Sector p{font-size:20px;}
.FutureWork3 .growthBox{background:var(--color2); text-align:center; padding: 20px 20px 10px 20px; outline: 2px var(--White) dashed; outline-offset: -10px; min-height: 300px;margin-bottom:20px; box-shadow: 0px 0px 7px 0px #8e8e8e;}
.FutureWork3 .growthBox p{color:var(--White); margin:0px;}
.FutureWork3 .growthBox h5{color:var(--White); font-weight: 500; font-size: 18px; margin: 20px 0px;}
.FutureWork3 .growthBox img{width: 60px;}
.FutureWork3 .growthBox1{text-align:center;background:var(--bg2); padding:20px; margin-top:20px;}
.FutureWork3 .growthBox1 h4{color:var(--color1); font-weight: 500;}

.FutureWork4{background-color: var(--bg5); color: var(--White);}
.FutureWork4 .mainHeading h3 {color: var(--White);}
.FutureWork4 .FW4PWCBox .col-12{display: inline-flex; align-items: center; border-bottom: 1px var(--White) solid;  padding-bottom: 20px; margin-bottom: 20px;}
.FutureWork4 .FW4PWCBox .col-12 img{width: 60px; margin-right: 40px;}
.FutureWork4 .FW4PWCBox .col-12 p{margin: 0px;}
.FutureWork5 img{width: 100%;}
.FutureWork5 h3{color: var(--color3); font-weight:500; margin-bottom:20px;}
.FutureWork5 p{font-size:18px; margin-bottom:20px;}
.FutureWork5 ul{padding-left:20px;}
.FutureWork5 ul li{font-size:18px; margin-bottom:10px;}


/*############################ PAGE ############################*/
/* ================= About Us =================*/

.aboutBanner{background: url(../../assets/images/banner/bg/bannerbg-1.webp) no-repeat; padding-top: 100px; background-size: 100%;}
.aboutBanner h1{color:var(--White);margin-bottom:30px;}
.aboutBanner h1 span{color:var(--color6)}
.aboutR1 .mainHeading h3{color:var(--color3); margin-bottom:20px;}
.aboutR1 p{font-size:18px;}
.aboutR1 p i{color:var(--color1); font-size:16px;}
.aboutR2 {background: url(../../assets/images/banner/bg/NEW-BG-1.webp) no-repeat; background-size: cover;}
.aboutR2 .mainHeading h3{color:var(--color3); margin-bottom:20px;}
.aboutR3 {text-align:center;}
.aboutR3 img {width:80%; margin-top:30px;}
.aboutR3 h6 {color: var(--White); background: var(--color1); min-height: 110px; display: inline-flex; justify-content: center; align-items: center; margin: 0px; margin-top: 20px; width: 100%; padding: 5px; font-size: 16px; font-weight: 400;}
.aboutR4 {text-align:center;}
.aboutR4 img{height: 65px; margin-bottom: 20px;}
.aboutR5{background:var(--bg2)}
.aboutR5 .STPBox{text-align: center; background: var(--bg1); margin-top: 20px; border-radius:10px;}
.aboutR5 .STPBox img{width: 65%; margin-top: 20px; background: var(--topBarBg); border-radius: 50%; box-shadow: -7px 0px 8px 0px #a5a5a5; transition: 1s;}
.aboutR5 .STPBox img:hover{box-shadow: 0px 0px 0px; transition: 1s;}
.aboutR5 .STPBox p{font-size: 14px; line-height: 18px; margin: 0px; margin-top: 20px; background: var(--topBarBg); color: var(--White); padding: 10px;  border: 1px var(--White) solid; min-height: 110px; display: inline-flex;   justify-content: center; align-items: center;}


/*############################ PAGE ############################*/
/* ================= Our Teaching =================*/
.OurTeachingBanner .OT-BannerM{text-align:center;color: var(--White);}
/* .OurTeachingBanner .OT-BannerM h3{font-family: "Fancy Text", Sans-serif;} */
.OurTeachingBanner .OT-BannerM h3{color: var(--White); font-family:"Brush Script MT", cursive; Sans-serif; font-size: 26px; font-weight: 400; text-transform: uppercase; line-height: 45px;}
.OurTeachingBanner .OT-BannerM img{width: 20px; margin-right: 10px;}
.OurTeachingBanner .applyProgramForm{padding:0px 5%;}
.OurTeachingBanner .applyProgramForm h3{font-size:18px; font-weight:600;}
.OurTeachingBanner .applyProgramForm h3 span{color:var(--color6);}

.OurTeaching1 .mainHeading h3 {text-align:left; color:var(--color3);}
.OurTeaching1 .nav-pills a.nav-link {border-radius: 0px; color:var(--Black); font-size:16px;}
.OurTeaching1 .nav-pills a.nav-link:nth-child(odd){background:var(--bg1);}
.OurTeaching1 .nav-pills a.nav-link:nth-child(even){background:var(--White);}
.OurTeaching1 .nav-pills a.nav-link.active{background:var(--color1); color:var(--White);}
.OurTeaching1 .nav-pills a.nav-link:hover{background:var(--color1); color:var(--White);}

.OurTeaching1 .tab-content{background:var(--bg1);padding:20px;}
.OurTeaching1 .tab-content .VCheading{color:var(--color1); margin-bottom:20px; font-weight:400;}
.OurTeaching1 .tab-content .VCMainBox{background:var(--bg2); margin-bottom:20px;}
.OurTeaching1 .tab-content .VCMainBox iframe{width:100%;}
.OurTeaching1 .tab-content .VCMainBox p{padding:10px;}


/*############################ PAGE ############################*/
/* ================= Student Journey =================*/
.StudentJourneyBanner h4{color: var(--White); font-weight: 400; line-height: 30px; font-size: 27px; text-align: center;}
.StudentJourneyBanner h4 strong{color:var(--color6); font-weight:500;}
.StudentJourneyBanner .applyProgramForm {padding:0px 5%;}
.StudentJourneyBanner .applyProgramForm h3{margin-bottom:0px;}
.StudentJourneyBanner .applyProgramForm p{color:var(--White); font-weight:500;}
.StudentJourney1 .SJEducation{background: url(../../assets/images/resources/student-journey/shape1.webp) no-repeat; background-size: 100% 100%; background-position: center; text-align: center; padding: 30px 10px;}
.StudentJourney1 h4{font-size:130%; font-weight:500; color:var(--color3); margin:0px;}
.StudentJourney1 p{font-size:100%; color: var(--Black); font-style: italic; margin:0px;}
.StudentJourney2 img{max-width: 100%; margin-top:20px;}
.StudentJourney2 a.menuButton{padding: 10px 30px;}

/*############################ PAGE ############################*/
/* ================= Moon Journey =================*/
.moonjourneyBanner{background: url(../../assets/images/banner/bg/bannerbg-2.webp) no-repeat; padding: 40px 10px; background-size: 100%;}
.moonjourneyBanner h1{color:var(--White);}
.moonjourneyBanner h4{color:var(--color6); font-style: italic;}
.moonjourneyBanner ul{color:var(--White); display: inline-flex; list-style: none; padding: 0px; width: 85%;   justify-content: space-between; margin: 30px 0px;}


.moonjourney1{background:var(--bg2);}
.moonjourney1 .STPBox div{padding:20px; min-height: 195px; display: inline-flex; align-items: center; background:var(--bg1);}
.moonjourney1 .STPBox img{width: 100%; min-height: 100px; margin: 0px; border-radius: 5px; box-shadow: 0px 0px;}
.moonjourney1 .STPBox p{width:100%; min-height: 60px; margin-top:0px;}
.moonjourney2 .MoonDiscoverBox {padding:20px; text-align:center;}
.moonjourney2 .MoonDiscoverBox img{width:100%; height: 280px; margin-top:0px; background:var(--color5); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom:0px; padding:10px;}
.moonjourney2 .MoonDiscoverBox p{color: var(--Black); background: var(--color5); min-height: 70px; display: inline-flex; justify-content: center; align-items: center; margin: 0px; width: 100%; padding: 5px; font-size: 16px; font-weight: 400;}
.moonjourney2 .MoonLoadBox section{display:none;}
.moonjourney2 .MoonLoadMore, .moonjourney2 .MoonLoadHide {clear: both; min-width: 150px; margin-bottom: 20px;}


.moonjourney3{background: url(../../assets/images/banner/bg/bannerbg-3.webp); background-position: center; background-size: cover; min-height: 280px;text-align:center; display: flex; align-items: center; justify-content: center;}
.moonjourney3 h3{color: var(--White); margin-bottom:20px;}
.moonjourney3 a{color: var(--color5); font-size:25px; font-weight:500;}
.moonjourney4 {background: var(--color1);}

/*############################ PAGE ############################*/
/* ================= Testimonials =================*/
.testimonialsBanner{background: url(../../assets/images/banner/bg/bannerbg-4.webp) no-repeat; padding: 60px 10px; background-size: cover;}
.testimonialsBanner .col-xl-6{background: #ffffffe6; text-align: center; padding: 40px;}
.testimonialsBanner h3{color:var(--color4);}
.testimonialsBanner p{color:var(--color1); font-size:18px; font-weight:500;}
.Moontestimonials1 .MT-Tab1{margin-top: 40px;}
.Moontestimonials1 .MT-Tab1 .MT-tophead {margin-top: 30px; margin-bottom: 30px;}
.Moontestimonials1 .MT-Tab1 .MT-tophead h4{color: var(--color3); margin-bottom: 20px;}
.Moontestimonials1 .MT-Tab1 .MT-tophead p{line-height:30px;}

.Moontestimonials1 .MT-Tab1 .MT-Tab1-SL1 .item{padding:30px;}
.Moontestimonials1 .MT-Tab1 .MT-Tab1-SL1 .item h4{color: var(--color3); margin: 20px 0px;}
.Moontestimonials1 .MT-Tab1 .MT-Tab1-SL1 .item p{font-size: 16px; line-height:25px;}
.Moontestimonials1 .MT-Tab1 .MT-Tab1-SL1 .owl-nav button{font-size: 30px;}
.Moontestimonials1 .MT-Tab1 .MT-Tab1-SL1 .owl-nav button.owl-prev{position: absolute; top: 40%; left: 0px;}
.Moontestimonials1 .MT-Tab1 .MT-Tab1-SL1 .owl-nav button.owl-next{position: absolute; top: 40%; right: 0px;}

.Moontestimonials1 .Mt-bfw{padding: 10px 40px; font-size: 20px;  margin-top: 25px;}

.testimonialsSpotlight{overflow:hidden;}
.testimonialsSpotlight .mainHeading h3{color: var(--color3); margin-bottom: 20px;}
.testimonialsSpotlight .owl-carousel .owl-item{margin: 0px !important; width: 5% !important;}
.testimonialsSpotlight .item{}
.testimonialsSpotlight .SpotlightBox{ text-align:center;}
.testimonialsSpotlight .SpotlightBox h2{color: #FFFFFF; font-family: "Sacramento", Sans-serif; font-size: 22px; font-weight: 500; margin:0px; line-height: 28px;}
.testimonialsSpotlight .SpotlightBox h3{color: #FFFFFF; font-size: 18px; font-weight: 500; margin:0px;}
.testimonialsSpotlight .SpotlightBox div{min-height: 321px; padding: 20px; display: inline-flex; flex-direction: column;  justify-content: center; align-items: center; width: 100%;}
.testimonialsSpotlight .SpotlightBox div img{height: 25px; width: auto; display: inline-block;margin: 10px 0px;}
.testimonialsSpotlight .SpotlightBox img{max-width: 100%; height: 321px;}
.testimonialsSpotlight .SpotlightBox.sptBox1 div{background-color: #FA3061;}
.testimonialsSpotlight .SpotlightBox.sptBox2 div{background-color: #9450F2;}
.testimonialsSpotlight .SpotlightBox.sptBox3 div{background-color: #54b72c;}
.testimonialsSpotlight .SpotlightBox.sptBox4 div{background-color: #fe553e;}
.testimonialsSpotlight .SpotlightBox.sptBox5 div{background-color: #d40090;}

.testimonialsSpotlight .Spotlight .owl-nav {font-size: 30px; text-align: center;}
.testimonialsSpotlight .Spotlight .owl-nav button.owl-prev{margin-right: 5px;}
.testimonialsSpotlight .Spotlight .owl-nav button.owl-next{margin-left: 5px;}

/*############################ PAGE ############################*/
/******************************* Mooncamp ***********************************/
.MooncampBanner {background: url(../../assets/images/banner/bg/bannerbg-5.webp) no-repeat; padding: 40px 0px 0px 0px; background-size: 100%;}
.MooncampBanner .middleBox{display: flex; flex-direction: column; justify-content: space-between;}
.MooncampBanner a.MCBKnowMore{font-size: 18px; font-weight: 400;  background-color: transparent;  background-image: linear-gradient(180deg, #FE553E 0%, #FA3061 39%);
    border-radius: 11px 11px 11px 11px;  padding: 2px 19px 2px 19px; color:#fff; position: absolute;  bottom: 20px; left: 40%;}

.Mooncamp1{background:var(--color3); text-align:center; padding:20px;}
.Mooncamp1 h3{color:#fff;}
/*************************** MoonCamp Accordion ***************************/
.MoonCampAccordion .accordion-item{border:0px; background: transparent;}
.MoonCampAccordion .accordion-item .accordion-button{border-radius: 0px; background: transparent;
border-bottom: 1px #ffffff solid; box-shadow: 0px 1px 1px #c7c7c7;}
.MoonCampAccordion .accordion-button::after {flex-shrink: 0; margin-left: auto; content: "+"; font-size: 35px;
    transition: transform .2s ease-in-out; margin-top: -14px; color: #525fe1; background-image: unset;}
.MoonCampAccordion .accordion-button:not(.collapsed)::after {content: "-"; font-size: 35px; 
    margin-top: -14px; color: #525fe1; background-image: unset; transform:unset;}
.MoonCampAccordion .accordion-item .accordion-button h5 {margin: 0px;}
/*************************** MoonCamp Accordion End ***************************/


.MooncampSummerProgram .mainHeading h3 {
    color: var(--color1);
    border-bottom: 2px var(--color1) solid;
    margin-bottom: 40px;
    padding-bottom: 20px;
}
.MooncampSummerProgram .MoonCampSPheading1{color: var(--color3); margin-bottom: 20px;}
.MooncampSummerProgram .MoonCampSPheading2{color: var(--bg5); margin: 15px 0px;}
.MooncampSummerProgram .MoonCampSPIcon1{width:75%;}
.MooncampSummerProgram .MoonCampSPIcon2{width:50px; margin-right:15px;}
.MooncampSummerProgram .MoonCampEnrollNow {text-align: center; margin: 20px 0px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
.MooncampSummerProgram .MoonCampEnrollNow p{font-size: 30px; color: #000; margin-bottom:10px;}
.MooncampSummerProgram .MoonCampEnrollNow p del{position:relative; text-decoration:none;}
.MooncampSummerProgram .MoonCampEnrollNow p del::after {content: ""; position:absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #FE553E; transform: rotate(338deg);}
.MooncampSummerProgram .MoonCampEnrollNow a { font-size: 20px; font-weight: 700; background-color: transparent; background-image: linear-gradient(180deg, #FE553E 0%, #FA3061 39%);
    border-radius: 10px; padding: 8px 30px; color:#fff;}

.MooncampSummerProgram .MoonCampBatchOptions{margin-top:20px;}
.MooncampSummerProgram .MoonCampBatchOptions h6{margin-bottom:10px; text-align:center;}
.MooncampSummerProgram .MoonCampBatchOptions .MoonCampPlanDetails {text-align: center; border: 1px #8278f5 solid; border-radius: 10px; margin-bottom:10px;}
.MooncampSummerProgram .MoonCampBatchOptions .MoonCampPlanDetails h5 {
    background: #8278f5; color: #ffffff;  margin: 0px; padding: 10px 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-weight: 900; font-size: 18px;
}
.MooncampSummerProgram .MoonCampBatchOptions .MoonCampPlanDetails h3 {font-size: 28px;  margin-top: 15px;}
.MooncampSummerProgram .MoonCampBatchOptions .MoonCampPlanDetails p {color: #FF9800; font-size: 20px; font-weight: 600; margin-bottom: 5px;}

.MooncampHighlights {background: var(--bg5);  color:#fff;}
.MooncampHighlights .mainHeading h3{color:#fff;}
.MooncampHighlights img{width:80%; margin:15px 0px;}
.MooncampHighlights h6{text-align:center;  color:#fff;}

.MooncampAdvantage .mainHeading h3{color:var(--color3);}
.MooncampAdvantage img{width:90%; margin:15px 0px;}


/*MoonCampRadioPayAndEnroll*/
.MoonCampRadioPayAndEnroll{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
/*MoonCampRadioPayAndEnroll End*/

/*MoonCampPayAndEnroll*/
.MooncampSummerProgram .MoonCampPayAndEnroll {text-align: center; display: flex;
    justify-content: center; align-items: center; flex-wrap: wrap;}
.MooncampSummerProgram .MoonCampPayAndEnroll div{margin:10px;}
.MooncampSummerProgram .MoonCampPayAndEnroll h6{font-size: 12px; font-weight: 500; color: #000; margin-top: 10px;}
.MooncampSummerProgram .MoonCampPayAndEnroll span.PayPrice{font-size: 25px; color: #000; margin-bottom:10px; 
display:block;}
.MooncampSummerProgram .MoonCampPayAndEnroll span.PayPrice del{position:relative; text-decoration:none;}
.MooncampSummerProgram .MoonCampPayAndEnroll span.PayPrice del::after {content: ""; position:absolute; 
top: 50%; left: 0; width: 100%; height: 2px; background: #FE553E; transform: rotate(338deg);}
.MooncampSummerProgram .MoonCampPayAndEnroll a {font-size: 16px; font-weight: 700; padding: 8px 25px; text-transform: uppercase;}
a.disabled-link{opacity: 0.9;}
/*MoonCampPayAndEnroll End*/

/*Radio Button*/
.MoonCampRadioBox {display: flex; flex-wrap: wrap;}
.MoonCampRadioBox h6{margin:10px 0px;}
.MoonCampRadioBox label{text-align: center; border: 1px #525fe1 solid; border-radius: 10px; min-width: 140px; 
 cursor:pointer; position:relative; margin-right:10px;}
.MoonCampRadioBox label:hover{box-shadow: 6px 6px 6px #939393;}
.MoonCampRadioBox label span{padding-bottom: 5px; display:block; color:#919ca7; border-radius: 0px 0px 10px 10px;}
.MoonCampRadioBox label font{display:block;}
.MoonCampRadioBox label font.MoonCmpMonth{background: #525fe1; color: #ffffff; padding: 5px 0px; 
font-weight: 900; font-size: 16px; border-radius: 10px 10px 0px 0px;}
.MoonCampRadioBox label font.MoonCmpBody{font-size: 25px; font-weight:900; margin: 5px 0px;}
.MoonCampRadioBox label font.MoonCmpTime{color: #f86f03; font-size: 18px; font-weight: 600;}
.MoonCampRadioBox label .MoonCmpRadio {-webkit-appearance: none; -moz-appearance: none; border-radius: 50%; 
 position: absolute; right: 5px; top: 6px; cursor: pointer;  color: #525fe1; width: 20px; height: 20px;}
.MoonCampRadioBox label .MoonCmpRadio:checked {background: #f86f03; color: #fff; transform: rotate(24deg);}
.MoonCampRadioBox label .MoonCmpRadio:checked ~ span {background-color: #f86f0312; color: #3f3f3f;
    box-shadow: 6px 6px 6px #939393;}
.MoonCampRadioBox label .MoonCmpRadio::after {content: "\2713"; font-weight: 900; padding-left: 3px;}


/****************************** Mooncamp End **********************************/

/*############################ PAGE ############################*/
/******************************* Advanced Courses ***********************************/
.AdvancedCoursesBanner {background: url(../../assets/images/banner/bg/bannerbg-6.webp) no-repeat; background-size: cover;}
.AdvancedCoursesBanner  h1{color: var(--White); font-size: 50px;}
.AdvancedCours1 {text-align:center; padding-bottom: 30px;}
.AdvancedCours1 img{width:70%;}
.AdvancedCours1 p{margin-top:20px;min-height: 55px;}
.AdvancedCours1 .AdvancedCours1Box1{background:#eaf8f6; padding: 20px; margin-bottom:20px;}
.AdvancedCours1 .AdvancedCours1Box2{background:#fff3ee; padding: 20px; margin-bottom:20px;}
.AdvancedCours1 .AdvancedCours1Box3{background:#eff4fc; padding: 20px; margin-bottom:20px;}
.AdvancedCours1 .AdvancedCours1Box4{background:#fff1f1; padding: 20px; margin-bottom:20px;}

.AdvancedCours2 img{width:100%;}
.AdvancedCours2 h3{color:var(--Black);}
.AdvancedCours2 p{font-size:18px; color:var(--Black);}
.AdvancedCours2 p i{color:var(--color4); font-size:20px;}
.AdvancedCours2 h5{color:#F86F03; margin:30px 0px; font-size:22px;}
.AdvancedCours2 .btn-warning{background:#f7941f; color:#fff; font-size:22px; border-radius:50px; padding:10px 30px;}
.AdvancedCours2 h4{color:#5188fa; margin-bottom:20px; font-size:20px;}
.AdvancedCours2 ul{color:#000; padding-left:15px; font-size:16px;}
.AdvancedCours2 ul li{margin-bottom:10px;}
.AdvancedCours2 .btn-danger{background:#EE2A7B; color:#fff; font-size:22px; border-radius:50px; padding:10px 30px;}
.AdvancedCours2 .btn-danger svg{width: 35px; margin-left: 20px;}


/*############################ PAGE ############################*/
/* ================= Partners =================*/
.PartnersBanner {
    background: url(../../assets/images/banner/bg/bannerbg-7.webp);
    background-size: cover;
    background-position: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.PartnersBanner h2{color:var(--White); text-align:center; line-height:40px;}
.PartnersPage1 .mainHeading h3{color:var(--color3);}
.PartnersPage1 img{width:100%; margin-top:50px;}
.PartnersPage2 {background:var(--bg5);}
.PartnersPage2 img {border-radius:15px;}
.PartnersPage2 .mainHeading p{color:var(--White); font-size:20px;}
.PartnersPage2 .Our-Partners .item {padding:0px 20px;}
.PartnersPage2 .Our-Partners .item img{border-radius:15px;}
.PartnersPage2 .Our-Partners .item p{text-align: center; color: var(--White); font-size: 16px; margin: 20px 0px 0px 0px;}
.PartnersPage2 .Our-Partners .owl-nav button.owl-prev{color: var(--White); font-size: 40px; position: absolute; top: 30%; left:-12px;}
.PartnersPage2 .Our-Partners .owl-nav button.owl-next{color: var(--White); font-size: 40px; position: absolute; top: 30%; right:-12px;}

.PartnersPage3 .WhyPartnerWUSBox{display: flex; align-items: center;}
.PartnersPage3 .WhyPartnerWUSBox img {width:100%;}
.PartnersPage3 .WhyPartnerWUSBox .WPWU1 {position:relative;}
.PartnersPage3 .WhyPartnerWUSBox .WPWU1 img {width: 100%; height: 375px; margin-top: -10px;}
.PartnersPage3 .WhyPartnerWUSBox .WPWU1 div {position: absolute; left: 0; text-align: center; padding: 30px; color: var(--White);  display: inline-flex; align-items: center; flex-direction: column; width: 100%; height: 100%; justify-content: center;}
.PartnersPage3 .WhyPartnerWUSBox .WPWU1 div h5{color: var(--color5);}
.PartnersPage3 .WhyPartnerWUSBox .WPWLine{font-size: 20px; font-weight: 900; white-space: nowrap;}

.PartnersPage4{background: var(--bg5); color:var(--White); text-align:center;}
.PartnersPage4 .mainHeading h3{color:var(--White);}
.PartnersPage4 .PartnersPage4ImgBox{background: var(--White); padding: 50px; border-radius: 50%; margin: 25px;}
.PartnersPage4 .PartnersPage4ImgBox img{width:100%;}
.PartnersPage4 p{color:var(--White); font-size:20px; text-align:center;}

.PartnersPage5 p{background: #f4f6fa; padding: 20px; font-size: 18px; border-radius: 15px;}

.PartnersPage6{background: var(--bg3);}
.PartnersPage6 .mainHeading h3{color: var(--color3);}
.PartnersPage6 table {width: 100%; border-collapse: separate; border-spacing: 0 20px; text-align:center; color:#000; background:#fff; padding: 0px 20px; 
margin-bottom: 20px; border-radius:10px;}
.PartnersPage6 table tr:nth-child(even) {background-color: #f8f4fb;}
.PartnersPage6 table tr:nth-child(odd) {background-color: #f8f4fb;}
.PartnersPage6 table tr:nth-child(3) {background: #e6e2f9;}
.PartnersPage6 table th:first-child {background-color: #99a7b9; color: #fff;}
.PartnersPage6 table tr:nth-child(2) td:first-child, .PartnersPage6 table tr:nth-child(3) td:first-child {background-color: #c194df; color: #fff;}
.PartnersPage6 table tr:nth-child(4) td:first-child {background-color: #87adff; color: #fff;}
.PartnersPage6 table tr:nth-child(5) td:first-child, .PartnersPage6 table tr:nth-child(6) td:first-child {background-color: #6cb7f6; color: #fff;}
.PartnersPage6 table th, .PartnersPage6 table td {padding: 10px; font-size: 16px; height: 68px;}
.PartnersPage6 p {color: #000; font-size: 12px; font-weight: 500; line-height: 16px; text-align:center;}

.PartnersPage7 .mainHeading h3{color: var(--color3);}
.PartnersPage7 table {width: 100%; border-collapse: separate; border-spacing:20px; text-align:center; color:#000;}
.PartnersPage7 table tr:nth-child(even) {background-color: #f8f4fb;}
.PartnersPage7 table tr:nth-child(odd) {background-color: #f3f6ff;}
.PartnersPage7 table th, .PartnersPage7 table td {padding: 10px; text-align: center; border-radius: 20px; width: 25%; font-size: 14px; font-weight: 400;}
.PartnersPage7 table th {background-color: #f2f2f2; font-size: 20px; font-weight: 500; color: #6149ac;}


@media only screen and (max-width: 900px) {
    .PartnersPage3 .WhyPartnerWUSBox{flex-direction: column; margin-bottom: 30px;}
	.PartnersPage3 .WhyPartnerWUSBox .WPWU1 {width:100%;}
	.PartnersPage3 .WhyPartnerWUSBox .WPWU1 img {height: auto; margin: 0px;}
	.PartnersPage3 .WhyPartnerWUSBox .WPWLine{rotate: 90deg; margin:8px 0px;}
}

/*############################ PAGE ############################*/
/* ================= PageNotFound =================*/
.PageNotFound {background: #023c5b; min-height:600px; display: flex; align-items: center;}
.PageNotFound h1, .PageNotFound h3{background: #023c5b; color:#fff;}
.PageNotFound h1{margin-bottom:40px;}
.PageNotFound h3{margin-bottom:30px; font-weight: 500; letter-spacing: .5px;}
.PageNotFound button {padding: 15px 45px; color: #ffffff;  border-radius: 50px;}
.PageNotFound button:hover {background: #ffffff;}

/*############################ PAGE ############################*/

/* ================= Contact Us =================*/
.ContactUsBanner {background: url(../../assets/images/resources/contact/top-banner.webp); background-size: cover; background-position: center; padding-top: 40px; padding-bottom: 40px;}
.ContactUsBanner h1 {color: var(--White); text-align: center; min-height: 250px; display: flex; justify-content: center; align-items: center;}

.ContactUs1{background: var(--bg3);}
.ContactUs1 .ContactUsOfficesBox {display: flex;  justify-content: space-evenly; align-items: center; background:var(--White); border: 1px var(--color2) solid;
border-radius: 10px;}
.ContactUs1 .ContactUsOfficesBox img{height: 130px; max-width: 100%; border-radius: 10px 0px 0px 10px;}
.ContactUs1 .ContactUsOfficesBox p{padding: 10px 20px; margin: 0px;}

.ContactUs2 .GetInTouch {
    background: linear-gradient(45deg, #26b4eb, #8275ea);
    color: var(--White);
    padding: 50px;
}
.ContactUs2 .GetInTouch p{font-size:20px;}
.ContactUs2 .GetInTouch .form-control, .ContactUs2 .GetInTouch .form-select{padding: 10px 20px; font-size: 18px;}
.ContactUs2 .GetInTouch button{padding: 10px 20px; font-size: 18px; width: 250px;}

/*############################ PAGE ############################*/

/* ================= Why Moonpreneur =================*/
.why-moonpreneurBanner {background: var(--color3)}
.why-moonpreneurBanner h2{color: var(--color5); text-transform:uppercase; text-align:center; font-style:italic; line-height:45px;}
.why-moonpreneurBanner p{color: var(--White); font-size:20px; text-align:center;}
.why-moonpreneur1 .M-Different{display: flex;}
.why-moonpreneur1 .M-Different .col-12{background: var(--bg1); text-align:center; padding:20px; margin-top:20px; border-radius:10px;box-shadow: 0px 3px 6px 0px rgba(140, 149, 159, 0.15);}
.why-moonpreneur1 .M-Different img{width:85%;}
.why-moonpreneur1 .M-Different h4{color: var(--color7); margin:10px 0px; font-size:20px;}

.why-moonpreneur2{background: var(--bg5);}
.why-moonpreneur2 .mainHeading h3{color: var(--White);}
.why-moonpreneur2 .ChooseStream .item{padding:20px;}
.why-moonpreneur2 .ChooseStream .item div{background: var(--color6);}
.why-moonpreneur2 .ChooseStream .item div h4{padding: 10px; color: var(--White); text-align: center; font-weight: 500; font-size: 22px; line-height: 25px;
    min-height: 75px;  display: flex; align-items: center; justify-content: center;}
.why-moonpreneur2 .ChooseStream.owl-carousel .owl-nav button{color:#fff; font-size:35px; position: absolute;}
.why-moonpreneur2 .ChooseStream.owl-carousel .owl-nav button.owl-next{top: 40%; right: -20px;}
.why-moonpreneur2 .ChooseStream.owl-carousel .owl-nav button.owl-prev{top: 40%; left: -20px;}
.why-moonpreneur3 {
    background: url(../../assets/images/resources/why-moonpreneur/bannerbg11.webp);
    background-size: cover; background-position: center; padding-top: 40px; padding-bottom: 40px;
}
.why-moonpreneur3 .mainHeading h3{color:var(--color6); margin-bottom:20px;}
.why-moonpreneur3 .mainHeading p{color:var(--White); font-size:24px;}


/*############################ PAGE ############################*/

/* ================= Meet Our Teachers =================*/
.MeetOurTeachersBanner{background: var(--color3);}
.MeetOurTeachers1{background: var(--bg3);}
    .MeetOurTeachers1 .MoonLoadBox section {
        display: none;
    }
.MeetOurTeachers1 .MOTBox{display:flex; margin-bottom:30px;}
.MeetOurTeachers1 .MOTBox .row{height: 100%; background: var(--White); margin:0px; border-radius:10px; box-shadow:0px 3px 6px 0px rgba(140, 149, 159, 0.15);}
.MeetOurTeachers1 .MOTBox .MOTHeadBox{background: #525fe1; text-align:center; position:relative; margin-bottom:40px; height:120px; border-radius: 10px 10px 0px 0px;}
.MeetOurTeachers1 .MOTBox .MOTHeadBox .MOTHeadBoxImg1 {border-radius: 50%; width: 130px; display: flex; margin: auto; border: 3px var(--bg3) solid; 
margin-bottom: -40px; margin-top: 25px;}
.MeetOurTeachers1 .MOTBox .MOTHeadBox .MOTHeadBoxImg2 {width: 40px; margin-bottom: -50px;}
.MeetOurTeachers1 .MOTBox .MOTBodyBox {padding: 10px; text-align: center;}
.MeetOurTeachers1 .MOTBox .MOTBodyBox h6{font-size:14px;}
.MeetOurTeachers1 .MOTBox .MOTBodyBox div a{font-size: 14px; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin: 0px 2px; color:#fff;}
.MeetOurTeachers1 .MOTBox .MOTBodyBox div a:hover{opacity:.7;}
.MeetOurTeachers1 .MOTBox .MOTBodyBox div a:nth-child(1){background:#4166b1;}
.MeetOurTeachers1 .MOTBox .MOTBodyBox div a:nth-child(2){background:#000000;}
.MeetOurTeachers1 .MOTBox .MOTBodyBox div a:nth-child(3){background:#f70100;}
.MeetOurTeachers1 .MOTBox .MOTBodyBox div a:nth-child(4){background:#0e76a8;}
.MeetOurTeachers1 .MOTBox .MOTFotterBox p{text-align:center;padding:10px;}

/* ================= Our Mentors =================*/
.InspiringTeam .mainHeading h3{padding:10px; color:#000;}
.InspiringTeam .mainHeading .card{padding: 20px 25px; border-radius: 10px; box-shadow: 0px 0px 15px #ebebeb; border: 0px;}
.OurMentors .mainHeading h3{padding:10px; color:#525fe1;}
.OurMentors .carousel-Our-Mentors .item {padding:10px;}
.OurMentors .carousel-Our-Mentors .item .OurMentorsItemBox {background:#f7f8f9; border-radius:10px;}
.OurMentors .carousel-Our-Mentors .item .OurMentorsItemBox img{width:100%;}
.OurMentors .carousel-Our-Mentors .item .OurMentorsItemBox .TeachersDetails{padding:0px 20px; min-height:305px;}
.OurMentors .carousel-Our-Mentors .item .OurMentorsItemBox .TeachersDetails h5{padding:15px 0px 5px 0px;}
.OurMentors .carousel-Our-Mentors .item .OurMentorsItemBox .TeachersDetails h6{font-weight:500; margin-bottom:10px;}
.OurMentors .carousel-Our-Mentors .item .OurMentorsItemBox .TeachersDetails p{font-weight:500; font-size:14px;}
.OurMentors .carousel-Our-Mentors .item .OurMentorsItemBox .TeachersDetails p span{font-weight:600; color:#525fe1;}
.OurMentors .carousel-Our-Mentors .item .OurMentorsItemBox .TeachersDetails.SkilledTeachers{ min-height:230px;}
.OurMentors .carousel-Our-Mentors .item .OurMentorsItemBox .TeachersDetails.SkilledTeachers p{margin-bottom:10px;}


.OurMentors .carousel-Our-Mentors.slick-slider .next-icon {color: #525fe1; right: -26px; top: 45%; font-size: 30px;}
.OurMentors .carousel-Our-Mentors.slick-slider .prev-icon {color: #525fe1; left: -26px; top: 45%; font-size: 30px;}
@media only screen and (max-width: 900px) {
    .OurMentors .carousel-Our-Mentors .item .OurMentorsItemBox .TeachersDetails {min-height: 250px;}
}

/*############################ PAGE ############################*/
/* ================= Book Writing Publishing =================*/
.BookWritingPublishingBanner {
    background: url(../../assets/images/resources/creative-writing/creative-writing-banner.webp);
    background-size: cover;
    background-position: right;
}
.BookWritingPublishingBanner p{font-size: 2.5em; color: var(--color3); font-style: italic; text-align:center; margin:150px 0px; font-weight:600;}
.BookWritingPublishingBanner p span{font-weight: bolder; font-family: system-ui;}

.BookWritingPublishing1 .BookWritingPublishing1Box{background:var(--color6); color:var(--White); text-align:center; padding:20px; border-radius:10px; 
 margin-top:80px; margin-bottom:20px;}
.BookWritingPublishing1 .BookWritingPublishing1Box img{width: 100px; margin-top: -70px; margin-bottom: 30px;}
.BookWritingPublishing1 .BookWritingPublishing1Box p{min-height: 280px; margin-top: 20px;}

@media screen and (max-width: 700px) {
     .BookWritingPublishingBanner p {font-size:15px;  margin: 30px 0px;}
}


/*############################ PAGE ############################*/

/* ================= IOT =================*/
.IotBanner{background: url(../../assets/images/iot/IOT-banner.webp); background-size: cover; background-position: center;}
.IotBanner .BookFreeTrialForm{margin: 10px 0px; border-radius: 25px;}
.IotBanner .BookFreeTrialForm h5 strong{color: var(--color7);}
.IotBanner .BookFreeTrialForm .BAFTForm .form-control{font-size: 14px; height: 34px; line-height: 34px;}
.IotBanner .BookFreeTrialForm .BAFTForm.iotform .error{font-size: 9px; color:red; display:block; margin:-8px 5px 8px 15px;}
.IotBanner .BookFreeTrialForm .BAFTForm.iotform .iti.iti--allow-dropdown .error{margin:3px 5px 8px 15px !important;}



.IotProgram1 .IotProgramOutcomeBox{background-color: #EFF4FC; box-shadow:0 5px 30px 0 rgba(0,0,0,.07058823529411765); padding:50px; border-radius:10px;}
.IotProgram1 .IotProgramOutcomeBox p{font-size:18px; margin:30px 0px;}
.IotProgram1 .IotProgramOutcomeBox ul{list-style:none; font-size:22px;}
.IotProgram1 .IotProgramOutcomeBox ul li{padding-right:20px; margin-bottom:20px;}
.IotProgram1 .IotProgramOutcomeBox ul li:before {font-size: 30px;content: '✔'; float: left; margin-left: -32px; color: #0074D9;}

.IotProgram2 .IotProgramBox{background-color: #fff; box-shadow:0 5px 30px 0 rgba(0,0,0,.07058823529411765); padding:50px; border-radius:10px;}
.IotProgram2 .IotProgramBox h6.IotSubHeading{text-align: center; position: relative; margin: 35px 0px;}
.IotProgram2 .IotProgramBox h6.IotSubHeading strong{color: #5188FA; font-size: 22px; font-weight: 700; line-height: 25px; 
padding: 9px 14px 9px 14px;background-color: #EAF8F6; position: relative; z-index:2; display: inline-block;}
.IotProgram2 .IotProgramBox h6.IotSubHeading span{background: #54595f; height: 0.5px; display: block; position: absolute; width: 100%; z-index: 1; top: 50%;}
.IotProgram2 .IotProgramBox img{width:90%; margin-bottom:20px;}
.IotProgram2 .IotProgramBox p{font-size:20px;}
.IotProgram2 .IotProgramBox p span{color: #EE2A7B; font-weight: 400; line-height: 25px; padding:5px; background-color: #FFF1F1;}
.IotProgram2 .IotProgramBox h4{color: #EE2A7B;}
.IotProgram2 .IotProgramBox ul{font-size: 20px; margin-bottom:30px;}
.IotProgram3 {background: url(../../assets/images/banner/bg/bannerbg11.webp); background-size: cover; background-position: center; color:#fff; font-size:20px;}
.IotProgram3 h3{color:#fff; margin-bottom:40px;}
.IotProgram3 img{width:70%;}
.IotProgram4 .container{background:var(--color7); color:#fff; padding:50px; border-radius:20px; font-size:20px; text-align:center;}
.IotProgram4 .container h3{color:#fff; margin-bottom:20px;}

/*############################ PAGE ############################*/

/* ================= IDEA EVALUATION =================*/
.ipce-Box{background: radial-gradient(#e8ddfd 50%, #b895fd); background-attachment:fixed; padding-bottom:40px;}
.ipce-Box .ipce-NewBox {display:flex;}
.ipce-Box .ipce-NewBox .ipce-NewBox-AllBody {background:var(--White); box-shadow: 0 5px 30px 0 rgba(0,0,0,.07058823529411765); border-radius:20px; 
margin-top:-100px; margin-bottom:30px; padding-bottom: 80px; position: relative;}
.ipce-Box .ipce-NewBox .ipce-Box-Head {background: var(--bg5); color: var(--White); margin: 0px; padding: 10px; text-align: center; font-size: 20px;
    min-height: 115px;  display: flex; align-items: center; border-radius: 20px 20px 0px 0px; text-transform: uppercase;}
.ipce-Box .ipce-NewBox .ipce-NewBox-Body {padding:20px;}
.ipce-Box .ipce-NewBox .ipce-NewBox-Body h6{color: var(--color3); margin-bottom:10px; text-align:center; padding-bottom:15px; 
border-bottom:1px var(--color3) solid;}
.ipce-Box .ipce-NewBox .ipce-NewBox-Body .ipce-Body-Min-Hight1{min-height:210px;}
.ipce-Box .ipce-NewBox .ipce-NewBox-Body .ipce-Body-Min-Hight2{min-height:330px;}

.ipce-Box .ipce-NewBox .ipce-NewBox-Fotter {margin:0px;}
.ipce-Box .ipce-NewBox .ipce-NewBox-Fotter .col-12{background: var(--bg5); color: var(--White); min-height: 100px; display: flex; align-items: center;
border-radius: 0px 0px 20px 20px; justify-content: center; position: absolute; bottom: 0;}
.ipce-program-Box1 {margin-bottom:30px;}
.ipce-program-Box1 .mainHeading h3{color: var(--color3); margin-bottom:10px;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs.slick-slider .slick-list .item{padding: 25px;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs.slick-slider .slick-list .item img{width:100%;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs.slick-slider .slick-arrow{z-index: 9; font-size: 30px;color: var(--color3); top:50%;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs.slick-slider .prev-icon{left:-15px;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs.slick-slider .next-icon{right:-15px;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs .IpceCrowdfundingBox{border: 1px var(--color3) solid; border-radius: 20px; text-align:left;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs .IpceCrowdfundingBox img{border-radius: 20px 20px 0px 0px; width:100%;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs .IpceCrowdfundingBox .IpceCrowdfundingBody{padding:20px;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs .IpceCrowdfundingBox .IpceCrowdfundingBody p{min-height:130px;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs .IpceCrowdfundingBox .IpceCrowdfundingBody h6{color:var(--color3); margin-bottom:20px;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs .IpceCrowdfundingBox .IpceCrowdfundingBody .IpceCrowdfundingLogo{display: flex; justify-content: space-between; width: 100%;}
.ipce-program-Box1 .InnovatorsAndEntrepreneurs .IpceCrowdfundingBox .IpceCrowdfundingBody .IpceCrowdfundingLogo img{border-radius:0px; width:170px;}

.ipce-program-Box2 {background: var(--bg3);}
.ipce-program-Box2 .OurLab-Box{background: var(--bg1); padding:20px; text-align:center; border-radius:15px;}
.ipce-program-Box2 .OurLab-Box img{width:100%; margin-bottom: 20px;}
.ipce-program-Box2 .OurLab-Box a{font-size: 20px; color: var(--Black);}
.ipce-program-Box2 .OurLab-Box a:hover{color: var(--color2);}

.ipce-program-Box3 {margin-bottom:30px;}
.ipce-program-Box3 .mainHeading h3{color: var(--color3); margin-bottom:10px;}
.ipce-program-Box3 .WhatsNewSlider.slick-slider .slick-list .item{padding: 25px;}
.ipce-program-Box3 .WhatsNewSlider.slick-slider .slick-list .item .NewsBoxHeader{min-height:200px;}
.ipce-program-Box3 .WhatsNewSlider.slick-slider .slick-list .item .NewsBoxHeader a{font-size: 25px; display: block; line-height: 30px; margin-bottom: 20px;}
.ipce-program-Box3 .WhatsNewSlider.slick-slider .slick-list .item img{width:100%;}
.ipce-program-Box3 .WhatsNewSlider.slick-slider .slick-arrow{z-index: 9; font-size: 20px; background: var(--color3); top: 50%; height: 30px; width: 30px;
color: var(--White); line-height: 30px; border-radius: 50%;}
.ipce-program-Box3 .WhatsNewSlider.slick-slider .prev-icon{left:-25px;}
.ipce-program-Box3 .WhatsNewSlider.slick-slider .next-icon{right:-25px;}

@media screen and (max-width: 700px) {
    .ipce-Box .ipce-NewBox .ipce-NewBox-AllBody {margin-top:30px;}
    .ipce-Box .ipce-NewBox .ipce-NewBox-Body .ipce-Body-Min-Hight1{min-height:100px;}
    .ipce-Box .ipce-NewBox .ipce-NewBox-Body .ipce-Body-Min-Hight2{min-height:100px;}
}

/*############################ PAGE ############################*/

/******************************* MoonCampaigns *******************************/

.MCCategoriesBanner{background: url(../../assets/images/Home/newhome/bgfortop.webp);  padding: 30px 0px;}
.navybluebg {background: #231f3f;padding: 20px 0px;}
.navybluebg p {color: var(--White);font-size: 18px;}
.MCCategoriesBanner h3 {color: #ffffff;font-size: 18px;padding-top: 15px;font-weight:normal;line-height:26px}
.MCCategoriesBanner h2{color:var(--White); text-transform: uppercase;}
.MCCategoriesBanner p{color:var(--color9); font-size:22px; margin:0px;font-weight:400}
.MCCategories{display:flex; margin-bottom:25px;}
.MCCategories .MoonCampaignsCategories{background: #f5f5f5; padding: 10px 0px 10px 15px; box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;}
.MCCategories .MoonCampaignsCategories ul {list-style-type: none; padding: 0; margin: 0; margin-bottom:10px;}
.MCCategories .MoonCampaignsCategories ul li{ position:relative;}
.MCCategories .MoonCampaignsCategories h5 label{margin-bottom: 10px; padding: 8px 0; border-bottom: 1px #868686 solid; font-weight: 600; font-size: 15px;
color: #858585; cursor:pointer; position:relative; width:100%; cursor:pointer;}
.MCCategories .MoonCampaignsCategories h5 input[type="checkbox"] {display: none;}
.MCCategories .MoonCampaignsCategories h5 input[type="checkbox"] + label:before { content: ""; width: 18px; height: 17px; float: left; margin-right: 10px; 
background-color: #d3e1ff; border-radius: 3px;}
.MCCategories .MoonCampaignsCategories h5 input[type="checkbox"]:checked + label {color:#000;}
.MCCategories .MoonCampaignsCategories h5 input[type="checkbox"]:checked + label:after {content: ""; width: 11px; height: 5px; border: 2px solid #ffffff; 
border-right: 0; border-top: 0; transform: rotate(315deg); position: absolute; left: 4px; top: 13px;}
.MCCategories .MoonCampaignsCategories h5 input[type="checkbox"]:checked + label:before {background-color: #525fe1;}
.MCCategories .MoonCampaignsCategories ul li label { width: 100%; cursor: pointer; transition: all 0.5s ease 0s; font-size: 13px; margin-bottom: 2px; 
padding: 5px 10px; display: flex; align-items: center; line-height: 17px;}
.MCCategories .MoonCampaignsCategories ul li:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; font-style: normal; 
display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
text-align: center; background: 0 0; position: absolute; right: 15px; top: 2px;}
.MCCategories .MoonCampaignsCategories ul li input[type="checkbox"] {display: none;}
.MCCategories .MoonCampaignsCategories ul li input[type="checkbox"] + label:before { content: ""; width: 18px; height: 17px; float: left; margin-right: 10px; 
background-color: #d3e1ff; border-radius: 3px;}
.MCCategories .MoonCampaignsCategories ul li input[type="checkbox"]:checked + label {background: #525fe129; color:#000;}
.MCCategories .MoonCampaignsCategories ul li input[type="checkbox"]:checked + label:after {content: ""; width: 11px; height: 5px; border: 2px solid #ffffff; 
border-right: 0; border-top: 0; transform: rotate(315deg); position: absolute; left: 14px; top: 10px;}
.MCCategories .MoonCampaignsCategories ul li input[type="checkbox"]:checked + label:before {background-color: #525fe1;}
.MCCSearchBox{background:#f5f5f5; padding:15px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; margin-bottom:25px;}
.MCCSearchBox .row{background:#fafbfe; padding:10px 0px 0px 10px; margin:0px;}
.MCCSearchBox .MCCSearchBoxLeft{display: flex; align-items: center; justify-content: space-between; margin-bottom:10px;}
.MCCSearchBox .MCCSearchBoxRight{margin-bottom:10px;}
.MCCSearchBox .form-control, .MCCSearchBox .form-select{border: 0px; border-radius: 0px; background-color: transparent;}
.MCCSearchBox .form-control:focus , .MCCSearchBox .form-select:focus {box-shadow: 0px 0px;}
.MCCBox {display: flex; position: relative;}

.MCCBox .MCCBox1{background:#fff; border-radius:10px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 
margin-bottom:25px; padding-bottom: 55px;}
.MCCBox .MCCBox1 .MCCBoxHead {position:relative; background: linear-gradient(36deg, #941d82, #6148ac 50%);
border-radius: 10px 10px 0px 0px;}
.MCCBox .MCCBox1 .MCCBoxHead img{width:100%; border-radius: 10px 10px 0px 0px; min-height:172px; max-height:172px;}
.MCCBox .MCCBox1 .MCCBoxHead p{position: absolute; top: 8px; right: 8px; background:#f86f03; color: var(--Black); border-radius: 4px;
padding: 3px 10px 1px 10px; border: 1px #fff solid; font-size: 12px; font-weight: 900; text-transform: uppercase;box-shadow: 3px 3px 6px #00000094;}
.MCCBox .MCCBox1 .MCCBoxBody, .MCCBox .MCCBox1 .MCCBoxBody p span {padding: 10px; color: #8e8e8e !important; font-size: 14px;}
.MCCBox .MCCBox1 .MCCBoxBody div.MCCBoxBodyHead {background: #f5f5f5; padding:10px; color: var(--Black); 
    text-align:center; border-radius:5px;}
.MCCBox .MCCBox1 .MCCBoxBody section{display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden;
text-overflow: ellipsis; margin-top:15px;}
.MCCBox .MCCBox1 .MCCBoxBody div.MCCBoxBodyHead h5{font-size: 16px;}
.MCCBox .MCCBox1 .MCCBoxBody div.MCCBoxBodyHead h6{font-size: 14px; margin-bottom: 0px; font-weight: 500;}
.MCCBox .MCCBox1 .MCCBoxBody div.MCCBoxBodyHead h6 b{color: #525ee1;}
.MCCBox .MCCBox1 .MCCBoxBody .MCCBoxBodyMinHight{margin:0px; overflow-wrap: break-word;}
.MCCBox .MCCBox1 .MCCBoxBody .MCCBoxBodyMinHight img{width:100%; margin-bottom:10px; height:auto;}
.MCCBox .MCCBox1 .MCCBoxFooter{padding: 0px 20px 20px 20px; font-size: 13px; font-weight: 600; position: absolute; bottom: 10px; height: 70px; width: 93%;}
.MCCBox .MCCBox1 .MCCBoxFooter div{padding-top:15px; border-top:1px #e7e6e4 solid; display: flex; align-items: center; justify-content: space-between;}
.MCCBox .MCCBox1 .MCCBoxFooter div a:hover{opacity:.7;}
.MCCBox .MCCBox1 .MCCBoxFooter div i{font-size: 9px; border: 2px solid; height: 18px; width: 18px; 
line-height: 16px; text-align: center; border-radius: 50%; margin-right: 2px;}
.MCCBox .MCCBox1 .MCCBoxFooter div .WatchVideo{color:#525ee1;}
.MCCBox .MCCBox1 .MCCBoxFooter div .ReadMore{color:#f86f03;}
.MCCBox .MCCBox1 .MCCBoxFooter div .ReadMore i{transform: rotate(-40deg); transition: 1s;}
.MCCBox .MCCBox1 .MCCBoxFooter div .ReadMore:hover i {transform: rotate(360deg); transition: 1s; color:red;}
.mooncampaignsStripBanner {align-items: center; background: #525fe1; margin: 0px;
margin-bottom: 25px; padding: 10px;border-radius:8px}
.mooncampaignsStripBanner h5{color: var(--White); margin: 10px 0px; font-size:18px;}
.mooncampaignsStripBanner button{font-size:18px;}

.MobileFilterBox{background: #d3e1ff; margin-bottom: 20px; padding: 10px; display:none;}
.MobileFilterBox .MobileFilterHeader{display: flex; align-items: center; justify-content: space-between;}
.MobileFilterBox .MobileFilterHeader button{border-radius: 5px; padding: 2px 5px; min-width: 70px; margin-bottom:10px;}
.MobileFilterBox .MobileFilterHeader div{background: #fff; display: flex; align-items: center; padding-left: 10px;
    width: 100%; margin-left: 10px; border-radius: 5px; margin-bottom:10px;}
.MobileFilterBox .MobileFilterHeader div input{border-radius: 5px; border: 0px;}
.MobileFilterBox .MobileFilterHeader div input:focus{box-shadow:0px 0px;}
.MobileFilterBox .MobileFilterBody {display: flex; align-items: center;}
.MobileFilterBox .MobileFilterBody select{border-radius: 5px; border: 0px; width: 68px; font-size: 14px;
    margin-right: 10px; padding: 5px 8px; background-color: #525ee1; color: #fff;}
.MobileFilterBox .MobileFilterBody select {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23ffffff'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat; 
    background-color: #525ee1;
}
.MobileFilterBox .MobileFilterBody select {background-size: 13px; background-position: calc(100% - 8px) 14px; background-repeat: no-repeat;}

.MobileFilterBox .MobileFilterBody div{width: 100%; color: #000; font-size: 12px; display: flex;
    justify-content: space-between; align-items: center; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth;}
.MobileFilterBox .MobileFilterBody div input{height: 27px; width: 27px; margin-right: 5px;}
.MobileFilterBox .MobileFilterBody div p{margin-bottom:5px; display: flex; align-items: center;line-height: 12px;
    margin-right: 10px; color:#000;}

.MobileFilterBox .MobileFilterBody div::-webkit-scrollbar{height: 6px;}
.MobileFilterBox .MobileFilterBody div::-webkit-scrollbar-thumb{background-color: #fff;}

#campaignscategoryContainer .MCCBox .MCCBox1 .MCCBoxBody {padding-bottom: 0px; margin-bottom: -2px;}
#campaignscategoryContainer .MCCBox .MCCBox1 .MCCBoxBody div.MCCBoxBodyHead{padding: 0px; background: transparent;}
#campaignscategoryContainer .MCCBox .MCCBox1 .MCCBoxBody div.MCCBoxBodyHead h5{font-weight:500; text-transform: uppercase;}
#campaignscategoryContainer .MCCBox .MCCBox1 .MCCBoxFooter{height: 50px; bottom: 20px;}
#campaignscategoryContainer .MCCBox .MCCBox1 .MCCBoxFooter div{padding-top: 0px;
    border-top: 0px; justify-content: center; background: #f5f5f5; height: 100%;}


@media screen and (max-width: 768px) {
    .MCCategoriesBanner {padding: 10px 0px;}
    .MCCategoriesBanner h2{font-size: 20px;}
    .MCCategoriesBanner p{font-size: 16px;}
    .MCCategoriesBanner h3{display: none;}
    .MoonCampMobileHide{display:none;}
    .MobileFilterBox{display:block;}
    /*.MCCBox{zoom:60%;}*/
    .MCCBox {padding: 0px 8px;}
    .MCCBox .MCCBox1 {padding-bottom: 35px;}
    .MCCBox .MCCBox1 .MCCBoxHead img {min-height: 100px;  max-height: 100%;}
    .MCCBox .MCCBox1 .MCCBoxHead p {padding: 3px 5px 1px 5px; font-size: 9px;}
    .MCCBox .MCCBox1 .MCCBoxBody div.MCCBoxBodyHead h5 {font-size: 12px;}
    .MCCBox .MCCBox1 .MCCBoxBody div.MCCBoxBodyHead p {font-size: 10px;}
    .MCCBox .MCCBox1 .MCCBoxBody div.MCCBoxBodyHead h6 {font-size: 10px;}
    .MCCBox .MCCBox1 .MCCBoxBody section {-webkit-line-clamp: 5; font-size:10px;}
    .MCCBox .MCCBox1 .MCCBoxBody section p span{font-size: 10px; padding: 0px;}
    .MCCBox .MCCBox1 .MCCBoxFooter {padding: 0px 20px 10px 10px; font-size: 9px; 
    min-height: 20px;
        max-height: 58px;}
    .MCCBox .MCCBox1 .MCCBoxFooter div {padding-top: 14px;}
    .MCCBox .MCCBox1 .MCCBoxFooter div i {font-size: 5px; height: 12px; width: 12px; margin-right: 3px;  border: 1px solid;
        display: inline-flex; align-items: center; justify-content: center;}
    .MCCBox .MCCBox1 .MCCBoxFooter div a{display: inline-flex; align-items: center; line-height:9px;}
    /*ul.pagination li.page-item a{padding: 5px 10px;  font-size: 12px;}*/
    ul.pagination li.page-item .page-link{padding: 5px 8px;  font-size: 10px;}
    .mooncampaignsStripBanner{padding: 5px; padding-bottom: 15px;}
    .mooncampaignsStripBanner h5 {font-size: 13px; text-align: center;}
    .mooncampaignsStripBanner button {font-size: 12px; padding: 6px 20px; min-height: auto;}
    .MoonCampaignsDetail1 .ratingANDcommentBox .MCDCommentBoxAll {padding: 0px 2px;}
    .MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1 p {font-size: 12px;}
    .MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1 h5 {font-size: 12px;}
    .MoonCampaignsDetail3 .storyBoxBg .post-views-Body .presentationHeader {padding: 10px;font-size: 18px;}
    .MoonCampaignsDetail3 .storyBoxBg .post-views-Body .presentation-frame{height: 230px;}
    
    #campaignscategoryContainer .MCCBox .MCCBox1 .MCCBoxBody {margin-bottom: 5px;}
    #campaignscategoryContainer .MCCBox .MCCBox1 .MCCBoxFooter{height: 35px; font-size: 12px;}
}




/******************************* MoonCampaigns Detail *******************************/
.MoonCampaignsDetail1 iframe {
    width: 90%;
    min-height: 330px;
    border-radius: 20px;
}
.MoonCampaignsDetail1 .ratingANDcommentBox {padding:0px 20px;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1 {border-bottom: 1px #d7d7d7 solid;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1 .col-lg-4 .col-12{padding:0px 10px; display: flex; align-items: center;
flex-direction: column; justify-content: center; border-radius: 10px; min-height: 60px; margin-bottom:10px;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1 h5{color:white; margin:2px 0px;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1 p{color:white; margin:0px;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1 p b{margin-right:5px;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1 .MCDCommentBox1{background:var(--color7);}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1 .MCDCommentBox2{background:var(--color4);}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1 .MCDCommentBox3{background:var(--color6);}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox2{margin-top:5px; margin-bottom:5px;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox2 img{height:65px; width:65px; margin-right:15px;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox2 small{display: block; line-height: 20px; color:black;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox2 h6{font-size:14px; color:var(--color3); margin-top:5px; letter-spacing:1px;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 #half-stars-example .rating__label{font-size:16px;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 section{position: absolute;right: 0;margin-top: -40px;text-align: right;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 section span{font-size:14px; font-weight:600; color:var(--color7);}
/*.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 section a {font-size:25px; font-weight:600; color:var(--color3); 
display:block; margin-top:5px;}*/

.MoonCampaignsDetail1 .MCDlrtBox3 input.form-control, .MoonCampaignsDetail1 .MCDlrtBox3 textarea.form-control{padding: 6px 12px; font-size:15px;}
.MoonCampaignsDetail1 .MCDlrtBox3 .row.MCDlrtEmailPhone{margin: 0px -5px;}
.MoonCampaignsDetail1 .MCDlrtBox3 .row.MCDlrtEmailPhone div{padding: 0px 5px;}

.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 section a i{font-size:25px; font-weight:600; display:block; margin-top:5px; 
color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--color3);}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 section a i.active{color: var(--color3);}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 section a i:hover{transform: scale(1.3);}
/*.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 section a:hover{transform: scale(1.3);}*/

.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 .MCDlrtsocialIcon a{margin-right: 8px; height: 35px; width: 35px;
 display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; transition: 1s; font-size:20px;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 .MCDlrtsocialIcon a:hover{transform: scale(1.3); transition: 1s;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 .MCDlrtsocialIcon a:nth-child(1){background: #3b5998;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 .MCDlrtsocialIcon a:nth-child(2){background: #000;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 .MCDlrtsocialIcon a:nth-child(3){background: #cb211d;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 .MCDlrtsocialIcon a:nth-child(4){background: #0078bb;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 .MCDlrtsocialIcon a:nth-child(5){background: #4caf50;}
.MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 .MCDlrtsocialIcon a:nth-child(6){background: #024276;}

/*.MoonCampaignsDetail2{background:var(--bg1);}*/
.MoonCampaignsDetail2{background:linear-gradient(180deg, #edf5f8 70%, #ffffff);}
.MoonCampaignsDetail2 .MCDBodyBox{background:var(--White); height:100%; width:100%; padding:20px; 
    border-radius:20px; font-size:16px; margin:0px;}
.MoonCampaignsDetail2 .MCDBodyBox .scroll-box img{width:100%; height:auto;}
.MoonCampaignsDetail2 .MCDBodyBox .scroll-box {overflow: auto;}
.MoonCampaignsDetail2 .MCDBodyBox .scroll-box::-webkit-scrollbar {width: .4em;}
.MoonCampaignsDetail2 .MCDBodyBox .scroll-box::-webkit-scrollbar, 
.MoonCampaignsDetail2 .MCDBodyBox .scroll-box::-webkit-scrollbar-thumb {overflow: visible;
border-radius: 4px;}
.MoonCampaignsDetail2 .MCDBodyBox .scroll-box::-webkit-scrollbar-thumb {background: rgba(0,0,0,.2);}

/*.MoonCampaignsDetail3 .storyBoxBg{background:var(--bg3); padding:20px; border-radius:20px; 
box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12);}*/
/*.MoonCampaignsDetail3 .storyBoxBg{background: linear-gradient(180deg, #fff 40%, var(--bg3)); 
padding:20px; border-radius:20px; box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12);}*/
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body{background:var(--White); padding:20px; margin-bottom:20px; 
border: 1px #d9d9d9 solid; border-radius: 10px;line-height:30px; box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12);}
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body img{display: block; margin: 10px auto; max-width: 100%; 
    height:auto; border-radius: 15px;}

.MoonCampaignsDetail3 .storyBoxBg .post-views-Body table {overflow: auto; display: block;border-collapse: collapse; width: 100%;}
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body table td, 
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body table th {border: 1px solid #ddd; padding: 8px;}
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body table tr:nth-child(even){background-color: #f2f2f2;}
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body table th {padding-top: 12px; padding-bottom: 12px;
  text-align: left; background-color: #04AA6D; color: white;}

.MoonCampaignsDetail3 .storyBoxBg .post-views-Body:has(.presentation-container) {
    background: transparent !important;  border: 0px !important; padding:0px 20px;
}

@media only screen and (max-width: 768px) {
    .MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox3 section {top:-20px;}
    .post-views-Body iframe {height: 300px; width: 100%;}
    .MoonCampaignsDetail3 .storyBoxBg .post-views-Body{word-break:break-all;}
    .MoonCampaignsDetail1 .ratingANDcommentBox .MCDlrtBox1{margin-top:20px;}
    .MoonCampaignsDetail1 iframe {width: 100%; min-height: 277px;}
}
/* Container Styling */
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body .presentation-container {
    width: 90%; max-width: 800px; background: #ffffff; border-radius: 12px; overflow: hidden; margin:0px auto;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* Container Hover Effect */
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body.presentation-container:hover {
    transform: translateY(-8px); box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.3);
}
/* Header Styling */
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body .presentationHeader {
    background: linear-gradient(90deg, #4CAF50, #81c784); color: white; padding: 20px; font-size: 1.5em;
    font-weight: bold; text-align: center;
}
/* Presentation Frame Styling */
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body .presentation-frame {width: 100%; height: 500px; border: none;}
/* Footer Styling */
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body .presentationFooter {
    background-color: #f0f4f8; padding: 15px; text-align: center; font-size: 0.9em; color: #333; border-top: 1px solid #e0e0e0;
}
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body .presentationFooter a {color: #4CAF50; text-decoration: none; font-weight: bold;}
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body .presentationFooter a:hover {text-decoration: underline; color: #388e3c;}
/* Button Styling */
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body .presentationFooter .btn-open {display: inline-block;
    margin-top: 15px; padding: 10px 20px; font-size: 1em; color: white; background: linear-gradient(90deg, #4CAF50, #388e3c);
    border-radius: 5px; text-decoration: none; transition: background 0.3s ease;
}
.MoonCampaignsDetail3 .storyBoxBg .post-views-Body .presentationFooter .btn-open:hover {
    background: linear-gradient(90deg, #388e3c, #4CAF50); color:#fff; text-decoration:none;
}


.MoonCampaignsDetail3 .storyBoxBg .post-views-total{color:#4caf50; font-size:16px; 
display:inline-block; margin:5px 0px;}
.MoonCampaignsDetail3 .storyBoxBg .post-views-total i{color:#4caf50; margin-right:5px;}
.post-views-Body iframe{
    margin: 0 auto;
    display: block;
}
.m-featured-img {width:100%;}

.MoonCampaignsDetail4 .MCDcommentBoxBg {
    background: var(--bg3);
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12);
}
.MoonCampaignsDetail4 .MCDcommentBoxBg .MCDcommentBox{display:flex;} 
/*.MoonCampaignsDetail4 .MCDcommentBoxBg .MCDcommentBox .col-12{background: #fff; padding: 10px;  margin-bottom: 20px;
border-radius: 10px; border: 1px #d9d9d9 solid;} */
.MoonCampaignsDetail4 .MCDcommentBoxBg .MCDcommentBox .col-12 {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.11) 0 5px 15px 0px, rgba(0, 0, 0, 0.08) 0 5px 15px 0 !important;
}
/*.MoonCampaignsDetail4 .MCDcommentBoxBg .MCDcommentBox .col-12 small{color: red; font-size: 18px;} */
.MoonCampaignsDetail4 .MCDcommentBoxBg .MCDcommentBox .col-12 small {
    color: #f86f03;
    padding-left: 18px;
    font-size: 13px;
}
.MoonCampaignsDetail4 .MCDcommentBoxBg .MCDcommentBox .col-12 p{margin:0px; margin-left:15px; font-size:16px;line-break: anywhere;} 




/*############################ PAGE ############################*/

/******************************* Referral *******************************/
.ReferralBanner {background: url(../../assets/images/banner/bg/bannerbg13.webp); background-size: cover; padding:20px;
background-position: center;}

.ReviewsPLMBox{display: inline-flex; align-items: flex-start;}
.ReviewsPLMBox h5{font-size:20px; line-height: 20px;}
.ReviewsPLMBox h5 small{font-size:12px; font-weight:400;}
.ReviewsPLMBox h6 i{font-size:14px; color:var(--color5);}
.ReviewsPLMBox h6 i{font-size:14px; color:var(--color5);}
.ReviewsPLMBox h6 i.fa-thumbs-up{font-size:18px; color:var(--color1);}
.ReviewsPLMBox h6 small{font-size:12px; font-weight:400; margin-left:5px;}
.ReviewsPLMBox h3{font-size: 22px; font-weight: 400; text-align: center; line-height: 40px; min-height: 40px; min-width: 40px; border-radius: 50%; margin-right: 20px;}
.ReviewsPLMBox h3.color1{background: #00897b; color: var(--White);}
.ReviewsPLMBox h3.color2{background: #ec407a; color: var(--White);}
.ReviewsPLMBox h3.color3{background: #01579b; color: var(--White) !important; }


/*############################ PAGE ############################*/
/******************************* Tech Conference  *******************************/
/******************************* ELDP Startup PitchFest *******************************/
.EldpPitchfestBanner {
    background: linear-gradient(36deg, #941d82, #6148ac 50%);
    padding: 30px 0px;
}
.EldpPitchfestBanner h2{color:var(--White)}
.EldpPitchfestBanner p{color:var(--color5); font-size:22px; margin:0px;}

.EldpPitchfest1 .StartupsStoriesBox{display:flex; margin-bottom:30px;}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesBrowBox{height: 100%; background: var(--White); margin:0px; 
border-radius:10px; box-shadow:0px 3px 6px 0px rgba(140, 149, 159, 0.15);}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesHeadBox{position:relative; border-radius: 20px 20px 0px 0px; padding:0px;}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesHeadBox img{width:100%; border-radius: 20px 20px 0px 0px;}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesHeadBox1 {padding: 6px 15px;}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesHeadBox1 h4{color: var(--color1);}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesHeadBox1 img{width:100px; padding:10px;}

.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesBodyBox {padding:20px 20px; background:var(--bg3);}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesBodyBox h6{font-size:14px; font-weight:400;}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesBodyBox div{border: 1px #d7d7d7 solid; margin-top:15px; border-radius: 10px;
    overflow: hidden;}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesBodyBox table{font-size:14px; margin:0px; background: var(--White);}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesBodyBox table b{font-size:14px; padding:0px 10px;}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesFotterBox {text-align:center;}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesFotterBox a {background: #ffad63; color: #000; padding: 4px 10px;
display: inline-block; border-radius: 20px; margin: 15px 0px;}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesFotterBox a i {transform: rotate(-40deg);font-size: 9px; transition: 1s;
    border: 2px solid; height: 18px; width: 18px; line-height: 16px; text-align: center; border-radius: 50%; margin-right: 2px;}
.EldpPitchfest1 .StartupsStoriesBox .StartupsStoriesFotterBox a:hover i {transform: rotate(360deg); transition: 1s; color:#fff;}
.EldpPitchfest1 .StartupsStoriesViewMore {text-align:center;}
.EldpPitchfest1 .StartupsStoriesViewMore a {background: linear-gradient(to right, #fe553e 0%, #fa3061  51%, #fe553e  100%); 
color: #fff; padding: 8px 20px; display: inline-block; border-radius: 20px; margin: 15px 0px; font-size:18px;}
.EldpPitchfest1 .StartupsStoriesViewMore a i {transform: rotate(-40deg);font-size: 12px; border: 2px solid; height: 20px; 
width: 20px; line-height: 20px; text-align: center; border-radius: 50%; margin-right: 2px; transition: 1s;}
.EldpPitchfest1 .StartupsStoriesViewMore a:hover i {transform: rotate(360deg); transition: 1s; color:#000;}



/*############################ PAGE ############################*/
/******************************* ELDP *******************************/
.ELDPBanner {background: url(../../assets/images/banner/bg/bannerbg14.webp) no-repeat; background-size: cover;}
.ELDPBanner .eldpS2TechBox{text-align:center; text-transform:uppercase; margin:20px 0px;}
.ELDPBanner .eldpS2TechBox h1{font-size:34px; color: var(--color8);}
.ELDPBanner .eldpS2TechBox div{display: flex; align-items: center; justify-content: space-evenly; margin:15px 0px;}
.ELDPBanner .eldpS2TechBox div span{display: block; background: var(--color8); height: 2px; width: 15%;}
.ELDPBanner .eldpS2TechBox div h5{color: var(--color8); margin:0px 10px;}
.ELDPBanner .eldpS2TechBox p{color: var(--White); margin:0px; font-weight:600; text-transform: lowercase; font-size: 18px;}
.ELDPBanner .eldpS2TechBox p span{text-transform: capitalize;}
.ELDPBanner .eldpS2TechBox h4{font-size:20px; color: var(--White); margin:10px 0px;}
.ELDPBanner .eldpS2TechBox img{width:300px; max-width:100%; margin-top:20px;}
.ELDPBanner img{width:100%;}
.ELDPProgramPage1 .mainHeading h3{color: var(--color1);}
.ELDPProgramPage1 p{font-size:18px;}
.ELDPProgramPage1 h4{color: var(--color7); text-align:center; margin:40px 0px;}
.ELDPProgramPage1 h5{color: var(--color7); text-align:center; margin:20px 0px;}
.ELDPProgramPage1 img{height:570px; max-width:100%;}

.OurTeaching1.ELDPProgramPage2 .nav-pills a.nav-link.active, .OurTeaching1.ELDPProgramPage2 .nav-pills a.nav-link:hover {
    background: var(--bg5);  color: var(--White);}
.OurTeaching1.ELDPProgramPage2 .tab-content .VCheading {color: var(--bg5); margin-bottom: 0px; font-weight: 600; font-size:20px;   
padding: 5px 10px; background: var(--White);}
.ELDPProgramPage2 .NewFlipBox1{display:flex;}
.ELDPProgramPage2 .NewFlipBox1 .col-12{text-align:center; background:linear-gradient(var(--White) 50%, var(--bg5) 50%) ; 
border-radius:10px; padding:15px; box-shadow:0px 3px 6px 0px rgba(140, 149, 159, 0.15); margin-top:20px;}
.ELDPProgramPage2 .NewFlipBox1 .col-12 .NewFlipImgBox1{background:var(--bg1); padding-bottom:10px;}
.ELDPProgramPage2 .NewFlipBox1 .col-12 .NewFlipImgBox2{position:relative; height:55px;}
.ELDPProgramPage2 .NewFlipBox1 .col-12 .NewFlipImgBox2 div{position: absolute; height: 90px; top: -45px; margin: 0 auto; width: 100%;}
.ELDPProgramPage2 .NewFlipBox1 .col-12 .NewFlipImgBox2 div img{width: 90px; background: var(--White); border-radius: 50%;
    box-shadow:0px 3px 6px 0px rgb(140 149 159 / 72%)}
.ELDPProgramPage2 .NewFlipBox1 .col-12 h4{font-size: 18px; background: var(--bg5); color: var(--White); font-weight: 500;
    padding: 5px; text-transform:uppercase;}
.ELDPProgramPage2 .NewFlipBox1 .col-12 h6{color:var(--White);}
.ELDPProgramPage2 .NewFlipBox1 .col-12 h5{font-size:16px; color: var(--White);}
.ELDPProgramPage2 .NewFlipBox1 .col-12 p{color:var(--White); font-size:14px; margin:0px;}
.ELDPProgramPage2 .NewFlipBox1 .col-12 a{color:var(--White); font-size:14px; text-decoration:underline;}
.ELDPProgramPage2 .NewFlipBox1 .col-12 a:hover{color:var(--Black); text-decoration:none;}
.ELDPProgramPage3 .ELDPProgramPageSlider .item{border: 2px var(--bg1) solid; border-radius: 10px;  min-height: 300px;
    padding: 10px; font-size: 14px;}
.ELDPProgramPage3 .ELDPProgramPageSlider .item div{padding:5px 30px;}
.ELDPProgramPage3 .owl-carousel .owl-nav button.owl-prev {position: absolute; left: -35px;top: 40%;}
.ELDPProgramPage3 .owl-carousel .owl-nav button.owl-next {position: absolute; right: -35px;top: 40%;}
.ELDPProgramPage4{background: var(--bg1);}
.ELDPProgramPage4 .mainHeading h3{color: var(--color3); margin-bottom:30px;}
.ELDPProgramPage4 img{border-radius:20px; max-width:100%;}
.ELDPProgramPage4 p{text-align:center; margin-top:10px;}
.ELDPProgramPage5 ul.CourseOutlineBOX {list-style: none; display: flex; font-size: 22px; justify-content: center; text-transform: uppercase;}
.ELDPProgramPage5 ul.CourseOutlineBOX li{margin: 0px 20px; color: var(--color3); font-weight:600; display:flex; align-items: center;}
.ELDPProgramPage5 ul.CourseOutlineBOX li i{font-size:40px; margin:0px 10px; cursor:pointer;}
.ELDPProgramPage5 ul.CourseOutlineBOX li span{cursor:pointer;}
.ELDPProgramPage5 ul.CourseOutlineBOX li span.CourseSBox-A.active{border-bottom:1px red solid;}
.ELDPProgramPage5 ul.CourseOutlineBOX li .CourseSBox-A.active{color:red;}
.ELDPProgramPage5 ul.CourseOutlineBOX li span.CourseSBox-B.active{border-bottom:1px red solid;}
.ELDPProgramPage5 ul.CourseOutlineBOX li .CourseSBox-B.active{color:red;}
.ELDPProgramPage5 .CourseSTab-A .col-xl-2, .ELDPProgramPage5 .CourseSTab-B .col-xl-2{display:flex; margin-top:20px;}
.ELDPProgramPage5 .CourseSTab-A .col-xl-2 div, .ELDPProgramPage5 .CourseSTab-B .col-xl-2 div{background: linear-gradient(white 32%, 
#eaeaea 30%); border-radius: 15px;}
.ELDPProgramPage5 .CourseSTab-A img, .ELDPProgramPage5 .CourseSTab-B img{width:100%;}
.ELDPProgramPage5 .CourseSTab-A ul, .ELDPProgramPage5 .CourseSTab-B ul{ margin-top:15px;}
.ELDPProgramPage6 {background: var(--bg5); color: var(--White);}
.ELDPProgramPage6 .mainHeading h3{color: var(--White);}
.ELDPProgramPage6 h4{color: var(--color5); margin:20px 0px;}
.ELDPProgramPage6 ul {font-size:18px; line-height:40px;}
.ELDPProgramPage6 p {font-size:20px;}
.ELDPProgramPage7 ul {font-size:18px; line-height:40px;}
.ELDPProgramPage7 img {width:100%; border-radius:20px; margin:20px 0px;}
.ELDPProgramPage8 {background: var(--bg1);}
.ELDPProgramPage8 .mainHeading h3 {color: var(--color3); margin-bottom: 20px;}
.ELDPProgramPage8 p {font-size:18px;}
.ELDPProgramPage8 button{font-size: 18px; padding: 10px 30px; margin: 15px;}
.ELDPProgramPage8 .PastEldpUpcomomgPitch .col-12{background: var(--White);  border: 2px var(--color3) solid; 
border-radius: 10px; margin: 10px 0px;}
.ELDPProgramPage8 .PastEldpUpcomomgPitch .col-12 img{width: 100%; padding: 10px;}
.ELDPProgramPage8 .PastEldpUpcomomgPitch .col-12 span{background: var(--color3); color: var(--White); display: block; 
padding:8px 5px; border-radius:0px 0px 10px 10px;}
.ELDPProgramPage9 {padding-bottom: 50px;}
.ELDPProgramPage9 .ELDPRewardsBox{background: var(--color7);padding:30px;}
.ELDPProgramPage9 .ELDPRewardsBox h3{color: var(--White);}
.ELDPProgramPage9 .ELDPRewardsBox ul{color: var(--White); font-size:20px; line-height:40px;}
.ELDPProgramPage10 {background: var(--White);}
.ELDPProgramPage10 .IPHBox h6 {color: var(--color1);}
.ELDPProgramPage10 .IPHBox img {border: 2px var(--color1) dashed; border-left: 2px var(--color1) solid;}

@media only screen and (max-width: 768px) {
    .ELDPProgramPage5 ul.CourseOutlineBOX {flex-direction: column; align-items: center;}
}

/*############################ PAGE ############################*/
/*======================= Near Me Past Events ============================*/

.NearMePastEventsBanner {background: url(../../assets/images/RoboticsClassNearMe/banner-1.webp) no-repeat; 
background-size: cover; text-align:center;}
.NearMePastEventsBanner img {width:100%;}
.NearMePastEventsBanner h1 {margin:30px 0px; font-size:35px; font-weight:900; color:#fff;}
.NearMePastEventsBanner p {color:#fff; font-size:20px;}
.NearMePastEvents1 .NM-PastEventHead{color: #231f40; font-size: 40px; margin-bottom: 20px; text-align:center;}
.NearMePastEvents1 .UPC-Event{padding:15px; color:#686577;}
.NearMePastEvents1 .UPC-Event img{width:100%;}
.NearMePastEvents1 .UPC-Event div{padding:20px; text-align:center;}
.NearMePastEvents1 .UPC-Event div h5{color: #525fe1;}
.NearMePastEvents1 .UPC-Event p {margin-bottom:5px;}
.NearMePastEvents1 .UPC-Event p i{font-size: 22px;  margin-right: 10px;}

.NearMePastEvents2 .NM-PastEventHead{color: #231f40; font-size: 40px; margin-bottom: 20px; text-align:center;}
.NearMePastEvents2 .card{margin-bottom: 50px; background: #fff; box-shadow: 0px 0px 15px #ebebeb; border: 0px;
border-radius: 20px; padding: 30px 30px; color:#282828;}
.NearMePastEvents2 .card img{width:100%; border-radius:20px;}
.NearMePastEvents2 .card .PastEventsMidBox{display: flex; align-items: center; padding-left:30px;}
.NearMePastEvents2 .card .PastEventsMidBox p{margin-bottom:5px;}
.NearMePastEvents2 .card .PastEventsEndBox{display: flex; align-items: center;}
.NearMePastEvents2 .card .PastEventsEndBox i{color:#3d1f91; margin-right:5px;}
.NearMePastEvents2 .card .PastEventsEndBox section p{display: flex; justify-content: space-between;  
border-bottom: 1px #000 solid; padding-bottom: 10px; margin-bottom: 10px;}





/*############################ PAGE ############################*/
/*======================= Tech-Events ============================*/
.UpTech-Events {
    background: linear-gradient(140deg, #ddc0f7 0%, #f8eafe 50%, #ddc0f7 75%);
}
.UpTech-Events h3{color: #3d1f91; font-weight: 800;}
.UpTech-Events h4{color: #282828; font-weight: 800;margin: 0px; font-size:18px;}
.UpTech-Events p{color: black;margin:0px;}
.UpTech-Events ul{font-size: 14px; color: black; padding-left: 10px; padding-right: 20px; margin-bottom: 5px;}
.UpTech-Events ul li{border-bottom: 2px #000 dashed; padding: 3px 0px;}
.UpTech-Events ul li:last-child{ border-bottom: 0px;}
.UpTech-Events img{width: 100%;}
.UpTech-Events .UpTechKnowMoreBtn{color: #000; font-weight: 900; border-bottom: 2px #000 solid;}
.UpTech-Events .UpTechKnowMoreBtn:hover{color: #737373;border-bottom: 2px #737373 solid;}
.UpTech-Events .btn-Register {background: linear-gradient(90deg, #f9b428 0%, #f96dae 100%); border-radius: 20px; color: #fff; padding: 5px 30px;}
.UpTech-Events .btn-Register:hover { background: linear-gradient(180deg, #f96dae 0%, #f9b428 100%); color: #fff;}
/*======================= Upcoming-Events ============================*/
.UpUpcoming-Events h3 {padding: 20px 0px; text-transform: uppercase;}
.UpUpcoming-Events .bglight {background: #f3f3f5; padding: 30px 0px}
.UpUpcoming-Events .Search-Box {position: relative; margin-bottom: 40px;}
.UpUpcoming-Events .Search-Box .search-icon {position: absolute; font-size:32px; color: #848484; left: 10px; top: 10px;
border-right: 1px #d1d1d1 solid; padding-right: 10px;}
.UpUpcoming-Events .Search-Box input {font-size: 18px; padding-left: 60px; line-height: 40px;}
.UpUpcoming-Events .Select-Box {margin-bottom: 40px;}
.UpUpcoming-Events .Select-Box .form-select {font-size: 18px; line-height: 40px;}
.UpUpcoming-Events .EventBox {background: white; color: #282828;  border: 1px #cccccc solid; border-radius: 10px; overflow: auto; 
margin: 0px; margin-bottom: 15px;}
.UpUpcoming-Events .EventBox img {width: 100%; height: -webkit-fill-available;}
.UpUpcoming-Events .EventBox .middle, .UpUpcoming-Events .EventBox .right {display: flex; flex-direction: column;
justify-content: center; padding: 10px 15px;}
.UpUpcoming-Events .EventBox .middle p, .UpUpcoming-Events .EventBox .middle h5 {margin: 0px;}
.UpUpcoming-Events .EventBox .middle h4 {margin: 0px; margin-top: 5px;}
.UpUpcoming-Events .EventBox .middle i {font-size: 16px; color: #3d1f91; margin-right: 3px;}
.UpUpcoming-Events .EventBox .middle .Cal-Clock {font-size: 12px; border-top: 1px #cccccc solid; border-bottom: 1px #cccccc solid;
width: max-content; padding: 5px 0px; margin: 10px 0px;}
.UpUpcoming-Events .EventBox .middle .Cal-Clock span {padding-right: 30px;}
.UpUpcoming-Events .EventBox .middle .Map {font-size: 12px;}
/*======================= Past-Events ============================*/
.UpPast-Events {
    background: #0dacff;
    color: #575756;
    padding-bottom: 30px;
}

    .UpPast-Events .heading {
        padding: 20px 0px;
        text-align: center;
        color: white;
        text-transform: uppercase;
    }

    .UpPast-Events .PastBox {
        background: white;
        margin: 0px;
        padding: 10px 0px;
        margin-bottom: 30px;
        border-radius: 10px;
    }

    .UpPast-Events img {
        width: 100%;
    }

    .UpPast-Events p {
        font-size: 12px;
        margin: 0px;
        display: inline-flex;
        align-items: center;
    }

        .UpPast-Events p i {
            font-size: 20px;
            line-height: 25px;
            margin-right: 10px;
        }

    .UpPast-Events .top {
        text-align: center;
        padding: 10px;
    }

    .UpPast-Events .body {
    }

    .UpPast-Events .foot {
        text-align: center;
        font-weight: 600;
        margin: 15px 0px;
    }

        .UpPast-Events .foot a {
            color: #f969b5
        }

            .UpPast-Events .foot a:hover {
                color: #f5349a
            }


/*======================= Free-Workshop ============================*/
.UpFree-Workshop {
    padding: 60px 0px;
}

    .UpFree-Workshop .left {
        color: #4c3a99;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 50px;
    }

        .UpFree-Workshop .left .btn-Register {
            margin-top: 20px;
            font-size: 20px;
        }

    .UpFree-Workshop .right img {
        width: 100%;
        border-radius: 10px;
    }


/*======================= Robotic Workshop ============================*/
.UpRobotic-Workshop {
    background: #f7f7f7;
    padding-bottom: 30px;
}

    .UpRobotic-Workshop .heading {
        padding: 30px 0px;
        text-align: center;
        text-transform: uppercase;
    }

    .UpRobotic-Workshop img {
        width: 100%;
        padding-bottom: 20px;
    }

    .UpRobotic-Workshop h5 {
        padding-left: 10px;
    }

    .UpRobotic-Workshop ul {
        padding-left: 30px;
    }

/*======================= UpComing-SNACKSs ============================*/
.UpComing-SNACKS h3 {color: #4c3a99; font-size: 1.2rem; font-weight: 600;
text-transform: uppercase; line-height: 29px;}
.UpComing-SNACKS p {font-size: 1rem; margin: 25px 0px;}
.UpComing-SNACKS h6 {font-size: 1rem; color: #fe5c36; font-weight: 700; line-height: 29px;}
.UpComing-SNACKS img {width: 100%; padding:10px; border-radius:20px;}

/*======================= UpComing-Get-Inspired ============================*/
.UpComing-Get-Inspired{background: #f7f7f7; padding-bottom: 100px;}
.UpComing-Get-Inspired .heading {padding: 30px 0px; text-align: center;}
.UpComing-Get-Inspired .carousel-indicators {width: 100%; margin: 0px;}
.UpComing-Get-Inspired .carousel-indicators [data-bs-target] {width: 130px; margin-bottom: -30px;}

/*======================= A GLIMPSE OF THE PAST EVENTS ============================*/
.UpComing-Glimps-Past-Event{background: #f7f7f7; padding-bottom: 30px;}
.UpComing-Glimps-Past-Event .heading {padding: 30px 0px; text-align: center;text-transform: uppercase;}
.UpComing-Glimps-Past-Event p {font-size: 18px; text-align: center; color:#000;}
.UpComing-Glimps-Past-Event iframe { margin:20px 0px; width:100%; height:250px; border-radius:20px;}
.UpComing-Glimps-Past-Event .col-auto {display: flex; align-items: center;}
.UpComing-Glimps-Past-Event .col-auto i{font-size: 35px; margin-right: 10px;}
.UpComing-Glimps-Past-Event .col-auto h4 {margin: 0px 0px 5px 0px;}
.UpComing-Glimps-Past-Event .col-auto h4 a{color: #535353;}
.UpComing-Glimps-Past-Event .col-auto h5{font-weight: 500; font-size: 18px; margin: 0px 0px 5px 0px;}

/*======================= A GLIMPSE OF THE PAST EVENTS ============================*/
.UpComing-Unable-to-find{background: url(../../assets/images/UpcomingEvents/img15-1.webp); background-attachment: fixed;
background-size: cover; background-position: center; min-height: 400px; color: #fff; text-align: center; display: flex; align-items: center;}
.UpComing-Unable-to-find h2{font-size: 40px; font-weight: 500; color:white;}
.UpComing-Unable-to-find h2 a{font-weight: 900; color:#fff; font-style:italic;}

/*======================= UpRobotic-Kid-Learn ============================*/
.UpRobotic-Kid-Learn {background:#4e3b9b; padding-bottom:30px;}
.UpRobotic-Kid-Learn .heading {padding: 30px 0px; text-align: center; color:#fff;text-transform: uppercase;}
.UpRobotic-Kid-Learn img {width: 100%; margin-bottom: 20px; border-radius:15px;}
.UpRobotic-Kid-Learn p {text-align:center; color:#fff;}

/*======================= UpRobotic-Leadership ============================*/
.UpRobotic-Leadership {padding-bottom:30px;}
.UpRobotic-Leadership .heading {padding: 30px 0px; text-align: center;text-transform: uppercase;}
.UpRobotic-Leadership .UpRobotic-LeadershipBOX .row{ margin:0px; background:#f4f6fa; padding:10px; text-align:center;}
.UpRobotic-Leadership .UpRobotic-LeadershipBOX .row h4{background: #4c3a99; padding: 10px; color: #fff;}
.UpRobotic-Leadership .UpRobotic-LeadershipBOX .row img{width:100%;}
.UpRobotic-Leadership .UpRobotic-LeadershipBOX .row .col-lg-12 .col-12{background: #fff;  padding: 15px; margin: 10px 0px;}
.UpRobotic-Leadership .UpRobotic-LeadershipBOX .row .col-lg-12 .col-12 h5{font-size: 18px; min-height: 45px;}
.UpRobotic-Leadership .UpRobotic-LeadershipBOX .row .col-lg-12 .col-12 p{font-size: 15px; min-height: 160px;}

/*======================= UpRobotic-FAQ ============================*/
.UpRobotic-FAQ {padding-bottom:30px;}
.UpRobotic-FAQ .heading {padding: 30px 0px; text-align: center;}
.UpRobotic-FAQ .custom-accordion .card-header {background-color: #e4eaff; padding:0px;}
.UpRobotic-FAQ .custom-accordion-title {padding:15px 25px;color: #565656;}
.UpRobotic-FAQ .custom-accordion .accordion-arrow {right:15px;}

/*======================= UpRobotic-TECH-CLASSES ============================*/
.UpRobotic-TECH-CLASSES{padding-bottom: 30px;}
.UpRobotic-TECH-CLASSES .heading {padding-top: 30px; text-align: center;}
.UpRobotic-TECH-CLASSES p{padding-bottom: 30px; text-align: center;}
.UpRobotic-TECH-CLASSES a { display: inline-flex; color: #4c3091; border: 2px #4c3091 solid; padding: 4px 4px 4px 15px;
    border-radius: 20px; font-size: 16px; margin-right: 10px; margin-bottom: 10px; justify-content: space-between; align-items: center;}
.UpRobotic-TECH-CLASSES a i {font-size: 25px; margin-left: 15px;line-height: 20px;}
.UpRobotic-TECH-CLASSES a:hover {background: #4c3091; color:#fff;}


.FunFilled {margin-bottom: 20px; padding:10px;}
.FunFilled img {border-radius: 15px;}
.FunFilled p {font-size: 18px;margin: 15px 0px;}
.myplayBTN {color: white;text-shadow: 2px 2px 0px #a0a0a0; font-size: 45px; line-height: 0; position: absolute;
    top: 0px; left: 0; right: 0; margin: 0 auto;
}
.PPCIframe iframe {
    width: 80%;
    height: 550px;
}



/*############################ PAGE ############################*/
/*======================= Blogs ============================*/
.BlogBanner{background:linear-gradient(36deg, #941d82, #6148ac 50%); text-align:center;color: var(--White);font-size:14px;}
.BlogBanner img{width:100%;}
.BlogBanner h1{font-size:30px; color: var(--color6); margin:20px 0px;}
.BlogBanner h5{font-size:22px; color: var(--White); font-weight:500;}
.BlogBanner .BlogBannerForm{margin:20px 0px;}
.BlogBanner .BlogBannerForm h4{color: var(--White);}
.BlogBanner .BlogBannerForm input{background-color: #6148ac; color: var(--White); margin-bottom:10px; border-radius:20px; font-size:14px;}
.BlogBanner .BlogBannerForm input::placeholder{color: var(--White); font-size:14px;}
.BlogBanner .BlogBannerForm select {font-size: 14px; color: var(--White); margin-bottom: 10px; border-radius: 20px;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23ffffff'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;   
background-size: 16px; background-position: calc(100% - 20px) 14px; background-color: #6148ac;}
.BlogBanner .BlogBannerForm button.menuButton {padding: 8px; width: 100%; text-transform: uppercase;}
.BlogBanner .BlogBannerForm button.menuButton i{margin-right:10px;}

.BlogTabsBox .nav-tabs {border-bottom: 1px solid #4c3091; padding: 0px 10px; margin-bottom:20px;}
.BlogTabsBox .nav-tabs .nav-link{margin-bottom: -3px; border: 0px;}
.BlogTabsBox .nav-tabs .nav-link img{width: 80px;}
.BlogTabsBox .nav-tabs .nav-link p{color: var(--color3); font-weight: 600; text-transform: uppercase; margin: 10px 0px;}
.BlogTabsBox .nav-tabs .nav-link.active, .BlogTabsBox .nav-tabs .nav-item.show .nav-link{background: transparent; border: 0px;
border-color: transparent; border-bottom: 5px var(--color3) solid;}
.BlogTabsBox .nav-tabs .nav-link:hover{border-color: transparent; }
.BlogTabsBox .nav-tabs .nav-link:focus{border-color: transparent; border-bottom: 5px var(--color3) solid;}

.BlogContentBox .BlogContentHeader{margin-bottom: 20px !important; background: #fafafa; margin: 0px; padding: 0px 5px;}
.BlogContentBox .BlogContentHeader .col-12{padding: 20px 5px;}
.BlogContentBox .BlogContentHeader img{width: 100%; height: auto; border-radius: 10px; margin-bottom: 15px;}
.BlogContentBox .BlogContentHeader h5{font-size: 16px; text-align: center; min-height: 55px; margin:0px;}
.BlogContentBox .BlogContentHeader p{font-size: 15px; text-align: center; display: -webkit-box; -webkit-line-clamp: 3;
-webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; min-height: 68px;}
.BlogContentBox .BlogContentHeader a.BlogContentHeaderBTN{font-size: 14px; font-weight: 600; display: block; text-align: center;
color: #fa335d; text-transform: uppercase;}
.BlogContentBox .BlogContentHeader a.BlogContentHeaderBTN i{font-size: 9px; border: 2px solid; height: 18px; width: 18px;
line-height: 16px; text-align: center; border-radius: 50%; margin-right: 2px; transform: rotate(-40deg); transition: 1s;}
.BlogContentBox .BlogContentHeader a.BlogContentHeaderBTN:hover i{transform: rotate(360deg); transition: 1s; color: Black;}
.BlogContentBox .BlogContentBody{text-align:center; margin: 0px;}
.BlogContentBox .BlogContentBody .col-12{background:#e6fbff; border-radius:10px 10px 0px 0px; padding:0px; margin-bottom:40px; border-bottom: 2px #44a1b3 solid;}
.BlogContentBox .BlogContentBody .col-12 div{padding:20px;}
.BlogContentBox .BlogContentBody img{width:100%; height:auto; border-radius:10px 10px 0px 0px;}
.BlogContentBox .BlogContentBody h3 a{color: #343434; font-size: 1.5rem; font-weight: 400;}
.BlogContentBox .BlogContentBody h6{line-height: 1.3em; font-size: 12px; font-weight:500; margin-bottom: 13px;}
.BlogContentBox .BlogContentBody a.BlogContentBodyBTN{font-size: 14px; font-weight: 600; display: block; text-align: center;
color: #fa335d; text-transform: uppercase;}
.BlogContentBox .BlogContentBody a.BlogContentBodyBTN i{font-size: 9px; border: 2px solid; height: 18px; width: 18px;
line-height: 16px; text-align: center; border-radius: 50%; margin-right: 2px; transform: rotate(-40deg); transition: 1s;}
.BlogContentBox .BlogContentBody a.BlogContentBodyBTN:hover i{transform: rotate(360deg); transition: 1s; color: Black;}
.BlogBothPartR{margin:0px;}
.BlogContentBox .pagination.justify-content-center {margin-bottom:40px;}

.BlogBothPartR .BlogBothPartRBox{margin-bottom:50px;}
.BlogBothPart .BlogBothPartR .BlogBothPartRSearchBox{display:flex; align-items: center; position:relative; margin-bottom:20px;}
.BlogBothPart .BlogBothPartR .BlogBothPartRSearchBox input{height: 45px; font-size: 18px; border-radius: 50px; 
border: 1px var(--color1) solid; padding-right: 72px;}
.BlogBothPart .BlogBothPartR .BlogBothPartRSearchBox button{height: 60px; width: 60px; border-radius: 50%; background: var(--color1);
color: var(--White); position: absolute; right: 0px;}
.BlogBothPart .BlogBothPartR img {width: 100%; border-radius:15px;}
.BlogBothPart .BlogBothPartR h5.BlogRigntHeading{color: var(--color1); margin-bottom:20px; text-transform: uppercase;}
.BlogBothPart .BlogBothPartR .BlogMostPopular{border-bottom:1px var(--color1) solid; margin:0px; padding:20px 0px;}
.BlogBothPart .BlogBothPartR .BlogMostPopular img{height: 80%; border-radius:5px;}
.BlogBothPart .BlogBothPartR .BlogMostPopular h6{margin:0px;}
.BlogBothPart .BlogBothPartR .BlogMostPopular h6 a{color: var(--Black); font-size: 16px;}
.BlogBothPart .BlogBothPartR .BlogMostPopular a{font-size:12px;}
.BlogDetailsBox .BlogDetailsBoxL{}
.BlogDetailsBox .BlogDetailsBoxL img{max-width:100%; border-radius:15px; margin-bottom:10px;}
.BlogDetailsBox .BlogDetailsBoxL .ShareThisBlogBox{background: var(--bg1); margin: 15px 0px; padding: 30px 20px; border-radius:15px;}
.BlogDetailsBox .BlogDetailsBoxL .ShareThisBlogBox a{font-size: 25px; display: inline-block; width: 50px; height: 50px; 
line-height: 50px; border-radius: 50%; margin: 0px 2px; color: #fff; text-align: center;}
.BlogDetailsBox .BlogDetailsBoxL .ShareThisBlogBox a:nth-child(1) {background: #4166b1;}
.BlogDetailsBox .BlogDetailsBoxL .ShareThisBlogBox a:nth-child(2) {background: #000000;}
.BlogDetailsBox .BlogDetailsBoxL .ShareThisBlogBox a:nth-child(3) {background: #f70100;}
.BlogDetailsBox .BlogDetailsBoxL .ShareThisBlogBox a:nth-child(4) {background: #0e76a8;}
.BlogDetailsBox .BlogDetailsBoxL .ShareThisBlogBox a:nth-child(5) {background: linear-gradient(180deg, #6646bb, #d02a7b, #f2af51);}
.BlogDetailsBox .BlogDetailsBoxL .RelatedArticlesBlogBox {background: var(--bg1); margin: 15px 0px; padding: 30px 20px; 
border-radius:15px; text-align:center;}
.BlogDetailsBox .BlogDetailsBoxL .RelatedArticlesBlogBox .RabBox{display:flex; margin-top:20px;}
.BlogDetailsBox .BlogDetailsBoxL .RelatedArticlesBlogBox .RabBox .col-12 {background:#fff; border-radius:10px;}
.BlogDetailsBox .BlogDetailsBoxL .RelatedArticlesBlogBox .RabBox .col-12 img{width:100%; border-radius:10px 10px 0px 0px; margin:0px;}
.BlogDetailsBox .BlogDetailsBoxL .RelatedArticlesBlogBox .RabBox .col-12 p a{color:#000; display:block; padding:10px 20px; font-weight:400;}

/*############################ PAGE ############################*/
/*======================= Pricing ============================*/
.MoonPricingBox{background: url(../../assets/images/pricing/pricing-table-background.webp); background-size: cover; 
background-position: center; padding-top:30px; padding-bottom:30px;}
.MoonPricingBox p{color: #525fe1; margin-bottom: 5px; font-size: 18px;}
.MoonPricingBox h1, .MoonPricingBox h6{color:#231f40;}
.MoonPricingBox h6 span{font-size:30px;}
.MoonPricingBox .MoonRadioBox{background: #e5e4f4; display: inline-block; padding: 10px; border-radius: 7px; margin:30px 0px;}
.MoonPricingBox .MoonRadioBox label.btn-outline-primary{font-size: 15px; color: #231f40; border: 0px; border-radius: 5px; padding: 7px 30px;}
.MoonPricingBox .MoonRadioBox label.btn-outline-primary:hover{background: #7382ef; color:#fff;}
.MoonPricingBox .MoonRadioBox label.btn-outline-primary:focus{box-shadow: 0px 0px !important;}
.MoonPricingBox .MoonRadioBox .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, 
.MoonPricingBox .MoonRadioBox .btn-outline-primary:active, .btn-outline-primary.active, 
.MoonPricingBox .MoonRadioBox .btn-outline-primary.dropdown-toggle.show{background:#525fe1; color:#fff;}
.MoonPricingBox .card{ box-shadow: 0px 0px 15px #ebebeb; border:0px; padding:10px;}
.MoonPricingBox .card .card-body .card-body-head{text-align:center; color:#231f40;}
.MoonPricingBox .card .card-body .card-body-head img{ max-width:100%; margin-bottom:25px;}
.MoonPricingBox .card .card-body .card-body-head h2 span.strikethrough {color: #b4b4b5; position: relative;}
.MoonPricingBox .card .card-body .card-body-head h2 span.strikethrough:before {position: absolute; content: ""; left: -18px; top: 50%;
right: 0; width: 150%; border-top: 3px solid; color: #f66e1d; border-color: inherit; -webkit-transform: rotate(348deg); -moz-transform: rotate(348deg);
-ms-transform: rotate(348deg); -o-transform: rotate(348deg); transform: rotate(348deg);
}
.MoonPricingBox .card .card-body .card-body-head h2{color:#525fe1;}
.MoonPricingBox .card .card-body .card-body-head h2 sub{font-size:14px;}
.MoonPricingBox .card .card-body .card-body-head ul{text-align:left; line-height:45px; list-style:none; 
margin-top:30px; margin-bottom:30px;}
.MoonPricingBox .card .card-body .card-body-head ul li p{font-size:16px; line-height: 26px; display: -webkit-inline-box; color:#6f6b80;}
.MoonPricingBox .card .card-body .card-body-head ul li:before {
content: '\f058'; font-family: 'Font Awesome 5 Free'; float: left; margin-left: -1.5em; color: #f86f03;
}
.MoonPricingBox .card .card-body .card-body-head .btn-primary{background: #525ee1; color: #fff; border-radius: 50px;
padding: 10px 20px;}
.MoonPricingBox .card .card-body .card-body-head .btn-primary i{ margin:0px 20px;}
.MoonPricingBox .card .card-body .card-body-footer{background:#f5f5f5; text-align:center; margin-top:30px;padding:20px;}
.MoonPricingBox .card .card-body .card-body-footer h4{color:#5461de; font-size: 22px; line-height: 30px;}
.MoonPricingBox .card .card-body .card-body-footer h5{color:#f86f03; font-size: 20px; line-height: 30px;}
.MoonPricingBox .card .card-body .card-body-footer p{color:#231f40; font-size: 16px; line-height: 30px;}
.MoonPricingBox .card .card-body .card-body-footer .btn-warning{background: #f86f03; color: #fff; border-radius: 50px;
padding: 10px 20px; margin:20px 0px;}
.MoonPricingBox .card .card-body .card-body-footer .btn-warning i{ margin:0px 20px;}
.MoonPricingBox .card .card-body .pricingRibbon{position:relative; display: block; min-height: 60px; color:#fff;}
.MoonPricingBox .card .card-body .pricingRibbon span {padding: 2px 15px; position: absolute; right:-26px; height: 27px;
background-color: #ee2a7b;}
.MoonPricingBox .card .card-body .pricingRibbon span:before, .pricingRibbon span:before {content: ""; position: absolute; 
top: 0; border: 9px solid transparent; border-width: 14px 8px;}
.MoonPricingBox .card .card-body .pricingRibbon span:before {border-color: #ee2a7b; 
border-left-color: transparent !important; left: -9px;}

.MoonPricingBox1 {padding-top: 30px; padding-bottom: 30px;}
.MoonPricingBox1 h2{color:#231f40; line-height: 40px; margin-bottom: 40px;}
.MoonPricingBox1 p{color:#231f40; line-height: 40px; margin-bottom: 40px;}
.MoonPricingBox1 h5{color:#5461de;}
.MoonPricingBox1 .RoAdBox{background: #f5f5f5;  border-radius: 10px; padding: 10px 20px;  display: flex; justify-content: space-between;
    align-items: center; margin:20px 0px;}
.MoonPricingBox1 .RoAdBox p{margin:0px; font-weight:700;}
.MoonPricingBox1 .RoAdBox select{margin:0px; border: 0; background-color: transparent;}
.MoonPricingBox1 .RoAdBox select:focus-visible{outline: 0px;}
.MoonPricingBox1 .card{ box-shadow: 0px 0px 15px #ebebeb; border:0px; padding:10px;}
.MoonPricingBox1 .card .card-body img{width:100%; margin-bottom:20px;}
.MoonPricingBox1 .card .card-body h5{font-size:22px; margin-top:20px;}
.MoonPricingBox1 .card .card-body h6{margin-bottom:30px;}
.MoonPricingBox1 .card .card-body p{margin:0px; font-size:16px;}
.MoonPricingBox1 .card .card-body ul{line-height:35px; font-size:16px;}

.MoonPricingBox2 {background:#525fe1; padding-top: 30px; padding-bottom: 30px;}
.MoonPricingBox2 h5{color:#fff;}
.MoonPricingBox2 ul{color:#fff; font-size:16px; line-height:30px; padding-left:15px;}
/*PowerSkillPricingBox*/
.MoonPricingBox .PowerSkillPricingBox{text-align:center;}
.MoonPricingBox .PowerSkillPricingBox h3{color: #6f6b80; font-size: 25px; font-weight: bold;}
.MoonPricingBox .PowerSkillPricingBox .ImgPsPb{height: 100px; display: inline-flex; align-items: center;}
.MoonPricingBox .PowerSkillPricingBox p{font-size:18px; color: #7c798b;}
.MoonPricingBox .PowerSkillPricingBox p strong{color: #525ee1;}
.MoonPricingBox .PowerSkillPricingBox span.strikethrough {position: relative;}
.MoonPricingBox .PowerSkillPricingBox span.strikethrough:before {position: absolute; content: ""; left: -5px; top: 42%;
right: 0; width: 125%; border-top: 3px solid; color: #f66e1d; border-color: inherit; -webkit-transform: rotate(348deg); -moz-transform: rotate(348deg);
-ms-transform: rotate(348deg); -o-transform: rotate(332deg); transform: rotate(332deg);}
.MoonPricingBox .PowerSkillPricingBox a.btn-primary {background: #525ee1; color: #fff; border-radius: 50px;
    padding: 10px 20px; margin:20px 0px;}
.MoonPricingBox .PowerSkillPricingBox a.btn-primary i{margin: 0px 0px 0px 20px;}
.MoonPricingBox .PowerSkillPricingBox .col-lg-3 .col-12{border-right: 2px #cfcfcf solid;}

@media only screen and (max-width: 700px) {
    .MoonPricingBox .MoonRadioBox {display: block; margin: 10px 0px; text-align: center;}
    .MoonPricingBox .MoonRadioBox label.btn-outline-primary{font-size: 12px;  padding: 7px 20px;}
    .MoonPricingBox .PowerSkillPricingBox .col-lg-3 .col-12{border-right: 0px;}
    .MoonPricingBox .PowerSkillPricingBox a.btn-primary{padding: 10px 5px; margin-bottom:40px;}
}

/*Mooncamp*/
.campaign-container {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.campaign-title {
    background-color: #733fc4;
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    padding: 10px 15px;
    border-radius: 5px;
}

    .campaign-title .highlighted {
        color: #fdcd08;
        font-weight: bold;
        font-size: 28px;
    }

        .campaign-title .highlighted a {
            color: #fdcd08;
            text-decoration: underline;
        }

.campaign-description {
    text-align: center;
    font-size: 18px;
    margin: 10px 0;
    color: #333;
}

.campaign-support {
    background-color: #fdcd08;
    color: #000000;
    font-size: 18px;
    text-align: center;
    padding: 10px 15px;
    border-radius: 5px;
    margin: 20px 0;
}

.campaign-problem-title {
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    color: #444;
}
/************youtubeBOX************/
.youtubeBOX{position:relative; overflow:hidden;}
.youtubeBOX .video-play-button{top:50%; left:50%;}
.youtubeBOX img{width:100%; border-radius:20px;}

/************ Podcast 01-Apr-2025 ************/
.PodcastBanner {background: url(../../assets/images/Home/newhome/bgfortop.webp); background-size: cover; background-position: center; 
padding:0px; position:relative;}
.PodcastBanner .PodcastBannerTop {margin-top:100px; padding:0px;}
.PodcastBanner .PodcastBannerTop img{width:100%;}
.PodcastBanner .PodcastBannerBody h1{color: var(--White); font-size: 45px;}
.PodcastBanner .PodcastBannerBody img{width:75%; padding:10px 30px; margin:auto;}
.PodcastBanner .PodcastBannerBody p {color: var(--White); font-weight: 400; font-size: 25px; line-height: 35px;}
.PodcastBanner .podcastImgStar1 {position:relative;}
.PodcastBanner .podcastImgStar1 img{position: absolute; width: auto; left: 80px; top: -70px;}
.PodcastBanner .podcastImgStar2 {position:relative;}
.PodcastBanner .podcastImgStar2 img{position: absolute; width: auto; right: 0; top: -135px;}

.PodcastBodyBox1 .PodcastBtn1{font-size: 18px; padding: 15px 50px; margin: 20px 0px;}

.PodcastBodyBox1 .PodcastBodyBoxBanner {display: flex; align-items: center; justify-content: space-between; 
 flex-wrap: wrap; margin:40px 0px; padding: 5px 0px;}
.PodcastBodyBox1 .PodcastBodyBoxBanner p{font-size: 22px; padding: 15px 25px; margin: 0px; color: #fff;}
.PodcastBodyBox1 .PodcastBodyBoxBanner img{width:auto; max-width:100%;}
.PodcastBodyBox1 .PodcastBodyBoxBanner.PodcastBB1{background: url(../../assets/images/podcast/strip-1.webp);
background-size: cover; background-position: center;}
.PodcastBodyBox1 .PodcastBodyBoxBanner.PodcastBB2{background: url(../../assets/images/podcast/strip-2.webp);
background-size: cover; background-position: center;}
.PodcastBodyBox1 .PodcastBodyBoxBanner.PodcastBB3{background: url(../../assets/images/podcast/strip-3.webp);
background-size: cover; background-position: center;}

.PodcastBodyBox1 .PodcastBodyBCED .card{background: #fff; box-shadow: 0px 0px 15px #ebebeb;
    border: 0px; border-radius: 20px; padding: 30px 30px;}
.PodcastBodyBox1 .PodcastBodyBCED .card ul{font-size: 20px; font-weight: 900; line-height: 40px;}
.PodcastBodyBox1 .PodcastBodyBCED .card img{width:100%;}

.PodcastBodyBox1 .PodcastBodyWWW .col-lg-4{display:flex; margin-bottom:40px;}
.PodcastBodyBox1 .PodcastBodyWWW .card{border:0px; overflow:hidden;}
.PodcastBodyBox1 .PodcastBodyWWW .card header{background: #525fe1; text-align: center; padding: 10px 20px; color: #FFF;
    font-size: 22px; min-height: 120px; display: flex; justify-content: center; align-items: center;}
.PodcastBodyBox1 .PodcastBodyWWW .card ul{padding: 20px 30px 20px 50px; font-size: 16px; line-height: 30px; margin:0px;}

@media only screen and (max-width: 968px) {
    .PodcastBanner .PodcastBannerTop {padding-top: 33%;}
    .PodcastBanner .PodcastBannerBody {position: absolute; top: 0; padding: 40px;}
}
@media screen and (max-width: 720px) {
    .PodcastBanner .PodcastBannerTop {padding-top: 68%;}
    .PodcastBanner .PodcastBannerBody h1{font-size:25px;}
    .PodcastBanner .PodcastBannerBody img{width: 100%;}
    .PodcastBanner .PodcastBannerBody p {font-size: 12px;line-height: 16px;}
    .PodcastBodyBox1 .PodcastBodyBCED .card{padding: 15px;}
    .PodcastBodyBox1 .PodcastBodyBCED .card ul {font-size: 14px; line-height: 30px;}
}
/************ SummerCamp 07-Apr-2025 ************/
/*SummerCampBox1*/
.SummerCampBox1{background:#231f3f; padding:15px 0px;}
.SummerCampBox1 ul{margin: 0px; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; font-size: 20px;
    color: #fff; font-weight: 600; letter-spacing: 0.5px;}
.SummerCampBox1 ul li{margin: 5px 0px 5px 10px; line-height: 22px; padding-right: 10px; border-right: 4px #fff solid;}
.SummerCampBox1 ul li:last-child {border-right:0px; color:#42ef29;}
.SummerCampBox1 ul li:nth-child(2){color:#ff6f00;}
/*SummerCampBox2*/
.SummerCampBox2 .card{background:#525fe1; padding: 20px; color:#fff; margin-top:20px; position:relative; overflow:hidden;}
.SummerCampBox2 .card .SummerWSMIcon2{position:absolute; z-index:1; right:0; top:0px;width: min-content; height: -webkit-fill-available;}
.SummerCampBox2 .card .card-body{position:relative; z-index:5;}
.SummerCampBox2 .card p{line-height: 36px; font-size: 18px;}
.SummerCampBox2 .card p strong{color:#fcfc00;}
.SummerCampBox2 .card img{width:100%;}
/*SummerCampBox3*/
.SummerCampBox3 .moonNewHomeHeading p{font-size:18px;}
.SummerCampBox3 .col-lg-4{display: inline-flex; margin-top: 25px;}
.SummerCampBox3 .card{border: 0px; display: contents;}
.SummerCampBox3 .card .card-body{background:#eff4fc; text-align:center; border:1px #ccd9ed solid; padding:0px;
    border-radius: 10px; overflow: hidden;}
.SummerCampBox3 .card .card-body header{background: #525fe1; font-size: 20px; color: #fff; padding: 15px 10px;
    min-height: 90px; display: flex; justify-content: center;  align-items: center;}
.SummerCampBox3 .card .card-body p strong{color:#231f40;}
.SummerCampBox3 .card .card-body div{padding: 20px 30px;}
.SummerCampBox3 .card .card-body div img{min-width: 60px; max-width: 150px; margin-bottom: 15px;}
.SummerCampBox3 .card.BannerStudentsAcross{display:block; background: url(../../assets/images/summercamp/bg-3.webp);
background-size: cover; background-position: center;padding: 35px 30px; text-align:center; color:#fff; margin-top:70px;}
.SummerCampBox3 .card.BannerStudentsAcross h2{text-align:center; color:#fff; margin:0px;}

/*SummerCampBox4*/
.SummerCampBox4 .moonNewHomeHeading h5{color:#525fe1; margin-bottom:40px;}
.SummerCampBox4 .card{margin-bottom: 60px; background: #fff; box-shadow: 0px 0px 15px #ebebeb; border: 0px;
    border-radius: 20px; padding: 30px 30px;}
.SummerCampBox4 .card .PWPLeft img{width:100%;}
.SummerCampBox4 .card .PWPLeft p.Ptag1Box{font-size: 18px; margin: 20px 0px;}
.SummerCampBox4 .card .PWPLeft .BatchSelectionBox{border-top:1px #d7d6dc solid;padding: 20px 0px;}    
.SummerCampBox4 .card .PWPLeft .BatchSelectionBox .BSBoxHead{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}    
.SummerCampBox4 .card .PWPLeft .BatchSelectionBox .BSBoxHead p{font-size: 20px; margin:0px;}       
.SummerCampBox4 .card .PWPLeft .BatchSelectionBox .BSBoxHead p strong{color:#000;}       
.SummerCampBox4 .card .PWPLeft .BatchSelectionBox .BSBoxHead p img{width:30px; margin-right:5px;}

.SummerCampBox4 .card .PWPLeft .BatchSelectionBox .BSBoxHead .BSBoxHeadRighrt{display: flex; align-items: center; color:#525FE1;} 
.SummerCampBox4 .card .PWPLeft .BatchSelectionBox .BSBoxHead .BSBoxHeadRighrt .form-switch {margin: 0px; padding: 0px 6px 0px 46px;}
.SummerCampBox4 .card .PWPLeft .BatchSelectionBox .BSBoxHead .BSBoxHeadRighrt .form-switch .form-check-input {
    width: 3em; background-color: #525fe1; border-color: #525fe1; cursor:pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='6' fill='%23fff'/%3E%3C/svg%3E ") !important; 
}
.SummerCampBox4 .card .PWPLeft .BatchSelectionBox .BSBoxBody{background:#f5f5f5; padding:25px; margin-top:20px;} 
.SummerCampBox4 .card .PWPLeft .BSBoxFooter p a{color: #000; font-size: 18px;} 
.SummerCampBox4 .card .PWPLeft .BSBoxFooter p a i{color: #525fe1; font-size: 20px;} 
.SummerCampBox4 .card .PWPRight .PWPBoxHead{display: flex; align-items: center; justify-content: space-between;} 
.SummerCampBox4 .card .PWPRight .PWPBoxHead img{width:140px;} 
.SummerCampBox4 .card .PWPRight .PWPBoxBody {border-top: 1px #d7d6dc solid; margin-top: 15px; padding-top: 30px;
    display: flex; align-items: flex-start;} 
.SummerCampBox4 .card .PWPRight .PWPBoxBody img.PWPBoxBodyImg1{margin-right: 10px; width: 35px;} 
.SummerCampBox4 .card .PWPRight .PWPBoxBody .EachSessionDownload{background: #f5f5f5; padding: 2px 5px;
    font-weight: 900; color: #525fe1; margin-bottom:20px;} 
.SummerCampBox4 .card .PWPRight .PWPBoxBody .EachSessionDownload a{color: #777777; font-weight: 500;} 
.SummerCampBox4 .card .PWPRight .PWPBoxBody .EachSessionDownload a u{color: #f86f03;} 
.SummerCampBox4 .card .PWPRight .PWPBoxBody .EachSessionDownload img{width:25px; margin-right:5px;} 
.SummerCampBox4 .card .PWPRight .PWPBoxBody p{margin-bottom:5px;} 
.SummerCampBox4 .card .PWPRight .PWPBoxBody ul{line-height:32px;} 
.SummerCampBox4 .card .PWPRight .PWPBoxFooter{text-align:center; margin-top:50px;} 
.SummerCampBox4 .card .PWPRight .PWPBoxFooter h4{color:#525fe1;} 
.SummerCampBox4 .card .PWPRight .PWPBoxFooter h4 del{position: relative; text-decoration: none;} 
.SummerCampBox4 .card .PWPRight .PWPBoxFooter h4 del::after {content: ""; position: absolute; top: 50%;
    left: 0; width: 100%; height: 2px; background: #f70880; transform: rotate(338deg);} 
.SummerCampBox4 .card .PWPRight .PWPBoxFooter p{font-size:14px; color:#525fe1;} 
.SummerCampBox4 .card .PWPRight .PWPBoxFooter section{display: flex; align-items: flex-start; 
    justify-content: space-between; flex-wrap: wrap;} 
.SummerCampBox4 .card .PWPRight .PWPBoxFooter section div{width: 50%; padding: 0px 20px;} 

.SummerCampBox4 .card .PWPRight .PWPBoxFooter a{font-size: 19px; color: #fff; background: #47B528;
    padding: 5px 10px; border-radius: 50px; margin-bottom:5px; display: block;} 
.SummerCampBox4 .card .PWPRight .PWPBoxFooter a small{display: block; font-size: 12px; color:#fff; margin:0px;}  
.SummerCampBox4 .card .PWPRight .PWPBoxFooter small{display: block; font-size: 12px; max-width: 250px; 
    line-height: 13px; color: #000; margin-bottom:20px;} 
.SummerCampBox5{display:block; background: url(../../assets/images/summercamp/bg-2.webp);
background-size: cover; background-position: center; text-align:center; color:#fff; font-size: 28px;
    padding-top: 1.5rem; padding-bottom: 0.5rem; margin-bottom:10px;} 

.SummerCampBox6{background: #525fe1; color:#fff; font-size:20px; position:relative; overflow:hidden;} 
.SummerCampBox6 .container{position:relative; z-index:5;} 
.SummerCampBox6 .SummerWSMIcon1{position:absolute; bottom: 0; width: min-content; height: -webkit-fill-available; z-index:1;} 
.SummerCampBox6 .SummerWSMIcon2{position:absolute; top: 0; width: min-content; height: -webkit-fill-available; right:0px; z-index:1;} 
.SummerCampBox6 ul{list-style-image: url("../../assets/images/summercamp/star.png");} 
.SummerCampBox6 ul li{padding-left: 20px; margin-bottom:20px;} 

.SummerCampBox7{background: url(../../assets/images/pricing/pricing-table-background.webp);
background-size: cover; background-position: center;} 
.SummerCampBox7 ul{list-style-image: url("../../assets/images/summercamp/star.png");} 
.SummerCampBox7 ul li{padding-left: 20px; margin-bottom:20px;} 


/*Radio Button*/
.SummercampRadioBox ul{display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; text-align: center;}
.SummercampRadioBox ul li{min-width:33%; padding:10px;}
.SummercampRadioBox .LastTimeZone {text-align:center; font-size: 18px; font-weight: 600;}
.SummercampRadioBox .LastTimeZone strong{color: #525fe1; font-size: 20px;}
.SummercampRadioBox p{color: #777777; font-weight: 600; margin-bottom: 10px;}
.SummercampRadioBox label{border-radius: 5px; width: 100%; background: #7382ef; color:#fff; cursor:pointer;}
.SummercampRadioBox ul li span{display: block;border-radius: 5px; padding: 18px 0px;}
.SummercampRadioBox label:hover{opacity:.8;}
.SummercampRadioBox label font.SummercampMonth{font-size: 20px; display: block;}
.SummercampRadioBox label font.SummercampBody{font-size: 30px; font-weight:900;display:block}
.SummercampRadioBox label .SummercampRadio {display:none;}
.SummercampRadioBox label .SummercampRadio:checked {background: #f99515;}
.SummercampRadioBox label .SummercampRadio:checked ~ span {background-color: #f99515;}
@media screen and (max-width: 990px) {
    .SummerCampBox4 .card .PWPRight{position:relative; padding-top: 300px;}
    .SummerCampBox4 .card .PWPRight .PWPBoxFooter{position:absolute; top:0px; margin-top:20px;}

}

@media screen and (max-width: 720px) {
    .SummerCampBox4 .card{padding:10px;}
    .SummerCampBox4 .card .PWPLeft .BatchSelectionBox .BSBoxBody {padding: 15px;}
    .SummercampRadioBox ul li { width: 50%;}
    .SummerCampBox4 .card .PWPRight .PWPBoxFooter section {justify-content: center;}
    .SummerCampBox1 ul, .SummerCampBox3 .moonNewHomeHeading p, 
    .SummerCampBox3 .card.BannerStudentsAcross h2, .SummerCampBox5 {zoom: 70%;}
    .SummercampRadioBox label font.SummercampMonth {font-size: 16px;}
    .SummercampRadioBox label font.SummercampBody {font-size: 25px;}
    .SummerCampBox4 .card .PWPRight .PWPBoxFooter section div{width: 100%;}
    .SummerCampBox4 .card .PWPRight .PWPBoxBody .EachSessionDownload {text-align:center;}
    .SummerCampBox4 .card .PWPRight .PWPBoxBody .EachSessionDownload a{display: block; margin: 6px 0px;
        color: #f5f5f5;}
    .SummerCampBox4 .card .PWPRight .PWPBoxFooter small{max-width:100%;}
}

/************ Student Partner 15-Apr-2025 ************/
.StudentPartnerBanner {background: url(../../assets/images/Home/newhome/bgfortop.webp); background-size: cover; background-position: center; 
padding:0px; position:relative;}
.StudentPartnerBanner img {width:100%;}
.StudentPartnerBanner .StudentPartnerB-Body {display: flex; align-items: center; text-align: center;
    color: #fff; justify-content: center;}
.StudentPartnerBanner .StudentPartnerB-Body div{position: relative; white-space: nowrap; left: -60px;}

.StudentPartnerBanner .StudentPartnerB-Body div h1{color: #fff; font-size: 35px; line-height: 50px;
    margin-bottom: 20px; text-transform: uppercase;}
.StudentPartnerBanner .StudentPartnerB-Body div ul{list-style:none; font-size: 20px; padding:0px;}

@media screen and (min-width: 2100px) {
    .StudentPartnerBanner .BookFreeTrialForm {padding: 15px; min-height: 460px;  width: 100%;
    margin-left: -35px; }
}
@media screen and (max-width: 1024px) {
    .StudentPartnerBanner .StudentPartnerB-Body div{position: absolute; white-space: normal;
        left: 60px; top: 20px; zoom: 70%;}
    .StudentPartnerBanner img {width: 100%; margin-top: 170px;}
    .StudentPartnerBanner .BookFreeTrialForm {min-width: 157%; margin-left: -78%;}
}
@media screen and (max-width: 990px) {
    .StudentPartnerBanner .StudentPartnerB-Body div{left: unset;}
    .StudentPartnerBanner .BookFreeTrialForm {min-width: 100%; margin-left: 0%;}
}
@media screen and (max-width: 768px) {
    .StudentPartnerBanner .StudentPartnerB-Body div{left: unset; zoom:100%;}
    .StudentPartnerBanner img {margin-top: 165px;}
    .StudentPartnerBanner .StudentPartnerB-Body div h1 {font-size: 20px; line-height: 32px; margin-bottom:10px;}
    .StudentPartnerBanner .StudentPartnerB-Body div ul {font-size: 12px;}
    .StudentPartnerBanner .BookFreeTrialForm {margin-top:0px;}
}




/*FeedBackForm*/
.FeedBackFormBox {padding: 0px;}
.FeedBackFormBox .FeedbackOverlay{background: #00000054; position: absolute; top:0; left:0; 
    height: 100%; width: 100%; z-index: 1;}
.FeedBackFormBox .container{position: absolute; left: 0; right: 0; top: 0; bottom: 0;
    margin: 0 auto; display: flex; align-items: center;}
.FeedBackFormBox .BookFreeTrialForm{background: #e1b260; border-radius: 15px; padding: 0px;
    z-index:2; overflow:hidden;}
.FeedBackFormBox .BookFreeTrialForm .FeedBackBoxLeft{padding:20px; display:flex; align-items:center;
flex-wrap: wrap; justify-content: center;
}
.FeedBackFormBox .BookFreeTrialForm .FeedBackBoxLeft .FeedBackBoxLeftLogo{display:none;}
.FeedBackFormBox .BookFreeTrialForm .FeedBackBoxLeft img{width:100%;}
.FeedBackFormBox .BookFreeTrialForm .FeedBackBoxRight{padding:40px; background:#fff;}
.FeedBackFormBox .BookFreeTrialForm .FeedBackBoxRight img{width: 200px; margin-bottom:20px;}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .form-control, .FeedBackFormBox .BookFreeTrialForm .BAFTForm 
.form-select {border-radius: 0px; font-size: 15px; height: auto; border: 0px;
border-bottom: 1px #525fe1 solid; padding: 6px 0px; margin-bottom: 25px !important;}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .form-control.CountryCode {padding-left:45px;}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .CountryCodeBox .iti__selected-flag{padding-left:0px;}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm button.feedbackBtn {overflow: hidden; position: relative;
transition: all 0.2s; width: 100%;  padding: 10px; font-size: 18px;}

                           /*FeedBackFormBox*/
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox {display: flex; justify-content: center;
align-items: center; position:relative; -webkit-transform:scale(.6); transform:scale(.6);}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailThanku{
    font-family: Dancing Script, cursive; font-size: 30px; color: #4CAF50; position:absolute; top:-25px;
    text-align: center; line-height: 40px;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMail {position: relative;top: -4rem;
  left: -8rem;}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailBack {
    position: absolute; background: #ffab17; width: 16rem; height: 10rem;
    box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.3);
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailTop {position: absolute;
    top: -5.7rem; width: 0; height: 0; border-right: 8rem solid transparent;
    border-left: 8rem solid transparent; border-bottom: 5.8rem solid #ffab17; z-index: 0;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailTop.closed {
    transition: transform 0.6s 0.8s, z-index 0.2s 0.4s; z-index: 2; transition-delay: 0.5s;
    transform-origin: bottom left; transform: rotate3d(1, 0, 0, 180deg);
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMaiBlack {position: absolute;
    background: #ffab17; width: 16rem; height: 10rem; box-shadow: 0 0.1rem 1rem rgba(0, 0, 0, 0.3);
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLeft {
    position: absolute; width: 0; height: 0; border-left: 8rem solid #ffc867;
    border-top: 5rem solid transparent; border-bottom: 5rem solid transparent;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailRight {
    position: absolute; left: 8rem; width: 0; height: 0; border-right: 8rem solid #ffc867;
    border-top: 5rem solid transparent; border-bottom: 5rem solid transparent;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailBottom {
    position: absolute; top: 4.92rem; width: 0; height: 0; border-right: 8rem solid transparent;
    border-left: 8rem solid transparent; border-bottom: 5.08rem solid #ffbb43;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetter {
    position: absolute; top: -2rem; left: 2rem; width: 12rem; height: 9rem; background: #fff;
    box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.15); overflow: hidden; transition: all 0.8s ease;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetter.move {transform: translateY(45px);}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetter * {background: #e0e0e0;}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetterSquare {
    position: absolute; top: 3rem; left: 1rem; width: 3.8rem; height: 4rem;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetterSquare::before {
    content: ""; position: absolute; top: -2rem; width: 10rem; height: 1.5rem; background: inherit;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetterLines {
    top: 4.9rem; left: 5.8rem;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetterLines, 
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetterLines::before, 
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetterLines::after {
    content: ""; position: absolute; width: 5rem; height: 0.3rem; background: #e0e0e0;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetterLines::before {
    top: -1rem;
}
.FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox .feedbackMailLetterLines::after {
    top: 1rem;
}

@media screen and (max-width: 990px) {
    .FeedBackFormBox .container{position: static; display: block;}
    .FeedBackFormBox .BookFreeTrialForm{margin-top: 20px;}
    .FeedBackFormBox .BookFreeTrialForm .FeedBackBoxRight { padding: 20px 40px;}
    .FeedBackFormBox {padding-bottom:40px; display:block;}
    .FeedBackFormBox .FeedBackBoxLeft{padding: 0px 20px !important;}
    .FeedBackFormBox .BookFreeTrialForm .BAFTForm .feedbackMailBox {min-height:170px; 
    padding-top: 110px;}
    .FeedBackFormBox .BookFreeTrialForm .BAFTForm .form-control, .FeedBackFormBox 
    .BookFreeTrialForm .BAFTForm .form-select{margin-bottom:15px !important;}
    .FeedBackFormBox .BookFreeTrialForm .FeedBackBoxRight img{display:none;}
    .FeedBackFormBox .BookFreeTrialForm .FeedBackBoxLeft img{width:70%;}
    .FeedBackFormBox .BookFreeTrialForm .FeedBackBoxLeft .FeedBackBoxLeftLogo{display: block;
        width: 170px;  margin: 10px 10px 5px 10px;}
}
@media screen and (min-width: 2560px) {
    .FeedBackFormBox {zoom:178%;}
    .FeedBackFormBox .BookFreeTrialForm  {zoom:88%;}
}
/************Student Portfolio************/
.MoonStudentPortfoliosBanner {background: #faf5ff; padding: 3rem 0px; position:relative;}
.MoonStudentPortfoliosBanner .Mspbimg1, .MoonStudentPortfoliosBanner .Mspbimg2, 
.MoonStudentPortfoliosBanner .Mspbimg3 {position: absolute; z-index: 0; opacity: .1;
filter: brightness(0) saturate(100%) invert(46%) sepia(82%) saturate(2541%) hue-rotate(2deg) brightness(101%) contrast(101%);
}
.MoonStudentPortfoliosBanner .Mspbimg1{top: 3%; left: 7%;}
.MoonStudentPortfoliosBanner .Mspbimg2{right: 5%; top: 40%;}
.MoonStudentPortfoliosBanner .Mspbimg3{right: 25%; bottom: 12%;}

.MoonStudentPortfoliosBanner h1{color: #525fe1;}
.MoonStudentPortfoliosBanner p{font-size: 1.25rem; line-height: 1.75rem; margin:0px; margin-top:24px;
max-width: 70%; color: #000;}
.MoonStudentPortfoliosBanner a{font-size: .875rem; line-height: 1.25rem; padding: .7rem 1.25rem;
    background: #525ee1; color: #fff; margin-top: 24px; display: inline-block; border-radius: 50px;
    transition: 1s; font-weight:600; border:1px #525ee1 solid;}
.MoonStudentPortfoliosBanner a:hover{background: #fff; color:#3342e0; transition: 1s;}
.MoonStudentPortfoliosBanner a.MyJourneyBTN{background: #fff; color: #525ee1; margin-left:10px;}
.MoonStudentPortfoliosBanner a.MyJourneyBTN:hover{background: #3342e0; color:#fff; transition: 1s;}
.MoonStudentPortfoliosBanner ul{display: flex; flex-wrap: wrap; list-style:none; margin: 0px; padding: 0px;}
.MoonStudentPortfoliosBanner ul li{box-shadow:0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
margin-top:24px; padding: 1rem; margin-right: 25px; backdrop-filter: blur(4px); border-radius: 10px;
width: 230px; transition: all 1s;}
.MoonStudentPortfoliosBanner ul li:hover{transform: scale(1.1); transition: all .5s;}
.MoonStudentPortfoliosBanner ul li h4{margin:0px; color:#fff;}
.MoonStudentPortfoliosBanner ul li p{margin:0px; font-size: 16px; max-width: 100%; color:#fff;}
.MoonStudentPortfoliosBanner .MspbRight{position:relative;}

.MoonStudentPortfoliosBanner ul li:nth-last-child(1){background: linear-gradient(45deg, #8581f4, #b675f8);}
.MoonStudentPortfoliosBanner ul li:nth-last-child(2){background: linear-gradient(45deg, #ef6aab, #f56481);}
.MoonStudentPortfoliosBanner ul li:nth-last-child(3){background: linear-gradient(45deg, #619af8, #38c1dd);}

.MoonStudentPortfoliosBanner .MspbRight .MspbRightImg {height: 300px;  width: 300px; overflow: hidden;
    border-radius: 50%; text-align: center; -webkit-animation: mover 1s infinite  alternate; 
    animation: mover 1s infinite  alternate; margin:auto; box-shadow: 0 0 40px 0 #525fe173;
    border: 4px #c4c9ff solid;  background-size:contain !important;}
/*.MoonStudentPortfoliosBanner .MspbRight .MspbRightImg img{width:100%; border-radius:50%;}*/
.MoonStudentPortfoliosBanner .MspbRight span{padding: 10px 15px; backdrop-filter: blur(4px); color:#000;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); border-radius: 50px;}
    .MoonStudentPortfoliosBanner .MspbRight span.MspbRightStar img {
        filter: brightness(0) saturate(100%) invert(46%) sepia(82%) saturate(2541%) hue-rotate(2deg) brightness(101%) contrast(101%);
    }
    .MoonStudentPortfoliosBanner .MspbRight span.MspbCode img {
        filter: invert(38%) sepia(75%) saturate(4393%) hue-rotate(212deg) brightness(93%) contrast(91%);
    }
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

/*Start Skills*/
.MoonStudentPortfolios1 .SkillsPortfoliosTab ul{justify-content: center; flex-wrap: wrap;
margin-bottom: 40px; font-size: 18px;}
.MoonStudentPortfolios1 .SkillsPortfoliosTab ul a{border-radius:0px; box-shadow: 0px 1px 2px #e2dede8c;;}
.MoonStudentPortfolios1 .SkillsPortfoliosTab ul a:hover{color: #000; background-color: #f4f7ff;}
.MoonStudentPortfolios1 .SkillsPortfoliosTab ul a.active{color: #fff; background-color: #525fe1;}

.MoonStudentPortfolios1 .SkillsPortfoliosBody{text-align:center;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody .col-12{padding: 15px 10px; border-radius: 5px; 
margin-bottom: 20px; border: 1px solid; text-align:center;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody .col-12:hover{box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);}
.MoonStudentPortfolios1 .SkillsPortfoliosBody .col-12 p{margin:0px; color:#000;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody .col-12 span{height: 40px; width: 40px; display: flex; 
align-items: center; justify-content: center; border-radius: 50%; margin: auto; margin-bottom: 10px;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody .col-12 span i{font-size: 18px;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody #SP-TechnicalSkills .col-12{border-color: #525fe1;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody #SP-TechnicalSkills span{background:#e3e5ff;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody #SP-TechnicalSkills span img {
    filter: invert(38%) sepia(75%) saturate(4393%) hue-rotate(212deg) brightness(93%) contrast(91%);
}
.MoonStudentPortfolios1 .SkillsPortfoliosBody #SP-SoftSkills .col-12{border-color: #f86f03;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody #SP-SoftSkills span{background:#ffefe2;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody #SP-SoftSkills span img{
    filter: brightness(0) saturate(100%) invert(46%) sepia(82%) saturate(2541%) hue-rotate(2deg) brightness(101%) contrast(101%);
}

.MoonStudentPortfolios1 .SkillsPortfoliosBody .SP-TechnicalSkills .col-12{
    border-color: #525fe1; height: -webkit-fill-available;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody .SP-TechnicalSkills span{background:#e3e5ff;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody .SP-TechnicalSkills span img {
    filter: invert(38%) sepia(75%) saturate(4393%) hue-rotate(212deg) brightness(93%) contrast(91%);
}
.MoonStudentPortfolios1 .SkillsPortfoliosBody .SP-SoftSkills .col-12{
    border-color: #f86f03; height: -webkit-fill-available;
}
.MoonStudentPortfolios1 .SkillsPortfoliosBody .SP-SoftSkills span{background:#ffefe2;}
.MoonStudentPortfolios1 .SkillsPortfoliosBody .SP-SoftSkills span img{
    filter: brightness(0) saturate(100%) invert(46%) sepia(82%) saturate(2541%) hue-rotate(2deg) brightness(101%) contrast(101%);
}

.MoonStudentPortfolios2 .MyProjectNBox{margin: 0px; background: #fff; border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); overflow: hidden;}
.MoonStudentPortfolios2 .MyProjectNBox:hover{
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .13), 0 1px 2px 0 rgba(0, 0, 0, .11);}
.MoonStudentPortfolios2 .MyProjectNBox .MyProjectImgNBox{padding:0px; overflow:hidden; height: 350px;}
.MoonStudentPortfolios2 .MyProjectNBox .MyProjectNBoxBody{padding: 20px 30px;}
.MoonStudentPortfolios2 .MyProjectNBox .MyProjectNBoxBody header{display: flex; align-items: center;
    justify-content: space-between; margin-bottom:10px;}
.MoonStudentPortfolios2 .MyProjectNBox .MyProjectNBoxBody header .bgbluebox:hover{background: #d3d6ff;}
.MoonStudentPortfolios2 .MyProjectNBox .MyProjectNBoxBody header button.btn-outline-light{border:0px; 
color:#000;}
.MoonStudentPortfolios2 .MyProjectNBox .MyProjectNBoxBody .bglightgraybox{margin-bottom:15px;}
.MoonStudentPortfolios2 .MyProjectNBox .MyProjectNBoxBody button.btn-primaryBtn{margin-bottom:15px;}

.MoonStudentPortfolios3 {background:#f4f7ff;}
.MoonStudentPortfolios3 .MyMJourneyBox{margin: 0px; background: #fff; border-radius: 10px; margin-bottom:30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); overflow: hidden;}
.MoonStudentPortfolios3 .MyMJourneyBox:hover{
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .13), 0 1px 2px 0 rgba(0, 0, 0, .11);}
.MoonStudentPortfolios3 .MyMJourneyBox .MyMJourneyBoxBody{padding: 20px; font-size:14px;}
.MoonStudentPortfolios3 .MyMJourneyBox .MyMJourneyBoxBody header{display: flex; align-items: center;
margin-bottom:20px;}
.MoonStudentPortfolios3 .MyMJourneyBox .MyMJourneyBoxBody span{background: #e3e5ff; color: #525fe1;
    font-size: 22px; display: inline-flex; height: 40px; width: 40px; justify-content: center;
    align-items: center; margin-right: 10px; border-radius: 5px;}
.MoonStudentPortfolios3 .MyMJourneyBox .Journey.carousel .carousel-inner > .carousel-item { 
    height: 260px; overflow: hidden;}
.MoonStudentPortfolios3 .MyMJourneyBox .Journey.carousel .carousel-inner > .carousel-item img{ 
    height: 100%;}

.MoonStudentPortfolios4 {background:#f4f7ff;}
.MoonStudentPortfolios4 .GrowthJourneyBox{display:flex; margin-bottom:20px;}
.MoonStudentPortfolios4 .GrowthJourneyBox .countNo{position: relative; border-left: 2px #525fe1 solid;
    margin-left: 20px; margin-right: 40px; text-align: center; line-height: 0px;}
.MoonStudentPortfolios4 .GrowthJourneyBox .countNo span{position: absolute; background: #525fe1;
    color: #fff; font-size: 14px; height: 30px; width: 30px; display: flex;  justify-content: center;
    align-items: center; border-radius: 50%; left: -15px;}
.MoonStudentPortfolios4 .card {margin-bottom: 30px;}
.MoonStudentPortfolios4 .card .card-body{padding: 30px;}
.MoonStudentPortfolios4 .card .card-body i{color:#525fe1}

.MoonStudentPortfolios5 .card {margin-bottom: 20px;}
.MoonStudentPortfolios5 .card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.MoonStudentPortfolios5 .card .card-body{padding: 25px 20px; display: flex; align-items: center;
    justify-content: space-between;}
.MoonStudentPortfolios5 .card .card-body a {color: #000; border: 1px solid rgba(0, 0, 0, .125);
    padding: 5px 10px; border-radius: 5px; text-wrap-mode: nowrap;}
.MoonStudentPortfolios5 .card .card-body a:hover{background: #f4f7ff;}
.MoonStudentPortfolios5 .card .card-body a i{font-size: 13px; margin-left: 15px;}



.Journey.carousel .carousel-control-next-icon, .Journey.carousel .carousel-control-prev-icon {
    background-image: unset; background: #ffffff; color: #000; display: flex; align-items: center; 
    justify-content: center;  border-radius: 50%;
}

@media screen and (max-width: 992px) {
    .MoonStudentPortfoliosBanner p {max-width: 100%; font-size: 16px; line-height: 20px;
        margin-top: 10px;}
    .MoonStudentPortfoliosBanner a{font-size: 12px; padding: 7px 15px; margin-bottom:10px;}
    .MoonStudentPortfoliosBanner ul li{width: 100%; margin-top: 0px; margin-bottom: 15px;}
    .MoonStudentPortfoliosBanner .MspbRight .MspbRightImg {width:280px; height:280px;}
    .MoonStudentPortfolios1 .SkillsPortfoliosBody .col-12{padding: 10px 5px; font-size: 12px;}
    .MoonStudentPortfolios1 .SkillsPortfoliosTab ul {font-size:12px;}
    .MoonStudentPortfolios2 .MyProjectNBox .MyProjectNBoxBody button.btn-primary{font-size:11px;}
    .MoonStudentPortfolios2 {font-size:14px;}
    .MoonStudentPortfolios3 .MyMJourneyBox .Journey.carousel .carousel-inner > .carousel-item {
        height: 180px; }
    .MoonStudentPortfolios5 .card .card-body{padding:10px; font-size: 12px;}
    .MoonStudentPortfolios2 .MyProjectNBox .MyProjectImgNBox{height:auto;}
}

/************Summer Camp Inperson************/
.SummerCampInpersonBanner1 {position:relative;}
.SummerCampInpersonBanner1 button{position: absolute; width: auto; left: 43%; top: 45%;}
.SummerCampInpersonLocations {
    position: absolute;
    width: auto;
    left: 43%;
    top: 5%;
}
.location-banner {
    background: linear-gradient(90deg, #8e2de2, #f27121); /* purple to orange */
    font-weight: 600;
    font-size: 1.5rem;
}

.SummerCampInpersonBanner{background: url(../../assets/images/Inperson-Summer-Camp/banner.webp); 
padding: 30px; background-size: cover; background-position: 75% 75%; min-height: 500px; 
text-align:center;}
.SummerCampInpersonBanner h1{color: #525fe1; font-size: 45px; margin-bottom: 20px;}
.SummerCampInpersonBanner h4{background: #ffffff7a; padding: 10px 20px; font-size: 30px; 
color: #f86f03; display:inline-block;}
.SummerCampInpersonBanner h4 span{color: #525fe1;}
.SummerCampInperson-1 ul{display: flex; flex-wrap: wrap; justify-content: space-between;  
text-align: center; list-style:none; padding-left: 0px;}
.SummerCampInperson-1 ul li{padding: 20px 10px 0px 10px;}
.SummerCampInperson-1 ul li img{margin-bottom:15px; width:170px;}
.SummerCampInperson-1 ul li p{margin:0px; font-size:18px; color: #000; line-height: 24px;}

.SummerCampInperson1{background: linear-gradient(45deg, #9433e7, #e95810);  padding: 20px 0px;
    font-size: 20px; font-weight: 800; text-align: center; color: #fff;}
.SummerCampInperson1 img{width: 30px; margin: 0px 5px 0px 10px;}
.SummerCampInperson2 p{font-size:20px;}
.SummerCampInperson2 button{font-size: 22px; margin-top: 20px; padding: 10px 20px;}
.SummerCampInperson3 {
    background-image: url(../../assets/images/Home/newhome/bg-for-kits.webp);
    background-position: center;
    background-size: cover;
}
.SummerCampInperson3 .moonNewHomeHeading .mnhIconStar1{width: 50px; margin: 15px 0px;}
.SummerCampInperson3 .moonNewHomeHeading div{min-height: 260px; width: 70%; border-radius: 10px;
background-image: url(../../assets/images/Inperson-Summer-Camp/What-MakesThis-Different.webp);
background-position: center; background-size: cover; margin: 30px auto;}
.SummerCampInperson3 .card {height:100%;}
.SummerCampInperson3 .card .card-body{text-align: center; color:#000; border:1px solid; 
border-radius: 10px;}
.SummerCampInperson3 .card .card-body:hover{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.SummerCampInperson3 .card .card-body img{width: 50px; margin-bottom: 20px;}
.SummerCampInperson3 .card .card-body h5{font-size: 20px; margin-bottom: 20px; 
min-height: 40px;}
.SummerCampInperson3 .card .card-body p{font-size:18px;}
.SummerCampInperson3 .card .card-body.SCI3BoxOrange{border-color:#f86f038a;}
.SummerCampInperson3 .card .card-body.SCI3BoxBlue{border-color:#525fe185;}
.SummerCampInperson3 .card .card-body.SCI3BoxOrange:hover{border-color:#f86f03;}
.SummerCampInperson3 .card .card-body.SCI3BoxBlue:hover{border-color:#525fe1;}
.SummerCampInperson4 {
    background: url(../../assets/images/Home/newhome/bgfortop.webp);
    background-size: cover; background-position: center; color:#fff; font-size: 20px;
}
.SummerCampInperson4 h3 {margin:30px 0px;}
.SummerCampInperson4 h3 span{font-size: 40px; color: #ffffff; text-shadow: 2px 2px 4px #000;}


.SummerCampInperson5 {background:#f4f8fd;}
.SummerCampInperson5 .card{margin-top:40px;}
.SummerCampInperson5 .card .card-body{text-align: center; color:#000; border-radius: 10px;
padding:0px; overflow:hidden;}
.SummerCampInperson5 .card .card-body:hover{
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.SummerCampInperson5 .card .card-body .smi5top{overflow:hidden; position:relative;}
.SummerCampInperson5 .card .card-body .smi5top .smi5topIcon{position: absolute; top: 10px;
right: 15px; background: #fff; height: 35px; width: 35px; border-radius: 50%; display: flex;
justify-content: center; align-items: center;}
.SummerCampInperson5 .card .card-body .smi5top .smi5topImg{height: 230px; 
background-size: cover; background-position: bottom;}
.SummerCampInperson5 .card .card-body .smi5top .smi5topIcon img{width: 20px;}
.SummerCampInperson5 .card .card-body p{margin: 0px; padding: 10px; min-height: 100px;
    display: flex; justify-content: center; align-items: center;}
.SummerCampInperson5.SCI5New .card .card-body h5 {font-size: 18px; margin: 15px 0px;}
.SummerCampInperson5.SCI5New .card .card-body p {min-height: auto; padding: 0px 10px 20px 10px;
    font-size: 14px;
}
.SummerCampInperson5 .card .card-body .smi5top .smi5topFree{position: absolute;  top: 10px;
    left: 15px;}
.SummerCampInperson5 .card .card-body .smi5top .smi5topFree img{width:100px;}
.SummerCampInperson6 table {color: #000; border-color: #7f8bff; vertical-align: middle;}
.SummerCampInperson6 table thead {background:#525fe1; color:#fff; 
text-align:center; vertical-align: middle;}
.SummerCampInperson6 table thead th span{font-weight: 500;}
.SummerCampInperson6 table thead th {padding: 15px; font-size: 18px; white-space: nowrap;}
.SummerCampInperson6 table div{padding: 6px 10px; display: flex; align-items: flex-start;}
.SummerCampInperson6 table div img{width: 20px; margin-right: 10px}
.SummerCampInperson6 .table.firstBlue td:first-child {color: #525fe1; font-weight:600;}
.SummerCampInperson6 .table.firstOrange td:first-child {color: #f86f03; font-weight:600;}
.SummerCampInperson7 {background: url(../../assets/images/Inperson-Summer-Camp/Opportunity.webp);
    background-size: cover; background-position: center; color:#fff; position: relative; overflow:hidden;}
.SummerCampInperson7 .SCI7overlay{background-color: #525fe1cc; height: -webkit-fill-available; 
width: 100%; position: absolute; top: 0; left: 0;  z-index: 2;}
.SummerCampInperson7 .container{position:relative; z-index: 3;}
.SummerCampInperson7 .moonNewHomeHeading h2{color:#fff;}
.SummerCampInperson7 .moonNewHomeHeading p{font-size:20px; margin-bottom:40px;}
.SummerCampInperson7 .card {background-color: #00000030; backdrop-filter: blur(10px);}
.SummerCampInperson7 .card .card-body{text-align:center; padding:30px;}
.SummerCampInperson7 .card .card-body h3{font-size:36px; color:#fff; margin-bottom:20px;}
.SummerCampInperson7 .card .card-body h4{font-size:26px; color:#fff; margin-bottom:20px;}
.SummerCampInperson7 .card .card-body h2{font-size:46px; color:#fcce0d; margin-bottom:20px;}
.SummerCampInperson7 .card .card-body h2 del{font-size:36px; color:#c6c6c6;}
.SummerCampInperson7 .card .card-body p{font-size:20px; margin-bottom:20px;}
.SummerCampInperson7 .card .card-body p span{color:#fcce0d;}
.SummerCampInperson7 .card .card-body button{padding: 8px 30px; font-size: 20px;}

.SummerCampInperson8 {background:#fffaeb;}
.SummerCampInperson8 .card {margin-top: 30px; border: 1px #525fe1 solid;
border-left: 4px #525fe1 solid; background: #f0f1ff; color:#000;}
.SummerCampInperson8 .card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}
.SummerCampInperson8 .card .card-body{display: flex; padding: 30px 20px;}
.SummerCampInperson8 .card .card-body img{margin-right:20px;}

.blue-table thead {background: #525fe1;}
.blue-table tbody tr, .blue-table tfoot tr{background: #eaecff; color:#000; border: 1px #b4b4b4 solid;}
.blue-table tbody tr:hover, .blue-table tfoot tr:hover,
.blue-table tbody tr:nth-of-type(even):hover{background: #0000001c;}
.blue-table tbody tr:nth-of-type(even) {background: #fff7f1;}
.table-round td:first-child, .table-round th:first-child { border-radius: 6px 0 0 6px; }
.table-round td:last-child, .table-round th:last-child { border-radius:  0 6px 6px 0; }
.table-round {border-collapse: separate; border-spacing: 0 6px;}


.newSCIBtn{background: #f86f03; color: #fff;font-size: 22px; font-weight: 700; 
padding: 10px 50px; border-radius:50px;}

.newSCIBtn:hover{background: #f86f03; color: #fff; opacity:.8;}

@media screen and (max-width: 992px) {
    .SummerCampInpersonBanner1 button { left: 37%; top: 21%; font-size: 10px !important;
    padding: 2px 10px !important;}
    .newSCIBtn {font-size: 16px !important; padding: 6px 25px !important;}
    .SummerCampInperson7 .moonNewHomeHeading p{font-size:15px; margin-bottom:20px;}
    .SummerCampInperson7 .card .card-body{padding:30px 15px;}
    .SummerCampInperson7 .card .card-body h3{font-size:22px; margin-bottom:10px;}
    .SummerCampInperson7 .card .card-body h4{font-size:18px; margin-bottom:10px;}
    .SummerCampInperson7 .card .card-body h2{font-size:28px; margin-bottom:10px;}
    .SummerCampInperson7 .card .card-body h2 del{font-size:22px;}
    .SummerCampInperson7 .card .card-body p{font-size:16px; margin-bottom:10px;}
    .SummerCampInperson7 .card .card-body button{font-size: 14px;}
    .SummerCampInperson5 .card .card-body .smi5top .smi5topImg { height: 180px;}
    .SummerCampInperson4 button {font-size: 16px; padding: 10px 15px;}
    .SummerCampInperson6 table thead th{font-size:14px; padding:10px;}
    .SummerCampInperson6 table{font-size:13px;}
    .SummerCampInperson6 table div img{width:16px;}
    .SummerCampInperson3 .card .card-body img{width: 40px; margin: 10px 0px;}
    .SummerCampInperson3 .card .card-body h5{font-size:18px; margin-bottom:10px;}
    .SummerCampInperson3 .card .card-body p{font-size:14px;}
    .SummerCampInperson-1 ul{justify-content: center;}
    .SummerCampInperson-1 ul li{padding: 20px 5px 0px 5px; width: 50%;}
    .SummerCampInperson-1 ul li img{margin-bottom: 5px; width: 120px;}
    .SummerCampInperson-1 ul li p{font-size:13px; line-height: 18px;}
    .location-banner{font-size: 16px; padding: 20px 15px !important; height: auto;}
}

@media screen and (max-width: 410px) {
    .SummerCampInperson-1 ul{justify-content: center;}
    .SummerCampInperson-1 ul li{padding: 20px 5px 0px 5px; width: 50%;}
    .SummerCampInperson-1 ul li img{margin-bottom: 5px; width: 110px;}
    .SummerCampInperson-1 ul li p{font-size:11px; line-height: 18px;}
    .SummerCampInperson6 .NewMoonRadioBtn{position:relative; padding-top: 40px;}
    .SummerCampInperson6 .NewMoonRadioBtn h3{position:absolute; top:0px; left: 0; right: 0;}
    .SummerCampInperson6 .NewMoonRadioBtn li{padding:5px;}
    .SummerCampInperson6 .NewMoonRadioBtn label{padding: 12px 20px; font-size: 15px;
        line-height: 15px;}
    .NewMoonRadioBtn input[type=radio]:checked + label::after{top: -11px !important;
    height: 25px !important;  width: 25px !important; line-height: 25px !important;}
}
/*Stem Ambassador*/

.StemAmbassadorBanner{background:#525fe1; text-align:center; position:relative;}  
.StemAmbassadorBanner img{width:70%; margin-top:20px;}
.StemAmbassadorBanner::before {content: ""; width: 100%; height: 15px; position: absolute;
  bottom: -0.3%; left: 0; background-size: auto; background-repeat: repeat no-repeat; background-position: 100vw bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23FFFFFF'/></svg>");
}

.StemAmbassadorBox1{    
    background-image: url(../../assets/images/Home/newhome/bg-for-kits.webp);
    background-position: center; background-size: cover; color:#000;
}
.StemAmbassadorBox1 .moonNewHomeHeading h2{color: #525fe1; margin-bottom:20px;}
.StemAmbassadorBox1 img{width:180px;}
.StemAmbassadorBox1 p{padding: 10px 30px;}
.StemAmbassadorBox2 .AmbassadorSteps{text-align:center; background: #fcce0d; padding: 10px; 
border-radius: 20px; color:#000;}
.StemAmbassadorBox2 .AmbassadorStepImg{text-align: center; width: 60px; height: 60px;
    margin: auto; margin-top: -10px;}

.StemAmbassadorBox2 .AmbassadorPathTable table {border-collapse: separate; line-height:20px; 
border-spacing: 0 15px; margin-top: -15px; vertical-align:middle; text-align:center;}
.StemAmbassadorBox2 .AmbassadorPathTable table thead th{background: #fcce0d; color: #000;
    font-size: 20px; padding: 20px 20px; vertical-align: middle;}
.StemAmbassadorBox2 .AmbassadorPathTable table thead tr:first-child th:first-child {
    border-top-left-radius: 20px; border-bottom-left-radius: 20px;
}
.StemAmbassadorBox2 .AmbassadorPathTable table thead tr:first-child th:last-child {
    border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-left: 1px #adadad solid;
}
.StemAmbassadorBox2 .AmbassadorPathTable table tbody td:first-child div{background: #525fe1;
    color: #fff; border-radius: 50px; width: 150px; height: 50px; padding: 5px;
    display: flex; justify-content: center; align-items: center;
}
.StemAmbassadorBox2 .AmbassadorPathTable table tbody tr td:nth-child(2) {
border-top-left-radius: 20px; border-bottom-left-radius: 20px; background: #f1f2fd;
    border: 1px #adadad solid; border-right: 0px;
}
.StemAmbassadorBox2 .AmbassadorPathTable table tbody tr td:last-child {
border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: #f1f2fd;
    border: 1px #adadad solid;
}
.StemAmbassadorBox3 {
    background-image: url(../../assets/images/Home/newhome/bg-for-kits.webp);
    background-position: center; background-size: cover;
}
.StemAmbassadorBox3 .SABoxWPM{display: flex; align-items: center; margin-top: 30px;}
.StemAmbassadorBox3 .SABoxWPM img{margin-right: -130px; position: relative; width: 150px;}
.StemAmbassadorBox3 .SABoxWPM .SABoxWPMBody{background: #fcce0d; color: #000;
border-radius: 50px; padding: 20px; text-align:center; width:100%; padding-left:110px;}
.StemAmbassadorBox3 .SABoxWPM .SABoxWPMBody h4{font-size: 20px;}
.StemAmbassadorBox3 .SABoxWPM .SABoxWPMBody p{margin: 0px auto; width: 220px; line-height: 20px;}

.StemAmbassadorBox4{background:#f4f8fd}
.StemAmbassadorBox4 h3{color:#525fe1; font-size: 32px;}
.StemAmbassadorBox4 .SAB-WhatNeed {display:flex; margin:20px 0px;}
.StemAmbassadorBox4 .SAB-WhatNeed h3{margin: 0px; background: #525fe1; color: #fff; display: flex;
    align-items: center; justify-content: center; padding: 10px; font-style: italic; font-weight: 500;
    min-width: 180px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; font-size: 26px;}
.StemAmbassadorBox4 .SAB-WhatNeed ul{color: #000; list-style: none; padding: 10px 10px 0px 10px;
    border: 2px #525fe1 dashed; margin: 0px; border-top-right-radius: 15px;
    border-bottom-right-radius: 15px; border-left: 0px;}
.StemAmbassadorBox4 .SAB-WhatNeed ul li {font-size: 20px; padding-bottom: 10px; display: flex;}
.StemAmbassadorBox4 .SAB-WhatNeed ul li i{font-size: 22px; color: #525fe1; margin-right: 10px; margin-top: 5px;}
.StemAmbassadorBox4 p{font-size:22px;}
.StemAmbassadorBox4 a{word-break:break-all; font-size:18px;}

.coloredTable{text-align:center; vertical-align:middle; color: #454545; font-size: 14px;}
.coloredTable thead th{vertical-align:middle; color: #4b5563; font-size: 18px; padding: 20px 15px;}
.coloredTable thead th p{font-size: 12px; font-weight: 500; margin: 0px; line-height: 15px;
    white-space: nowrap;}
.coloredTable thead th div{padding: 10px 30px; height: 110px; font-size: 20px; display: flex;
    align-items: center; border-radius: 10px; justify-content: center; position: relative;}

.coloredTable thead th div::after {content: ''; height: 20px; width: 20px;
position: absolute; bottom: -8px; left: 45%; transform: rotate(225deg);
}
.coloredTable tbody td, .coloredTable tbody th {padding: 20px 15px !important; border: 1px #efefef solid;}

.coloredTable thead tr:first-child th:first-child{border-top-left-radius:20px;}
.coloredTable thead tr:first-child th:last-child{border-top-right-radius:20px;}

.coloredTable thead th:nth-child(1){background: linear-gradient(147deg, #e3e8ef, #e4e7eb, #c4dcfb)}
.coloredTable thead th:nth-child(2){background: linear-gradient(147deg, #e3e8ef, #e5e7ec, #c6ddfa)}
.coloredTable thead th:nth-child(3){background: linear-gradient(147deg, #fedca4, #feef8a, #fde68a)}
.coloredTable thead th:nth-child(4){background: linear-gradient(147deg, #bdddfe, #a6f2fc, #b8e8fd)}
.coloredTable thead th:nth-child(5){background: linear-gradient(147deg, #dfd6fe, #e8d5ff, #f8d0eb)}

.coloredTable tbody td, .coloredTable tfoot td{padding: 20px 10px;}
.coloredTable tbody td:nth-child(1), .coloredTable tfoot td:nth-child(1) {background: #f9fafb; 
    font-weight:600; text-align:left; color:#000; border-bottom: 1px;}
.coloredTable tbody td:nth-child(2), .coloredTable tfoot td:nth-child(2) {background: #f9fafb; border-bottom: 1px;}
.coloredTable tbody td:nth-child(3), .coloredTable tfoot td:nth-child(3) {background: #fff8ed; border-bottom: 1px;}
.coloredTable tbody td:nth-child(4), .coloredTable tfoot td:nth-child(4) {background: #eef7ff; border-bottom: 1px;}
.coloredTable tbody td:nth-child(5), .coloredTable tfoot td:nth-child(5) {background: #f6f3ff; border-bottom: 1px;}

.coloredTable tfoot tr:first-child td:first-child{border-bottom-left-radius:20px;font-size: 18px; font-weight: 600;}
.coloredTable tfoot tr:first-child td:last-child{border-bottom-right-radius:20px;}
.coloredTable tfoot tr td{font-size: 14px;padding:20px 15px; white-space:nowrap; border-top: 1px #efefef solid;}
.coloredTable tfoot tr td h4{font-size: 18px; color:red; margin:3px 0px;}
.coloredTable tfoot td:nth-child(3){background: linear-gradient(147deg, #fedca4b3, #feef8ac2, #fde68ab0)}
.coloredTable tfoot td:nth-child(4){background: linear-gradient(147deg, #bdddfeb5, #a6f2fca8, #b8e8fd94)}
.coloredTable tfoot td:nth-child(5){background: linear-gradient(147deg, #dfd6feba, #e8d5ffb8, #f8d0eb96)}

.btn-StemBuyNow{background: #525fe1; color: #fff; padding: 8px 20px; border-radius: 50px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.btn-StemBuyNow:hover{color: #fff; opacity:.8; box-shadow:0px 0px;}

@media screen and (max-width: 720px) {
    .StemAmbassadorBox3 .SABoxWPM {margin-top:15px;}
    .StemAmbassadorBox3 .SABoxWPM img {margin-right: -100px; width: 120px;}
    .StemAmbassadorBox3 .SABoxWPM .SABoxWPMBody{padding: 10px; padding-left: 100px;}
    .StemAmbassadorBox3 .SABoxWPM .SABoxWPMBody p{width:auto; font-size: 12px;
        line-height: 15px;}
    .StemAmbassadorBox3 .SABoxWPM .SABoxWPMBody h4 {font-size: 15px;}
    .StemAmbassadorBox4 h3 {font-size: 22px;}
    .StemAmbassadorBox4 .SAB-WhatNeed {flex-wrap: wrap;}
    .StemAmbassadorBox4 .SAB-WhatNeed h3{font-size: 22px; min-width: 100%; border-radius: 15px 15px 0px 0px;}
    .StemAmbassadorBox4 .SAB-WhatNeed ul{border-radius:0px 0px 15px 15px; border: 2px #525fe1 dashed;}
    .StemAmbassadorBox4 .SAB-WhatNeed ul li{font-size:16px;}
    .StemAmbassadorBox4 p {font-size: 14px;}
    .StemAmbassadorBox2 .AmbassadorPathTable table{font-size: 12px; border-spacing: 0 5px; margin-top: 5px;}
    .StemAmbassadorBox2 .AmbassadorPathTable table thead th {font-size: 14px; padding: 10px;}
    .StemAmbassadorBox2 .AmbassadorPathTable table tbody td:first-child div {width: 100px; height: 40px;}
    .coloredTable thead th div {padding: 10px 20px; height: 70px; font-size: 16px;}
    .coloredTable tbody tr:first-child {font-size: 14px;}
    .coloredTable tbody td, .coloredTable tfoot td {padding: 10px; font-size: 12px;}
    .StemAmbassadorBanner::before {height:5px;}
}

/*Rockstart Moon Campaigns Slider 29-Jul-2025*/
.RockstartMoonCampaigns .item{}
.RockstartMoonCampaigns .item .card{width:100%; padding:15px 10px; margin: 10px 0px; background: #fdfdfd;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.RockstartMoonCampaigns .item .card:hover{box-shadow: 0px 0px;}
.RockstartMoonCampaigns .item .card h5{color: #525fe1; margin-bottom:15px; font-size: 16px;}
.RockstartMoonCampaigns .item .card h6{color: #4d4d4d; font-size: 15px; margin-bottom: 4px;}
.RockstartMoonCampaigns .item .card p{margin-bottom: 8px; font-size: 14px; line-height: 20px;
    text-align: left; display: flex;}
.RockstartMoonCampaigns .item .card p i{color: #525fe1; margin-right:7px;}
.RockstartMoonCampaigns .item .card a{font-size: 14px; background: #525fe1; color: #fff;
    padding: 3px 30px; display: inline-block; border-radius: 50px; width: fit-content; margin: auto; margin-top:10px;}
.RockstartMoonCampaigns .item .card a:hover{opacity:.8;}
.RockstartMoonCampaigns.slick-slider .slick-arrow{top: 50% !important; background: #525fe1;
color: #fff; border-radius: 50%; height: 27px; width: 28px;}
.RockstartMoonCampaigns.slick-slider .prev-icon.slick-arrow{left: -25px !important;}
.RockstartMoonCampaigns.slick-slider .next-icon.slick-arrow{right: -25px !important;}




/*D39 Summer Camp*/
.D39SummerCampBox1{background: #525fe1; padding: 15px 0px;}
.D39SummerCampBox1 ul {font-size: 20px; color: #fff; margin: 0px; list-style: none; display: flex; 
    flex-wrap: wrap; justify-content: center; }
.D39SummerCampBox1 ul li {margin: 15px 0px 10px 10px; line-height: 15px; padding-right: 10px;
    border-right: 2px #fff solid;}
.D39SummerCampBox1 ul li:last-child {border-right: 0px;}

.D39SummerCampBox2 {background: #f7f5ff;}
.D39SummerCampBox2 .card{box-shadow: 0px 0px 15px #ebebeb; text-align:center; width: 100%; 
    margin: 10px 0px; transition: all 1s;}
.D39SummerCampBox2 .card:hover{transform: scale(1.06); transition: all .5s;}
.D39SummerCampBox2 .card .card-body i{font-size: 40px; width: 80px; height: 80px; margin-bottom: 15px;
    border-radius: 50%; background: #f5f5f5; display: inline-flex; justify-content: center; 
    align-items: center;}
.D39SummerCampBox2 .card .card-body p{margin:0px;}
.D39SummerCampBox2 .card .card-body i.fa-calendar-alt {background: #d6d9ff; color:#525fe1;}
.D39SummerCampBox2 .card .card-body i.fa-users {background: #daffdc; color:#4caf50;}
.D39SummerCampBox2 .card .card-body i.fa-dollar-sign {background: #e2d2ff; color:#673ab7;}
.D39SummerCampBox2 .card .card-body i.fa-clock {background: #ffe3cd; color:#f86f03;}

.D39SummerCampBox2N {background-position: center; background-size: cover;
    background-image: url(../../assets/images/Home/newhome/bg-for-kits.webp);}
.D39SummerCampBox2N .container{background: linear-gradient(102deg, #f8726f, #fac41a); padding:30px 10px;
    border-radius:15px;}

.D39SummerCampBox3 .container{background: #f7f5ff; padding: 30px; border-radius: 15px; 
    border: 1px #e2e2e3 solid;}
.D39SummerCampBox3 .moonNewHomeHeading p span{display: inline-block; font-size: 18px; margin: 5px 10px;}
.D39SummerCampBox3 .moonNewHomeHeading h4{font-size: 20px; margin-bottom: 30px;}
.D39SummerCampBox3 .card{box-shadow: 0px 0px 15px #ebebeb; text-align:center; width: 100%; 
    margin: 10px 0px; transition: all 1s;}
.D39SummerCampBox3 .card:hover{transform: scale(1.06); transition: all .5s;}
.D39SummerCampBox3 .card .card-body p{margin:0px;}
.D39SummerCampBox3 .card .card-body small{font-size:12px;}

.D39SummerCampBox4 {
    background-image: url(../../assets/images/Home/newhome/bg-for-kits.webp);
    background-position: center; background-size: cover; padding-bottom: 45px !important;
}
.D39SummerCampBox4 .card{box-shadow: 0px 0px 15px #ebebeb; text-align:center; width: 100%; 
    margin: 20px 0px; transition: all 1s;}
.D39SummerCampBox4 .card:hover{transform: scale(1.06); transition: all .5s;}
.D39SummerCampBox4 .card img{width: 180px; max-width: 100%; margin: 20px 0px;}
.D39SummerCampBox4 .card.D39SummerCampBox4B{background:#525fe1; padding:30px;}
.D39SummerCampBox4 .card.D39SummerCampBox4B h2{color:#fff;}
.D39SummerCampBox4 .card.D39SummerCampBox4B h3{color: #ffdd4d; font-size: 30px; margin-top: 20px;
    font-family: sans-serif; font-weight: 900;}
.D39SummerCampBox4 .card.D39SummerCampBox4B p{color: #fff; margin:0px;}
.D39SummerCampBox4 .card.D39SummerCampBox4Y {background: #fff6d2; padding:30px;}
.D39SummerCampBox4 .card.D39SummerCampBox4Y p{font-size:20px; color: #000; margin:0px;}
.D39SummerCampBox4 .card.D39SummerCampBox4B:hover,
.D39SummerCampBox4 .card.D39SummerCampBox4Y:hover{transform: scale(1)}

.D39SummerCampBox5 img{border-radius:15px; width:100%; margin-bottom:25px;}
.D39SummerCampBox5 .card{border:0px; margin-bottom:25px; overflow:hidden;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;}
.D39SummerCampBox5 .card:hover{ box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;}
.D39SummerCampBox5 .card .card-body{padding:0px;}
.D39SummerCampBox5 .card .card-body header{padding: 25px; display: flex;justify-content: space-between;}
.D39SummerCampBox5 .card .card-body header p{margin:0px; color:#fff;}
.D39SummerCampBox5 .card .card-body header h6{color:#fff;}
.D39SummerCampBox5 .card .card-body header h3{position: relative; padding-left: 73px; color:#fff;}
.D39SummerCampBox5 .card .card-body header h3 span{width: 65px; text-align: center; font-size: 12px;
    padding: 3px; border-radius: 10px; position: absolute; left: 0px; top: 8px;}
.D39SummerCampBox5 .card .card-body .row{padding:20px; background:#fff;}
.D39SummerCampBox5 .card .card-body ul{margin: 0px; line-height: 35px;  list-style: none;}
.D39SummerCampBox5 .card .card-body ul li {position: relative; font-size: 18px; color: #000;}
.D39SummerCampBox5 .card .card-body ul li:before {content: "•"; position: absolute; left: -30px;
    color: #fb923c; font-size: 40px;}
.D39SummerCampBox5 .card.D39SummerCampBox5L0 header{background: linear-gradient(45deg, #4ade80, #60a5fa);}
.D39SummerCampBox5 .card.D39SummerCampBox5L0 header span{background: #22c55e;}
.D39SummerCampBox5 .card.D39SummerCampBox5L1 header{background: linear-gradient(45deg, #60a5fa, #c084fc);}
.D39SummerCampBox5 .card.D39SummerCampBox5L1 header span{background: #3b82f6;}
.D39SummerCampBox5 .card.D39SummerCampBox5L2 header{background: linear-gradient(45deg, #c084fc, #f472b6);}
.D39SummerCampBox5 .card.D39SummerCampBox5L2 header span{background: #a855f7;}

.D39SummerCampBox6 {background: linear-gradient(102deg, #f8726f, #fac41a);}
.D39SummerCampBox6 .moonNewHomeHeading h2{color: #fff;}
.D39SummerCampBox6 .moonNewHomeHeading h5{color: #740902; font-weight: 500;}
.D39SummerCampBox6 .moonNewHomeHeading p{color:#fff; font-size:18px; margin-bottom:30px;}
.D39SummerCampBox6 .card{background: #ffffff4a; border: 1px #fff solid; color:#000; padding:5px;
    text-align:center; width:100%; font-size:22px; font-weight:900; font-family: sans-serif;}
.D39SummerCampBox6 .card .card{border:0px; margin: 10px 0px;}
.D39SummerCampBox6 .card .card span{display: inline-block; padding: 0px 12px; border-radius: 5px;
    font-size: 26px; margin-left: 10px;}
.D39SummerCampBox6 .card .cardBodyGreen span{background: #daffdc; color: #15931a;}
.D39SummerCampBox6 .card .cardBodyBlue span{background: #d6d9ff; color: #1623a7;}
.D39SummerCampBox6 h4{color: #fef9c3;}
button.D39Btn{font-size: 20px;color: #fff; padding: 8px 30px; border-radius: 50px;
    background: linear-gradient(45deg, #4CAF50, #525fe1); margin: 15px 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; 
}
button.D39Btn:hover{color: #fff; border:1px #fff solid; box-shadow: 0px 0px;}
.D39SummerCampBox6 p{color: #fff;}

@-webkit-keyframes blinker1 { from {opacity: 1;}  to {opacity: 0.5;}}
.D39SummerCampBox2 .card .card-body i {text-decoration: blink; -webkit-animation-name: blinker1;
    -webkit-animation-duration: 2s;  -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out; -webkit-animation-direction: alternate;
}
@media screen and (max-width: 720px) {
    .D39SummerCampBox1 ul{padding:0px; font-size:12px;}
    .D39SummerCampBox1 ul li {margin: 3px 5px; padding-right: 10px;}
    .D39SummerCampBox2 .card .card-body i {font-size: 25px; width: 60px; height: 60px;}
    .D39SummerCampBox2 .card .card-body h5 {font-size: 14px;}
    .D39SummerCampBox2 .card .card-body p {font-size: 12px;}
    .D39SummerCampBox3 .card .card-body h5 {font-size: 14px;}
    .D39SummerCampBox3 .card .card-body p {font-size: 12px;}
    .D39SummerCampBox4 .card img {margin-top: 5px;}
    .D39SummerCampBox4 .card .card-body h5 {font-size: 14px;}
    .D39SummerCampBox4 .card .card-body p {font-size: 12px;}
    .D39SummerCampBox4 .card.D39SummerCampBox4B,
    .D39SummerCampBox4 .card.D39SummerCampBox4Y {padding: 0px;}
    .D39SummerCampBox5 .card .card-body header {padding: 15px; position:relative;}
    .D39SummerCampBox5 .card .card-body header h3 span {width: 65px; position: relative; 
    display: block; margin-bottom:20px;}
    .D39SummerCampBox5 .card .card-body header h3 {padding-left: 0px; font-size: 18px;}
    .D39SummerCampBox5 .card .card-body header p {font-size: 14px;}
    .D39SummerCampBox5 .card .card-body header h6 {position: absolute; top: 20px; right: 15px;}
    .D39SummerCampBox5 .card .card-body ul {line-height:20px;}
    .D39SummerCampBox5 .card .card-body ul li {font-size: 14px; margin-bottom:15px;}
    }
/************EventMoonDetailsBanner************/
.EventMoonDetailsBanner {background: url(../../assets/images/Home/newhome/bgfortop.webp);  
    background-size: cover; background-position: center; padding: 50px 0px; position: relative;
}
.EventMoonDetailsBanner img{width: 100%; border: 10px #ffffffa3 solid; border-radius: 10px; background: #ffffffa3;}
.EventMoonDetailsBanner p{border-radius: 5px; background: #fcce0dd4; display: inline-block; color: #000;
     padding: 5px 20px; font-weight: 700; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; margin:0px;}
.EventMoonDetailsBanner h1{font-size: 55px; font-family: sans-serif; color: #ffffff;
    text-shadow: 3px 3px 2px #00000078;}
.EventMoonDetailsBanner span{border-radius: 5px; background: #525fe1; color: #fff; display: inline-block;
    padding: 8px 10px; margin: 5px 0px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}
.EventMoonDetailsBanner span i{background: #fff; color: #525fe1; width: 25px; height: 25px;
    display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 5px;}
.EventMoonDetailsRegBody{background: url(../../assets/images/all/pattern/white-paper-texture.jpg);  
    background-size: 25%; background-position: center; padding: 20px 0px; position: relative;}
.EventMoonDetailsRegBody .col-12{display: flex; flex-wrap: wrap; align-items: center;
    justify-content: space-between;}
.EventMoonDetailsRegBody .col-12 p{margin:10px 0px; font-size: 20px; font-weight: 600; color: #444444;}
.EventMoonDetailsRegBtn{color: #fff; background: #f86f03; padding: 7px 30px; border-radius: 50px; 
    transition: all 1s; display:inline-block;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.EventMoonDetailsRegBtn:hover{color: #fff; background: #e46907; transition: all 0.5s; box-shadow: 0px 0px;}
.EventMoonDetailsBody .D39SummerCampBox5 .card .card-body header{padding: 15px 20px;}
.EventMoonDetailsBody .D39SummerCampBox5 .card .card-body header h3{padding-left: 0px; margin:0px;font-size: 22px;}
.EventMoonDetailsBody .D39SummerCampBox5 .card .card-body .EventHighlights .card{padding: 20px;
    background: linear-gradient(45deg, #ffffff, #f7f7f7);}
.EventMoonDetailsBody .D39SummerCampBox5 .card .card-body .EventHighlights .card:last-child{margin-bottom:0px;}
.EventMoonDetailsBody .D39SummerCampBox5 .card .card-body .EventHighlights .card h5{color: #525fe1;}
.EventMoonDetailsBody .D39SummerCampBox5 .card .card-body .EventHighlights .card p{margin:0px;}
.EventMoonDetailsBody .EventMoonDetailsBodyR{background: #8b96ff; padding: 20px; border-radius: 10px;}
.EventMoonDetailsBody .EventMoonDetailsBodyR .card{background: linear-gradient(45deg, #ffffffad, #fff);
    padding: 15px; color: #000; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.EventMoonDetailsBody .EventMoonDetailsBodyR .card h5{text-align: center; color: #000;}
.EventMoonDetailsBody .EventMoonDetailsBodyR .card ul{margin: 0px; line-height: 35px;list-style: none;}
.EventMoonDetailsBody .EventMoonDetailsBodyR .card ul li:before {content: "📌"; position: absolute;
    left: 15px; color: #fb923c; font-size: 18px;}
.EventMoonDetailsBody .EventMoonDetailsBodyR .card ul li{display: flex; justify-content: space-between;
    border-bottom: 1px #525fe1 dashed; margin-bottom: 15px; padding-bottom: 10px;}
.EventMoonDetailsBody .EventMoonDetailsBodyR .card ul li:last-child{border-bottom: 0px; 
    margin-bottom: 0px; padding-bottom: 10px;}
.EventMoonDetailsBody .EventMoonDetailsBodyR1{background: #ffd9bc; padding: 20px; border-radius: 10px;}
.EventMoonDetailsBody .EventMoonDetailsBodyR1 img{width:100%; margin-bottom:15px;}
.EventMoonDetailsBody .EventMoonDetailsBodyR1 h6{color: #545454;}
.EventMoonDetailsBody .EventMoonDetailsBodyR1 h6 small{display: block; font-weight: 500;}
.EventMoonDetailsBody .EventMoonDetailsBodyR1 i{color: #FF5722;}
.EventMoonDetailsBody .EventMoonDetailsBodyR1 a{background: #f86f03; color: #fff; display: inline-block;
    padding: 6px 20px; border-radius: 30px;}
.EventMoonDetails1{background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);}
.EventMoonDetails1 .card{overflow:hidden; box-shadow: 0px 0px 15px #ebebeb; width: 100%;
    margin: 10px 0px; transition: all 1s;}
.EventMoonDetails1 .card:hover{transform: scale(1.06); transition: all .5s;}
.EventMoonDetails1 .card .EventMoonDetails1Bg{background-size: 100% !important;
    background-position: center !important; height: 200px;}
.EventMoonDetails1 .card address{padding: 20px; margin: 0px; color:#000;}
.EventMoonDetails1 .card img{width:100%;}
.EventMoonDetails1 .card span, .EventMoonDetails1 .card strong{display:block; margin-bottom: 10px;}

@media screen and (max-width: 720px) {
    .EventMoonDetailsBanner p{font-size: 12px; margin-top:20px; padding: 3px 10px; box-shadow: 0px 0px;}
    .EventMoonDetailsBanner h1{font-size: 20px; margin-top:10px; text-shadow:0px 0px;}
    .EventMoonDetailsBanner span{font-size: 12px; padding:4px 10px; box-shadow: 0px 0px;}
    .EventMoonDetailsBody .EventMoonDetailsBodyR .card ul {padding-left: 20px;}
    .EventMoonDetailsBody .EventMoonDetailsBodyR .card ul li {font-size: 12px; padding-bottom: 0px;
        margin-bottom: 5px;}
    .EventMoonDetailsBody .EventMoonDetailsBodyR .card ul li:before{left: 5px;}
}