@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kb d, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, select, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-family: 'Hind', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
	outline: 0;
}
.trs {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.placeholder {
	color: #666;
	opacity: 1 !important;
	font-size: 14px;
}

::-webkit-input-placeholder {
 color: #666;
 opacity: 1 !important;
 font-size: 14px;
}

:-moz-placeholder {
 color: #666;
 opacity: 1 !important;
 font-size: 14px;
}

::-moz-placeholder {
 color: #666;
 opacity: 1 !important;
 font-size: 14px;
}

:-ms-input-placeholder {
 color: #666;
 font-size: 14px;
}
:focus {
	outline: none !important;
}
a:hover {
	text-decoration: none;
}
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
 transition: background-color 5500s ease-in-out 0s;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background-image: url('../images/arrow.png') !important;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 15px 0 5px !important;
	cursor: pointer !important;
}
 select::-ms-expand {
 display: none;
}
input[type="text"], input[type="email"], input[type="password"], input[type="file"], textarea, select {
	padding: 0px !important;
	background-color: transparent !important;
	border: none !important;
	border-bottom: 1px solid #cccccc !important;
	border-radius: 0px !important;
	margin: 0px;
	outline: none !important;
	box-shadow: none !important;
	height: 26px;
	font-size: 14px !important;
	color: #333 !important;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus, select:focus {
	border-bottom: 1px solid #fecd08 !important;
}
select {
	height: 26px !important;
}
textarea {
	resize: none;
	padding: 0 !important;
	height: 112px;
}
.input_style {
	width: 100%;
	float: left;
	position: absolute;
	left: 0;
	top: -20px;
	color: #333;
	z-index: 10;
	cursor: text;
	transition: transform 200ms ease-out, font-size 200ms ease-out;
	font-weight: 400;
	font-size: 15px;
}
.focused .input_style {
	transform: translateY(-50%);
	color: #135d83;
}
.focused input[type="text"], .focused input[type="email"], .focused input[type="password"], .focused input[type="file"], .focused textarea, .focused select {
	border-bottom: 1px solid #fecd08 !important;
}
.select_style {
	width: 100%;
	height: 26px;
	font-weight: 400;
	font-size: 15px;
	padding: 0px !important;
	border: none !important;
	border-bottom: 1px solid #999 !important;
	border-radius: 0px !important;
	margin: 0px;
	outline: none !important;
	box-shadow: none !important;
	background-position: right top;
}
.form-group {
	width: 100%;
	float: left;
	margin: 30px 0 !important;
	position: relative;
}
.nothing_display {
	width: 100%;
	padding: 80px 0;
	margin: 0 0 20px 0;
	background: #fff;
	float: left;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	color: #ee1c24;
}

/***************************** Header *****************************/ 
.top {
	width: 100%;
	float: left;
	background: #91ddf4;
	background: -moz-linear-gradient(left, #91ddf4 0%, #fff 55%);
	background: -webkit-linear-gradient(left, #91ddf4 0%, #fff 55%);
	background: linear-gradient(to left, #c2a04e 0%, #fff 55%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91ddf4', endColorstr='#ffffff', GradientType=0 );
}
.top_ph {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	padding: 5px;
	float: right;
}
.top_ph:hover {
	text-decoration: none;
}
.top_ph i {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	margin: 0 4px;
}
.top_ph:hover i {
	-webkit-transform: scale(1.3) rotate(12deg);
	transform: scale(1.3) rotate(12deg);
	color: #135d83;
}
.head {
	width: 100%;
	float: left;
	/*overflow: hidden;*/
	background: #c2a04e;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
	z-index: 999;
}
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}
.sticky + .banner, .sticky + .breadcrumb_bg {
	padding-top: 45px;
}
.logo_box {
	width: 100%;
	float: left;
	/*min-height: 100px;*/
	background: #fff;
	/*background: url(../images/top_bg.png) no-repeat;*/
	background-position: 100% 50%;
}
.logo {
	/*width: 180px;*/
	float: left;
	margin: -20px 0 5px 0;
}
.logo_title {
	padding: 0;
}
.logo_title .cp_logo {
	width: 250px;
	margin: 20px 0 0 0;
}
.logo_title .cambridge_logo {
	width: 180px;
	margin: 20px 0 0 20px;
}
.top_login_box {
	text-align: right;
}
.top_login {
	margin: 20px 0 0;
	/*width: 200px;*/
}
.parents_login {
	/*width: 135px;*/
	float: right;
	padding: 5px;
	background: #fecd08;
	color: #000;
	margin: 30px 0 0 0;
	font-size: 14px;
	text-align: center;
}
.parents_login:hover {
	color: #135d83;
}
.avalon_group_initiative {
	/*width: 190px;*/
	float: right;
	padding: 5px;
	background: #fecd08;
	color: #000;
	margin: 30px 5px 0 5px;
	font-size: 14px;
	text-align: center;
}

.parents_login .fa-bell{
	font-size: 13px;
	-webkit-animation: ring 4s .7s ease-in-out infinite;
  	-webkit-transform-origin: 50% 4px;
  	-moz-animation: ring 4s .7s ease-in-out infinite;
  	-moz-transform-origin: 50% 4px;
  	animation: ring 4s .7s ease-in-out infinite;
  	transform-origin: 50% 4px;
}
@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}




.send_btn {
	border: 1px solid #fff;
	color: #000;
	padding: 8px 15px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	cursor: pointer;
	background: #fecd08;
}
.send_btn:hover {
	background: #000;
	color: #fff;
	letter-spacing: 2px;
}
.send_btn:focus {
	box-shadow: none;
}
.career_btn {
	width: 180px;
	bottom: 10px;
	position: absolute;
	/* left: 0; */
	/* right: 0; */
	/* margin: 0 auto; */
}
.whatsapp_icon img {
	width: 50px;
	bottom: 30%;
	left: 0;
	position: fixed;
	z-index: 99;
}
.side_socialmedia {
	width: 35px;
	bottom: 45%;
	left: 0px;
	position: fixed;
	z-index: 99;
}
.side_socialmedia a img {
    padding: 2px 0;
}

/***************************** Menu *****************************/
.navbar {
	padding: 0;
}
.dropdown-menu {
	padding: 0;
	margin: 0;
}
.dropdown-item {
	padding: 10px 8px !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.navbar-nav > li > a {
	padding: 10px 9px 7px 9px !important;
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}
.navbar-nav > li > a::after {
	content: "";
	width: 0;
	height: 3px;
	margin: 0 auto;
	background-color: #fecd08;
	transition: all ease 0.3s;
	display: block;
	position: relative;
	bottom: -6px;
}
.nav > li > a:hover::after, .nav > li > a.active::after, .nav > li > a:focus::after {
	width: 100%;
}
.navbar-nav.sm-collapsible .sub-arrow {
	position: absolute;
	top: 50%;
	right: 0;
	margin: -0.7em 0.5em 0 0;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: .25rem;
	padding: 0;
	width: 2em;
	height: 1.4em;
	font-size: 1.25rem;
	line-height: 1.2em;
	text-align: center;
}
.navbar-nav.sm-collapsible .sub-arrow::before {
	content: '+';
}
.navbar-nav.sm-collapsible .show > a > .sub-arrow::before {
	content: '-';
}
.navbar-dark .navbar-nav.sm-collapsible .nav-link .sub-arrow {
	border-color: rgba(255, 255, 255, .1);
}
.navbar-nav.sm-collapsible .has-submenu {
	padding-right: 3em;
}
.navbar-nav.sm-collapsible .nav-link, .navbar-nav.sm-collapsible .dropdown-item {
	position: relative;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: 2px;
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-left: .3em solid transparent;
}
.fixed-bottom .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow, .fixed-bottom .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-toggle::after {
	border-top: 0;
	border-bottom: .3em solid;
}
.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow, .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	margin-top: -.3em;
	margin-right: 1em;
	border-top: .3em solid transparent;
	border-bottom: .3em solid transparent;
	border-left: .3em solid;
}
.navbar-nav:not(.sm-collapsible) .dropdown-item.has-submenu {
	padding-right: 2em;
}
.navbar-nav .scroll-up, .navbar-nav .scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.navbar-nav .scroll-up-arrow, .navbar-nav .scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid;
	border-left: 7px solid transparent;
}
.navbar-nav .scroll-down-arrow {
	top: 6px;
	border-top: 7px solid;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid transparent;
}
.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
	margin: .5em;
}
.navbar-nav:not([data-sm-skip]) .dropdown-item {
	white-space: normal;
}
.navbar-nav:not(.sm-collapsible) .sm-nowrap > li > .dropdown-item {
	white-space: nowrap;
	border-bottom: 1px dotted #666;
}
.navbar-toggler {
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 16px;
	text-align: left;
	padding: 10px 40px;
}
.sticky .navbar-toggler {
	padding: 10px;
}
.navbar-toggler-icon {
	width: 32px;
	height: 19px;
	background: url(../images/menuicon.png) no-repeat top right;
	float: right;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	padding: 0 !important;
	border: none;
	border-radius: 0 !important;
	text-transform: capitalize;
	font-size: 15px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.dropdown-item:focus, .dropdown-item:hover {
	background: #c2a04e !important;
	color: #fff !important;
}
.dropdown-item.active, .dropdown-item:active {
	background-color: #c2a04e !important;
	color: #fff !important;
}
/***************************** Banner *****************************/

.banner {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	border-bottom: 2px solid #FFF;
	box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 90;
}
.carousel, .carousel-inner, .carousel-inner .carousel-item img {
	width: 100%;
	height: auto;
	/*cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;*/
}
.carousel-control-next, .carousel-control-prev {
	width: 10% !important;
}
.carousel-indicators li {
	cursor: pointer;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 27px;
	height: 30px;
	background: #000;
	font-size: 25px;
}

/***************************** marquee *****************************/

.marquee_bg {
	width: 100%;
	float: left;
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	align-self: flex-end;
	z-index: 91;
}
@supports (-ms-ime-align: auto) {
    .marquee_bg {
		position: static;
	}
}
.marquee_box {
	width: 100%;
	float: left;
	margin: -60px auto 10px auto;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.9);
	padding: 0;
	position: relative;
	z-index: 99;
	border: 1px solid #ba8210;
}
.marquee_head {
	float: left;
	height: 45px;
	position: relative;
	z-index: 9999;
	width: 190px;
	background: url(../images/flash_head.png) no-repeat;
	color: #000;
	font-size: 17px;
	font-weight: 600;
	padding: 8px 15px;
}
.marquee_box span {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 0 10px 100%;
	display: inline-block;
	animation: marquee 10s linear infinite;
}
.marquee_box span p {
	color: #333;
	font-size: 15px;
	font-weight: 600;
	margin: 0 30px;
	width: auto;
	display: inline-block;
}
.marquee_box span p a {
	color: #333;
}
.marquee_box span p a:hover, .marquee_box span p a:focus {
	text-decoration: none;
}
.marquee_box span:hover {
	animation-play-state: paused;
}
 @keyframes marquee {
 0% {
 transform: translate(0, 0);
}
 100% {
 transform: translate(-100%, 0);
}
}
/***************************** Quick Enquiry *****************************/

.quick_enquiry {
	position: fixed;
	right: -334px;
	width: 334px;
	bottom: 90px;
	z-index: 9999;
	transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
}
.quick_enquiry .form {
	background-color: #ffffff;
	padding: 15px;
	border-radius: 10px;
	display: inline-block;
	position: relative;
}
.quick_enquiry .form h6 {
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
}
.quick_enquiry .form .ctrl {
	border: none;
	background-color: #eeeeee;
	font-size: 13px;
	padding: 7px 15px;
	border-radius: 6px;
	width: 100%;
	display: block;
	resize: none;
	margin-bottom: 13px;
}
.quick_enquiry .btn_open {
	display: inline-block;
	transform: rotate(-90deg);
	position: absolute;
	left: -81px;
	top: 67%;
	border: none;
	color: #000;
	background-color: #fecd08;
	font-size: 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 8px 12px;
	transition: all cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
}
.quick_enquiry .form .btnsend {
	font-size: 14px;
	padding: 5px 16px;
	border: none;
	background-color: #fecd08;
	border-radius: 4px;
	color: #000;
	transition: all ease 0.3s;
	margin: 10px auto 0 auto;
	text-align: center;
	display: block;
}
.quick_enquiry .form .btnsend:hover {
	background: #000;
	color: #fff;
	letter-spacing: 2px;
}
.quick_enquiry .form textarea {
	height: 60px;
}
.quick_enquiry.active {
	right: 0px;
}
/***************************** welcome *****************************/



.welcome {
	width: 100%;
	float: left;
/*	background: #fff;*/
	margin: 60px 0 0 0;
}
.welcome .wel_img {
	height: 275px;
	opacity: 0.8;
	border-radius: 20px;
	overflow: hidden;
}
.welcome .wel_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.welcome_bg h1 {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	font-size: 25px;
	font-weight: 400;
	color: #fff;
	text-align: left;
}
.welcome_bg h1 p {
	color: #fecd08;
	display: inline;
	font-weight: 600;
}
.welcome_bg h2 {
	width: 100%;
	float: left;
	font-size: 19px;
	font-weight: 400;
	color: #fff;
	line-height: 23px;
	text-align: justify;
	margin-bottom: 20px;
}
.welcome_bg h4 {
	width: 100%;
	float: left;
	padding: 0 0 15px 0;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	line-height: 30px;
	text-align: justify;
}
.welcome_btn {
	text-align: left;
}
.bg_color{ float: left; width: 100%;    padding: 30px 0;}
.bg_image{
	height: auto;
/*    padding: 30px 0;*/
    background: url(../images/bg_02.jpg) center no-repeat fixed #fff;
    -webkit-background-attachment: fixed;
    -moz-background-attachment: fixed;
    -o-background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-background-position: center;
    -moz-background-position: center;
    -o-background-position: center;
	float: left;
	width: 100%;
}
/***************************** hm_facility *****************************/

.hm_facility {
	width: 100%;
	float: left;
	padding: 0;
	margin: 40px 0 0 0;
}
.hm_facility_box {
	background-color: #fecd08;
	padding: 30px;
	border-radius: 15px;
	color: #866b00;
	transition: all ease 0.3s;
	margin: 20px 0 0 0;
	border: 3px solid #c59e00;
}
.hm_facility_box:hover {
	box-shadow: 0px 0px 8px -1px #635400;
}
.hm_facility p {
	color: #135d83;
	font-weight: 600;
	display: inline;
}
.hm_facility .send_btn {
	font-size: 14px;
	margin-top: 15px;
	background-color: #000000;
	transition: all ease 0.3s;
	border: none;
	color: #ffffff;
	display: inline-block;
}

.keyfacts {
	width: 100%;
	float: left;
	background: #fff;
	margin: 60px 0 0 0;
}
.keyfacts img {
	width: 80px;
}
.keyfacts h2 {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 2px 0;
	font-size: 25px;
	font-weight: 600;
	color: #333;
	text-align: center;
	border-bottom: dotted 1px #333;
}
.keyfacts h3 {
	width: 100%;
	float: left;
	font-size: 19px;
	font-weight: 600;
	color: #135d83;
	line-height: 23px;
	text-align: center;
	margin: 10px 0 0 0;
}
.keyfacts h4 {
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 23px;
	text-align: center;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.academic_excellence {
	width: 100%;
	float: left;
	background: #fff;
	margin: 30px 0 0 0;
}
.academic_excellence h2 {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 2px 0;
	font-size: 25px;
	font-weight: 600;
	color: #333;
	text-align: center;
	border-bottom: dotted 1px #333;
}
.academic_excellence h3 {
	width: 100%;
	float: left;
	font-size: 50px;
	font-weight: 400;
	color: #bb9600;
	text-align: center;
	line-height: 45px;
	text-transform: uppercase;
}
.academic_excellence h3 p {
	width: 100%;
	float: left;
	font-size: 17px;
	line-height: normal;
	color: #333;
}
.academic_excellence h4 {
	width: 100%;
	float: left;
	font-size: 15px;
	font-weight: 600;
	color: #333;
	text-align: center;
	margin: 5px 0 0 0;
	text-transform: uppercase;
	letter-spacing: 2px;
}

/***************************** hm_testimonials *****************************/
.hm_testimonials {
	width: 100%;
	float: left;
	background: #eee;
	padding: 40px 0;
	margin: 0;
}
.hm_testimonials h2 {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	font-size: 25px;
	font-weight: 600;
	color: #333;
	text-align: center;
}
#testi-carousel .carousel-control.left {
	position: absolute;
	left: 0px;
	font-size: 24px;
	color: #fecd08;
	top: 47%;
}
#testi-carousel .carousel-control.right {
	position: absolute;
	right: 0px;
	font-size: 24px;
	color: #fecd08;
	top: 47%;
}
#testi-carousel {
	padding: 0 20px;
}
#testi-carousel .carousel-item {
	padding: 0 50px;
}
/***************************** hm_news *****************************/

.hmm_news h2 {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	z-index: 9;
	position: relative;
}




.hm_news {
	width: 100%;
	float: left;
	margin: 0;
	padding: 30px;
	border-radius: 0;
	background: #135d83;
	background: -moz-linear-gradient(top, #135d83 0%, #01335e 100%);
	background: -webkit-linear-gradient(top, #135d83 0%, #01335e 100%);
	background: linear-gradient(to bottom, #135d83 0%, #01335e 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#135d83', endColorstr='#01335e', GradientType=0 );
}
.hm_news h2 {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	z-index: 9;
	position: relative;
}
.hm_news h3 {
	width: 100%;
	float: left;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	padding: 0;
	margin: 0 0 10px 0;
	text-align: center;
	line-height: 20px;
}
.hm_news h3 i {
	padding: 0 6px 0 0;
}
.hm_news h4 {
	width: 100%;
	float: left;
	padding: 5px 0;
	font-size: 16px;
	font-weight: 600;
	color: #fecd08;
	text-align: center;
}
.hm_news h5 {
	width: 100%;
	float: left;
	padding: 0 0 10px 0;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	word-wrap: break-word;
	height: 65px;
	overflow: hidden;
}
.hm_news a:hover h3, .hm_news a:hover h4, .hm_news a:hover h5 {
	text-shadow: 1px 1px 2px #003522;
}
.hm_news img {
	width: 150px !important;
	border: 1px solid #fff;
}
.hm_news .carousel-indicators .active {
	background-color: #fff;
	cursor: pointer;
}
.hm_news .carousel-indicators li {
	width: 20px;
	background-color: #fecd08;
	cursor: pointer;
}
.hm_news .carousel-indicators {
	position: static;
}
/***************************** hm_bg *****************************/

.hm_bg {
	width: 100%;
	float: left;
	margin: 60px 0 30px 0;
	background: #fff;
}
.border_box {
	padding: 2px;
	background: rgba(255, 255, 255, .6);
	border: 3px solid rgba(255, 255, 255, .6);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0 0 0 2px #666, inset 0 0 0 1px #666;
	box-shadow: 0 0 0 1px #666, inset 0 0 0 2px #666;
}
.gallery_border_box {
	padding: 2px;
	margin: 0 0 10px 0;
	background: rgba(255, 255, 255, .6);
	border: 3px solid rgba(255, 255, 255, .6);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-shadow: 0 0 0 3px #666, inset 0 0 0 0 #666;
	box-shadow: 0 0 0 3px #666, inset 0 0 0 0 #666;
}
/***************************** Image Effects *****************************/

.grid figure {
	position: relative;
	overflow: hidden;
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	border: 1px solid #fff;
}
.grid figure img {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.grid figure figcaption {
	width: 100%;
	padding: 0;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}
.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-errors: none;
}
.grid figure figcaption, .grid figure figcaption > a {
	/*background: url(../images/dot.png) center 0;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
figure.effect-jazz {
	background: #000;
}
figure.effect-jazz img {
	opacity: 1;
}
figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p {
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}
figure.effect-jazz figcaption::after {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	box-shadow: 0 0 0 30px rgba(255,255,255,.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4, 1.4, 1);
	transform: scale3d(1.4, 1.4, 1)
}
figure.effect-jazz h6 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	word-wrap: break-word;
	text-shadow: 2px 2px 2px #000000;
	width: 100%;
	float: left;
}
figure.effect-jazz p {
	width: 80px;
	text-transform: none;
	font-size: 12px;
	opacity: 0;
	border: 1px solid #fff;
	font-weight: 600;
	margin: 5px auto;
	padding: 4px;
	position: absolute;
	float: left;
	display: block;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .6);
}
figure.effect-jazz:hover p {
	opacity: 1;
}
figure.effect-jazz:hover img {
	opacity: 1;
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}
figure.effect-jazz:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
/*****************************inner*****************************/

.inner_bg {
	width: 100%;
	height: auto;
	float: left;
	background: #fff;
	padding: 40px 0 50px 0;
	margin: 0;
}
.inner_heading {
	font-size: 22px;
	color: #333;
	font-weight: 400;
	text-align: center;
	margin: 0 0 30px 0;
}
.heading_border::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	content: '\f19d';
	letter-spacing: 10px;
	text-indent: 10px;
	line-height: inherit;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.heading_border {
	width: 100%;
	max-width: 280px;
	height: 10px;
	position: relative;
	display: block;
	line-height: 12px;
	font-size: 15px;
	color: #333;
	margin: 5px auto;
}
.heading_border hr {
	position: absolute;
	border: 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	height: 3px;
	margin: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: calc(60% - 55px);
}
.heading_border hr:first-child {
	left: 0;
}
.heading_border hr:last-child {
	right: 0;
}
/***************************** breadcrumb *****************************/

.breadcrumb_bg {
	width: 100%;
	float: left;
	background: #efefef;
}
.breadcrumb {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 10px 0;
	background: none;
}
.breadcrumb li {
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
.breadcrumb li a {
	color: #333;
}
.breadcrumb li a:hover, .breadcrumb .active {
	color: #135d83;
	text-decoration: none;
}
/***************************** dynamic_content *****************************/

.dynamic_content h4 {
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 30px;
	text-align: justify;
}
.dynamic_content h4 p {
	margin: 0 0 10px 0;
}
.dynamic_content_box {
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 30px;
	text-align: justify;
}
.dynamic_content_box p {
	margin: 0 0 10px 0;
}
.dynamic_content img {
	display: block;
	max-width: 100%;
	height: auto;
}
.dynamic_content ul, .dynamic_content ol {
	width: 100%;
	padding: 0 10px 0 25px;
}
.dynamic_content ul li, .dynamic_content ol li {
	margin: 0;
	padding: 5px 0;
}

/***************************** Staff *****************************/
.staff_box {
	width: 100%;
	float: left;
	background: #f3f3f3;
	padding: 10px 10px 0 10px;
}
.staff h2 {
    width: 100%;
	margin: 10px 0;
	font-size: 17px;
	font-weight: 600;
	color: #333;
	text-align: left;
	border-bottom: 1px solid #999;
}
.staff h3 {
    width: 100%;
	height: 40px;
    float: left;
    font-size: 16px;
    font-weight: 600;
    color: #135d83;
    padding: 10px 0 0 0;
    text-align: center;
}
.staff h4 {
    width: 100%;
	height: 50px;
    float: left;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    padding: 10px 0;
    text-align: center;
}
.staff a {
	width: 100%;
	float: left;
    background: #f3f3f3;
	color: #333;
	padding: 6px 15px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	margin: 5px 0 0 0;
	display: block;
}

.staff_pop img {
    width: 210px;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #efefef;
}
.staff_pop h2 {
    font-size: 20px;
    font-weight: 600;
    color: #135d83;
    padding: 10px 0 0 0;
	border-bottom: 1px solid #ccc;
}
.staff_pop h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding: 10px 0 0 0;
}
.staff_pop h4 {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 10px 0 0 0;
	text-align: justify;
	line-height: 30px;
}

/***************************** management *****************************/
.management {
    width: 100%;
    float: left;
	background: #f7f7f7;
	padding: 15px;
	margin: 0 0 10px 0;
}
.management h2 {
    font-size: 20px;
    font-weight: 600;
    color: #135d83;
    padding: 10px 0 0 0;
	border-bottom: 1px solid #ccc;
}
.management h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding: 10px 0 0 0;
}
.management h4 {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 10px 0;
	text-align: justify;
	line-height: 30px;
}
.management img {
    width: 255px;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #efefef;
}
.management_pop img {
    width: 265px;
    float: left;
    margin: 0 10px 0 0;
    border: 1px solid #efefef;
}
.management_pop h2 {
    font-size: 20px;
    font-weight: 600;
    color: #135d83;
    padding: 10px 0 0 0;
	border-bottom: 1px solid #ccc;
}
.management_pop h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding: 10px 0 0 0;
}
.management_pop h4 {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    padding: 10px 0 0 0;
	text-align: justify;
	line-height: 30px;
}
.management_pop h4 p {
    margin: 0 0 10px 0;
}

/***************************** Career *****************************/

.career_bg {
	width: 100%;
	height: 100%;
	padding: 0 15px 40px 15px;
	background: #fff;
	border: 1px solid #efefef;
	border-top: 2px solid #135d83 !important;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}
.career_bg h2 {
	width: 100%;
	float: left;
	font-size: 18px;
	color: #333;
	/* text-align: center; */
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 0;
	margin: 15px 0 10px 0;
}
.career_bg ul {
	width: 100%;
	float: left;
	background: #fff;
	margin: 0 0 25px 0;
}
.career_bg li {
	width: 100%;
	float: left;
	padding: 10px 0;
	border-bottom: 1px dotted #9d9d9d;
	font-size: 15px;
	list-style: none;
}
.career_bg li span {
	width: 50%;
	float: left;
	padding: 0 10px;
}
/*****************************career_details*****************************/

.career_details_bg {
	width: 100%;
	float: left;
	border: 1px solid #efefef;
	padding: 20px 15px 0 15px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}
.career_details h2 {
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 20px 0 10px 0;
	text-align: left;
}
.career_details h4 {
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	color: #333;
	text-align: justify;
}
.career_details h4 p {
    margin: 0 0 10px 0;
}
.career_details h4 a {
	color: #135d83;
	font-weight: 600;
}
.career_details h4 a:hover {
	letter-spacing: 1px;
}
.career_details ul {
	width: 100%;
	float: left;
    margin: 0 0 10px 0;
	list-style-position: inside;
}
.f_upload {
	font-size: 13px;
	margin: 10px 0 0 0;
	font-weight: 400;
}
.custom-file label {
	color: #333;
	font-size: 14px;
	font-weight: 400;
}
.custom-file-label::after {
	background: #fecd08;
	color: #000;
}
/***************************** Downloads *****************************/

.downloads {
	width: 100%;
	height: 100%;
	float: left;
	border: 1px solid #efefef;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}
.downloads img {
	background: #fff;
	float: left;
	margin: 0 15px 0 0;
}
.downloads h2 {
	padding: 0 0 4px 0;
	font-size: 15px;
	font-weight: 600;
	color: #333;
	text-align: left;
	border-bottom: 1px solid #cccccc;
}
.downloads h3 {
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-align: justify;
	line-height: 22px;
	display: inline-block;
}
/*****************************gallery*****************************/

.gallery h2 {
	padding: 10px 0;
	font-size: 15px;
	font-weight: 400;
	color: #333;
	text-align: center;
}
.gallery h3 {
	width: 100%;
	float: left;
	font-size: 19px;
	font-weight: 600;
	color: #135d83;
	line-height: 23px;
	text-align: center;
}

/***************************** News & Events *****************************/

.news_box {
	width: 100%;
	height: 100%;
	float: left;
	padding: 10px 10px 30px 10px;
	background: #fff;
	border: 1px solid #efefef;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}
.news_box h2 {
	font-size: 17px;
	color: #333;
	font-weight: 600;
	padding: 0;
	margin: 0 0 10px 0;
}
.news_box h3 {
	width: 100%;
	font-size: 13px;
	color: #333;
	font-weight: 600;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 20px;
}
.news_box h3 i {
	padding: 0 6px 0 0;
}
.news_box h4 {
	width: 100%;
	font-size: 15px;
	color: #333;
	font-weight: 400;
	padding: 0;
	line-height: 22px;
	word-wrap: break-word;
	height: 75px;
	overflow: hidden;
}
.news_box h4 p {
	margin: 0 0 10px 0;
	word-break: break-all;
}
.news_box_img {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	border: 1px solid #efefef;
}
.news_details_img {
	width: 430px;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #efefef;
}
/***************************** News Details *****************************/

.news_details {
	width: 100%;
	height: 100%;
	float: left;
	padding: 10px 10px 30px 10px;
	background: #fff;
	border: 1px solid #efefef;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}
.news_details h2 {
	font-size: 17px;
	color: #333;
	font-weight: 600;
	padding: 0;
	margin: 0 0 10px 0;
}
.news_details h3 {
	width: 100%;
	font-size: 13px;
	color: #333;
	font-weight: 600;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 20px;
}
.news_details h3 i {
	padding: 0 6px 0 0;
}
.news_details h4 {
	width: 100%;
	font-size: 16px;
	color: #333;
	font-weight: 400;
	padding: 0;
	line-height: 30px;
	word-wrap: break-word;
}
.news_details h4 p {
	margin: 0 0 10px 0;
	word-break: break-all;
}
.news_details_img {
	width: 430px;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #efefef;
}
/*****************************Admissions*****************************/

.admission_form {
	width: 100%;
	float: left;
	padding: 20px 15px;
	margin: 0 0 20px 0;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);
}
.admissions h2 {
	width: 100%;
	float: left;
	font-size: 18px;
	font-weight: 600;
	color: #333;
	margin: 15px 0;
	padding: 10px 0;
	text-align: center;
}
.admissions h2 span {
	font-size: 16px;
}
.admissions h3 {
	width: 100%;
	float: left;
	margin: 15px;
	font-size: 17px;
	font-weight: 600;
	color: #333;
	text-align: left;
	border-bottom: 1px solid #999;
}
.admissions p {
	width: 100%;
	float: left;
	color: #333;
	padding: 0 15px;
	text-align: left;
	font-size: 16px;
	line-height: normal;
}
.admissions h4 {
	width: 100%;
	float: left;
	font-size: 15px;
	font-weight: 400;
	line-height: 28px;
	color: #333;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: justify;
}
.horizontal-rule {
	margin: 30px 0 0 0;
	border: 0;
	background-color: transparent;
	border-top: 1px solid #dbdadb;
	position: relative;
	width: 100%;
	float: left;
	display: block;
}
.horizontal-rule-text {
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: -11px;
	background: #fff;
	padding: 0 21px;
}
/***************************** Contact Us *****************************/

.contact-us .address, .contact-us .phone, .contact-us .mail {
	font-size: 15px;
	color: #000;
	font-weight: 400;
	line-height: 30px;
	overflow: hidden;
	text-shadow: 2px 2px 2px #FFFFFF;
}
.contact-us .phone a, .contact-us .mail a {
	color: #000;
	letter-spacing: .5px;
}
.contact-us .phone a:hover, .contact-us .mail a:hover {
	color: #135d83;
}
.contact-us h2 {
	width: 100%;
	float: left;
	font-size: 19px;
	color: #333;
	font-weight: 400;
	margin: -50px 0 10px -20px;
}
address i {
	font-size: 20px;
	float: left;
	margin: 5px 10px 0 0;
	color: #135d83;
}
.contact_form, .contact_address {
	width: 100%;
	float: left;
	height: 100%;
	padding: 20px;
	border: 1px solid #efefef;
	background: url(../images/contact.jpg) no-repeat fixed center center;
}
.contact_map {
	background: #efeeec;
	padding: 0 0 20px 0;
}
/***************************** Popup *****************************/

.modal-header {
	background: rgba(0, 0, 0, 0.7);
	padding: 20px 20px 10px 20px;
	text-align: center;
	border-radius: 25px 25px 0 0;
	position: relative;
}
.modal-header:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	display: block;
	background: linear-gradient(to right, rgba(0, 128, 0, 0.7), rgba(0, 0, 255, 0.6), rgba(75, 0, 130, 0.6), rgba(238, 130, 238, 0.6), rgba(255, 0, 0, 0.6), rgba(255, 165, 0, 0.6), rgba(255, 255, 0, 0.6));
	background: -moz-linear-gradient(to right, rgba(0, 128, 0, 0.7), rgba(0, 0, 255, 0.6), rgba(75, 0, 130, 0.6), rgba(238, 130, 238, 0.6), rgba(255, 0, 0, 0.6), rgba(255, 165, 0, 0.6), rgba(255, 255, 0, 0.6));
	background: -webkit-gradient(to right, rgba(0, 128, 0, 0.7), rgba(0, 0, 255, 0.6), rgba(75, 0, 130, 0.6), rgba(238, 130, 238, 0.6), rgba(255, 0, 0, 0.6), rgba(255, 165, 0, 0.6), rgba(255, 255, 0, 0.6));
	background: -webkit-linear-gradient(to right, rgba(0, 128, 0, 0.7), rgba(0, 0, 255, 0.6), rgba(75, 0, 130, 0.6), rgba(238, 130, 238, 0.6), rgba(255, 0, 0, 0.6), rgba(255, 165, 0, 0.6), rgba(255, 255, 0, 0.6));
	background: -o-linear-gradient(to right, rgba(0, 128, 0, 0.7), rgba(0, 0, 255, 0.6), rgba(75, 0, 130, 0.6), rgba(238, 130, 238, 0.6), rgba(255, 0, 0, 0.6), rgba(255, 165, 0, 0.6), rgba(255, 255, 0, 0.6));
	background: -ms-linear-gradient(to right, rgba(0, 128, 0, 0.7), rgba(0, 0, 255, 0.6), rgba(75, 0, 130, 0.6), rgba(238, 130, 238, 0.6), rgba(255, 0, 0, 0.6), rgba(255, 165, 0, 0.6), rgba(255, 255, 0, 0.6));
}
.modal-title {
	width: 100%;
	font-size: 17px;
	font-weight: 600;
	color: #fff;
	padding: 0 15px;
}
.modal-header .close {
	padding: 0;
	margin: 0;
	font-size: 30px;
	opacity: 1;
	font-weight: 600;
	color: #f00;
	text-shadow: none;
	top: 5px;
	position: absolute;
	right: 10px;
}
.modal-content {
	background: none;
	border: none;
}
.modal-open .modal {
	padding: 0 !important;
}
.modal-body {
	background: #fff;
	border-radius: 0 0 25px 25px;
	padding: 20px 15px;
	font-size: 15px;
	color: #333;
	font-weight: 400;
	line-height: 24px;
	text-align: justify;
}
.modal-body a {
	color: #fecd08;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.modal-body a:hover {
	color: #000;
}
.modal-body ul, .modal-body ol {
	width: 100%;
	font-size: 15px;
	float: left;
	text-align: left;
	color: #333;
	margin: 0;
	padding: 0 0 10px 15px;
}
.modal-body ul li, .modal-body ol li {
	margin: 0 0 5px 0;
	line-height: 24px;
}
/*****************************Newsletter*****************************/

.newsletter {
	width: 100%;
	float: left;
	position: relative;
	top: -25px;
	padding: 20px;
	margin: 0 15px;
	border-radius: 15px;
	z-index: 99;
	background: #fecd08;
	background: -moz-linear-gradient(top, #fecd08 0%, #544600 100%);
	background: -webkit-linear-gradient(top, #fecd08 0%, #544600 100%);
	background: linear-gradient(to bottom, #fecd08 0%, #544600 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecd08', endColorstr='#544600', GradientType=0);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.newsletter h2 {
	color: #fff;
	font-size: 19px;
	display: flex;
	align-items: center;
}
.newsletter input {
	height: 41px !important;
	border: 1px solid #fff !important;
	background: #fff !important;
	padding: 0 10px !important;
}
/*****************************footer*****************************/

.footer {
	width: 100%;
	height: auto;
	float: left;
	background: rgba(0, 0, 0, .8) url(../images/footer.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-background-position: center;
	-moz-background-position: center;
	-o-background-position: center;
	background-position: center;
}
.footer ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer ul li a {
	width: 100%;
	float: left;
	font-size: 13px;
	color: #fff;
	margin: 0 0 21px 0;
	text-transform: uppercase;
}
.footer ul li a:hover, .footer ul li .active {
	letter-spacing: .5px;
	color: #fecd08;
}
.footer_menu {
	border-bottom: 1px solid #000;
	-webkit-box-shadow: 0 2px 0 0 #444;
	box-shadow: 0 2px 0 0 #444;
}
.footer_social {
	padding: 10px 0 0 0;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.footer_social a:hover {
	text-decoration: none;
}
.footer_logo {
	width: 170px;
}
.trs2 {
	-webkit-transition: 0.7s ease-in-out;
	-moz-transition: 0.7s ease-in-out;
	-ms-transition: 0.7s ease-in-out;
	-o-transition: 0.7s ease-in-out;
	transition: 0.7s ease-in-out;
}
.twt:hover img {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.copyright h2 {
	width: 100%;
	font-size: 14px;
	float: left;
	text-align: center;
	color: #999;
	font-weight: 400;
	margin: 15px 0;
	line-height: 24px;
}
.copyright h2 i {
	font-size: 12px;
}
.copyright h2 a {
	color: #999;
	text-decoration: none;
}
.copyright h2 a:hover {
	color: #fff;
}
.copyright h2 a:focus {
	color: #787878;
}
.smartclass {
	width: 100%;
	float: left;
	background-image: url(../images/smartclass.jpg);
	background-size: 100% 100%;
	background-size: cover;
	background-position: center;
}
.smartclass_text {
	float: left;
	margin-right: 20%;
	padding: 130px 0;
	color: #fff;
}
.smartclass_text h2 {
	width: 100%;
	float: left;
	font-weight: 600;
	text-shadow: 2px 2px 2px #333;
	margin: 0 0 10px 0;
}
.smartclass_text h4 {
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	text-shadow: 2px 2px 2px #333;
}

@media (min-width: 200px) and (max-width: 1199px) {
.parents_login, .avalon_group_initiative {
	margin: 2px 0;
}
.navbar-nav > li > a::after {
	display: none;
}
.navbar-nav>li>a:hover {
	background-color: #fecd08;
}
section.welcome .image {
	height: 328px;
}
.navbar-toggle .icon-bar {
	background: #000;
}
.navbar-header {
	float: none;
}
.navbar-nav {
	width: 100%;
	margin: 0;
	height: 290px;
	overflow-y: auto;
	float: left;
	position: relative;
	display: block;
}
.navbar-nav>li>a {
	background: #fff;
	color: #333;
	border-bottom: 1px dotted #333;
	padding: 10px !important;
}
.navbar-collapse {
	width: 100%;
	float: left;
}
.navbar-nav > li > ul > li > a {
	padding: 10px 10px 10px 30px !important;
	background: #fff !important;
	color: #333 !important;
	font-weight: 600;
	border-bottom: 1px dotted;
}
.navbar-nav > li > ul > li > ul > li > a {
	padding: 10px 10px 10px 40px !important;
	background: #fecd08;
	color: #fff;
	font-weight: 600;
	border-bottom: 1px dotted;
}
.navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-toggle {
	display: block;
	padding: 5px 0;
	margin: 12px 0;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-nav>li {
	float: none;
}
.navbar-text {
	float: none;
	margin: 15px 0;
}
.navbar-collapse.collapse.in {
	width: 100% !important;
	float: left !important;
	display: block !important;
}
.collapsing {
	overflow: hidden !important;
}
}

@media (min-width: 200px) and (max-width: 991px) {
.footer_menu {
	margin: 10px 0 0 0;
}
.welcome_bg h1, .welcome_btn {
	text-align: center;
}
.hm_news {
	margin: 40px 0 0 0;
}
.cf_btm {
	margin-bottom: 80px !important;
}
.hm_news h5 {
	height: auto;
	overflow: visible;
}
#testi-carousel .carousel-control.left, #testi-carousel .carousel-control.right {
	display: none;
}
.logo_title .cp_logo {
	width: 220px;
}
.logo_title .cambridge_logo {
	width: 160px;
}

.logo {
	margin: 10px auto 2px auto;
	display: block;
	float: none;
}
.logo img {
	margin: 0 auto;
	display: block;
}
.logo_title {
	text-align: center;
}
.logo_title .cp_logo {
	width: 250px;
	margin: 10px 0 0 0;
}
.logo_title .cambridge_logo {
	width: 180px;
	margin: 10px 0 0 20px;
}
.parents_login, .avalon_group_initiative {
	float: none;
	display: inline-block;
}
.top_login_box {
	margin: 10px 0;
	text-align: center;
	padding: 5px 15px;
}
.top_login {
	margin: 0;
}
.logo_box {
	background-position: 50px 0;
	background-size: cover;
}
.top {
	background: linear-gradient(to left, #91ddf4 0%, #91ddf4 55%);
}
.top_ph {
	width: 100%;
	float: left;
	text-align: center;
}
}

@media (min-width: 200px) and (max-width: 767px) {
	
.marquee_box {
	margin: 20px 0 0 0;
}
.marquee_head {
	width: 100%;
	float: left;
	background: #fecd08;
	text-align: center;
	height: 40px;
}
.marquee_box span {
	float: left;
}
.newsletter h2 {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	text-align: center;
	display: block;
}
.footer ul li a {
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
	padding: 10px;
}
.send_btn {
	width: 100%;
	float: left;
}
.career_btn {
	position: relative;
	margin: 0;
}
.news_details_img {
	width: 100%;
	margin: 0 0 10px 0;
}
.admissions p input {
	width: auto !important;
}
.breadcrumb, .breadcrumb li {
	text-align: center;
	display: inline-block;
}
.news_box h4 {
	height: auto;
	overflow: visible;
}
.marquee_bg {
	position: static;
}
.smartclass_text {
	background-color: #000000a1;
	padding: 25px;
	margin: 6% 6% 15%;
}
}

@media (min-width: 200px) and (max-width: 575px) {
.logo_title .cp_logo {
	width: 250px;
	margin: 10px auto 0 auto;
	display: block;
}
.logo_title .cambridge_logo {
	width: 180px;
	margin: 10px auto 0 auto;
	display: block;
}
.staff_pop img, .management img, .management_pop img {
	float: none;
	margin: 0 auto 10px auto;
	display: block;
}
.staff_pop h2, .staff_pop h3, .management h2, .management h3, .management_pop h2, .management_pop h3 {
	text-align: center;
}

}



.inner_banner {
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: 2px solid #FFF;
	position: relative;
	z-index: 90;
	-webkit-box-shadow: 1px 1px 6px 3px rgba(0,0,0,.1);
	box-shadow: 1px 1px 6px 3px rgba(0,0,0,.1);
}
.inner_banner img {
	width: 100%;
}



/* new */
:root {
    --brand-gold: #c2a041;
    --brand-gold-dark: #9f8231;
    --brand-charcoal: #151515;
    --brand-dark: #0e0e0e;
    --brand-text: #4d4d4d;
    --brand-soft: #f8f5ee;
    --brand-border: rgba(0,0,0,0.08);
    --brand-white: #ffffff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    color: var(--brand-text);
    background: #fff;
    line-height: 1.7;
}

img { max-width: 100%; display: block; }
a { text-decoration: none; }

.brand-logo {
    /* width: 74px; */
    height: 100px;
    object-fit: contain;
}


.btn {
    border-radius: 999px;
    padding: 0.85rem 1.35rem;
    font-weight: 700;
    transition: 0.25s ease;
}
.btn-brand {
    background: var(--brand-gold);
    border: 1px solid var(--brand-gold);
    color: #fff;
}
.btn-brand:hover {
    background: var(--brand-gold-dark);
    border-color: var(--brand-gold-dark);
    color: #fff;
}
.btn-outline-brand {
    background: transparent;
    border: 1px solid var(--brand-gold);
    color: var(--brand-gold-dark);
}
.btn-outline-brand:hover,
.btn-light-outline:hover {
    background: var(--brand-gold);
    border-color: var(--brand-gold);
    color: #fff;
}
.btn-light-outline {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.35);
    color: var(--brand-charcoal);
}
.btn-brand-light {
    background: #fff;
    color: var(--brand-charcoal);
    border: 1px solid #fff;
}
.btn-brand-light:hover {
    background: var(--brand-soft);
    color: var(--brand-charcoal);
}
.btn-outline-light-custom {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.45);
    color: #fff;
}
.btn-outline-light-custom:hover {
    background: #fff;
    color: var(--brand-charcoal);
}

/* Gold outline button */
.btn-outline-gold {
    border: 2px solid #c9a646; /* same gold */
    color: #c9a646;
    background: transparent;
}

.btn-outline-gold:hover {
    background-color: #c9a646;
    color: #fff;
}

.hero-section {
    position: relative;
    padding: 5rem 0 4rem;
    background:
        radial-gradient(circle at top right, rgba(194,160,65,0.18), transparent 24%),
        linear-gradient(180deg, #fff 0%, #fcfbf7 100%);
}
.eyebrow,
.section-tag,
.light-tag {
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.eyebrow,
.section-tag { color: var(--brand-gold-dark); }
.light-tag { color: rgba(255,255,255,0.86); }

.hero-title,
.section-title {
    font-family: 'Cormorant Garamond', serif;
    color: var(--brand-charcoal);
    line-height: 1.05;
    margin-bottom: 1rem;
}
.hero-title { font-size: clamp(2.65rem, 5vw, 5rem); }
.section-title { font-size: clamp(2rem, 4vw, 3.3rem); }
.hero-text,
.section-text {
    font-size: 1.05rem;
    max-width: 62ch;
    text-align: justify;
}
.hero-note {
    font-size: 0.95rem;
    color: #777;
}
.narrow { max-width: 900px; }

.card-frame {
    border: 1px solid var(--brand-border);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 18px 60px rgba(0,0,0,0.08);
    background: #fff;
}
.soft-bg { background: var(--brand-soft); }

.hero-stats { margin-top: 2.5rem; }
.stat-card {
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 22px;
    padding: 1.4rem;
    box-shadow: 0 12px 35px rgba(0,0,0,0.04);
    height: 100%;
}
.stat-value {
    color: var(--brand-charcoal);
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.1;
}
.stat-label {
    color: #777;
    font-weight: 600;
    margin-top: 0.3rem;
}

.section-block { padding: 5.5rem 0; }
.alt-bg { background: var(--brand-soft); }
.section-dark-accent {
    background: linear-gradient(180deg, #171717 0%, #0d0d0d 100%);
}
.text-light { color: rgba(255,255,255,0.74) !important; }

.mini-card,
.value-card,
.timeline-card {
    border-radius: 24px;
    padding: 1.5rem;
    border: 1px solid var(--brand-border);
    background: #fff;
    box-shadow: 0 12px 35px rgba(0,0,0,0.05);
}
.mini-card h3,
.value-card h3,
.timeline-card h3 {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--brand-charcoal);
    margin-bottom: 0.65rem;
}
.mini-card p,
.value-card p,
.timeline-card p { margin-bottom: 0; }

.timeline-card {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.78);
}
.timeline-card h3 { color: #fff; }
.timeline-card .year {
    display: inline-block;
    color: var(--brand-gold);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.8rem;
}

.value-card { position: relative; overflow: hidden; }
.value-card::after {
    content: '';
    position: absolute;
    inset: auto 0 0 0;
    height: 4px;
    background: linear-gradient(90deg, var(--brand-gold), transparent);
}
.icon-placeholder {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 800;
    background: var(--brand-soft);
    color: var(--brand-gold-dark);
    margin-bottom: 1rem;
}

.highlight-list {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0 0;
}
.highlight-list li {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
}
.highlight-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.72rem;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--brand-gold);
}

.leadership-block {
    padding-right: 1rem;
}

.admissions-cta {
    padding: 4.5rem 0;
    background: linear-gradient(120deg, #101010 0%, #272018 100%);
}

.site-footer {
    background: #0d0d0d;
    color: rgba(255,255,255,0.78);
    padding: 4rem 0 1.5rem;
    margin-top: 4rem;
}
.footer-logo {
    /*width: 62px;*/
    height: 62px;
    object-fit: contain;
}
.site-footer h5 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 1rem;
}
.footer-text { max-width: 34ch; }
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-links li { margin-bottom: 0.65rem; }
.footer-links a,
.footer-links li {
    color: rgba(255,255,255,0.72);
}
.footer-links a:hover { color: var(--brand-gold); }
.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.08);
    margin-top: 2rem;
    padding-top: 1.25rem;
    font-size: 0.92rem;
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        background: #fff;
        padding: 1rem 0 0.5rem;
    }
    .hero-section { padding-top: 3rem; }
    .section-block { padding: 4rem 0; }
}

@media (max-width: 575.98px) {
    .brand-logo {
        width: 160px;
        height: 80px;
    }
    .hero-actions .btn {
        width: 100%;
        justify-content: center;
    }
    /*.section-title{text-align: justify;}*/
    .section-text{text-align: justify;}
    .footer-text{text-align: justify;}
    .navbar>.container{justify-content: center;}
}


.who-we-are-section {
    background: #f8fafc;
}

.who-we-are-section .sub-title {
    font-size: 14px;
    letter-spacing: 2px;
    color: var(--brand-gold-dark);
    position: relative;
}

.who-we-are-section .main-title {
    font-family: 'Cormorant Garamond', serif;
    color: var(--brand-charcoal);
    line-height: 1.05;
    margin-bottom: 1rem;
    font-size: clamp(2rem, 4vw, 3.3rem);
}

.who-we-are-section p {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
}

.info-box {
    background: #ffffff;
    padding: 25px 20px;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

.info-box:hover {
    transform: translateY(-5px);
}

.info-box h5 {
    font-size: 20px;
    font-weight: 600;
    color: #1b1b1b;
}

.info-box p {
    font-size: 15px;
    color: #666;
    line-height: 1.7;
}

.who-we-are-image {
    overflow: hidden;
}

.who-we-are-image img {
    min-height: 500px;
    object-fit: cover;
}

.floating-box {
    position: absolute;
    bottom: 30px;
    left: 30px;
    max-width: 320px;
    background: #ffffff;
    padding: 20px;
    border-radius: 18px;
}

.floating-box h4 {
    font-size: 22px;
    font-weight: 700;
    color: #0d6efd;
}

.floating-box p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

@media (max-width: 991.98px) {
    .who-we-are-section .main-title {
        font-size: 32px;
    }

    .who-we-are-image img {
        min-height: auto;
    }
}

@media (max-width: 767.98px) {
    .who-we-are-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .who-we-are-section .main-title {
        font-size: 28px;
    }

    .floating-box {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 20px;
        max-width: 100%;
    }
}

/* pop-up */
.custom-load-popup .modal-content {
    background: #ffffff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
}

.popup-content {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.popup-tag {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--brand-gold-dark);
}

.popup-title {
    font-family: 'Cormorant Garamond', serif;
    color: var(--brand-charcoal);
    line-height: 1.05;
    margin-bottom: 1rem;
    font-size: clamp(2rem, 4vw, 3.3rem);
}

.popup-text {
    font-size: 16px;
    line-height: 1.8;
    color: #5f6b7a;
}

.popup-image-wrap {
    min-height: 100%;
    background: #e9f2ff;
}

.popup-image {
    object-fit: cover;
    min-height: 420px;
}

.custom-close-btn {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 10;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 10px;
    opacity: 1;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.custom-close-btn:hover {
    opacity: 1;
}

.custom-load-popup .btn-primary {
    background: #c2a041;
    border-color: #c2a041;
}

.custom-load-popup .btn-primary:hover {
    background: #0e0e0e;
    border-color: #0e0e0e;
}

.custom-load-popup .btn-outline-secondary {
    border-color: #d0d7e2;
    color: #495057;
}

.custom-load-popup .btn-outline-secondary:hover {
    background: #f1f3f5;
    color: #212529;
}

@media (max-width: 991.98px) {
    .popup-title {
        font-size: 28px;
    }

    .popup-image {
        min-height: 280px;
    }
}

@media (max-width: 767.98px) {
    .popup-title {
        font-size: 24px;
    }

    .popup-text {
        font-size: 15px;
        line-height: 1.7;
    }

    .popup-image {
        min-height: 220px;
    }

    .custom-close-btn {
        top: 12px;
        right: 12px;
    }
}


.icon-symbol {
    font-size: 42px;
    color: #ecd68a;
}

.icon-box.gold .icon-symbol {
    color: #000;
}

.our-philosophy-section {
    background: #f5f5f5;
    overflow: hidden;
}

.philosophy-header {
    gap: 20px;
}

.header-side-logo {
    max-height: 90px;
    width: auto;
}

.header-main-logo {
    max-height: 80px;
    width: auto;
}

.section-title {
    font-size: 56px;
    font-weight: 500;
    color: #000;
    line-height: 1.1;
}

.philosophy-divider {
    height: 1px;
    width: 100%;
    background: #c7ab7b;
}

.philosophy-side-title {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.philosophy-side-title h3 {
    font-family: 'Cormorant Garamond', serif;
    color: var(--brand-charcoal);
    line-height: 1.05;
    margin-bottom: 1rem;
    font-size: clamp(2rem, 4vw, 3.3rem);
    text-align: center;
}

.philosophy-items {
    width: 100%;
}

.philosophy-item {
    gap: 24px;
}

.icon-box {
    width: 108px;
    height: 108px;
    min-width: 108px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-box.dark {
    background: #000;
}

.icon-box.gold {
    background: #ecd68a;
}

.icon-box img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.item-title {
    font-family: 'Cormorant Garamond', serif;
    color: var(--brand-charcoal);
    line-height: 1.05;
    margin-bottom: 1rem;
    font-size: clamp(2rem, 4vw, 1.0rem);
}

.item-desc {
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: 1.4;
    max-width: 520px;
}

/* Large devices */
@media (max-width: 1399.98px) {
    .section-title {
        font-size: 48px;
    }

    .philosophy-side-title h3 {
        font-size: 46px;
    }

    .item-title {
        flex: 0 0 280px;
        max-width: 280px;
        font-size: 24px;
    }

    .item-desc {
        font-size: 20px;
    }
}

/* Medium devices */
@media (max-width: 991.98px) {
    .section-title {
        font-size: 40px;
    }

    .philosophy-side-title {
        margin-bottom: 20px;
    }

    .philosophy-side-title h3 {
        font-size: 38px;
    }

    .philosophy-item {
        align-items: flex-start !important;
    }

    .item-title {
        flex: 0 0 100%;
        max-width: 100%;
        font-size: 24px;
        margin-top: 8px;
    }

    .item-desc {
        flex: 0 0 100%;
        max-width: 100%;
        font-size: 18px;
        padding-left: 132px;
        margin-top: -6px;
    }
}

/* Small devices */
@media (max-width: 767.98px) {
    .our-philosophy-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .philosophy-header {
        align-items: flex-start !important;
    }

    .header-side-logo {
        max-height: 60px;
    }

    .header-main-logo {
        max-height: 55px;
    }

    .section-title {
        font-size: 30px;
    }

    .philosophy-side-title h3 {
        font-size: 30px;
    }

    .philosophy-item {
        gap: 16px;
        margin-bottom: 28px !important;
    }

    .icon-box {
        width: 80px;
        height: 80px;
        min-width: 80px;
    }

    .icon-box img {
        width: 38px;
        height: 38px;
    }

    .item-title {
        font-size: 20px;
    }

    .item-desc {
        padding-left: 96px;
        font-size: 16px;
        line-height: 1.6;
        margin-top: -4px;
    }
}

/* Extra small devices */
@media (max-width: 575.98px) {
    .section-title {
        font-size: 28px;
    }

    .philosophy-side-title h3 {
        font-size: 26px;
    }

    .item-title {
        font-size: 22px;
    }

    .item-desc {
        font-size: 15px;
        padding-left: 0;
        margin-top: 0;
    }

    .philosophy-item {
        display: block !important;
    }

    .icon-box {
        margin-bottom: 12px;
    }
}



/**/
/*.hero-section {
    min-height: 100vh;
    background: #000;
}*/

/* VIDEO BACKGROUND */
/*.hero-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    z-index: 1;
}*/

.hero-bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 177.77vh;
    height: 56.25vw;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%) scale(1.2);
    pointer-events: none;
}

/* OVERLAY */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.55);
    z-index: 2;
}

/* CONTENT ABOVE VIDEO */
.hero-section .container {
    position: relative;
    z-index: 3;
}

/* TEXT */
.hero-title {
    font-size: 56px;
    font-weight: 700;
}

.hero-subtitle {
    font-size: 18px;
    color: rgba(255,255,255,0.9);
}

/* MOBILE FALLBACK */
@media (max-width: 767px) {
    .hero-bg-video {
        display: block;
    }

    .hero-section {
        background: url('../images/banner.jpeg') center/cover no-repeat;
    }
}

.hero-section {
    min-height: 70vh;
    width: 100%;
}

.hero-container {
    min-height: 70vh;
}

.footer-social {
    margin-top: 10px;
}

.social-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    transition: all 0.3s ease;
}

/* Hover colors */
.social-icon.facebook:hover {
    background: #1877f2;
}

.social-icon.instagram:hover {
    background: #e4405f;
}

.social-icon.youtube:hover {
    background: #ff0000;
}

.social-icon.linkedin:hover {
    background: #0077b5;
}

/* Subtle lift effect */
.social-icon:hover {
    transform: translateY(-4px);
}

/**/
.site-header {
    background: #fff;
    box-shadow: 0 8px 24px rgba(13, 59, 102, 0.08);
    z-index: 1030;
}

.brand-logo {
    max-height: 72px;
    width: auto;
}

.header-actions .btn {
    white-space: nowrap;
    border-radius: 12px;
    padding: 8px 14px;
}

.header-info {
    line-height: 1.3;
    padding-left: 10px;
    border-left: 1px solid #dbe4ec;
    white-space: nowrap;
}

/* Tablet */
@media (max-width: 991.98px) {
    .header-inner {
        flex-direction: column;
        align-items: center !important;
    }

    .brand-logo {
        max-height: 64px;
    }

    .header-actions {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px !important;
    }

    .header-info {
        order: -1;
        width: 100%;
        text-align: center;
        border-left: 0;
        padding-left: 0;
        margin-bottom: 4px;
        white-space: normal;
    }
}

/* Mobile */
@media (max-width: 575.98px) {
    .site-header .navbar {
        padding: 10px 0;
    }

    .brand-logo {
        max-height: 56px;
    }

    .header-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        padding-bottom: 10px;
    }

    .header-actions .btn {
        width: 100%;
        font-size: 13px;
        padding: 9px 8px;
    }

    .header-info {
        grid-column: 1 / -1;
        font-size: 12px;
        background: #f4f7fb;
        border-radius: 12px;
        padding: 8px 10px;
    }
}

/* Very small mobiles */
@media (max-width: 380px) {
    .header-actions {
        grid-template-columns: 1fr;
    }
}