@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@300;400;700&display=swap');
@font-face {font-family: 'LittleDinosaur-Bold'; src: url('../fonts/LittleDinosaur-Bold.eot'); src: local('☺'), url('../fonts/LittleDinosaur-Bold.woff') format('woff'), url('../fonts/LittleDinosaur-Bold.ttf') format('truetype'), url('../fonts/LittleDinosaur-Bold.svg') format('svg'); font-weight: normal; font-style: normal; }
body{font-family: 'Comic Neue', cursive; color: #1b1b1b; font-size: 14px; font-weight: 500;}
a {text-decoration: none; color: #1b1b1b; cursor: pointer;}
a:hover{ color: #7F3F98; transition: 0.1s all}
.logo{width: 190px;}
.logo-small{width: 140px;}

section{padding: 60px 0 50px; position: relative;}
section.light{padding: 60px 0 50px; background: #f2f2f2; position: relative;}
section.blue{padding: 60px 0 50px; background: #7F3F98; position: relative;}
section.lgreen{padding: 60px 0 50px; background: #fff; position: relative;}
section.beige{padding: 60px 0 50px; background: #fae7a9; position: relative;}
/*404*/
section .error-404{ font-size: 150px; color: #008B62; text-shadow: 1px 1px 1px #00593E, 2px 2px 1px #00593E, 3px 3px 1px #00593E, 4px 4px 1px #00593E, 5px 5px 1px #00593E, 6px 6px 1px #00593E, 7px 7px 1px #00593E, 8px 8px 1px #00593E, 25px 25px 8px rgba(0,0,0, 0.2); font-family: arial; font-weight: bold;}
section .page{ margin: 2rem 0; font-size: 20px; font-weight: 600; color: #444; }
.back-home{ display: inline-block; border: 2px solid #222; color: #222; text-transform: uppercase; font-weight: 600; padding: 0.75rem 1rem 0.6rem; transition: all 0.2s linear; box-shadow: 0 3px 8px rgba(0,0,0, 0.3); }
.back-home:hover{ background: #222; color: #ddd; }
/*404*/
p{line-height: 1.6;}
ol, ul {padding-left: 18px;}

/*
.safety .nav-pills .nav-link, .adsaikat-flip-demo .figure .image .img-head,
.heading1, .heading2, .heading3, .post-content-text-child h2, .education .text,
h1, h2, h3, h4, h5{font-family:'LittleDinosaur-Bold',Sans-Serif;}
*/

.bg-dark2{background-color: #7F3F98!important;}
.bg-light{background-color: #fff!important;}
hr{background-color: #b9b9b9;}
.underline{text-decoration: underline;}
.breadcrumb{margin-bottom: 0;}
.height-auto{height: auto !important;}
.color1{color: #7F3F98;}
.color2{color: #202032;}
.color3{color: #ef662f;}
.color4{color: #74be4b;}
.color5{color: #7e4396;}
.color6{color: #fff;}
.color7{color: #d82430;}
.color8{color: #f79c31;}
.min-h250{min-height: 300px;}

.color-box0{background-color: #fff;}
.color-box1{background-color: #de292c;}
.color-box2{background-color: #72c043;}
.color-box3{background-color: #7f4197;}
.color-box4{background-color: #f99d1b;}
.color-box5{background-color: #434174;}
.color-box6{background-color: #f16c34;}
.color-box7{background-color: #f8d557;}
.color-box8{background-color: #2c8ec5;}
.color-box9{background-color: #3b970d;}
.color-box10{background-color: #cdb11c;}
.color-box11{background-color: #49b9f8;}

.bg1{background-color: #7F3F98 !important;}
.bg2{background-color: #834b9b !important;}
.bg3{background-color: #ef662f !important;}
.bg4{background-color: #74be4b !important;}
.bg5{background-color: #7e4396 !important;}
.bg6{background-color: #fff !important;}
.bg7{background-color: #d82430 !important;}
.bg8{background-color: #f79c31 !important;}
.bg-grey{ background: #f5f5f5;}
.tm-icon{max-width: 90px;}

.big{font-size: 140%;}
.pl-100{padding-left: 100px !important;}
.pr-100{padding-right: 100px !important;}
.pt-100{padding-top: 100px !important;}
.ml-100{margin-left: 100px !important;}
.mr-100{margin-right: 100px !important;}
.mt-100{margin-top: 100px !important;}
.mt-minus-100{margin-top: -100px !important;}
.bor-right{border-right: solid 1px #fff;}
.font-light{font-weight: 500;}

.breadcrumb-item{letter-spacing: 1px; font-size: 12px; text-transform: uppercase;}
.breadcrumb-item a{color: #606060;}
.breadcrumb-item a:hover{color: #d82430;}
.navbar-light .navbar-nav .nav-link.active{color: #d82430;}

.readmore {display: inline-block; vertical-align: middle; } 
.readmore a {display: inline-block; border-radius: 50%; } 
.readmore a:hover .right{border: 0.1em solid #fff; background: #7F3F98;} 
.readmore a:hover .right:after {border-top: 0.1em solid #fff; border-right: 0.1em solid #fff; } 
.readmore .right {display: inline-block; width: 1.8em; height: 1.8em; border: solid 0.1em transparent; background: #fff; border-radius: 50%; margin-left: 0.2em; } 
.readmore .right:after {content: ''; display: inline-block; margin-top: 0px; margin-left: 5px; width: 0.5em; height: 0.5em; border-top: 0.1em solid #333; border-right: 0.1em solid #333; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.toggle-wrap {padding: 10px; position: relative; cursor: pointer; float: left; /*disable selection*/ user-select: none; top: 20px;}
.toggle-bar, .toggle-bar::before, .toggle-bar::after, .toggle-wrap.active .toggle-bar, .toggle-wrap.active .toggle-bar::before, .toggle-wrap.active .toggle-bar::after {transition: all .2s ease-in-out; }
.toggle-bar {width: 22px; margin: 10px 0; position: relative; border-top: 2px solid #b4b4b5; display: block; z-index: 10; }
.toggle-bar::before, .toggle-bar::after {content: ""; display: block; background: #b4b4b5; height: 2px; width: 22px; position: absolute; top: -8px; transform: rotate(0deg); transform-origin: 13%; }
.toggle-bar::after {top: 4px; }
.toggle-wrap.active .toggle-bar {border-top: 6px solid transparent; }
.toggle-wrap.active .toggle-bar::before {transform: rotate(45deg); }
.toggle-wrap.active .toggle-bar::after {transform: rotate(-45deg); }

.btn-primary {color: #fff; background-color: #7F3F98; border-color: #7F3F98; padding: .3rem 2rem; font-size: 13px; font-weight: 600;}
.btn-primary:hover {color: #7F3F98; background-color: #fff; border-color: #7F3F98;}
.btn-outline-primary {color: #7F3F98; background-color: #fff; border-color: #7F3F98; padding: .3rem 2rem; font-size: 13px; font-weight: 600;}
.btn-outline-primary:hover,.btn-outline-primary.active {color: #fff; background-color: #7F3F98; border-color: #7F3F98;}
.btn-call {color: #fff; background-color: #66bf53; border-color: #66bf53; padding: .3rem 2rem; font-size: 13px; font-weight: 600;}
.btn-call:hover {color: #66bf53!important; background-color: #fff; border-color: #66bf53!important;}
.btn-secondary {color: #fff; background-color: #34326c; border-color: #34326c; padding: .3rem 2rem; font-size: 13px; font-weight: 600;}
.btn-secondary:hover {color: #34326c; background-color: #fff; border-color: #fff;}
.btn-outline-white {color: #fff; background-color: transparent; border-color: #fff; padding: .2rem 1rem; font-size: 12px; font-weight: 600;}
.btn-outline-white:hover {color: #7F3F98; background-color: #fff; border-color: #fff;}
.btn-lg { padding: 0.5rem 1rem; font-size: 110%; border-radius: 0.3rem; }

.rounded-4{border-radius: 0.8rem!important;}
.rounded-4-end {border-top-right-radius: 0.8rem!important; border-bottom-right-radius: 0.8rem!important;}
.rounded-4-top {border-top-right-radius: 0.8rem!important; border-top-left-radius: 0.8rem!important;}
.border-bottom{border-bottom: solid 8px #7F3F98!important;}
.bg-danger{background: #7F3F98!important;}
.border-danger {border-color: #7F3F98!important;}

.sub-heading{position: relative; display: inline-block; margin-bottom: 0; padding-left: 1.5em; padding-right: 1.5em; margin-top: 80px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;}
.sub-heading:before{content: "";  position: absolute;left: 50%; top: -50px; height: 46px; width: 1px; background: #7F3F98;}

.heading1{font-size: calc(1.8rem + ((1vw - 0.48rem) * 1.3889)); line-height: 1.2; margin-bottom: 15px; font-weight: 800;}
.heading2{font-size: calc(1.8rem + ((0.8vw - 0.48rem) * 1.3889)); line-height: 1.3; margin-bottom: 15px; font-weight: 800;}
.heading3{font-size: calc(1.5rem + ((0.5vw - 0.48rem) * 1.3889)); line-height: 1.3; margin-bottom: 15px; font-weight: 800;}

#pagination {margin: 0; padding: 0; } 
#pagination li {display: inline } 
#pagination li a {display: inline-block; text-decoration: none; padding: 5px 10px; color: #000 }
#pagination li a {border-radius: 5px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s } 
#pagination li a.active {background-color: #7F3F98; color: #fff } 
#pagination li a:hover:not(.active) {background-color: #ddd; }

.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-item{font-size: 13px; letter-spacing: -0.3px; font-weight: 600;}
.dropdown-item span {float: right;}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */

.navbar.fixed-header {position: fixed; top: 0; left: 0; width: 100%; z-index:1001; box-shadow:0px 0px 5px rgba(0,0,0,0.3);-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;transition:0.5s all;}
.navbar-light .navbar-nav .nav-link {font-size: 12px; letter-spacing: -0.3px; font-weight: 600; padding-right: 0; padding-left: 2rem; color: #202032; text-transform: uppercase;}

.navbar .container{position: relative;}
.nav-top{position: absolute; right: 10px; top: 0;}
.nav-top .btn{padding: 2px 10px; font-size: 11px;}
.nav-top .btn:hover{color: #7F3F98; background-color: #fff; border-color: #7F3F98;}
.navbar-nav{margin-top: 35px;}

/*Banner Slider*/
.owl-slider{position: relative;}
/* .owl-slider .owl-carousel, .owl-slider .owl-stage-outer { max-height: 100%; min-height: 85vh; } */
.owl-slider .owl-carousel, .owl-slider .owl-stage-outer { max-height: 100%; min-height: auto; }
 .post-content-parent { 
     /*display: flex; width: 100%;*/ 
                       /*min-height: 85vh;*/ 
                       /*position: relative;*/
 } 
.post-content-parent .slider-image-2 { background: url("../images/banner-home-slide2.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.c--post-content-image-wrapper { position: absolute; width: 100%; top: 0; bottom: 0; background: url("../images/Vibgyor_kidsbanner2.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.post-content-text-child { z-index: 1; padding: 20px 0 0; position: absolute; bottom: 0; top: auto; left: 0; right: 0; width: 100%; height: auto; }
/* .post-content-text-child2 { z-index: 1; padding: 20px 0 0; position: absolute; bottom: 0; top: auto; left: 0; width: 65%; height: auto; }
.post-content-text-child3 { z-index: 1; padding:20px 5% 0; position: absolute; bottom: 0; top: 0; right: 0; width: 35%; height: auto; background: #7F3F98; color: #fff; overflow: hidden;} */
.post-content-text-child h2 { font-size: calc(2rem + ((2.5vw - 0.48rem) * 1.3889)); line-height: 1; color: #fff; text-align: center; font-weight: 800;margin: 0 0 0.6%; margin-top: 55px; text-shadow: 0px 4px 3px rgba(0,0,0,0.2), 0px 8px 13px rgba(0,0,0,0.05), 0px 18px 23px rgba(0,0,0,0.05);}
#counter{position: absolute; z-index: 1; right: 90px; bottom: 53px; width: 80px; color: #fff; text-align: center;}
.owl-slider .owl-nav { position: absolute; bottom: 46px; right: 73px; }
.owl-slider .owl-nav .owl-next, .owl-slider .owl-nav .owl-prev{border: none; text-decoration: none; background: transparent; color: #fff; font-size: 20px;}
.owl-slider .owl-next { margin-left: 30px; }
.owl-slider .owl-prev { margin-right: 30px; }
.owl-slider .owl-dots button.owl-dot {border: none; width: 15px; height: 15px; border-radius: 50%; display: inline-block; background: #ccc; margin: 0 3px; }
.owl-slider .owl-dots button.owl-dot.active { background-color: #000; }

.safety-slider img{border-radius: 15px;}

.play-icon{position: absolute;color: #ffffff;top: 50%;left: 50%;transform:translate(-50%, -50%);}
.play-icon:hover{color: #7F3F98; cursor: pointer;}
.play-icon i{font-size: 60px;}

.testimonials .overlay:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: 0.3s all} 
.testimonials .overlay:hover:before{opacity: 1;}


.post-content-parent { display: flex; width: 100%; min-height: 85vh; position: relative; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; align-items: stretch; height: auto; } 
.post-content-text-child2 { z-index: 1; padding: 20px 0 0; bottom: 0; top: auto; left: 0; width: 65%; height: auto; display: flex; align-items: flex-end; position: relative; } 
.post-content-text-child3 { z-index: 1; padding: 20px 5%; width: 35%; height: auto; background: #7F3F98; color: #fff; overflow-y: scroll; position: relative; } 

.post-content-text-child3::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); background-color: #F5F5F5; } 
.post-content-text-child3::-webkit-scrollbar {width: 6px; background-color: #F5F5F5; } 
.post-content-text-child3::-webkit-scrollbar-thumb {background-color: #35373a; }

.post-content-text-child2>div { width: 100%; }



/*Instagram Slider*/
.instagram .card { position: relative; width: 360px; min-height: 400px; background: rgb(255, 255, 255); box-shadow: 15px 15px 60px rgba(0, 0, 0, 0.01); padding: 20px; } 
.instagram .card .top { display: flex; justify-content: space-between; align-items: center; } 
.instagram .card .top .userDetails { display: flex; align-items: center; } 
.instagram .card .top .userDetails .profile_img { position: relative; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; margin-right: 8px; } 
.instagram .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.instagram .card .top .userDetails h3 { font-size: 14px; color: #4d4d4d; font-weight: 500; line-height: 1em; } 
.instagram .card .top .userDetails h3 span { font-size: 0.7em; } 
.instagram .imgBox { position: relative; width: 100%; height: 320px; margin: 10px 0 15px; } 
.instagram .buttons { display: flex; justify-content: space-between; align-items: center; padding-right: 230px; } 
.instagram .buttons img { max-width: 20px; max-height: 20px; cursor: pointer; } 
.instagram .buttons .left img { margin-right: 8px;; } 
.instagram .likes { font-weight: 500; margin-top: 5px; font-size: 14px; color: #4d4d4d; } 
.instagram .message { font-weight: 500; margin-top: 10px; font-size: 14px; color: #4d4d4d; } 
.instagram .message b { color: #262626; } 
.instagram .settings:after { content: '\2807'; font-size: 25px; color: #4d4d4d; cursor: pointer; } 
.instagram .icon:hover { opacity: 0.7; }
.insta-feeds .owl-nav { position: absolute; bottom: 46px; right: 73px; }
.insta-feeds .owl-nav .owl-next, .insta-feeds .owl-nav .owl-prev{border: none; text-decoration: none; background: transparent; color: #fff; font-size: 20px;}
.insta-feeds .owl-next { margin-left: 30px; }
.insta-feeds .owl-prev { margin-right: 30px; }
.insta-feeds .owl-dots button.owl-dot {border: none; width: 15px; height: 15px; border-radius: 50%; display: inline-block; background: #ccc; margin: 0 3px; }
.insta-feeds .owl-dots button.owl-dot.active { background-color: #000; }

.banner-form .form-select, .banner-form .form-control{background-color: #9157a8;border: 1px solid transparent; color: #fff;}
.banner-form .form-select::placeholder, .banner-form .form-control::placeholder{color: #fff;}
/*Locate map*/
.maplistslis { height: 450px; overflow-y: scroll; }

.v-scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); background-color: #F5F5F5; } 
.v-scroll::-webkit-scrollbar {width: 6px; background-color: #F5F5F5; } 
.v-scroll::-webkit-scrollbar-thumb {background-color: #35373a; }

.h-scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); background-color: #F5F5F5; } 
.h-scroll::-webkit-scrollbar {height: 6px; background-color: #F5F5F5; } 
.h-scroll::-webkit-scrollbar-thumb {background-color: #35373a; }

/*Gallery*/
.gallery-container { background-color: #fff; color: #35373a; min-height: 100vh; padding: 30px 50px; } 
.gallery-container h1 { text-align: center; margin-top: 50px; font-family: 'Droid Sans', sans-serif; font-weight: bold; } 
.gallery-container p.page-description { text-align: center; margin: 25px auto; font-size: 18px; color: #999; } 
.tz-gallery { padding: 0 40px; } /* Override bootstrap column paddings */ 
/*.tz-gallery .row > div { padding: 2px; } */ 
.tz-gallery .lightbox img { width: 100%; border-radius: 0; position: relative; } 
.tz-gallery .lightbox:before { position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px; opacity: 0; color: #fff; font-size: 26px; font-family: 'FontAwesome';  content: "\f002"; pointer-events: none; z-index: 9000; transition: 0.4s; } 
.tz-gallery .lightbox:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(0, 0, 0, 0.2); content: ''; transition: 0.4s; } 
.tz-gallery .lightbox:hover:after, .tz-gallery .lightbox:hover:before { opacity: 1; } 
.baguetteBox-button { background-color: transparent !important; }

/*About Home Slider*/
.about-home .owl-dots{position: absolute; right: 0; top: 40%; transform: rotate(90deg);}
.about-home .owl-dots button.owl-dot {background: transparent; border: solid 2px #fff;border-radius: 50px; width: 17px; height: 17px; margin: 2px;}
.about-home .owl-dots button.owl-dot.active { background-color: #fff; border: solid 2px #fff; }

/*school details Slider*/
.sc-details .owl-nav { position: absolute; top: 48%; width: 100%;}
.sc-details .owl-nav .owl-next, .sc-details .owl-nav .owl-prev { border: solid 1px #000; text-decoration: none; background: transparent; color: #000; padding: 5px 8px; font-size: 14px; border-radius: 0; width: auto; height: auto; }
.sc-details .owl-nav .owl-next:hover, .sc-details .owl-nav .owl-prev:hover{ background: #000; color: #fff; }
.sc-details .owl-nav .owl-next {float: right;}

.about-home-slider-icon1{position: absolute; z-index: -1; top: -3%; left: -4%; width: 8%; animation: beat 2s infinite alternate;}
.about-home-slider-icon1.small{ width: 4%; top: 0;}
.about-home-slider-icon1.big{ width: 20%; top: -5%; left: -10%;}
.about-home-slider-icon2{position: absolute;z-index: -1;bottom: -4%;left: -6%;width: 14%;animation: beat 3s infinite alternate;}
.about-home-slider-icon2.small{ width: 7%; bottom: 7%;}
.about-home-slider-icon3{position: absolute;z-index: -1;top: 40%;left: -12%;width: 20%;}
.about-home-slider-icon3.small{ width: 10%; top: 20%;}
.about-home-slider-icon4{position: absolute;z-index: -1;bottom: -13%;right: 0%;width: 18%;animation: beat 5s infinite alternate;}
.about-home-slider-icon4.small{ width: 7%; bottom: -5%;}
.about-home-slider-icon4.big{ width: 20%; bottom: -5%; right: -10%;}
.about-home-slider-icon5{position: absolute;z-index: -1;top: 15%;right: -9%;width: 10%;animation: 5s ease-in-out 0s infinite normal both running heartbeat;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.about-home-slider-icon5.small{ width: 5%; top: 6%; right: -5%;}

ul.circle{list-style-image: url('../images/circle.svg');}
ul.circle li{margin-bottom: 15px;}

.card .image{max-width: 100px;}

@keyframes mymove{0%{top:0px}50%{top:-15px}100%{top:0px}}
@keyframes swing{0%{transform:rotate(-5deg)}50%{transform:rotate(10deg)}100%{transform:rotate(-5deg)}}
@keyframes text-pop-up-top{0%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:none}to{-webkit-transform:translateY(-50px);transform:translateY(-50px);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #ccc,0 7px 0 #ccc,0 8px 0 #ccc,0 9px 0 #ccc,0 50px 30px rgba(0,0,0,0.3)}}
@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(0.91);transform:scale(0.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(0.98);transform:scale(0.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(0.87);transform:scale(0.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}
@keyframes beat{ to { transform: scale(1.4); } }

/*About Home Slider*/
.holistic .owl-nav { position: absolute; top: 48%; width: 100%;}
.holistic .owl-nav .owl-next, .holistic .owl-nav .owl-prev { border: solid 1px #000; text-decoration: none; background: transparent; color: #000; padding: 5px 8px; font-size: 14px; border-radius: 0; width: auto; height: auto; }
.holistic .owl-nav .owl-next:hover, .holistic .owl-nav .owl-prev:hover{ background: #000; color: #fff; }
.holistic .owl-nav .owl-next {float: right;}

.holistic .owl-dots{position: absolute; right: 0; bottom: 2%; width: 100%; margin: 0 auto; text-align: center;}
.holistic .owl-dots button.owl-dot {background: transparent; border: solid 2px #fff;border-radius: 50px; width: 17px; height: 17px; margin: 2px;}
.holistic .owl-dots button.owl-dot.active { background-color: #fff; border: solid 2px #fff; }

/*featuredin Slider*/
.featuredin .owl-nav { position: absolute; top: 48%; width: 100%;}
.featuredin .owl-nav .owl-next, .featuredin .owl-nav .owl-prev { border: solid 1px #000; text-decoration: none; background: transparent; color: #000; padding: 5px 8px; font-size: 14px; border-radius: 0; width: auto; height: auto; }
.featuredin .owl-nav .owl-next:hover, .featuredin .owl-nav .owl-prev:hover{ background: #000; color: #fff; }
.featuredin .owl-nav .owl-next {float: right; margin-right: -30px;}
.featuredin .owl-nav .owl-prev { margin-left: -30px;}

/*About Home Slider*/
.gallery-tab .owl-nav { position: absolute; top: 48%; width: 100%;}
.gallery-tab .owl-nav .owl-next, .gallery-tab .owl-nav .owl-prev { border: solid 1px #000; text-decoration: none; background: transparent; color: #000; padding: 5px 8px; font-size: 14px; border-radius: 0; width: auto; height: auto; }
.gallery-tab .owl-nav .owl-next:hover, .gallery-tab .owl-nav .owl-prev:hover{ background: #000; color: #fff; }
.gallery-tab .owl-nav .owl-next {float: right;}


/*About Home Thumbnail Slider*/
#featured_img img, #thumb_img img { max-width: 100%; }
#thumb_img { margin:0 auto;position: absolute; bottom: 0; background: rgba(239,102,47,0.8);width: 100%; padding: 20px 0; }
#thumb_img img { float: left; width: 100%; cursor: pointer; margin-right: 2%; }
#thumb_img img:last-child { margin-right: 0; }
#thumb_img .line{border-top: solid 2px #fff;}
.tooltip { position: relative; display: inline-block; opacity: 1; }
.tooltip .tooltiptext { visibility: hidden; width: 250px; background-color: #fff; color: #ef662f; text-align: center; border-radius: 6px; padding: 7px 9px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -125px; opacity: 0; transition: opacity 0.3s; font-weight: 500; }
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #fff transparent transparent transparent; }
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } 
.tooltip .tooltiptext h1{line-height: 1; margin-bottom: 0;}
.underline-text{ position:relative; padding-bottom:10px; display:inline-block; }
.underline-text::after{ position: absolute; bottom: 0px; content: " "; width:80%; background:#ef662f; height:2px; left:10%; right:10%; }


/*Child Future*/
.child-future p{font-size: 14px; line-height: 1.2; padding-top: 5px;}
.hover-box{-webkit-transition: all 0.3s linear; transition: all 0.3s linear; overflow: hidden; cursor: inherit;}
.hover-box:hover{-webkit-transform: scale3d(1.15, 1.15, 1); transform: scale3d(1.15, 1.15, 1);}
.child-future .box-color1{background: #dc2c33; color: #fff; padding: 20px 5px; text-align: center; text-transform: uppercase;}

.child-future .box-color2{background: #f16c34; color: #fff; padding: 20px 5px; text-align: center; text-transform: uppercase;}
.child-future .box-color3{background: #f99e2f; color: #fff; padding: 20px 5px; text-align: center; text-transform: uppercase;}
.child-future .box-color4{background: #74c14e; color: #fff; padding: 20px 5px; text-align: center; text-transform: uppercase;}
.child-future .box-color5{background: #2c8ec5; color: #fff; padding: 20px 5px; text-align: center; text-transform: uppercase;}
.child-future .box-color6{background: #434174; color: #fff; padding: 20px 5px; text-align: center; text-transform: uppercase;}
.child-future .box-color7{background: #824b9d; color: #fff; padding: 20px 5px; text-align: center; text-transform: uppercase;}
.future-icon{width: 80px;}

/*Education*/
.education .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0;  overflow: hidden; width: 100%; height: 100%; transition: .5s ease; }
.education .overlay.color1{background-color: rgba(120, 191, 90, 0.8);}
.education .overlay.color2{background-color: rgba(44, 142, 197, 0.8);}
.education .overlay.color3{background-color: rgba(116, 193, 78, 0.8);}
.education .overlay.color4{background-color: rgba(249, 158, 47, 0.8);}
.education .overlay.color5{background-color: rgba(120, 191, 90, 0.8);}
.education .overlay.color6{background-color: rgba(239, 102, 47, 0.8);}
.education .overlay.color7{background-color: rgba(116, 190, 75, 0.8);}
.education .overlay.color8{background-color: rgba(126, 67, 150, 0.8);}
.education .overlay.color9{background-color: rgba(0, 142, 205, 0.8);}
.education .overlay.color10{background-color: rgba(247, 156, 49, 0.8);}
.education .item { position: relative; overflow: hidden; margin: 0; } 
.education .item:hover .overlay { bottom: 0; height: 100%; width: 100%; }
.education .item img{-webkit-transition: all 0.5s linear; transition: all 0.5s linear;}
.education .item:hover img {-webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1); }
.education .item:hover .fade-overlay { opacity: 1; } 
.education .title-overlay { height: auto; top: auto; opacity: 1; padding: 10px 0; } 
.education .item:hover .title-overlay { opacity: 1; height: auto; padding: 30px 0; }
.education .text {  color: white; font-size: 24px;text-align: center;}
.education .text2 { color: white; font-size: 14px; text-align: center; font-weight: 400;}
.education .box-grey{position:relative; background: #f2f2f2; text-align: center; margin: -20px 0; height: 110%; display: grid; align-items: center;}
.education .triangle-left { width: 0; height: 0; border-top: 35px solid transparent; border-right: 50px solid #f2f2f2; border-bottom: 35px solid transparent; position: absolute; left:-48px; top: 42.5%; z-index: 1;}
.education .triangle-right { width: 0; height: 0; border-top: 35px solid transparent; border-left: 50px solid #f2f2f2; border-bottom: 35px solid transparent; position: absolute; right:-48px; top: 42.5%; z-index: 1;}

.education .bottom-overlay { top: 75%; } 
.education .item:hover .bottom-overlay { top: 0; }
.education .bottom-overlay2 { top: calc(100% - 60px); } 
.education .item:hover .bottom-overlay2 { top: 0; }
.education .text3 {width: 100%; color: white; font-size: 14px; position: absolute; top: 12px; text-align: center;padding: 6px 5px 5px;transition: 0.4s all;top: 0;}
.education .text3 h5{font-weight: 600;}
.education .text3 h6 {font-size: 15px;}
.education .text3 p{font-size: 11px;line-height: 14px;}
.education .item:hover .bottom-overlay .text3{top: 20%;}

/*Locate School*/
.locate .nav-pills .nav-link.color1{font-weight: 800; color: #7F3F98; margin: 0 10px 10px;}
.locate .nav-pills .nav-link.color1:hover, .locate .nav-pills .nav-link.color1.active{color: #fff; background-color: #7F3F98;}
.locate .nav-pills .nav-link.color2{font-weight: 800; color: #7e4396; margin: 0 10px 10px;}
.locate .nav-pills .nav-link.color2:hover, .locate .nav-pills .nav-link.color2.active{color: #fff; background-color: #7e4396;}
.locate .nav-pills .nav-link.color3{font-weight: 800; color: #ef662f; margin: 0 10px 10px;}
.locate .nav-pills .nav-link.color3:hover, .locate .nav-pills .nav-link.color3.active{color: #fff; background-color: #ef662f;}
.locate .nav-pills .nav-link.color4{font-weight: 800; color: #74be4b; margin: 0 10px 10px;}
.locate .nav-pills .nav-link.color4:hover, .locate .nav-pills .nav-link.color4.active{color: #fff; background-color: #74be4b;}
.locate .nav-pills .nav-link.color5{font-weight: 800; color: #7e4396; margin: 0 10px 10px;}
.locate .nav-pills .nav-link.color5:hover, .locate .nav-pills .nav-link.color5.active{color: #fff; background-color: #7e4396;}
.locate .nav-pills .nav-link.color6{font-weight: 800; color: #d82430; margin: 0 10px 10px;}
.locate .nav-pills .nav-link.color6:hover, .locate .nav-pills .nav-link.color6.active{color: #fff; background-color: #d82430;}
.locate .nav-pills .nav-link.color8{font-weight: 800; color: #f79c31; margin: 0 10px 10px;}
.locate .nav-pills .nav-link.color8:hover, .locate .nav-pills .nav-link.color8.active{color: #fff; background-color: #f79c31;}
.locate .tab-content { padding: 10px; /*background: #f7f7fe url("../images/locate-school-bg.png") no-repeat 0 bottom;*/}
.s1{list-style-type: square; margin-bottom: 5px;}
.s1 li{font-size: 16px; font-weight: 800; color: #434174;}


.awards .item { height: auto; position: relative; }
.awards .item img { width: 100%; height: 100%; object-fit: cover; }
.awards .item .cover { padding: 75px 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; }
.awards .item .cover .awards-content { position: relative; padding: 56px; overflow: hidden; } 
.awards .item .cover .awards-content p { font-weight: 300; font-size: 16px; color: #fff; padding-left: 10px;}
.awards .item .cover .awards-content h3 { font-size: 34px; font-weight: 600; padding: 10px; margin: 5px 0 0px; color: #fff; background: rgba(2, 6, 38, 0.5); display: inline-block; }
.awards .owl-item.active h3 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; }
.awards .owl-item.active p { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; }

.awards-slider .owl-nav {bottom: 46px; left: 73px; }
.awards-slider .owl-nav .owl-next, .awards-slider .owl-nav .owl-prev{border: solid 1px #7F3F98; text-decoration: none; background: transparent; color: #7F3F98; padding: 5px 8px; font-size: 14px;border-radius: 0; width: auto; height: auto;}
.awards-slider .owl-next { margin-left: 0; }
.awards-slider .owl-prev { margin-right: 0; }
.awards-slider .owl-dots {position: absolute; bottom: 10px; left: 70px;}
.awards-slider .owl-dots button.owl-dot {border: none; width: 10px; height: 12px; border-radius: 50%; display: inline-block; background: #8a8eb1; margin: 0 3px; }
.awards-slider .owl-dots button.owl-dot.active { background-color: #7F3F98; }

.bg-color1{background: #434174; padding: 0 0 20px; margin: 0 10px;}
.bg-color2{background: #834b9b; padding: 0 0 20px; margin: 0 10px;}
.bg-color3{background: #ef662f; padding: 0 0 20px; margin: 0 10px;}
.bg-color4{background: #74be4b; padding: 0 0 20px; margin: 0 10px;}
.bg-color5{background: #7e4396; padding: 0 0 20px; margin: 0 10px;}
.bg-color6{background: #fff; padding: 0 0 20px; margin: 0 10px;}
.bg-color7{background: #d82430; padding: 0 0 20px; margin: 0 10px;}
.bg-color8{background: #f79c31; padding: 0 0 20px; margin: 0 10px;}
.bg-color9{background: #2c8ec5; padding: 0 0 20px; margin: 0 10px;}
.home-news .news-slider .owl-dots{text-align: center; left: 0; right: 0; top: auto; bottom: 20px;}
.home-news .news-slider .owl-dots button.owl-dot {border: none; padding: 0; width: 10px; height: 10px; border-radius: 50%; display: inline-block; background: transparent; border: solid 1px #fff; margin: 0 3px; }
.home-news .news-slider .owl-dots button.owl-dot.active { background-color: #fff; }
.home-news .news-slider .item .news{position: relative;}
.home-news .news-slider .item .news h5{background: #434174; font-size: 18px; padding: 10px 20px 7px; color: #fff;display: inline-block; position: absolute; bottom: -10px;}

.home-news .news-slider .item .gallery{position: relative;}
.home-news .news-slider .item .gallery h5{background: #834b9b; font-size: 18px; padding: 10px 20px 7px; color: #fff;display: inline-block; position: absolute; bottom: -10px;}

.home-news .news-slider .item .blogs{position: relative;}
.home-news .news-slider .item .blogs h5{background: #2c8ec5; font-size: 18px; padding: 10px 20px 7px; color: #fff;display: inline-block; position: absolute; bottom: -10px;}

.home-news .news-slider .item .news-box h5{font-size: 18px;}
.home-news .news-slider .item .news-box{padding: 20px 20px 50px; color: #fff;}
.home-news .news-slider .item .news-box small{font-size: 10px; font-weight: 300; letter-spacing: 1px;}
.home-news .news-slider .item .news-box small span{padding: 0 15px;}


.home-news .item .news{position: relative;height: 250px; overflow: hidden; }
.home-news .item .news h5{background: #434174; font-size: 18px; padding: 10px 20px 7px; color: #fff;display: inline-block; position: absolute; bottom: -10px; left: 0;}
.home-news .item .news h6{font-size: 16px; padding: 10px 20px 7px; color: #fff;display: inline-block; position: absolute; bottom: -10px; left: 0;}

.home-news .item .gallery{position: relative;}
.home-news .item .gallery h5{background: #834b9b; font-size: 18px; padding: 10px 20px 7px; color: #fff;display: inline-block; position: absolute; bottom: -10px;}

.home-news .item .blogs{position: relative;}
.home-news .item .blogs h5{background: #2c8ec5; font-size: 18px; padding: 10px 20px 7px; color: #fff;display: inline-block; position: absolute; bottom: -10px;}

.home-news .item .news-box h5{font-size: 18px;}
.home-news .item .news-box{padding: 20px 20px 0; color: #fff;}
.home-news .item .news-box small{font-size: 10px; font-weight: 300; letter-spacing: 1px;}
.home-news .item .news-box small span{padding: 0 15px;}

.news.border-1{border: solid 1px #434174;}
.news.border-2{border: solid 1px #834b9b;}
.news.border-3{border: solid 1px #ef662f;}
.news.border-4{border: solid 1px #74be4b;}
.news.border-5{border: solid 1px #7e4396;}
.news.border-6{border: solid 1px #fff;}
.news.border-7{border: solid 1px #d82430;}
.news.border-8{border: solid 1px #f79c31;}

/*who-we-are*/
.listing-tabs {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#34306d+0,34306d+10,ffffff+10,ffffff+100 */
    background: #7F3F98; /* Old browsers */
    background: -moz-linear-gradient(top,  #7F3F98 0%, #7F3F98 58px, #ffffff 58px, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #7F3F98 0%,#7F3F98 58px,#ffffff 58px,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #7F3F98 0%,#7F3F98 58px,#ffffff 58px,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F3F98', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
.listing-tabs .owl-carousel .owl-stage-outer{min-height: auto;}
.listing-tabs .nav-bg{padding: 20px 0;}
.listing-tabs .nav-pills .nav-item{position: relative;}
.listing-tabs .nav-pills .nav-link{border-radius: 0;}
.listing-tabs .nav-pills .nav-link{color: #fff; background-color: transparent;font-weight: 800;margin: 0 auto; }
/*.listing-tabs .nav-pills .nav-link:hover, .listing-tabs .nav-pills .nav-link.active{background: #f00;}*/

.boards{padding: 30px 0 50px;}
.boards .nav-pills .nav-link{color: #000; background-color: transparent;font-weight: 800; margin-right: 10px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; border-radius: 5px;}
.boards .nav-pills .nav-link:hover, .boards .nav-pills .nav-link.active{background: #7F3F98; color: #fff;}

.safety .nav-pills .nav-link img{max-width: 200px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.safety .nav-pills .nav-link{position:relative; font-size: 16px; padding:0; color: #000; background-color: transparent; margin:0 10px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; border-radius: 10px;}
.safety .nav-pills .nav-link:hover, .safety .nav-pills .nav-link.active{background: #7F3F98; color: #fff;}
.safety .nav-pills .nav-link:hover::before, .safety .nav-pills .nav-link.active::before{    content: ""; border-left: 10px solid transparent; border-top: 10px solid #7F3F98; border-right: 10px solid transparent; position: absolute; left: 46%; bottom: -8px; z-index: 1;}

.listing-tabs .owl-nav { position: absolute; top: -15%; width: 100%;z-index: -1;}
.listing-tabs .owl-nav .owl-next, .listing-tabs .owl-nav .owl-prev { border: solid 1px #000; text-decoration: none; background: transparent; color: #000; padding: 5px 8px; font-size: 14px; border-radius: 0; width: auto; height: auto; }
.listing-tabs .owl-nav .owl-next:hover, .listing-tabs .owl-nav .owl-prev:hover{ background: #000; color: #fff; }
.listing-tabs .owl-nav .owl-next {margin-right: -20px;position: absolute;right: 10px; z-index: 100;}
.listing-tabs .owl-nav .owl-prev{margin-left: -20px; position: absolute; left: 10px; z-index: 100;}

.listing-tabs .owl-carousel{top: 0;}
.listing-tabs .item-tabs{margin: 0 auto; text-align: center; position: relative;}
.listing-tabs .item-tabs .school-tab{color: #fff; background-color: transparent; font-weight: 800; position: relative;}
.listing-tabs .item-tabs .school-tab.active::before{content:""; border-left: 10px solid transparent; border-top: 10px solid #7F3F98; border-right: 10px solid transparent; position: absolute; left: 46%; bottom: -28px; z-index: 1;}


/*who-we-are*/
.who-we-are .nav-pills .nav-item{width: 32%; margin-right: 1%;position: relative;}
.who-we-are .nav-pills .nav-link{width: 100%; border-radius: 0;}
.who-we-are .nav-pills .nav-item.fit{width: 25%; margin-right: 0; position: relative;}

.who-we-are .nav-pills .nav-link.color1{color: #fff; background-color: #dc2c33;font-weight: 800;margin: 0; }
.who-we-are .nav-pills .nav-link.color1:hover .arrow-down, .who-we-are .nav-pills .nav-link.color1.active .arrow-down{border-left: 10px solid transparent; border-top: 10px solid #dc2c33; border-right: 10px solid transparent; position: absolute; left: 46%; top: 98%; z-index: 1;}
.who-we-are .nav-pills .nav-link.color2{color: #fff; background-color: #ef662f;font-weight: 800; margin: 0;}
.who-we-are .nav-pills .nav-link.color2:hover .arrow-down, .who-we-are .nav-pills .nav-link.color2.active .arrow-down{border-left: 10px solid transparent; border-top: 10px solid #ef662f; border-right: 10px solid transparent; position: absolute; left: 46%; top: 98%; z-index: 1;}
.who-we-are .nav-pills .nav-link.color3{color: #fff; background-color: #f79c31;font-weight: 800; margin: 0;}
.who-we-are .nav-pills .nav-link.color3:hover .arrow-down, .who-we-are .nav-pills .nav-link.color3.active .arrow-down{border-left: 10px solid transparent; border-top: 10px solid #f79c31; border-right: 10px solid transparent; position: absolute; left: 46%; top: 98%; z-index: 1;}
.who-we-are .nav-pills .nav-link.color4{color: #fff; background-color: #824b9d;font-weight: 800; margin: 0;}
.who-we-are .nav-pills .nav-link.color4:hover .arrow-down, .who-we-are .nav-pills .nav-link.color3.active .arrow-down{border-left: 10px solid transparent; border-top: 10px solid #824b9d; border-right: 10px solid transparent; position: absolute; left: 46%; top: 98%; z-index: 1;}
.who-we-are .nav-pills .nav-link.color5{color: #fff; background-color: #3b970d;font-weight: 800; margin: 0;}
.who-we-are .nav-pills .nav-link.color5:hover .arrow-down, .who-we-are .nav-pills .nav-link.color3.active .arrow-down{border-left: 10px solid transparent; border-top: 10px solid #3b970d; border-right: 10px solid transparent; position: absolute; left: 46%; top: 98%; z-index: 1;}
.who-we-are .tab-content { padding: 10px; background: #f7f7fe;}
.who-we-are .tab-content .tab-pane{padding: 50px; height: 100%;}

.who-we-are-icon1{position: absolute; z-index: -1; top: -10%; right: 0%; width: 16%; animation: beat 2s infinite alternate;}
.who-we-are-icon2{position: absolute; z-index: -1; bottom: -10%; right: 12%; width: 20%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); animation: 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite alternate backwards running text-pop-up-top;}
.who-we-are-icon4{position: absolute; z-index: -1; top: 50%; right: -5%; width: 23%;animation: swing 5s infinite ease;}
.who-we-are-icon5{position: absolute; z-index: -1; top: 36%; right: -3%; width: auto; animation: 5s ease-in-out 0s infinite normal both running heartbeat; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.video-thumbnail { position: relative; display: inline-block; cursor: pointer; } 
.video-thumbnail .overlay{ position: absolute; display: block; width: 100%; height: 100%; left:0; top:0; background: transparent; opacity: 1; visibility: visible; border-radius: 10px; } 
.video-thumbnail:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url("../images/video-arrow.png") no-repeat 0 0; content: ""; width: 200px; height: 70px; opacity: 0.8; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); } 
.video-thumbnail:hover:before { color: #eee; opacity: 1; }

.image-thumbnail { position: relative; display: inline-block; cursor: pointer; } 
.image-thumbnail .overlay{ position: absolute; display: block; width: 100%; height: 100%; left:0; top:0; background: transparent; opacity: 1; visibility: visible; border-radius: 10px; } 
.image-thumbnail:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); background: url("../images/image-arrow.png") no-repeat 0 0; content: ""; width: 200px; height: 70px; opacity: 0.8; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); } 
.image-thumbnail:hover:before { color: #eee; opacity: 1; }

.close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; border: solid 1px #ccc; outline: none; z-index: 1; background: #fff; line-height: 1; border-radius: 5px; } 
.close:hover { background: #007472; color: #fff; } button.left { position: absolute; z-index: 1; top: 45%; left: 15px; } 
button.right { position: absolute; z-index: 1; top: 45%; right: 15px; }

.counter-count {position: relative; display: inline-block; }
.border-box{border-top: solid 4px transparent;  padding: 30px 0; cursor: pointer;}
.border-box:hover{border-top: solid 4px #7F3F98; box-shadow:0px 0px 5px rgba(0,0,0,0.3);-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;transition:0.5s all;}
.border-box h5{color: #7F3F98;}
/*.border-box:hover h5{color: #fff;}*/
.color-box{border: solid 1px #7F3F98; /*min-height: 250px;*/ transition: all ease-in-out 0.5s;}
.color-box .icon-st{display:inline-block}
.color-box .icon-hover{display:none}
.color-box:hover{background:#7F3F98; color: #fff;}
.color-box:hover .icon-st{display:none}
.color-box:hover .icon-hover{display:inline-block}
.color-box h5{font-weight: 500;}
.color-box:hover h5{color: #fff;}
.color-box p{color: #fff;}
.icon-st img, .icon-hover img {width: 80px;}

.mission-cont{padding: 80px; background: #fff; width: 80%; margin: 0 auto; margin-top: -100px; position: relative; z-index: 1;}
.carrers .bg-color1{background: #7F3F98; padding:40px; color: #fff; margin-left: -80px; position: relative;}
.carrers .bg-color2{background: #72c043; padding:40px; color: #fff; margin-left: -80px; position: relative;}
.carrers .bg-color-rt1{background: #7F3F98; padding:40px; color: #fff; margin-right: -80px; position: relative;}
.viva-cont{padding: 80px; background: #7F3F98; width: 80%; margin: 0 auto; margin-top: -100px; position: relative; color: #fff;}
.other-cont{padding: 80px; background: #7f4197; width: 80%; margin: 0 auto; margin-top: -100px; position: relative; color: #fff;}

.play-box{border: solid 1px #7F3F98;}
.play-explore .row>.col, .play-explore .row>[class^="col-"]{border: 1px solid #7F3F98;}
/*#list .col-md-3:nth-child(odd) { border: solid 0px transparent;}
#list .col-md-3:nth-child(even) {border: solid 1px #7F3F98;}*/

.arrow-left{position: relative;}
.arrow-left::before{content: ''; height: 20px; width: 20px; position: absolute; background-color: #fff; top: 15%; left: -11px; border-top: #7F3F98 solid 2px; border-left: #7F3F98 solid 2px; transform: rotate(-45deg);}

.arrow-right{position: relative;}
.arrow-right::before{content: ''; height: 20px; width: 20px; position: absolute; background-color: #fff; top: 15%; right: -11px; border-top: #7F3F98 solid 2px; border-left: #7F3F98 solid 2px; transform: rotate(134deg);}

.find-us{color: #fff;}
.find-us .padding{padding: 50px;}

.story{position: relative; overflow: hidden; transition: all 0.3s ease-out; width: 100%; height: 300px; float: left;}
.story .text { color: #fff; margin: 0; position: absolute; top: 20%; text-align: center; z-index: 20; bottom: 0; left: 0; right: 0; width: 100%; padding: 0 10%; margin: 0; transition: all 0.3s ease;}
.story .text a{ color: #fff;}
.story .text h2 { font-size: 26px;}
.story img { width: 100%; height: auto; display: block; vertical-align: middle; transition: all 0.2s ease; }
.story .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #7F3F98; z-index: 10; opacity: 0.7; transition: opacity 0.15s ease-out; backface-visibility: hidden; }
.story .overlay2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 10; opacity: 0.7; transition: opacity 0.15s ease-out; backface-visibility: hidden; }
.story:hover img, li:focus img { transform: scale(1.2); }
.story:hover .overlay, li:focus .overlay { opacity: 0; filter: alpha(opacity=0); }
.story:hover .overlay2, li:focus .overlay2 { opacity: 0; filter: alpha(opacity=0); }
.story:hover .text, li:focus .text { opacity: 0; filter: alpha(opacity=0); }
.btm-box {
    padding: 30px 50px;
    background-color: rgb(127 63 152);
    border-radius: 20px;
}
.img-card {overflow: hidden;}
.img-card img { height: 230px; object-fit: cover; width: 100%; }
.zoom img{ transition: .2s;}
.zoom img:hover{ transform: scale(1.05);}

.card.hover{transition: 0.5s all}
.card.hover h4{color:#7F3F98;}
.card.hover p{color:#000;}
.card.hover:hover{background: #7F3F98;}
.card.hover:hover h4, .card.hover:hover li, .card.hover:hover p{color:#fff;}
.card.hover:hover .btn-outline-primary{color: #fff; background-color: #7F3F98; border-color: #fff;}
.card.hover:hover .btn-outline-primary:hover{color: #7F3F98; background-color: #fff; border-color: #7F3F98;}
.card.hover .img-card img{ transition: 1s;}
.card.hover:hover .img-card img {transform: scale(1.15);}

.card.hover .img-icon, .card.hover .img-icon2{width: 75px;}
.card.hover .img-icon2{display: none;}
.card.hover:hover .img-icon2{display:block;}
.card.hover:hover .img-icon{display:none;}

.our-offering .owl-nav { position: absolute; top: 46%; width: 100%;}
.our-offering .owl-nav .owl-next, .our-offering .owl-nav .owl-prev{border: none; text-decoration: none; background: transparent; color: #000; font-size: 20px;}
.our-offering .owl-next {position: absolute; right:-30px;}
.our-offering .owl-prev {position: absolute; left: -30px;}


.vls h6{font-size: 14px;}
.parent-teacher .owl-nav{bottom: auto; top: -60px; right: 0; margin-top: 10px;}
.parent-teacher .owl-nav .owl-prev, .parent-teacher .owl-nav .owl-next{color: #000; font-size: 20px; border: solid 1px #000; border-radius: 50px; width: 38px; height: 38px;}
.parent-teacher .owl-next{margin-left: 0;}

.parent-teacher a { position: relative; display: block; width: 100%; }
.parent-teacher .overlay { background-color: rgba(0, 0, 0, 0.8); color: #fff; cursor: pointer; display: block; font-size: 100px; height: 100%; top: 0%; left: 0; opacity: 0; overflow: hidden; position: absolute; text-align: center; transition: all 0.3s ease 0s; width: 100%; z-index: 20; }
.parent-teacher a:hover .overlay { opacity: 0.8; }
.parent-teacher .overlay span{position: absolute;left: 0; top: 40%; width: 100%; text-align: center;}
.parent-teacher .overlay span img{width: auto;}

ul.star{list-style: none;}
ul.star li{ background: url(../images/star.png) no-repeat left 2px; padding-left: 20px; margin-top: 15px; }


/*Masoonry Gallery*/
.prev, .next { position: fixed; top: 0; width: 15%; height: 100%; display: flex; align-items: center; justify-content: center; text-decoration: none; z-index: 999; color: rgba(255,255,255,.5); font-size: 8rem; font-family: monospace; transition: all .2s; } 
.prev:hover, .next:hover { color: rgba(255,255,255,.8); }
.prev {left: -25%;}
.next {right: -25%;}
.active .prev {left: 0;}
.active .next {right: 0;}
.masonry { margin: 40px auto; display: grid; grid-gap: 5px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-auto-rows: 250px; grid-auto-flow: dense; }
.grid { text-align: center; padding: 1rem 0; color: white; font-size: 3rem; text-transform: uppercase; background: rgba(0,0,0,.2); overflow: hidden; padding: 0; display: flex; align-items: stretch; justify-content: center; }
.grid img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition: all .5s; }
.grid.show::before { content: ''; display: block; position: fixed; z-index: 555; width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0,0,0,.6); }
.grid.show img { position: fixed; top: 0; left: 0; margin: 30px; align-self: center; object-fit: contain; z-index: 666; width: calc(100% - 60px); height: calc(100% - 60px); filter: drop-shadow(0 3px 15px black); cursor: url(../images/close.png), grab; /* custom cursor to signal close on click */ }
.grid:not(.show):hover img { cursor: pointer; transform: scale(1.3); } 
.horizontal { grid-column: span 2; } 
.vertical { grid-row: span 2; } 
.big { grid-column: span 2; grid-row: span 2; } 
.active div:not(.show) img { filter: blur(0); }

/*vls tabs*/
.vlstabs .nav-pills .nav-link {background: #fff; border-radius: 0; border: solid 1px #5c5c5c;}
.vlstabs .nav-pills .nav-link.active{background: #ecedf3; }

/*cities-academic*/
.cities-academic .nav-pills .nav-link{color: #222222; font-weight: bold; background: #f6f6fd; border-radius: 0; margin-bottom: 3px; padding: 15px; text-align: left;}
.cities-academic .nav-pills .nav-link.active{background: #7F3F98; color: #fff;}
.cities-academic .bor-right{border-right: solid 2px #7F3F98;}

.gallery-cities .nav-pills .nav-link{color: #222222; font-weight: bold; background: #f6f6fd; border-radius: 0; margin-bottom: 3px; padding: 15px;}
.gallery-cities .nav-pills .nav-link.active{background: #7F3F98; color: #fff;}

.vision{background: url(../images/vision-mission-img1.jpg) no-repeat center center; background-size: cover; height: 500px;}
.vision-box{background-color: rgba(126, 67, 150, 0.8); max-width: 40%; margin-right:5%; padding: 20px; color: #fff;}

/*Viva*/
.faqs span { font-weight: 600; padding-right: 16px; }
.faqs .accordion-item {margin-bottom: 20px; border-radius: 20px; background: #F5F5F5; border:0;}
.faqs button.accordion-button { font-weight: 600; background: transparent; color: #000; font-size: 14px;}
.faqs .panel-title > a:before {float: right !important; font-family: FontAwesome; content:"\f068"; padding-right: 5px; } 
.faqs .panel-title > a.collapsed:before {float: right !important; content:"\f067"; }
.enquiry .form-check-input{border:solid 1px #7F3F98; }
.enquiry .form-check-input:checked{background-color: #7F3F98;}
.enquiry .form-control, .enquiry .form-select{border:solid 1px #7F3F98; }

.sticky1{overflow:hidden; transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);width: 120px;right: -40px;position: absolute;top: 38%;z-index: 10;background: #fff;padding: 7px 10px 5px;}
.sticky2{overflow:hidden; transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);width: 120px;right: -40px;position: absolute;top: 60%;z-index: 10;background: #fff;padding: 5px 10px 7px;}
.sticky3{width: 120px;right: 45px;position: absolute;bottom: 15px; z-index: 10;padding: 5px 10px 15px;}

.rounded-box{background: #fafafa; border: solid 1px #d3d1d1; border-radius: 20px; padding: 50px;}
.rounded-box span { color: #f00; margin-left: -10px; }

.card .circle {background: #fef0e9; border-radius: 50%; color: #fff; height: 6em; position: relative; width: 6em; margin: 0 auto; transition: 0.3s all} 
.card .circle-icon { height: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50%; }
.card:hover .circle{background: #7F3F98;}
.card .icon-st{display:inline-block}
.card .icon-hover{display:none}
.card:hover .icon-hover, .card:hover h5{display:inline-block; color: #7F3F98;}

/*Our Programs*/
.adsaikat-flip-demo { position:relative; overflow:hidden;} 
.adsaikat-flip-demo .figure {position:relative; cursor:pointer;margin: 20px 0;} 
.adsaikat-flip-demo .figure img { display:block; position:relative; z-index:10; width: 100%; } 
.adsaikat-flip-demo .figure .image {overflow: hidden;} 
.adsaikat-flip-demo .figure .image .img-head {text-align:center; font-size: 16px;position: absolute; bottom: 0; background: #7F3F98; color: #fff; padding: 10px 0; width: 100%; z-index: 100;-webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s} 
.adsaikat-flip-demo .figure .figcaption { display:block; position:absolute; z-index:9; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } 
.adsaikat-flip-demo .figure .figcaption h6 {color:#fff; margin: 0 0 10px; font-size:18px; text-align:center; } 
.adsaikat-flip-demo .figure p { display:block;color:#fff; text-align:center; line-height: 1.2; font-size: 13px; margin-bottom: 10px;} 
.adsaikat-flip-demo .figure .figcaption { top:0; left:0; width:100%; height:100%; padding:10px 20px; background-color:#7F3F98; text-align:center; backface-visibility:hidden; -webkit-transform:rotateY(-180deg); -moz-transform:rotateY(-180deg); transform:rotateY(-180deg); -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s } 
.adsaikat-flip-demo .figure img { backface-visibility:hidden; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s } 
.adsaikat-flip-demo .figure:hover .image .img-head{opacity: 0;}
.adsaikat-flip-demo .figure:hover img { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg); opacity:0; } 
.adsaikat-flip-demo .figure:hover .figcaption { -webkit-transform:rotateY(0); -moz-transform:rotateY(0); transform:rotateY(0) }
/*Timeline*/
.timeline-box{padding: 10%; border:solid 1px #ccc; border-radius:30px}
ul.timeline { list-style-type: none; position: relative; } 
ul.timeline:before { content: ' '; background: #d4d9df; display: inline-block; position: absolute; left: 27px; width: 2px; height: 100%; z-index: 400; } 
ul.timeline > li { margin: 20px 0; padding-left: 25px; } 
ul.timeline > li:before { content: ' '; background: white; display: inline-block; position: absolute; border-radius: 50%; border: 2px solid #7F3F98; left: 20px; width: 15px; height: 15px; z-index: 400; }

.learner{position: relative;}
.tip1{position: absolute;top: 32%;left: 62.3%;transform: translate(-50%, -50%);margin: 0 auto;text-align: center;z-index: 20;}
.tip2{position: absolute;top: 43.5%;left: 70.7%;transform: translate(-50%, -50%);margin: 0 auto;text-align: center;z-index: 19;}
.tip3{position: absolute;top: 57%;left: 70.7%;transform: translate(-50%, -50%);margin: 0 auto;text-align: center;z-index: 18;}
.tip4{position: absolute;top: 67.7%;left: 63.5%;transform: translate(-50%, -50%);margin: 0 auto;text-align: center;z-index: 17;}
.tip5{position: absolute;top: 71.7%;left: 49.8%;transform: translate(-50%, -50%);margin: 0 auto;text-align: center;z-index: 16;}
.tip6{position: absolute;top: 68%;left: 37%;transform: translate(-50%, -50%);margin: 0 auto;text-align: center;z-index: 15;}
.tip7{position: absolute;top: 55.7%;left: 28.4%;transform: translate(-50%, -50%);margin: 0 auto;text-align: center;z-index: 16;}
.tip8{position: absolute;top: 44%;left: 28.4%;transform: translate(-50%, -50%);margin: 0 auto;text-align: center;z-index: 17;}
.tip9{position: absolute;top: 32.2%;left: 35.4%;transform: translate(-50%, -50%);margin: 0 auto;text-align: center;z-index: 18;}
.tip10{position: absolute;top: 28%;left: 49.8%;transform: translate(-50%, -50%);margin: 0 auto;text-align: center;z-index: 19;}

/*Tooltip*/
.tip-cont {text-align: center; color: #555; cursor: pointer; position: relative; -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; }
.tip-cont .tooltip {font-size: 14px; font-weight: 500; background: #fff; border: solid 8px rgba(127, 63, 152, 1); border-radius: 10px; top: 100%; color: #000; display: block; left: -70%; text-align: center; margin-top: 0; opacity: 0; padding: 6px; pointer-events: none; position: absolute; width: 200px; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); }
.tip-cont .tooltip:before { top: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; }
.tip-cont .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-bottom: solid rgba(127, 63, 152, 1) 10px; top: -18px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; }
.tip-cont:hover .tooltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }  

.tip-cont img{width: 100%;}
.o-video { width: 100%; height: 0; position: relative; padding-top: 56.25%; /* 9 / 16 * 100 */ } 
.o-video > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 0; }
.digital-video .nav-pills .nav-link{background-color: rgba(127, 63, 152, 0.1); color: #000;}
.digital-video .nav-pills .nav-link:hover,.digital-video .nav-pills .nav-link.active { color: #fff; background-color: rgba(127, 63, 152, 1); }

.popcont { list-style: none; margin: 0 auto; text-align: center; }
.popcont li { float: left; width: 30%; display: flex; justify-content: space-between; margin: 0 10px; background: #e7dcec; padding: 10px; }
.timing-b.timing-bc { background: #e7dcec; padding: 10px; text-align: center; }

.timing { float: left; width: 100%; }  
.timing-b { float: left; width: 47%; text-align: center; font-weight: 100; } 
.timing-b h3 { color: #333; font-size: 22px; line-height: 42px; margin-bottom: 3px; } 
.timing-b span { float: left; width: 49.5%; line-height: 32px; background: #d9cbe0; font-size: 18px; font-family: 'Catamaran', sans-serif !important; } 
.timing-b span:nth-child(1), .timing-b span:nth-child(2), .timing-b span:nth-child(3) { background: #d9cbe0!important; } 
.timing-b span+span { float: right; } 
.timing-b span:nth-child(4), .timing-b span:nth-child(5) { background: #fff !important; } 
.timing-b span+span+span { float: left; margin-top: 2px; background: #ceecfb; }
.popup-container.lunch {    margin-top: 30px;}


.btm-box{padding: 30px 50px; background-color: rgb(127 63 152); border-radius: 20px;}
.btm-right{padding: 30px 50px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 20px;}
.flexbox{width: 100%; clear: both; margin-top: 20px;display: flex;}
.flexbox .icon{width: 10%; float: left;text-align: center;}
.flexbox .icon i{font-size: 20px; margin-top: 5px;}
.flexbox .txt{width: 90%; float: left;}

.modal-body table {overflow-x: auto; display: block;}

/*Share Option*/
.c-share { position: relative; width: 3.4375em; height: 3.4375em; } 
.c-share__input { display: none; } 
.c-share__input:checked ~ .c-share__toggler .c-share__icon { transition: 0s; width: 0; height: 0; color: #639eff; } 
.c-share__input:checked ~ .c-share__toggler .c-share__icon::before { transform: rotate(-45deg); } 
.c-share__input:checked ~ .c-share__toggler .c-share__icon::after { transform: rotate(45deg); } 
.c-share__input:checked ~ .c-share_options { width: 11.0625em; height: 205px; border-radius: 0.3125em; } 
.c-share__input:checked ~ .c-share_options::before, .c-share__input:checked ~ .c-share_options li { transition: 0.3s 0.15s; opacity: 1; transform: translateY(0); color: #000; } 
.c-share__toggler, .c-share_options { position: absolute; right: 0; width: inherit; height: inherit; border-radius: 50%; background-color: #f2f2f2;z-index: 15; } 
.c-share__toggler { cursor: pointer; z-index: 20; display: flex; justify-content: center; align-items: center; } 
.c-share__icon { position: relative; left: -0.3125em; width: 0.5em; height: 0.5em; border-radius: 50%; color: #029dfc; background-color: #029dfc; box-shadow: 0.625em -0.625em, 0.625em 0.625em; transition: 0.1s 0.05s; } 
.c-share__icon::before, .c-share__icon::after { content: ""; position: absolute; width: 1em; height: 0.125em; background-color: #029dfc; transition: 0.1s; } 
.c-share__icon::before { top: 0.1875em; left: 0.1875em; transform-origin: bottom left; transform: rotate(45deg); } 
.c-share__icon::after { top: -0.125em; left: 0.03125em; transform-origin: center; transform: rotate(-45deg); } 
.c-share_options { list-style: none; margin: 0; padding: 1em; box-sizing: border-box; overflow: hidden; transition: 0.2s; box-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.3); } .c-share_options::before { content: attr(data-title); display: block; margin-bottom: 1em; font-weight: 700; } 
.c-share_options li { font-size: 0.875em; color: #464646; } 
.c-share_options li a { display: block; padding: 3px 0;}
.c-share_options li a i {font-size: 12px;}
.c-share_options li a:hover {background: #7F3F98; text-indent: 10px; color: #fff;}
/*.c-share_options li:not(:last-child) { margin-bottom: 0.75em; } */
.c-share_options::before, .c-share_options li { opacity: 0; transform: translateY(0.625em); transition: 0s; }


.footer{padding-bottom: 30px;}
.footer .bor-top{border-top: solid 20px #d82430;}
.footer-logo{margin-top: 50px; width: 200px;}
.footer li a{display: block; color: #1b1b1b; font-size: 11px; font-weight: 500;}
.footer p{font-size: 11px;}
.footer a{color: #9157a8;}
.footer a:hover{color: #e31e25; }
.footer h5{margin-top: 30px; padding-bottom: 5px; color: #9157a8; font-weight: 700; font-size: 14px;}
.footer .copyright{letter-spacing: 2px;}
.footer .sub-heading{font-size: 11px;}
.footer .f-logo{max-width: 300px;}
.rounded-social-buttons .social-button { display: inline-block; position: relative; cursor: pointer; width: 2.5rem; height: 2.5rem; border: 0.125rem solid transparent; padding: 0; text-decoration: none; text-align: center; color: #575757; font-size: 1rem; font-weight: normal; line-height: 2.5em; border-radius: 1.6875rem; transition: all 0.5s ease; margin-right: 0.25rem; margin-bottom: 0.25rem; }
.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram { font-size: 20px;}
.rounded-social-buttons .social-button.facebook {border: solid 2px; }
.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus { color: #3b5998; background: #fefefe; border-color: #3b5998; }
.rounded-social-buttons .social-button.twitter {border: solid 2px; }
.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus { color: #55acee; background: #fefefe; border-color: #55acee; }
.rounded-social-buttons .social-button.linkedin {border: solid 2px; }
.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus { color: #007bb5; background: #fefefe; border-color: #007bb5; }
.rounded-social-buttons .social-button.youtube {border: solid 2px; }
.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus { color: #bb0000; background: #fefefe; border-color: #bb0000; }
.rounded-social-buttons .social-button.instagram {border: solid 2px; }
.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus { color: #125688; background: #fefefe; border-color: #125688; }


#scrollBtn { display: none; position: fixed; bottom: 20px; right: 38px; z-index: 99; font-size: 14px; border: none; outline: none; background-color: #7F3F98; color: white; cursor: pointer; padding: 10px; border-radius: 4px; }



.academicsModal .modal-title{font-size: 26px; text-align: center; text-transform: uppercase; padding: 0 0 5px; font-weight: 300; width: 100%;}
.academicsModal h2{background: #92d5f5; color: #464646; font-size: 22px; font-weight: 300; text-align: center; text-transform: uppercase; margin-bottom: 2px; padding: 8px 0 3px;}
.academicsModal table{width: 100%; overflow-x: auto; color: #333; font-size: 14px;}
.academicsModal table th{font-size: 18px; text-transform: uppercase; font-weight: 100; background: #d9cbe0; text-align: center; border: solid 1px #fff;}
.academicsModal table td{background: #e7dcec; font-size: 14px; padding: 6px; border: solid 1px #fff;}

.academics{ background: #7F3F98;}
.education .team-area .item {
    display: inline-block;
}

.team-area {text-align:center;}










.tab_info {
    position: relative;
    overflow: hidden;
}
.tab_info .bg-color1 {background: #7F3F98;}
.item_info {
    position: absolute;
    top: calc(100% - 58px);
    z-index: 5;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    color: #fff;
    text-align: center;
    transition: all ease-in-out 0.3s;
    bottom: 0;
    
    background: rgba(127, 63, 152, 0.8);
    padding: 20px;
}
.item_info_in {
    
}
.item_info_in p {
    margin: 0;
}
.tab_info:hover .item_info {
    top: 50%;
}
.bg-color1 {
    margin: 0;
}

.item_info_in h6 {
    margin: 0 0 15px 0;
    text-transform: uppercase;
}
.holistic .owl-nav .owl-prev {
    float: left;
}
.sylb_tab_cnt ul {margin: 0; font-size: 16px;}


.nav-pills.icon_size_update h6 {
    text-align: left;
    margin: 0;
}

.nav-pills.icon_size_update .nav-link {
    padding: 7px 0;
}

.nav-pills.icon_size_update .nav-link img {
    width: 50px;
}

@media (min-width: 992px) {
.col-md-1-5 { width: 20%; }
.col-md-2-5 { width: 40%; }
.col-md-3-5 { width: 60%; }
.col-md-4-5 { width: 80%; }
.col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
.col-lg-1-5 { width: 20%; }
.col-lg-2-5 { width: 40%; }
.col-lg-3-5 { width: 60%; }
.col-lg-4-5 { width: 80%; }
.col-lg-5-5 { width: 100%; }
}
@media (max-width:1540px){


}
@media (max-width:1399.98px){
    .navbar-light .navbar-nav .nav-link {font-size: 11px; padding-left: 1rem;}
    .home-news .news-slider .item .news-box h5{font-size: 14px;}
    .home-news .news-slider .item .news h5 {font-size: 14px;}
}
@media (max-width:1199.98px){
    .mt-100{margin-top: 50px;}
    #thumb_img{padding: 5px 0;}
    .tooltip .tooltiptext{width: 200px;margin-left: -100px;}
    .tooltip .tooltiptext h1{font-size: 22px;}
}
@media (max-width:991.98px){
    .col-sm-6 {flex: 0 0 auto;width: 50%;}
    section { padding: 30px 0 20px; position: relative; }
    .pl-100{padding-left: 15px !important;}
    .pr-100{padding-right: 15px !important;}
    .ml-100{margin-left: 15px !important;}
    .mr-100{margin-right: 15px !important;}
    .pt-100{padding-top: 10px !important;}
    .carrers .bg-color1{padding: 15px;}
    .about-home-slider-icon1{top: -7%; left: -7%;}
    .about-home-slider-icon2{bottom: -10%; left: -8%;}
    .about-home-slider-icon3{bottom: -8%; right: 5%;}
    .about-home-slider-icon4{top: 26%; right: -7%;}
    .about-home-slider-icon5{top: -8%; right: -3%;}
    .sub-heading{margin-bottom: 10px;font-size: 12px;margin-top: 60px;}
    .sub-heading:before {top: -55px; height: 50px;}
    .heading1{font-size: 30px;}
    .education .triangle-left {display: none;}
    .education .triangle-right {display: none;}
    .education .box-grey{height: auto; margin: 0;}
    .locate .nav-pills .nav-link.color1{margin: 0 10px 10px;}
    .locate .nav-pills .nav-link.color2{margin: 0 10px 10px;}
    .locate .nav-pills .nav-link.color3{margin: 0 10px 10px;}
    .locate .nav-pills .nav-link.color4{margin: 0 10px 10px;}
    .mission-cont{width: 97%; padding: 20px;}

    .awards .item .cover { padding: 5px 0;}
    .awards .item .cover .awards-content {padding: 5px; } 
    .awards .item .cover .awards-content p {font-size: 12px; padding-left: 5px; margin-bottom: 5px;}
    .awards .item .cover .awards-content h3 { font-size: 18px; padding: 5px; margin: 5px 0 0px;}
    .awards .owl-nav {bottom: 5px; left: 5px; text-align: left;}
    .awards .owl-nav .owl-next, .awards .owl-nav .owl-prev{padding: 4px 5px;}
    .awards .owl-dots {bottom: 13px; left: 60px;}

    .home-news .news-slider .item .news-box h5{font-size: 13px; font-weight: 600;}
    .home-news .news-slider .item .news h5 { padding: 5px 10px 2px; font-size: 13px; font-weight: 600;}

    .carrers .bg-color1{margin: 0;}
    .find-us .padding{padding: 20px;}
    
    .tooltip .tooltiptext{width: 120px;margin-left: -60px;bottom: 120%;}
    .tooltip .tooltiptext p{font-size: 10px; padding-top: 5px !important; margin-bottom: 10px;}
    .tooltip .tooltiptext h1{font-size: 16px;}
    .tooltip .tooltiptext h6{font-size: 10px; margin-bottom: 0;}
    .underline-text{padding-bottom: 2px;}
    .underline-text::after{height: 1px;}

    .post-content-text-child2{width: 100%; margin: 0 auto;}
    .post-content-text-child2 .p-5{padding: 15px !important;}
    .post-content-text-child3{display: none;}
    .post-content-text-child2 .d-flex .px-5{padding:0 20px !important;}
    
    .rounded-box{border-radius: 10px; padding: 20px;}
    .min-h250{min-height: 350px;}
    .nav-justified .nav-item, .nav-justified>.nav-link {
        flex-basis: auto;
    }
}
@media (max-width:767.98px){
    .col-12 {flex: 0 0 auto;width: 100%;}
    #counter { right: 0; width: 100%; display: none;}
    .owl-slider .owl-nav {bottom: 0px; right: 10px; }
    .owl-slider .owl-prev { margin-right: 0; }
    .owl-slider .owl-next { margin-left: 0; }
    .about-home .owl-dots{right: -30px; display: none;}
    .post-content-text-child h2{margin-top: 10px;}
    .nav-top { position: relative; right: 0; top: 0; width: 100%; text-align: right;}
    .toggle-wrap{top: 0;}
    .footer h5{margin-top: 15px; font-size: 14px;}
    .play-explore .mh-250{min-height: 250px;}
    .arrow-left::before{transform: rotate(47deg);top: -4%;left: 49%;}
    .arrow-right::before{transform: rotate(225deg);top: 96%;right: 49%;}


    .owl-slider .owl-carousel, .owl-slider .owl-stage-outer {min-height: 32vh; }
    .owl-slider .owl-nav{right: auto;}
    .post-content-parent {min-height: 32vh; }
    .c--post-content-image-wrapper {min-height: 32vh; }


    .parent-teacher h5{font-size: 13px;}
    .parent-teacher .owl-nav {width: auto;}
    .vlstabs .nav-link .d-flex img{width: 50px;}
    .vlstabs .nav-link .d-flex.p-3{padding: 0 !important;}
    .vision-box{max-width: 400px; margin-right:0;}
    .our-offering .owl-next {position: absolute; right:0px;}
    .our-offering .owl-prev {position: absolute; left: 0px;}
    .card.hover{margin-bottom: 10px;}
    .card.hover .p-4{padding: 15px 5px !important;}
    .card.hover.my-5{margin-top: 1rem!important; margin-bottom: 1rem!important;}
    .safety .nav-pills .nav-link img{max-width: 150px;}
    .safety .nav-pills .nav-link{font-size: 12px;margin: 0 5px;}
    
    .sticky1{width: 60px;right: -20px;top: 26px; padding: 0px 10px 0;}
    .sticky2{width: 60px;right: -21px;top: 90px; padding: 0px 10px 0;}
    .sticky3{width: 80px;right: 10px;bottom: 20px; padding: 0px 10px 0;}
}
@media (max-width:575.98px){
    .about-home-slider-icon1{display: none;}
    .about-home-slider-icon2{display: none;}
    .about-home-slider-icon3{display: none;}
    .about-home-slider-icon4{display: none;}
    .about-home-slider-icon5{display: none;}

    .who-we-are-icon1{display: none;}
    .who-we-are-icon2{display: none;}
    .who-we-are-icon4{display: none;}
    .who-we-are-icon5{display: none;}

    .future-icon{width: 50px;}
    .child-future p{font-size: 12px;}
    .education .text3 {font-size: 12px;}
    .education .text3 p{line-height: 1.3;}
    .education .text3 h5{font-size: 16px;}
    .bor-right{border:none;}
    .education .bottom-overlay2 { top: 82%; }
    .safety .nav-pills .nav-link img{max-width: 90px;}
}
.new-text-fonts,
.new-text-fonts .tooltip {font-family: 'Comic Neue', cursive;}
.greenbx-txtht.education .overlay h6.text-white {
    min-height: 38px;
}



/*------------------------------------------------------*/
.learn_graphics { text-align: center; }
.learn_graphics svg {height: 75vh; width: 100%; max-height: 100vw;}

#tool1, #tool2, #tool3, #tool4, #tool5, #tool6, #tool7, #tool8, #tool9, #tool10 {
    transition: all ease-in-out 0.3s;
    display: none;
}
#tool1 {
    width: 129px;
}
#tool2, #tool3, #tool4, #tool5, #tool6, #tool7, #tool8, #tool9, #tool10 {
    width: 107px;
}
#box201, #box202, #box203, #box204, #box205, #box206,
#part1, #part2, #part3, #part4, #part5, #part6, #part7, #part8, #part9, #part10 {
    cursor: pointer;
}



.pop_box1 { padding: 0 20px;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    min-height: 100vh;
    overflow: auto;
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.62);
    z-index: 1999;
}

.pop_box1.pop_open {
    display: flex;
}

.pop_box3 {
    position: relative;
    border-radius: 2px;
}

.pop_box2 {
    width: 100%;
    max-width: 450px;
}

span.pop_close {
	transition: all ease-in-out 0.3s;
	position: absolute;
	font-size: 0;
	width: 34px;
	height: 34px;
	right: -12px;
	top: -12px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxnIGRhdGEtbmFtZT0iMDIgVXNlciI+PHBhdGggZD0iTTI1IDUxMmEyNSAyNSAwIDAgMS0xNy42OC00Mi42OGw0NjItNDYyYTI1IDI1IDAgMCAxIDM1LjM2IDM1LjM2bC00NjIgNDYyQTI0LjkzIDI0LjkzIDAgMCAxIDI1IDUxMnoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNNDg3IDUxMmEyNC45MyAyNC45MyAwIDAgMS0xNy42OC03LjMybC00NjItNDYyQTI1IDI1IDAgMCAxIDQyLjY4IDcuMzJsNDYyIDQ2MkEyNSAyNSAwIDAgMSA0ODcgNTEyeiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPjwvZz48L2c+PC9zdmc+);
	background-size: 14px;     border: 1px solid #fff;
    background-repeat: no-repeat;
    background-position: center;
	cursor: pointer;
    background-color: #7F3F98;
    border-radius: 50%;
    z-index: 2;
}
span.pop_close:hover { background-color: #5e1e77;}


/*-----------////////////~~~~~///////////--------------*/





@media screen and (max-width:1030px) {/* 1024 px */
	.avb_kid_row {display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        padding: 0 !important;} 
    .avb_kid_row .col-lg-5, .avb_kid_row .col-lg-6 {
        width: 100%;
    }
    .education .text3 h6 {font-size: 13px;}
    .education .bottom-overlay2 {
        top: calc(100% - 26px);
    }
    .education .text3 p {
        margin: 0;
        line-height: 16px;
    }
    .home-main-banner-owl.owl-slider .owl-stage-outer,
    .home-main-banner-owl.owl-slider .owl-carousel {min-height: unset;} 
    .c--post-content-image-wrapper,
    .post-content-parent {min-height: 320px;}

}
@media screen and (max-width:767px) { /* 640 px */
	.edu_face .col-12 {
        max-width: 320px;
        margin: 0 auto;
    }

}
@media screen and (max-width:639px) { /* 480 px */
	.c--post-content-image-wrapper,
    .post-content-parent {min-height: 200px;}
	
	
}









/*---------------------------------------------------------------------------------------------------------Post School Activities--*/
.psa_slider .post-content-text-child h2 {
    margin: 0 0 2% 0;
}
.spa_box_2_c2 {
    padding: 0 0 0 40px;
}
.spa_box_2_c1 .about-home-slider-icon2 {
    bottom: 0;
    left: 0;
}
.sc_skill_box.color6 ul li {color: #fff;}
.psa_gallery .owl-carousel .owl-item img {

    width: auto;
    display: inline-block;
}
.psa_gallery .owl-carousel .item {border-radius: 20px;}
.psa_ico_list {
    margin: 0;
}

.psa_ico_list ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}

.psa_ico_list ul li {
    width: calc(100% / 5);
    color: #000;
    font-size: 16px;
    margin: 20px 0 0 0;
}

.psa_ico_box {
    padding: 30px 0 25px;
}

.psa_ico_txt {
    margin: 10px 0 0 0;
}

.psa_ico_img img {
    max-height: 50px;
}
img.psa_ico_h {
    display: none;
}
.psa_ico_list ul li:nth-child(7n+1) .psa_ico_box:hover,
.bg_rectangle:hover {
    background: url(../images/psa_bg_icon/bg_rectangle.svg) no-repeat center center; 
    background-size: contain;
}
body .psa_ico_list ul li:nth-child(7) .psa_ico_box:hover,
.psa_ico_list ul li:nth-child(7n+2) .psa_ico_box:hover,
.bg_ellipse:hover {
    background: url(../images/psa_bg_icon/bg_ellipse.svg) no-repeat center center; 
    background-size: contain;
}
.psa_ico_list ul li:nth-child(7n+3) .psa_ico_box:hover,
.bg_polygon_3:hover {
    background: url(../images/psa_bg_icon/bg_polygon_3.svg) no-repeat center center; 
    background-size: contain;
}
.psa_ico_list ul li:nth-child(7n+4) .psa_ico_box:hover,
.bg_polygon_5:hover {
    background: url(../images/psa_bg_icon/bg_polygon_5.svg) no-repeat center center; 
    background-size: contain;
}
.psa_ico_list ul li:nth-child(7n+5) .psa_ico_box:hover,
.bg_polygon_6:hover {
    background: url(../images/psa_bg_icon/bg_polygon_6.svg) no-repeat center center; 
    background-size: contain;
}
.psa_ico_list ul li:nth-child(7n+6) .psa_ico_box:hover,
.bg_polygon_oo:hover {
    background: url(../images/psa_bg_icon/bg_polygon_oo.svg) no-repeat center center; 
    background-size: contain;
}
.psa_ico_list ul li:nth-child(7n+7) .psa_ico_box:hover,
.bg_star:hover {
    background: url(../images/psa_bg_icon/bg_star.svg) no-repeat center center; 
    background-size: contain;
} 
.psa_ico_box:hover img.psa_ico {
    display: none;
}
.psa_ico_box:hover img.psa_ico_h {
    display: inline-block;
} 
.psa_ico_box:hover {color: #fff;}

.psa_ico_box {
    position: relative;
}
.psa_ico_box>div {
    position: relative;
    z-index: 2;
}
.psa_ico_box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    transition: all ease-in-out 0.3s;
}
.psa_ico_box:hover:before {
    opacity: 0;
}
.with_graphics {
    position: relative;
}

.psa_graphics {
    position: absolute;
    right: 10px;
    bottom: 100%; z-index: 2;
    transform: translate(0px, 80px);
}

.psa_graphics img {
    max-height: 180px;
    /* animation: 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s infinite alternate backwards running text-pop-up-top; */
}

.sc_skill_box ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.sc_skill_box ul li {
    width: 50%;
    text-align: left;
    list-style: none;
    margin: 12px 0 00 0;
    font-size: 14px;
    color: #000;
    position: relative;
    padding: 0 10px;
}
.sc_spc2_bx2 ul li:before,
.sc_skill_box ul li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 20px;
    background: url(../images/sc_check_mark.png) no-repeat center left;
    background-size: contain;
}
.bg1 .sub-heading:before {background: #fff;}
@media screen and (max-width:979px) { /* 800 px */
    .spa_box_2_c2 {
        padding: 20px 10px 0 10px;
    }
    .psa_ico_list ul li {
        width: calc(100% / 3);
    }
    .sc_skill_box ul li {
        width: 100%;
    }
}
@media screen and (max-width:479px) { /* 360 px */
    .psa_ico_list ul li {
        width: calc(100% / 2);
    }
    
}
/*-------------------------PSA end---------------------------------------------------------------*/

.img-404{
  display: block; 
  margin: 0 auto; 
  max-width: 100%; 
  height: auto; 
  max-height: 50vh
}
@media screen and (max-width:575px) {
  .img-404{
    max-height: 100vh
  }
}

.post-content--inner h1 {
    text-shadow: 0 0 8px black;
    font-weight: 700;
    color:white;
}