html{
	scroll-behavior: smooth;
}
body{
	margin: 0;padding: 0;box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
	background: #f0f0f0;
	background-size: cover;
}

/*======================== UNIVERSAL LAW ==========================*/

.displayFlex{
	display: flex;align-items: center;
}
.displayFlexCenter{
	display: flex;align-items: center;justify-content: center;
}
.displayFlexRight{
	display: flex;align-items: center;justify-content: right;
}
.slick-prev::before, .slick-next::before{
	color: #000;
}

/*======================== LOADER START ===========================*/

.logoFall{
	width: 10%;
}
.loader{
	width: 100%;height: 100vh;background: #fff;
	position: fixed;z-index: 1111;overflow: hidden;justify-content: center;
	align-items: center;display: flex;
}
.dot {
    background-color: #c9c9c9;
	 width: 0vw;
	height: 0vw;
	border-radius: 50%;
	position: absolute;
	display: flex;align-items: center;justify-content: center;
	text-align: center;
}
h2.letter-row-1{
	font-size: 3vw;font-weight: 700;
	color: #000;
	line-height: 2;
}
.loader2{
	width: 100%;height: 100vh;background: #fff;
	position: fixed;z-index: 1111;overflow: hidden;justify-content: center;
	align-items: center;display: flex;
}
.big-circle{
    background-color:#adacac;
	 width: 0vw;
	height: 0vw;
	border-radius: 50%;
	position: absolute;
	display: flex;align-items: center;justify-content: center;
	text-align: center;
}
.small-circle{
    background-color:#fff;
	 width: 0vw;
	height: 0vw;
	border-radius: 50%;
	position: absolute;
	display: flex;align-items: center;justify-content: center;
	text-align: center;
}

/*======================== LOADER END ===========================*/

/*======================== HEADER START ==========================*/

.header{
	padding:0.5vw 7vw;position:relative;z-index:30;
}
.secLogo{
	width: 25%;
}
.timer{
	width: 70%;
}
.scheTiming{
	width: 23%;border-right: 1px solid #000;text-align: center;
}
.scheTiming h2{
	font-size: 2vw;font-weight: 600;margin: 0;
}
.scheTiming h6{
	font-size: 0.8vw;font-weight: 600;text-transform: uppercase;margin: 0;
}
.newnav{
	padding: 1vw;background: #adacac;
}
.mainNav{
	text-align: center;position: relative;z-index: 111;
}
.mainNav ul li{
	display: inline-block;padding:0vw 2vw;border-right: 1px solid #000;
}
.mainNav ul li:last-child{
	border-right: none;
}
.mainNav ul li a{
	color: #000;text-decoration: none;font-size: 0.8vw;
}
.mainNav ul li a:hover{
	color: #000;font-weight: 600;transition: all 0.4s ease-in;
}
.rt_btn a{
	font-size: 0.8vw;background: #d30000;display: inline-block;
	width: 100%;padding: 0.5vw;color: #fff;text-align: center;
	text-decoration: none;border-radius: 25px;animation: pop 0.5s infinite;
}
@keyframes pop{
	0%{
		transform: scale(1.0);
	}
	100%{
		transform: scale(1.1);
	}
}
.rt_btn a:hover{
	background: #f8ea00;transition: all 0.2s ease-in;color: #000;
}
.admission{
	position: relative;
}
.newGif{
	position: absolute;width: 50px;top: -65%;right:0%;content: '';
}

/*======================== HEADER END ==========================*/

/*======================== FOOTER START ===========================*/

.footer{
	border-top: 8px solid #121212;background:#292929;padding: 2vw 10vw;
}
.footerCol1{
	color: #fff;font-weight: 400;font-size: 0.8vw;
}
.footerCol1 h3{
	font-weight: 600;color: #fff;font-size: 1vw;margin: 0;
}
.newnav h4{
	font-weight: 400;color: #fff;font-size: 1vw;margin: 0;
}
.footerCol1 .row{
	margin-top: 15px;
}
.footerCol1 i{
	font-size: 1vw;color: #fef100;
}
.footerColList ul li{
	margin-bottom:0.6vw;
}
.footerColList ul li i{
	margin-right: 10px;color: #fef100;
}
.footerColList ul li a{
	color: #fff;font-weight: 400;text-decoration: none;font-size: 0.8vw;
}
.copyrightRow{
	margin-top: 2vw;
}
.copyright{
	color: #fff;font-size: 0.8vw;font-weight: 300;
}
.socialLinksFooter{
	text-align: right;
}
.socialLinksFooter a{
	display: inline-block;width:1.5vw;height:1.5vw;background: #fff;
	color: #192609;border-radius: 50%;text-align: center;line-height: 1.9;
	font-size: 0.8vw;
}
.moveToTop{
	width: 3vw;height: 3vw;border-radius: 50%;background: grey;
	border: none;position: fixed;right: 2%;bottom: 3%;font-size: 1.4vw;
	color: #292929;
}

/*======================== FOOTER END ===========================*/

/*======================== CONTACT START ===========================*/

.contact{
	padding: 0vw 10vw;position: relative;z-index: 10;
}
.contactFirst{
	text-align: center;
}
.contactFirst h1{
	font-weight: 800;font-size:13vw;color:#4f4f4f;
}
.contactFirst p{
	color: #303030;font-size: 1.2vw;line-height: 2;
}
.contact h4{
	color: #4f4f4f;font-size: 1.2vw;font-weight: 700;
	text-transform: uppercase;margin: 0;
}
.contact h5{
	font-size: 0.9vw;font-weight: 600;margin: 0;
}
.contact ul li:first-child{
	margin-top: 0.5vw;
}
.contact ul li{
	margin-top: 0.5vw;
}
.contact ul li a{
	color: #4f4f4f;font-size: 0.9vw;
}
.ctAddress{
	text-align: right;
}
.outer-circle{
	width: 18vw;height: 18vw;border-radius: 50%;background: rgba(186, 186, 186, 0.3);
	transition: transform 0.3s ease;
}
.inner-circle a{
	width: 14vw;height: 14vw;background: #8a8a8a;
	border-radius: 50%;transition: transform 0.3s ease;color: #000;text-decoration: none;
}
.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
  color: #000;
  text-decoration: none;
}
.outer-circle:hover {
    transform: scale(0.8); /* Make the outer circle smaller */
}

.inner-circle a:hover {
    transform: scale(1.4); /* Make the inner circle bigger */
}
.inner-circle a{
	display: inline-block;text-decoration: none;text-transform: uppercase;
	font-size:1.1vw;color: #000;font-weight: 600;text-align: center;
	display: flex;align-items: center;justify-content: center;
}
.map{
	width: 100%;clip-path: polygon(50% 0%, 100% 46%, 100% 100%, 0 100%, 0 46%);
	overflow: hidden;margin-top: -10%;
}
.map iframe{
	width: 100%;height:80vh;
}

/*========================= CONTACT END ===========================*/

/*========================== GALLERY START ==========================*/

.gallery{
	height: 90vh;overflow: hidden;position: relative;
}
.gallery h1{
	font-size: 30vw;position: absolute;transform: translate(0%, -50%);
	top: 30vh;left: 20vw;font-size: 30vw;animation-direction: alternate;color: #4f4f4f;
	animation: titleAnim 8s infinite linear;transform-origin: 0 0;font-weight: 800;
}
@keyframes titleAnim {
  0%, 100% {
    transform: translate(0%, -50%) scale(1, 1);
  }
  50% {
    transform: translate(0%, -43%) scale(0.95, 1.05);
  }
}
.scroll-line{
  position: absolute;height: 90px;bottom: 10%;left: 35vw;top: 80vh;
}
.scroll-line span {
  background-color: #e6e6e6;
}
.scroll-line span:first-child {
  position: absolute;
  transform: translate(-50%, -50%);
  animation: scrollLine 2s infinite;
  bottom: 20%;
  left: 18%;
  display: block;
  width: 2px;
  height: 90px;
  background-color: #4f4f4f;
}
@keyframes scrollLine{
	0% {
	  transform: scale(1, 0);
	  transform-origin: left top;
	}
	20% {
	  transform: scale(1, 1);
	  transform-origin: left top;
	}
	20.1% {
	  transform: scale(1, 1);
	  transform-origin: left bottom;
	}
	60% {
	  transform: scale(1, 0);
	  transform-origin: left bottom;
	}
	100% {
	  transform: scale(1, 0);
	  transform-origin: left bottom;
	}
}
.scroll-line span:nth-of-type(2) {
  position: absolute;
  transform: translate(-50%, -50%);
  animation: scrollLine-2 2s infinite;
  bottom: 20%;
  left: 18%;
  display: block;
  width: 2px;
  height: 90px;
  background-color: #4f4f4f;
}
@keyframes scrollLine-2{
	0% {
	  transform: scale(1, 0);
	  transform-origin: left top;
	}
	40% {
	  transform: scale(1, 0);
	  transform-origin: left top;
	}
	80% {
	  transform: scale(1, 1);
	  transform-origin: left top;
	}
	80.1% {
	  transform: scale(1, 1);
	  transform-origin: left bottom;
	}
	100% {
	  transform: scale(1, 0);
	  transform-origin: left bottom;
	}
	0% {
	  transform: scale(1, 0);
	  transform-origin: left top;
	}
	40% {
	  transform: scale(1, 0);
	  transform-origin: left top;
	}
	80% {
	  transform: scale(1, 1);
	  transform-origin: left top;
	}
	80.1% {
	  transform: scale(1, 1);
	  transform-origin: left bottom;
	}
	100% {
	  transform: scale(1, 0);
	  transform-origin: left bottom;
	}
}
.pageName{
	position: absolute;height: 90px;bottom: 10%;left: 39vw;top: 78vh;
}
.pageName h5{
	font-weight: 600;font-size: 1vw;color: #000;
}
.pageName p{
	font-size: 0.8vw;font-weight: 400;margin-bottom: 0;
}
.backtohome{
	position: absolute;height: 90px;bottom: 10%;right: 10vw;top: 78vh;
}
.backtohome a{
	font-weight: 600;font-size: 0.8vw;color: #000;
}
span.backLine{
	display: inline-block;width: 8vw;height: 1px;background: #000;
}
span.backCircle{
	display: inline-block;width: 0.7vw;height: 0.7vw;border-radius: 50%;
	background: #000;
}
.galleryTitle{
	position: relative;
}
.galleryTitle p{
	font-size:13vw;font-weight: 800;color: #4f4f4f;word-break: break-all;
	line-height: 1;text-align: left;position: absolute;top: 40%;
	left: 68%;transform: translate(-50%,-50%);width: 100%;
}
span#plainLine{
	display: inline-block;width: 3px;height: 5vw;background: #4f4f4f;
	position: absolute;top:65%;
	left: 30%;transform: translate(-50%,-50%);width: 100%;
	animation: linedown 1.5s infinite;
}
@keyframes linedown{
	0%{
		transform:translateY(0);
	}
	100%{
		transform:translateY(100%);
	}
}
.gallery_img{
	padding: 0 10vw 4vw 10vw;
}
.circle-bg{
	width:18.5vw;height:18.5vw;margin: 1%;position: relative;
	border:1px solid #4f4f4f;border-radius: 50%;
}
.circle-bg span {
    opacity: 0;
    transition: all 0.5s ease-in;
    display: inline-block; /* Add this line to change display property */
}
.title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5vw;
    color: #4f4f4f;
    font-weight: 600;
    z-index: 10;text-align: center;
    width: 100%;
}

.circle-bg:hover .title {
    display: none;
}

.circle-bg:hover span {
    opacity: 1;
    transform: rotateY(180deg);
}
.galleryImg svg {
  fill: none;
}

/*=========================== GALLRY END ===========================*/

/*========================== ABOUT START ==========================*/

.principal{
	padding: 0 10vw 2vw 10vw;margin-top: -3vw;
}
.abt-principal p{
	font-size: 1vw;font-weight: 400;color: #000;margin-bottom: 2vw;
	margin-top: 0;
}
.quote{
	width: 15%;opacity: 0.3;margin-bottom: 2vw;
}
.quoteTitle h3{
	font-weight: 600;color:#000;margin: 0;
}
.abtSchool{
	background: #fff;padding:8vw 10vw 2vw 10vw;
	clip-path: polygon(0 19%, 100% 0, 100% 100%, 0% 100%);
}
.bigTitle p{
	font-size:12vw;font-weight: 800;word-break: break-all;
	line-height: 1;text-align: left;width: 100%;color:#4f4f4f;
}
.mediumTitle p{
	font-size:7vw;font-weight: 800;word-break: break-all;
	line-height: 1;text-align: left;width: 100%;color:#4f4f4f;
	margin-bottom: 5vw;
}
span#bigTitleSpan{
	display: inline-block;width: 3px;height: 5vw;background: #345825;
	width: 100%;margin-left: 5%;
	animation: linedown 1.5s infinite;
}
.abtSchoolDefine h1{
	font-size: 3vw;font-weight: 600;color: #4f4f4f;
}
.abtSchoolDefine p{
	font-size: 1vw;margin-top: 1vw;line-height: 2;
}
.pincipalMessage{
	padding:5vw 10vw 2vw 10vw;

}
.messageImg{
	width: 20vw;height: 20vw;border-radius: 50%;background: #fff;
}
.schoolRules{
	padding: 2vw 10vw 12vw 10vw;
	background: #fff;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
}
.dot li{
	font-size: 0.9vw;margin-top:1vw;
}
.schoolRules h1{
	font-size: 2vw;font-weight: 600;color: #345825;
}
.addition{
	padding: 0vw 10vw 3vw 10vw;position: relative;
}
.additionalCol{
	width: 100%;border: 2px double #4f4f4f;padding: 1vw;color: #4f4f4f;
	font-size: 1vw;line-height: 2;
}
.additionalCol h3{
	font-size: 1.5vw;font-weight: 600;color: #4f4f4f;
}
.imf-poster{
	position: absolute;right: 8%;top: -40%;width: 30%;
}

/*========================== ABOUT END ==========================*/

/*=========================== INDEX START =======================*/

.slider{
	width: 100%;background: #ebebeb;font-size: 12vw;
	color: grey;font-weight: 900;
}
.arrowBox{
	content: '';position: absolute;bottom: 0;right: 0;
	width: 6%;height: 3vw;background: #e0373c;
}
a.carousel-control-prev{
	display: inline-block;width: 50%;display: flex;align-items: center;
}
a.carousel-control-next{
	display: inline-block;width: 50%;display: flex;align-items: center;
}
.announcement{
	overflow: hidden;background:#ebebeb;
}
.announcementTitle{
	width: 100%;padding: 0.4vw;background: #e0373c;color: #fff;
	text-align: center;
}
.announcement ul{
	 white-space: nowrap;
}
.announcement ul li{
	display: inline;margin: 0 2vw;color: red;
}
.announcement ul li a{
	color: red;text-decoration: none;text-transform: uppercase;font-weight: 600;
}
.abtSchoolIndex{
	padding:2vw 3vw 1vw 3vw;background: #fff;
}
.abtIndex{
	padding-right: 2vw;
}
.abtIndex h3{
	font-size: 0.9vw;color: #000;text-transform: uppercase;margin-bottom: 0;
}
.abtIndex h1{
	color: #000;font-weight: 800;font-size: 2vw;
	margin-top: 0;
}
span.horiLine{
	display: inline-block;width: 26%;height: 1px;background: #000;
	margin-left: 4%;
}
svg {
	  fill: none;
}
.abtIndex p{
	color: #000;font-size: 0.8vw;line-height:1.5;
	margin-top:0.5vw;text-align: left;
}
.notice{
	height: 43vh;
}
.scrollerCalendar{
	overflow: hidden;width: 100%;height: 100%;
}
.calendarScroll{
	display: flex;width: 100%;
	  flex-direction: column;
	animation: scrollTestimonials 40s linear infinite;
}
@keyframes scrollTestimonials {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.notice h2{
	font-size: 1.5vw;color: #000;
}
.circle{
	width: 5vw;height: 5vw;border-radius: 50%;background:#919191;
}
.circle h4{
	font-size: 1.5vw;margin-bottom: 0;text-align: center;
	color: #fff;
}
.circle p{
	margin-bottom: 0;margin-top: -8px;text-align: center;
	color: #fff;
}
.noticeCont h5{
	font-weight: 600;color: #000;font-size: 0.9vw;
	text-transform: uppercase;margin-bottom:10px;
}
.noticeCont a{
	color: #000;font-weight: 500;text-decoration: none;
}
.pt18{
	padding:0.5vw 0;border-bottom: 1px dotted #ebebeb;
}
.ytVideo{
	padding: 0vw 10vw 8vw 10vw;clip-path: polygon(0 0, 100% 0, 100% 88%, 0% 100%);background: #fff;
}
.ytVideo h1{
	font-size: 9vw;font-weight: 800;color:#8a8a8a;
	visibility: hidden;
}
p.textLeft{
	visibility: hidden;
}
@keyframes textLeft {
    to {
        visibility: visible;
    }
}
@keyframes textLeft{
	0% {
  opacity: 0;
  -webkit-transform: scale(0.35, 0.25) rotateX(15deg) rotateZ(20deg) translateY(150px) translateX(-50px);
  transform: scale(0.35, 0.25) rotateX(15deg) rotateZ(20deg) translateY(150px) translateX(-50px);
}
100% {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1, 1) rotateX(0deg) rotateZ(0deg) translateY(0) translateX(0);
  transform: scale(1, 1) rotateX(0deg) rotateZ(0deg) translateY(0) translateX(0);
}
}
#circle { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; }

#circle text { font-size: 0.95vw; font-weight: bold;color: #fff;}

#circle svg { position: absolute; left: 0; top: 0; width: 100%; height:22vw;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-moz-keyframes rotate {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0); }
}
@-ms-keyframes rotate {
    from { -ms-transform: rotate(360deg); }
    to { -ms-transform: rotate(0); }
}
@-o-keyframes rotate {
    from { -o-transform: rotate(360deg); }
    to { -o-transform: rotate(0); }
}
@keyframes rotate {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}
.facility{
	padding: 7vw 10vw 3vw 10vw;background: #f0f0f0;position: relative;
}
.raw{
	width:40%;position: absolute;top:-17%;left:6%;content: "";
	animation: rotate 25s linear infinite;
}
@keyframes rotate{
	100%{
		transform: rotate(360deg);
	}
}
@keyframes pulse{
	0%{
		top: 20%;
	}
	50%{
		top:15%;
	}
	100%{
		top: 20%;
	}
}
.facilityCol{
	width: 100%;padding: 0.5vw;background: #ebebeb;margin-top: 1vw;
}
.facilityCol i{
	font-size: 2vw;color: #616161;
}
.facilityCol h3{
	font-size: 1vw;font-weight: 600;margin-bottom: 0;
}
.facilityCol p{
	font-size: 0.8vw;font-weight: 400;margin-bottom: 0;margin-top: 10px;
}
.scrollText{
	background: #fff;padding-top: 7vw;overflow: hidden;
}
.packaging {
  position: relative;background:#345724;height:45vh;
}
.scrolling-text:first-of-type {
    top: -60%;
}
.scrolling-text:nth-of-type(2) {
    top: 2vh;
}

.scrolling-text {
	font-family: 'Montserrat', 'Open Sans', sans-serif;
    font-size: 16vw;font-weight: 900;
    position: absolute;
  	top: 0%;
  	right: -50%;
    opacity: 1;
    text-transform: uppercase;
    color: #fff;
    transform: translate3d(300px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    text-shadow: -1px -1px 0 #325222,  1px -1px 0 #325222,  -1px 1px 0 #325222,  1px 1px 0 #325222;overflow-x: hidden;
}
.testimonial{
	padding:3vw 10vw 3vw 10vw;
}
.quote2{
	opacity: 0.5;width:80%;
}
.testimonialCol{
	width: 100%;background: #c7c7c7;padding: 1.5vw;font-size: 0.8vw;
	line-height: 1.5;position: relative;margin-top: 1vw;
}
.testimonialCol::before{
	content: "";
	position: absolute;width: 2vw;height: 2vw;background: red;
	left: 2%;bottom:-38px;clip-path: polygon(100% 0, 0 0, 49% 57%);
	background:#c7c7c7;
}
.reviewName{
	font-size: 1vw;font-weight: 600;color: #4f4f4f;margin-top: 2vw;
}
.reviewName span{
	display: inline-block;width: 3vw;height: 3vw;border-radius: 50%;
	border: 1px solid #4f4f4f;font-size: 1.3vw;text-align: center;
	line-height: 2.1;margin-right: 10px;
}
.arrowPos{
	position: absolute;right: 0;bottom: 4%;
}
.arrowPoint{
	font-size: 1.2vw;color: #4f4f4f;
}
.arrowPoint:hover{
	color: #fef100;
}
.testiTitle p{
	font-size:3vw;font-weight: 800;word-break: break-all;
	line-height: 1;text-align: left;width: 100%;color:#4f4f4f;
}
span#plainLine2{
	display: inline-block;width: 3px;height: 5vw;background: #fff;
	width: 100%;
	animation: linedown 1.5s infinite;
}
.recentAct{
	margin-top: 1vw;
}
.recentol{
	width: 100%;height: 200px;background: #777;
	border: 6px solid #4f4f4f;border-radius: 12px;position: relative;
}
.recentol:hover .actTitle{
	display: block;transition: all 0.3s ease-in;
}
.actTitle{
	width: 100%;position: absolute;bottom: 0%;left: 0%;
	display: none;
	background: rgba(255, 255, 255, 0.8);padding: 0.5vw;
	text-align: center;font-size: 0.9vw;font-weight: 600;
}
.mtRecent{
	margin-top: 1.5vw;
}
.blog{
	padding:9vw 10vw 4vw 10vw;background: #fff;
	clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
	position: relative;
}
.chess{
	content: "";position: absolute;right: 7%;bottom: -58%;
	width: 40%;z-index: 100;animation: pulsepen 3s infinite;
}
@keyframes pulsepen{
	0%{
		bottom: -58%;
	}
	50%{
		bottom: -50%;
	}
	100%{
		bottom: -58%;
	}
}
.mtBlog{
	margin-top: 2vw;
}
.blogCol{
	width: 100%;border: 1px solid #345825;
}
.bgImage{
	width: 100%;height: 250px;background: #ebebeb;
}
.bgImageCont{
	padding: 1vw;
}
.bgImageCont h3{
	font-size: 1vw;font-weight: 600;color: ;
}
.bgImageCont p{
	font-size: 0.8vw;text-align: justify;
}
.bgImageCont a{
	display: inline-block;width: 40%;padding: 0.6vw;color:#fff;
	background: #4f4f4f;text-align: center;text-decoration: none;
}

/*======================== INDEX END ==========================*/

/*========================== FACILITIES START ======================*/

.facilities{
	overflow: hidden;
}
.svgFaci{
	width: 50%;position: absolute;top: 10%;left: 40%;
	transform: translate(-50%,-50%);opacity: 0.1;
}
.pageTitle h1{
	font-size: 30vw;font-weight: 700;z-index: 10;position: relative;
	color: #4f4f4f;animation: bounces 4s infinite;
}
@keyframes bounces{
	0%{
		transform: translate(5%,-3%);
	}
	50%{
		transform: translate(3%,6%);font-stretch: expanded;
	}
	100%{
		transform: translate(5%,-3%);
	}
}
.facilitiesCont{
	padding: 5vw 10vw 3vw 10vw;margin-top: 3vw;
}
.faciCol{
	padding: 1vw;
}
.faciColText{
	background: #fff;padding: 1vw;text-align: center;height: 10vw;
}
.faciColText h2{
	font-size: 1.2vw;
}
.faciColText p{
	font-size: 0.8vw;
}
.slideUp{
	margin-top: -20%;
}
.faciCol:hover{
	margin-top: -10px;transition:all 0.3s ease-in;
}
.slideUp:hover{
	margin-top: -25%;transition:all 0.3s ease-in;
}
.bb{
	position: absolute;width:30%;content: "";top: 40%;
	left: 8%;z-index: 100;
}
@keyframes tpdown{
	0%{
		top: 40%;
	}
	50%{
		top: 45%;
	}
	100%{
		top: 40%;
	}
}
.pencil{
	position: absolute;width:20%;content: "";top: 21%;
	left: 3%;z-index: 100;animation: pencil 3s infinite;
}
@keyframes pencil{
	0%{
		top: 21%;
	}
	50%{
		top: 18%;
	}
	100%{
		top: 21%;
	}
}
.bus{
	position: absolute;width:35%;content: "";top: 40%;
	left: 3%;z-index: 100;
}

/*========================= FACILITIES END =======================*/
/*======================== SCHOOL CALENDAR START ========================*/

.calendarPage{
	padding-top: 1vw;padding-bottom: 2vw;
}
.calendarPage h1{
	font-weight: 800;font-size:10vw;color: #4f4f4f;text-align: center;margin: 0;
}
.calendarPage p{
	color: #303030;font-size: 1.2vw;line-height: 2;text-align: center;margin-top: -1vw;
}
.calendarCol{
	margin: 1vw;position: relative;
}
.calendarDate{
	content: '';position: absolute;top: -10%;left: -10%;width: 4vw;
	height: 4vw;border-radius: 50%;background: #4f4f4f;color: #fff;
	font-size: 2vw;font-weight: 600;display: flex;align-items: center;
	justify-content: center;text-transform: uppercase;text-align: center;line-height: 0.5;
}
.calendarDate span{
	font-size: 0.8vw;
}
.calendarImg{
	width: 100%;height: 10vw;background: #fff;border:10px solid #adacac;
	border-radius: 12px;
}
.holidayName{
	text-align: center;font-size: 1vw;margin-top: 0.8vw;font-weight: 600;
	text-transform: uppercase;
}
.calendarPage ul li{
	font-size: 0.8vw;margin-top: 0.7vw;text-align: justify;
}
.rulesImg{
	width: 100%;height:12vw;border-radius: 12px;border: 6px solid #4f4f4f;
	margin: 0.5vw 0;
}
.calendarPage h2{
	font-weight: 800;font-size:5vw;color: #4f4f4f;
	text-align: center;margin: 0;margin-bottom: 1vw;
}


/*======================== SCHOOL CALENDAR END ========================*/

/*======================== ASSIGNMENT START ========================*/

.assignmentPage{
	padding-bottom: 3vw;padding-top: 1vw;
}
.assignmentPage h1{
	font-weight: 800;font-size:10vw;color: #4f4f4f;text-align: center;margin: 0;
}
.assignmentPage p{
	color: #303030;font-size: 1.2vw;line-height: 2;text-align: center;
	margin-top: 0vw;
}
.assignmentcont{
	padding: 1vw;border-style: double;border-width: 4px;border-color: #000;
}
.assigmentCol{
	width: 19%;
}
.assigmentCol ul li{
	padding:0.5vw 0;
}
.assigmentCol ul li a{
	color:#000;text-decoration: none;text-transform:capitalize;
	font-size: 0.8vw;
}
.assigmentCol ul li a:hover{
	font-weight: 600;transition: all 0.2s ease-in;
}


/*======================== ASSIGNMENT END ========================*/

/*======================= CHAIRMAN STARTED ==================*/

.chairman{
	padding-bottom: 2vw;padding-top: 1vw;
}
.chairman h1{
	font-weight: 800;font-size:10vw;color: #4f4f4f;text-align: center;margin: 0;
}
.chairman p{
	color: #303030;font-size: 1.2vw;line-height: 2;text-align: center;
	margin-top: 0vw;
}
.chairmanRow{
	margin-top: 1vw;
}
.chairmanMsg{
	padding-right:4vw;border-right: 1px solid #b5b5b5;
}
.chairmanMsg p{
	color: #303030;font-size: 0.85vw;line-height: 2;text-align: justify;
	margin-top: 0vw;
}
.chairmanMsg h3{
	font-size: 1vw;font-weight: 600;
}
.chairmanMsg h5{
	font-size: 0.8vw;font-weight: 400;
}
.chairmanMsg img{
	float: left; margin-right: 1vw; 
}
.importantLinks{
	padding-left: 3vw;
}
.importantLinks h2{
	font-size: 1.2vw;text-transform: uppercase;margin-bottom: 0.8vw;
}
.importantLinks ul li{
	padding: 0.7vw 2vw;background: #ebebeb;border-bottom: 1px solid #d1d1d1;
	position: relative;
}
.importantLinks ul li::before{
	content: '';position: absolute;top: 0;left: 0;width: 5px;height: 100%;
	background:#b5b5b5;
}
.importantLinks ul li:hover .importantLinks ul li::before{
	content: '';position: absolute;top: 0;left: 0;width: 5px;height: 100%;
	background:#4f4f4f;
}
.importantLinks ul li a{
	font-size: 0.8vw;color: #000;
}
.headmistress{
	padding-bottom: 5vw;padding-top: 1vw;
}
.headmistress h1{
	margin-top: 1vw;
	font-weight: 800;font-size:4vw;color: #4f4f4f;text-align: center;margin: 0;margin-bottom: 1vw;
}


/*========================== CHAIRMAN ENDED ========================*/

/*======================== MISSION AND VISION ===================*/

.missionandvision h3{
	font-size: 1vw;font-weight: 600;margin-top: 1vw;
}
.missionandvision img{
	width: 8%;
}
.missionandvision p{
	font-size: 0.8vw;text-align: justify;
}

/*====================== MISSION VISION END =======================*/

/*======================== ABOUT US STARTED =======================*/

.aboutUs h4{
	font-size: 1vw;text-transform: uppercase;
}
.aboutUs p{
	font-size: 0.8vw;text-align: justify;
}

/*======================== ABOUT US ENDED =======================*/

/*====================== UNIFORM STARTED ================*/

.uniform h4{
	font-size: 1vw; text-transform: uppercase;font-weight: 600;
	margin-bottom: 1vw;
}
.uniform th{
	font-size: 0.8vw;
}

/*========================= UNIFORM ENDED =====================*/

/*=========================== ACTIVITIES STARTED ===================*/

.acticityMarBt{
	margin-bottom: 3vw;margin-top: 3vw;
}
.activity{
	margin: 1vw;
}
.activity-img{
	width: 100%;background: #fff;border: 7px solid #4f4f4f;border-top-left-radius: 12px;
	height: 15vw;border-top-right-radius: 12px;
}
.activity-name{
	width: 100%;height:3vw;background:#4f4f4f;border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;text-align: center;display: flex;align-items: center;
	justify-content: center;color: #fff;font-size: 1vw;font-weight: 600;text-transform: uppercase;
}

/*===================== ACTIVITIES ENDED =======================*/
/*======================= ADMISSION START =======================*/

.marAdmission{
	margin-top: 2vw;
}
.form{
	width: 100%;padding: 1vw;border-radius: 12px;border: 2px solid #4f4f4f;
}
.form input{
	width: 100%;height: 2.5vw;padding: 0 15px;
}
.form select{
	width: 100%;height: 2.5vw;padding: 0 15px;
}
input:focus{
	outline: none;
}
select:focus{
	outline: none;
}
textarea:focus{
	outline: none;
}
.formMar15{
	margin-top: 15px;
}
.form button{
	padding: 0.7vw 3vw;background: #000;border: none;color: #fff;
}

/*====================== ADMISSION END =====================*/

/*==================== SINGLE BLOG START ====================*/

.blog-image{
	width: 100%;height: 55vh;background: red;
}
.singleBlog h2{
	font-size:3vw;font-weight: 800;word-break: break-all;
	line-height: 1;text-align: left;width: 100%;color:#4f4f4f;
	margin-bottom: 2vw;
}
.singleBlog p{
	font-size:0.8vw;text-align: justify;margin-top: 2vw;
}

/*==================== SINGLE BLOG END ====================*/

/*============================================ RESPONSIVE ========================================*/

@media(max-width: 768px)
{
	.logoFall{
		width: 40%;
	}
	/*======================== HEADER START ==========================*/

	.inline-list {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	    display: flex; /* Use flexbox to arrange list items horizontally */
	    justify-content: space-between; /* Distribute items equally */
	}
	.inline-list li {
	    flex: 1; /* Make each list item take up equal space */
	    text-align: center; /* Center-align the text within each item */
	}
	.tpHeaderResp{
		border-bottom: 1px solid #4f4f4f;
	}
	.tpHeaderResp ul li{
		display: inline-block;
	}
	.tpHeaderResp ul li:first-child{
		border-right: 1px solid #4f4f4f;
	}
	.tpHeaderResp ul li:nth-child(2){
		border-right: 1px solid #4f4f4f;
	}
	.tpHeaderResp ul li a{
		color: #4f4f4f;text-decoration: none;line-height: 2;
	}
	.respLogo{
		padding: 1vw;text-align: center;border-bottom: 1px solid #4f4f4f;
	}
	.respNav{
		padding: 1.2vw 0vw;border-bottom: 1px solid #4f4f4f;text-align: right;
	}
	.navDown{
		width: 100%;
	}
	li.nav-item{
		display:block;
	}
	a.nav-link{
		border-bottom: 1px solid #8c8c8c;display: block;width: 100%;padding:10px;
		color: #4f4f4f;font-size: 15px;
	}
	.dropdown-menu{
		background: none;
	}
	a.dropdown-item{
		border-bottom: 1px solid #8c8c8c;display: block;width: 100%;padding:10px;
		color: #4f4f4f;font-size: 15px;
	}
	.navbar-nav .nav-link{
		padding-left: 15px;
	}
	a.nav-link:hover{
		background: #4f4f4f;color: #fff;transition: all 0.2s ease-in;
	}
	a.dropdown-item:hover{
		background: #4f4f4f;color: #fff;transition: all 0.2s ease-in;
	}
	/*========================== HEADER START =========================*/
	/*======================== FOOTER START ===========================*/

	.footer{
		border-top: 3px solid #121212;background:#292929;padding:18px;
	}
	.footerCol1{
		color: #fff;font-weight: 400;font-size: 14px;
	}
	.footerCol1 h3{
		font-weight: 600;color: #fff;font-size:22px;
	}
	.footerCol1 h4{
		font-weight: 400;color: #fff;font-size: 18px;
	}
	.footerCol1 .row{
		margin-top: 15px;
	}
	.footerCol1 i{
		font-size: 18px;color: #fef100;
	}
	.marRep10{
		margin-top: 15px;
	}
	.footerColList{
		margin-top: 18px;
	}
	.footerColList ul li{
		margin-bottom:0.6vw;
	}
	.footerColList ul li i{
		margin-right: 10px;color: #fef100;
	}
	.footerColList ul li a{
		color: #fff;font-weight: 400;text-decoration: none;font-size:14px;
	}
	.facebook{
		margin-top: 18px;
	}
	.copyrightRow{
		margin-top: 20px;
	}
	.copyright{
		color: #fff;font-size:14px;font-weight: 300;
	}
	.socialLinksFooter{
		text-align: left;margin-top: 15px;
	}
	.socialLinksFooter a{
		display: inline-block;width:30px;height:30px;background: #fff;
		color: #192609;border-radius: 50%;text-align: center;line-height: 1.9;
		font-size: 16px;
	}
	.moveToTop{
		width:40px;height: 40px;border-radius: 50%;background: grey;
		border: none;position: fixed;right:15px;bottom: 20px;font-size: 16px;
		color: #292929;
	}

	/*======================== FOOTER END ===========================*/

	/*======================== CONTACT START ===========================*/

	.contact{
		padding: 0vw 18px;position: relative;z-index: 10;
	}
	.contactFirst{
		text-align: center;
	}
	.contactFirst h1{
		font-weight: 800;font-size:20vw;color: #4f4f4f;
	}
	.contactFirst p{
		color: #303030;font-size: 16px;line-height: 2;
	}
	.contact h5{
		font-size: 15px;
	}
	.contact h4{
		color: #4f4f4f;font-size: 18px;font-weight: 500;text-transform: uppercase;
	}
	.contact ul li{
		margin-top: 10px;
	}
	.contact ul li:first-child{
		margin-top: 1.5vw;
	}
	.contact ul li a{
		color: #4f4f4f;font-size:14px;
	}
	.contPhone{
		text-align: center;justify-content: center;
	}
	.ctAddress{
		text-align: center;justify-content: center;
	}
	.outer-circle{
		width: 200px;height: 200px;border-radius: 50%;background: rgba(186, 186, 186, 0.3);
		transition: transform 0.3s ease;margin-top: 20px;margin-bottom: 20px;
	}
	.inner-circle a{
		width: 150px;height: 150px;background: #8a8a8a;
		border-radius: 50%;transition: transform 0.3s ease;font-size: 16px;
	}
	.outer-circle:hover {
	    transform: scale(0.8); /* Make the outer circle smaller */
	}

	.inner-circle a:hover {
	    transform: scale(1.4); /* Make the inner circle bigger */
	}
	.inner-circle a{
		display: inline-block;text-decoration: none;text-transform: uppercase;
		font-size:14px;color: #000;font-weight: 600;text-align: center;
		display: flex;align-items: center;justify-content: center;
	}
	.map{
		width: 100%;clip-path:none;
		overflow: hidden;margin-top:0%;margin-top: 20px;
	}
	.map iframe{
		width: 100%;height:300px;
	}

	/*========================= CONTACT END ===========================*/
	/*========================== GALLERY START ==========================*/

	.gallery{
		height:30vh;overflow: hidden;position: relative;
	}
	.gallery h1{
		font-size: 30vw;position: absolute;transform: translate(0%, -50%);
		top: 8vh;left: 20vw;font-size: 30vw;animation-direction: alternate;color: #4f4f4f;
		animation: titleAnim 8s infinite linear;transform-origin: 0 0;font-weight: 800;
	}
	@keyframes titleAnim {
	  0%, 100% {
	    transform: translate(0%, -50%) scale(1, 1);
	  }
	  50% {
	    transform: translate(0%, -43%) scale(0.95, 1.05);
	  }
	}
	.scroll-line{
	  position: absolute;height:50px;bottom: 10%;left: 35vw;top: 23vh;
	}
	.scroll-line span {
	  background-color: #e6e6e6;
	}
	.scroll-line span:first-child {
	  position: absolute;
	  transform: translate(-50%, -50%);
	  animation: scrollLine 2s infinite;
	  bottom: 20%;
	  left: 18%;
	  display: block;
	  width: 2px;
	  height: 50px;
	  background-color: #4f4f4f;
	}
	@keyframes scrollLine{
		0% {
		  transform: scale(1, 0);
		  transform-origin: left top;
		}
		20% {
		  transform: scale(1, 1);
		  transform-origin: left top;
		}
		20.1% {
		  transform: scale(1, 1);
		  transform-origin: left bottom;
		}
		60% {
		  transform: scale(1, 0);
		  transform-origin: left bottom;
		}
		100% {
		  transform: scale(1, 0);
		  transform-origin: left bottom;
		}
	}
	.scroll-line span:nth-of-type(2) {
	  position: absolute;
	  transform: translate(-50%, -50%);
	  animation: scrollLine-2 2s infinite;
	  bottom: 20%;
	  left: 18%;
	  display: block;
	  width: 2px;
	  height: 50px;
	  background-color: #4f4f4f;
	}
	@keyframes scrollLine-2{
		0% {
		  transform: scale(1, 0);
		  transform-origin: left top;
		}
		40% {
		  transform: scale(1, 0);
		  transform-origin: left top;
		}
		80% {
		  transform: scale(1, 1);
		  transform-origin: left top;
		}
		80.1% {
		  transform: scale(1, 1);
		  transform-origin: left bottom;
		}
		100% {
		  transform: scale(1, 0);
		  transform-origin: left bottom;
		}
		0% {
		  transform: scale(1, 0);
		  transform-origin: left top;
		}
		40% {
		  transform: scale(1, 0);
		  transform-origin: left top;
		}
		80% {
		  transform: scale(1, 1);
		  transform-origin: left top;
		}
		80.1% {
		  transform: scale(1, 1);
		  transform-origin: left bottom;
		}
		100% {
		  transform: scale(1, 0);
		  transform-origin: left bottom;
		}
	}
	.pageName{
		position: absolute;height: 90px;bottom: 10%;left: 40vw;top: 20vh;
	}
	.pageName h5{
		font-weight: 600;font-size: 15px;color: #000;
	}
	.pageName p{
		font-size:13px;font-weight: 400;margin-bottom: 0;
	}
	.backtohome{
		position: absolute;height: 90px;bottom: 10%;right: 10vw;top: 78vh;
	}
	.backtohome a{
		font-weight: 600;font-size: 0.8vw;color: #000;
	}
	span.backLine{
		display: inline-block;width: 8vw;height: 1px;background: #000;
	}
	span.backCircle{
		display: inline-block;width: 0.7vw;height: 0.7vw;border-radius: 50%;
		background: #000;
	}
	.galleryTitle{
		position: relative;
	}
	.galleryTitle p{
		font-size:18vw;font-weight: 800;color: #fff;word-break: break-all;
		line-height: 1;text-align: center;position: absolute;top: 40%;
		left: 60%;transform: translate(-50%,-50%);width: 100%;
	}
	.galleryImg{

	}
	span#plainLine{
		display: inline-block;width: 3px;height: 5vw;background: #fff;
		position: absolute;top:80%;
		left: 30%;transform: translate(-50%,-50%);width: 100%;
		animation: linedown 1.5s infinite;
	}
	@keyframes linedown{
		0%{
			transform:translateY(0);
		}
		100%{
			transform:translateY(100%);
		}
	}
	.gallery_img{
		padding: 18px;
	}
	.circle-bg{
		width:26.9vw;height:26.9vw;margin: 2%;position: relative;
		border:1px solid #4f4f4f;border-radius: 50%;
	}
	.circle-bg span {
	    opacity: 0;
	    transition: all 0.5s ease-in;
	    display: inline-block; /* Add this line to change display property */
	}
	.title {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 12px;
	    color: #4f4f4f;
	    font-weight: 600;
	    z-index: 10;text-align: center;
	    width: 100%;
	}

	.circle-bg:hover .title {
	    display: none;
	}

	.circle-bg:hover span {
	    opacity: 1;
	    transform: rotateY(180deg);
	}
	.galleryImg svg {
	  fill: none;
	}

	/*=========================== GALLRY END ===========================*/

	/*========================== ABOUT START ==========================*/

	.principal{
		padding:40px 18px 0px 18px;margin-top: -3vw;
	}
	.abt-principal p{
		font-size: 16px;font-weight: 400;color: #fff;margin-bottom: 20px;
		text-align: left;text-align: justify;
	}
	.quote{
		width: 15%;opacity: 0.3;margin-bottom: 2vw;margin-top: 20px;
	}
	.quoteTitle h3{
		font-weight: 600;color:#faed00;
	}
	.abtSchool{
		background: #fff;padding:200px 18px 18px 18px;
		clip-path: polygon(0 19%, 100% 0, 100% 100%, 0% 100%);
	}
	.bigTitle p{
		font-size:20vw;font-weight: 800;word-break: break-all;
		line-height: 1;text-align: left;width: 100%;color:#4f4f4f;
	}
	span#bigTitleSpan{
		display: inline-block;width: 3px;height: 5vw;background: #4f4f4f;
		width: 100%;margin-left: 5%;
		animation: linedown 1.5s infinite;
	}
	.abtSchoolDefine h1{
		font-size: 28px;font-weight: 600;color: #4f4f4f;
	}
	.abtSchoolDefine p{
		font-size: 16px;margin-top: 1vw;line-height: 2;text-align: justify;
	}
	.pincipalMessage{
		padding:18px;
	}
	.messageImg{
		width: 40vw;height: 40vw;border-radius: 50%;background: #fff;display: none;
	}
	.schoolRules{
		padding: 4vw 18px 25vw 18px;
		background: #fff;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 1% 95%);
	}
	.dots li{
		font-size: 16px;margin-top:1vw;text-align: justify;
	}
	.schoolRules h1{
		font-size: 2vw;font-weight: 600;color: #345825;
	}
	.addition{
		padding:25vw 18px 6vw 18px;position: relative;
	}
	.additionalCol{
		width: 100%;border: 2px double #fff;padding: 15px;color: #fff;
		font-size: 16px;line-height: 2;margin-top: 18px;
	}
	.additionalCol h3{
		font-size: 24px;font-weight: 600;color: #faed00;
	}
	.imf-poster{
		position: absolute;right: 6%;top: -20%;width:45%;
	}

	/*========================== ABOUT END ==========================*/

	/*=========================== INDEX START =======================*/

	.slider{
		width: 100%;height: auto;background: #ebebeb;font-size: 12vw;
		color: grey;font-weight: 900;overflow: hidden;
	}
	.arrowBox{
		content: '';position: absolute;bottom: 0;right: 0;
		width: 20%;height: 40px;background: #e0373c;
	}
	a.carousel-control-prev{
		display: inline-block;width: 50%;display: flex;align-items: center;
	}
	a.carousel-control-next{
		display: inline-block;width: 50%;display: flex;align-items: center;
	}
	.announcement{
		border-bottom:2px solid #4f4f4f;overflow: hidden;
	}
	.announcementTitle{
		width: 100%;padding: 7px;background: #e0373c;color: #fff;
		text-align: center;
	}
	.announcement ul{
		 white-space: nowrap;
	}
	.announcement ul li{
		display: inline;margin: 0 2vw;color: #fff;
	}
	.announcement ul li a{
		color: #fff;text-decoration: none;
	}
	.abtSchoolIndex{
		padding:5vw 3vw 1vw 3vw;overflow: hidden;
	}
	.abtIndex{
		padding-right: 4vw;
	}
	.abtIndex h3{
		font-size: 15px;color: #4f4f4f;text-transform: uppercase;
	}
	.abtIndex h1{
		color: #000;font-weight: 700;font-size:30px;
		font-family: 'Poppins', sans-serif;
	}
	svg {
		  fill: none;
	}
	.abtIndex p{
		color: #4f4f4f;font-size: 13px;line-height: 2;
		margin-top: 1.5vw;text-align: justify;
	}
	.notice h2{
		font-size: 24px;color:#4f4f4f;
	}
	.circle{
		width: 60px;height: 60px;border-radius: 50%;background: #919191;
	}
	.circle h4{
		font-size: 22px;margin-bottom: 0;text-align: center;
	}
	.circle p{
		color: #fff;margin-bottom: 0;margin-top: -8px;text-align: center;
	}
	.noticeCont h5{
		font-weight: 400;color: #000;font-size: 15px;text-transform: uppercase;
	}
	.noticeCont a{
		color: #000;font-weight: 500;text-decoration: none;
	}
	.pt18{
		padding:10px 0;border-bottom: 1px dotted #ebebeb;
	}
	.ytVideo{
		padding: 20px 18px 10vw 18px;overflow: hidden;
	}
	.ytVideo h1{
		font-size: 12vw;font-weight: 800;color: #8a8a8a;
	}
	#circle { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; }

	#circle text { font-size: 15px; font-weight: bold;color: #fff;}

	#circle svg { position: absolute; left: 0; top: 0; width: 100%; height:60vw;

	  -webkit-animation-name: rotate;
	     -moz-animation-name: rotate;
	      -ms-animation-name: rotate;
	       -o-animation-name: rotate;
	          animation-name: rotate;
	  -webkit-animation-duration: 5s;
	     -moz-animation-duration: 5s;
	      -ms-animation-duration: 5s;
	       -o-animation-duration: 5s;
	          animation-duration: 5s;
	  -webkit-animation-iteration-count: infinite;
	     -moz-animation-iteration-count: infinite;
	      -ms-animation-iteration-count: infinite;
	       -o-animation-iteration-count: infinite;
	          animation-iteration-count: infinite;
	  -webkit-animation-timing-function: linear;
	     -moz-animation-timing-function: linear;
	      -ms-animation-timing-function: linear;
	       -o-animation-timing-function: linear;
	          animation-timing-function: linear;
	}
	@-webkit-keyframes rotate {
	    from { -webkit-transform: rotate(360deg); }
	    to { -webkit-transform: rotate(0); }
	}
	@-moz-keyframes rotate {
	    from { -moz-transform: rotate(360deg); }
	    to { -moz-transform: rotate(0); }
	}
	@-ms-keyframes rotate {
	    from { -ms-transform: rotate(360deg); }
	    to { -ms-transform: rotate(0); }
	}
	@-o-keyframes rotate {
	    from { -o-transform: rotate(360deg); }
	    to { -o-transform: rotate(0); }
	}
	@keyframes rotate {
	    from { transform: rotate(360deg); }
	    to { transform: rotate(0); }
	}
	.facility{
		
		padding: 7vw 18px 5vw 18px;background: background: #f0f0f0;;position: relative;
		overflow: hidden;
	}
	.raw{
		width:40%;position: absolute;top:-4%;left:6%;content: "";
		animation: rotate 20s linear infinite;
	}
	.book{
		position: absolute;top:8%;left: 2%;width:45%;content: "";
		z-index: 100;animation:pulse2 2s infinite;z-index: 100;
	}
	@keyframes pulse2{
		0%{
			top: 8%;
		}
		50%{
			top:10%;
		}
		100%{
			top: 8%;
		}
	}
	.facility .bigTitle p{
		font-size:15vw;font-weight: 800;word-break: break-all;
		line-height: 1;text-align: left;width: 100%;color:#4f4f4f;
	}
	.facilityCol{
		width: 100%;padding: 0.5vw;background: #ebebeb;margin-top: 1vw;
	}
	.facilityCol i{
		font-size: 22px;color: #616161;text-align: center;
		padding-left: 15px;
	}
	.facilityCol h3{
		font-size: 16px;font-weight: 600;
	}
	.facilityCol p{
		font-size: 14px;font-weight: 400;margin-bottom: 0;
	}
	.scrollText{
		background: #fff;padding-top: 7vw;overflow: hidden;
	}
	.packaging {
	  position: relative;background:#345724;height:45vh;
	}
	.scrolling-text:first-of-type {
	    top: -60%;
	}
	.scrolling-text:nth-of-type(2) {
	    top: 2vh;
	}

	.scrolling-text {
		font-family: 'Montserrat', 'Open Sans', sans-serif;
	    font-size: 16vw;font-weight: 900;
	    position: absolute;
	  	top: 0%;
	  	right: -50%;
	    opacity: 1;
	    text-transform: uppercase;
	    color: #fff;
	    transform: translate3d(300px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
	    text-shadow: -1px -1px 0 #325222,  1px -1px 0 #325222,  -1px 1px 0 #325222,  1px 1px 0 #325222;overflow-x: hidden;
	}
	.testimonial{
		padding:25px 18px 0 18px;overflow: hidden;
	}
	.quote2{
		opacity: 0.5;width:15%;margin-bottom: 10px;
	}
	.testimonialCol{
		width: 100%;background: #c7c7c7;
		padding: 1.5vw;font-size: 15px;
		line-height: 1.5;position: relative;
	}
	.testimonialCol::before{
		content: "";
		position: absolute;width: 30px;height: 30px;background: red;
		left: 2%;bottom:-30px;clip-path: polygon(100% 0, 0 0, 49% 57%);
		background: #c7c7c7;
	}
	.reviewName{
		font-size: 15px;font-weight: 600;color: #4f4f4f;margin-top: 18px;
	}
	.reviewName span{
		display: inline-block;width: 40px;height: 40px;border-radius: 50%;
		border: 1px solid #4f4f4f;font-size: 18px;text-align: center;
		line-height: 2.1;margin-right: 10px;
	}
	.arrowPos{
		position: absolute;right: 0;bottom: 4%;
	}
	.arrowPoint{
		font-size: 16px;color: #4f4f4f;
	}
	.arrowPoint:hover{
		color: #4f4f4f;
	}
	.testiTitle p{
		font-size:24px;font-weight: 800;word-break: break-all;
		line-height: 1;text-align: left;width: 100%;color:#4f4f4f;
	}
	span#plainLine2{
		display: inline-block;width: 3px;height: 5vw;background: #fff;
		width: 100%;
		animation: linedown 1.5s infinite;
	}
	.recentAct{
		margin-top:20px;overflow: hidden;
	}
	.recentol{
		width: 100%;height: 150px;background: #777;
		border: 3px solid #4f4f4f;border-radius: 12px;position: relative;
		margin-top: 10px;
	}
	.recentol:hover .actTitle{
		display: block;transition: all 0.3s ease-in;
	}
	.actTitle{
		width: 100%;position: absolute;bottom: 0%;left: 0%;
		display: none;
		background: rgba(255, 255, 255, 0.8);padding:10px;
		text-align: center;font-size:15px;font-weight: 600;
	}
	.mtRecent{
		margin-top: 1.5vw;
	}
	.blog{
		padding: 12vw 18px 18px 18px;background: #fff;
		clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
		position: relative;overflow: hidden;
	}
	.chess{
		content: "";position: absolute;right: 12%;top: 4%;display: none;
	}
	.mtBlog{
		margin-top: 2vw;display: none;
	}
	.blogCol{
		width: 100%;border: 1px solid #4f4f4f;
	}
	.bgImage{
		width: 100%;height: 200px;background: #ebebeb;
	}
	.bgImageCont{
		padding: 18px;
	}
	.bgImageCont h3{
		font-size: 17px;font-weight: 600;color: ;
	}
	.bgImageCont p{
		font-size: 14px;text-align: justify;
	}
	.bgImageCont a{
		display: inline-block;width: 40%;padding: 14px;color:#fff;
		background: #4f4f4f;text-align: center;text-decoration: none;
	}

	/*======================== INDEX END ==========================*/
	/*========================== FACILITIES START ======================*/

	.facilities{
		overflow: hidden;position: relative;
	}
	.svgFaci{
		width: 50%;position: absolute;top: 10%;left: 40%;
		transform: translate(-50%,-50%);opacity: 0.1;
	}
	.pageTitle h1{
		font-size: 25vw;font-weight: 700;z-index: 10;position: relative;
		color: #4f4f4f;animation: bounces 4s infinite;margin-top: 20px;
	}
	@keyframes bounces{
		0%{
			transform: translate(5%,-3%);
		}
		50%{
			transform: translate(3%,6%);font-stretch: expanded;
		}
		100%{
			transform: translate(5%,-3%);
		}
	}
	.facilitiesCont{
		padding:18px;margin-top: 0;
	}
	.faciCol{
		padding: 10px 0;
	}
	.faciColText{
		background: #fff;padding: 15px;text-align: center;height: 200px;
	}
	.faciColText h2{
		font-size: 24px;
	}
	.faciColText p{
		font-size: 15px;
	}
	.slideUp{
		margin-top:0%;
	}
	.faciCol:hover{
		margin-top:-10px;transition:all 0.3s ease-in;
	}
	.slideUp:hover{
		margin-top: -10px;transition:all 0.3s ease-in;
	}


	/*========================= FACILITIES END =======================*/
	h2.letter-row-1{
		font-size:4.5vw;font-weight: 700;
		color: #000;
		line-height: 2;
	}
	/*=========================== ACTIVITIES STARTED ===================*/

		.acticityMarBt{
			margin-bottom: 3vw;
		}
		.activity{
			margin:30px 0;
		}
		.activity-img{
			width: 100%;background: #fff;border: 2px solid #4f4f4f;border-top-left-radius: 12px;
			height:180px;border-top-right-radius: 12px;
		}
		.activity-name{
			width: 100%;height:40px;background:#4f4f4f;border-bottom-left-radius: 12px;
			border-bottom-right-radius: 12px;text-align: center;display: flex;align-items: center;
			justify-content: center;color: #fff;font-size: 1vw;font-weight: 600;text-transform: uppercase;
			font-size: 12px;
		}

		/*===================== ACTIVITIES ENDED =======================*/

		/*======================== SCHOOL CALENDAR START ========================*/

		.calendarPage{
			padding-top: 1vw;padding-bottom: 2vw;
		}
		.calendarPage h1{
			font-weight: 800;font-size:12vw;color: #4f4f4f;text-align: center;margin: 0;
		}
		.calendarPage p{
			color: #303030;font-size: 15px;line-height: 1.5;text-align: center;margin-top: -1vw;
		}
		.calendarCol{
			margin: 1vw;position: relative;
		}
		.calendarDate{
			content: '';position: absolute;top: -10%;left: -10%;width: 50px;
			height: 50px;border-radius: 50%;background: #4f4f4f;color: #fff;
			line-height: 3;
			font-size: 18px;font-weight: 600;display: flex;align-items: center;
			justify-content: center;text-transform: uppercase;text-align: center;line-height: 0.5;
		}
		.calendarDate span{
			font-size: 13px;display: inline-block;margin-top: 8px;
		}
		.calendarImg{
			width: 100%;height: 100px;background: #fff;border:2px solid #adacac;
			border-radius: 12px;
		}
		.holidayName{
			text-align: center;font-size: 14px;margin-top: 0.8vw;font-weight: 600;
			text-transform: uppercase;
		}
		.calendarPage ul li{
			font-size: 15px;margin-top:9px;text-align: justify;
		}
		.rulesImg{
			width: 100%;height:120px;border-radius: 12px;border: 6px solid #4f4f4f;
			margin: 0.5vw 0;
		}

		/*======================== SCHOOL CALENDAR END ========================*/

		/*======================== ASSIGNMENT START ========================*/

		.assignmentPage{
			padding-bottom: 3vw;padding-top: 1vw;
		}
		.assignmentPage h1{
			font-weight: 800;font-size:10vw;color: #4f4f4f;text-align: center;margin: 0;
		}
		.assignmentPage p{
			color: #303030;font-size: 15px;line-height: 1.5;text-align: center;
			margin-top: 1vw;
		}
		.assignmentcont{
			padding: 1vw;border-style: double;border-width: 4px;border-color: #000;
		}
		.assigmentCol{
			width: 48%;
		}
		.assigmentCol ul li{
			padding:0.5vw 0;
		}
		.assigmentCol ul li a{
			color:#000;text-decoration: none;text-transform:capitalize;
			font-size: 13px;
		}
		.assigmentCol ul li a:hover{
			font-weight: 600;transition: all 0.2s ease-in;
		}


		/*======================== ASSIGNMENT END ========================*/

		/*======================= CHAIRMAN STARTED ==================*/

		.chairman{
			padding-bottom: 5vw;padding-top: 1vw;
		}
		.chairman h1{
			font-weight: 800;font-size:13vw;color: #4f4f4f;text-align: center;margin: 0;
		}
		.chairman p{
			color: #303030;font-size: 15px;line-height:1.5;text-align: center;
			margin-top: 0vw;
		}
		.chairmanRow{
			margin-top: 3vw;
		}
		.chairmanMsg{
			padding-right:4vw;border-right: 1px solid #b5b5b5;
		}
		.chairmanMsg p{
			color: #303030;font-size:15px;line-height: 2;text-align: justify;
			margin-top: 0vw;
		}
		.chairmanMsg h3{
			font-size: 18px;font-weight: 600;
		}
		.chairmanMsg h5{
			font-size: 14px;font-weight: 400;
		}
		.chairmanMsg img{
			float: left; margin-right: 1vw; 
		}
		.importantLinks{
			padding-left: 3vw;
		}
		.importantLinks h2{
			font-size:18px;text-transform: uppercase;margin-bottom: 20px;
		}
		.importantLinks ul li{
			padding:8px 12px;background: #ebebeb;border-bottom: 1px solid #d1d1d1;
			position: relative;
		}
		.importantLinks ul li::before{
			content: '';position: absolute;top: 0;left: 0;width: 5px;height: 100%;
			background:#b5b5b5;
		}
		.importantLinks ul li:hover .importantLinks ul li::before{
			content: '';position: absolute;top: 0;left: 0;width: 5px;height: 100%;
			background:#4f4f4f;
		}
		.importantLinks ul li a{
			font-size: 13px;color: #000;
		}
		.headmistress{
			padding-bottom: 5vw;padding-top: 1vw;
		}
		.headmistress h1{
			font-weight: 800;font-size:8vw;color: #4f4f4f;text-align: center;margin: 0;
		}
		.headmistress p{
			color: #303030;font-size: 15px;line-height:1.5;text-align: center;
			margin-top: 0vw;
		}

		/*========================== CHAIRMAN ENDED ========================*/

		/*======================== MISSION AND VISION ===================*/

		.missionandvision h3{
			font-size: 18px;font-weight: 600;margin-top: 1vw;
		}
		.missionandvision img{
			width: 8%;
		}
		.missionandvision p{
			font-size: 15px;text-align: justify;
		}

		/*====================== MISSION VISION END =======================*/

		/*======================== ABOUT US STARTED =======================*/

		.aboutUs h4{
			font-size: 18px;text-transform: uppercase;
		}
		.aboutUs p{
			font-size: 15px;text-align: justify;
		}

		/*======================== ABOUT US ENDED =======================*/

		/*====================== UNIFORM STARTED ================*/

		.uniform h4{
			font-size: 18px; text-transform: uppercase;font-weight: 600;
			margin-bottom: 1vw;
		}
		.uniform th{
			font-size: 13px;
		}
		.uniform td{
			font-size: 13px;
		}

		/*========================= UNIFORM ENDED =====================*/

		/*=========================== ACTIVITIES STARTED ===================*/

		.acticityMarBt{
			margin-bottom: 3vw;
		}
		.activity{
			margin:20px 1vw;
		}
		.activity-img{
			width: 100%;background: #fff;border: 7px solid #4f4f4f;border-top-left-radius: 12px;
			height: 180px;border-top-right-radius: 12px;
		}
		.activity-name{
			width: 100%;height:40px;background:#4f4f4f;border-bottom-left-radius: 12px;
			border-bottom-right-radius: 12px;text-align: center;display: flex;align-items: center;
			justify-content: center;color: #fff;font-size: 13px;font-weight: 600;text-transform: uppercase;
		}

		/*===================== ACTIVITIES ENDED =======================*/
		/*======================= ADMISSION START =======================*/

		.form{
			width: 100%;padding:18px;border-radius: 12px;
			border: 2px solid #4f4f4f;margin-bottom: 18px;
		}
		.form input{
			width: 100%;height: 40px;padding: 0 15px;
		}
		.form select{
			width: 100%;height:40px;padding: 0 15px;
		}
		input:focus{
			outline: none;
		}
		select:focus{
			outline: none;
		}
		textarea:focus{
			outline: none;
		}
		.formMar15{
			margin-top: 15px;
		}
		.form button{
			padding:8px 40px;background: #000;border: none;color: #fff;
		}

		/*====================== ADMISSION END =====================*/
		.headmistress h1{
			margin-top: 20px;
			font-weight: 800;font-size:32px;color: #4f4f4f;text-align: center;margin: 0;
		}
		.headmistress p{
			text-align: justify;font-size: 15px;margin-top: 20px;
		}
		/*==================== SINGLE BLOG START ====================*/

		.blog-image{
			width: 100%;height: 30vh;background: red;
		}
		.singleBlog h2{
			font-size:28px;font-weight: 800;word-break: break-all;
			line-height: 1;text-align: left;width: 100%;color:#4f4f4f;
			margin-bottom: 20px;
		}
		.singleBlog p{
			font-size:15px;text-align: justify;margin-top: 20px;
		}

		/*==================== SINGLE BLOG END ====================*/
}