.home-demo .item {/*background: #ff3f4d;*/}
.home-demo h2 {color: #FFF;text-align: center;padding: 5rem 0;margin: 0;font-style: italic;font-weight: 300;}
.flex-row2 .date {margin-right: 20px;}
.part5-date-month {border: 2px solid #ff9934;border-radius: 5px;color: #ff9934;text-align: center;padding: 0px 0;font-size: 30px;font-weight: 800 !important;line-height: 30px;width: 86px;}
.part5-month, .part5-date-month p {font-size: 19px !important;}
.part5-date {font-size: 30px;font-weight: 600;line-height: 31px;}
.part5-month, .part5-date-month p {font-size: 19px !important;}
.part5-month {font-size: 15px;text-transform: uppercase;line-height: 16px;}
.part5-month, .part5-date-month p {font-size: 19px !important;}
.datetime p {display: inline-block;}
.datetime h5.mar {margin-bottom: 12px;font-weight:600}
.part5 .item h5 {font-size: 18px;font-weight: 600;line-height: 20px;}
.datetime p {display: inline-block;    font-size: 13px;}
.datetime img.mar2 {margin-top: 12px;}
.flex-row2 {display: flex;}

.highlight-section{padding:40px 0px}
.highlight{background-image: linear-gradient(180deg, #094db5 0%, #023787 100%);    padding: 10px 0px 10px 0px;margin-bottom: -10px;    color: #FFFFFF;font-size: 36px;font-weight: 500;text-align:center}
.elementor-widget-wrap {position: relative;width: 100%;flex-wrap: wrap;align-content: flex-start;}
.highlight-section img {-webkit-mask-image: url('../images/circle.png');mask-image: url(../images/circle.png);-webkit-mask-size: cover;-webkit-mask-position: bottom center;}
.elementor-animation-float {transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out;}
.elementor-animation-float:hover {transform: translateY(-8px);}

.aboutschool{background-color: #000000;background-image: url(../images/about-bg.jpg);background-position: top center;background-repeat: no-repeat;background-size: cover;    background-attachment: fixed;margin:40px 0px 0px}
.aboutschool-overlay{background-color: transparent;background-image: linear-gradient(239deg, #090000 0%, #AC2120 100%);opacity: 0.85;transition: background 0.3s, border-radius 0.3s, opacity 0.3s;  position: absolute;}
.about-title h2{font-size:30px;font-weight:600;color:white;}
.about-title p{color:white;text-align: justify;font-size:13px;padding-right: 10px;}
.pt-40{padding-top:40px}
.pb-40{padding-bottom:40px}
.pb-70{padding-bottom:70px}
.pt-70{padding-top:70px}
.TextBackground {background-image: linear-gradient(239deg, #090000d4 0%, #ac2120e3 100%);/*opacity:0.85*/}
.aboutImgBox {position: relative;z-index: 1;}
.aboutImgBox::before, .aboutImgBox::after {content: "";width: 100%;height: 100%;position: absolute;z-index: -1;border: 2px solid #fff;transition: all 0.25s ease-out;}
.aboutImgBox:hover::before {top: 15px;/* left: 15px; */left: 0px;}
.aboutImgBox:hover::after {bottom: 15px;right: 15px;}
.aboutImgBox::before {background-color: #fff;top: -15px;left: -18px;}
.aboutImgBox::after {bottom: -15px;/* right: -15px; */right: 0px;}
.about a.viewall{    margin-bottom: 25px;background-color: #ff9934;color: #fff;padding: 10px 25px;border-radius: 34px;font-weight: 600;letter-spacing: 1px;font-size: 13px;display: inline-block;}
.about a.viewall:hover{background-color: #282727;}




.boxsection{position:relative}
.boxsection .col-md-4 {padding: 0 40px;color: #273656;text-align: center;}
.boxsection h2 {font-size: 25px;text-transform: uppercase;}
.boxsection .col-md-4 a {color: #2e6d92;    font-size: 13px;}
.boxsection .col-md-2, .boxsection .col-md-4 {padding: 1px;}
.boximg {   height: 16vw;background-size: 100%;background-repeat: no-repeat;}
.boximg img {width: 100%;}
.textonhover {color: #fff;position: absolute;padding: 5rem 2rem;top: 0;background-color: #7ba7bc;opacity: .9;visibility: hidden;}
.textonhover strong {font-size: 12px;text-transform: uppercase;}
.boxsection .fa {font-size: 12px;padding-left: 5px;}
.boximg:hover .textonhover {visibility: visible;height: 100%;width: 100%;font-weight: 700;}
.textonhover {color: #fff;position: absolute; padding: 5rem 2rem;top: 0;background-color:#023787cc;opacity: .9;visibility: hidden;}

.vision img {display: block;width: 640px;height: 400px;-webkit-mask-image: url(../images/mask-image.png);mask-image: url(../../images/mask-image.png);-webkit-mask-position: top left;mask-position: top left;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;  -webkit-mask-size: 250px 250px;mask-size: 250px 250px;}


/*----------principal-message------------*/
.principal-bg{background-image: url(../images/principal-bg.png);background-position: top center;background-repeat: no-repeat;background-size: cover;    background-attachment: fixed;margin:0px 0px 0px}
.prinicpal-message h2{font-size: 25px;text-transform: uppercase;color:black}
.prinicpal-message p{color:black ;text-align:justify;font-size:13px   }
/*.principal-bg img{    box-shadow: -29px 23px 0px 0px #023787}*/
.principalImgBox {position: relative;z-index: 1;}
.principalImgBox::before, .principalImgBox::after {content: "";width: 100%;height: 100%;position: absolute;z-index: -1;border: 2px solid #023787;transition: all 0.25s ease-out;}
.principalImgBox:hover::before {top: 15px;/* left: 15px; */left: 0px;}
.principalImgBox:hover::after {bottom: 15px;right: 15px;}
.principalImgBox::before {background-color: #023787;top: -15px;left: -18px;}
.principalImgBox::after {bottom: -15px;/* right: -15px; */right: 0px;}



/*----------footer------------*/
#fsFooter {background: #343b43;background-repeat: no-repeat; background-size: contain; background-position: right 50px; bottom: 0; right: -177px; height: 567px; margin: 0; z-index: -1; background-image:url(https://cloud9.shauryasoft.com/media/footer_10_bg.jpg)}
#fsFooter .fsBanner {position: relative;margin: 0 auto;padding-bottom: 7px;z-index: 0;}
#fsFooter .footer-top {margin-bottom: 27px;}
/*#fsFooter .footer-background-image { background-repeat: no-repeat; background-size: contain; background-position: center 50px; position: absolute; bottom: 0; right: -177px; width: 810px; height: 567px; margin: 0; z-index: -1; }*/
#fsFooter h2.fsElementTitle {color: #ebf2f2;font-size: 13px;font-weight: 900;letter-spacing: 1.18px;line-height: 16px;margin-bottom: 28px;display: block;padding-top: 0;text-transform: uppercase;}
.school-details {color: #ebf2f2;margin-bottom: 5px;}
#fsFooter h3, .school-details {font-size: 14px;line-height: 25px;}
#fsFooter h3 {color: #ebf2f2;padding-top: 0;}
.school-details a {color: inherit;font-weight: 400;}
.fsNavigation ul {list-style: none;margin: 0;padding: 0;}
#fsFooter .useful-links .fsNavLevel1 li a {color: #d3dede;font-size: 14px;line-height: 25px;padding: 0;font-weight: 400;}
.fsElementContent .fs_style_23 {background: rgba(0,0,0,0);padding-left: 0;min-width: 190px;margin: 19px 0 0;display: inline-block;}
.fsElementContent .fs_style_23:before {width: 54px;height: 32px;background-position: -336px 0;transform: scale(1.31) translateY(-50%);top: calc(50% + 5px);}
.fs_style_23:before {content: "";background-image: url(https://cloud9.shauryasoft.com/media/contentpage_10_1_2.svg);display: inline-block;background-repeat: no-repeat;width: 52px;height: 32px;background-position: -528px -48px;vertical-align: middle;position: absolute;top: 50%;right: 15px;transform: scale(.82) translateY(-50%);top: calc(50% - 4px);transition: .3s;}
footer .nav-social .fsNavLevel1 {display: inline-flex;}
#fsFooter .footer-bottom {margin-top: 7px;}
#fsFooter .footer-bottom {padding-bottom: 25px;margin: 0;}
#fsFooter .footer-bottom>.fsElementContent {display: flex;flex-wrap: wrap;align-items: flex-start;}
#fsFooter .foundation-text {color: hsla(0,0%,100%,.7);font-size: 12px;font-weight: 600;line-height: 19px;margin: 0 159px 20px 0;}
#fsFooter .foundation-text {color: hsla(0,0%,100%,.7);font-size: 12px;font-weight: 600;line-height: 19px;margin: 0 159px 20px 0;}
footer .fsElementContent p {font-size: 12px!important;font-weight: 600;color: #bfc1c4;line-height: 19px;}
blockquote{color:white}
footer .nav-social .fsNavLevel1 {display: inline-flex;}
.nav-social .fsNavLevel1 li:not(:last-child) {margin-right: 12px;}
.nav-social .fsNavLevel1 li {margin: 0;padding: 0;display: inline-block;}
.nav-social .fsNavLevel1 [href*=facebook] {background: #a68798;}
.nav-social .fsNavLevel1 a {display: block;position: relative;border: 0;height: 35px;width: 35px;border-radius: 100%;}
.nav-social .fsNavLevel1 a:before {color: #343b43;font-size: 18px;transition: .3s;display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.nav-social .fsNavLevel1 [href*=youtube] {background: #cd201f;}
.nav-social .fsNavLevel1 [href*=linkedin] {background: #c2c567;}


.education .item {position: relative;overflow: hidden;margin: 0;}
.education .item img {-webkit-transition: all .5s linear;transition: all .5s linear;}
.education .overlay.color1 {background-color: rgba(130,75,157,.8);}
.education .title-overlay {height: auto;top: auto;opacity: 1;padding: 10px 0;}
.education .overlay {position: absolute;left: 0;right: 0;bottom: 0;overflow: hidden;width: 100%;transition: .5s ease;}
.education .text {color: #fff;font-size: 13px;text-align: center;font-weight: 800;}
.education .overlay.color2 {background-color: rgba(44,142,197,.8);}
.education .box-grey {position: relative;background: #f2f2f2;text-align: center;margin: -20px 0;height: 110%;display: grid;align-items: center;}
.education .box-grey h4{font-size:25px;font-weight:600}
.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; }
.p-5 {padding: 3rem!important;}
.btn-outline-primary { margin-left: 20px;background-color: #ff9934;color: #fff;padding: 10px 25px;border-radius: 34px;font-weight: 600;letter-spacing: 1px;font-size: 13px;display: inline-block; }
.education .overlay.color3 {background-color: rgba(116,193,78,.8);}
.education .overlay.color4 {background-color: rgba(249,158,47,.8);}
.education .item:hover .title-overlay {opacity: 1;height: auto;padding: 30px 0;}
.education .item:hover img {-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);}
.px-0 {padding-right: 0!important;padding-left: 0!important;}


.dflex{display:flex}
@media(max-width:767px)
{.dflex{display:block}
 .middle-imgsbox{display:none}
 .middle-txtbox{padding: 20px 15px 20px !important}
 .pillars-about-box ul li {width: 100% !important;min-height: 250px !important;border-bottom: 1px solid #fff;}
}


@media (max-width: 1440px) {
    .middle-pagesec-sns {margin-bottom: 80px;box-shadow: 0 80px 80px -50px #a1a1a1;}
    .middle-imgsbox .imgone > img {width: 300px;}
    .middle-imgsbox .imgtow {top: 124px;right: 50px;}
    .middle-imgsbox .imgtow > img {width: 270px;}
    .admission-sec{padding:0px !important}
}
.middle-pagesec-sns {background-position: left top;background-repeat: no-repeat;position: relative;background-color: #01468e;z-index: 1;background-size: auto;margin-bottom: 50px;box-shadow: 0 50px 80px -50px #a1a1a1;}
.middle-pagesec-sns:before {content: "";position: absolute;left: 0;top: 0;background: rgba(1, 70, 142, 0.75);width: 100%;height: 100%;z-index: -1;}
.container-custom-sns {max-width: 1170px;padding: 0 15px;margin: 0px auto;}
.container-custom-sns h2{font-size:30px}
.middle-txtbox {color: #fff;padding: 80px 15px 40px;}
.middle-imgsbox {position: relative;}
.imgone {position: absolute;top: 0;left: 0;}
.imgtow {position: absolute;top: 180px;right: 0px;}

/*-------------Photogallery---------------*/
#gallery {position: relative;left: calc(-1 * var(--adjust-size));display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 20px;max-width: 100vw;padding: 20px;-webkit-perspective: 0;perspective: 0;}
#gallery figure:nth-child(3n) {
	--angle: 3deg;
}
#gallery figure:nth-child(3n + 1) {
	--angle: -3.3deg;
}
#gallery figure:nth-child(3n + 2) {
	--angle: 2.4deg;
}
#gallery figure:nth-child(odd) {
	--direction: alternate;
}
#gallery figure:nth-child(even) {
	--direction: alternate-reverse;
}
#gallery figure {
	--angle: 3deg;
	--count: 5;
	--duration: 1s;
	delay: calc(-0.1 * var(--duration));
	direction: alternate;
	--pin-color: red;
    animation: moveIt 2.5s ease-in-out;
	position: relative;
	display: inline-block;
	margin: var(--adjust-size);
	padding: 0.5rem;
	border-radius: 5px;
	box-shadow: 0 7px 8px rgba(0, 0, 0, 0.4);
	width: 100%;
	height: auto;
	text-align: center;
	background-color: ghostwhite;
	/*background-image: url("../images/photo-gallery.jpg");*/
	background-size: cover;
	background-position: center;
	background-blend-mode: multiply;

	transform-origin: center 0.22rem;
	will-change: transform;
	break-inside: avoid;
	overflow: hidden;
	outline: 1px solid transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#gallery.active figure {
	animation-duration: var(--duration), 1s;
	animation-delay: var(--delay),
		calc(var(--delay) + var(--duration) * var(--count));
	animation-timing-function: ease-in-out;
	animation-iteration-count: var(--count), 1;
	animation-direction: var(--direction), normal;
	animation-fill-mode: both;
	animation-name: swing, swingEnd;
}
#gallery figure:after {
	position: absolute;
	top: 0.22rem;
	left: 50%;
	width: 0.7rem;
	height: 0.7rem;
	content: "";
	background: var(--pin-color);
	border-radius: 50%;
	box-shadow: -0.1rem -0.1rem 0.3rem 0.02rem rgba(0, 0, 0, 0.5) inset;
	filter: drop-shadow(0.3rem 0.15rem 0.2rem rgba(0, 0, 0, 0.5));
	transform: translateZ(0);
	z-index: 2;
}
figure img {
	/*aspect-ratio: 1 /1;*/
	width: 100%;
	object-fit: cover;
	display: block;
	border-radius: 5px;
	margin-bottom: 10px;
	z-index: 1;
}
figure figcaption {
	font-size: 14px;
	font-weight: 500;
	z-index: 1;
}
figure h2 {
	color: crimson;
	font-size: 22px;
}
figure p {
	font-size: 17px;
}
figure small {
	font-size: 12px;
}
figure > div {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
@keyframes swing {
	0% {
		transform: rotate3d(0, 0, 1, calc(-1 * var(--angle)));
	}
	100% {
		transform: rotate3d(0, 0, 1, var(--angle));
	}
}
@keyframes swingEnd {
	to {
		transform: rotate3d(0, 0, 1, 0deg);
	}
}
#info {
	position: relative;
	text-align: center;
	z-index: 1;
}
#info a {
	font-size: 1.1rem;
}
/*
@media (orientation: landscape) {
	#gallery {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	}
}
*/
@media (min-width: 800px) {
	#gallery {
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	}
}
.about-gallery h2{font-size: 30px;font-weight: 600;color: black;text-align:center}





/*-------------footer--------------*/
.gt_newsltr_wrap {float: right;width: 100%;position: relative;}
.widget {float: left;width: 100%;position: relative;}
.widget h5 {text-transform: uppercase;font-weight: 600;margin: 0 0 12px;}
.shreya {color: #f6ad3e!important;}
.gt_foo_about p {color: #727272;margin: 0 0 20px;}
.kk_ftr {font-size: 13px;text-align: left;color: #fff!important;}
.gt_foo_about ul {float: left;width: 100%;/*text-align: center;*/}
.gt_foo_about ul li:first-child {margin-left: 0;}
.gt_foo_about ul li {position: relative;display: inline-block;margin: 0 0 0 3px;}
.gt_foo_about ul li a {display: block;width: 33px;height: 33px;background-color:#f6ad3e;color: #fff;line-height: 33px;text-align: center;}
.default_width {float: left;width: 100%;position: relative;}
.foo_col_outer_wrap {padding: 38px 0 30px;}
.kk_ftr_nav {font-size: 13px;font-weight: 500;border-bottom: 1px dotted #727272;margin-bottom:12px;}
.kk_ftr_nav a {color: #fff;text-decoration: none;}
.kk_ftr_nav a:hover{color:#d8d3d3}
ul.gt_team1_contact_info {float: left;width: 100%;margin: 0 0 10px;}
ul.gt_team1_contact_info li {display: flex;width: 100%;position: relative;color: #fff;margin: 0 0 8px;font-size: 13px;}
.copyright_bg {background-color: #191919;padding: 10px 0;}
.copyright_wrap span {float: right;color: #fff;font-size: 13px;display: inline-block;}
.copyright_wrap span a {display: inline-block;font-size: 13px;color: #fff;}
.copyright_wrap p {display: inline-block;float: left;color: #fff;font-size: 13px;margin: 0;}
.gt_footer_bg {background-image: url(../images/footer-bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.gt_footer_bg:before {content: "";position: absolute;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.9);}
ul.gt_team1_contact_info li i {margin: 0 15px 0 0;float: left;padding: 3px 0 0;}
ul.gt_team1_contact_info li a{color:white}


.sticky {position: fixed;top: 0; width: 100%;}
.sticky + .content {padding-top: 102px;}


/*-----------pillars-----------*/
@media (max-width: 1440px) {
    .admission-sec {padding: 30px 0 30px;}
    .pillars-about-box h3 {margin-bottom: 10px;}
    .pillars-about-box p {font-size: 13px;}
    .pillars-about-box ul {margin-top: 20px;}
}
.about-topper{font-size: 30px;font-weight: 600;color: black;text-align: center;margin-bottom:20px}
.admission-sec {height: auto;width: 100%;padding: 80px 0 0px;text-align: center;background-image: url(../images/sport-bgimg.jpg);background-size: cover;background-position: left top;background-repeat: no-repeat;position: relative;}
.admission-sec::before {content: "";background: rgba(255,255,255,0.99);position: absolute;top: 0;left: 0;width: 100%;height: 100%;/* z-index: -1; */}
.pillars-about-box {height: auto;position: relative;}
.pillars-about-box h3 {font-size: 30px;font-weight: 600;color: black;text-align: center;margin-bottom:20px}
.pillars-about-box ul {margin-top: 0px;width: 100%;position: relative;float: left;padding-left:0px}
.pillars-about-box ul li { width: 20%; float: left; display: block; min-height: 385px; background-size: cover; background-position: left top; background-repeat: no-repeat; position: relative; -webkit-transition: .5s ease; transition: .5s ease; /* z-index: 1; */ }
.pillars-about-box ul li:hover .overlay {z-index: 2;height: 100%;-webkit-transition: all 0.8s ease;transition: all 0.8s ease;}
.pillars-about-box ul .pill-img5 .overlay, .pillars-about-box ul .pill-img4 .overlay {transform-origin: right center;}
.pillars-about-box .overlay { position: absolute; left: 0; background-color: #023787; overflow: hidden; width: 100%; height: 0; padding: 10px; text-align: left; color: #fff; background-repeat: no-repeat; background-position: left top; box-shadow: 0px 0px 0px 0px #d9d9d9; z-index: -1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; bottom: 0; background-image: none !important; }
.pillars-about-box .overlay:before {position: absolute;content: "";top: 0;left: 0;border: 2px solid rgba(255, 255, 255, .6);height: 100%;width: 100%;}
.pillars-about-box .overlay .text {padding: 15px 15px;width: 100%;}
.pillars-about-box .overlay .text h3{color:#fff;font-size:20px;text-align:left}
.pillars-about-box .pill-img5 .overlay:after {background-color: rgba(1, 70, 140, 0.8);}
.pillars-about-box .overlay:after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgb(2 55 135 / 79%);left: 0;top: 0;z-index: -1;}
.pillars-about-box ul li:first-child .pill-box { text-align: center; } 
.pill-box { width: 100%; height: 385px; position: relative; opacity: 1; padding: 170px 30px 0; text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(1,1,1,0.50); background-image: url(../images/gradientnews.png); background-position: center center; background-size: cover; background-repeat: no-repeat; pointer-events: none; }
.pill-box h3 {font-size: 24px;text-transform: capitalize !important;color: #ffffff;font-weight: 500;}


.performance{background-color: #F6F6F6;background-image: url(/images/counter-bg-new.png);background-position: center center;background-size: cover;background-attachment: fixed;padding: 60px 0px 60px 0px;}
.elementor-widget-container {margin-bottom: 40px;margin-right: 29px ;border-radius: 20px 20px 20px 20px;box-shadow: 47px 57px 0px -22px #DC394A;position: relative;}
.trailer_box.plain .desc { padding: 20px 14% 70px; } 
.trailer_box .desc { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 20px 15px 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.trailer_box.plain .desc .subtitle {padding: 0;background-color: transparent;  color: #dc394a;text-shadow: 1px 1px 0px #fff;font-size: 25px;}
.trailer_box .desc h2 {color: #fff;}
.trailer_box.plain .desc h2 {font-weight: 700;text-shadow: 2px 2px 2px #000;font-size: 38px!important;line-height: 1.1;}
.elementor-image-box-title {color: #000000;font-size: 16px;font-weight: 600;text-align:center;margin-top: 10px;margin-bottom: 20px;}
.elementor-image-box-description {color: #000000;font-size: 13px;font-weight: 400;}

/*------------toppers-------------*/

.owl-style-9 .owl-stage-outer {margin: -35px -20px -80px;padding: 35px 20px 80px;pointer-events: none;z-index: 1;}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px);}
.box-sm {max-width: 270px;margin-left: auto; margin-right: auto;}
.team-modern-figure {display: block;overflow: hidden;    border: 3px solid #dc394a;border-radius: 5px;}
.team-modern-figure img {width: 100%;will-change: transform;transform-origin: 50% 100%;transition: all .3s ease;}
.team-modern-name {font-weight: 500;letter-spacing: .02em;}
.team-modern {text-align: center;}
.team-modern-name a{color:black}
.team-modern:hover .team-modern-figure img {transform: scale(1.05);}


/*-----------mobileapp--------------*/
.bot-book {position: relative;overflow: hidden;width: 100%;display: block;}
.atf-section-title h2 {color: #333;font-weight: 600;}
.atf-single-feature {position: relative;}
.atf-single-feature {border: none;border-radius: 0px;}
.atf-feature-text h3 {padding: 0px 0px;color: #333;font-size: 14px;line-height: 0px;    margin-top: 20px;margin-bottom: 10px}
.social-box {margin-bottom: 30px;margin-top: 10px;}
.educational-txt{margin-bottom: 60px;}
.educational-txt h3, .key-enablers-sec h3 {color: #01468e;margin-bottom: 40px;/*text-transform: initial;*/}
.educational-txt ul li{color: #535353;line-height: 32px;font-size: 26px;letter-spacing: 5px;font-weight: 300;margin-bottom: 15px;}
.educational-txt ul li span{font-size: 65px;color: #0084c4;font-weight: 200;margin: 20px 0;display: inline-block;}
.educational-txt ul li .colorblue {color: #01468c;}
.atf-section-title p{font-size:14px}




/*-----------aboutus------------*/
.about-sec-one{padding:30px 0px 0px 0px;background-image:url(/images/about-main-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;}
.about-sec-one .inner-content p{font-size:14px;text-align:justify}
.about-sec-two{padding:50px 0px}
.img-side-effect{box-shadow:6px 6px #064d9a;}
.inner-img{border:2px solid #33bcef;}
.color-box {border: solid 1px #ccc;text-align: center;transition: .5s all;padding:25px;}
.color-box .icon-st {display: inline-block;}
.color-box h5 {color: #34326c;font-size: 16px;}
.color-box p{font-size:13px}
.btn-outline-primary { color: #34326c; background-color: #fff; border-color: #34326c; padding: 0.3rem 2rem; font-size: 13px; font-weight: 600; } 
.color-box .icon-st { display: inline-block; } 
.color-box .icon-hover { display: none; } 
.color-box { border: solid 1px #ccc; text-align: center; transition: .5s all;height:300px } 
.carrers{padding:30px;} 
.color-box:hover { background: #34326c; color: #fff; } 
.color-box:hover .icon-hover { display: inline-block; } 
.color-box:hover .icon-st { display: none; } 
.color-box:hover h5 { color: #fff; }
.yellowbg-color {background: #c53025;}
.gallery-box {width: 50%;float: left;position: relative;color: #fff;text-align: left;-webkit-transition: all 0.8s ease-in-out;overflow: hidden;height: 240px;}
.txt-gallery { float: left; width: 50%; min-height: auto; position: relative; } 
.txt-gallery span{ font-weight: bold; font-size: 30px; line-height: 40px; padding: 50px 50px 0; display: block; position: relative; -webkit-transition: all 0.8s ease-in-out; top: 0; opacity: 1; }
.txt-gallery .gl-txt{top: 230px;-webkit-transition: all 0.8s ease-in-out;position: absolute;width: 100%;opacity: 0;padding: 25px 15px 5px;}
.txt-gallery .gl-txt p{font-weight: normal;font-size: 14px;line-height: normal; position: relative; padding-left: 15px;}
.txt-gallery .gl-txt p::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background: #fff; border-radius: 100%; }
.gallery-box:hover .txt-gallery .gl-txt{top: 0;opacity: 1}
.gallery-box:hover .txt-gallery span{top: -170px;opacity: 0}
.txt-gallery-arrow::after{content: '';position: absolute;right: -20px;top: 50%;width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #bcc53a;clear: both;}
.img-gallery {width: 50%;float: left;}
.bluesky-bg-color {background-color: #01468c;}
.text-overflow{overflow-x: hidden;overflow-y: scroll;height: 145px;}
body::-webkit-scrollbar {width: 11px;color:azure}


/***Photo Gallery Css Start***/

.img-gradient{
  position:relative;
  display:inline-block;
  width:100%;
}

.img-gradient:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(top, rgba(0,47,75,0.5) 0%, rgba(220, 66, 37, 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220, 66, 37, 0.5)), color-stop(100%,rgba(0,47,75,0.5)));
    background: -webkit-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%);
    background: -o-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%);
    background: -ms-linear-gradient(top, rgba(0,47,75,0.5) 0%,rgba(220, 66, 37, 0.5) 100%);
    background: linear-gradient(to left, rgb(0 47 75 / 3%) 0%,rgb(0 0 0 / 82%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );
}
.img-gradient img{
  display:block;
}
.banner-caption {
    position: absolute;
    top: 50%;
    color: white;
    z-index: 9;
    left: 8%;
}
.banner-caption h4 {
    font-size: 25px;
    text-transform: capitalize;
    filter: drop-shadow(2px 4px 6px black);
}
.heading-back {
    margin-top: -7px;
    /*height:75px;*/
    position: relative;
    background: linear-gradient(97deg, #cf0e04, #da251c3d);
}
.heading-text {
    color: #fff;
    font-size: 14px;
    padding: 7px 0px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0.3px;
}

  div.thumbnail {
        box-shadow: 0 4px 8px 0 rgba(0, 88, 88, 0.2), 0 6px 20px 0 rgba(0, 88, 88, 0.19);
        text-align: center;
        margin-bottom: 20px;
        padding: 4px;
        background-color: #fff;
    }
    .container-caption {
        padding: 15px;
    }

.container-caption p {
    margin-bottom: 0px;
    font-size: 13px;
}
.view_gallery_btn {
    color: #ffffff;
    background-color: #2d3091;
    display: flex;
    justify-content: center;
    margin: 5px auto 0px;
    width: fit-content;
    border-radius: 3px;
    padding: 4px 10px;
    letter-spacing: 0.5px;
    cursor: pointer;
    font-size: 13px;
}
.view_gallery_btn:hover {color: white;}
.page_bg {
    padding-top: 30px;
    background-image: url(/images/aps-bg.png);
}
.thumbnail_img {
    width: auto;
    height: 200px;
    object-fit: cover;
}

.video-caption p {
    margin-bottom: 0px;
    font-size: 14px;
    padding-bottom: 5px;
    font-weight: 500;
}


/*========================New Banner Css With Image======================================*/
 .heading-back::after {
            bottom: 0;
            background: url(/images/overlay-bottom-5.png) bottom center no-repeat;
            background-size: contain;
        }
 .events-bg{background-image:url(/images/bg-image.jpg);background-size: 400px !important;
    background-attachment: fixed !important;
    background-position: center !important;padding:40px 0px;}

        .heading-back::before, .heading-back::after {
            position: absolute;
            content: "";
            width: 100%;
            height: 85px;
            left: 0;
            z-index: 1;
        }

        .banner-caption {
            position: absolute;
            top: 62%;
            color: white;
            z-index: 9;
            left: 36%;
        }

        .img-gradient:after {
            content: '';
            position: absolute;
            left: 33%;
            bottom: 0;
            width: 34%;
            height: 100%;
            display: inline-block;
            background: linear-gradient(to bottom, rgb(0 47 75 / 3%) 0%,rgb(0 0 0 / 82%) 100%);
        }

        /*======================Principal command Director Message Css========================*/
          .quote {
        background: #fff7de;
        padding: 25px;
        width: 60%;
        border: 15px double white;
    }

        .quote img {
            width: 56px;
            display: block;
        }

    .img-fluid {
        max-width: 100%;
        height: auto;
    }
    .str{color:#931c1c;} 
    .quote h6 {
        color: #2e2e2e;
        font-size: 23px;
        font-weight: normal;
        font-family: 'Roboto';
        font-style: italic;
        margin-left: 70px;
        margin-top: -25px;
    }

    .message {
        float: right;
        position: relative;
        width: 30%;
        margin-left: 50px;
        margin-bottom: 14px;
    }

    .back__shape__1 {
        position: absolute;
        left: -54px;
        top: 70px;
        -webkit-animation: slide-top 5000ms linear infinite alternate;
        animation: slide-top 5000ms linear infinite alternate;
        z-index: 1;
    }

    @keyframes slide-top {
        0% {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        100% {
            -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
        }
    }
     .back__shape__2{position: absolute;
        right: -49px;
    bottom: -57px;
    -webkit-animation: slide-top 5000ms linear infinite alternate;
    animation: slide-bottom 5000ms linear infinite alternate;
    z-index: 1;}

        @keyframes slide-bottom {
            0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
            100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
}
        }

    .message .messageimg {
        width: 100%;       
        object-fit: cover;
        object-position: top;
        box-shadow: 0 0 25px rgb(0 0 0 / 13%);
        border-radius: 20px;
        position: relative;
        z-index: 22;
        max-height: 700px;
    }

    .principal-msg-sec {
        margin-top: 45px;
    }

    .p-justify {
        text-align: justify;
        font-size:13px;
    }

    /*==================================Notice Page Css=============================*/
aside left card Css with gallery video notice 
     .nave {
    margin-bottom: 0;
    display:flex;
    flex-direction:column;
    padding-left: 0;
    list-style: none;
}
    .news-shadow {
    box-shadow: 0px 18px 28px rgb(0 0 0 / 20%);
}
    .nave-pills {
    background-color: white;
    font-size:14px;
}
    .nave-stacked > li + li {
    margin-top: 4px;
}

    .nave-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}
    .nave-stacked > li + li {
    margin-top: 0px;
    margin-left: 0;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
}
    .nave-pills > li > a {
    border-radius: 4px;
}
    .nave > li > a {
    position: relative;
    color:black;
    display: block;
    padding: 10px 18px;
}
   
 .inn-notice-board{background-color:white;box-shadow: 0 0px 7px -1px rgb(0 0 0 / 51%);padding:20px 15px;margin-bottom:18px;}
   .inn-notice-board span{margin:0px 30px 0px 3px;}
   .dwn-icon{cursor:pointer;}

   .uael-post__title{color: #0A3160;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
    border-bottom: solid 1px #dc3545;}
   .uael-post__meta-data{    color: #813636;
    margin-bottom: 0px;
    margin-top: 10px;
    line-height: 1.3em;
    font-size: 16px;
    font-weight: 400;    
    }
   .detls{font-size:13px;}
   .dwn-icon{color:#da251c;}

   /*=========================News and Events Page Css============================*/
   
        .blog-card {
            display: flex;
            flex-direction: column;
            margin: 1rem auto;
            box-shadow: 0px 18px 28px rgb(0 0 0 / 20%);
            height: 150px;
            margin-bottom: 1.6%;
            background: #fff;
            line-height: 1.4;
            font-family: sans-serif;
            border-radius: 5px;
            overflow: hidden;
            z-index: 0;
        }

            .blog-card a {
                color: inherit;
            }

                .blog-card a:hover {
                    color: #5ad67d;
                }
                        .blog-card .meta {
                position: relative;
                z-index: 0;
                height: 200px;
            }
                        .meta{
                            padding:10px;
                        }

            .blog-card .photo {
                /*position: absolute;
                top: 12px;
                right: 1px;*/
                bottom: 0;
                width: 192px;
                height: 125px;
                left: 20px;
                background-size: cover;
                background-position: center;
                transition: transform 0.2s;
            }

            .blog-card .details, .blog-card .details ul {
                margin: auto;
                padding: 0;
                list-style: none;
            }

            .blog-card .details {
                position: absolute;
                top: 0;
                bottom: 0;
                left: -100%;
                margin: auto;
                transition: left 0.2s;
                background: rgba(0, 0, 0, .6);
                color: #fff;
                padding: 10px;
                width: 100%;
                font-size: 0.9rem;
            }

                .blog-card .details a {
                    text-decoration: dotted underline;
                }

                .blog-card .details ul li {
                    display: inline-block;
                }

                .blog-card .details .author:before {
                    font-family: FontAwesome;
                    margin-right: 10px;
                    content: "\f007";
                }

                .blog-card .details .date:before {
                    font-family: FontAwesome;
                    margin-right: 10px;
                    content: "\f133";
                }

                .blog-card .details .tags ul:before {
                    font-family: FontAwesome;
                    content: "\f02b";
                    margin-right: 10px;
                }

                .blog-card .details .tags li {
                    margin-right: 2px;
                }

                    .blog-card .details .tags li:first-child {
                        margin-left: -4px;
                    }

            .blog-card .description {
                padding: 1rem;
                background: #fff;
                position: relative;
                z-index: 1;
            }

                .blog-card .description h1, .blog-card .description h2 {
                    font-family: Poppins, sans-serif;
                }

                .blog-card .description h1 {
                    line-height: 1;
                    margin: 0;
                    font-size: 1rem;
                }

                .blog-card .description h2 {
                    font-size: 14px;
                    font-weight: 500;
                    text-transform: uppercase;
                    color: black;
                    margin-top: 9px;
                }

                .blog-card .description .read-more {
                    text-align: right;
                }

                    .blog-card .description .read-more a {
                        color: #da251c;
                        font-size:14px;
                        display: inline-block;
                        position: relative;
                    }

                        .blog-card .description .read-more a:after {
                            content: "\f061";
                            font-family: FontAwesome;
                            margin-left: -10px;
                            opacity: 0;
                            vertical-align: middle;
                            transition: margin 0.3s, opacity 0.3s;
                        }

                        .blog-card .description .read-more a:hover:after {
                            margin-left: 5px;
                            opacity: 1;
                        }

            .blog-card p {
                position: relative;
                margin: 0rem 0 0;
                text-align:justify;
            }

                .blog-card p:first-of-type {
                    margin-top: 1.25rem;
                    font-size:14px;
                }

                    .blog-card p:first-of-type:before {
                        content: "";
                        position: absolute;
                        height: 5px;
                        background: #da251c;
                        width: 35px;
                        top: -0.75rem;
                        border-radius: 3px;
                    }

            .blog-card:hover .details {
                left: 0%;
            }

        @media (min-width: 640px) {
            .blog-card {
                flex-direction: row;
                max-width: 700px;
            }

                .blog-card .meta {
                    /*flex-basis: 32%;*/
                    height: auto;
                }
                
                .blog-card .description:before {
                    transform: skewX(-3deg);
                    content: "";
                    background: #fff;
                    width: 30px;
                    position: absolute;
                    left: -16px;
                    top: 0;
                    bottom: 0;
                    z-index: -1;
                }

                .blog-card.alt {
                    flex-direction: row-reverse;
                }

                    .blog-card.alt .description:before {
                        left: inherit;
                        right: -10px;
                        transform: skew(3deg);
                    }

                    .blog-card.alt .details {
                        padding-left: 25px;
                    }
        }
        .description h1 {color:#da251c;}
        .bg-color{background-color: #043e76;color: white;}
        .bg-color a {color:white !important;}

        /*=================News Events Details==============*/
        .visit-link {
    background: #242424;
    width: 100%;
    color: #f7f7f7;
    position: relative;
    transition: all 0.5s;
    text-align: center;  
    color: white;
    background-color: #022e02;
    padding: 11px 10px 11px 10px;
}
        .visit-link::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #242424;
    width: 0;
    transition: all 0.5s;
}
        .visit-link::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #242424;
    width: 0;
    transition: all 0.5s;
}
        .inn-title{margin-bottom:10px;}
         .color-c1c{color:#931c1c;}
          .chairman-msg-sec{padding-bottom:15px;}   
    .chr-padding-bottom{padding-bottom:40px;}

        @media screen and (max-width:991px){
            .marginbottom20{margin-bottom:20px;}
            .message{    width: 77%;float: none;margin: 0 auto 20px auto;}
          .back__shape__1{left:-42px;}
          .quote{width:100%;}
          .events-bg{padding:56px 0px;}
          .nave-pills{margin-bottom:19px;}
          .blog-card{height:auto;}
          .blog-card .meta{height:170px;}
          .blog-card .photo{width: 87%;height: 100%;left: 24px;}
          .blog-card .description{padding: 16px 24px;}
          .logo01{display:block !important;}
          .middle01{padding:10px 0px 6px 0px !important;}
          .mobile-menu{margin-top:0px !important;}
        }
@media screen and (max-width:1200px){
    .menu-trigger{position:absolute !important;top: 6px !important;right: 23px !important;
    
    }
}      
@media (max-width: 500px){
.logo01 a img{margin-left:0px !important;} 
}        
@media (max-width: 500px){
.menu-trigger {
    width: 27px !important;
   
}
}
/*phone and desktop view  responsive banner*/
 .phone-view{background-image:url(/images/Phone-view.jpg);}
      @media only screen and (max-width: 991px){
.phone-view {display: block !important;}
.desktop-view{display:none !important;}
.img-gradient:after{left:0%;width: 100%;}
.banner-caption{top: 63%;left: 11%;font-size:14px;}
}
  @media (min-width: 991px){
           .phone-view {display: none !important;}
.desktop-view{display:block !important;}
       }
  @media only screen and (max-width: 991px){
     .fgbdjfdb_tri .phone-view {
    width: 100%;
}
      .fgbdjfdb_tri .img-gradient {
    width: 100%;
}
       .fgbdjfdb_tri {
    width: 100%;
}
       .banner-caption h4{
           font-size: 21px;
       }
  }
  /*small heading color*/
.clr-bl{color:#2e3192 !important;}
.font-size{font-size:14px;}
.nave {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    list-style: none;
}
/*======facilities page css=============*/
  .testimonial-sub-secs {
    display: flex;
    background: #fff;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 62%);
    padding: 20px 15px;
    margin-bottom: 28px;
    border-top: 4px solid #a02721;
}
    .testimonial-sub-secs {
    font-size: 15px;
}
    .img-testimonial-subs {
    margin-right: 10px;
    margin-top: 11px;
}
.img-testimonial-subs img {
    width: 550px;
    border-radius: 12px;
}
.testimonial-sub-secs i {
    font-size: 32px;
    color: #c3bfbf;
}
.kcjb {
    font-size: 17px;
    color: #a02721;
    margin-bottom: 0;
    margin-top: 15px;
    text-transform: uppercase;
}
.content-testimonial-subs p {
    font-size: 14px;
    margin-top: 5px;
}/*======facilities page css end=============*/


 /*=====================co-curricular-activity css==============*/
  .inner-imgs {
    background: #fff;
    box-shadow: 4px 4px 20px 0 rgb(1 1 1 / 38%);
    padding: 11px 8px;
    height: 100%;
}
    .widht-col img {
    width: 100%;
}
    .pst-card-inner-heading {
    color: #0e2f7e;
    font-size: 18px;
    font-weight: 600;
    margin-top: 9px;
}
    .post {
    color: #000;
    font-size: 14px;
    text-align: justify;
    line-height: 22px;
    padding: 0px 10px 10px 10px;
}