html{
	scroll-behavior: smooth;
}
body{
	box-sizing: border-box;
	margin: 0;padding: 0;font-family: "Poppins", sans-serif;
}
.loaderWrapper{
			width: 100%;position: fixed;height: 100%;left: 0;top: 0;background: #d0e0ff;z-index: 10000;
			display: flex;align-items: center;justify-content: center;
		}
		.loader {
		  text-align: center;
		}

		.book {
		  position: relative;
		  width: 150px;
		  height: 100px;
		  border: 3px solid #000;
		  background: #fff;
		  border-radius: 5px;
		  overflow: hidden;
		  transform: perspective(400px);
		  display: flex;
		}

		/* LEFT SIDE PAGE - LIGHT BLUE */
		.left-page {
		  width: 50%;
		  height: 100%;
		  background: #b3e5ff;
		  border-right: 2px solid #000;
		}

		/* RIGHT SIDE PAGE - DARK BLUE */
		.right-page {
		  width: 50%;
		  height: 100%;
		  background: #004c99;
		  border-left: 2px solid #000;
		}

		/* FLIPPING PAGES (right-to-left) */
		.page {
		  position: absolute;
		  top: 0;
		  left: 50%;
		  width: 50%;
		  height: 100%;
		  background: #004c99; /* Same as right side */
		  transform-origin: left;
		  animation: flip 1.2s infinite ease-in-out;
		}

		/* Stagger animations */
		.page1 { animation-delay: 0s; }
		.page2 { animation-delay: 0.2s; }
		.page3 { animation-delay: 0.4s; }

		@keyframes flip {
		  0% {
		    transform: rotateY(0deg);
		    opacity: 1;
		  }
		  50% {
		    transform: rotateY(-90deg);
		    opacity: 0.7;
		  }
		  100% {
		    transform: rotateY(-180deg);
		    opacity: 0;
		  }
		}

		.loading-text {
		  margin-top: 15px;
		  font-size: 18px;
		  color: #003d66;
		  font-weight: 600;
		}
/*---------------------------- HEADER START -----------------------------*/
.tp-header{
	width: 100%;padding: 0vw;background: #fff;
	display: flex;align-items: center;justify-content: space-between;
}
.leftTp-header{
	width: 40%;background: #d0e0ff;padding: 0.5vw 1vw;display: flex;align-items: center;justify-content: right;
	clip-path: polygon(0% 0%, 98% 0%, 100% 50%, 98% 100%, 0% 100%);
}
.leftTp-header a{
	color: #3266a8;font-size: 0.75vw;text-decoration: none;
}
.rightTp-header{
	width: 48%;display: flex;align-items: center;justify-content: right;
}
.rightTp-header a.rightHeaderAnchor{
	padding: 0.5vw 1vw;background: #729acf;font-size: 0.75vw;text-decoration: none;margin-left: 0.05vw;
	clip-path: polygon(4% 0, 100% 0%, 95% 100%, 0% 100%);color: #fff;
}
.social-mediaHeader{
	clip-path: polygon(2% 0, 100% 0%, 100% 100%, 0% 100%);background: #12377e;width: 45%;padding: 0.4vw 1vw;
}
.social-mediaHeader a{
	color: #fff;font-size: 0.95vw;text-decoration: none;margin-right: 0.5vw;
}
.header{
	width: 100%;padding: 0.5vw 12vw;display: flex;align-items: center;justify-content: space-between;
	border-bottom: 1px solid #ebebeb;background: #fff;
}
.logo{
	width: 15%;
}
.menu{
	width: 68%;display: flex;justify-content: center;
}
.menu ul li{
	display: inline-block;margin: 0 1vw;
}
.menu ul li a{
	font-size: 0.8vw;text-decoration: none;color: #3c5a82;
}
.menu ul li a:hover{
	color: #851c1f;
}
.headerBtn{
	width: 17%;
}
.headerBtn a{
    width: 100%;
    display: block;
    padding: 0.5vw;
    background: #d4042e;
    color: #fff;
    text-align: center;
    border-radius: 25px;
    text-decoration: none;
   animation: pulse 1s infinite ease-in-out;
}

@keyframes pulse {
    0% {
        scale: 1;
    }
    100% {
        scale: 1.1;
    }
}

.headerBtn a:hover{
	background: ;
}
.dropdown-menu{
	background: linear-gradient(90deg,rgba(175, 55, 68, 1) 0%, rgba(51, 68, 117, 1) 87%);
}
.dropdowns {
  position: relative;
}
.dropdownsmenu{
	position: absolute;content: '';top: 215%;left: 0;min-width: 300px;
	background: #d0e0ff;
	color: #729acf;padding: 0;display: none;
}
.dropdownsmenu li{
	margin: 0 !important;display: block !important;
}
.dropdownsmenu a{
	padding:0.5vw 0.5vw;font-size: 0.75vw;display: block;width: 100%;border-bottom: 1px solid #729acf;
	margin: 0 !important;
}
.dropdownsmenu a:hover{
	color: #fff !important;background: #729acf;
}

/*---------------------------- HEADER END -----------------------------*/
/*--------------------------- FOOTER START ---------------------------*/

.sideButton{
	position: fixed;right: 0;width: 2.5%;top: 50%;transform: translateY(-50%);
}
.rightFixedBtn{
	position: fixed;left: 1.5%;width: 10%;z-index: 10;bottom: 2%;
}
.rightFixedBtn a:first-child{
	background: #d4042e;
}
.rightFixedBtn a{
	display: block;width: 2.5vw;height: 2.5vw;background: green;border-radius: 50%;margin-top: 0.7vw;
	display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1vw;text-decoration: none;
}
.rightFixedBtn a:hover{
	color: #fff;text-decoration: none;
}
.moveToTop{
	position: fixed;width: 2.5vw;height: 2.5vw;right: 2%;bottom: 2%;border-radius: 50%;border: none;
	background: #d4042e;color: #fff;font-size:1.1vw;
}
.footer{
	padding: 3vw 8vw;background: #333333;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.footerColumn{
	width: 28%;
}
a.footerLogo{
	display: block;width: 45%;margin-bottom: 1vw;
}
.footerColumn p{
	color: #aeafb3;font-size: 0.8vw;
}
.footerColumnTwo{
	width: 20%;
}
.footerColumnTwo h3{
	font-size: 0.8vw;font-weight: 600;color: #f39500;text-transform: uppercase;
}
.footerColumnTwo ul li{
	display: block;border-bottom: 1px dashed #4c505f;padding: 0.5vw 0;
}
.footerColumnTwo ul li a{
	color: #aeafb3;font-size: 0.75vw;text-decoration: none;
}
.footerColumnTwo ul li a:hover{
	color: #dea200;
}
.footerColumnThree{
	width: 22%;
}
.footerSocialMedia{
	display: flex;align-items: center;
}
.footerSocialMedia a:nth-child(1){
	display: block;width: 1.5vw;height: 1.5vw;border-radius: 50%;background: #45619d;margin-right: 0.5vw;
	color: #fff;font-size: 0.8vw;display: flex;align-items: center;justify-content: center;
}
.footerSocialMedia a:nth-child(2){
	display: block;width: 1.5vw;height: 1.5vw;border-radius: 50%;background: #ff0000;margin-right: 0.5vw;
	color: #fff;font-size: 0.8vw;display: flex;align-items: center;justify-content: center;
}
.footerSocialMedia a:nth-child(3){
	display: block;width: 1.5vw;height: 1.5vw;border-radius: 50%;background: #f00075;margin-right: 0.5vw;
	color: #fff;font-size: 0.8vw;display: flex;align-items: center;justify-content: center;
}
.footerSocialMedia a img{
	width: 90%;
}
.copyRight{
	width: 100%;padding:1.5vw 8vw;background: #1a1919;display: flex;flex-wrap: wrap;
}
.copyrightColumn{
	width: 50%;color: #aeafb3;font-size: 0.7vw;
}
.copyrightColumn:last-child{
	text-align: right;
}

/*---------------------------- FOOTER END -----------------------------*/

/*-------------------------- INDEX PAGE START ------------------------------*/

.slider{
	width: 100%;height: auto;background: #ebebeb;position: relative;
}
.sliderArrow{
	content: '';position: absolute;width: 80%;top: 50%;left: 50%;transform: translate(-50%,-50%);
}
.aboutIndex{
	width: 100%;padding: 3vw 12vw 3.5vw 12vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.leftAbout{
	width: 48%;
}
.rightAbout{
	width: 48%;
}
.rightAbout h3{
	font-size: 0.8vw;font-weight: 600;
}
.rightAbout h1{
	font-size: 2.2vw;font-weight: 600;margin-bottom: 1vw;color: #12377e;
}
.rightAbout p{
	font-size: 0.75vw;text-align: justify;
}
.indexRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.indexQuoteLeft{
	width: 48%;
}
.indexQuoteRow{
	display: flex;justify-content: space-between;
}
.indexIcCol{
	width: 4vw;height: 4vw;border-radius: 50%;background: #12377e;color: #fff;font-size: 1.3vw;display: flex;align-items: center;
	justify-content: center;
}
.indexIcDetail{
	width: 73%;
}
.indexQuotes{
	background: #d4042e;padding: 1vw;font-size: 0.75vw;color: #729acf;border-radius: 12px;color: #fff;width: 48%;
	display: flex;align-items: center;justify-content: center;
}
.missionVisionWrapper{
	display: flex;justify-content: space-between;flex-wrap: wrap;padding:0vw 12vw 2vw 12vw;
}
.missionVisionCol{
	box-shadow: 0px 0px 15px #cbcbcb, 10px -10px 10px #ffffff;background: #fff;border-radius: 12px;padding: 1.5vw;width: 32%;
}
.achievementsDetails{
	box-shadow: 0px 0px 15px #cbcbcb, 10px -10px 10px #ffffff;background: #fff;border-radius: 12px;padding: 1vw;width: 32%;
}
.newsEvents{
	background: #fff;width: 32%;border: 1px solid #ebebeb;
}
.missionVisionIc{
	width: 7vw;height: 7vw;border-radius: 50%;margin-bottom: 0.5vw;
}
.missionVisionCol h3{
	font-size: 1vw;font-weight: 600;
}
.achievementsDetails h3{
	font-size: 1vw;font-weight: 600;text-transform: uppercase;
}
.achievementsDetails p{
	font-size: 0.75vw;margin-bottom:1vw;
}
.missionVisionCol p{
	font-size: 0.75vw;margin-bottom: 1vw;
}
.achievementsDetails a{
	width: 50%;padding: 0.4vw;background: #d4042e;display: block;border-radius: 20px;text-decoration: none;text-align: center;
	color: #fff;
}
.missionVisionCol a{
	width: 50%;padding: 0.4vw;background: #d4042e;display: block;border-radius: 20px;text-decoration: none;text-align: center;
	color: #fff;
}
.eventscrollHeading{
	width: 100%;padding: 0.6vw;background: #12377e;
}
.eventscrollHeading{
	text-align: center;font-size: 1vw;font-weight: 600;color: #fff;text-transform: uppercase;
}
.eventRowIndex{
	width: 100%;display: flex;justify-content: space-between;padding: 0.4vw;border-bottom: 1px solid #ebebeb;
}
.eventIcon{
	width:4.5vw;height: 3vw;background: #d4042e;display: flex;align-items: center;justify-content: center;text-align: center;
}
.eventIcon h2{
	font-size: 2vw;font-weight: 600;color: #fff;margin-bottom: -0.3vw;
}
.eventIcon h4{
	font-size: 0.6vw;font-weight:400;color: #fff;margin-bottom: 0;text-transform: uppercase;
}
.eventDetail{
	width: 77%;display: flex;align-items: center;font-size: 0.8vw;font-style: italic;
}
/* Wrapper shows only one event at a time */
.eventScrollWrapper{
    height:100%; /* same height as one event row */
    overflow: hidden;
    position: relative;
}

/* Content that will scroll upward */
.eventScrollContent{
    display: flex;
    flex-direction: column;
    animation: eventScroll 10s linear infinite;
}

/* AUTO SCROLL KEYFRAMES */
@keyframes eventScroll {
    0%   { transform: translateY(0); }
    20%  { transform: translateY(0); }

    25%  { transform: translateY(-3.8vw); }
    45%  { transform: translateY(-3.8vw); }

    50%  { transform: translateY(-7.6vw); }
    70%  { transform: translateY(-7.6vw); }

    75%  { transform: translateY(-11.4vw); }
    95%  { transform: translateY(-11.4vw); }

    100% { transform: translateY(0); }
}

.schoolFacility{
	width: 100%;padding:0vw 12vw 2vw 12vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.indexSxhoolFacility{
	width: 65%;
}
.achievementIndex{
	width:33%;
}
.achievementIndex img{
	position: relative;top: 5%;
}
.indexSxhoolFacility h2{
	font-size: 2.2vw;font-weight: 600;margin-bottom: 1vw;color: #12377e;margin-bottom: 0.5vw;
}
.indexSxhoolFacility p{
	font-size: 0.8vw;margin-bottom: 0;
}
.indesSchoolBox{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.indexSchoolColumn{
	padding: 1vw;border-radius: 25px;width: 32%;margin-top: 0.7vw;border: 1px solid #12377e;
}
.indexSchoolColIc{
	width: 4vw;height: 4vw;border-radius: 50%;position: relative;left: 50%;transform: translateX(-50%);
	display: flex;align-items: center;justify-content: center;font-size: 1.3vw;color: #12377e;
}
.indexSchoolColumn:nth-child(1) .indexSchoolColIc{
	background: #c0c4ff;
}
.indexSchoolColumn:nth-child(2) .indexSchoolColIc{
	background: #c0c4ff;
}
.indexSchoolColumn:nth-child(3) .indexSchoolColIc{
	background: #ffda63;
}
.indexSchoolColumn:nth-child(4) .indexSchoolColIc{
	background: #bdffbd;
}
.indexSchoolColumn:nth-child(5) .indexSchoolColIc{
	background: #fbbde5;
}
.indexSchoolColumn:nth-child(6) .indexSchoolColIc{
	background: #b5edff;
}
.indexSchoolColumn{
	text-align: center;
}
.indexSchoolColumn h3{
	font-size: 1vw;font-weight: 600;color: #12377e;margin-top: 0.5vw;
}
.indexSchoolColumn p{
	font-size: 0.75vw;margin-bottom: 0;
}
.testimonialCOlumn{
	font-size: 0.75vw;
}
.testimonialTitle{
	margin-top: 1vw;font-weight: 600;font-size: 0.8vw;
}
.testimonialTitle span{
	display: inline-block;width: 10%;height: 1px;background: #000;margin-right: 1vw;
}

/*-------------------------- INDEX PAGE END ------------------------------*/

/*---------------------------- BLOG START -----------------------------*/

.breadcumb{
	width: 100%;padding:2vw 12vw;background: url('../images/breadcumb.jpg');background-size: cover;background-position: center;
}
.breadcumb h1{
	font-size: 3vw;font-weight: 800;text-align: center;color: #fff;
}
.breadcumb p{
	font-size: 1vw;color: #000;text-decoration: none;margin-bottom: 0;text-align: center;color: #fff;
}
.breadcumb p a{
	font-size: 1vw;color: #000;text-decoration: none;text-align: center;color: #fff;
}
.blog{
	padding: 3vw 12vw;
}
.blog-heading{
	width: 100%;text-align: center;margin-bottom: 2vw;
}
.blog-heading h2{
	font-size: 2vw;font-weight: 600;
}
.blog-heading p{
	font-size: 0.7vw;
}
.blog-section{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.blog-column{
	width: 32%;border-radius: 20px;border: 1px solid #ebebeb;overflow: hidden;
}
.blog-image{
	width: 100%;height: 25vh;background: grey;
}
.blog-detail{
	padding: 1vw;
}
.blog-detail h3{
	font-size: 1vw;font-weight: 600;
}
.blog-detail p{
	font-size: 0.7vw;
}
.blog-detail h6{
	color: #858585;font-size: 0.7vw;font-weight: 500;
}
.blog-detail a{
	background: #12377e;display: block;margin-top: 0.5vw;width: 40%;text-align: center;
	padding: 0.5vw 1.5vw;border-radius: 25px;text-decoration: none;color: #fff;font-size: 0.8vw;
}

/*-------------------------- BLOG END --------------------------*/

/*---------------------------- CAREER START -----------------------------*/

.career{
	padding: 3vw 12vw;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.career-left{
	width: 72%;border-radius: 15px;border: 1px solid #cccccc;padding: 1vw;
}
.career-right{
	width: 25%;
}
.formRow{
	display: flex;align-items: center;justify-content: space-between;width: 100%;flex-wrap: wrap;margin-top: 0.5vw;
}
.formRow:first-child{
	margin-top: 0;
}
.formColumn{
	width: 100%;
}
.formColumn label{
	font-size: 0.8vw;
}
.formColumn label{
	font-size: 0.8;
}
.formColumn input{
	width: 100%;padding: 0.5vw;font-size: 0.7vw;border: 1px solid #cccccc;border-radius: 5px;height: 2.5vw;
}
.formHalfColumn{
	width: 49%;
}
.formHalfColumn label{
	font-size: 0.8vw;
}
.formHalfColumn label{
	font-size: 0.8;
}
.formHalfColumn input{
	width: 100%;padding: 0.5vw;font-size: 0.7vw;border: 1px solid #cccccc;border-radius: 5px;height: 2.5vw;
}
.formColumn select{
	width: 100%;padding: 0.5vw;font-size: 0.7vw;border: 1px solid #cccccc;border-radius: 5px;height: 2.5vw;
}
.formColumn button{
	display: block;width: 100%;padding: 0.5vw;border: none;background: #12377e;font-size: 0.8vw;color: #fff;
	border-radius: 25px;
}
.career-right h3{
	font-size: 1vw;font-weight: 600;color: #12377e;
}
.importantLinks{
	width: 100%;border: 1px solid #ebebeb;border-radius: 12px;overflow: hidden;
}
.importantLinks ul li{
	display: block;width: 100%;border-bottom: 1px dotted #b3b3b3;position: relative;
}
.importantLinks ul li:hover::before{
	content: '';position: absolute;top: 0;left: 0;width: 8px;height: 100%;background: #12377e;
}
.importantLinks ul li a{
	display: block;width: 100%;height: 2.5vw;display: flex;align-items: center;padding: 0.5vw;
	font-size: 0.75vw;color: #000;text-decoration: none;
}
.importantLinks ul li a:hover{
	background: #d0e0ff;padding-left:1vw;transition: all 0.2s ease-in;
}

/*---------------------------- CAREER END -----------------------------*/

/*---------------------------- CONTACT START -----------------------------*/

.contact{
	width: 100%;padding: 3vw 12vw;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.contactPageLeft{
	width: 35%;background: #f0f5ff;padding: 1vw;background: #f0f5ff;position: relative;border-top-left-radius :5px;
	border-top-right-radius :5px;overflow: hidden;
}
.contactPageLeft::before{
	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 8px;background: #12377e;
}
.contactDetails{
	width: 100%;
}
.contactDetails h3{
	font-size: 1vw;font-weight: 600;color: #12377e;margin-top: 0.5vw;
}
.conDetailRow{
	display: flex;justify-content: space-between;width: 100%;border-bottom: 1px dashed #12377e;
	padding-bottom: 0.5vw;
}
.conDetailIc{
	width: 6%;font-size: 1vw;display: flex;color: #12377e;
}
.conDetailDesc{
	width: 92%;display: flex;align-items: center;font-size: 0.8vw;
}
.conDetailDesc a{
	color: #000;font-size: 0.8vw;text-decoration: none;
}
.conDetailRow:last-child{
	margin-bottom: 0;padding-bottom: 0;border-bottom: none;
}
.contactPageRight{
	width: 60%;border:1px solid #cccccc;padding: 1vw;
}
.contactPageRight h3{
	font-size: 1vw;font-weight: 600;
}
.formColumn textarea{
	width: 100%;padding: 1vw;font-size: 0.7vw;padding: 0.5vw;height: 10vh;border: 1px solid #cccccc;border-radius: 5px;
}
input:focus{
	outline: none;
}
textarea:focus{
	outline: none;
}
.map{
	width: 100%;height: 35vh;background: #ebebeb;position: relative;margin-top: 1vw;
}
.map iframe{
	width: 100%;height: 100%;content: '';position: absolute;left: 0;top: 0;
}
.school-contactPic{
	width: 100%;height: 40vh;background: url('../images/contact.jpg');background-size: cover;
	background-position: center;
}

/*---------------------------- CONTACT END -----------------------------*/

/*---------------------------- TRANSPORT START -----------------------------*/

.transport{
	width: 100%;padding: 3vw 12vw;
}
.transport p{
	font-size: 0.75vw;
}
.transportImage{
	width: 100%;height: 40vh;background: url("../images/transport.jpg");
	margin-bottom: 1vw;background-size: cover;background-position: center;
}
.transport h3{
	font-size: 1vw;font-weight: 600;margin-top: 1vw;color: #12377e;
}

/*---------------------------- TRANSPORT END -----------------------------*/
/*---------------------------- ADMISSION PROCESS START -----------------------------*/

.admissionProcess h3{
	font-size: 1vw;font-weight: 600;color: #12377e;
}
.admissionProcess ol li{
	font-size: 0.75vw;
	margin-bottom:0.8vw; 
}
.admissionProcess ul li{
	font-size: 0.75vw;
	margin-bottom:0.8vw; 
}
.admissionProcess h2{
	font-size: 1.2vw;font-weight: 600;color: #12377e;
}
.admissionProcess p{
	font-size: 0.75vw;
}
.admissionProcess h5{
	font-size: 0.8vw;font-weight: 600;text-align: center;width: 70%;position: relative;left: 50%;transform: translateX(-50%);
	margin-bottom: 1vw;font-style: italic;
}
.admission-contact{
	display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;
}
.admissionCOlumn{
	padding: 1vw;background: #d0e0ff;border-radius: 8px;width: 48%;text-align: center;
}
.admissionCOlumn a{
	color: #000;font-size: 0.8vw;font-weight: 600;text-decoration: none;
}
.weeklyCoCurricular{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.weeklyCoCurricularColumn{
	width:23%;margin-top: 0.5vw;
}

/*---------------------------- ADMISSION PROCESS END -----------------------------*/
/*---------------------------- GAMES AND SPORTS START ---------------------------*/

.activityGallery{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
}
.activityGalleryCol{
	width: 24%;height: 14vh;background: #ebebeb;border-radius: 8px;margin-top: 0.7vw;
}

/*---------------------------- GAMES AND SPORTS END ---------------------------*/
/*---------------------------- ADMISSION PROCESS END -----------------------------*/
/*---------------------------- CLUB SOCIETY START ---------------------------*/

.sportsIC{
	width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 0.7vw;
}
.sportsICColumn{
	width: 32%;padding: 1vw;border-radius: 8px;margin-top: 0.7vw;border: 1px solid #ebebeb;
	text-align: center;
}
.sportsICColumn h6{
	font-size: 0.75vw;font-weight: 600;margin-bottom: 0;
}
.sportsICColumn img{
	width: 30%;margin-bottom: 0.5vw;
}

/*---------------------------- CLUB SOCIETY END ---------------------------*/
/*---------------------------- LAB START ---------------------------*/

.labRows{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.labColumns{
	width: 10vw;height: 10vw;border-radius: 50%;border: 4px solid #90afd9;margin-bottom: 1vw;background: #d0e0ff;
	padding: 1vw;display: flex;align-items: center;justify-content: center;
}
.labColumns img{
	width: 50%;position: relative;left: 50%;transform: translateX(-50%);margin-bottom: 0.4vw;
}
.labColumns h6{
	text-align: center;font-size: 0.8vw;
}

/*---------------------------- LAB END ---------------------------*/
/*--------------------------- INDEX START ------------------------------*/

.featureIndex{
	width: 70%;display: flex;justify-content: space-between;position: relative;left: 50%;transform: translateX(-50%);
	margin-top: -5vw;z-index: 10;
}
.featureIndexCOlumn{
	background: #fff;width: 24%;padding: 1vw;border-radius: 25px;position: relative;
}
.featureIndexCOlumn h3{
	font-size: 1vw;font-weight: 600;
}
.featureIndexCOlumn p{
	font-size: 0.75vw;margin-bottom: 0;
}
.iconCircleFeature{
	width: 4vw;height: 4vw;background: #d0e0ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;
	font-size: 1.5vw;margin-bottom: 0.5vw;color: #729acf;
}
.featureIndexCOlumn h4{
	content: '';position: absolute;top: 4%;right: 6%;font-size: 2vw;font-weight: 800;color: #729acf;
}
.testimonialSIndex{
	padding: 0vw 12vw 2vw 12vw;display: flex;align-items: center;justify-content: space-between;
}
.testimonialLeft{
	width: 60%;
}
.testimonialLeft h3{
	font-size: 2vw;font-weight: 600;color: #12377e;
}
.testimonialLeft p{
	font-size: 0.75vw;
}
.testimonialCOlumn{
	background: #d0e0ff;border-radius: 12px;padding:1.5vw;line-height: 2;
}
.testimonialCOlumn{
	font-size: 0.75vw;
}
.testimonialTitle{
	margin-top: 1vw;font-weight: 600;font-size: 0.8vw;
}
.testimonialTitle span{
	display: inline-block;width: 10%;height: 1px;background: #000;margin-right: 1vw;
}

.testimonialRight{
	width: 35%;
}
.blogsIndex{
	width: 100%;padding: 0 12vw 3vw 12vw;
}
.blogsIndex h2{
	font-size: 2vw;font-weight: 600;text-align: center;color: #12377e;
}
.blogsIndex p{
	text-align: center;font-size: 0.7vw;
}
.blogwrapper{
	
}
.blogColumn{
	width: 24%;border: 1px solid #ebebeb;border-radius: 12px;overflow: hidden;margin: 10px;
}
.blogImage{
	width: 100%;height: 22vh;background: #ebebeb;
}
.blogDetails{
	padding: 1vw;
}
.blogDetails h3{
	font-size: 0.9vw;font-weight: 600;
}
.blogDetails p{
	font-size: 0.7vw;margin-bottom: 0;text-align: left;
}
.blogColumn a{
	display: block;width: 100%;padding: 0.7vw;font-size: 0.75vw;text-transform: uppercase;background: #d4042e;
	text-align: center;color: #fff;text-decoration: none;
}
.arrowBox{
	position: absolute;right: 0;bottom: 0%;width: 8%;ottom: 0;content: '';height:2vw;margin-top: 0.5vw;
}
.carousel-control-next, .carousel-control-prev {
  color: #729acf;
  text-align: center;
  background: #729acf;width:1.5vw;height: 1.5vw;border-radius: 50%;
}
.sliderCircle {
  color: #fff;
  text-align: center;
  background: #729acf;width:2.5vw;height: 2.5vw;border-radius: 50%;
}

/*-------------------------- INDEX END ------------------------------*/

/*-------------------------- BLOG STARTED -----------------------*/

.blogs{
	padding: 3vw 10vw;
}
.blogPageRow{
	display: flex;justify-content: space-between;flex-wrap: wrap;
}
.blogPageRow .blogColumn{
	width: 23%;
}
.blog-imageFull{
	width: 100%;height: 45vh;background: #ebebeb;border-radius: 12px;
}
.career-left h2{
	font-size: 1.3vw;font-weight: 600;margin-top: 1vw;color: #12377e;
}
.career-left p{
	font-size: 0.75vw;margin-bottom: 0;
}

/*--------------------------- BLOG ENDED ---------------------*/

/*-------------------------------------------------------- RESPONSIVE HEADER ------------------------------------------------------*/

@media(max-width: 768px)
{
	/*---------------------------- HEADER START -----------------------------*/
	.top-HeaderResp{
		background: #d0e0ff;padding:10px 15px 5px 15px;display: flex;justify-content: space-between;
	}
	.top-HeaderResp a{
		font-size: 12px;text-decoration: none;color: #3266a8;margin-bottom: 0;
	}
	.portalBtnResp{
		padding:7px;display: flex;align-items: center;justify-content: space-between;background: #fff;
	}
	.portalBtnResp a{
		display: inline-block;padding: 7px 15px;background: #729acf;font-size: 12px;border-radius: 25px;text-decoration: none;
		color: #fff;width: 100%;margin: 0 3px;text-align: center;
	}
	.headerResp{
		padding: 7px 15px;width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ebebeb;background: #fff;
	}
	.logoResp{
		width: 40%;
	}
	.menuBtn{
		width: 40%;display: flex;align-items: center;justify-content: right;
	}
	.menuBtn button{
		width: 45px;height: 45px;border: 1px solid #729acf;background: none;font-size: 22px;color: #284a78;
	}

	/*---------------------------- HEADER END -----------------------------*/
	/*---------------------------- FOOTER START -----------------------------*/

	.rightFixedBtn{
		position: fixed;left: 15px;width: 45px;z-index: 10;bottom: 15px;
	}
	.rightFixedBtn a:first-child{
		background: #d4042e;
	}
	.rightFixedBtn a{
		display: block;width: 35px;height: 35px;background: green;border-radius: 50%;margin-top:7px;
		display: flex;align-items: center;justify-content: center;color: #fff;font-size: 15px;text-decoration: none;
	}
	.moveToTop{
		position: fixed;width:45px;height:45px;right:15px;bottom: 10px;border-radius: 50%;border: none;
		background: #d4042e;color: #fff;font-size:20px;
	}
	.footer{
		padding: 15px;background: #333333;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.footerColumn{
		width:100%;
	}
	a.footerLogo{
		display: block;width: 45%;margin-bottom: 10px;
	}
	.footerColumn p{
		color: #aeafb3;font-size: 14px;
	}
	.footerColumnTwo{
		width: 100%;
	}
	.footerColumnTwo h3{
		font-size: 16px;font-weight: 600;color: #f39500;text-transform: uppercase;margin-top: 18px;
	}
	.footerColumnTwo ul li{
		display: block;border-bottom: 1px dashed #4c505f;padding: 8px 0;
	}
	.footerColumnTwo ul li a{
		color: #aeafb3;font-size: 14px;
	}
	.footerColumnThree{
		width:100%;
	}
	.footerSocialMedia{
		display: flex;align-items: center;
	}
	.footerSocialMedia a:nth-child(1){
		display: block;width: 30px;height: 30px; border-radius: 50%;background: #45619d;margin-right: 0.5vw;
		color: #fff;font-size: 14px;display: flex;align-items: center;justify-content: center;
	}
	.footerSocialMedia a:nth-child(2){
		display: block;width: 30px;height:30px; border-radius: 50%;background: #ff0000;margin-right: 0.5vw;
		color: #fff;font-size: 14px;display: flex;align-items: center;justify-content: center;
	}
	.footerSocialMedia a:nth-child(3){
		display: block;width: 30px;height:30px; border-radius: 50%;background: #f00075;margin-right: 0.5vw;
		color: #fff;font-size: 14px;display: flex;align-items: center;justify-content: center;
	}
	.footerSocialMedia a img{
		width: 90%;
	}
	.copyRight{
		width: 100%;padding:15px 10px;background: #1a1919;display: flex;flex-wrap: wrap;
	}
	.copyrightColumn{
		width: 100%;color: #aeafb3;font-size: 12px;text-align: center;
	}
	.copyrightColumn:last-child{
		text-align: center;
	}

	/*---------------------------- FOOTER END -----------------------------*/

	/*-------------------------- INDEX PAGE START ------------------------------*/

	.slider{
		width: 100%;height: auto;background: #ebebeb;
	}
	.sliderArrow{
		content: '';position: absolute;width: 90%;top: 50%;left: 50%;transform: translate(-50%,-50%);
	}

	/*-------------------------- INDEX PAGE END ------------------------------*/

	/*---------------------------- BLOG START -----------------------------*/

	.breadcumb{
		width: 100%;padding:30px 15px;background: url('../images/breadcumb.jpg');background-size: cover;background-position: center;
	}
	.breadcumb h1{
		font-size: 30px;font-weight: 800;
	}
	.breadcumb p{
		font-size: 14px;color: #fff;text-decoration: none;margin-bottom: 0;
	}
	.breadcumb p a{
		font-size: 14px;color: #fff;text-decoration: none;
	}
	.blog{
		padding: 15px;
	}
	.blog-heading{
		width: 100%;text-align: center;margin-bottom: 18px;
	}
	.blog-heading h2{
		font-size: 22px;font-weight: 600;
	}
	.blog-heading p{
		font-size: 14px;
	}
	.blog-section{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.blog-column{
		width: 100%;border-radius: 20px;border: 1px solid #ebebeb;overflow: hidden;margin-top: 18px;
	}
	.blog-column:first-child{
		margin-top: 0px;
	}
	.blog-image{
		width: 100%;height: 25vh;background: grey;
	}
	.blog-detail{
		padding: 15px;
	}
	.blog-detail h3{
		font-size: 18px;font-weight: 600;
	}
	.blog-detail p{
		font-size: 13px;margin-bottom: 10px;
	}
	.blog-detail h6{
		color: #858585;font-size: 13px;font-weight: 500;
	}
	.blog-detail a{
		background: #12377e;display: block;margin-top: 0.5vw;width: 40%;text-align: center;
		padding: 7px 25px;border-radius: 25px;text-decoration: none;color: #fff;font-size: 14px;
	}

	/*-------------------------- BLOG END --------------------------*/

	/*---------------------------- CAREER START -----------------------------*/

	.career{
		padding:15px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.career-left{
		width: 100%;border-radius: 15px;border: 1px solid #cccccc;padding: 12px;
	}
	.career-right{
		width: 100%;
	}
	.formRow{
		display: flex;align-items: center;justify-content: space-between;width: 100%;flex-wrap: wrap;margin-top: 12px;
	}
	.formRow:first-child{
		margin-top: 0;
	}
	.formColumn{
		width: 100%;
	}
	.formColumn label{
		font-size: 15px;
	}
	.formColumn label{
		font-size: 15px;
	}
	.formColumn input{
		width: 100%;padding:7px;font-size: 14px;border: 1px solid #cccccc;border-radius: 5px;height:45px;
	}
	.formHalfColumn{
		width: 100%;
	}
	.formHalfColumn label{
		font-size: 15px;
	}
	.formHalfColumn label{
		font-size: 15px;
	}
	.formHalfColumn input{
		width: 100%;padding:7px;font-size: 14px;border: 1px solid #cccccc;border-radius: 5px;height:45px;
	}
	.formColumn select{
		width: 100%;padding:7px;font-size: 14px;border: 1px solid #cccccc;border-radius: 5px;height:45px;
	}
	.formColumn button{
		display: block;width: 100%;padding: 7px;border: none;background: #12377e;font-size: 14px;color: #fff;
		border-radius: 25px;
	}
	.career-right h3{
		font-size: 20px;font-weight: 600;color: #12377e;margin-top: 18px;
	}
	.importantLinks{
		width: 100%;border: 1px solid #ebebeb;border-radius: 12px;overflow: hidden;
	}
	.importantLinks ul li{
		display: block;width: 100%;border-bottom: 1px dotted #b3b3b3;position: relative;
	}
	.importantLinks ul li:hover::before{
		content: '';position: absolute;top: 0;left: 0;width: 8px;height: 100%;background: #12377e;
	}
	.importantLinks ul li a{
		display: block;width: 100%;height:40px;display: flex;align-items: center;padding: 7px;
		font-size: 14px;color: #000;text-decoration: none;
	}
	.importantLinks ul li a:hover{
		background: #d0e0ff;padding-left:18px;transition: all 0.2s ease-in;
	}

	/*---------------------------- CAREER END -----------------------------*/

	/*---------------------------- CONTACT START -----------------------------*/

	.contact{
		width: 100%;padding:15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.contactPageLeft{
		width:100%;background: #ebebeb;padding:15px;background: #d0e0ff;position: relative;border-top-left-radius :5px;
		border-top-right-radius :5px;overflow: hidden;
	}
	.contactPageLeft::before{
		content: '';position: absolute;top: 0;left: 0;width: 100%;height: 8px;background: #12377e;
	}
	.contactDetails{
		width: 100%;
	}
	.contactDetails h3{
		font-size: 18px;font-weight: 600;color: #12377e;margin-top: 12px;
	}
	.conDetailRow{
		display: flex;justify-content: space-between;width: 100%;border-bottom: 1px dashed #12377e;
		padding-bottom:12px;
	}
	.conDetailIc{
		width: 6%;font-size: 14px;display: flex;color: #12377e;
	}
	.conDetailDesc{
		width: 92%;display: flex;align-items: center;font-size: 14px;
	}
	.conDetailDesc a{
		color: #000;font-size:14px;text-decoration: none;
	}
	.conDetailRow:last-child{
		margin-bottom: 0;padding-bottom: 0;border-bottom: none;
	}
	.contactPageRight{
		width:100%;border:1px solid #cccccc;padding: 15px;
	}
	.contactPageRight h3{
		font-size: 18px;font-weight: 600;
	}
	.formColumn textarea{
		width: 100%;padding:15px;font-size:14px;padding:7px;height: 10vh;border: 1px solid #cccccc;border-radius: 5px;
	}
	input:focus{
		outline: none;
	}
	textarea:focus{
		outline: none;
	}
	.map{
		width: 100%;height: 35vh;background: #ebebeb;position: relative;margin-top: 18px;
	}
	.map iframe{
		width: 100%;height: 100%;content: '';position: absolute;left: 0;top: 0;
	}
	.school-contactPic{
		width: 100%;height: 25vh;background: #ebebeb;
	}

	/*---------------------------- CONTACT END -----------------------------*/
	/*---------------------------- TRANSPORT START -----------------------------*/

	.transport{
		width: 100%;padding: 15px;
	}
	.transport p{
		font-size: 14px;text-align: justify;
	}
	.transportImage{
		width: 100%;height: 25vh;background: #ebebeb;margin-bottom: 15px;
	}
	.transport h3{
		font-size:20px;font-weight: 600;margin-top: 12px;color: #12377e;
	}

	/*---------------------------- TRANSPORT END -----------------------------*/

	/*---------------------------- ADMISSION PROCESS START -----------------------------*/

	.admissionProcess h3{
		font-size: 20px;font-weight: 600;color: #12377e;
	}
	.admissionProcess ol
	{
		margin: 0 0 0 13px;padding: 0;
	}
	.admissionProcess ul
	{
		margin: 0 0 0 13px;;padding: 0;
	}
	.admissionProcess ol li{
		font-size: 13px;
		margin-bottom:10px; 
	}
	.admissionProcess ul li{
		font-size: 13px;
		margin-bottom:10px; 
	}
	.admission-contact{
		display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;
	}
	.admissionCOlumn{
		padding: 12px;background: #d0e0ff;border-radius: 8px;width: 100%;text-align: center;margin-top: 12px;
	}
	.admissionCOlumn a{
		color: #000;font-size:13px;font-weight: 600;text-decoration: none;
	}
	.admissionCOlumn:first-child{
		margin-top: 0;
	}
	.admissionProcess p{
		font-size: 14px;text-align: justify;
	}
	.admissionProcess h5{
		font-size: 15px;font-weight: 600;text-align: center;width:100%;position: relative;left: 50%;transform: translateX(-50%);
		margin-bottom: 18px;font-style: italic;
	}

	/*---------------------------- ADMISSION PROCESS END -----------------------------*/
	/*---------------------------- GAMES AND SPORTS START ---------------------------*/

	.activityGallery{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.activityGalleryCol{
		width: 48%;height: 14vh;background: #ebebeb;border-radius: 8px;margin-top: 12px;
	}

	/*---------------------------- GAMES AND SPORTS END ---------------------------*/

	/*---------------------------- CLUB SOCIETY START ---------------------------*/

	.sportsIC{
		width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 12px;
	}
	.sportsICColumn{
		width: 32%;padding:10px;border-radius: 8px;margin-top: 12px;border: 1px solid #ebebeb;
		text-align: center;
	}
	.sportsICColumn h6{
		font-size: 13px;font-weight: 600;margin-bottom: 0;
	}
	.sportsICColumn img{
		width: 50%;margin-bottom:10px;
	}
	.admissionProcess h2{
		font-size: 28px;
	}

	/*---------------------------- CLUB SOCIETY END ---------------------------*/

	/*---------------------------- LAB START ---------------------------*/

	.labRows{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.labColumns{
		width:48%;height: 40vw;border-radius: 50%;border: 4px solid #90afd9;margin-bottom: 1vw;background: #d0e0ff;
		padding: 1vw;display: flex;align-items: center;justify-content: center;
	}
	.labColumns img{
		width: 50%;position: relative;left: 50%;transform: translateX(-50%);margin-bottom: 12px;
	}
	.labColumns h6{
		text-align: center;font-size:14px;
	}

	/*---------------------------- LAB END ---------------------------*/

	.featureIndex{
		width: 100%;display: flex;justify-content: space-between;position: relative;left: 50%;transform: translateX(-50%);
		margin-top: 0;z-index: 10;flex-wrap: wrap;padding: 10px 10px 0 10px;
	}
	.featureIndexCOlumn{
		background: #fff;width: 48%;padding: 1vw;border-radius: 25px;position: relative;
	}
	.featureIndexCOlumn h3{
		font-size: 14px;font-weight: 600;
	}
	.featureIndexCOlumn p{
		font-size: 11px;margin-bottom: 0;
	}
	.iconCircleFeature{
		width: 50px;height: 50px;background: #d0e0ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;
		font-size:20px;margin-bottom: 10px;color: #729acf;
	}
	.featureIndexCOlumn h4{
		content: '';position: absolute;top: 4%;right: 6%;font-size: 22px;font-weight: 800;color: #729acf;
	}
	.aboutIndex{
		width: 100%;padding:15px 15px 15px 15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.leftAbout{
		width: 100%;
	}
	.rightAbout{
		width: 100%;
	}
	.rightAbout h3{
		font-size:16px;font-weight: 600;
	}
	.rightAbout h1{
		font-size: 25px;font-weight: 600;margin-bottom: 12px;color: #12377e;
	}
	.rightAbout p{
		font-size: 14px;text-align: justify;
	}
	.indexRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.indexQuoteLeft{
		width: 100%;
	}
	.indexQuoteRow{
		display: flex;justify-content: space-between;
	}
	.indexIcCol{
		width: 50px;height: 50px;border-radius: 50%;background: #12377e;color: #fff;
		font-size:20px;display: flex;align-items: center;
		justify-content: center;
	}
	.indexIcDetail{
		width: 87%;
	}
	.indexQuotes{
		background: #d4042e;padding: 10px;font-size: 14px;color: #729acf;border-radius: 12px;color: #fff;width: 100%;
		display: flex;align-items: center;justify-content: center;
	}
	.missionVisionWrapper{
		display: flex;justify-content: space-between;flex-wrap: wrap;padding:15px;
	}
	.missionVisionCol{
		box-shadow: 0px 0px 15px #cbcbcb, 10px -10px 10px #ffffff;background: #fff;border-radius: 12px;padding: 1.5vw;width: 48%;
	}
	.achievementsDetails{
		box-shadow: 0px 0px 15px #cbcbcb, 10px -10px 10px #ffffff;background: #fff;border-radius: 12px;padding: 1vw;width: 48%;
	}
	.newsEvents{
		background: #fff;width: 100%;border: 1px solid #ebebeb;margin-top: 12px;
	}
	.missionVisionIc{
		width: 80px;height: 80px;border-radius: 50%;margin-bottom: 10px;
	}
	.missionVisionCol h3{
		font-size: 18px;font-weight: 600;
	}
	.achievementsDetails h3{
		font-size: 18px;font-weight: 600;text-transform: uppercase;
	}
	.achievementsDetails p{
		font-size: 13px;margin-bottom:1vw;
	}
	.missionVisionCol p{
		font-size: 13px;margin-bottom: 10px;
	}
	.achievementsDetails a{
		width: 100%;padding: 5px;background: #d4042e;display: block;border-radius: 20px;text-decoration: none;text-align: center;
		color: #fff;font-size: 13px;
	}
	.missionVisionCol a{
		width: 100%;padding: 5px;background: #d4042e;display: block;border-radius: 20px;text-decoration: none;text-align: center;
		color: #fff;font-size: 13px;
	}
	.eventscrollHeading{
		width: 100%;padding:12px 8px;background: #12377e;
	}
	.eventscrollHeading{
		text-align: center;font-size: 15px;font-weight: 600;color: #fff;text-transform: uppercase;
	}
	.eventRowIndex{
		width: 100%;display: flex;justify-content: space-between;padding:8px;border-bottom: 1px solid #ebebeb;
	}
	.eventIcon{
		width:60px;height: 50px;background: #d4042e;display: flex;align-items: center;justify-content: center;text-align: center;
	}
	.eventIcon h2{
		font-size: 28px;font-weight: 600;color: #fff;margin-bottom: -0.3vw;
	}
	.eventIcon h4{
		font-size: 8px;font-weight:400;color: #fff;margin-bottom: 0;text-transform: uppercase;
	}
	.eventDetail{
		width: 82%;display: flex;align-items: center;font-size: 14px;font-style: italic;
	}
	.schoolFacility{
		width: 100%;padding:0vw 15px 15px 15px;display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.indexSxhoolFacility{
		width: 100%;
	}
	.achievementIndex{
		width:100%;
	}
	.achievementIndex img{
		position: relative;top:0%;margin-top: 18px;
	}
	.indexSxhoolFacility h2{
		font-size: 22px;font-weight: 600;margin-bottom: 1vw;color: #12377e;margin-bottom: 0.5vw;
	}
	.indexSxhoolFacility p{
		font-size:15px;margin-bottom: 0;
	}
	.indesSchoolBox{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.indexSchoolColumn{
		padding:10px;border-radius: 25px;width: 48%;margin-top: 15px;border: 1px solid #12377e;
	}
	.indexSchoolColIc{
		width: 60px;height: 60px;border-radius: 50%;position: relative;left: 50%;transform: translateX(-50%);
		display: flex;align-items: center;justify-content: center;font-size: 24px;color: #12377e;
	}
	.indexSchoolColumn:nth-child(1) .indexSchoolColIc{
		background: #c0c4ff;
	}
	.indexSchoolColumn:nth-child(2) .indexSchoolColIc{
		background: #c0c4ff;
	}
	.indexSchoolColumn:nth-child(3) .indexSchoolColIc{
		background: #ffda63;
	}
	.indexSchoolColumn:nth-child(4) .indexSchoolColIc{
		background: #bdffbd;
	}
	.indexSchoolColumn:nth-child(5) .indexSchoolColIc{
		background: #fbbde5;
	}
	.indexSchoolColumn:nth-child(6) .indexSchoolColIc{
		background: #b5edff;
	}
	.indexSchoolColumn{
		text-align: center;
	}
	.indexSchoolColumn h3{
		font-size:18px;font-weight: 600;color: #12377e;margin-top: 0.5vw;
	}
	.indexSchoolColumn p{
		font-size: 13px;margin-bottom: 0;
	}
	.testimonialCOlumn{
		font-size: 14px;
	}
	.testimonialTitle{
		margin-top: 8px;font-weight: 600;font-size: 15px;
	}
	.testimonialTitle span{
		display: inline-block;width: 18%;height: 1px;background: #000;margin-right: 10px;
	}
	.testimonialSIndex{
		padding: 0vw 15px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;
	}
	.testimonialLeft{
		width: 100%;
	}
	.testimonialLeft h3{
		font-size: 22px;font-weight: 600;color: #12377e;
	}
	.testimonialLeft p{
		font-size: 14px;
	}
	.testimonialCOlumn{
		background: #d0e0ff;border-radius: 12px;padding:12px;line-height: 2;
	}
	.testimonialCOlumn{
		font-size:14px;
	}
	.testimonialTitle{
		margin-top:10px;font-weight: 600;font-size: 16px;
	}
	.testimonialTitle span{
		display: inline-block;width: 18%;height: 1px;background: #000;margin-right: 1vw;
	}

	.testimonialRight{
		width: 100%;
	}
	.blogsIndex{
		width: 100%;padding: 15px;
	}
	.blogsIndex h2{
		font-size:22px;font-weight: 600;text-align: center;
	}
	.blogsIndex p{
		text-align: center;font-size: 14px;
	}
	.blogwrapper{
		padding: 0 15px;
	}
	.blogColumn{
		width: 100%;border: 1px solid #ebebeb;border-radius: 12px;overflow: hidden;margin-top: 12px;margin: 0px;
	}
	.blogImage{
		width: 100%;height: 22vh;background: #ebebeb;
	}
	.blogDetails{
		padding:12px;
	}
	.blogDetails h3{
		font-size:20px;font-weight: 600;
	}
	.blogDetails p{
		font-size:14px;margin-bottom: 0;text-align: left;
	}
	.blogColumn a{
		display: block;width: 100%;padding: 7px;font-size:14px;text-transform: uppercase;background: #d4042e;
		text-align: center;color: #fff;text-decoration: none;
	}
	.sideButton{
		position: fixed;right: 0;width: 40px;top: 40%;transform: translateY(-50%);z-index: 900;
	}
	.arrowBox{
			position: absolute;right: 0;bottom: -5%;width: 17%;ottom: 0;content: '';height:45px;margin-top: 2vw;
		}
	.carousel-control-next, .carousel-control-prev {
		  color: #729acf;
		  text-align: center;
		  background: #729acf;width:30px;height: 30px;border-radius: 50%;
	}
	.sideMenuBox {
	  width: 70%;height: 100%;position: fixed;background: #729acf;z-index: 900;
	  top: 0;left: 0;overflow: hidden;display: none;
	}
	.mainMenu {
	  position: relative;z-index: 1;
	}
	.sideMenuBox ul li {
	  display: block;width: 100%;
	}
	.sideMenuBox ul li a {
	  color: #d0e0ff;text-transform: uppercase;font-weight: 300;font-size: 15px;text-decoration: none;
	  display: block;width: 100%;padding: 10px;border-bottom: 1px solid #537bb0;
	}
	.sideMenuBox ul li a:hover{
		background: #12377e;
	}
	.dropdownRespWrapper {
	  position: absolute;top: 0;left: 100%;width: 100%;height: 100%;
	  background: #729acf;
	  transition: left 0.3s ease;z-index: 2;
	}
	.dropdownRespWrapper.active {
	  left: 0;
	}
	.backBtn{
		color: #fff;font-size: 18px;border: none;background: none;margin-left: 10px;
	}
	.closeBtn{
		position: relative;left: 90%;top: 2%;font-size: 24px;border: none;
		color: #fff;background: none;
	}
	/*-------------------------- BLOG STARTED -----------------------*/

	.blogs{
		padding: 15px;
	}
	.blogPageRow{
		display: flex;justify-content: space-between;flex-wrap: wrap;
	}
	.blogPageRow .blogColumn{
		width: 100%;margin-top: 12px;
	}
	.blog-imageFull{
		width: 100%;height: 25vh;background: #ebebeb;border-radius: 12px;
	}
	.career-left h2{
		font-size: 22px;font-weight: 600;margin-top: 15px;color: #12377e;
	}
	.career-left p{
		font-size: 14px;margin-bottom: 0;text-align: justify;
	}

	/*--------------------------- BLOG ENDED ---------------------*/
}