* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance:none; transition: all ease-in-out 0.3s;}
html { overflow-x: hidden; height: 100%; }
body { font-family: "Playpen Sans", cursive; font-size:17px; line-height:27px; font-weight: 400; background-color: #fff; height: 100%; }
h1, h2, h3, h4, h5, h6, h7 { line-height:130%; padding:0; font-weight:700; padding-bottom:10px; font-family: "Playpen Sans", cursive; position: relative; color: #f16615; }
.fat-text { font-family: "Barlow Condensed", sans-serif; font-weight: 700; line-height: 110%; }
.space-line { width:150px; height:3px; background:linear-gradient(90deg, transparent, #f16615 50%, transparent); display:block; margin: 0 0 20px 0; }
.center { margin: 10px auto 20px auto; }
.letter-space { letter-spacing: 0.4vw; }
.no-break { white-space: nowrap; }
h1 { font-size:54px; padding-bottom:10px;}
h1.clear { margin: 0; padding: 0; line-height: 60px;}
h2 { font-size:38px; }
h3 { font-size:34px; }
h4 { font-size:30px; }
h5 { font-size:27px; }
h6 { font-size:24px; }
span { transition: none; }
.upper { text-transform: uppercase; }
.small-text { font-size: 75%; line-height: 140%; display: inline-block; }
.clear-ul { margin:0; padding:0; list-style:none;}
a { text-decoration:none; color:inherit; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
p { margin-bottom:10px;}
p.clearp { margin-bottom:5px;}
strong { font-weight: 700;}
.text-links { color: #0093d9;}
.text-links:hover, .text-links.active { color:#ff9fa4;}
.box-links { background:linear-gradient(70deg, #f00, #B22222);; color:#fff; display:inline-block; padding:5px 15px;}
.box-links.block { display:block; }
.box-links:hover, .box-links.active { background:#333; }

img { max-width:100%; margin:0; padding:0; font-size:0; display:block;}
img.inline { display: inline-block; }
.center { margin: 0 auto;}
.full-img { width: 100%; }
.text-center { text-align: center; justify-content: center; }
.text-left { text-align: left; justify-content: flex-start; }
.text-right { text-align: right; justify-content: right; }

ul { margin: 0; padding: 0; list-style: none;}
ul li { padding-left: 25px; margin-bottom: 10px; position: relative; }
ul li:before { content: "\f005"; font-family: FontAwesome; font-size: 14px; color: #79d72e; position: absolute; left: 0; top: 0px;}
ul.clear-ul li { padding-left: 0;}
ul.clear-ul li:before { display: none;}
ol {padding-left: 30px; margin-bottom: 20px;}
iframe { display: block; width: 100%; aspect-ratio: 1.8; }
iframe.gmap { aspect-ratio: auto; width: 100%; height: 650px; border: 0; }

.styled-table { width: 100%; border:none; table-layout: fixed;}
.styled-table td, .styled-table th {  border: solid 1px rgb(255 255 255 /15%); padding:10px; text-align: left; vertical-align: top;}
.styled-table tr:nth-child(2n) { background-color: rgb(0 0 0 / 8%); }
.styled-table thead { background-color:#111; color:#fff; }
.spl-text { color: #03A9F4; }
section { position: relative; overflow: hidden; }
.wrapper-720 { width:720px; margin:0 auto; position:relative;}
.wrapper-1000 { width:1000px; margin:0 auto; position:relative;}
.wrapper-1200 { width:1200px; margin:0 auto; position:relative;}
.wrapper-90p { width:90%; margin:0 auto; }
.wrapper-300 { width:300px; margin:0 auto; }
.space-after { margin-bottom: 20px;}
.space-after-50 { margin-bottom: 50px;}
.space-tb { margin:10px 0;}

.flex-box, .mob-flex-box, .flex-box-720 { display: flex; align-items: center; flex-wrap: wrap; }
.flex-no-wrap { flex-wrap: nowrap; }
.flex-grow { flex-grow: 1; }
.flex-6 .flex-child { width: 16.66%; }
.flex-6a .flex-child { width: 14.66%; margin: 1%; }
.flex-5 .flex-child { width: 20%; }
.flex-5a .flex-child { width: 18%; margin: 1%; }
.flex-4 .flex-child { width: 24%; }
.flex-4a .flex-child { width: 23%; margin: 1%; }
.flex-3 .flex-child { width: 33.33%; }
.flex-3a .flex-child { width: 31.33%; margin: 1%; }
.flex-2 .flex-child { width: 50%; }
.flex-2a .flex-child { width: 48%; margin: 1%; }
.flex-1 .flex-child { width: 100%; }
.block-1 { width:100%; flex-grow:1; }
.block-2 { width:50%; flex-grow:1; }
.block-3 { width:33.33%; flex-grow:1; }
.block-66 { width:66.66%; flex-grow:1; }
.block-75 { width:75%; flex-grow:1; }
.block-4 { width:25%; flex-grow:1; }
.block-5 { width:20%; flex-grow:1; }
.flex-no-grow .flex-child { flex-grow: 0; }
.flex-content-top { align-items: flex-start;}
.flex-content-bottom { align-items: flex-end;}
.flex-box.reverse { flex-direction: row-reverse; }
.flex-reset-height { align-items: normal; }
.flex-space-between { justify-content: space-between; }

.fix-padding-20 { padding:20px;}
.fix-padding-tb-20 { padding-top:20px; padding-bottom: 20px;}
.fix-padding-10 { padding:10px;}
.extra-padding { padding:7% 6%; display: block;}
.extra-padding-rl { padding-right: 6%; padding-left: 6%; }
.extra-padding-tb { padding-top:8%; padding-bottom: 8%;}
.extra-padding-top { padding-top:6%;}
.mid-padding { padding:5% 4%;}
.mid-padding-rl { padding-right:4%; padding-left: 4%;}
.mid-padding-right { padding-right:4%; }
.mid-padding-tb { padding-top:5%; padding-bottom: 5%;}
.low-padding { padding:2% 2%;}
.low-padding-rl { padding-right:2%; padding-left: 2%;}
.low-padding-tb { padding-top:2%; padding-bottom: 2%;}
.padding-bottom-0 { padding-bottom:0 !important; }
.padding-top-0 { padding-top:0 !important; }

footer { padding : 50px 0 50px 0; background-color: #7f0007; text-align: center; border-top: solid 7px rgb(255 255 255 / 30%); }
footer * { color: #fff;}
.footer-text { padding: 20px 0;}
.social-icons { text-align: center; }
.social-icons a { width: 60px; line-height: 55px; margin: 2px; font-size: 25px; text-align: center; display: inline-block; border-radius: 50%; border: solid 3px rgb(255 255 255 / 30%); color: #fff;}
.social-icon:hover { color:#000; background-color: #fff;}
.social-icon:hover span { color:#000; }
.footer-links li.flex-child { margin: 0 1%;}
.footer-links a { color: #fff; }
.footer-links a:hover { color: #FFCE00; }

header { z-index: 800; position: relative; width: 100%; top:0; padding:0; transform: translateY(0%); background-color: rgb(255 255 255 / 90%); }
/*header:before { content:""; position: absolute; z-index: -1; width: 100%; height: 100%; background-color: rgb(0 0 0 / 0.9); transform: translateY(-100%); transition: all ease-out 0.3s; }*/
header:hover:before { transform: translateY(0); }
header.relative { position: relative; background: none; background-color: #111; }
header.off {  transform: translateY(-110%); }
header.shadow { background-color: rgb(255 255 255); }
.logo { display: block; width:150px; padding: 17px 13px; position: absolute; top: 0; background-color: #fff; }
/* header.scrolled .logo { width: 140px; padding: 5px 0;} */
.main-menu-wrapper { transition: all 0.3s; margin-left: auto; }
.main-menu-wrapper.off { }
.menu-icon { width: 50px; height: 50px; line-height: 50px; background-color: #f68000; color: #fff; border-radius: 15px; text-align: center; position: fixed; right: 0px; top: 20px; z-index: 105; display: none; }
.menu-icon:after { content: "\f0c9"; font-family: fontAwesome; font-size: 23px;}
.menu-icon.off:after { content: "\f00d"; font-family: fontAwesome; font-size: 20px; }
.main-menu {  }
.main-link { padding: 20px 15px; display: block; color: #000; font-weight: 400; font-size: 17px; position: relative;}
.main-link span { display: inline-block; }
.main-link:after {content:""; background-color: #ccc;  position: absolute; width: 100%; height: 00%; bottom: 0; left: 0%; display: block; transition: all ease-out 0.2s; z-index: -1; }
.main-link:hover:after, .main-link.active:after { height: 100%; }
.main-menu-ul li:nth-child(1) .main-link:after{ background-color: #ffa848; }
.main-menu-ul li:nth-child(2) .main-link:after{ background-color: #ffd100; }
.main-menu-ul li:nth-child(3) .main-link:after{ background-color: #79d72e; }
.main-menu-ul li:nth-child(4) .main-link:after{ background-color: #00cadb; }
.main-menu-ul li:nth-child(5) .main-link:after{ background-color: #ff9fa4; }
.main-menu-ul li:nth-child(6) .main-link:after{ background-color: #dab9ff; }

/*.main-link:hover:after, .main-link.active:after { content:""; background: url(../images/ashoka-wheel-white.png) center center no-repeat; background-size: contain; width:100%; height: 15px; position: absolute; z-index: 101; left:0; bottom:-10px; display: block; }*/
.main-dd-parent { position: relative;}
.main-dd-parent.on:after { content:" -";}
.sub-link-ul { width:200px; position: absolute; left:50%; top: 100%; transform: translate(-50%, 20px); visibility: hidden; opacity: 0;  z-index: 100; background-color: #ffe984; box-shadow: 5px 5px 5px 3px rgb(0 0 0 / 10%); /*background: linear-gradient(160deg, #000, #090051, #000);*/ }
.sub-link-ul ul { padding: 10px 10px; }

.main-menu-ul li { margin-bottom: 0; }
.main-menu-ul li:hover .sub-link-ul { transform: translate(-50%, 0px); visibility: visible; opacity: 1; top:100%;  }
.main-menu-ul li:hover .main-link span {transform: scale(1);}
.main-link.active span { transform: scale(1); }
.sub-link-ul li { margin-bottom: 00px; border: none; }
.sub-link { padding: 15px 15px; display: block; font-weight: 400; font-size: 15px; line-height: 140%; color: #000; }
.sub-link:before { content:"\f061"; font-family: fontAwesome; margin-right: 0px; vertical-align: middle; line-height: 110%;  font-size: 0; transition: all ease-out 0.3s; }
.sub-link:hover, .sub-link.active { background: #f68000; color: #fff; }
.sub-link:hover:before, .sub-link.active:before { font-size: 13px; margin-right: 7px;}
.sub-link:hover:after, .sub-link.active:after { width:80px; margin: 0 auto; }

.child-link-ul { position: absolute; width: 400px; left: 100%; top: 0; background-color: #000; visibility: hidden; opacity: 0; }
.sub-link-ul li:hover .child-link-ul { visibility: visible; opacity: 1; }
.sub-dd-parent:after { content:"\f105"; font-family: fontAwesome; position: absolute; right: 8px; top: 10px;}
.child-link { padding: 12px 20px; display: block; color: #fff;}
.child-link-ul li:last-child .child-link { border:none; }
.child-link:hover, .child-link.active { background:linear-gradient(70deg, #f00, #B22222);}

/* form */
.form-ul { text-align: left; flex-wrap: wrap; }
.form-ul li { margin-bottom: 0px; padding: 5px;}
.form-ul li.half { width: 49%; margin-right: 2%; float: left; }
.form-ul li.third { width: 32%; margin-right: 2%; float: left; }
.form-ul li.half.no-margin, .form-ul li.third.no-margin { margin-right: 0; }
.form-ul li.btn-li { padding-top: 35px;}
input[type="checkbox"] { width: 20px; height: 20px; visibility: visible; display: inline-block; -webkit-appearance: auto; margin-right: 5px; vertical-align: sub; }

.form-field {width:100%; padding: 10px 10px; font-family: inherit; background: none; border: solid 2px rgb(29 203 255); box-sizing: border-box; font-size: 14px; position: relative; border-radius: 15px; background-color: #fff; }
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance: textfield; } 
.select-field { position:relative; padding-right:30px;}
.select-field:after { content:"\f107"; font-family: "fontAwesome"; position:absolute; width: 30px; height:100%; right: 0; top: 0; display:block; background-color: #111; color:#fff; line-height: 38px; text-align: center;}
.form-btn { padding:7px 20px; background-color: #e30000; color:#fff; border: solid 1px #e30000; cursor: pointer; border-radius: 10px; }
.form-btn:hover { background-color: #5b5b5b; border-color: #5b5b5b; color: #fff;}
.err .form-field { border-color: #e00000; }
.err:after { content: "This is a Required Field!"; position: absolute; padding: 3px 5px; line-height: 15px; font-size: 11px; width: 160px; right: 4px; top: 8px; background-color: #e00000; color: #fff; text-align: center; }
input:-internal-autofill-selected { background-color: inherit; }

.read-more { padding: 7px 25px; color: #c4010c; border: solid 2px #c4010c; margin-top: 10px; display: inline-block; border-radius: 50px; }
.read-more:hover { background-color: #c4010c; color: #fff; }
.owl-dots { position: relative; padding: 5px 20px; text-align: center; bottom: 0; width:100%;}
.dots-abs .owl-dots { position: absolute;}
.owl-dot span { background-color: #fff; width: 13px; height: 13px; display: inline-block; margin: 0 5px; border-radius: 50%; border: solid 1px rgb(80 80 80 / 70%); }
.owl-dot.active span { background-color: #e00; }
.dots-dark .owl-dot span { background-color: #767675; }
.owl-nav { font-size: 0; line-height: 0; }
.owl-next span, .owl-prev span { width:40px; height: 40px; display: block; line-height: 33px; text-align: center; background-color: rgb(128 128 128 / 70%); font-size: 36px; color:#fff; position: absolute; left: -50px; top: 50%; transform: translateY(-50%); }
.owl-next span { left: auto; right: -50px;}
.owl-next span:hover, .owl-prev span:hover { background-color: rgb(80 80 80 / 60%); }
.with-nav { width: calc(100% - 100px); margin: 0 auto; }

blockquote { position:relative; font-style: italic; }
blockquote:before, blockquote:after {content:"\f10d"; font-size: 30px; margin-right: 5px; color: rgb(0 0 0 / 20%); font-family: fontAwesome;}
blockquote:after { content:"\f10e"; }
blockquote * { display: inline-block; }

.grey-bg { background-color: #ffe779; }
.dark-bg { background-color: #00448b; color: #fff; }
.dark-bg .read-more { color: #ffe500; border-color: #ffe500; }
.move-to-top { width: 50px; line-height: 50px; text-align: center; position: fixed; right: 10px; bottom: 10px; z-index: 100; background: linear-gradient(180deg, #ffb300, #f00); border-radius: 15px; transform: translateY(150%);  }
.move-to-top.on { transform: translateY(0%); }

/* Custom styles */
.shadow-box { border-radius: 15px; box-shadow: 5px 5px 5px rgb(0 0 0 / 20%); overflow: hidden; }
.sect-404 img { margin: 0 auto; width: 400px; max-width: 100%; margin-top: 20px; }
.sect-404 h4 { margin-bottom: 10px; }
.sect-404 h1 { font-size: 12vw; font-weight: bold; line-height: 100%; }
.main-banner-text { position: absolute; width: 45%; left: 0; top: 0; background: linear-gradient(90deg, #fff 60%, transparent); height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 7%; }
.main-banner-text h2 { font-size: 5vw; text-transform: uppercase; line-height: 100%; color: #c4010c; text-shadow: 2px 2px 7px rgb(255 255 255 / 80%); }
.offer-boxes .flex-child { border: solid 1px #000; background-color: #fff; border-radius: 20px; overflow: hidden; }
.offer-boxes-text { padding: 0 20px 40px 20px; }
.color-boxes-3 .flex-child:nth-child(2) { background-color: #B6F8B1; }
.color-boxes-3 .flex-child:nth-child(1) { background-color: #7ceded; }
.color-boxes-3 .flex-child:nth-child(3) { background-color: #FFC1E4; }
.page-banner { position: relative; }
.page-banner-title { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgb(0 0 0 / 70%); display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 10%; }
.page-banner-title * { color: #fff;}
.offering-icons i { font-size: 100px; margin-bottom: 20px; }
.offering-icons .flex-child { border: solid 1px #FF3538; border-radius: 20px; box-shadow: 5px 5px 10px rgb(0 0 0 / 25%); background-color: #fff; }
.big-icons { padding-left: 40px; }
.big-icons i { font-size: 24px; color: #f16615; vertical-align: middle; margin-left: -40px; width: 40px; text-align: left;}
.testimonial-boxes .flex-child { position: relative; border: solid 1px #000; padding: 30px 20px; border-radius: 15px; background: linear-gradient(135deg, #ffd6ab, #fff9b0, #b9ffe2); }
.testimonial-boxes .flex-child:before { content:"\f10d"; font-family: fontAwesome; position: absolute; font-size: 50px; left: -7px; top: -7px; color: #00bcc7; }

/* gallery css */
.gallery .thumbs { display: flex; flex-wrap: wrap; justify-content: center; padding: 20px; gap: 10px; }
.thumb { height: 150px; object-fit: contain; cursor: pointer; transition: transform 0.2s; }
.thumb:hover { transform: scale(1.05); }
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.viewer {
  position: relative;
  width: 100vw;
  height: 90vh;
	left: 0vw;
	top: 5vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.image-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.full-image {
  max-width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Buttons */
.next, .prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 32px;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  z-index: 10;
}

.prev {
  left: 20px;
}

.next {
  right: 20px;
}

.close {
	position: fixed;
  top: 0px;
  right: 0px;
  transform: none;
  font-size: 40px;
	width: 45px;
}


@media screen and (max-width:1250px){
	.wrapper-1200 { width:95%;}
	.video-overlay h4 { color: #fff; font-size: 3vw;}
	.home-stats-text h2 { font-size: 50px; }
	.home-stats-text h4 { font-size: 34px; }
}
@media screen and (max-width:1200px){
	
	.header-wrapper { width: 97%; }
	.student-achievements .movie-text h5 { font-size: 16px; }
	.student-achievements .movie-text p { font-size: 80%; }
	.popup-box h6 { font-size: 18px; }
	.popup-box { width: 260px; }
}

@media screen and (max-width:1000px){
	body { width: 100%; overflow-x: hidden; }
	.wrapper-1000 { width:95%;}
	.flex-box { display:block; }
	.block-2, .block-3, .block-4, .block-66 { width:100%;}
	footer { text-align: center; }
	.mob-hide { display:none;}
	.main-menu-ul { text-align:center; justify-content: center;}
	.styled-table td, .styled-table th { display: block;}
	.styled-table td .tablehead { display: block; padding: 5px; background-color: #111; color: #fff; text-align: center; }
	.styled-table tr { margin-bottom:20px; display:block; }
	.flex-6 .flex-child, .flex-6a .flex-child, .flex-5 .flex-child, .flex-5a .flex-child, .flex-4 .flex-child, .flex-4a .flex-child, .flex-3 .flex-child, .flex-3a .flex-child, .flex-2 .flex-child, .flex-2a .flex-child, .flex-1 .flex-child { width: 100%; margin: 20px auto;}
	ul { text-align: left;}
	
	.owl-dots { position: relative; text-align: center; }
	.dots-abs .owl-dots { position: relative; }
	
	.sub-link-ul { width: 100%; text-align: center; }
	.sub-link { padding:10px; margin: 5px; }
	.menu-icon { display:block; right: 20px; top: 20px;}	
	.logo { padding: 10px; width: 120px; }
	.header-space { height: 90px;}
	
	.main-menu-wrapper { width:100%; padding:20px 0 20px; position: fixed; height: 100vh; background-color: #fff; right: 0; top: 0; transform: translate(101%); z-index: 100; }
	.main-menu-wrapper.on { transform: translate(0%); }
	.main-menu { height:100%; overflow: auto;}
	.main-link { padding: 15px 0; display: block;}
	.sub-link-ul, .child-link-ul { position:relative; top:0; display: block; transform: none; left:0; visibility: visible; opacity: 1; width: 100%; }
	.main-menu-ul li:hover .sub-link-ul { transform: none; }
	.child-link-ul { display: block; text-align: center; }
	
	.main-banner-text { width: 96%; transform: none; position: relative; margin: 15px auto; text-align: center; padding: 0; }
	.main-banner-text h2 { line-height: 130%; font-size: 8vw; }
	.main-banner-text h4 { font-size: 22px; }
	.two-level-menu { width: 100%; position: relative; padding: 0; visibility:visible; opacity:1; left: 0%; transform: none; pointer-events: all; box-shadow: none; }
	
	.main-dd-parent:hover .two-level-menu { transform: none; }
	.two-level-menu .sub-link-ul, .sub-link-ul { position: relative; width: 100%; text-align: center; background-color: rgb(225 225 225); }
	.two-level-menu .child-link-ul { position: fixed; width: 100%; display: block; left: 100%; z-index: 110; height: 100vh; overflow: auto;  }
	.two-level-menu .child-link-ul.on { left: 0; }
	.two-level-menu .sub-link:after { content:"\f054"; font-family: fontAwesome; margin-left: 15px; font-size: 80%; }
	.mob-li { display: block; }
	
	.footer-text { text-align: center; }
	.page-banner-title { position: relative; padding: 20px; }
	
	section, footer { padding-right: 20px; padding-left: 20px; }
	iframe.gmap { height: 300px;}
	
}

@media screen and (max-width:720px){
	section { overflow: hidden; max-width: 100%; }
	.wrapper-720 { width: 95%; }
	
	h1 { font-size:32px;}
	h2 { font-size:30px;}
	h3 { font-size:28px; }
	h4 { font-size:26px; }
	h5 { font-size:22px; }
	h6 { font-size:18px;  }
	.extra-padding { padding:15% 10%; }
	.extra-padding-tb { padding-top:15%; padding-bottom: 15%; }
	.extra-padding-top { padding-top:15%; }
	.mid-padding { padding:10% 7%; }
	.mid-padding-rl { padding-right:7%; padding-left: 7%; }
	.mid-padding-tb { padding-top:10%; padding-bottom: 10%; }
	.low-padding { padding:5% 3%; }
	.low-padding-rl { padding-right:3%; padding-left: 3%; }
	.low-padding-tb { padding-top:5%; padding-bottom: 5%; }
	.fix-padding-20 { padding:20px; }
	.space-after-720 { margin-bottom: 50px;}
	
	
	.home-about-img { width: 90%; }
	.home-about { background-position: center 5%; }
	.join-bonzer-family .flex-child img { position: relative; width: 100%; height: auto; transform: none; }
	.home-usp-text { position: relative; width: 90%; margin: 5% 0; padding: 6%; left: 5%; top: 0%; transform: none; border-radius: 0%; aspect-ratio: auto; }
	.home-usp-text:after { content: ""; width: 100%; left: 0%; top: 0%; border-radius: 0%; position: relative; z-index: -1;}
	.home-testimonias-slider { padding: 40px 10px 20px; }
	.with-nav { width: calc(100% - 10px); }
	.owl-nav { display: none; }
	footer {}
	.prev { left: 0px; }
	.next { right: 0px; }
}