:root {

  --white: #ffffff;

  --black: #000000;

  --purple: #68043b;

  --dark-purple: #4b032b;

  --golden: #cdb06e;

  --light-golden: #faefd7;

  --paragraph-color: #2a0b1b;

  --grey: #e7e7e7;

}





* { box-sizing: border-box;}

html, body { margin: 0;	padding: 0;	border: 0; vertical-align: baseline; font-weight: 400; list-style: none; font-size: 16px; font-family: "Outfit", sans-serif; font-optical-sizing: auto; font-style: normal; font-optical-sizing: auto;}

a:focus,button:focus,input:focus,textarea:focus { outline:0; text-decoration:none;}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; -webkit-font-smoothing:antialiased; margin-bottom:15px; line-height: normal; line-height: 1.2;}

h1 { font-size: 80px; line-height: 1; color: var(--golden); font-weight: 300;}

h2 { font-size: 60px; line-height: 1; margin-bottom: 15px; color: var(--purple);}

h3 { font-size: 35px;}

h4 { font-size: 25px;}

a { color:#018aff; text-decoration:none; transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s;-ms-transition:all ease-out .3s; -o-transition:all ease-out .3s;}

a:hover { text-decoration:none; color:#3b90ff;}

label { font-weight:400;margin:0;}

p { font-size: 16px; line-height: 1.3; color: var(--paragraph-color); margin:0; padding:0; font-weight: 400; margin-bottom:15px;}

li,ol,ul { list-style:none; margin:0; padding:0;}

focus { outline:0;}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #979797; font-size: 14px;}

::-moz-placeholder { /* Firefox 19+ */ color: #979797; font-size: 14px;}

:-ms-input-placeholder { /* IE 10+ */ color: #979797; font-size: 14px;}

:-moz-placeholder { /* Firefox 18- */ color: #979797; font-size: 14px;}



/*========================== Commen styles ========================*/

.line-btn { display: inline-block; font-size: 15px; font-weight: 400; padding: 13px 25px; line-height: 1; transition: all ease-out 0.3s; position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #cdb06e; text-transform: uppercase; background: none;}

.line-btn span { position: relative; z-index: 2; color: #cdb06e;}

.line-btn::after { content: ''; width: 0; height: 100%; display: block; position: absolute; left: 0; top: 0; transition: all ease-out 0.3s; animation: animatedgradient 5s ease alternate infinite; background: linear-gradient(60deg, #cdb06e, #eecf86, #cdb06e, #eecf86, #cdb06e, #eecf86); background-size: 300% 300%;}

.line-btn:hover { color: var(--white);}

.line-btn:hover::after { width: 100%;}

.line-btn:hover span { color: #4b032b;}



.line-btn.purple { border: 1px solid #68043b;}

.line-btn.purple span { color: #68043b;}

.line-btn.purple::after { background: linear-gradient(60deg, #68043b, #99115c, #68043b, #99115c, #68043b, #99115c); background-size: 300% 300%;}

.line-btn.purple:hover span { color: #ffffff;}



.primary-btn { display: inline-block; font-size: 15px; font-weight: 400; padding: 22px 38px; line-height: 1; transition: all ease-out 0.3s; position: relative; overflow: hidden; border-radius: 8px; background: #cdb06e; text-transform: uppercase; animation: animatedgradient 5s ease alternate infinite; background: linear-gradient(60deg, #cdb06e, #fae0a3, #cdb06e, #fae0a3, #cdb06e, #cdb06e); background-size: 300% 300%;}

.primary-btn span { position: relative; z-index: 2; color: #68043b;}

.primary-btn::after { content: ''; width: 0; height: 100%; display: block; position: absolute; left: 0; top: 0; transition: all ease-out 0.3s; background: #f8d88c;}

.primary-btn:hover { color: var(--white);}

.primary-btn:hover::after { width: 100%;}

.primary-btn:hover span { color: #4b032b;}



.primary-btn.purple { background: linear-gradient(60deg, #68043b, #99115c, #68043b, #99115c, #68043b, #99115c); background-size: 300% 300%;}

.primary-btn.purple span { color: var(--white);}

.primary-btn.purple::after { background: #68043b;}



@keyframes animatedgradient {

	0% {

		background-position: 0% 50%;

	}

	50% {

		background-position: 100% 50%;

	}

	100% {

		background-position: 0% 50%;

	}

}



.primary-link { display: inline-block; position: relative; margin-right: 30px; font-size: 15px; text-decoration: underline; transition: all ease-out 0.3s; color: var(--black);}

.primary-link:hover { text-decoration: underline;}



.light-golden-bg { background: var(--light-golden) !important;}

.golden-bg { background: var(--golden) !important;}

.purple-bg { background: var(--purple) !important;}

.dark-purple-bg { background: var(--dark-purple) !important;}



section { display: block; padding: 70px 0;}

.home-page { overflow: hidden;}

/*========================== Commen styles ========================*/



.header { display: block; position: relative; z-index: 3;}

.header-top-block { display: block; background: var(--dark-purple); padding: 8px 0;}

.header-top-block .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}

.header-top-left { display: flex; align-items: center; flex-wrap: wrap;}

.header-top-left p { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0; color: var(--white);}

.header-top-left p img { display: inline-block; margin-right: 15px;}

.header-social { display: flex; flex-wrap: wrap; align-items: center; }

.header-social a { color: var(--white); display: inline-flex; align-items: center; margin-right: 15px; font-size: 18px;}

.header-social a:hover { color: var(--golden);}

.header-top-contact { display: flex; align-items: center; flex-wrap: wrap;}

.header-top-contact a { display: inline-flex; align-items: center; margin-left: 30px; font-size: 16px; color: var(--white);}

.header-top-contact a img { display: inline-block; margin-right: 12px;}

.header-top-contact a:hover { color: var(--golden);}



.logo { display: inline-block;}

.logo img { display: block;}



.header-main-block { display: block; padding: 15px 0; background: var(--purple);}

.header-main-block .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}



/* ==========================================================================

   Menu with dropdown menu begin

   ========================================================================== */

.main-menu { display:block;}

.main-menu > ul { display:flex; flex-wrap: wrap; align-items: center;}

.main-menu > ul > li { display:inline-block; position: relative;}

.main-menu > ul > li > a { color: #ffffff; display: block; font-size: 17px; padding: 12px 10px; position: relative; line-height: 1;}

.main-menu > ul > li:hover > a, 

.main-menu > ul > li.active > a { color: #cdb06e;}

.main-menu > ul > li.dropdown > a::before { content: "\f078"; font-family: "FontAwesome"; font-size: 10px; color: var(--white); display: inline-block; position: absolute; right: 0px; top: 16px;}

.main-menu > ul > li.dropdown:hover > a::before { color: #cdb06e;}

.main-menu > ul > li.active.dropdown > a::before { color: #cdb06e;}



.main-menu > ul > li > ul { display:block; position:absolute; top:37px; left: 0px; width: 200px; font-weight: 400; z-index: 10; opacity: 0; pointer-events: none; transition: all ease-out 0.3s; transform: translateY(10px); background: var(--white); padding: 8px 0; border-radius: 10px;}

.main-menu > ul > li > ul > li { display:block;}

.main-menu > ul > li > ul > li:first-child { border-top:none;}

.main-menu > ul > li > ul > li > a { display: block; color: #000000; padding: 10px 20px; font-weight: 400; font-size: 14px; line-height: 1; position: relative;}

.main-menu > ul > li > ul > li > a:hover { color: #68043b; background: #cdb06e; background: linear-gradient(270deg, rgba(254,204,1,0) 5%, #cdb06e 74%);}

.main-menu > ul > li:nth-child(4) > ul { left: inherit; right: 0px;}

.main-menu > ul > li > ul.normal-sub-menu { width: 250px;}

.main-menu > ul > li > ul { max-height: 350px; overflow-y: auto; scrollbar-color: #363232 #363232; scrollbar-width: thin;}

.main-menu > ul > li > ul::-webkit-scrollbar { width: 8px;}

.main-menu > ul > li > ul::-webkit-scrollbar-track { background: var();}

.main-menu > ul > li > ul::-webkit-scrollbar-thumb { background-color: var(); outline: none;}

.main-menu > ul > li:hover > ul { opacity: 1; pointer-events: all; transform: translateY(0px);}



/* Menu Second Level  */

.main-menu > ul > li > ul > li { position: relative; display: block;}

.main-menu > ul > li > ul > li> a.hoverClass { color: var(--white);}

.main-menu > ul > li > ul > li.dropdown >a:after{ content: ""; position: absolute; top: 8px; right: 15px; transition: all ease 0.2s;}

.main-menu > ul > li > ul > li.dropdown> a.hoverClass:after{ color: var(--white); transform: rotate(-90deg);}

.main-menu > ul > li > ul > li > ul { display: block; transition: all ease 0.2s; position:absolute; top:0px; left:220px; background-color: var(); width: 200px; font-weight: 400; opacity: 0;}

.main-menu > ul > li > ul > li > ul.pull-ul { right:200px; opacity: 1; pointer-events: auto; z-index: 3;}

.main-menu > ul > li > ul > li > ul > li { display:block; border-top:1px solid #615f5f;}

.main-menu > ul > li > ul > li > ul > li:first-child { border-top:none;}

.main-menu > ul > li > ul > li ul > li > a {display: block; color: #a6a6ac; padding: 10px 15px; font-weight: 400; font-size: 14px; position: relative; text-align: left;}

.main-menu > ul > li > ul > li ul > li > a:hover { color:#fff;}



/*======================================== Menu Style End =======================================*/

.mobile-menu ul.menu-list { padding:5px 0;}

.mobile-menu ul.menu-list > li > a:hover { background:var(--golden); color:#FFF;}

.mobile-menu ul.menu-list > li > ul { display:none; margin-left:0; padding:10px 0; background:#2b2a2a;}

.mobile-menu ul.menu-list> li a.open,.mobile-menu ul.menu-list > li > ul > li a:hover { background: #cdb06e; color: var(--white);}

.mobile-menu ul.menu-list> li a.open::after { transform: rotate(180deg);}

.mobile-menu ul.menu-list > li > ul > li a {color:#FFF; padding:10px 10px;display:block; font-size:16px; transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ms-transition:all ease-out .2s;-o-transition:all ease-out .2s;text-align:center;}

.menu-toggle { position:absolute; display:none; width:40px; height:40px; top:8px; right:20px; padding-top:6px; box-sizing:border-box; border: none; background: none; padding: 0;}

.menu-toggle span.line { position:relative; width:65%; height:2px; background: #ffffff; margin:6px auto; display:block; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; -ms-transition:all ease .3s}

.menu-toggle.active span.line { position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; transform-origin:center center;}

.menu-toggle.active span.line.a { transform:rotate(45deg)}

.menu-toggle.active span.line.c { transform:rotate(-45deg)}

.menu-toggle.active span.line.b { opacity:0}

.mobile-menu { display:none;}

.mobile-menu > ul { padding:10px 0}

.mobile-menu ul > li {text-align:center; border-top: 1px solid rgba(255, 255, 255, 0.1); position: relative;}

.mobile-menu ul > li:first-child { border-top:none;}

.mobile-menu ul > li > a { display:block; color: var(--white); font-size:16px; padding:8px 20px;}

.mobile-menu ul > li > a > img { display: none;} 

.mobile-menu ul > li.dropdown > a { position:relative;}

.mobile-menu ul > li.dropdown > a:after {  content: "\f078"; font-family: "FontAwesome"; font-size: 12px; color: var(--white); display: inline-block; position: absolute; right: 10px; top: 10px;}

.mobile-menu ul > li.drp > a { position:relative;}

.mobile-menu ul > li.drp > a:after { content:''; width:0; height:0; display:block; border:6px solid #fff; border-color: var(--white) transparent transparent transparent; position:absolute; right:15px; top:15px;}

.mobile-menu ul > li.drp > a.open:after { border:6px solid var(--white); border-color: transparent transparent var(--white) transparent; top:10px;}

/*======================================== Menu Style End =======================================*/



.mega-drop { border-top: none; position: absolute; width: 100%; top: 101px; left: 0; display: block; opacity: 0; pointer-events: none; /*overflow: hidden;*/ transition:all ease 0.3s; transform: scale(0.96); text-align: left; padding: 35px 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.144); background: var(--white); z-index: 9;}

.mega-drop.active { opacity: 1; pointer-events: auto; transform: scale(1); z-index: 9;}

.mega-drop-main { display: block; overflow: hidden;}

/* ==========================================================================

  Menu with dropdown menu End

  ========================================================================== */



.header-btns { display: flex; flex-wrap: wrap; align-items: center;}

.header-btns li { margin-left: 8px; display: flex; align-items: center;}



.home-page { overflow: hidden;}

.banner { display: block; background: var(--light-golden); position: relative;}

.banner::before { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: rgb(35,2,20); background: rgb(35,2,20); background: linear-gradient(90deg, rgba(35,2,20,0.9248074229691877) 28%, rgba(35,2,20,0) 98%); z-index: 2;}

.video-banner { display: block; position: relative; min-height: 780px; background: #dbdbdb;}

.video-banner video { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1;}

.video-banner .container { position: relative; z-index: 2;}

.banner-cont { display: block; max-width: 590px; width: 100%; padding: 130px 0;}

.banner-cont h1 { margin-bottom: 25px;}

.banner-cont h3 { font-weight: 200; color: var(--golden); font-size: 39px;}

.banner-cont p { font-size: 24px; color: var(--white); font-weight: 300; line-height: 1.5; margin-bottom: 40px;}



.home-about-block { display: block; min-height: 798px; min-height: 650px; background-repeat: no-repeat !important; background-position: center bottom !important;}

.home-about-main { display: block;}

.home-about-main h3 { font-size: 30px; font-weight: 400; color: var(--purple);}

.home-about-main h2 { font-size: 45px; font-weight: 400; color: var(--black); line-height: 1.2;}

.home-about-main h2 span { font-weight: 600;}

.home-about-main p { font-size: 20px; line-height: 1.4; margin-bottom: 40px;}



.home-features-block { padding: 20px 0;}

.home-features-list { display: flex; flex-wrap: wrap; justify-content: center;}

.home-features-item { display: flex; align-items: center; justify-content: center; padding: 25px 35px; position: relative;}

.home-features-item .icon { display: inline-block; margin-right: 26px;}

.home-features-item p { margin-bottom: 0; font-size: 16px; text-transform: uppercase; font-weight: 600; color: var(--purple);}

.home-features-item::before { content: ''; width: 1px; height: 100%; display: block; position: absolute; left: 0; top: 0; 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faefd7+0,917c4e+40,917c4e+54,faefd7+100 */

background: linear-gradient(to bottom,  #faefd7 0%,#917c4e 40%,#917c4e 54%,#faefd7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.home-features-item:first-child::before { display: none;}



.owl-carousel .owl-item img { width: auto;}



.home-academics-block { display: block;}

.home-academics-left { display: block;}

.home-academics-left h2 { color: var(--black); font-size: 45px; font-weight: 300; margin-bottom: 25px;}

.home-academics-left h2 span { display: block; font-size: 22px; color: var(--purple); font-weight: 400; padding-bottom: 20px; line-height: 1.3;}

.home-academics-left p { font-size: 18px; line-height: 1.5; margin-bottom: 30px;}



.home-academics-right { display: block; position: relative; padding-right: 17%; padding-left: 20px;}

.home-academics-slider { position: relative; z-index: 3;}

.home-academics-slider .owl-dots { margin-top: 10px;}

.home-academics-slider .owl-dot.active span { border-color: var(--purple) !important; background: var(--purple) !important;}

.home-academics-item { display: flex; flex-direction: column; padding-top: 60px; max-width: 269px; margin: auto; height: 100%;}

.academics-item-image { display: flex; justify-content: center; height: 278px; height: 300px; position: relative; border-radius: 20px 20px 0 0; background-repeat: no-repeat !important; background-position: center top !important; background-size: cover !important;}

.academics-item-image img { display: block; margin-top: -30px;}

.academics-item-body { display: block; padding: 35px 30px; border-radius: 0 0 30px 0;}

.academics-item-body h3 { font-weight: 600; font-size: 22px; text-transform: uppercase; margin-bottom: 10px; line-height: 1; color: var(--purple);}

.academics-item-body h5 { text-transform: uppercase; font-weight: 600; font-size: 14px; color: var(--purple); margin-bottom: 35px;}

.readmore { display: block; font-size: 15px; text-transform: uppercase; color: var(--golden); position: relative;}

.readmore::before { content: ''; width: 100%; height: 1px; display: block; background: var(--golden); position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}

.readmore span { display: inline-block; position: relative; z-index: 2; background: var(--white); padding-right: 28px;}

.readmore:hover { color: var(--golden);}

.readmore:hover span { padding-right: 10px;}

.academics-item-body .readmore { pointer-events: none; opacity: 0;}

.home-academics-item:hover .academics-item-body { background: var(--purple);}

.home-academics-item:hover .academics-item-body h3 { color: var(--white);}

.home-academics-item:hover .academics-item-body h5 { color: var(--white);}

.home-academics-item:hover .academics-item-body .readmore { opacity: 1; pointer-events: visible;}

.home-academics-item:hover .academics-item-body .readmore span { background: var(--purple);}



.home-academics-slider .owl-item.center .academics-item-body { background: var(--purple);}

.home-academics-slider .owl-item.center .academics-item-body h3 { color: var(--white);}

.home-academics-slider .owl-item.center .academics-item-body h5 { color: var(--white);}

.home-academics-slider .owl-item.center .academics-item-body .readmore { opacity: 1; pointer-events: visible;}

.home-academics-slider .owl-item.center .academics-item-body .readmore span { background: var(--purple);}



#earth { width: 550px; height: 550px; position: absolute; top: -25px; right: 10%;

  background: url(/assets/frontend/img/dotted-map.svg);

  border-radius: 100%;

  background-size: 610px;

  opacity: 0.2;

  box-shadow: inset 8px 10px 20px 10px rgba(0, 0, 0, 0.13);

  animation-name: rotate;

  animation-duration: 12s;

  animation-iteration-count: infinite;

  animation-timing-function: linear;

  -webkit-animation-name: rotate;

  -webkit-animation-duration: 12s;

  -webkit-animation-iteration-count: infinite;

  -webkit-animation-timing-function: linear;

}



@keyframes rotate {

  from { background-position: 0px 0px; }

  to { background-position: 500px 0px; }

}

@-webkit-keyframes rotate {

  from { background-position: 0px 0px; }

  to { background-position: 500px 0px; }

}



.owl-dots { display: flex; justify-content: center; align-items: center;}

.owl-dots .owl-dot { display: inline-block; background: none; margin: 0 5px;}

.owl-dots .owl-dot span { width: 10px; height: 10px; display: block; border: 1px solid var(--golden); position: relative; transform: rotate(45deg);}

.owl-dots .owl-dot.active span { border-color: var(--white); background: var(--white);}



.home-why-manthena-block { display: block; min-height: 691px; background-repeat: no-repeat !important; background-position: center bottom !important;}

.home-why-manthena-block h2 { color: var(--white); font-size: 45px; font-weight: 300; line-height: 1.2; margin-bottom: 43px;}

.home-why-item { display: block; position: relative; overflow: hidden; border-radius: 0 25px 0 0;}

.home-why-item::before { content: ''; width: 100%; height: 0; display: block; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; transition: all ease-out 0.5s; background: linear-gradient(to bottom,  rgba(0,0,0,0) 14%,rgba(175,32,58,1) 81%);}

.home-why-item-image { display: block; position: relative; z-index: 3;}

.home-why-item-image img { display: block;}

.home-why-item-body { display: block; position: relative; padding: 25px 22px; min-height: 330px;}

.home-why-item-body h3 { color: var(--golden); font-size: 30px; font-weight: 300;}

.home-why-item-body p { color: var(--white); font-size: 16px; line-height: 1.3; font-weight: 400; margin-bottom: 50px;}

.home-why-item-body .readmore { pointer-events: none; opacity: 0;}

.home-why-item-body .readmore span { background: #ae2039 !important; transition: all ease-out 0.3s;}

.home-why-item:hover::before { height: 100%;} 

.home-why-item:hover .home-why-item-body .readmore { opacity: 1; pointer-events: visible;}

.home-why-item:hover .home-why-item-body .readmore span { background: var(--purple);}

.home-why-slider .owl-item.center .home-why-item::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 14%, rgba(175, 32, 58, 1) 81%); height: 100%;}

.home-why-slider .owl-dots {display: inline-flex; position: absolute; right: 0; top: -70px;}

.home-why-slider .owl-stage { display: flex;}



.home-key-facts-block { display: block;}

.home-key-facts-block h2 { color: var(--purple); font-weight: 300; font-size: 45px;}



.home-vision-mission-block { display: block; min-height: 794px; background-repeat: no-repeat !important; background-position: center bottom !important;}

.home-vision-mission { display: block; padding: 55px; border-radius: 27px 0 27px 0; animation: animatedgradient 5s ease alternate infinite; background: linear-gradient(60deg, #68043b, #4a1030, #68043b, #4a1030, #68043b, #4a1030); background-size: 300% 300%;}

.home-vision-mission h3 { color: var(--white); font-size: 45px; font-weight: 300;}

.home-vision-mission p { color: var(--white); font-size: 18px; line-height: 1.5;}

.home-vision { display: block; position: relative; padding-top: 30px; margin-top: 25px;}

.home-vision::before { content: ''; width: 100%; height: 1px; display: block; position: absolute; left: 0; right: 0; top: 0; margin: auto; background: rgb(169,127,93); background: linear-gradient(90deg, rgba(169,127,93,0.1) 0%, rgba(169,127,93,1) 43%, rgba(169,127,93,1) 58%, rgba(169,127,93,0.1) 100%);}

.home-explore-campus { display: block; padding-left: 30px;}

/* .home-explore-campus h2 { font-size: 56px; font-weight: 300;}

.home-explore-campus h2 span { display: inline-block; color: var(--white); background: var(--golden); margin: 5px 0; padding: 3px 7px;} */

.home-explore-campus h2 { display: inline; font-size: 50px; font-weight: 300; color: var(--white); -webkit-box-decoration-break: clone; box-decoration-break: clone; background-color: var(--golden); box-shadow: 8px 1px 0 3px var(--golden), -8px 1px 0 3px var(--golden); position: relative; z-index: 2; line-height: 1.55;}

.explore-video-block { display: block; margin-top: 45px;}

.explore-video { width: 175px; height: 175px; display: flex; align-items: center; justify-content: center; position: relative;}

.explore-video i { font-size: 25px; color: var(--purple);}

.explore-video::before { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: url(/assets/frontend/img/watch-our-video.webp) no-repeat center center; background-size: cover; transition: all ease-out 0.3s; animation: animationRotate 8s linear infinite;}

@keyframes animationRotate {

  0% {

    transform :rotate(0deg);

  }

  100% {

    transform :rotate(360deg);

  }

}



.home-values-box { display: flex; align-items: center; flex-wrap: wrap; padding: 20px 50px; border-radius: 0px 22px 22px 0px; background-image: -moz-linear-gradient( -174deg, rgb(255,255,255) 45%, rgba(255,255,255,0.81) 56%, rgba(206,177,112,0) 100%); background-image: -webkit-linear-gradient( -174deg, rgb(255,255,255) 45%, rgba(255,255,255,0.81) 56%, rgba(206,177,112,0) 100%); background-image: -ms-linear-gradient( -174deg, rgb(255,255,255) 45%, rgba(255,255,255,0.81) 56%, rgba(206,177,112,0) 100%); box-shadow: 0px 9px 13px 0px rgba(0, 0, 0, 0.08);}

.home-values-box h3 { margin-bottom: 0; font-size: 45px; color: var(--purple); font-weight: 300; margin-right: 50px;}

.home-values-list { display: flex; flex-wrap: wrap; align-items: center;}

.home-values-list li { display: inline-block; margin-left: 50px; font-size: 20px; color: var(--black);}

.home-values-list li .icon { display: inline-block; margin-right: 30px;}



.home-principal-message-block { display: block; min-height: 638px; background-repeat: no-repeat !important; background-position: center bottom !important; overflow: hidden; position: relative;}

.home-principal-message-block .principal-message { position: relative; z-index: 2;}

.principal-message-left { display: block;}

.principal-message-left h2 { font-weight: 300; font-size: 60px; margin-bottom: 30px;}

.principal-message-left p { font-size: 18px; line-height: 1.5; margin-bottom: 25px;}

.principal-message-left h3 { color: #2a0b1b; font-size: 30px; font-weight: 300; margin-bottom: 25px;}

.principal-message-left h3 span { display: block; font-size: 20px; color: var(--paragraph-color);}



.principal-message-right { display: flex; justify-content: center; align-items: end; max-width: 466px; margin: auto; min-height: 528px; border-radius: 30px 30px 0 0; background-image: -moz-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient( -90deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%); box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; margin-top: 40px; overflow: hidden;}

.logo-icon { display: inline-block; position: absolute; left: 0; bottom: -150px; right: 0; margin: auto; max-width: 600px; width: 100%; opacity: 0.1;}



.footer-block { display: block; background: #6b0b3f; position: relative; overflow: hidden;}

.footer-block h3 { color: var(--white); font-size: 25px; font-weight: 400;}

.footer-block p { color: var(--white);}

.footer-video { display: flex; align-items: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.footer-video video { display: block; width: 100%; height: 100%; object-fit: cover;}

.footer-video::after { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: var(--dark-purple); opacity: 0.95; z-index: 1; background-image: -moz-linear-gradient( -90deg, rgb(104,4,59) 12%, rgba(104,4,59,0.51) 55%, rgba(104,4,59,0) 100%, rgba(104,4,59,0) 100%); background-image: -webkit-linear-gradient( -90deg, rgb(104,4,59) 12%, rgba(104,4,59,0.51) 55%, rgba(104,4,59,0) 100%, rgba(104,4,59,0) 100%); background-image: -ms-linear-gradient( -90deg, rgb(104,4,59) 12%, rgba(104,4,59,0.51) 55%, rgba(104,4,59,0) 100%, rgba(104,4,59,0) 100%);}



.footer-top-block { display: block; background: var(--purple); border-bottom: 1px solid #ffffff1f; position: relative; z-index: 4;}

.footer-top-left { display: block; position: relative; padding: 44px 0; padding-left: 220px; margin-right: -30px;}

.footer-top-left p { margin-bottom: 0; color: var(--white); line-height: 1.5;}

.footer-top-left .footer-logo { display: inline-block; position: absolute; left: 0; top: 49px;}

.footer-top-right { display: block; position: relative; padding: 44px 0; padding-right: 205px; padding-left: 65px;}

.footer-top-right h2 { color: var(--white); text-transform: uppercase; font-weight: 400; line-height: 1.3; font-size: 24px;}

.footer-top-right .primary-btn { position: absolute; right: 0; top: 49px; padding: 18px 35px; border: none;}



.footer-main-block { display: block; overflow: hidden; position: relative; z-index: 4; padding: 60px 0;}

.footer-info-block { display: block;}

.footer-info-block p { line-height: 1.6;}

.footer-info-block p a { color: var(--white);}

.footer-info-block p a:hover { color: var(--golden);}

.footer-social { display: flex; flex-wrap: wrap;}

.footer-social a { color: var(--white); font-size: 20px; margin-right: 20px; display: flex; align-items: center;}

.footer-social a:hover { color: var(--golden);}

.footer-rounded-btns { display: flex; align-items: center; flex-wrap: wrap;}

.footer-rounded-btns a,

.footer-rounded-btns button { display: inline-flex; align-items: center; justify-content: center; position: relative; margin-right: 30px; width: 127px; height: 127px; background: none; border: none;}

.footer-rounded-btns a::before,

.footer-rounded-btns button::before { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; transition: all ease-out 0.3s; animation: animationRotate 18s linear infinite;}

.footer-rounded-btns a.book-tour::before { background: url(/assets/frontend/img/footer-rounded-btn1.webp);}

.footer-rounded-btns .apply-today::before { background: url(/assets/frontend/img/footer-rounded-btn2.webp);}



.quick-link-block { display: block;}

.quick-link-block ul li { display: block; margin-bottom: 5px;}

.quick-link-block ul li a { color: var(--white); font-size: 16px;}

.quick-link-block ul li a:hover { color: var(--golden);}

.footer-help { display: block; padding-left: 30px; margin-top: 20px;}

.footer-help h5 span { display: block; font-size: 17px; color: var(--white); padding-bottom: 5px;}

.footer-help h5 a { font-size: 25px; color: var(--white);}

.footer-help h5 a:hover { color: var(--golden);}



.footer-bottom-block { display: block; padding: 15px 0; position: relative; z-index: 4; background: #6b0b3f;}

.footer-bottom-block p { margin-bottom: 0; color: var(--white); font-size: 16px;}



.whatsapp { position: fixed; bottom: 90px; left: 1%; z-index: 9999;}

.whatsapp a { width: 55px; height: 55px; border-radius: 100%; background: #39be50; color: #ffffff; font-size: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 25px; border-radius: 100%; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; display: flex; justify-content: center; align-items: center;}

.whatsapp a:hover { background: #28993b; color: #ffffff;}



.floating-contact { display: inline-block; position: fixed; bottom: 20px; left: 1%; z-index: 9999;}

.phone-number { width: 55px; height: 55px; background: #cdb06e; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 25px; border-radius: 100%; -webkit-animation: yellow 2s infinite; -moz-animation: yellow 2s infinite; -o-animation: yellow 2s infinite; animation: yellow 2s infinite;}

.phone-number:hover { background: #fae0a3; color: #ffffff;}

@keyframes yellow {

  0%, 100% { -webkit-box-shadow: 0 0px 0 4px #fae0a3; -moz-box-shadow: 0 0px 0 4px #fae0a3; -ms-box-shadow: 0 0px 0 4px #fae0a3; -o-box-shadow: 0 0px 0 4px #fae0a3; box-shadow: 0 0px 0 4px #fae0a3;}

  50% { -webkit-box-shadow: 0 0px 0 0px #fae0a3; -ms-box-shadow: 0 0px 0 0px #fae0a3; -o-box-shadow: 0 0px 0 0px #fae0a3; -moz-box-shadow: 0 0px 0 0px #fae0a3; box-shadow: 0 0px 0 0px #fae0a3;} 

}

.phone-number i { display: inline-block; color: #ffffff; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;}

@-webkit-keyframes phonering-alo-circle-img-anim {

  0% { -webkit-transform: rotate(0) scale(1) skew(1deg)}

  10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg)}

  20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg)}

  30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg)}

  40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg)}

  50% { -webkit-transform: rotate(0) scale(1) skew(1deg)}

  100% { -webkit-transform: rotate(0) scale(1) skew(1deg)}

}

.phone-number::before { content: ''; width: 87px; height: 87px; top: -16px; left: -16px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #fae0a3;

 -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .5}

@-webkit-keyframes phonering-alo-circle-anim {

  0% {

      -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1

  }

  30% {

      -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5

  }

  100% {

      -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1

  }

}



.floating-menu { display: inline-block; position: fixed; right: 8px; top: 23vh; z-index: 999;}

.floating-menu a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 80px; height: 70px; padding: 10px; text-align: center; border-radius: 10px; margin-bottom: 3px; background: #68043bbd; border: 1px solid var(--golden); font-size: 11px; text-transform: uppercase; line-height: 1.1; color: var(--white); font-weight: 300;}

.floating-menu a svg { display: block; margin: auto; margin-bottom: 5px;}

.floating-menu a:hover { background: var(--purple);}

.floating-menu a .mail { margin-top: -2px;}



.discount-block{border-radius: 10px; background: #f7f3f1 url(../img/spea.webp) no-repeat repeat right; padding: 35px; max-width: 750px; margin: 0px auto 45px; display: flex;align-items: center;}

.discount-text{ text-align: left;}

.discount-text h5 { list-style: 28px; line-height: 1.6; margin-bottom: 0px;font-size: 25px; font-weight: 300;}

.discount-block span { background: var(--purple); color: var(--white); padding: 3px 12px; border-radius: 6px; font-weight: 600;}

.discount-block i{display: block; font-style: normal;}



.inner-page h2 { font-size: 50px; color: var(--black); font-weight: 300;}

.inner-page p { font-size: 18px; color: var(--paragraph-color); line-height: 1.5;}



.sub-banner { display: flex; align-items: center; min-height: 430px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; position: relative;}

.sub-banner::before { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-image: -moz-linear-gradient( -1deg, rgb(35,1,20) 29%, rgba(35,1,20,0.55) 61%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient( -1deg, rgb(35,1,20) 29%, rgba(35,1,20,0.55) 61%, rgba(0,0,0,0) 100%); background-image: -ms-linear-gradient( -1deg, rgb(35,1,20) 29%, rgba(35,1,20,0.55) 61%, rgba(0,0,0,0) 100%); opacity: 0.929;}

.sub-banner .container { position: relative; z-index: 3;}

.sub-banner h1 { font-size: 65px;}

.sub-banner p { color: var(--white); font-size: 18px; font-weight: 300;}



.our-campus-top-block { display: block; position: relative;}

.our-campus-top-block p { margin-bottom: 20px;}

.campus-top-imgs { display: flex; flex-wrap: wrap; justify-content: center;}

.campus-top-imgs img { display: block; margin: 1px; border-radius: 10px;}

.our-campus-top-block .container { position: relative; z-index: 3;}

.our-campus-top-block #earth { top: 0; bottom: 0; margin: auto; right: 0;}



.explore-campus-block { display: block;}

.explore-campus-main { display: flex; flex-wrap: wrap; justify-content: center;}

.explore-campus-box { display: flex; align-items: center; flex-wrap: wrap; width: 20%; margin-top: 50px; padding: 0 30px 0 87px; position: relative; min-height: 55px; position: relative; color: var(--black); font-size: 20px; line-height: 1.3;}

.explore-campus-box .icon { display: inline-flex; align-items: center; position: absolute; left: 5px; top: 0; bottom: 0; margin: auto;}

.explore-campus-box .icon img { display: block;}



.owl-nav { display: flex; align-items: center; justify-content: space-between;}

.owl-nav button { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 100%; font-size: 22px !important; color: var(--black); box-shadow: 2px 0px 14.88px 1.12px rgba(0, 0, 0, 0.1); transition: all ease-out 0.3s;}

.owl-nav button:hover { background: var(--golden) !important; color: var(--purple) !important;}



.best-services-block { display: block; overflow: hidden;}

.best-services-block .container { position: relative;}

.best-services-slider .owl-stage-outer { overflow: unset;}

.best-services-slider .owl-stage { display: flex;}

.best-services-item { display: block; box-shadow: 2px 0px 14.88px 1.12px rgba(0, 0, 0, 0.04); background: var(--white); max-width: 376px; height: 100%; transition: all ease-out 0.3s; overflow: hidden;}

.best-services-body { display: block; padding: 40px;}

.best-services-body h3 { font-size: 24px; font-weight: 400;}

.best-services-body h3 a { color: #68043b;}

.best-services-slider .owl-item { opacity: 0.25;}

.best-services-slider .owl-item.active { opacity: 1;}

.best-services-slider .owl-nav { width: 94px; height: 40px; position: absolute; right: 15px; top: -80px;}

.best-services-img { display: block;}

.best-services-img img { display: block; transition: all ease-out 0.3s;}

.best-services-item:hover .best-services-img img { transform: scale(1.08);}



.extra-best-services { display: block; margin-top: 90px;}

.extra-services-box { display: block; height: 100%; position: relative; min-height: 515px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; }

.extra-services-body { display: flex; flex-direction: column; justify-content: end; height: 100%; padding: 30px 50px; background-image: -moz-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104,4,59,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104,4,59,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104,4,59,0) 100%); transition: all ease-out 0.3s;}

.extra-services-body h3 { font-size: 25px; color: var(--white); transition: all ease-out 0.3s;}

.extra-services-body p { font-size: 18px; color: var(--white);}

.extra-services-box:hover .extra-services-body { background-image: -moz-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104, 4, 59, 0.123) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104, 4, 59, 0.123) 100%); background-image: -ms-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104, 4, 59, 0.123) 100%);}



.commen-top-block { display: block; position: relative;}

.commen-top-img { display: block;}

.commen-top-cont { display: block;}

.commen-top-cont h2 { margin-bottom: 25px;}

.commen-top-cont h3 { color: var(--purple); font-size: 25px;}

.commen-top-cont h3 span { display: block; font-size: 20px;}

.commen-top-cont p { margin-bottom: 25px;}



.awards-received-block { display: block;}

.awards-received-main { display: flex; flex-wrap: wrap; justify-content: center;}

.awards-received { display: block; background: var(--white); padding: 15px 20px; width: 14%; margin: 1.3%; text-align: center; padding-bottom: 55px; position: relative;}

.awards-received .icon { display: inline-block; margin-bottom: 10px;}

.awards-received p { line-height: 1.1; font-size: 16px; margin-bottom: 0;}

.bottom-years { display: block; position: absolute; left: 0; bottom: 15px; right: 0; margin: auto;}

.bottom-years span { display: inline-block; padding: 6px 20px; background: var(--purple); color: var(--white); font-size: 16px; line-height: 1; border-radius: 30px;}



.chairman-bottom-block { display: block;}

.chairman-bottom-left { display: block; background: #f4f4f4; padding: 50px 55px; text-align: center;}

.chairman-bottom-left h2 { font-size: 27px;}

.chairman-bottom-right { display: block; text-align: center; padding: 10px 30px;}

.chairman-bottom-right p { font-size: 24px; line-height: 1.3; margin-bottom: 35px;}

.chairman-bottom-right h2 { font-size: 27px;}



.mission-top-block { position: relative;}

.mission-top-block .container { position: relative; z-index: 3;}

.mission-top-block #earth { top: 60px; right: 10px;}

.our-mission-top-cont { display: block;}

.our-mission-top-cont h2,

.our-mission-top-cont p { margin-bottom: 30px;}



.vision-mission-values { display: block;}

.vision-mission { display: block; padding-left: 105px; position: relative; min-height: 84px;}

.vision-mission .icon { width: 84px; height: 84px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: var(--white); position: absolute; left: 0; top: 0;}

.vision-mission h3 { font-size: 25px; color: var(--purple);}

.our-mission-page .commen-head { padding-right: 150px;}

.our-mission-page .commen-head h2 { color: var(--white); line-height: 1 !important;}

.our-mission-page .commen-head p { color: var(--white) !important;}

.our-mission-page .home-why-item-body { min-height: auto; padding: 15px;}

.our-mission-page .home-why-item-body p { color: var(--white) !important; line-height: 1.5; font-size: 16px; font-weight: 300; margin-bottom: 15px;}

.our-mission-page .home-why-item-body h3 { font-size: 22px;}

.our-mission-page .home-why-item { height: 100%;}



.our-mission-page { overflow: hidden;}

.extra-services-body { padding-top: 150px;}

.commen-top-block #earth { right: 10px; top: 50px;}

.commen-top-img { position: relative;}

.commen-top-img .explore-video { position: absolute; right: 0; bottom: 0;}

.commen-top-img img { width: 100%;}



.commen-top-img .white-video { right: 15px; bottom: 15px; width: 120px; height: 120px;}

.white-video::before { background: url(/assets/frontend/img/white-watch-video.svg) no-repeat center center; background-size: 100%;}

.white-video i { color: var(--white);}

.commen-top-cont h2 span { display: block; font-size: 28px; padding-bottom: 10px; color: var(--golden);}

.spea-box { display: block; position: relative;}

.spea-box img { width: 100%; display: block;}

.spea-box-body { display: flex; flex-direction: column; justify-content: end; height: 70%; padding: 15px 20px; background-image: -moz-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104,4,59,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104,4,59,0) 100%); background-image: -ms-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104,4,59,0) 100%); transition: all ease-out 0.3s; position: absolute; left: 0; bottom: 0; width: 100%; transition: all ease-out 0.3s;}

.spea-box-body h3 { font-size: 18px !important; color: var(--white); transition: all ease-out 0.3s; text-align: center;}

.spea-box:hover .spea-box-body { background-image: -moz-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104, 4, 59, 0.123) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104, 4, 59, 0.123) 100%); background-image: -ms-linear-gradient( 90deg, rgb(104,4,59) 24%, rgba(104,4,59,0.87) 34%, rgba(104, 4, 59, 0.123) 100%); height: 100%;}



.bg-white { background: var(--white) !important;}

.equal-width-column th { width: calc(100%/7);}

.commen-top-block .container { position: relative; z-index: 2;}

.commen-table { margin-bottom: 0;}

.commen-table th { background: var(--purple); color: var(--white); font-weight: 600; line-height: 1.2; padding: 15px 15px; vertical-align: top; text-transform: uppercase; font-size: 13px; border: none;}

.commen-table th:first-child { border-radius: 8px 0 0 8px;}

.commen-table th:last-child { border-radius: 0 8px 8px 0;}

.commen-table td { padding: 12px 15px; border: none; background: var(--white); font-size: 14px;}

.commen-table tr:nth-child(even) td { background: #f7f7f7;}

.commen-table td:first-child { border-radius: 8px 0 0 8px;}

.commen-table td:last-child { border-radius: 0 8px 8px 0;}

.commen-table tr { margin-bottom: 5px;}

/* .commen-table tr:nth-child(3n-1) td { background: var(--grey);}

.commen-table tr:nth-child(3n-2) td { background: #fff7e4;}

.commen-table tr:nth-child(3n-3) td { background: #f7ebf2;} */

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

  table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}

  table tr { display: block; margin-bottom: .625em;}

  table td { display: block; font-size: 14px; text-align: right; padding: 8px 15px;}

  table td::before {  content: attr(data-label); float: left; font-weight: bold;}

  table td:last-child { border-bottom: 0;}

  .commen-table th:first-child,

  .commen-table th:last-child,

  .commen-table td:first-child,

  .commen-table td:last-child { border-radius: 0;}

}



.tuition-fees-top-block h3 { font-weight: 600; text-transform: uppercase; color: var(--golden);}

.tuition-fees-sub { display: block; margin-top: 50px; padding-top: 50px; border-top: 1px solid var(--grey);}

.simple-table th  { background: var(--purple); color: var(--white); font-weight: 600; line-height: 1.2; padding: 14px 15px; vertical-align: top; text-transform: uppercase; font-size: 13px; border: none; border: 1px;}

.simple-table th:first-child { border-radius: 8px 0 0 0;}

.simple-table th:last-child { border-radius: 0 8px 0 0;}

.simple-table td { border: none; padding: 8px 15px; font-size: 16px;}

.simple-table tbody tr:nth-child(even) td { background: #eeeeee;}

.simple-table tbody tr:last-child td:first-child { border-radius: 0 0 0 8px;}

.simple-table tbody tr:last-child td:last-child { border-radius: 0 0 8px 0;}

.simple-table tbody tr td { background: #faf9f9;}

.simple-table tr:nth-child(even) td { background: #f7f7f7;}

/* .simple-table tr:nth-child(2n-1) td { background: #e7e7e7;}

.simple-table tr:nth-child(2n-2) td { background: #fff7e4;} */

.tuition-fees-sub ul li { list-style: inside; font-size: 18px; color: var(--paragraph-color);}

.tuition-fees-sub ul li::marker { color: var(--purple);}



.student-reg-documents { display: block; min-height: 700px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important;}

.student-reg { display: block;}

.student-reg-documents h2 { margin-bottom: 25px;}

.student-reg-documents h3 { font-weight: 800; text-transform: uppercase; color: var(--purple); font-size: 24px; margin-bottom: 10px;}

.student-reg-documents h4 { font-size: 20px;}

.student-reg-documents ul > li { position: relative; padding-left: 30px; margin-bottom: 10px;}

.student-reg-documents ul > li::before { content: "\f105"; font-family: "FontAwesome"; width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: var(--golden); position: absolute; left: 0; top: 3px; font-size: 12px; color: var(--white);}

.student-reg-documents ul > li > ul { padding-top: 12px;}

.student-reg-documents ul > li > ul > li { padding-left: 0; list-style: inside !important; font-size: 14px; margin-bottom: 5px;}

.student-reg-documents ul > li > ul > li::marker { color: var(--purple);}

.student-reg-documents ul > li > ul > li::before { display: none;}

.admission-policy-second { display: block; min-height: 798px; background-repeat: no-repeat !important; background-position: center bottom !important; padding-bottom: 310px !important;}

.admission-policy-second-main { display: block;}

.admission-policy-second-main p { margin-bottom: 15px;}

.admission-policy-second-main p a { color: var(--purple); text-decoration: underline;}

.admission-policy-second-main h3 { color: var(--purple);}



.commen-listing ul { margin-bottom: 15px;}

.commen-listing ul li { position: relative; padding-left: 30px; margin-bottom: 10px; font-size: 18px; color: var(--paragraph-color); line-height: 1.2;}

.commen-listing ul li::before { content: "\f105"; font-family: "FontAwesome"; width: 16px; height: 16px; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: var(--golden); position: absolute; left: 0; top: 2px; font-size: 12px; color: var(--white);}



.application-process-block { display: flex; flex-wrap: wrap; margin-top: 40px;}

.application-process { display: block; position: relative; padding: 20px; border-radius: 10px; background: #fff7e4; width: 32.3%; margin: 0.5%; text-align: center;}

.application-process .icon { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 100%; margin: auto; margin-bottom: 15px; background: var(--purple); font-size: 25px; color: var(--white);}

.application-process p { margin-bottom: 15px;}

.application-process p a { color: var(--golden);}

.application-process h4 { color: var(--purple); font-size: 22px;}



.application-process:nth-child(5n-1) { background: #f7f0f4;}

.application-process:nth-child(5n-1) .icon { background: #a5427a;}

.application-process:nth-child(5n-1) h4 { color: #a5427a;}



.application-process:nth-child(5n-2) { background: #e1f0da;}

.application-process:nth-child(5n-2) .icon { background: #63944d;}

.application-process:nth-child(5n-2) h4 {color: #63944d;}



.application-process:nth-child(5n-3) { background: #fee1e7;}

.application-process:nth-child(5n-3) .icon { background: #964858;}

.application-process:nth-child(5n-3) h4 {color: #964858;}



.application-process:nth-child(5n-4) { background: #f8fae5;}

.application-process:nth-child(5n-4) .icon { background: #787e43;}

.application-process:nth-child(5n-4) h4 {color: #787e43;}



.application-process:nth-child(5n-5) { background: #e6e6ff;}

.application-process:nth-child(5n-5) .icon { background: #56569c;}

.application-process:nth-child(5n-5) h4 {color: #56569c;}



.events-campus-block { display: block;}

.events-campus-block h2 { color: var(--black);}

.event-campus-bottom-block { display: block;}

.event-campus-bottom-block .extra-services-body { padding: 25px; padding-top: 150px;}



.youtube-channel-block { display: flex; flex-wrap: wrap; align-items: center; position: relative; min-height: 500px;}

.youtube-channel-block video { display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1;}

.youtube-channel-block::before { content: ''; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: rgb(35, 2, 20); background: rgb(35, 2, 20); background: linear-gradient(90deg, rgba(35, 2, 20, 0.9248074229691877) 28%, rgba(35, 2, 20, 0) 98%); z-index: 2;}

.youtube-channel-block .container { position: relative; z-index: 3;}

.youtube-channel-cont { display: block; max-width: 500px;}



.commen-white-content h1,

.commen-white-content h2,

.commen-white-content h3,

.commen-white-content h4,

.commen-white-content h5,

.commen-white-content h6,

.commen-white-content p,

.commen-white-content ul li,

.commen-white-content ul li a,

.commen-white-content ol li,

.commen-white-content ol li a { color: var(--white);}



.youtube-channel-block p { margin-bottom: 25px; font-weight: 300;}

.event-tours-videos-block { display: block;}

.tours-videos { display: inline-block; position: relative;}

.tours-videos::before { content: "\f04b"; font-family: "FontAwesome"; background: #ffffffc4; color: var(--purple); font-size: 25px; width: 85px; height: 85px; border-radius: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; justify-content: center; align-items: center; transition: all ease-out 0.3s;}

.tours-videos:hover::before { background: #ffffff;}



.commen-top-block h2 span { display: block; font-size: 28px; padding-bottom: 10px; color: var(--golden);}

.accordion-box { display: block; border: 1px solid var(--grey); background: var(--white); border-radius: 10px; margin-top: 10px;}

.accordion-item { border-radius: 0; border: none; font-size: 20px; color: var(--black); padding: 15px 20px; padding-left: 70px; padding-right: 50px; position: relative; background: none; cursor: pointer; font-weight: 500;}

.accordion-item::before { content: '?'; width: 35px; height: 35px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: var(--grey); color: var(--purple); border-radius: 100% 100% 0 100%; position: absolute; left: 20px; top: 10px;}

.accordion-item span.plus-minus { width: 20px; height: 20px; border-radius: 100%; display: block; position: absolute; right: 20px; top: 18px;}

.accordion-item span.plus-minus::before { content: ''; width: 100%; height: 2px; display: block; background: var(--purple); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

.accordion-item span.plus-minus::after { content: ''; width: 2px; height: 100%; display: block; background: var(--purple); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

.data { padding: 20px; border-top: 1px solid var(--grey); display: none;}

.accordion-item.open::before { background: var(--purple); color: var(--white);}

.faq-block .text-center a { color: var(--purple);}



.refer-friend-form-block { display: block;}

.refer-form { display: block; padding: 40px; background: var(--white); border-radius: 15px; box-shadow: 0 0 25px 0 #00000018;}

.refer-form h3 { color: var(--purple); font-size: 26px;}

.refer-form-input { width: 100%; height: 46px; border-radius: 5px; padding: 0 15px; border: 1px solid var(--grey);}

.refer-form .primary-btn { border: none;}

.refer-form p { margin-bottom: 5px; font-size: 16px;}

.form-devider { border-left: 1px solid var(--grey);}



.refer-friend-second-block { display: block;}

.refer-friend-second-left { display: block;}

.refer-friend-second-right { display: block;}

.refer-friend-second-right h3 { color: var(--purple); font-size: 28px;}



.refer-friend-third-block { display: block;}

.refer-friend-third-block ul li { margin-bottom: 9px;}



.pre-kg-program { display: block;}

.pre-kg-program h3 { color: var(--purple);}

.youtube-channel-cont h2 { font-size: 42px; margin-bottom: 25px;}

.youtube-channel-cont h2 span { display: block; font-size: 24px; padding-bottom: 10px; color: var(--golden);}

.learning-video-block .youtube-channel-cont { max-width: 540px;}



.commen-block h2 span { display: block; font-size: 24px; padding-bottom: 10px; color: var(--golden);}

.learning-testimonials-block { display: block;}

.testi-item { display: block; padding: 30px; background: var(--white); border-radius: 10px; height: 100%; position: relative;}

.testi-info { display:flex; align-items: center; position: relative; padding: 8px 0; padding-left: 75px; min-height: 60px;}

.testi-info .avatar { width: 60px; height: 60px; display: block; overflow: hidden; border-radius: 100%; position: absolute; left: 0; top: 0;}

.testi-info h3 { font-size: 18px !important; color: var(--purple); margin-bottom: 0;}

.testi-info h3 span { display: block; font-size: 14px; color: var(--black);}

.testimonials-slider .owl-stage { display: flex;}

.testimonials-slider .owl-nav button { position: absolute; bottom: 50%;}

.testimonials-slider .owl-nav button.owl-prev { left: 0%;}

.testimonials-slider .owl-nav button.owl-next { right: 0px;}

.testi-item::after { content: ''; width: 60px; height: 46px; display: block; max-width: 60px; position: absolute; right: 25px; bottom: 25px; background: url(/assets/frontend/img/quotes-icon.svg) no-repeat center top; background-size: 60px; opacity: 0.05;}



.contact-block1 .item-box{border: 1px solid var(--grey); padding: 30px; border-radius: 8px; height: 100%;}

.contact-block1 .icon-label{border-radius: 10px; background-color:var(--light-golden); width:65px; height: 65px; display: flex; justify-content: center; margin-bottom: 25px;}

.contact-block1 .icon-label img{width: 25px;}

.contact-block1 h4{margin-bottom: 0px;}

.contact-block1 h3 { font-size: 20px; font-weight: 300; color: var(--purple);}

.contact-block1 p{color:#787878; font-size: 14px;}



.message-form{margin: 50px 0 0 0;}

.message-form h2{margin: 0 0 10px 0;}

.message-form p{text-align: center;}

.message-form label{text-align: left; margin-bottom: 10px;}

.message-form .refer-form{ border-top-right-radius: 0px; border-bottom-right-radius: 0px;}

.message-form textarea{resize: none;}

.contact-img{height: 100%; }

.contact-img img{border-top-right-radius:15px; border-bottom-right-radius: 15px; height: 100%; width: 100%;}



.register-popup { display:none; max-width:700px;}

.register-popup .primary-btn { border: none;}

.register-popup h2 { font-size: 36px; text-align: center; text-transform: uppercase; font-weight: 600;}

.register-popup p { margin-bottom: 10px;}



.team-box{  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); height: 100%;}

.team-box .contant{padding:20px;}

.team-box .contant h4{margin-bottom: 0px; font-weight:300;}

.team-box .contant h6{color:#5c5c5c; font-weight: 300;}

.commen-top-cont h3.salam { font-weight: 400; font-style: italic;}



/* 

.commen-white-content { white texts}



.light-golden-bg { background: var(--light-golden) !important;}

.golden-bg { background: var(--golden) !important;}

.purple-bg { background: var(--purple) !important;}

.dark-purple-bg { background: var(--dark-purple) !important;} 

*/



.footer-top-right h2 span{color: var(--golden); font-weight: 600;}

.contact-block1 h3 a { color: var(--purple); font-size: 16px;}

.footer-video::after { opacity: 0.6;}

/* .principal-message-page .sub-banner::before { background: rgb(35,1,20); background: linear-gradient(90deg, rgba(35,1,20,1) 25%, rgba(255,255,255,0) 62%); opacity: 0.5;} */
.principal-message-page .sub-banner::before { opacity: 0.8; width: 80%;}

.welcome-box { display: block; margin: auto; max-width: 800px;}

.board-governors-block { display: block;}

.coming-soon-cont { display: block; padding: 15px 0;}

.coming-soon-cont h2 { text-align: center;}


.onoload-popup { max-width:800px; width: 100%;}
.onoload-popup .refer-form { border-radius: 0; box-shadow: none; padding: 30px;}
.onoload-popup-header { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--purple); padding: 15px 20px; text-align: center; min-height: 130px; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
.onoload-popup-header::before { content: ''; width: 100%; height: 100%; display: block; background: var(--purple); position: absolute; left: 0; top: 0; opacity: 0.8;}
.onoload-popup-header h2 { text-transform: uppercase; font-size: 28px; font-weight: 700; color: var(--white); line-height: 1.2; position: relative; z-index: 2;}
.onoload-popup-header h2 span { color: var(--golden);}

.newsletters-block { display: block;}
.newsletter-list { display: flex; justify-content: center; flex-wrap: wrap;}
.newsletter-list li { display: inline-block; margin: 0 5px; margin-top: 10px;}
.newsletter-list li a { display: block; width: 160px; padding: 15px; border-radius: 15px; text-align: center; font-size: 14px; background: var(--white); color: var(--purple); border: 1px solid var(--purple); height: 100%;}
.newsletter-list li a span { display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; border-radius: 100%; margin: auto; margin-bottom: 10px; padding: 10px; border: 1px solid var(--purple); background: var(--white);}
.newsletter-list li a:hover { background: var(--purple); color: var(--white); border-color: var(--purple);}
.newsletter-list li a:hover span { border-color: var(--purple);}
.newsletter-list li p { margin-bottom: 0; line-height: 1.1;}
.newsletter-list li a:hover p { color: var(--white);}

.curriculum-page .home-academics-block { overflow: hidden;}
.curriculum-page .home-academics-item .academics-item-body { background: var(--purple);}
.curriculum-page .home-academics-item .academics-item-body h3,
.curriculum-page .home-academics-item .academics-item-body h5 { color: #ffffff;}
.curriculum-page .home-academics-item .academics-item-body .readmore { opacity: 1; pointer-events: visible;}
.curriculum-page .home-academics-item .academics-item-body .readmore span { background: var(--purple);}

.campus-top-sec .campus-top-imgs img { width: 24%;}
.footer-help { margin-top: 0;}

.header-right { display: flex; flex-wrap: wrap; align-items: center;}
.privacy-policy-block h3{font-size: 26px; font-weight: 400;}







@keyframes rotation {
  0% {
    transform: rotate3d(0, 1, 0, 0deg);
  }
  50% {
    transform: rotate3d(0, 1, 0, 180deg);
  }
  100% {
    transform: rotate3d(0, 1, 0, 360deg);
  }
}

.cognia-spinning {
  position: relative;
  animation-name: rotation;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-duration: 9s;
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  width: 120px;
  height:120px;
  background-repeat: no-repeat;
}

.face {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: 100%;
}

.heads {
  z-index: 2;
  transform: rotateY(0deg);
  
}

.tails {
  z-index: 1;
  transform: rotateY(180deg);
}

.admission-logoflip{align-items: center;}

@media only screen and (max-width: 768px) {
.cognia-spinning{
  width: 70px;
  height: 70px;
}
}


.banner-cont { padding: 70px 0;}

.bg-grey { background: var(--grey) !important;}
.bg-white { background: var(--white) !important;}

.gallery-block { display: block;}
.gallery-block .nav-tabs { display: flex; justify-content: center; align-items: center; border-bottom: none; margin-bottom: 40px;}
.gallery-block .nav-tabs .nav-link { border-radius: 0px; border: 1px solid var(--dark-purple); margin: 0 10px; padding: 13px 30px; color: var(--dark-purple); text-transform: uppercase;}
.gallery-block .nav-tabs .nav-link.active { border-color: var(--golden); background: var(--golden); color: var(--paragraph-color);}
.gallery-card { display: block; height: 100%; background: var(--white); box-shadow: 0 0 7px 0 #00000024;}
.gallery-card figure { margin: 0; display: block; position: relative;}
.gallery-card figcaption { display: block; padding: 20px 25px; color: var(--black);}

.video-gallery-block .gallery-card figure::before { content: "\f04b"; font-family: "FontAwesome"; width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; background: #00000073; border: 2px solid #ffffff; border-radius: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; color: var(--white); font-size: 20px; transition: all ease-out 0.3s;}
.video-gallery-block .gallery-card figure:hover::before { background: var(--dark-purple);}
.img-gallery { display: block; overflow: hidden; border-radius: 10px; height: 100%;}
.img-gallery img { display: block; height: 100%;}

.cognia-rated-logos { display: flex; justify-content: center; align-items: center;}
.cognia-spinning-logos { display: flex; align-items: center;}

.footer-bottom-block .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}



.ncfe-card-style1{ box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.24);
-webkit-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.24); padding:45px;border-radius: 14px 14px 14px 14px;-webkit-border-radius: 14px 14px 14px 14px;-moz-border-radius: 14px 14px 14px 14px; background-color:#fff;}
.ncfe-card-style2{background-color: #FFFFF0; padding: 35px;border-radius: 14px 14px 14px 14px;-webkit-border-radius: 14px 14px 14px 14px;-moz-border-radius: 14px 14px 14px 14px; margin-top: 15px;}
.ncfe-card-style2 h5{font-size: 22px;}
.ncfe-card-style2 p{font-size: 16px; margin: 0px;}
.ncfe-card-style2 ul li{border-top: 1px solid #d4d4d4; padding: 12px 0;}

.ncfe-card-style3{background-color: #fee6f3; padding:45px;border-radius: 14px 14px 14px 14px;-webkit-border-radius: 14px 14px 14px 14px;-moz-border-radius: 14px 14px 14px 14px;}
.ncfe-card-style4{background-color: #f7eff4; padding:45px;border-radius: 14px 14px 14px 14px;-webkit-border-radius: 14px 14px 14px 14px;-moz-border-radius: 14px 14px 14px 14px;}


.ncfe-card-style5 h5{font-size: 22px;}
.ncfe-card-style5 p{font-size: 16px; margin: 0px;}
.ncfe-card-style5 ul li{border-top: 1px solid #d4d4d4; padding: 12px 0;}


.school-policies-main { display: flex; flex-wrap: wrap; justify-content: center;}
.policies-box {display: block; max-width: 191px; width: 100%; background: var(--white); padding: 34px 15px; text-align: center; line-height: 1.2; font-size: 14px; color: var(--black); margin: 21px; box-shadow: 0 0 8px 0 #00000017;}
.policies-box .pdf-icon { display: flex; justify-content: center; margin-bottom: 15px;}
.policies-box:hover { border-color: var(--purple);}
.policies-box p { font-size: 16px; margin-bottom: 0; line-height: 1.3;}














/* :root {

  --white: #ffffff;

  --black: #000000;

  --purple: #68043b;

  --dark-purple: #4b032b;

  --golden: #cdb06e;

  --light-golden: #faefd7;

  --paragraph-color: #2a0b1b;

  --grey: #e7e7e7;

} */