@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@100;200;300;400;600;700;800;900&family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


  /*font-family: "Lora", serif;*/
  /*font-family: "Montserrat", sans-serif;*/
  /*font-family: "Arimo", sans-serif;*/
  /*font-family: "Nunito Sans", sans-serif;*/
  /*font-family: "Raleway", sans-serif;*/

:root {
	--font-family: "Inter", sans-serif;
	--second-family: "Rubik", sans-serif;
	--third-family: "Montserrat", sans-serif;
	--font3: "Blinker", sans-serif;
	--font4: "Lora", serif;
}


body {
	font-family: "Poppins", sans-serif;
	font-family: var(--third-family);
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

body,
html {
	height: 100%;
	scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
	padding: 0;
	margin: 0;
}

.header {
	padding: 15px 0 15px;
	/* overflow: hidden; */
}

@media(max-width:991px) {
	.header {
		padding: 20px 0 0px;
	}
}

.header-left {
	margin: auto 0;
}

.ht-contact {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 13px;
    color: #1e2326;
}

.header-top-outer {
	background: #fff;
	padding: 10px 0;
}

@media(max-width:1200px) {
	.header-top-outer {
		display: none;
	}
}

header {
	margin: 0px 0px;
	position: -webkit-sticky;
	z-index: 999;
	/* background: linear-gradient(176deg, #3a4fc5 0%, #808eda 100%); */
	width: 100%;
}

.header .container {
	display: flex;
	justify-content: space-between;
	gap: 25px;
}

.header-right {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	gap: 5px;
}

.header-right-top {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.header-whatspp-mail {
	display: flex;
	gap: 20px;
}

.header-whatspp-mail svg {
	margin: auto;
}

.header-whatspp-mail a {
	display: flex;
	gap: 5px;
	font-weight: 700;
	font-size: 14px;
	color: #0e4d1a;
	text-decoration: none;
}

.header-links {
	display: flex;
	gap: 12px;
}

a.header-button {
    padding: 10px 10px;
    text-decoration: none;
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 0.75rem;
    color: #fff;
    background: #ff734b;
    border-radius: 5px;
    background: #183264;
    transition: 0.3s;
    /* text-transform: uppercase; */
}

a.pay-online {
	background: transparent;
	color: #fff;
	background: #d20113;

}

a.apply-here {
	background: #00917c;
	color: #fff;

}

a.header-downloads {
	color: #fff;
	border: none;
	border-radius: 5px;
	background: #ff734b;
}

.header-right-bottom {
	display: flex;
	justify-content: right !important;
	gap: 20px;
}

.menu-section {
	display: flex;
	justify-content: end;
	align-items: center;
}

a.affiliation-code {
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -0.04em;
	color: #fff;
	white-space: nowrap;
	text-decoration: none;
}










.logo-mobile {
	display: none;
}

@media (min-width: 780px) {
	/*.stickyHeader { position: fixed; }*/
}

/* header:after {
	display: block;
	clear: both;
	content: '';
} */

header .container {
	position: relative;
	/* min-height: 103px; */
}

.logo {
	width: 100%;
	z-index: -9;
	text-align: center;
}

.logo img {
	max-width: 100%;
}


/* .logo:before{
	width: 112px;
	content: '';
	display: block;
	margin: auto;
	margin-bottom: 9px;
} */



/* ==================================================*/
/*MENU STYLE START*/
/* ==================================================*/




.main-menu {
	/* background: #1E2326; */
	width: 100%;
	display: inline-block;
}


.menu-section {
	width: 100%;
}

.w-menu {
	/* width: 100%; */
	float: none;
}

.w-menu .container {
	position: relative;
	min-height: inherit;
}

.w-menu ul li a:hover {
	/* border-bottom: 3px solid #2A6117; */
}

.w-menu ul li a.active {
	/* border-bottom: 3px solid #2A6117; */
}

.w-menu .ul.sub-menu li a {
	color: #035d0c;
}

.w-menu ul li:last-child {
	margin-right: 0 !important;
}

@media (max-width:1200px) {
	.w-menu ul li a {
		font-size: 13px;
		padding: 0px 10px;
	}
}

@media (min-width:992px) {

	.w-menu {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
		z-index: 99;
		text-align: right;
	}

	.w-menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}


	.w-menu ul li {
		display: inline-block;
		position: relative;
		font-size: 13px;
		font-weight: 600;
		margin: 0px 18px;
	}

	.w-menu ul li:first-child {
		margin-left: 0;
	}

	.w-menu ul li:last-child {
		margin-right: 0;
	}

.w-menu ul li a {
    line-height: 52px;
    padding: 0 0;
    margin: 0px 0px;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 0em;
    text-align: left;
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 0.9rem;
    /* text-transform: uppercase; */
    color: #1e2326;
}

	.w-menu ul li.contact-menu {
		background-color: #ffc300;
		padding: 0px 20px;
	}

	.w-menu ul li.contact-menu:hover a {
		color: #571845;
	}

    .w-menu ul li ul {
        text-align: left;
        background-color: #1d3f6d;
    }

    .w-menu ul li ul li a {
        line-height: 22px;
        padding: 12px 20px 12px 10px;
        color: #fff;
        border-bottom: 1px solid #e5ee9e29;
        margin: 0px 0px;
        text-decoration: none;
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: none;
        width: 100%;
        display: block;
    }

	.w-menu ul li ul li a:hover {
		/* border-bottom: 1px solid #587B36; */
		transition: 0.1s;
	}

	/* .w-menu ul li:after{
	content: '';
    display: block;
    width: 0;
    height:3px;
    background:#035D0C;
    transition: width .3s;
	}
.w-menu ul li:hover::after {
    width: 100%;
} */
	.w-menu ul li ul li::after {
		content: '';
		display: block;
		width: 0;
		height: 0px;
		background: #035D0C;
		transition: width .3s;
	}

	.w-menu ul li ul li:hover {
		background: var(--main-color-one-hover);
	}

	@media(min-width:992px) {
		.w-menu li li:hover {
			background: #1E2326 !important;
			transition: 0.3s;
		}
	}

	/*ZOOM IN EFFECTS START*/


	/*.w-menu ul.sub-menu {
    display:none;
}
.w-menu li:hover > ul{
    display: block;
    -moz-animation: zoomIn .3s ease-in;
    -webkit-animation: zoomIn .3s ease-in ;
    animation: zoomIn .3s ease-in;
 
}
 
.w-menu ul li:hover > ul{
    display:block;
    -moz-animation: zoomIn .3s ease-in ;
    -webkit-animation: zoomIn .3s ease-in ;
    animation: zoomIn .3s ease-in;
}*/
	/*ZOOM IN EFFECTS END*/

	/*SLIDE DOWN EFFECTS START*/
	.have-sub-menu {
		position: relative;
	}

	ul.sub-menu {
		visibility: hidden;
		/* hides sub-menu */
		opacity: 0;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		transform: translateY(-2em);
		z-index: -1;
		transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	}

	.have-sub-menu:focus>.sub-menu,
	.have-sub-menu:focus-within>.sub-menu,
	.have-sub-menu:hover>.sub-menu {
		visibility: visible;
		/* shows sub-menu */
		opacity: 1;
		z-index: 1;
		transform: translateY(0%);
		transition-delay: 0s, 0s, 0.3s;
		/* this removes the transition delay so the menu will be visible while the other styles transition */
	}

	/*SLIDE DOWN EFFECTS END*/


	/*FLIP EFFECTS START*/
	/*
.w-menu ul.sub-menu {
    display:none;
}
.w-menu li:hover > ul{  
    display: block;
    -moz-animation: flipInX .3s ease-in;
    -webkit-animation: flipInX .3s ease-in ;
    animation: flipInX .3s ease-in;
 
}
 
.w-menu ul li:hover > ul{
    display:block;
    -moz-animation: flipInY .3s ease-in ;
    -webkit-animation: flipInY .3s ease-in ;
    animation: flipInY .3s ease-in;
}
*/

	/*FLIP EFFECTS END*/

	/* sub navigation */
	.w-menu li ul {
		position: absolute;
		left: 0;
		top: 52px;
		width: 200px;
	}

	.w-menu li ul.right {
		right: 0px;
		left: auto;
	}

	.w-menu li li {
		position: relative;
		margin: 0;
		display: block;
	}

	.w-menu li li ul {
		position: absolute;
		top: 0;
		left: 200px;
		/* make this equal to the width of the sub nav above */
		margin: 0;
	}

	.w-menu li li ul.right,
	.w-menu li li ul.right li ul {
		right: 180px;
		/* make this equal to the width of the sub nav above */
		left: auto;
	}

	.w-menu ul li span {
		padding-left: 2px;
	}

	.w-menu ul li span.arrow-plus {
		position: relative;
		display: inline-block;
		z-index: 99;
		right: 0;
		top: 0px;
		cursor: pointer;
		text-align: center;
		height: auto;
	}

	.w-menu ul li span.arrow-plus:after {
		font-family: FontAwesome;
		content: "\f107";
		color: var(--main-color-one);
		font-size: 10px;
		color: #000;
		position: relative;
		top: 1px;
	}

	.w-menu ul li li span.arrow-plus {
		position: absolute;
		top: 10px;
		right: 10px;
	}

	.w-menu ul li li span.arrow-plus:after {
		font-family: FontAwesome;
		content: "\f105";
		color: #FFF;
		font-size: 14px;
	}

	/*OTHER MENU STYLE START*/
	.w-menu ul li.other-menus>ul {
		/*max-height:200px;
	overflow-x: hidden;
	overflow-y: scroll;*/
	}

	.w-menu ul li.other-menus:hover {
		background-color: transparent;
	}

	.w-menu ul li.other-menus:before {
		font-family: FontAwesome;
		content: "\f0c9";
		color: #FFF;
		position: absolute;
		top: 50%;
		margin-top: -11px;
		margin-left: -7px;
	}

	.w-menu ul li.other-menus>a {
		display: block;
		width: 50px;
		padding: 0px;
		margin: 0px;
		text-indent: -99999px;
	}

	.w-menu ul li.other-menus ul li a {
		padding-left: 20px;
	}

	.w-menu ul li.other-menus li:after {
		height: 0px;
		display: none !important;
	}

	.w-menu ul li.other-menus>.arrow-plus {
		display: none;
	}

	.w-menu ul li.other-menus ul {
		left: -160px;
	}

	.w-menu ul li.other-menus ul li ul,
	.w-menu ul li.other-menus ul li ul li ul,
	.w-menu ul li.other-menus ul li ul li ul li ul {
		position: absolute;
		top: 0;
		left: -200px;
		margin: 0;
	}

	.w-menu ul li.other-menus span.arrow-plus {
		position: absolute;
		top: 9px;
		left: 3px;
		right: auto;
	}

	.w-menu ul li.other-menus span.arrow-plus:after {
		font-family: FontAwesome;
		content: "\f104";
	}

	.w-menu ul li.other-menus>ul::-webkit-scrollbar {
		width: 3px;
	}

	.w-menu ul li.other-menus>ul::-webkit-scrollbar-thumb {
		background: var(--main-color-two);
	}

	.w-menu ul li.other-menus {
		cursor: pointer;
		position: relative;
	}

	/*OTHER MENU STYLE END*/
	/*MEGA MENU STYLE START*/
	.w-menu ul li.mega-menus {
		cursor: pointer;
		position: static;

	}

	.w-menu ul li.mega-menus>ul {
		position: absolute;
		width: 1170px;
		left: 0%;
		right: 0%;
		padding: 20px;
	}

	.w-menu ul li.mega-menus>ul>li {
		width: 20%;
		float: left;
		line-height: 10px;
		padding: 0px 10px;
	}

	.w-menu ul li.mega-menus ul li:hover {
		background-color: transparent;
	}

	.w-menu ul li.mega-menus>ul li a:hover {
		color: #000;
	}

	.w-menu ul li.mega-menus ul.sub-menu ul.sub-menu {
		display: block;
		left: 0px;
		width: 100%;
		position: static;
	}

	.mega-menus ul span.arrow-plus {
		display: none !important;
	}

	.w-menu ul li.megamenu-li>a,
	.w-menu ul li.megamenu-with-out-sub>a {
		font-size: 13px !important;
		text-transform: uppercase !important;
		font-weight: bold !important;
		/*margin-bottom:5px !important;
	padding-bottom:10px !important;
	border-bottom:solid 1px #1b69a9 !important;*/
		display: block !important;
		line-height: 16px !important;
		color: #FFFFFF !important;

	}

	/*.megamenu-with-out-sub > a{
	border-bottom:none !important;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	}*/
	.megamenu-li>a:hover {
		color: #FFF !important;
		cursor: default;
	}

	.megamenu-li ul {
		margin-bottom: 20px !important;
		display: inline-block !important;
	}

	.w-menu li.mega-menus:hover ul {
		display: block;
		-moz-animation: zoomIn .3s ease-in;
		-webkit-animation: zoomIn .3s ease-in;
		animation: none !important;

	}

	.w-menu ul li.mega-menus ul li {
		/*display:inline-block;
	vertical-align:top;
	float:left;*/
	}

	.w-menu ul li.mega-menus ul li a {
		line-height: 20px;
		padding: 5px 0px;
		font-size: 14px;
		color: #98d0ff;
	}

	.w-menu ul li.mega-menus ul li ul li a {
		line-height: 20px;
		padding: 1px 0px;
		font-size: 13px;
	}

	/*MEGA MENU STYLE END*/

	/*VERTICAL MENU STYLE START*/
	.w-menu.vertical-menu ul li {
		float: none;
		display: block;
		width: 100%;
		text-align: left;
	}

	.w-menu.vertical-menu ul li ul.sub-menu {
		right: -200px;
		left: auto;
		top: 0px;
	}

	.w-menu.vertical-menu .container {
		padding-left: 0px;
		padding-right: 0px;
	}

	/*VERTICAL MENU STYLE END*/
}

@media (max-width:1200px) and (min-width:991px) {
	.w-menu ul li.mega-menus>ul {
		width: 960px;
		margin-left: -480px;
	}
}

@media (max-width:991px) {

	.top-h-right {
		width: 100%;
	}

	.mobile-menu-icon {
		position: fixed;
		width: 40px;
		height: 40px;
		background-color: #1E2326;
		display: block;
		right: 0px;
		cursor: pointer;
		top: 0px;
		z-index: 999999;
		text-align: center;
		transition: 0.3s;
		padding-top: 10px;
	}

	.mobile-menu-icon:after {
		font-family: FontAwesome;
		content: "\f0c9";
		line-height: 20px;
		font-size: 24px;
		font-weight: 400;
		color: #FFF;
	}

	.mobile-menu-icon.icon-open {
		transition: 0.3s;
		right: 300px;
	}

	.mobile-menu-icon.icon-open:after {
		content: "\f00d";
	}

	.mobile-menu {
		position: fixed;
		z-index: 999999;
		top: 0;
		right: -300px;
		width: 300px;
		height: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
		background: #ff734b;
		transition: 0.3s;
	}

	.mobile-menu.menu-open {
		right: 0px;
		transition: 0.3s;
		padding-top: 45px;
	}

	.w-menu ul {
		padding: 0px;
		margin: 0px;
	}

	.w-menu ul li {
		float: none;
		list-style: none;
		position: relative;
	}

	.w-menu ul li a {
		color: #fff;
		font-weight: 500;
		font-size: 14px;
		display: block;
		padding: 10px;
		border-top: 1px solid rgba(255, 255, 255, 0.045);
		border-bottom: 1px solid rgba(0, 0, 0, 0.045);
	}

	.w-menu ul li a:hover,
	.w-menu ul li a:focus {
		text-decoration: none;
	}

	.w-menu ul li.active {
		background: rgba(0, 0, 0, .2) none repeat scroll 0 0;
	}

	.w-menu ul li ul {
		display: none;
	}

	.w-menu ul li span.arrow-plus {
		position: absolute;
		width: 40px;
		height: 40px;
		/* border:solid 1px #FFF; */
		display: block;
		z-index: 99;
		right: 2px;
		top: 0px;
		cursor: pointer;
		text-align: center;
		padding-top: 8px;
	}

	.w-menu ul li span.arrow-plus:after {
		font-family: FontAwesome;
		content: "\f067";
		color: #fff;
		font-size: 14px;
	}

	.w-menu ul li span.arrow-minimize:after {
		font-family: FontAwesome;
		content: "\f068";
		font-size: 14px;
	}

	.w-submenu {
		display: block !important;
		background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
	}

}

@media (max-width:479px) {
	.mobile-menu {
		width: 280px;
		padding-top: 45px;
	}

	.mobile-menu-icon.icon-open {
		right: 280px;
	}
}

/* ==================================================*/
/*MENU STYLE END*/
/* ==================================================*/

/* ==================================================*/
/*BANNER STYLE START*/
/* ==================================================*/
.banner-section,
.bs-slider .carousel-item {
	padding-top: 36.76923076923077%;
	/*Image Size 550px / 1360px = ‭40.44117647058824‬%*/
}

.banner-section {
	position: relative;
}

.bs-slider .carousel-item {
	overflow: hidden;
	background: #FFFFFF;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.weberge-slider {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;

}

.bs-slider:hover {
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.bs-slider:active {
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.bs-slider .bs-slider-overlay,
.weberge-slider .weberge-slider-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(324deg, #c6dfff0d 46%, #000000ba 100%);
}

.bs-slider>.carousel-inner>.carousel-item>img,
.bs-slider>.carousel-inner>.carousel-item>a>img {
	margin: auto;
	width: 100% !important;
}

.weberge-slider:hover {
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.weberge-slider:active {
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.weberge-slider>.carousel-inner>.carousel-item>img,
.weberge-slider>.carousel-inner>.carousel-item>a>img {
	margin: auto;
	width: 100% !important;
}

/********************
*****Slide effect
**********************/

/* .fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
} */


.carousel-fade {
	opacity: 1;
}

.carousel-fade .carousel-item {
	top: 0;
	z-index: 1;
	opacity: 0;
	width: 100%;
	/* min-height: 706px; */
	position: absolute;
	left: 0 !important;
	display: block !important;
	-webkit-transition: opacity ease-in-out 1s;
	-moz-transition: opacity ease-in-out 1s;
	-ms-transition: opacity ease-in-out 1s;
	-o-transition: opacity ease-in-out 1s;
	transition: opacity ease-in-out 1s;
}

.carousel-fade .carousel-item:first-child {
	top: auto;
	position: relative;
}

.carousel-fade .carousel-item.active {
	opacity: 1;
	z-index: 2;
	-webkit-transition: opacity ease-in-out 1s;
	-moz-transition: opacity ease-in-out 1s;
	-ms-transition: opacity ease-in-out 1s;
	-o-transition: opacity ease-in-out 1s;
	transition: opacity ease-in-out 1s;
}


/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
	top: 50%;
	opacity: 0;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	z-index: 100;
	color: #ffffff;
	display: block;
	font-size: 24px;
	cursor: pointer;
	overflow: hidden;
	line-height: 42px;
	text-shadow: none;
	position: absolute;
	font-weight: normal;
	background: transparent;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.control-round:hover .carousel-control {
	opacity: 1;
	background-color: var(--main-color-one);
}

.control-round .carousel-control.left {
	left: 1%;
	text-align: center;
}

.control-round .carousel-control.right {
	right: 1%;
	text-align: center;

}

.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover {
	color: #fdfdfd;
	border: 0px transparent;
}

.control-round .carousel-control.left>span:nth-child(1) {
	left: 45%;
}

.control-round .carousel-control.right>span:nth-child(1) {
	right: 45%;
}


/*---------- SLIDE CAPTION ----------*/


.slide-text {
	padding: 10px;
	position: absolute;
	padding: 10px 0px;
	/* width: 1170px; */
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -585px;
}

.slide_style_left {
	text-align: left;
}

.slide_style_right {
	text-align: right;
}

.slide_style_center {
	margin: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.slide-text.text_style_top_center,
.slide-text.slide_style_middle,
.slide-text.text_style_bottom_center {
	margin: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.slide-text.text_style_top_left,
.slide-text.slide_style_middle_left,
.slide-text.text_style_bottom_left {
	text-align: left;
}

.slide-text.text_style_top_right,
.slide-text.slide_style_middle_right,
.slide-text.text_style_bottom_right {
	text-align: right;
}

.slide-text.text_style_top_center,
.slide-text.text_style_top_left,
.slide-text.text_style_top_right {
	top: 0px;
}

.slide-text.text_style_bottom_center .slide-text-inner,
.slide-text.text_style_bottom_left .slide-text-inner,
.slide-text.text_style_bottom_right .slide-text-inner {
	bottom: 0px;
	position: absolute;
	width: 100%;
}

.slide_style_middle,
.slide_style_middle_left,
.slide_style_middle_right {
	height: 100%;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	left: 0px;
	right: 0px;
}

.slide_style_middle:before,
.slide_style_middle_left:before,
.slide_style_middle_right:before {
	content: '';
	margin-bottom: auto;
}

.slide_style_middle:after,
.slide_style_middle_left:after,
.slide_style_middle_right:after {
	content: '';
	margin-top: auto;
}

.slide-text h1 {
    text-align: left;
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 50px;
    line-height: 122%;
    /* letter-spacing: -0.05em; */
    color: #fff;
    margin: 0 0 27px;
    font-family: "Lora", serif;
    font-style: italic;
}

.slide-text h1 span {
	color: var(--main-color-one);
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
}

.slide-text p {
	padding: 0;
	color: #ffffff;
	font-size: 55px;
	line-height: 62px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 30px;
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	display: inline-block;
	width: 100%;
	/* text-shadow: 1px 1px #000; */
}

.slide-text h3 {
	font-size: 23px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
	color: #FFFFFF;
}

.slide-text a.btn-default {
	color: #000;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	margin-right: 10px;
	text-align: center;
	padding: 17px 30px;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	border: none;
	text-transform: uppercase;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}

.slide-text a.btn-primary {
	color: #ffffff;
	cursor: pointer;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	margin-left: 0px;
	text-align: center;
	padding: 17px 30px;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.slide-text a:hover,
.slide-text a:active {
	color: #ffffff;
	background: #012D5E;
	-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
	transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

.slide-text-inner .read-more {
	display: inline-block;
	background-color: #c70039;
	padding: 14px 50px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	border-radius: 30px;
	letter-spacing: 2px;
	border: 2px solid #fff;
}

.slide-text-inner .read-more:hover {
	background-color: #900c3e;
	text-decoration: none;
}

.slide-text-inner .learn-more {
	padding: 12px 35px;
	line-height: 14px;
	letter-spacing: 0em;
	text-align: left;
	text-decoration: none;
	background: #1d3f6d;
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 0.9rem;
	color: #fff;
	border-radius: 5px;
}

.slide-text-inner {
	/* padding-top: 23%; */
	/* padding-left: 5%; */
}




/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width:1200px) and (min-width:992px) {
	.slide-text {
		width: 970px;
		/*same width like container*/
		/* margin-left:-485px;
	padding-left:15px; */
		padding-right: 15px;
	}
}

@media (max-width: 991px) {

	.banner-section,
	.bs-slider .item,
	.bs-slider .carousel-item {
		padding-top: 0%;
		height: 400px;
	}

	.carousel-inner,
	.carousel-item {
		height: 100%;
	}

	.slide-text {
		width: 98%;
		/*same width like container*/
		margin-left: 0px;
		left: 0px;
		right: 0px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.slide_style_left,
	.slide_style_right,
	.slide_style_center,
	.slide-text.text_style_top_center,
	.slide-text.slide_style_middle,
	.slide-text.text_style_bottom_center,
	.slide-text.text_style_top_left,
	.slide-text.slide_style_middle_left,
	.slide-text.text_style_bottom_left,
	.slide-text.text_style_top_right,
	.slide-text.slide_style_middle_right,
	.slide-text.text_style_bottom_right {
		/* text-align: center; */
	}

}

/*---------- MEDIA 480px ----------*/
@media (max-width: 768px) {
	.slide-text h1 {
		font-size: 45px;
		line-height: 50px;
		margin-bottom: 25px;
	}

	.slide-text>p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
	}

	.control-round .carousel-control {
		display: none;
	}
}

@media (max-width: 480px) {
	.slide-text {
		padding: 10px 30px;
	}

	.slide-text h1 {
		font-size: 45px;
		line-height: 50px;
		margin-bottom: 10px;
	}

	.slide-text p {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 18px;
	}

	.slide-text>a.btn-default,
	.slide-text>a.btn-primary {
		font-size: 10px;
		line-height: 10px;
		margin-right: 10px;
		text-align: center;
		padding: 10px 15px;
	}

	.indicators-line>.carousel-indicators {
		display: none;
	}

	.bs-slider>.carousel-inner>.item>img,
	.bs-slider>.carousel-inner>.item>a>img {
		margin: auto;
		width: auto !important;
	}

	.middle-two .middle-one-image {
		border: 10px solid #fff;
	}

	.slide-text-inner .read-more {
		padding: 8px 30px;
	}
}

/* ==================================================*/
/*BANNER STYLE END*/
/* ==================================================*/

.jom-slider .tns-controls [aria-controls] {
	/* top: -50px; */
}

.jom-slider {
	/* padding: 0px 10px; */
	position: relative;
}

.jom-slider .tns-nav {
	display: none;
}

.jom-slider .tns-controls [aria-controls] {

	z-index: 9999;
}

.jom-slider [data-controls="prev"] {
	position: absolute;
	left: 50%;
	margin-left: -45px;
}

.jom-slider [data-controls="next"] {
	position: absolute;
	right: 50%;
	margin-right: -45px;
}

















/* marquee -satrt*/
.marquee-flash-news {
	/* background-color: #2D4625; */
	/* padding: 15px 0; */
	position: relative;
}

marquee {
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	background: #183264;
	padding: 15px 0;
	font-family: var(--third-family);
}

.marqdiv {
	display: flex;
	/* gap: 10px; */
}

.marqdiv p {
    white-space: nowrap;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
    font-size: 0.9rem;
    /* position: relative; */
    /* top: 3px; */
    background: #ff734b;
    padding: 18px 50px 15px;
    font-family: var(--third-family);
    text-transform: uppercase;
}

span.marspan {
	color: #fff;
	margin: 0 10px;
}

marquee a {
    text-decoration: none !important;
    color: #fff;
    font-weight: 300;
    font-size: 0.9rem;
    text-align: center;
    text-transform: none;
}

marquee a:hover {
	color: #f3efef;
}

/* marquee -end*/




/* about-us  */

.about-inner {
	display: grid;
	grid-template-columns: 53% 40%;
	gap: 7%;
}

@media(max-width:991px) {
	.about-inner {
		grid-template-columns: 100%;
	}
}

.about-left {
	margin: auto 0;
}

h2.about-head {
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 16px;
	color: #ff734b;
}

.about h2::after {
	content: "";
	display: inline-block;
	background: #d9d9d9;
	width: 100px;
	height: 1px;
	position: relative;
	top: -6px;
	left: 9px;
}

h2.about-head span {
	color: #b7bf96;
}



h5.about-subhead {
	font-weight: 600;
	font-size: 33px;
	letter-spacing: -0.05em;
	color: #28170d;
}

p.about-para {
    font-weight: 400;
    font-size: 1rem;
    line-height: 197%;
    /* text-align: justify; */
    color: #000;
}

a.about-button {
    border-radius: 0;
    text-decoration: none;
    padding: 8px 25px;
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 13px;
    color: #fff;
    background: #ff734b;
    border-radius: 4px;
    transition: 0.3s;
}

.about-right {
	position: relative;
	height: 500px;
	background: #ffc801;
}

.about-right img {
	position: absolute;
	left: -50px;
	height: 450px;
	width: 100%;
	object-fit: cover;
	border-radius: 17px;
}

@media(max-width:991px) {
	.about-right img {
		position: static;
		height: auto;
	}

	.about-right {
		height: auto;
		background: none;
		margin-bottom: 50px;
	}
}

.recents-events-outer {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.recent-events-block {
	background: #e5ee9e;
	border-radius: 4px;
	display: grid;
	grid-template-columns: 20% 75%;
	padding: 15px 15px;
	gap: 5%;
	transition: background-color 0.3s, color 0.3s;
}

.events-block1 {
	border-right: 1px solid #1D3F6D;
	padding: 5px 10px 5px 0px;
}

@media(max-width:480px) {
	.events-block1 {
		border-right: none;
	}
}

h3.recent-events-date {
	font-weight: 700;
	font-size: 31px;
	line-height: 103%;
	letter-spacing: -0.05em;
	text-align: center;
	color: #0e4d1a;
	margin: auto;
	transition: background-color 0.3s, color 0.3s;
}

h3.recent-events-date span {
	color: #587b36;
	transition: background-color 0.3s, color 0.3s;
}

p.recent-events-para {
	/* font-family: var(--second-family); */
	font-weight: 600;
	font-size: 14px;
	line-height: 162%;
	text-transform: uppercase;
	color: #000;
	transition: background-color 0.3s, color 0.3s;
}

.recent-events-block:hover {
	background: #0e4d1a;
}

.recent-events-block:hover p.recent-events-para {
	color: #fff;
}

.recent-events-block:hover h3.recent-events-date {
	color: #fff;
}

.recent-events-block:hover h3.recent-events-date span {
	color: #b7bf96;
}

.recent-events-block:hover .events-block1 {
	border-right: 1px solid #fff;
}

.recent-events-block:hover a {
	text-decoration: none;
	color: #fff;
}

/* .msg-section  */



.msg-section {
	background: linear-gradient(to top, #f8ffdd 0%, #f8ffdd 85%, #fff 50%, #fff 100%);
}

h4.thirumeni-head {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 30px;
    line-height: 110%;
    /* letter-spacing: -0.05em; */
    color: #ff734b;
    font-family: "Lora", serif;
    font-style: italic;
}

.msg-outer p {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 122%;
	letter-spacing: -0.05em;
	/* text-align: justify; */
	color: #3b5c1b;
	margin-bottom: 20px;
}

.msg-outer p strong {
	font-weight: 700;
	color: #0e4d1a;
}

.msg-outer {
	display: grid;
	grid-template-columns: 40% 53%;
	gap: 7%;
}

@media(max-width:1200px) {
	.msg-outer {
		grid-template-columns: 100%;
		gap: 1%;
	}

	.msg-section {
		padding: 75px 0 75px;
	}
}

.msg-right-gridbox {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.msg-gridbox-block {
	display: grid;
	grid-template-columns: 20% 75%;
	gap: 5%;
	background: #e5ee9e;
	border-radius: 8px;
	padding: 30px 25px;
}

@media(max-width:1200px) {
	.msg-gridbox-block {
		display: grid;
		grid-template-columns: 100%;
		gap: 0;
	}
}

.msg-block-left img {
	width: 100%;
	border-radius: 8px;
}

.msg-gridbox-left img {
	border-radius: 8px;
}

h3.grid-box-head {
	font-family: var(--third-family);
	font-weight: 700;
	font-size: 24px;
	line-height: 2rem;
	letter-spacing: -0.05em;
	color: #0e4d1a;
}

.msg-gridbox-right h6 {
	font-family: var(--third-family);
	font-weight: 600;
	font-size: 15px;
	line-height: 173%;
	letter-spacing: -0.05em;
	/* text-align: justify; */
	color: #3c5c1b;
}

.msg-gridbox-right p {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 15px;
	line-height: 173%;
	letter-spacing: -0.05em;
	/* text-align: justify; */
	color: #3c5c1b;
}

.read-more-name-block {
	display: flex;
	justify-content: space-between;
}

.read-more-name-block h6 {
	font-family: var(--third-family);
	font-weight: 600;
	font-size: 15px;
	letter-spacing: -0.05em;
	color: #0e4d1a;
}





/* benefits  */

.benefits {
	background: #ffd333;
}

.benefits-inner {
	position: relative;
	top: -90px;
}

/* .benefits-inner{
	display: grid;
	grid-template-columns: repeat(6,1fr);
	gap: 40px;
}
@media(max-width:991px){
	.benefits-inner{
		grid-template-columns: repeat(3,1fr);
	}
} */
.benefits-slider-outer img {
	width: 100%;
	border-radius: 21px !important;
}

.benefits-slider-outer p {
	margin: 7px 0 0;
	font-family: var(--third-family);
	font-weight: 600;
	font-size: 19px;
	letter-spacing: -0.05em;
	text-align: center;
	color: #080808;
}

.benefits-wrapper {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.benefits .jom-slider .tns-controls [aria-controls] {
	display: none;
}

.benefits-block {
	width: 100%;
}

.benefits-block a {
	border-radius: 14px;
}





/* eurokids  */

.eurokids-section {
	padding: 80px 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	background: #2d4625;
}

@media(max-width:991px) {
	.eurokids-section {
		background-position: center;
	}
}

h4.euro-head {
	color: #f5e128;
	padding: 0;
}

p.eurokids-para {
    width: 100%;
    font-weight: 700;
    font-size: 24px;
    line-height: 143%;
    letter-spacing: -0.03em;
    color: #1e2326;
    font-family: Lora, serif;
    font-style: italic;
}

a.eurokids-button {
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 14px;
	color: #2b2b36;
	background: #fff;
	border-radius: 4px;
	padding: 9px 20px;
	text-decoration: none;
}

a.eurokids-2 {
	color: #2b2b36;
	background: #ffc801;
}




/* featured-events  */

.featured-events h4::after {
	content: "";
	display: block;
	background: #d9d9d9;
	width: 100px;
	height: 1px;
	margin: 10px 0 10px;
}

#featured-slider {
	padding: 0 0 40px;
}

h6.featured-content-head {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 134%;
    letter-spacing: -0.05em;
    margin: 10px 0 15px;
    color: #183264;
}

h5.featured-date {
	font-weight: 700;
	font-size: 14px;
	line-height: 157%;
	letter-spacing: -0.05em;
	color: rgb(0, 61, 43);
	margin: 0 0 10px;
}

.featured-events-block p {
	font-weight: 400;
	font-size: 14px;
	line-height: 157%;
	letter-spacing: -0.05em;
	color: #000;
}

.featured-events img {
	width: 100%;
	/* border-radius: 21px 21px 0 0; */
}

.featured-content {
	box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 12px 0px;
	background: rgb(255, 255, 255);
	padding: 30px 25px 0px;
	border: 1px solid rgb(231, 234, 234);
	/* border-radius: 21px; */
	position: relative;
	top: -25px;
	height: 200px;
}

a.featured-readmore {
    color: #ff734b;
    font-size: 0.85rem;
    font-weight: 300;
}



/* featured -buttons */

.featured-events-slider .jom-slider [data-controls="prev"] {
	position: absolute;
	left: 94%;
}

.featured-events-slider .jom-slider [data-controls="next"] {
	position: absolute;
	left: 95%;
}

.featured-events-slider .jom-slider .tns-controls {
	position: absolute;
	top: -11%;
	width: 100%;
	right: -1%;
}

@media(max-width:1400px) {
	.featured-events-slider .jom-slider .tns-controls {
		right: 3%;
	}
}

@media(max-width:768px) {
	.featured-events-slider .jom-slider .tns-controls {
		right: 5%;
	}
}

@media(max-width:600px) {
	.featured-events-slider .jom-slider .tns-controls {
		right: 5%;
	}
}

@media(max-width:480px) {
	.featured-events-slider .jom-slider .tns-controls {
		display: none;
	}
}

.featured-events-slider .jom-slider [data-controls="next"]:after {
	content: '';
	width: 50px;
	height: 50px;
	content: '';
	display: block;
	background: url(../images/right-arrow.png) no-repeat;

}

.featured-events-slider .jom-slider .tns-controls [aria-controls] {
	background: none;
}

.featured-events-slider .jom-slider [data-controls="prev"]:after {
	content: '';
	width: 50px;
	height: 50px;
	content: '';
	display: block;
	background: url(../images/left-arrow.png) no-repeat;
}




/* toppers-academy  */
.toppers-academy {
	background: url(../images/academy-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


.toppers-academy>.container {
	display: grid;
	grid-template-columns: 100%;
	/* gap: 2%; */
}

@media(max-width:1200px) {
	.toppers-academy>.container {
		grid-template-columns: 100%;
		gap: 2%;
	}
}

.toppers {
	display: grid;
	grid-template-columns: 45% 45%;
	gap: 5%;
}

h3.toppers-head {
	font-family: var(--third-family);
	font-weight: 700;
	font-size: 30px;
	line-height: 113%;
	letter-spacing: -0.05em;
	text-align: center;
	color: #0e4d1a;
	display: grid;
}

h3.toppers-head span {
	font-weight: 400;
	font-size: 21px;
}

.topper-img-grid {
	position: relative;
	display: flex;
	justify-content: center;
}

.topper-img-grid img {
	width: 100%;
}

.position {
	position: absolute;
	bottom: 0;
}

.position h6 {
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -0.05em;
	text-align: center;
	color: #fff;
	background: #25bf3e;
	border-radius: 5px 5px 0 0;
	padding: 7px 27px;
}

p.name {
	font-weight: 600;
	font-size: 19px;
	letter-spacing: -0.05em;
	text-align: center;
	color: #000;
}

p.class {
	font-weight: 400;
	font-size: 17px;
	letter-spacing: -0.05em;
	text-align: center;
	color: #000;
}

/* academy-section  */

h2.academy-head {
    font-family: 'Lora';
    font-weight: 700;
    font-size: 55px;
    line-height: 135%;
    /* letter-spacing: -0.05em; */
    color: #fff;
    font-family: "Lora", serif;
    font-style: italic;
}

.academy .jom-slider .tns-controls [aria-controls] {
	display: none;
}

p.academy-para {
    font-weight: 300;
    font-size: 38px;
    line-height: 124%;
    /* letter-spacing: -0.05em; */
    color: #fff;
    width: 85%;
    font-family: "Lora", serif;
    font-style: italic;
}

.academy-block {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: baseline;
	padding: 25px 10px;
	/* border: 1px solid #fff595; */
	border-radius: 18px;
}

.academy-block p {
	font-family: var(--third-family);
	font-weight: 300;
	font-size: 16px;
	letter-spacing: -0.05em;
	color: #fff;
}

p.academy-feature-name {
	line-height: 1.2rem;
	width: 100%;
	margin: 10px 0 0;
	font-family: var(--third-family);
	font-weight: 600;
	font-size: 18px;
	letter-spacing: -0.05em;
	color: #fff;
	margin: 25px 0 16px;
}

.academy-slider-wrapper {
	padding-left: 100px;
}

@media(max-width:991px) {
	.academy-slider-wrapper {
		padding-left: 0px;
	}
}

/* featured -buttons */

/* toppers-grid-1 */

.toppers-grid-1 .jom-slider [data-controls="prev"] {
	position: absolute;
	left: 45px;
}

.toppers-grid-1 .jom-slider [data-controls="next"] {
	position: absolute;
	right: -160px;
}

.toppers-grid-1 .jom-slider .tns-controls {
	position: absolute;
	top: 42%;
}


.toppers-grid-1 .jom-slider [data-controls="next"]:after {
	content: '';
	width: 50px;
	height: 50px;
	content: '';
	display: block;
	background: url(../images/toppers-right.png) no-repeat;

}

.toppers-grid-1 .jom-slider .tns-controls [aria-controls] {
	background: none;
}

.toppers-grid-1 .jom-slider [data-controls="prev"]:after {
	content: '';
	width: 50px;
	height: 50px;
	content: '';
	display: block;
	background: url(../images/toppers-left.png) no-repeat;
}



/* toppers-grid-2 */


.toppers-grid-2 .jom-slider [data-controls="prev"] {
	position: absolute;
	left: 45px;
}

.toppers-grid-2 .jom-slider [data-controls="next"] {
	position: absolute;
	right: -160px;
}

.toppers-grid-2 .jom-slider .tns-controls {
	position: absolute;
	top: 42%;
}


.toppers-grid-2 .jom-slider [data-controls="next"]:after {
	content: '';
	width: 50px;
	height: 50px;
	content: '';
	display: block;
	background: url(../images/toppers-right.png) no-repeat;

}

.toppers-grid-2 .jom-slider .tns-controls [aria-controls] {
	background: none;
}

.toppers-grid-2 .jom-slider [data-controls="prev"]:after {
	content: '';
	width: 50px;
	height: 50px;
	content: '';
	display: block;
	background: url(../images/toppers-left.png) no-repeat;
}



@media(max-width:1600px) {
	.toppers .jom-slider .tns-controls [aria-controls] {
		display: none;
	}
}




/* gallery  */

.gallery-facilities {
	/* background: url(../images/gallery-facilities-bg.png); */
	/* background-position: center; */
	/* background-repeat: no-repeat; */
	/* background-size: cover; */
	/* position: relative; */
}

/* .gallery-facilities h4 {
	color: #fff;
} */
.gallery-facilities h4::after {
	content: "";
	display: block;
	background: #d9d9d9;
	width: 100px;
	height: 2px;
	margin: 10px 0;
}

a.gallery-button {
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 16px;
	color: #5f6783;
	display: flex;
	margin: auto;
	background: #fff;
	border-radius: 18px;
	padding: 5px 20px;
}

@media(max-width:991px) {
	.gal-head-buttons {
		display: none !important;
	}
}


a.gallery-button svg {
	margin: auto;
	margin-left: 10px;
}

h6.gallery-caption {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 21px;
	letter-spacing: -0.05em;
	color: #fff;
}

.gallery-slider img {
	width: 100%;
	border-radius: 0;
	object-fit: cover;
	height: 372px;
}

.gallery-slider .jom-slider .tns-controls [aria-controls] {
	display: none;
}

a.gal-viewall {
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none;
	background: #ff734b;
}

.facilities-outer {
	display: grid;
	grid-template-columns: 35% 60%;
	gap: 5%;
}

@media(max-width:1200px) {
	.facilities-outer {
		grid-template-columns: 100%;
		gap: 5%;
	}
}

.facilities-block h5 {
	border-radius: 7px;
	padding: 0px 15px;
	background: #5F6783;
	font-family: var(--third-family);
	font-weight: 300;
	font-size: 22px;
	line-height: 255%;
	letter-spacing: -0.01em;
	color: #fff;
	margin: 0;
	transition: 0.3s;
}

.facilities-block h5:hover {
	background: #FF734B;
	font-weight: 700;
}



/* facilities-buttons */

.facilities-slider .jom-slider [data-controls="prev"] {
	position: absolute;
	left: 250px;
	top: -48px;
}

.facilities-slider .jom-slider [data-controls="next"] {
	position: absolute;
	top: 270px;
	left: 207px;
}

.facilities-slider .jom-slider .tns-controls {
	position: absolute;
	top: 0%;
}


.facilities-slider .jom-slider [data-controls="next"]:after {
	content: '';
	width: 50px;
	height: 50px;
	content: '';
	display: block;
	background: url(../images/down-arrow.png) no-repeat;

}

.facilities-slider .jom-slider .tns-controls [aria-controls] {
	background: none;
}

.facilities-slider .jom-slider [data-controls="prev"]:after {
	content: '';
	width: 50px;
	height: 50px;
	content: '';
	display: block;
	background: url(../images/up-arrow.png) no-repeat;
}

@media(max-width:1600px) {
	.facilities-slider .jom-slider .tns-controls [aria-controls] {
		display: none;
	}
}

/* video section */

.facilities-right {
	position: relative;
}

img.youtube-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

img.youtube-text {
	position: absolute;
	left: 15px;
	bottom: 15px;
}



/* testimonials  */

.testimonials-wrapper h4::after {
	content: "";
	display: block;
	background: #d9d9d9;
	width: 100px;
	height: 2px;
	margin: 10px 0;
}

.testimonials-block img {
	max-width: 100%;
}

.testimonials-block {
	padding: 50px 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: 0.3s;
}
@media(max-width:575px){
	.testimonials-block {
		padding: 50px 15px;
	}
}
.testimonials-block:hover {
	background-color: #FFD333;
}

p.testimonials-content {
	font-weight: 400;
	font-size: 14px;
	line-height: 132%;
	letter-spacing: 0.01em;
	text-align: center;
	color: #000;
	position: relative;
}

p.testimonials-content::before {
	top: -54px;
	left: 0;
	content: "";
	background: url(../images/colon.png);
	position: absolute;
	width: 54px;
	height: 43px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

h5.testimonial-name {
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.01em;
	color: #060606;
}

h6.testimonial-place {
	font-weight: 300;
	font-size: 0.9rem;
	letter-spacing: 0.01em;
	color: #000;
}

.testimonials .jom-slider .tns-controls [aria-controls] {
	display: none;
}


/* acheivements  */

.achievements-section {
	background: url(../images/achivements-bg.png);
	padding: 80px 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

@media(max-width:768px) {

	.achievements-section,
	.eurokids-section {
		padding: 80px 25px;
	}

	p.eurokids-para {
		width: 100%;
	}
}

/* footer  */
/* 
footer {
    background: linear-gradient(90deg, #183264 0%, #275987 100%);
}

.footer {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}

@media(max-width:991px) {
	.footer {
		grid-template-columns: 100%;
	}
}

.footer-menus {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}

@media(max-width:480px) {
	.footer-menus {
		grid-template-columns: repeat(1, 1fr);
	}
}

.footer-buttons h5 {
	font-weight: 700;
	font-size: 25px;
	line-height: 106%;
	letter-spacing: -0.05em;
	color: rgb(255, 255, 255);
	margin: auto 0;
}

.footer-buttons a {
	text-decoration: none;
}

.footer-buttons svg {
	margin: auto 0;
}

.footer-right {
	margin: auto 0;
}

.footer-but {
	border: 1px solid rgb(51, 157, 126);
	border-radius: 13px;
	padding: 10px;
}

a.footer-but svg {
	margin: auto;
}

h5.footer-para {
	font-weight: 400;
	font-size: 20px;
	line-height: 175%;
	letter-spacing: -0.05em;
	color: #f6ffad;
}



@media(max-width:991px) {
	.footer-middle {
		gap: 20px;
		flex-wrap: wrap;
	}

	.loc-buttons {
		margin: 0 !important;
	}
}


a.footer-find-out {
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	background: #d4c000;
	padding: 11px 20px;
	text-decoration: none;
}

a.footer-get-location {
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 16px;
	color: #d4c000;
	border: 1px solid #d4c000;
	padding: 10px 20px;
	text-decoration: none;
}

a.about-school {
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	background: linear-gradient(156deg, #d73e60 0%, #f9d25f 100%);
	display: flex;
	gap: 15px;
	margin: auto 0;
	padding: 10px 15px;
	align-items: center;
}

a.make-donation {
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	background: linear-gradient(156deg, #85bdb2 0%, #f9d25f 100%);
	display: flex;
	gap: 15px;
	margin: auto 0;
	padding: 10px 15px;
	align-items: center;
}

.footer-bottom {
	display: grid;
	grid-template-columns: 40% 55%;
	gap: 5%;
}

@media(max-width:1200px) {
	.footer-bottom {
		grid-template-columns: 100%;
	}
}

.footer-links ul li a {
	display: inline-block;
	padding-right: 25px;
	position: relative;
}

.footer-links ul li a::after {
	content: url(../images/footer-link-icon.png);
	position: absolute;
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
}

.footer-links ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

@media(max-width:420px) {
	.footer-links ul {
		grid-template-columns: repeat(1, 1fr);
	}
}

.footer-links a {
	text-decoration: none;
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 18px;
	color: #339d7e;
	line-height: 2.7rem;
}

hr.footer-line {
	background: #ffffffa3;
}

@media(max-width:768px) {
	hr.footer-line {
		display: none;
	}
}

.copyright p {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}

.copyright a {
	text-decoration: none;
	color: #fff;
}

@media(min-width:992px) {
	.copyright {
		justify-content: space-between;
	}
}

@media(max-width:991px) {
	.copyright {
		justify-content: center !important;
		flex-direction: column;
		align-items: center;
	}
}
 */









/*---------------subpages-------------*/
.inner-banner {
    height: 300px;
    background-color: #006eff;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.inner-banner .bs-slider-overlay {
    background: linear-gradient(149deg, #0a0a0acf 83%, #000 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.inner-banner h1 {
    font-size: 45px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 30px;
    color: #FFF;
    position: relative;
    z-index: 9;
    text-shadow: 1px 1px #000;
    /* font-family: var(--font4); */
}

@media (max-width: 480px) {
	.inner-banner h1 {
		font-size: 26px;
	}
}

@media (max-width:768px) {
	.inner-banner {
		height: 150px;
	}
}

.under-sub-banner {
	margin: 70px 0px 70px;
}

.vertical-tab {
	margin: 0px 0px 70px;
}

.under-sub-banner:after {
	display: block;
	clear: both;
	content: '';
}

.pathway ul {
	margin: 0px;
	padding: 0px 0px 0px;
	text-align: center;
	position: relative;
	z-index: 9;
}

.pathway li {
    float: none;
    display: inline-block;
    list-style: none;
    padding: 7px 0px 0;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 20px;
    color: #fff;
}

.pathway li:before {
	content: '/';
	color: #fff;
	margin-left: 10px;
	margin-right: 10px;
}

.pathway li a {
	color: #fff;
}

.pathway li:nth-child(1):before {
	content: '';
	display: none;
}

.pathway li a:hover {
	color: #fc0;
	text-decoration: none;
}

.pathway-o ul {
	margin: 0px;
	padding: 20px 0px 20px;
	text-align: center;
	position: relative;
	z-index: 9;
}

.pathway-o li {
	float: none;
	display: inline-block;
	list-style: none;
	padding: 0px 0px;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
	color: #585858;
}

.pathway-o li:before {
	content: '/';
	color: #585858;
	margin-left: 10px;
	margin-right: 10px;
}

.pathway-o li a {
	color: #585858;
}

.pathway-o li:nth-child(1):before {
	content: '';
	display: none;
}

.pathway-o li a:hover {
	color: #b92035;
	text-decoration: none;
}

.right-sub-section {
    width: 100%;
    float: left;
    background-color: #fff;
}

.welcome-sub-content {
	position: relative;
	height: 100%;
	padding: 0px 20px 0px 0px;
}

.welcome-sub-content img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top: 0px;
}

.welcome-sub-content p img {
	max-width: 100%;
	border-radius: 6px;
}

.right-sub-section .welcome-sub-content h1 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #183264;
    margin-bottom: 10px;
    line-height: 37px;
    text-align: left;
    font-family: var(--font4);
    font-style: italic;
}

.right-sub-section .welcome-sub-content h1 span {
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 21px;
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
    padding-top: 10px;
    color: #FF734B;
    /* text-transform: uppercase; */
}

.right-sub-section .welcome-sub-content h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 38px;
    display: inline-block;
    width: 100%;
    /* padding: 0px 0 4px 0; */
    color: #d20113;
    font-family: var(--font4);
    margin: 0;
    padding: 0;
    font-style: italic;
}

.right-sub-section .welcome-sub-content h4 {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 36px;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    color: #FF734B;
    font-family: var(--font4);
    font-style: italic;
}
.right-sub-section .welcome-sub-content h4.strong {
	font-weight: 600;
	color: #fff;
	background-color: #383838;
}

.right-sub-section .welcome-sub-content p {
    color: #303030;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 32px;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 20px 0px;
    /* text-align: justify; */
}

.right-sub-section .welcome-sub-content p:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	/*text-align: justify;*/
}

.right-sub-section .welcome-sub-content th {
    font-weight: 600;
    color: #000;
    background-color: #e8f4ff;
    font-size: 18px;
}

.right-sub-section .welcome-sub-content td {
    font-weight: 500;
    color: #000;
    vertical-align: middle;
    font-size: 0.85rem;
}

.right-sub-section .welcome-sub-content td.left {
	font-weight: 600;
	color: #fff;
	background-color: #383838;
}

.right-sub-section .welcome-sub-content p span {
	font-weight: 600;
}

.right-sub-section .welcome-sub-content li {
    padding-bottom: 30px;
    background-image: linear-gradient(-15deg, #e2f4ff, #e2f4ff);
    padding: 15px 35px;
    margin-top: 15px;
    list-style-type: disc;
    padding-left: 25px;
}

.right-sub-section .welcome-sub-content li {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    /* padding: 5px 15px 6px 15px; */
    text-align: justify;
    list-style-type: disclosure-closed;
    list-style-position: inside;
}


.right-sub-section .welcome-sub-content .lear-more {
	background-color: #b92035;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	padding: 15px 30px;
}

.right-sub-section .welcome-sub-content .lear-more:hover {
	background-color: #383838;
	text-decoration: none;
}

.right-sub-section .welcome-sub-content .read-more {
	background-color: #383838;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	padding: 15px 30px;
}

.right-sub-section .welcome-sub-content .read-more:hover {
	background-color: #b92035;
	text-decoration: none;
}

.right-sub-section .welcome-sub-content .vision-mission p {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	font-style: italic;
	color: #585858;
	padding: 0px 0px 20px;
	text-align: left;
}

.right-sub-section .welcome-sub-content .vision-mission p strong {
	font-weight: 600;
	font-style: normal;
}

.right-sub-section .welcome-sub-content .vision-mission img {
	float: none;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

@media (max-width:991px) {
	.right-sub-section {
		width: 100%;
		float: none;
		padding-bottom: 50px;
	}
}

@media (max-width:768px) {
	.welcome-sub-content {
		padding-right: 0px;
		padding-left: 0px;
	}

	.right-sub-section .welcome-sub-content .read-more,
	.right-sub-section .welcome-sub-content .lear-more {
		font-size: 14px;
		padding: 15px 10px;
		width: 100%;
		display: inline-block;
		margin-bottom: 10px;
	}
}

@media (max-width:1200px) {

	.right-section .welcome-sub-content .read-more,
	.right-section .welcome-sub-content .lear-more {
		font-size: 14px;
		padding: 15px 10px;
	}
}

.left-sub-menu-section {
	width: 25%;
	float: left;
	background-color: #733d90;
	border-radius: 6px;
}

.left-sub-menu-section .left-menu-one-dr {
	padding: 0px;
}

.left-sub-menu-section .left-menu-one-dr img {
	max-width: 100%;
}

.left-sub-menu-section .left-menu-one {
    padding: 20px;
    padding-bottom: 30px;
    height: 50%;
    background: linear-gradient(28.07deg, #2EAAFA -20.58%, #1F2F98 53.74%);
     display: none; 
}

.left-sub-menu-section .left-menu-one h3 {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #fff;
}

.left-sub-menu-section .left-menu-one h3 a {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #fff;
	text-decoration: none;
}

.left-sub-menu-section .left-menu-one h3 a:hover {
	color: #fc0
}

.left-sub-menu-section .left-menu-one ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.left-sub-menu-section .left-menu-one ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	list-style: none;
}

.left-sub-menu-section .left-menu-one ul li ul li {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	list-style: none;
}

.left-sub-menu-section .left-menu-one ul li a {
	padding: 12px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	width: 100%;
	display: inline-block;
}

.left-sub-menu-section .left-menu-one ul li a:hover {
	text-decoration: none;
	color: #fcee4f;
}

.left-sub-menu-section .left-menu-one .read-more:after {
	content: "\f178";
	font-family: FontAwesome;
	color: #fff;
	float: right;
	display: block;
	top: 10px;
	position: relative;
}

@media (max-width:991px) {
	.left-sub-menu-section {
		width: 100%;
		float: none;
	}
}

.subheading {
	color: #fa1e44;
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 1rem;
}


.subpage-section {
	text-align: center;
	padding: 60px 0px;
}

.subpage-section h3 {
    font-size: 2.5rem;
    font-weight: 800;
    color: #183264;
    margin-bottom: 10px;
    line-height: 37px;
    text-align: left;
    font-family: var(--font4);
    font-style: italic;
}

.subpage-section span {
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 21px;
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    color: #FF734B;
}

.subpage-section h3 span::after {
    display: block;
    content: '';
    background: #183264;
    width: 100px;
    height: 2px;
    margin-top: 15px;
}

.subpage-section h4 {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 36px;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    color: #FF734B;
    font-family: var(--font4);
    font-style: italic;
}

.subpage-section .content {
	font-weight: 400;
	text-align: left;
	overflow: hidden;
}

.subpage-section .content p {
	font-size: 16px;
	line-height: 36px;
	margin-bottom: 20px;
	font-weight: 600;
}

.subpage-section .content .vismis {
	background: #e8eef4;
	padding: 20px;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
	text-align: justify;
	color: #012d5c;
	border-radius: 6px;
}

.subpage-section .content .principal-name {
	font-size: 18px;
	color: #012d5c;
	text-align: center;
	margin-bottom: 16px;
	margin-top: 10px;
	font-weight: 800;
}

.subpage-section .content .all-news-img {
	width: 100%;
	height: 300px;
	border-radius: 6px;
	object-fit: cover;
}

.subpage-section .content .news-img {
	margin-right: 20px;
	margin-bottom: 20px;
	max-width: 100%;
	height: auto;
}

.subpage-section .content .row-b-padding {
	padding-bottom: 30px;
}

.subpage-section .content .news-page-title {
	padding-top: 10px;
	padding-bottom: 30px;
	line-height: 24px;
}

.subpage-section .content .news-page-title a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    /* text-transform: uppercase; */
}
.subpage-section .content .news-page-title a:hover {
	color: #000;
}

.subpage-section .content .news-page-title .date {
	font-size: 14px;
	font-weight: 400;
	color: #818181;
	line-height: 16px;
	padding-top: 8px;
}

.subpage-section .content th {
	background: #f4f7fa;
	text-transform: uppercase;
}

.subpage-section .content td {
	vertical-align: middle;
}

.subpage-section .content .downloads-select {
    padding: 12px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    font-weight: 400;
    color: #000;
    font-size: 0.8rem;
    outline: none;
}

.subpage-section .content .downloads-button {
    display: inline-block;
    background-color: #255483;
    color: #fff;
    font-weight: 400;
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 0.8rem;
    text-decoration: none;
    white-space: nowrap;
}

.subpage-section .content .downloads-button:hover {
	background: #224a73;
}

.subpage-section .tc-search {
	margin-bottom: 20px;
}

.subpage-section .tc-search p {
	color: #f00;
}

.subpage-section .tc-input {
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	outline: none;
	font-weight: 800;
}

.subpage-section .tc-button {
	padding: 12px 18px;
	border: 1px solid #fa1e44;
	background: #fa1e44;
	color: #fff;
	font-weight: 600;
	border-radius: 4px;
}

.subpage-section .tc-button:hover {
	background: #065fa6;
	border: 1px solid #065fa6;
}

.subpage-section .tc-search-result .tc-number {
	font-size: 18px;
	font-weight: 400;
	color: #065fa6;
}

.subpage-section .tc-search-result .tc-number strong {
	color: #fa1e44;
}

.subpage-section .tc-search-result .not-found {
	color: #f00;
}

.subpage-section .tc-search-result img {
	max-width: 100%;
}


.subpage-section .photo-album-name p {
	padding: 16px 0 0 0;
	margin: 0;
	line-height: 24px;
}

.subpage-section .photo-album-name a {
	font-weight: 600;
	color: #333;
	text-decoration: none;
}

.subpage-section .photo-album-name a:hover {
	color: #fa1e44;
}

.modal-body {
	color: #fff;
	background: #000;
}

.modal-body strong {
	color: #fecd05;
}

.modal-body a {
	color: #fecd05;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: 14px;
}

.subpage-section .content a.circle-bg {
    text-align: center;
    border: 4px dotted #ffffff;
    display: block;
    width: 145px;
    height: 145px;
    line-height: 135px;
    font-size: 36px;
    margin: 0 auto;
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    border-style: double;
    background: linear-gradient(90deg, #183264 0%, #275987 100%);
    border-radius: 50%;
    font-weight: 600;
    padding-top: 5px;
    transition:0.3s;
}
.subpage-section .content a.circle-bg:hover {
	background: #fff;
	border-color: #183264;
	color:1px solid #183264;
}

@media (max-width: 480px) {arrow-plus
	.subpage-section {
		padding: 40px 0px;
	}

	.subpage-section h3 {
		line-height: 46px;
	}

    .subpage-section h3 span {
        line-height: 20px;
    }

	.subpage-section .content .downloads-button strong {
		display: none;
	}
}

.media-img {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	margin: 50px 0px;
}

.media-img-video {
	margin: 10px 0px 50px 0px !important;
}

.media-img img {
	width: 100%;
	height: 300px;
	transition: transform .2s;
	cursor: pointer;
	border-radius: 6px;
	object-fit: cover;
}

.media-img img:hover {
	transform: scale(1.08);
}

.subpage-section .photo-album-name p {
	padding: 16px 0 0 0;
	margin: 0;
	font-size: 1.1rem;
	line-height: 24px;
	font-weight: 500;
	text-align: left;
}

.subpage-section .photo-album-name a {
	font-weight: 500;
	color: #333;
	text-decoration: none;
}

.subpage-section .photo-album-name a:hover {
	color: #fa1e44;
}

@media (max-width: 991px) {
	.media-img {
		display: block;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		margin: 50px 0px;
	}

	.media-img div {
		margin-bottom: 30px;
	}
}

.subpage-section-con {
    padding: 35px;
    background: linear-gradient(90deg, #183264 0%, #275987 100%);
    border-radius: 50px 0;
}

.subpage-section .content .waiting-message {
	color: #f00;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}

.subpage-section .content .alumni-img {
	max-width: 240px;
	height: auto;
}

.subpage-section .alumni-input {
    padding: 12px 16px;
    border: 1px solid #ddd;
    border-radius: 15px;
    width: 100%;
    outline: none;
    font-weight: 800;
}

.subpage-section .alumni-input::placeholder {
	color: #999;
	font-weight: 400;
	font-size: 0.9rem;
}

.subpage-section .alumni-button {
    padding: 12px 18px;
    background: #fff;
    color: #000;
    font-weight: 600;
    border-radius: 200px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 0.9rem;
    	transition: 0.3s;
}

.subpage-section .alumni-button:hover {
	background: #ffffffd9;
}

.subpage-section .photo-upload-title {
	font-weight: 800;
}

.subpage-section .content label.error {
	color: #f8ffdd8c;
	display: block;
	font-size: 0.8rem;
}

.subpage-contact-us {
	/* text-align: center; */
	padding: 40px 0px 60px;
	/* background: #b1d7d4; */
}

.subpage-contact-us h3 {
    font-size: 27px;
    font-weight: 600;
    color: #1e4171;
    margin-bottom: 10px;
    line-height: 28px;
}

.subpage-contact-us span {
	font-size: 18px;
	font-weight: 800;
	color: #181860;
	display: inline-block;
	width: 100%;
	/*padding-left: 20px;*/
}

.subpage-contact-us .contact-mg {
	margin-top: 20px;
}

.subpage-contact-us .contact-mg h4 {
	font-size: 15px;
	margin-bottom: 0px;
}

.subpage-contact-us .contact-mg .contact-box {
	background: #fff;
	height: 100%;
	padding: 14px;
	margin-bottom: 15px;
	/* border-radius: 0 15px 0; */
	box-shadow: 0 3px 10px rgb(0 0 0 / 5%);
	text-align: left;
	padding-left: 25px;
}

.contact-mg-learn {
	margin-top: 40px;
}

.contact-mg-learn a.lear-more {
	background-color: #fa1e44;
	font-size: 18px;
	font-weight: 800;
	color: #fff !important;
	text-align: center;
	padding: 15px 30px;
	text-decoration: none;
}

.contact-mg-learn a.lear-more:hover {
	background: #2ea636;
}

.contact-mg-units {
	margin-top: 20px;
}

.contact-mg-units h4 {
	font-size: 18px !important;
	margin-bottom: 8px;
	padding: 0 !important
}

.contact-mg-units .contact-box {
	background: #f0f0f0;
	height: 100%;
	padding: 14px;
	margin-bottom: 15px;
}

.contact-mg-units .contact-box p {
	font-size: 14px !important;
	line-height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.subpage-contact-us h4 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin-bottom: 16px;
    line-height: 20px;
}

.subpage-contact-us .contact-address {
	font-weight: 400;
	color: #484848;
	line-height: 28px;
}

.subpage-contact-us .contact-address p {
    margin-bottom: 0px;
    color: #e3802d;
    font-weight: 400;
    font-size: 0.9rem;
}

.contact-box-wrapper strong {
	color: #000;
	font-weight: 700;
}

.subpage-contact-us .contact-address a {
	color: #fa1e44;
}

.subpage-contact-us .contact-address a:hover {
	color: #181860;
}

.subpage-section h2.contact {
	color: #fff;
	font-weight: 400;
	font-size: 27px;
	margin-bottom: 7px;
}

.subpage-section p.contactcnt {
	color: #F8FFDD;
	font-weight: 300;
	font-size: 13px;
	margin-bottom: 34px;
}

.contact-map {
	background: #f4f7fa;
}

.footer-social {
	display: inline-block;
	margin-top: 23px;
	/* padding-left: 94px; */
}

.footer-social a {
	border-radius: 3px;
	float: left;
	margin-right: 10px;
}


/* Footer Social Media Icons  */

/* Facebook  */
.footer-social a.facebook {
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	text-decoration: none;
}

.footer-social a.facebook::after {
	content: '\f09a';
	display: block;
	font-size: 16px;
	font-family: FontAwesome;
	padding: 4px 11px;
	color: #1F2F98;
}

/* Instagram */
.footer-social a.instagram {
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	text-decoration: none;
}

.footer-social a.instagram::after {
	content: '\f16d';
	display: block;
	font-size: 16px;
	font-family: FontAwesome;
	padding: 2px 9px;
	color: #1F2F98;
}

/* youtube */
.footer-social a.youtube {
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	text-decoration: none;
}

.footer-social a.youtube::after {
	content: '\f16a';
	display: block;
	font-size: 16px;
	font-family: FontAwesome;
	padding: 2px 7px;
	color: #1F2F98;
}

.donate-bx {
	background: #9BE7FF;
	padding: 14px;
	border-radius: 12px;
	font-weight: 700;
	color: #000;
}






.right-sub-section .welcome-sub-content h1 span::after {
    display: block;
    content: '';
    background: #183264;
    width: 100px;
    height: 2px;
    margin-top: 15px;
}








/* subpages-new contact us style -start */

.contact-us-grid>.container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
	background: #fff;
	padding: 55px 50px;
}

@media(max-width:991px) {
	.contact-us-grid>.container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 40px;
	}

	.subpage-contact-us {
		text-align: left;
		padding: 50px 0px 0px;
		/*background: #e9e9e9;*/
	}

	.subpage-section-con {
		padding: 40px 0;
	}
}

@media(max-width:768px) {
	.contact-us-grid>.container {
		padding: 15px;
	}
}

.contact-page-address strong {
	color: #000;
	font-weight: 400;
}

.contact-box p>strong {
	color: #000;
	font-weight: 600;
}

.subpage-section input::placeholder {
	font-weight: 400;
}

.contact-us-grid {
    background: #e2f4ff;
    padding: 80px 15px;
}

@media(max-width:480px) {
	.contact-us-grid {
		padding: 80px 7px;
	}
}

/* subpages-new contact us style - end */


/*subpages-styles-end */








/* extra  */

.gal-head-buttons a {
	text-decoration: none;
}

.contact-details-block {
	padding: 10px;
}

.subpage-contact-us .contact-address p.address-para {
	color: #000;
	margin: 25px 0;
}

.contact-details-block strong {
    color: #1c3c6d;
}


/* test  */


.welcome-sub-content .marbaselious-sub-style-1 img {
	width: 100%;
	border-radius: 10px;
	margin: 0 0 20px;
}

.welcome-sub-content .marbaselious-sub-style-1 h6 {
	color: #000;
	font-weight: 600;
	font-size: 1.1rem;
}

.academic-head {
	background: #2C6337;
	color: #fff;
	padding: 15px 10px;
	font-weight: 400;
	font-size: 1rem;
	border-radius: 4px 4px 0 0;
}

.academic-content {
	background: #E5EE9E;
	padding: 25px 10px;
	color: #000;
	font-weight: 500;
}

.right-sub-section .welcome-sub-content .marbaselious-sub-style-1 li {
	background-image: none;
	padding: 0;
	padding-left: 15px;
	margin: 0;
}


.academic-box {
	margin: 0 0 10px;
}

.council-members {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
}

@media(max-width:991px) {
	.council-members {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media(max-width:768px) {
	.council-members {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width:420px) {
	.council-members {
		grid-template-columns: repeat(1, 1fr);
	}
}

.right-sub-section .welcome-sub-content .council-members-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	padding: 25px 10px;
	border-radius: 10px;
}

.right-sub-section .welcome-sub-content p.c-memb-name {
	color: #2C6337;
	margin: 0;
	padding: 0;
}

.right-sub-section .welcome-sub-content p.c-memb-design {
	color: #25BF3E;
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-size: 0.85rem;
}

a.bishop-read-more {
	font-family: var(--third-family);
	font-weight: 600;
	font-size: 15px;
	letter-spacing: -0.05em;
	color: #0e4d1a;
	text-decoration: none;
}

@media(max-width:600px) {
	.sub-management-msg {
		float: none !important;
	}
}

@media(max-width:991px) {
	.col-lg-6 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

h5.subjects-offered-head {
	color: #003D2B;
	font-weight: 800;
}




/*test */


.album-col {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

@media(max-width:991px) {
	.album-col {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width:768px) {
	.album-col {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media(max-width:420px) {
	.album-col {
		grid-template-columns: repeat(1, 1fr);
	}
}

.album-cnt {
    padding: 20px 10px;
    background: #081d38;
    /* border: 1px solid #003D2B; */
    border-radius: 60px;
}

.album-cnt a {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    font-size: 1rem;
}

.album-cnt2 img {
	height: 300px;
	object-fit: cover;
	width: 100%;
	margin: 0 0 10px;
}

.album-cnt2 a,
.photo-album-name p {
	color: #003D2B;
	font-weight: 600;
}

.news-sub-outer-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

@media(max-width:991px) {
	.news-sub-outer-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width:575px) {
	.news-sub-outer-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}



/*test */

.news-subpage-grid {
	display: flex;

	gap: 27px;
}

@media(max-width:991px) {
	.news-subpage-grid {
		flex-wrap: wrap;
	}
}

.news-subpage-grid p>a {
	display: none;
}

.n-subpage-content {
	text-align: left;
}

/*.news-subpage-grid img{*/
/*	float: left;*/
/*}*/

.news-p-gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	margin: 40px 0 25px;
}

@media(max-width:991px) {
	.news-p-gallery {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width:575px) {
	.news-p-gallery {
		grid-template-columns: repeat(1, 1fr);
	}
}

.news-gallery-block img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}




/*test */



.class-dission {
	text-align: center;
	margin: 0px auto 20px auto;
}

.class-dission ul {
	margin: 0;
	padding: 0;
}

.class-dission ul li {
	display: inline-block;
	list-style-type: none;
	/* padding: 15px 35px 15px 35px; */
}

.class-dission ul li a {
	display: block;
	color: #333;
	border: 3px solid #2C6337;
	font-size: 18px;
	/* height: 52px; */
	width: 120px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	margin: 0 10px 10px 10px;
	position: relative;
	text-decoration: none;
	background: #E5EE9E;
	font-weight: 800;
}

.class-dission ul li a:hover,
.class-dission ul li a.actv {
	background-color: #003D2B;
	color: #fff;
	border: 3px solid #003D2B;
}

.class-dission ul li a::after {
	color: #003D2B;
	content: "\f0d7";
	position: absolute;
	font-size: 24px;
	top: 59%;
	font-family: 'FontAwesome';
	left: 50%;
	opacity: 0;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50, 0);
	-moz-transform: translate(-50, 0);
	-ms-transform: translate(-50, 0);
	-o-transform: translate(-50, 0);
}

.class-dission ul li a:hover::after,
.class-dission ul li a.actv::after {
	opacity: 1;
}

.boys-grid {
	margin-bottom: 60px;
	padding-bottom: 5px;
	background-color: #E5EE9E;
	position: relative;
	border: 1px solid #003D2B;
	padding: 10px;
	border-radius: 8px;
	text-align: center;
	box-shadow: 2px 4px 8px -3px rgba(0, 0, 0, 0.20);
}

.boys-grid img {
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.boys-grid .name {
	padding: 10px 0px;
	font-weight: 600;
	color: #000;
}

.boys-grid .fb {
	position: absolute;
	top: 20px;
	right: 20px;
}

.boys-grid .fb a {
	padding: 7px 0px 0px 0px;
	width: 40px;
	height: 40px;
	display: block;
	border-radius: 50px;
	float: left;
	text-align: center;
	background-color: #4e71a8;
	color: #fff;
	text-decoration: none;
}

.boys-grid .fb a:after {
	font-family: 'FontAwesome';
	content: "\f09a";
	color: #fff;
}

.boys-grid .edit {
	position: absolute;
	top: 20px;
	left: 20px;
}

.boys-grid .edit a {
	padding: 7px 0px 0px 0px;
	width: 40px;
	height: 40px;
	display: block;
	border-radius: 50px;
	float: left;
	text-align: center;
	background-color: #2C6337;
	color: #fff;
	text-decoration: none;
}

.boys-grid .edit a:after {
	font-family: 'FontAwesome';
	content: "\f040";
	color: #fff;
}

.boys-grid .edit a:hover,
.boys-grid .fb a:hover {
	background: #587B36;
}

.alumni-table th {
	font-weight: 600;
	color: #fff;
	background-color: #fa1e44 !important;
	font-size: 18px;
}

.alumni-table td {
	font-weight: 600;
	color: #282828;
}




.alumini-years-outer {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
	grid-row-gap: 30px;
}

@media(max-width:991px) {
	.alumini-years-outer {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media(max-width:768px) {
	.alumini-years-outer {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media(max-width:600px) {
	.alumini-years-outer {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width:480px) {
	.alumini-years-outer {
		grid-template-columns: repeat(2, 1fr);
	}
}

.events-block2 {
	margin: auto 0;
}

.n-subpage-content {
	line-height: 30px;
	font-size: 1rem;
	color: #000;
	font-weight: 400;
}

.n-subpage-content span {
	color: #000;
}

.table-responsive thead {
    background: #e8f4ff;
}

.table-responsive tbody {
    background: #e8f4ff2e;
    font-size: 0.9rem;
}

a.view-doc {
	background: #2C6337;
	color: #fff;
	white-space: nowrap;
	padding: 5px 10px;
	font-size: 0.9rem;
	border-radius: 3px;
	text-decoration: none;
}

.subpage-section .content th {
    background: #e8f4ff;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 0.9rem;
}




#more {
	display: none;
}


/* MANAGEMENT  */

.management-cluny {
	background: url(../images/manage-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.management-cluny .thirumeni-head {
	color: #fff;
}

.management-cluny .thirumeni-head::after {
	content: "";
	display: block;
	background: #d9d9d9;
	width: 100px;
	height: 1px;
	margin: 10px 0 10px;
}

.manage-block {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 50px 60px;
}
@media(max-width:991px){
    .manage-block {
        text-align: center;
        background: #fff;
        border-radius: 10px;
        padding: 40px 40px;
    }
}
@media(max-width:768px){
    .manage-block {
        text-align: center;
        background: #fff;
        border-radius: 10px;
        padding: 20px 20px;
    }
    .manage-position {
        margin: 13px 0 0;
    }
}

.manage-block img {
    border-radius: 10px;
    width: 100%;
}

.manage-position {
	text-align: left;
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 13px;
	line-height: 115%;
	letter-spacing: -0.05em;
	color: #ff734b;
	margin: 25px 0 0;
}

.manage-name {
    text-align: left;
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 15px;
    line-height: 112%;
    /* letter-spacing: -0.05em; */
    color: #000;
    margin: 5px 0 0;
}

.management-cluny .jom-slider .tns-controls {
	display: none;
}


/* CAMPUS */

/* 
.campus {
	background: #FEFFF6;
}

.campus-left-content {
	background: #ffd333;
}

.clc-para {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 18px;
	line-height: 194%;
	letter-spacing: -0.05em;
	color: #000;
}

.clc-loc-content {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 17px;
	line-height: 171%;
	letter-spacing: -0.05em;
	color: #494858;
}

a.clc-more {
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 16px;
	color: #fefff6;
	background: #000;
	padding: 9px 20px;
	text-decoration: none;
}

a.clc-location {
	font-family: var(--third-family);
	font-weight: 500;
	font-size: 16px;
	color: #000;
	border: 1px solid #000;
	padding: 8px 20px;
	text-decoration: none;

}

.cr-content {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 19px;
	color: #5f6783;
	text-align: left;
}

.campus-right .thirumeni-head::before {
	content: "";
	display: inline-block;
	background: #d9d9d9;
	width: 100px;
	height: 1px;
	margin: 10px 10px 10px 0;
	position: absolute;
	bottom: -22px;
	right: -5px;
}

.campus-right .thirumeni-head {
	color: #1D3F6D;
}

.campus-wrapper {
	display: grid;
	grid-template-columns: 60% 35%;
	gap: 5%;
}

@media(max-width:991px) {
	.campus-wrapper {
		display: grid;
		grid-template-columns: 100%;
	}
}

@media(max-width:1200px) {
	.clc-loc-buttons {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
}

.campus-right {
	text-align: right;
}

.campus-facilities-list {
	display: inline-grid;
}

a.campus-facility {
	font-family: var(--third-family);
	font-weight: 700;
	font-size: 21px;
	line-height: 267%;
	letter-spacing: -0.05em;
	text-align: right;
	color: #000;
	transition: 0.3s;
	text-decoration: none;
}

a.campus-facility:hover {
	color: #ff734b;
}

a.campus-facility:hover::before {
	content: "";
	display: inline-block;
	background: #ff734b;
	width: 100px;
	height: 1px;
	margin: 10px 10px 10px 0;
	position: relative;
	top: 2px;
	transition: 0.3s;
} */

.video-outer img {
	width: 100%;
}

.videoo-slider .jom-slider .tns-controls [aria-controls] {
	display: none;
}

.video-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #e2f4ff;
}

.video-section h4 {
    color: #1d3f6d;
}

.video-section h4::after {
	content: "";
	display: block;
	background: #d9d9d9;
	width: 100px;
	height: 2px;
	margin: 10px 0;
}

a.video-all {
	background: #2d4625;
	color: #fff;
}

.footer-menu-block a {
    color: #fff;
    text-decoration: none;
    /* text-transform: uppercase; */
    font-size: 0.9rem;
}

.footer-menu-block ul {
	margin: 0;
	padding: 0;
}

.footer-menu-block ul li {
	margin: 10px 0;
}


@media(min-width:1201px) {
	.menu-max-1200 {
		display: none;
	}
}

@media(max-width:1200px) {

	.menu-min-1200 {
		display: none;
	}
}


/* ABOUT US NEW  */



.card {
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	background: transparent;
	align-items: center;
}


.card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease-in-out;
}


.card:hover img {
	transform: scale(1.1);
}


.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(0, 0, 0, 0.5); */
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%), rgba(34, 76, 123, 0.69);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	padding: 10px;
}

.card:hover .overlay {
	opacity: 1;
}


.card h2 {
	color: #FFF;
	text-align: center;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}


.services .jom-slider .tns-controls [aria-controls] {
	display: none;
}


.card h5 {
	font-weight: 500;
	font-size: 16px;
	line-height: 161%;
	text-transform: uppercase;
	color: #fff;
	position: absolute;
	z-index: 9;
	bottom: 10px;
	opacity: 1;
	text-align: center;
	padding: 15px;
	letter-spacing: 0.02rem;
}

.card:hover h5 {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

a.services-read-more {
    font-weight: 400;
    font-size: 0.9rem;
    color: #fff;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background: #ff734b;
    text-align: center;
    padding: 10px 25px;
    border-radius: 6px;
    position: relative;
    top: -75px;
    transition: 0.3s;
}

a.services-read-more svg {
	margin-left: 10px;
}

.card>.overlay p {
	font-weight: 400;
	font-size: 13px;
	line-height: 200%;
	color: #fff;
	margin: 15px 0;
}

.overlay h6 {
	font-weight: 500;
	font-size: 16px;
	line-height: 161%;
	text-transform: uppercase;
	color: #fff;
	text-align: left;
	position: relative;
	left: -40px;
}

.our-services hr {
	background: #E6E6E6;
	margin-top: 100px;
}

.about-section .jom-slider .tns-controls [aria-controls] {
	display: none;
}






.about-section>.container {
	background: #e2f4ff;
	padding: 375px 50px 50px;
	position: relative;
}

h1.about-head {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 58px;
    line-height: 121%;
    /* letter-spacing: -0.05em; */
    text-align: center;
    color: #183264;
    font-family: "Lora", serif;
    font-style: italic;
}

@media(max-width:600px) {
	h1.about-head {
		font-size: 41px;
	}
}

p.about-para {
    font-family: var(--third-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 161%;
    text-align: center;
    color: #183264;
}

.about-section-top {
	display: grid;
	grid-template-columns: 40% 62%;
	/* gap: 5%; */
	position: relative;
	z-index: 9;
}

.about-top-left {
    border-radius: 38px 0;
    background: linear-gradient(90deg, #183264 0%, #275987 100%);
    padding: 60px 40px;
    position: absolute;
    top: 50px;
    right: -100px;
    z-index: 99;
    left: 20px;
}

h2.about-t-head {
    font-family: var(--font4);
    font-weight: 700;
    font-size: 29px;
    line-height: 117%;
    color: #fff;
    font-family: "Lora", serif;
    font-style: italic;
}

.about-t-content {
    font-family: var(--third-family);
    font-weight: 300;
    font-size: 0.9rem;
    line-height: 161%;
    /* letter-spacing: -0.05em; */
    /* text-align: justify; */
    color: #fff;
}

.about-top-right img {
	border-radius: 17px;
	height: 550px;
	object-fit: cover;
}

.about-top-right-outer {
	position: relative;
}

a.ab-right-button {
	position: absolute;
	bottom: 30px;
	right: 50px;
}

.about-top-left-outer {
	position: relative;
}

.ast-section {
	position: relative;
	margin: 325px 0 0;
}

.ast-wrapper {
	position: absolute;
	right: 0;
	left: 0;
	top: -236px;
}

@media(max-width:1200px) {
	.about-section-top {
		grid-template-columns: 100%;
	}

	.about-top-left {
		border-radius: 38px 0;
		background: linear-gradient(90deg, #183264 0%, #275987 100%);
		padding: 50px;
		position: absolute;
		top: -125px;
		right: 30px;
		z-index: 99;
		left: 30px;
	}

	.ast-section {
		position: relative;
		margin: 450px 0 0;
	}
}

@media(max-width:768px) {
	.ast-section {
		position: relative;
		margin: 675px 0 0;
	}

	.about-top-left {
		border-radius: 38px 0;
		background: linear-gradient(90deg, #183264 0%, #275987 100%);
		padding: 40px;
		position: absolute;
		top: -325px;
		right: 30px;
		z-index: 99;
		left: 30px;
	}
}

@media(max-width:480px) {
	.about-top-left {
		border-radius: 38px 0;
		background: linear-gradient(90deg, #183264 0%, #275987 100%);
		padding: 40px 15px;
		position: absolute;
		top: -325px;
		right: 0;
		z-index: 99;
		left: 0;
	}
}

/* mission  */

.mission-wrapper h4::after {
	content: "";
	display: block;
	background: #d9d9d9;
	width: 100px;
	height: 2px;
	margin: 10px 0;
}

p.mission-content {
    font-family: var(--third-family);
    font-weight: 400;
    font-size: 17px;
    line-height: 176%;
    /* letter-spacing: -0.03em; */
    color: #1e2326;
    padding: 0 0 25px;
    border-bottom: 1px solid #e0eaee;
}

h1.mission-action {
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 55px;
    line-height: 130%;
    letter-spacing: -0.03em;
    color: #ff734b;
    text-align: left;
    font-family: "Lora", serif;
    font-style: italic;
}

.mission-outer {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 70px;
}

@media(max-width:991px) {
	.mission-outer {
		grid-template-columns: repeat(1, 1fr);
	}
}

.mission-right img {
	border-radius: 38px 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

a.mission-buttons {
	font-family: var(--font-family);
	font-weight: 500;
	font-size: 19px;
	color: #183264;
	text-decoration: none;
	border: 1px solid #cecece;
	border-radius: 6px;
	padding: 20px 35px;
	text-align: center;
	transition: 0.3s;
}

.m-but-outer {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

@media(max-width:575px) {
	.m-but-outer {
		display: flex;
		flex-direction: column;
	}
}

a.mission-buttons:hover {
	background: #ff734b;
	color: #fff;
}

a.apply-mission {
	background: #ff734b;
	color: #fff;
}

a.apply-mission:hover {
	color: #183264;
	background: transparent;
	border: 1px solid #cecece;
}

/* CAMPUS  */

.campus-outer {
    display: grid;
    grid-template-columns: 60% 35%;
    gap: 5%;
    padding: 100px 85px;
    background: #e2f4ff;
    background: linear-gradient(to bottom, #e2f4ff 70%, transparent 50%);
}

@media(max-width:1200px) {
	.campus-outer {
		grid-template-columns: 100%;
	}
}

@media(max-width:600px) {
	.campus-outer {
		padding: 50px 35px 100px;
	}
}

@media(max-width:480px) {
	.campus-outer {
		padding: 50px 15px 100px;
	}
}

.campus-right h4 {
	color: #1d3f6d;
}

.campus-right h4::after {
	content: "";
	display: block;
	background: #d9d9d9;
	width: 100px;
	height: 2px;
	margin: 10px 0;
}

.cr-content {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 17px;
	color: #5f6783;
}



/* FOOTER  */

footer {
	background: linear-gradient(90deg, #183264 0%, #275987 100%);
}

.footer-but {
	border: 1px solid #ff734b;
	border-radius: 6px;
	padding: 15px 25px;
	font-family: var(--font-family);
	font-weight: 700;
	font-size: 17px;
	color: #ff734b;
	text-align: center;
	text-transform: uppercase;
	transition: 0.3s;
}

.footer-row1 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
@media(max-width:991px){
	.footer-row1 {
		grid-template-columns: repeat(1, 1fr);
	}
}

.footer-menus {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}
@media(max-width:480px){
	.footer-menus {
		grid-template-columns: repeat(1, 1fr);
		text-align: center;
	}
}

.footer-links a:hover {
	color: #fff;
	transition: 0.3s;
}

.footer-but:hover {
	background: #ff734b;
	color: #fff;
}

.footer-buttons a {
	text-decoration: none;
}

.footer-menus h6 {
	font-family: var(--third-family);
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	color: #ff734b;
}

.footer-logo-but {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 15px;
}
@media(max-width:991px){
	.footer-logo-but {
		grid-template-columns: repeat(1, 1fr);
		gap: 25px;
		margin: 0 0 25px;
	}
	.footer-logo{
		display: flex;
		justify-content: center;
	}
}
.footer-but-sel {
	background: #ff734b;
	color: #fff;
}

.footer-row2 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
}
@media(max-width:991px){
	.footer-row2 {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}
}

.footer-email {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}

.footer-phone {
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 18px;
	color: #fff;
}

p.footer-address {
	line-height: 153%;
	font-family: var(--third-family);
	font-weight: 400;
	font-size: 16px;
	color: #fff;
}

/* BACKTOP  */
.backtop-comm {
    /* position: fixed; */
    /* width: 60px; */
    /* height: 60px; */
    font-weight: 500;
    bottom: 166px;
    right: 20px;
    z-index: 1000000;
    /* background: #0BA5DE; */
    border-radius: 100px;
    text-align: center;
    color: #fff;
    font-size: 40px;
    /* padding-top: 10px; */
}

.backtop-comm svg{
	position: relative;
}
hr.copy-top{
	background: #1577b8;
}
.copy-text{
	color: #fff;
}
.header-top{
	justify-content: end !important;
}

@media(max-width:600px){
.contact-details-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
}
@media(max-width:991px){
	.col-lg-6{
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.para-style-2 {
    color: #1d3f6d;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
}

.cluny-school-style-1 h5 {
    color: #183264;
    font-weight: 700;
    font-size: 1.5rem;
    margin: 0 0 5px;
    font-family: var(--font4);
    font-style: italic;
}






.welcome-sub-content .modern-team-block {
	position: relative;
}
.welcome-sub-content .modern-team-block .team-con {
    position: absolute;
    bottom: 10px;
    padding: 20px 15px;
    /* padding-left: 30px; */
    background: linear-gradient(to top, rgb(0 0 0 / 50%), rgb(0 0 0 / 69%));
    width: -webkit-fill-available;
    left: 0;
    border-radius: 0 0 45px 0;
}
.modern-team{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap:25px
}
@media(max-width:1200px){
    .modern-team{
    	grid-template-columns: repeat(3,1fr);
    	gap:15px
    }
}
@media(max-width:768px){
    .modern-team{
    	grid-template-columns: repeat(2,1fr);
    	gap:15px
    }
}
@media(max-width:768px){
    .modern-team{
    	grid-template-columns: repeat(2,1fr);
    	gap:15px
    }
}
@media(max-width:420px){
    .modern-team{
    	grid-template-columns: repeat(1,1fr);
    	gap:15px
    }
}
.welcome-sub-content .modern-team-block img {
    width: 100%;
    border-radius: 45px 0 45px 0;
}

h5.team-name {
    color: #fff;
    font-weight: 500;
    font-size: 1rem;
}


.cluny-style-5 img {
    height: 100%;
    object-fit: cover;
    padding: 0 0 10px;
}


@media(max-width:768px) {
    .sub-management-msg {
        float: none !important;
    }
    .sub-management-msg img {
        margin-left: 0 !important;
    }
}
.welcome-sub-content h6 {
    background: linear-gradient(90deg, #183264 0%, #275987 100%);
    margin: 0 0 7px;
    color: #fff;
    font-size: 1rem;
    padding: 20px 10px;
    border-radius: 0 50px 50px 0;
    font-weight: 400;
    width: 50%;
}
@media(max-width:991px){
    .welcome-sub-content h6 {
        width:100%;
    }
}

@media(min-width:992px){
    .subpage-contact-us{
        order:2;
    } 
}

h6.team-design {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 400;
    font-style: italic;
    margin: 5px 0 0;
    background: none;
    padding: 0;
    border-radius: 0;
    width: 100%;
}



/*fees */

.padding-b-20 {
    padding-bottom: 20px;
}
.feesa {text-align:center; margin-bottom:10px;}
.feesa a {text-align: center;
    background-color: #fcee4f;
    border: 4px dotted #fff;
    display: block;
    border-radius: 0px;
    line-height: 38px;
    font-size: 28px;
    margin: 0 auto;
    color: #333;
    text-decoration: none;
    font-weight: 800;
    padding:14px;
}
.feesa a:hover {
	background:#fa1e44;
	border: 4px dotted #fff;
	color:#fff;
}
.fee-outer {background:#ccc; padding:10px;}
.fees2 {text-align:center; margin-bottom:10px;background:#fff;padding:10px;border:1px solid #ccc;margin-bottom:10px;color:#000;}
.fees2 strong {color:#fa1e44;font-weight:800;}
.subpage-section h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    color: #181860;
    padding: 0px 0px 10px;
}
.padd-top-20 {
    padding-top:20px!important;
    color:#fa1e44!important;
}


/*fees end*/


.contentsub {
    margin: 25px 0 0;
}

    .houser-outer {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    @media(max-width:991px) {
        .houser-outer {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media(max-width:600px) {
        .houser-outer {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
        }
    }
    .houses-block img{
        width:100%;
    }
    .houser-outer h6 {
        color: #183264;
        background: none;
        padding: 0;
        width: 100%;
        font-weight: 700;
        margin: 5px 0 0;
    }
    .welcome-sub-content .cca img {
        margin: 0px 0 35px;
    }
    .welcome-sub-content .cca p {
        margin: 0px 0 10px;
    }
    
    /*test */

.results-outer-sub {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    text-align:center;
}
@media(max-width:1200px) {
    .results-outer-sub {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media(max-width:991px) {
    .results-outer-sub {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(max-width:600px) {
    .results-outer-sub {
        grid-template-columns: repeat(2, 1fr);
    }
}
.results-name {
    font-size: 0.9rem;
    font-weight: 600;
    color: #000;
}

.results-sub {
    font-size: 0.8rem;
    font-weight: 500;
    color: #000;
}
.results-outer-sub img{
    width:100%;
}
.sub-page-results-cluny h5{
    margin:0 0 10px;
}
@media(max-width:1200px) {
    .ast-wrapper{
        position: static;
    }
    .about-top-left{
        position: static; 
    }
    .ast-section {
        position: relative;
        margin: 100px 0 0;
    }
    .about-section>.container {
        background: #e2f4ff;
        padding: 50px 50px 50px;
        position: relative;
    }
    .about-section-top {
        grid-template-columns: 100%;
        gap: 40px;
        margin: 0 0 100px;
    }
}




/*test */

a.header-button:hover{
	background: red;
}
a.about-button:hover{
    background:#183264;
}
a.services-read-more:hover {
    background: #11a0b9;
}


a.pop-link-mbps {
    background: #ff7a53;
    color: #fff;
    font-size: 0.9rem;
    padding: 7px 12px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
}