body{font-family: 'robotoregular';}
.pl0{padding: 0px;}
 
.firstrotate {transform: skew(0deg, 5deg)}
.secrotate{transform:skew(0deg, -5deg)}
.mb70{margin-bottom: 70px;}
.mb30{margin-bottom: 30px;}
.topblock{background: #63d2ba;}
 
.topheader{padding:20px 0px; }
.topheader .left{color: #FFFFFF;}
.topheader .left a{color: #FFFFFF;}
.topheader .right span{margin-right: 8px;}
.topheader .right{text-align: right;}
.logo{background: #FFFFFF; border-left: 5px solid #F28076; padding: 10px; width: 100%; height: 77px;}
.navigation {background: #ffffff; padding: 0px; height: 77px;}
.navbar{margin-bottom: 0px; line-height: 0px; margin-top: 18px;}
  .headerContentSection{margin-top: 85px;}
  .first{height: 250px; display: table;}
  .first p{font-size: 33px; color: #000000; font-family: 'palanquinbold'; text-align: right; margin-top: 10%;}
  .first p span{ font-family: 'robotolight';}

  .first h3{font-size: 18px; background: #000; text-align: center; color: #FFFFFF; padding: 10px 0px; letter-spacing:2px;}

  .colorbox{background: #FBC193; padding: 30px;}
  .colorbox .firstline{font-size: 19px; line-height: 19px;}
  .colorbox .secondline{color: #FFFFFF; font-size: 41px; font-family: 'palanquinbold'; margin-bottom: 0px; line-height: 45px;}
  .colorbox .thidline {font-size: 19px; }
  .colorbox .thidline span{ font-family: 'robotobold';}

  .forth{margin-top: 20px;}
  
  .forth a{background: #FFFFFF; padding: 10px 20px; border-radius: 20px; color: #000000; font-weight: bold; font-size: 14px; text-decoration: none;}
  .forth a:hover{background: #000; color: #fff;}
  .aboutbg{background-image: url(../images/aboutus.jpg); background-repeat: no-repeat; height: 100vh;}

.owl-carousel03 .circle{background-image: url(../images/silderbg.png); background-repeat: no-repeat;
	 width: 250px; height: 250px; vertical-align: middle;
	 display: table-cell; text-align: center;}

.owl-item  > div{ width: 250px;}
.owl-carousel03 h5{text-align: center; font-size: 31px; color: #ffffff;  font-family: 'palanquinregular';}
.owl-carousel03 h5 span{font-family: 'palanquinbold';}
.owl-prev {
	border: 2px solid #fff; width: 45px;height: 45px;font-size: 30px; 
	padding: 0px 6px 4px 12px;border-radius: 50%;color: #fff;position: absolute;top: 38%;left: -5%;
}

.owl-next {
	border: 2px solid #fff; width: 45px;height: 45px;font-size: 30px; 
	padding: 0px 6px 4px 17px;border-radius: 50%;color: #fff; 
	position: absolute;top: 38%;right:3%;
}


.about{background: #FFFFFF; padding-top: 30px;}
.about h2{color: #000; font-family:palanquinbold; font-size: 58px;}
.about p{line-height: 40px; font-size: 19px; margin-bottom: 40px;}
.about a{ text-decoration: none; margin-top: 20px; font-size: 19px; background: #63D2BA; color: #FFFFFF; padding: 10px 35px; border-radius: 25px;}
 

.spellbee01{background: #ffffff !important;}
.spellbee01 a{background: #63D2BA !important; color: #FFFFFF !important; }

.spellbee{background: #63D2BA;  padding: 30px 0px;}
.spellbee h2{color: #000; font-family:palanquinbold; font-size: 58px; line-height: 42px;}
.spellbee h2 span{font-size: 38px;}
.spellbee p{line-height: 40px; font-size: 19px; margin-bottom: 40px;}
.spellbee a{ text-decoration: none; margin-top: 20px; font-size: 19px; background: #FFFFFF; color: #63D2BA; padding: 10px 35px; border-radius: 25px;}
.percent {margin-left: 50px;}
.percent h6{font-size: 19px; font-family: 'palanquinextralight';}
.percent h6 span{font-family: 'palanquinbold';}

.progressbar {width: 100%;margin-top: 5px;margin-bottom: 40px;position: relative; background-color: #55B8A3 !important; }
.proggress{height: 8px;width: 10px;}
.percentCount{float:right;margin-top: 10px;clear: both;font-weight: bold;font-family: Arial;display: none;}

.subjectslider{background: #FAD8BA;  padding: 30px 0px;}
.subjectslider h2{color: #000; font-family:palanquinbold; font-size: 58px; line-height: 42px;}
.subjectslider h2 span{font-size: 38px;}
.firstslide .s11 img{margin-bottom: -129px;}
.firstslide .s12 img{margin-left: 189px; margin-top: -87px;}
.secondslide .s21 img{margin-bottom: -52px; margin-left: 113px;}
.secondslide .s12 img{margin-left: 189px; margin-top: -87px;}
.thirdslide .s31 img{margin-bottom: -82px; margin-left:150px}
.thirdslide .s32 img{margin-left: 8px; margin-top: -87px;}

.leveltable table tr{border: 1px solid #00bdad;}
.leveltable table tr td{border: 1px solid #00bdad;}
.leveltable th{background: #00bdad; color: #FFFFFF; font-family: 'palanquinregular'; letter-spacing: 1px;}
.leveltable .sideheader{background: #e6e7e8; color: #000000; font-weight: bold; letter-spacing: 0.8px;}

.ai{background: #E3E3E3;  padding: 30px 0px;}
.ai h2{color: #000; font-family:palanquinbold; font-size: 58px; line-height: 42px;}
.ai h2 span{font-size: 38px;}
.ai p{line-height: 40px; font-size: 19px; margin-bottom: 40px;}
.ai a{ text-decoration: none; margin-top: 20px; font-size: 19px; background: #FFFFFF; color: #63D2BA; padding: 10px 35px; border-radius: 25px;}
.ai .topbee p{text-align: right; margin-top: -90px; margin-bottom: -90px}
.ai .bigimg{margin-top: 60px;}

.benefits{   padding: 30px 0px;}
.benefits h2{color: #000000; font-family:palanquinbold; font-size: 58px; line-height: 42px;}
.benefits h2 span{font-size: 38px;}
.benefits p{font-size: 16px;  font-family: 'robotoregular';}
.benefits p span{font-family: 'robotobold';}
.leftbox .firstbox{text-align: right; margin-right:-89px; margin-top:57px; height: 150px;}
.leftbox .Secondbox{text-align: right;height: 150px; margin-top: 20px; }
.leftbox .thirdbox{text-align: right; margin-right:-89px; margin-top:7px; height: 150px;}
.rightbox .firstbox{text-align: left; margin-left:-89px; margin-top:57px; height: 150px;}
.rightbox .Secondbox{text-align: left; height: 150px; margin-top: 20px;}
.rightbox .thirdbox{text-align: left; margin-left:-89px; margin-top:7px; height: 150px;}

 /* .price{background: #D6D1CD;  padding: 30px 0px;  }  */
 .price{background: #D6D1CD url(../images/Subtraction.png) no-repeat;  background-position-x: right;} 


.price h2{color: #FFFFFF; font-family:palanquinbold; font-size: 58px; line-height: 42px;}
.price h2 span{font-size: 38px;}
.price p{line-height: 40px; font-size: 19px; margin-bottom: 40px;}
.price h3{ margin-bottom: 3px; font-size: 35px;  font-family: 'robotolight'; color: #000000;}
.price h4{margin-bottom: 40px; font-size: 13px; font-family: 'robotoregular'; color: #FFFFFF;}

.smallprize01 img{margin-top: 50px;}

.smallprize h6 span{margin-top: 30px; width: 100%; display: block; margin-bottom: -88px; margin-right: 50px; }
.bigprize h5{font-size: 22px; text-align: center; color: #FFFFFF;}
.bigprize h6{font-size: 46px; text-align: center; color: #FFFFFF;   font-family: 'robotothin';}

.footertop{padding-top: 100px;}
.footertop h3{color: #FFCC00; font-size: 22px; font-family: 'palanquinbold'; margin-bottom: 30px;}
.footertop p{font-size: 22px;  font-family: 'robotolight'; color: #000000;}
.social img{margin-right: 5px;}
.footertop p a{color: #000000; text-decoration: none;}
.calltoaction {text-align: center;}
.calltoaction p a{background: #FFCC00; font-size: 14px;  font-family: 'palanquinbold'; padding:10px 55px; border-radius: 25px;}
.footertop .lowerbee {margin-top: 37px;float: left;margin-bottom: -30px;}

.footerbottom1 {border-top: 1px solid #5EC5B7; padding: 20px 0px;}
.footerbottom p {font-size: 12px; font-family: 'robotoregular';}
.leftsection .blue{color: #787878;}
.leftsection .red{color: #F28076;}
.rightsection p{text-align: right; color: #5EC5B7; }
.rightsection p a{color: #5EC5B7;   font-family: 'palanquinbold'; letter-spacing: 0.5px;}

.module01{background: #D6D1CD; padding: 20px; text-align: center; margin-bottom: 20px; border-radius: 20px;}
.aboutbg1{text-align: center;}
.aboutbg1 img{margin-top: 0px; margin-bottom: -50px; text-align: center;}
.modal-header{padding:11px !important}
.modal-header h5{font-size: 22px; padding-bottom: 0px;}
.modal-header .close{margin-top:-37px !important; font-size: 35px; opacity: 1;}
.modal-body{line-height: 24px;letter-spacing:0.5px}

.subjectmodulebox {display: block; width: 100%; float: left; margin-bottom: 20px;}
.subjectmodulebox .img{float: left;}
.subjectmodulebox h3{font-size: 26px; color: #000; margin-bottom: 3px;}
.subjectmodulebox .eng{padding:10px;  float: left;}
.subjectmodulebox .eng p{color: #4EAF9B; font-size: 22px; line-height: 26px;}
.subjectmodulebox .hin{padding:10px;  float: left;}
.subjectmodulebox .hin p{color: #3C6B8F; font-size: 22px; line-height: 26px;}
.subjectmodulebox .fre{padding:10px; float: left;}
.subjectmodulebox .fre p{color: #D26363; font-size: 22px; line-height: 26px;}
 

@media(min-width:300px) and (max-width:1200px){
  .pm0{padding: 0px;}
  .wsmenu-list{float: right !important;}  
}

@media(min-width:300px) and (max-width:767px){
	.subjectslider{text-align: center;}
	.price{background-image: none !important;} 
	.subjectmodulebox .img{float: none !important; text-align: center;}
	.subjectmodulebox{text-align: center; float: none !important; border: 2px dashed #fec38f;padding:10px 0px; border-radius: 20px;}
	.subjectmodulebox .eng{float: none !important;}
	.subjectmodulebox .hin{float: none !important;}
	.subjectmodulebox .fre{float: none !important;}

  .fixheader .logo{height: 62px !important;}
  .fixheader .navigation{height: 62px !important;}
  .fixheader .navbar{margin-top: 12px;}
  .fixheader .logo img{width: 70%; }


  .topheader .left p a{font-size: 12px;}
  .topheader{padding: 10px 0px 0px 0px;}

  .navbar ul li { padding: 5px 0px;}
  .navbar ul li a {color: #F28076;}

.headerContentSection{margin-top: 40px;}

  .first p{font-size: 26px; }
  .first{display: inline; height: auto !important;}

  .colorbox{padding: 23px !important; margin-top: 30px; margin-bottom:30px}
  .colorbox .firstline{font-size: 14px; line-height:9px}
  .colorbox .secondline{font-size: 23px; line-height:36px}
  .colorbox .thidline{font-size: 14px;}

  .about h2{font-size:38px}
  .about p{font-size:14px; line-height:27px; margin-bottom: 20px;}
  .about a{padding:7px 20px}


  .spellbee h2{font-size:38px}
  .spellbee p{font-size:14px; line-height:27px; margin-bottom: 20px;}
  .spellbee h2 span{font-size: 28px;}
  .spellbee a{padding:7px 20px}
  .percent{margin-left:0px;}

  
  .subjectslider h2{font-size:38px}

  .subjectslider h2 span{font-size: 28px;}

  .ai h2{font-size:38px}
  .ai h2 span{font-size: 28px;}
  .ai p{font-size:14px; line-height:27px}

  .benefits h2{font-size:38px}
  .benefits h2 span{font-size: 26px;}

.leveltable{margin-top: 30px;}

  .price h2{font-size:28px}

  .price h3{font-size:30px}
  .price h4{margin-bottom:30px}

  .footertop{padding-top:50px; text-align: center;}
  .footerbottom{text-align: center;}
  .rightsection p{text-align: center;}

  .calltoaction p a{padding: 10px 30px}

  .footertop h3{margin-bottom:15px}

  .calltoaction{margin-top: 20px;}

}

 
 .fixheader{position: fixed; z-index: 1000; left: 0%; box-shadow: 4px 1px 10px #585858;}

 










/**********************/
/*     Navigation     */
/**********************/
.navbar {
 
	background-color: #ffffff;
 text-align: center;
 
}


.navbar .navbar-brand {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.navbar .logo-image img {
    width: 110px;
	height: 32px;
}

.navbar .logo-text {
	color: #1e266d;
	font-weight: 700;
	font-size: 2rem;
	line-height: 1rem;
	text-decoration: none;
}

.offcanvas-collapse {
	position: fixed;
	top:0px; /* adjusts the height between the top of the page and the offcanvas menu */
	bottom: 0;
	left: 100%;
	width: 100%;
 z-index: 1000;
	overflow-y: auto;
	visibility: hidden;
	background-color: #ffffff;
	transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out;
	transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.offcanvas-collapse.open {
	visibility: visible;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.navbar .navbar-nav {
	margin-top: 0.75rem;
	margin-bottom: 0.5rem;
}

.navbar .nav-item .nav-link {
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	color: #1e266d;
	text-decoration: none;
	transition: all 0.2s ease;
}

.navbar .nav-item.dropdown.show .nav-link,
.navbar .nav-item .nav-link:hover,
.navbar .nav-item .nav-link.active {
	color: #ff6c02;
}

/* Dropdown Menu */
.navbar .dropdown .dropdown-menu {
	animation: fadeDropdown 0.2s; /* required for the fade animation */
}

@keyframes fadeDropdown {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
	}
}

.navbar .dropdown-menu {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	border: none;
	background-color: #ffffff;
}

.navbar .dropdown-item {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #1e266d;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 0.875rem;
	text-decoration: none;
}

.navbar .dropdown-item:hover {
	background-color: #ffffff;
	color: #ff6c02;
}

.navbar .dropdown-divider {
	width: 100%;
	height: 1px;
	margin: 0.5rem auto 0.5rem auto;
	border: none;
	background-color: #e7e7e7;
}
/* end of dropdown menu */

.navbar .nav-item .btn-solid-sm {
	margin-top: 0.125rem;
	border: 1px solid #1e266d;
	background-color: #1e266d;
}

.navbar .nav-item .btn-solid-sm:hover {
	background-color: transparent;
	color: #1e266d;
}

.navbar .navbar-toggler {
	padding: 0;
	border: none;
	font-size: 1.25rem;
}

.navbar .navbar-toggler{ float: right; width: 32px; height: 32px; background-image: url(../images/download.svg); margin-right: 15px;}

 

/* Min-width 992px */
@media (min-width: 992px) {
 


	/* General Styles */
	.h2-heading {
		width: 35.25rem;
		margin-right: auto;
		margin-left: auto;
	}

	.p-heading {
		width: 34rem;
		margin-right: auto;
		margin-left: auto;
	}
	/* end of general styles */


	/* Navigation */
	.navbar {
	 
		background-color: transparent;
		border-bottom: none;
		transition: all 0.2s;
	}

	.navbar.top-nav-collapse {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		border-bottom: 1px solid #e3e8ec;
		background-color: #ffffff;
	}

	.offcanvas-collapse {
		position: static;
		top: auto;
		bottom: auto;
		left: auto;
		width: auto;
		padding-right: 0;
		padding-left: 0;
		background-color: transparent;
		overflow-y: visible;
		visibility: visible;
	}

	.offcanvas-collapse.open {
		-webkit-transform: none;
		transform: none;
	}

	.navbar .navbar-nav {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.navbar .nav-item .nav-link {
		padding-right: 0.75rem;
		padding-left: 0.75rem;
	}

	.navbar .dropdown-menu {
		margin-top: 0.25rem;
		box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.05);
	}

	.navbar .dropdown-divider {
		width: 90%;
	}

	.navbar .nav-item .btn-solid-sm {
		margin-top: 0;
		margin-left: 1rem;
	}
	/* end of navigation */
}


/* registration */

.registration{
	height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.topheader1 {
	margin-bottom: 0px;
}

.mainheading{
	color: white;
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	line-height: clamp(20px, 3vw, 45px);
	text-align: center;
	font-size: clamp(16px, 2vw, 30px);
	width: 732px;	
	margin: 0 auto;
	text-transform: uppercase;
}

.mainheading span{
	font-family: 'Poppins', sans-serif;
	font-weight: 200;
}

.registration-btn {	
	margin: 50px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
}

.registration-btn .mobile {	
	display: none;	
}
.registration-btn .web {	
	width: 100%;	
	max-width: 107px;
}

.registration-btn .btn-container{	
	margin: 0 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

 .registration-btn .btn-container .btn{
	color: #000;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	background-color: rgb(249,216,186);	
	border: 1px solid white;	
	padding: 20px 25px;
	border-radius: 0;
	font-size: clamp(14px, 2vw, 20px);
	font-weight: 600;
}

.registration-btn .school{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	padding: 10px 0;
}



@media only screen and (max-width: 786px){

	.registration{
		height: 560px;		
	}

	.registration-btn {			
		display: flex;
		flex-direction: column;
	}
	.registration-btn .mobile {	
		display: block;	
		margin-bottom: 20px;
	}
	.registration-btn .web {	
		display: none;
	}

	.mainheading{
		color: white;
		font-family: 'Poppins', sans-serif;
		font-weight: 800;		
		width: fit-content;
		margin: 0 auto;
		
	}
	
	.mainheading span{
		font-family: 'Poppins', sans-serif;
		font-weight: 200;
	}
	

}


  #fixedTopRightButton {
    position: absolute;
    /* top: 10px;
    right: 20px; */
    z-index: 9999;
    padding: 10px 50px;
    background-color: #f56053;
    color: white;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
	margin-top: -50px;
	margin-bottom: 300px;
    
    /* transition: background-color 0.3s ease; */
	margin-left:225px;
	font-size: medium;
  }

  #fixedTopRightButton:hover {
    background-color: #d94839;
  }

  /* @media screen and (max-width: 768px) {
  #fixedTopRightButton {
    top: 8px;
    right: 8px;
    padding: 8px 12px;
    font-size: 14px;
  }
} */


.flashing-link {
  font-size: 18px;
  color: blue;
  
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 5px;
  animation: flash 1s infinite;
  align-items:"center";
  /* display:"inline-block"; */
  font-weight: bold;          
  box-shadow: 0 0 10px rgba(0, 0, 255, 0.7); 
  font-family: 'Poppins', sans-serif;
}

@keyframes flash {
  0% { opacity: 1; }
  50% { opacity: 0.4; }
  100% { opacity: 1; }
}

/* .login-banner{
background:white;
} */


@media only screen and (max-width: 768px){

	.flashing-link {
    font-size: 14px;
    padding: 6px 16px;
	
    box-shadow: 0 0 5px rgba(0, 0, 255, 0.5);
  }

   #fixedTopRightButton {
    padding: 8px 16px;
    font-size: 14px;
    margin-left: 80px;     
    margin-top: -100px;
    margin-bottom: 100px;
	align-items: center;
	display: block;
  }

}
 /* ===== MOBILE-SAFE MARQUEE (override) ===== */
.marquee-wrap{
  overflow: hidden;
  white-space: nowrap;
  width: 75%;
  background: #ff4444;
  color: yellow;
  font-weight: 1000;
  padding: 6px 0;
  font-family: Arial, Helvetica, sans-serif;
  
  font-size: clamp(14px, 1.6vw, 24px);

}

/* moving strip */
.top-deadline-banner{
  display: inline-block;
  white-space: nowrap;               /* prevent wrapping on phones */
  padding-left: 0;                   /* override old trick */
  will-change: transform;
  animation: marquee var(--marquee-speed, 12s) linear infinite;
}

/* smoother + iOS friendly */
@keyframes marquee {
  0%   { transform: translate3d(100%, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }
}
/* Prefix for older mobile Safari (safe no-op elsewhere) */
@-webkit-keyframes marquee {
  0%   { -webkit-transform: translate3d(100%, 0, 0); }
  100% { -webkit-transform: translate3d(-100%, 0, 0); }
}

/* speed & size per screen */
:root { --marquee-speed: 12s; }

@media (max-width: 575px){
  :root { --marquee-speed: 16s; }     /* slower to read on phones */
  .top-deadline-banner, .marquee-wrap { font-size: 14px; }
}
@media (min-width: 576px) and (max-width: 991px){
  :root { --marquee-speed: 14s; }
  .top-deadline-banner, .marquee-wrap { font-size: 16px; }
}
@media (min-width: 992px){
  :root { --marquee-speed: 10s; }
  .top-deadline-banner, .marquee-wrap { font-size: 18px; }
}

/* reduced motion = static line */
@media (prefers-reduced-motion: reduce){
  .top-deadline-banner{ animation: none; }
}