@import url('https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css');


@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css');


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&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&display=swap');


@import url('https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css');


@font-face {


	font-family: 'RageItalic';


	src: url('../fonts/RageItalic.eot');


	src: url('../fonts/RageItalic.eot') format('embedded-opentype'),


		url('../fonts/RageItalic.woff2') format('woff2'),


		url('../fonts/RageItalic.woff') format('woff'),


		url('../fonts/RageItalic.ttf') format('truetype'),


		url('../fonts/RageItalic.svg#RageItalic') format('svg');


}


body {


	margin: 0;


	padding: 0;


	background-color: #ffffff;


	font-family: 'Karla', sans-serif;


	font-weight: 300;


	position: relative;


}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Unica One', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	cursive;
	margin: 0;
	padding: 0;
}


p {
	font-family: 'Karla', cursive;
	font-size: 16px;
	font-weight: 400;
	padding: 0;
	margin: 0;
}


img {


	max-width: 100%;


	border-radius: 20px;


	border: none;


}


a {


	text-decoration: none;


	outline: none !important;


}


.btn {


	font-size: 16px;


	font-weight: 400;


	background-color: transparent;


	border: none;


	border-radius: 30px;


	outline: none;


	padding: 12px 30px;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	font-family: 'Karla', sans-serif;


	position: relative;


	z-index: 1;


	overflow: hidden;


}


.btn:after {


	content: "";


	position: absolute;


	left: 0;


	top: 0;


	height: 490%;


	width: 223%;


	background: #0f1418;


	-webkit-transition: all .5s ease-in-out;


	transition: all .5s ease-in-out;


	-webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);


	transform: translateX(-98%) translateY(-25%) rotate(45deg);


	z-index: -1;


}


.btn:hover:after {


	-webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);


	transform: translateX(-9%) translateY(-25%) rotate(45deg);


}


.btn.btn-primary:focus {


	box-shadow: none;


	background: #512200;


}


.btn-primary {


	border-color: #512200;


	background-color: #512200;


}


.btn-primary i {


	font-size: 13px;


	display: inline-block;


	vertical-align: 0px;


	margin-left: 8px;


}


.btn-outline {


	outline: none;


	padding: 0.5rem 1rem;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	border: 1px solid #512200;


	font-size: 15px;


	font-weight: 500;


	color: #512200;


	border-radius: 30px;


	display: inline-block;


}


.btn-outline:focus,
.btn-outline:hover {


	outline: none;


	background-color: #512200;


	color: #ffffff;


}


.btn-outline.btn-outline-white {


	border-color: #ffffff;


	color: #ffffff;


}


.btn-outline.btn-outline-white i {


	margin-left: 5px;


}


.btn-outline.btn-outline-white:hover {


	background-color: #000000;


	border-color: #000000;


}


.row-7 {
	margin-left: -7px;
	margin-right: -7px;
}


.row-7 .col,


.row-7 [class^="col-"] {
	padding-left: 7px;
	padding-right: 7px;
}


input[type=number]::-webkit-inner-spin-button,


input[type=number]::-webkit-outer-spin-button {


	-webkit-appearance: none;


	-moz-appearance: none;


	appearance: none;


	margin: 0;


}


.pt-90 {
	padding-top: 90px;
}


.pb-90 {
	padding-bottom: 90px;
}


.form-group {


	margin-bottom: 1rem;


}


.form-control {


	height: 45px;


	border-radius: 30px;


	border: 1px solid #a4a4a4;


	color: #000000;


	font-size: 15px;


	font-weight: 400;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	padding: 0.5rem 1.2rem;


}


.form-control:focus {


	box-shadow: none;


	border-color: #000000;


	color: #000000;


}


.form-control::-webkit-input-placeholder,
.form-control:-moz-placeholder,
.form-control:-ms-input-placeholder {


	color: #000000;


	font-size: 15px;


	font-weight: 400;


}


textarea.form-control {


	height: 110px;


	border-radius: 15px;


	padding: 0.8rem 1.2rem;


	resize: none;


}


figure {
	margin: 0;
}


/* Header top */


/* .header-top {















    box-sizing: border-box;















    padding: 0px 0;















    position: relative;















    width: 100%;















    height: 20px;















    z-index: 91;















    top: 0px;















    left: 0;















    background-color: #1bc11d;















}















.header-top .header_right1{















    float: right;















} */


/*header CSS















--------------------------------------------------------------------------------------------------*/


.header_area {


	box-sizing: border-box;


	padding: 0px 0;


	position: relative;


	width: 100%;


	height: 80px;


	z-index: 91;


	top: 0px;


	left: 0;


	background-color: #ffffff;


}


.header_area .btn-light {


	color: #451fb0;


}


.header_area .container {
	position: relative;
}


.header_area .logo {


	width: 100%;


	position: relative;


	z-index: 9;


	margin: 5px 0;


	max-width: 130px;


	/* height: 135px; */


	background-color: #fff;


	/* border-radius: 50%; */


	/* padding: 10px; */


}


.header_area .logo img {


	width: 100%;


	height: 100%;


	object-fit: contain;


}


.header_area .header_right {


	float: right;


	height: 50px;


}


.nav-menu {


	margin: 0;


	padding-bottom: 0;


	padding-left: 0;


	float: left;


}


.header_area .navigation {


	position: relative;


	left: 0;


	background-color: transparent;


	width: auto;


	display: inline-block;


	height: auto;


}


.header_area .submenu-indicator {


	margin-left: 0;


	margin-top: 0;


}


.header_area .nav-menu>li>a {


	height: auto;


	padding: 30px 15px;


	display: inline-block;


	text-decoration: none;


	font-size: 16px;


	color: #000;


	font-weight: 500;


	transition: color 0.3s;


}


.header_area .submenu-indicator {


	display: none !important;


}


.header_area .navigation .btn-primary {
	color: #000000;
}


.header_area .navigation .btn-primary:hover {
	color: #ffffff;
}


.header_area .nav-menu>li:hover>a,
.header_area .nav-menu>li.active>a {
	color: #954c27;
}


.header_area .nav-menu>li:hover>a span {
	color: #954c27;
}


.header_area .nav-menu>li>.nav-dropdown {


	border-top: solid 3px #954c27;


}


.header_area .nav-menu>li>a span {


	color: #000;


	font-size: 14px;


	vertical-align: top;


	display: inline-block;


}


.nav-dropdown>li>a:hover,
.nav-dropdown>li>a:focus {


	color: #954c27;


}


@media screen and (min-width: 360px) {


	.header_area.fix .navigation .btn {


		margin: 32px 0;


	}


	.header_area.fix {


		position: fixed;


		width: 100%;


		left: 0;


		top: 0;


		background-color: #ffffff !important;


		border: none;


		z-index: 999;


		-webkit-animation-duration: 1s;


		animation-duration: 1s;


		-webkit-animation-fill-mode: both;


		animation-fill-mode: both;


		-webkit-animation-name: fadeInDown;


		animation-name: fadeInDown;


		box-shadow: 1px 1px 7px #f9f9f9;


		padding: 0px 0;


	}


	.header_area.fix .navigation {


		top: -14px;


	}


	.header_area.fix .logo {


		max-width: 130px;


		/* height: 115px; */


	}


	.header_area.fix .nav-menu_inner {


		margin: 12px 0 0;


	}


	.header_area.inner_header.fix .logo {


		padding: 18px 0;


	}


	.header_area.fix .nav-menu>li>a {
		padding: 33px 10px;
	}


	.header_area.fix .my_account {
		margin: 2px 0 0;
	}


	.header_area.header-dashbord.fix {


		background-color: #ffffff;


		z-index: 2;


	}


	.header-top {}


}


/*-------- skill area start --------*/


.skill-area {


	position: relative;


	z-index: 1;


	margin-top: 15px;


}


.skill-area h4 {


	text-transform: uppercase;


	font-size: 48px;


	font-weight: 400;


	color: #000000;


	padding: 0;


	margin: 0 0 10px;


	text-align: center;


}


.skill-body {


	box-shadow: 5px 3px 24px rgb(0 0 0 / 8%);


	height: 170px;


	border-radius: 5px;


	margin-right: 15px;


}


.skill-body .skill-box {


	/* width: 100%;















    height: 170px;















    background-color: #512200;















    text-align: center;















    -webkit-transition: 0.5s;















    -moz-transition: 0.5s;















    -o-transition: 0.5s;















    transition: 0.5s;















    position: relative;















    z-index: 2; */


}


.branch-box {
	background-color: #4d1f00;
	color: white;
	padding: 20px;
	border-radius: 25px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
	transition: transform 0.3s ease;
}

.branch-box:hover {
	transform: scale(1.05);
}


/* .skill-body .skill-box:after{















    content: '';















    position: absolute;















    top: 48px;















    right: 0;















    width: 1px;















    height: 100px;















    background-color: #e5e5e5;















} */


.skill-body .skill-box:hover:after {


	opacity: 0;


}


.skill-body .skill-box:last-child:after {


	display: none;


}


.skill-body .skill-box h3 {


	color: #512200;


	font-size: 18px;


	font-weight: 600;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	margin-bottom: 13px;


}


.skill-body .skill-box p {


	text-transform: capitalize;


	padding: 0;


	/* margin: 0px 2px 0px 2px; */


	color: #fff;


	font-size: 13px;


	font-weight: 400;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	/* margin: 15px 10px; */


	text-align: center;


}


.skill-body .skill-box .icon {


	height: 78px;


	width: auto;


	margin: 10px 150px 10px 120px;


	/* display: none; */


	background-color: #fff;


	padding: 15px;


	border-radius: 45px;


}


.skill-body .skill-box .icon .icon-shape {


	align-items: center;


	text-align: center;


	background-color: #512200;


	padding: 7px;


	border-radius: 25px;


	margin: 0px;


	width: 50px;


	height: 50px;


	padding: 10px;


}


.skill-body .skill-box .icon img {


	height: 100%;


	border-radius: 20px;


	width: 100%;


	/* margin-bottom: 10px; */


	/* display: none; */


}


.skill-body .skill-box:hover .icon img {


	display: inline-block;


}


.skill-body .skill-box {


	background-color: #512200;


	color: #fff;


	height: 220px;


	position: relative;


	transform: scale(1.1);


	top: -10px;


	/* border-radius: 15px; */


	box-shadow: 0 0 30px rgb(0 0 0 / 12%);


	z-index: 99;


	/* margin-right: 50px; */


	margin-bottom: 40px;


	text-align: center;


}


.skill-body .skill-box:hover {


	background-color: #512200;


	color: #fff;


	height: 220px;


	position: relative;


	transform: scale(1.1);


	top: -10px;


	border-radius: 15px;


	box-shadow: 0 0 30px rgb(0 0 0 / 12%);


	z-index: 99;


}


.skill-body .skill-box:hover h3,
.skill-body .skill-box:hover p {


	color: #ffffff;


}


/*-------- skill area stop --------*/


/*------ banner area start ------*/


.banner1 {


	background-repeat: no-repeat;


	background-size: cover;


	background-position: center right;


	height: 90px;


	width: 220px;


	margin: 0 5px 0 0;


}


.banner {


	background-repeat: no-repeat;


	background-size: cover;


	background-position: center;


	height: 530px;


}


.banner-mobile {


	background-repeat: no-repeat;


	background-size: cover;


	background-position: center;


	height: 600px;


}


.banner .container {


	position: absolute;


	z-index: 1;


	left: 0;


	right: 0;


	margin: auto;


	top: 50%;


	-ms-transition: translate(0, -50%);


	-o-transition: translate(0, -50%);


	-moz-transition: translate(0, -50%);


	-webkit-transform: translate(0, -50%);


	transform: translate(0, -50%);


}


.banner .banner-contain {


	width: 100%;


	max-width: 487px;


}


.banner .banner-contain h1 {


	padding: 0;


	margin: 0 0 10px;


	font-size: 60px;


	font-weight: 600;


	color: #ffffff;


	line-height: 64px;


}


.banner-area .owl-item.active h1 {


	-webkit-animation-duration: 1s;


	animation-duration: 1s;


	-webkit-animation-fill-mode: both;


	animation-fill-mode: both;


	animation-name: fadeInDown;


	animation-delay: 0.3s;


}


.banner-area .owl-item.active p {


	-webkit-animation-duration: 1s;


	animation-duration: 1s;


	-webkit-animation-fill-mode: both;


	animation-fill-mode: both;


	animation-name: fadeInDown;


	animation-delay: 0.3s;


}


.banner-area .owl-item.active .btn-primary {


	-webkit-animation-duration: 1s;


	animation-duration: 1s;


	-webkit-animation-fill-mode: both;


	animation-fill-mode: both;


	animation-name: fadeInUp;


	animation-delay: 0.3s;


}


.banner .banner-contain p {


	color: #ffffff;


	font-size: 29px;


	font-family: 'Poppins', sans-serif;


	margin-bottom: 15px;


}


.banner-carousel {
	position: relative;
}


.banner-carousel .owl-dots {


	position: absolute;


	bottom: 50%;


	left: 0;


	width: auto;


	text-align: center;


	-webkit-transform: rotate(90deg) translate(-50%, -0%);


	-moz-transform: rotate(90deg) translate(-50%, -0%);


	-o-transform: rotate(90deg) translate(-50%, -0%);


	transform: rotate(90deg) translate(-50%, -0%);


}


.banner-carousel .owl-dots .owl-dot {


	display: inline-block;


	width: 14px;


	height: 14px;


	outline: none;


	cursor: pointer;


	border: 1px solid #ffffff;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	border-radius: 50%;


	margin-right: 7px;


}


.banner-carousel .owl-dots .owl-dot:last-child {


	margin-right: 0;


}


.banner-carousel .owl-dots .owl-dot:hover,
.banner-carousel .owl-dots .owl-dot.active {


	background-color: #ffffff;


}


/*------ banner area stop ------*/


/*------ about area start ------*/


.about-area {


	padding: 30px 0 10px;


}


.about-contain {


	padding-left: 30px;


}


.about-contain h2 {


	font-size: 48px;


	font-weight: 400;


	text-transform: uppercase;


	color: #512200;


	margin-bottom: 20px;


}


.about-contain h2 strong {


	font-weight: 600;


}


.about-contain p {


	color: #000000;


	font-size: 16px;


	font-weight: 400;


	margin-bottom: 15px;


	line-height: 24px;


}


.about-contain .media {


	margin-top: 30px;


}


.about-contain .media .media-body {


	padding: 0 0 0 30px;


}


.about-contain .media .media-body p {


	font-size: 17px;


	font-weight: 500;


	font-style: italic;


	font-family: 'Josefin Sans', sans-serif;


	line-height: 25px;


}


.about-contain .media .media-img {


	min-width: 110px;


	height: 110px;


	border-radius: 50%;


	padding: 4px;


	background-color: #ffffff;


	overflow: hidden;


	-webkit-box-shadow: 0 0 11px rgb(11 13 32 / 22%);


	-moz-box-shadow: 0 0 11px rgb(11 13 32 / 22%);


	-o-box-shadow: 0 0 11px rgb(11 13 32 / 22%);


	box-shadow: 0 0 11px rgb(11 13 32 / 22%);


}


.about-contain .media .media-img img {


	width: 100%;


	height: 100%;


	object-fit: cover;


	border-radius: 50%;


}


.about-contain .media .media-body .contain-tag {


	display: inline-block;


	position: relative;


}


.about-contain .media .media-body .contain-tag:before {


	content: '';


	position: absolute;


	top: 16px;


	left: 0;


	width: 100%;


	height: 1px;


	background-color: #15aef1;


}


.about-contain .media .media-body .contain-tag span {


	position: relative;


	background-color: #ffffff;


	z-index: 1;


	color: #15aef1;


	font-size: 28px;


	font-family: 'RageItalic';


	padding-left: 5px;


	margin-left: 30px;


}


.about-img-box img {


	width: 100%;


}


.about-contain .text-contain.card {


	padding: 0;


	margin: 0;


	margin-bottom: 1.2rem;


	border: none;


	background-color: transparent;


}


.about-contain .text-contain.card .card-body {


	padding: 0;


	background-color: transparent;


	border: none;


}


.about-contain .text-contain.card .card-body h3 {


	color: #000000;


	font-size: 24px;


	font-weight: 500;


	margin-bottom: 0.5rem;


}


.about-contain .text-contain.card .card-body p {


	color: #000000;


	font-size: 17px;


	font-weight: 400;


	margin-bottom: 0.5rem;


}


.about-contain .text-contain.card .card-body p:last-child {


	margin-bottom: 0;


}


.about-contain .contain-list {


	padding: 0;


	margin: 0;


	list-style-type: none;


}


.about-contain .contain-list li {


	padding: 0;


	padding-left: 32px;


	margin: 0;


	margin-bottom: 20px;


	position: relative;


	color: #000000;


	font-size: 17px;


	font-weight: 400;


}


.about-contain .contain-list li:last-child {


	margin-bottom: 0;


}


.about-contain .contain-list li:before,
.about-contain .contain-list li:after {


	content: '';


	position: absolute;


	width: 14px;


	height: 14px;


}


.about-contain .contain-list li:before {


	top: 5px;


	left: 0;


	background-color: #cb9833;


}


.about-contain .contain-list li:after {


	top: 9px;


	left: 4px;


	background-color: #2e3191;


}


.about-contain h3 {


	color: #000000;


	font-size: 30px;


	font-weight: 600;


	margin-bottom: 20px;


}


/*------ about area stop ------*/


/*------ academics area start ------*/


.academics-area {


	/* background-color: #e7f7fe; */


}


.heading {


	margin-bottom: 20px;


}


.heading h2 {


	text-transform: uppercase;


	font-size: 48px;


	font-weight: 400;


	color: #000000;


	padding: 0;


	margin: 0 0 10px;


}


.heading h2.heading-3:after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	width: 100%;

	max-width: 110px;

	height: 2px;

	background-color: #512200;

	margin: 0 auto;

}


.heading p {


	padding: 0;


	margin: 0;


	color: #000000;


	font-size: 17px;


	font-weight: 300;


	line-height: 27px;


}


.academics-area .heading p {


	width: 100%;


	max-width: 765px;


	margin: 0 auto;


}


.academics-area .heading {


	margin-bottom: 40px;


}


.academics-img-box {


	padding: 8px;


	border: 2px solid #d7d3c9;


	background-color: #e1e1e1;


	border-radius: 25px;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	min-height: 378px;


	margin-bottom: 30px;


	box-shadow: 0px 1px 8px rgb(0 0 0 / 3%);


	width: 100%
}


.academics-img-box:hover {


	border-color: #512200;


}


.academics-img-box .img-box {


	height: 290px;


	overflow: hidden;


	border-radius: 25px;


}


.academics-img-box .img-box img {


	width: 100%;


	border-radius: 20px;


	height: 100%;


	object-fit: contain;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


}


.academics-img-box:hover .img-box img {


	-webkit-transform: scale(1.1);


	-moz-transform: scale(1.1);


	-o-transform: scale(1.1);


	transform: scale(1.1);


}


.academics-img-box .academics-contain-box {


	padding: 15px 30px 5px 30px;


	text-align: center;


}


.academics-img-box .academics-contain-box h3 {


	padding: 0;


	margin: 0;


	color: #ffffff;


	font-size: 20px;


	font-weight: 600;


	line-height: 28px;


}


.academics-img-box .academics-contain-box-content p {


	padding: 0;


	margin: 5px;


	color: #fff;


	font-size: 14px;


	font-weight: 400;


	line-height: 20px;


	text-align: center;


}


.academics-img-box .academics-contain-box-book_now {


	text-align: center;


	padding: 10px
}


.academics-img-box .academics-contain-box-book_now button {


	text-align: center;


	background-color: #ffffff;


	border: 2px solid #512200;


	border-radius: 4px;


	color: #512200;


	font-size: 18px;


	font-weight: 600;


	padding: 4px 10px;


}


.academics-img-box .academics-contain-box h6 {


	color: #954c27;


}


.academics-img-box a {
	text-decoration: none;
}


/*------ academics area stop ------*/


.careers_area {


	background-size: cover;


	background-repeat: no-repeat;


	background-position: center;


	min-height: 550px;


	margin-bottom: 70px;


}


.careers_area .careers_box {


	max-width: 540px;


	width: 100%;


	height: 505px;


	box-sizing: border-box;


	padding: 54px;


	/* background-color: #fff; */


	border: 6px solid rgb(255 255 255 / 0%);


	margin-top: 4px;


	position: relative;


	z-index: 1;


	top: 90px;


	box-shadow: 0px 2px 6px rgb(0 0 0 / 27%);


	border-radius: 3px;


}


.careers_area .careers_box:after {


	content: "";


	position: absolute;


	width: 100%;


	height: 100%;


	top: 0;


	left: 0;


	z-index: -1;


	background-color: #954c27;


}


.careerstotalbox {
	position: relative;
	z-index: 1;
}


.careers_area .careerstotalbox:before {


	content: "";


	position: absolute;


	background-image: url(../images/dottod.png);


	width: 81px;


	height: 76px;


	background-size: contain;


	background-repeat: no-repeat;


	bottom: -108px;


	z-index: -1;


	right: -20px;


}


.careers_area .careerstotalbox:after {


	content: "";


	position: absolute;


	background-color: #fff;


	width: 81px;


	height: 68px;


	background-size: contain;


	background-repeat: no-repeat;


	bottom: -88px;


	z-index: -1;


	right: 0px;


}


.careers_area .careers_box h3 {


	margin: -33px 0 10px 0;


	font-size: 34px;


	font-weight: 400;


	color: #fff;


	line-height: 45px;


}


.careers_area .careers_box h3 strong {


	font-weight: 500;


	display: block;


}


.careers_area .careers_box .btn-primary {


	background-color: #fff;


	color: #954c27;


	/* margin-top: 38px!important; */


	display: inline-block;


	font-size: 16px;


}


.careers_area .careers_box .btn-primary:hover {


	color: #954c27;


}


.our_center_area {}


.our_center_area .heading_area {


	max-width: 320px;


	width: 100%;


}


.our_center_area .our_center_iconarea {


	position: relative;


	margin-top: -250px;


}


.our_center_area .our_center_iconareatotal {}


.our_center_area .our_center_iconareatotal .our_center_iconbox:first-child {


	margin-left: 380px;


}


.our_center_area .our_center_iconareatotal .our_center_iconbox:first-child .our_centerbox:after {


	content: "";


	position: absolute;


	right: -210px;


	top: 96px;


	background-image: url(../images/shape1.png);


	background-size: contain;


	background-repeat: no-repeat;


	width: 173px;


	height: 57px;


}


.our_center_area .our_center_iconareatotal .our_center_iconbox:nth-of-type(2) .our_centerbox:after {


	content: "";


	position: absolute;


	right: 174px;


	bottom: -140px;


	background-image: url(../images/shape2.png);


	background-size: contain;


	background-repeat: no-repeat;


	width: 146px;


	height: 116px;


}


.our_center_area .our_center_iconareatotal .our_center_iconbox:nth-of-type(3) .our_centerbox:after {


	content: "";


	position: absolute;


	right: 0px;


	bottom: -100px;


	background-image: url(../images/shape3.png);


	background-size: contain;


	background-repeat: no-repeat;


	width: 212px;


	height: 65px;


}


.our_center_area .our_center_iconareatotal .our_center_iconbox:nth-of-type(2) {


	position: relative;


	margin-top: 190px;


}


.our_center_area .our_center_iconareatotal .our_center_iconbox:nth-of-type(3) .our_centerbox {


	margin-top: -270px;


}


.our_center_area .our_center_iconareatotal .our_center_iconbox:nth-of-type(4) .our_centerbox {


	margin-top: -130px;


}


.our_center_area .our_centerbox {


	max-width: 324px;


	text-align: center;


	width: 100%;


	box-sizing: border-box;


	padding: 24px 24px 34px;


	padding-top: 0;


	box-shadow: 2px 2px 15px rgb(215 227 239);


	background-color: #fff;


	margin-top: 40px;


	position: relative;


	z-index: 1;


}


.our_center_area .our_centerbox:hover {


	background-color: #15aef1;


}


.our_center_area h5 {


	font-weight: 400;


	font-size: 19px;


	color: #041e30;


	line-height: 30px;


}


.our_center_area .our_centerbox:hover h5 {


	color: #fff;


}


.our_center_area .our_centerbox .our_centericon {


	width: 100%;


	height: 220px;


	background-size: cover;


	background-position: 0px -26px;


	overflow: hidden;


}


.our_center_area .our_centerbox:hover .our_centericon {


	background-position: 0px -270px;


}


/*-----------event area css start---------------*/


.gallery-inner-section {


	/* background: #ddf5ff; */


}


.p-90 {
	padding: 30px 0;
}


.p-91 {
	padding: 30px 0;
}


.heading_area {
	margin-bottom: 50px;
}


.heading_area h3 {


	color: #000000;


	font-size: 48px;


	font-weight: 400;


	margin-bottom: 10px;


	line-height: 48px;


	text-transform: uppercase;


}


.heading_area h3 mark {
	background-color: transparent;
	font-weight: 400;
	padding: 0;
}


.heading_area .w-65 {
	max-width: 720px;
	margin: auto;
}


.heading_area p {}


.heading h3 {


	color: #000000;


	font-size: 48px;


	font-weight: 400;


	margin-bottom: 10px;


	line-height: 48px;


	text-transform: uppercase;


}


.project-image-box {


	overflow: hidden;


	box-sizing: border-box;


	position: relative;


	margin: 0 0 30px;


	height: 316px;


	display: flex;


	width: 100%;


	transition: box-shadow 0.3s ease-in-out;


}


.project-image-box img {


	width: 100%;


	object-fit: cover;


	position: relative;


	transition: 0.5s;


}


.project-image-box:hover img {


	transform: scale(1.2);


	-webkit-transform: scale(1.2);


	-moz-transform: scale(1.2);


}


.project-image-box .image-zoom {


	width: 100%;


	height: 100%;


	position: absolute;


	top: 0;


	left: 0;


	display: flex;


	align-items: center;


	justify-content: center;


	color: #ffffff;


	font-size: 50px;


	transition: 0.5s;


	opacity: 0;


	text-decoration: none;


	z-index: 1;


}


.project-image-box:hover {


	box-shadow: 0px 2px 12px rgb(0 0 0 / 16%);


	transition: box-shadow 0.3s ease-in-out;


}


.project-image-box:hover .image-zoom {
	opacity: 1;
}


.project-image-box .image-zoom:before {


	content: '';


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


	border: 10px solid #fff;


	background-color: rgb(21 174 241 / 65%);


	box-sizing: border-box;


	z-index: -1;


}


.masonrybox .project-image-boxtotal {}


.masonrybox .project-image-boxtotal:nth-of-type(2) .project-image-box {


	height: 390px;


}


.masonrybox .project-image-boxtotal:nth-of-type(6) .project-image-box {


	height: 242px;


}


/*-----------footer area css start---------------*/


.footer_area {


	background-color: #512200;


	position: relative;


	z-index: 1;


}


.footer_top {


	position: relative;


	z-index: 2;


	padding: 90px 0 60px;


}


.socialmedia ul {


	margin: 0;


	padding: 0;


	list-style: none;


	margin: 24px 0px 0px 5px;


}


.socialmedia ul li {


	position: relative;


	display: inline-block;


	list-style: none;


	border-radius: 7px;


	overflow: hidden;


	/* margin: 0 3px; */


}


.socialmedia ul li a {


	width: 38px;


	height: 38px;


	display: flex;


	align-items: center;


	justify-content: center;


}


.socialmedia ul li.facebook a {


	/* background-color: #3b5998; */


	color: #fff;


}


.socialmedia ul li.twitter a {


	/* background-color: #1da1f2; */


	color: #fff;


}


.socialmedia ul li.instagram a {


	/* background-color: #dd4b39; */


	color: #fff;


}


.footer_wizget .footer_address {


	margin: 0 0 15px;


}


.footer_wizget .footer_address:last-child {


	margin: 0 0 0;


}


.footer_wizget .footer_address h4 {


	color: #fff;


	box-sizing: border-box;


	padding: 0 0;


	margin: 0 0 3px;


	line-height: normal;


	font-size: 16px;


	font-weight: 400;


	font-family: 'Inter', sans-serif;


	text-transform: capitalize;


}


.footer_wizget .footer_address p {


	color: #c8c8c8;


	box-sizing: border-box;


	padding: 0 0;


	margin: 0 0 0;


	font-size: 16px;


	font-weight: 300;


	line-height: 24px;


}


.footer_wizget .footer_address a {


	color: #c8c8c8;


	box-sizing: border-box;


	font-size: 16px;


	font-weight: 300;


	transition: 0.5s;


	word-break: break-all;


}


.footer_wizget .footer_address a:hover {


	color: #0098db;


	padding-left: 5px;


}


.footer_wizget {}


.footer_wizget .footer_logo {


	max-width: 130px;


	height: 130px;


	margin: 0 auto;


	background-color: #fff;


	border-radius: 50%;


	padding: 8px;


}


.footer_wizget .footer_logo img {


	width: 100%;


	height: 100%;


	object-fit: contain;


}


.footer_wizget h4 {


	font-size: 20px;


	font-weight: 600;


	margin-bottom: 18px;


	color: #fff;


}


.footer_wizget ul.link {
	min-height: 0;
	padding: 0;
	list-style: none;
}


.footer_wizget ul.link li {
	display: block;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 10px;
}


.footer_wizget ul.link li a {


	color: #dddddd;


	text-decoration: none;


	transition: all ease-in-out 0.5s;


	-moz-transition: all ease-in-out 0.5s;


	-webkit-transition: all ease-in-out 0.5s;


	-o-transition: all ease-in-out 0.5s;


	-ms-transition: all ease-in-out 0.5s;


	-khtml-transition: all ease-in-out 0.5s;


}


.footer_wizget ul.link li.more a {


	font-weight: 400;


	color: #02a3e1;


}


.footer_wizget ul.link li:hover a {


	color: #fff;


	padding-left: 5px;


}


.footer_bottom {
	padding: 30px 0;
	text-align: center;
	background: #853801;
}


.footer_bottom p {
	margin: 0;
	padding: 0;
	font-size: 17px;
	color: #acacac;
	font-weight: 300;
}


.footer_bottom p span {
	color: #fff;
}


/*dashboard-start*/


/* ---------------------------------------------------















    SIDEBAR STYLE















----------------------------------------------------- */


.wrapper {


	display: flex;


	width: 100%;


	align-items: stretch;


}


#sidebar {


	min-width: 280px;


	max-width: 280px;


	background: #00aeef;


	color: #fff;


	transition: all 0.3s;


	padding-bottom: 40px;


	position: relative;


	z-index: 1;


	border-top-right-radius: 10px;


	-webkit-box-shadow: 6px 0 9px rgb(0 1 1 / 8%);


	-moz-box-shadow: 6px 0 9px rgb(0 1 1 / 8%);


	-o-box-shadow: 6px 0 9px rgb(0 1 1 / 8%);


	box-shadow: 6px 0 9px rgb(0 1 1 / 8%);


}


#sidebar.active {


	margin-left: -330px;


}


#sidebar .sidebar-header {


	background: #00aeef;


	border-radius: 6px;


	width: 100%;


	left: 0;


	position: relative;


	max-width: 75%;


	margin: 30px auto;


}


.sidebar-user-img {


	width: 86px;


	height: 86px;


	padding: 2px;


	border: 1px solid #fff;


	border-radius: 50%;


	margin: 0 auto 15px;


	overflow: hidden;


}


.sidebar-user-img img {


	width: 100%;


	height: 100%;


	object-fit: cover;


	border-radius: 50%;


}


.sidebar-header p {


	font-size: 14px;


	font-weight: 400;


	text-align: center;


}


#sidebar ul.components {


	padding: 20px;


	padding-left: 0;


}


#sidebar ul.components h6 {


	font-size: 15px;


	padding-bottom: 20px;


	text-transform: uppercase;


	padding-left: 40px;


}


#sidebar ul p {


	color: #fff;


	padding: 10px;


}


#sidebar ul li {


	margin-bottom: 5px;


}


#sidebar ul li ul li {


	margin-bottom: 0;


}


#sidebar ul li a {


	padding: 15px;


	font-size: 15px;


	display: flex;


	position: relative;


	color: #fff;


	border-top-right-radius: 30px;


	border-bottom-right-radius: 30px;


	padding-left: 100px;


	font-family: 'Poppins', sans-serif;


	font-weight: 500;


	border-left: 4px solid #058ac5;


}


.sidebar-dash-icon1 {


	width: 36px;


	height: 36px;


	border-radius: 50%;


	background: #fff0;


	display: flex;


	align-items: center;


	justify-content: center;


	margin-right: 0;


	margin-top: 0;


	position: absolute;


	left: 40px;


	top: 8px;


}


.sidebar-dash-icon1 img {


	width: 22px;


	height: 22px;


	object-fit: contain;


}


#sidebar ul li.active .sidebar-dash-icon1 {


	background: #00aeef;


}


#sidebar ul li a {


	text-decoration: none;


}


#sidebar ul li a:hover {


	color: #00aeef;


	background: #fff;


}


#sidebar ul li a:hover .sidebar-dash-icon1 {


	background: #00aeef;


}


#sidebar ul li.active>a {


	color: #070b0d;


	background: #fff;


}


/*















#sidebar ul li.active > a,















a[aria-expanded="true"] {















    color: #00aeef;















    background: #fff;















}















*/


a[data-toggle="collapse"] {


	position: relative;


}


#sidebar .dropdown-toggle::after {


	display: block;


	position: absolute;


	top: 27px;


	right: 29px;


	content: "\f101";


	font-family: 'Font Awesome\ 5 Free';


	font-weight: 900;


	font-size: 14px;


	border: none !important;


	-ms-transition: translate(0, -50%);


	-o-transition: translate(0, -50%);


	-moz-transition: translate(0, -50%);


	-webkit-transform: translate(0, -50%);


	transform: translate(0, -50%);


	margin: 0;


	vertical-align: middle;


	line-height: 20px;


	display: none;


}


#sidebar ul ul a {


	font-size: 0.9em !important;


	padding-left: 86px !important;


	background: #50add4;


	max-width: 100%;


	font-size: 13px !important;


	border: 1px solid rgb(255 255 255 / 13%);


	margin-bottom: -1px;


	padding: 10px 15px 10px 84px !important;


	/* border-radius: 0!important; */


}


ul.CTAs {


	padding: 20px;


}


ul.CTAs a {


	text-align: center;


	font-size: 0.9em !important;


	display: block;


	border-radius: 5px;


	margin-bottom: 5px;


}


a.download {


	background: #fff;


	color: #7386D5;


}


a.article,


a.article:hover {


	background: #6d7fcc !important;


	color: #fff !important;


}


.wrapper #sidebarCollapse {


	display: none;


}


.download-resume-frm {


	padding: 15px;


	background: #f5f8ff;


	border-radius: 10px;


}


/* ---------------------------------------------------















    CONTENT STYLE















----------------------------------------------------- */


#content {


	width: 100%;


	padding: 0;


	min-height: 100vh;


	transition: all 0.3s;


	background-color: #f1fbff;


}


#content .content_body {


	box-sizing: border-box;


	padding: 40px 20px 40px;


	position: relative;


}


.wrapper .btn-info {


	color: #fff;


	background-color: #00aeef;


	border-color: #00aeef;


	padding: 5px 12px;


	margin-top: -165px;


	z-index: 111;


	position: relative;


}


.bg-light {


	background-color: #ffffff !important;


}


.r-side {


	float: right;


}


.affterbox {


	position: relative;


	/*    z-index: 1;*/


}


.header_area.header-dashbord {


	background-color: #ffffff;


	-webkit-box-shadow: 5px 0 15px rgb(1 6 8 / 10%);


	-moz-box-shadow: 5px 0 15px rgb(1 6 8 / 10%);


	-o-box-shadow: 5px 0 15px rgb(1 6 8 / 10%);


	box-shadow: 5px 0 15px rgb(1 6 8 / 10%);


	z-index: 9;


	border-bottom: none;


	position: relative;


}


.dashbord-header-right {


	padding: 15px 20px;


}


.dashbord-header-right .btn-notification {


	position: relative;


	border: none;


	background-color: transparent;


	outline: none;


	cursor: pointer;


}


.dashbord-header-right .btn-notification figure {


	margin: 0;


}


.dashbord-header-right .btn-notification .notification-number {


	position: absolute;


	top: 9px;


	right: 0;


	width: 16px;


	height: 16px;


	border-radius: 50%;


	background-color: #15aef1;


	color: #ffffff;


	font-size: 10px;


	font-weight: 400;


}


.dashbord-header-right .dropdown {


	margin-left: 10px;


}


.dashbord-header-right .dropdown .btn-dropdown {


	border: 1px solid #e8e8e8;


	background-color: #ffffff;


	display: inline-block;


	border-radius: 5px;


	-webkit-box-shadow: 0 0 6px rgb(0 1 1 / 14%);


	-moz-box-shadow: 0 0 6px rgb(0 1 1 / 14%);


	-o-box-shadow: 0 0 6px rgb(0 1 1 / 14%);


	box-shadow: 0 0 6px rgb(0 1 1 / 14%);


	color: #000000;


	font-size: 15px;


	font-weight: 400;


	position: relative;


	padding: 12px 10px 12px 45px;


}


.accountdroupdown_top {


	padding: 15px;


	text-align: center;


}


.dashbord-header-right .dropdown-menu {


	padding: 0;


	border: 1px solid #e8e8e8;


	background-color: #ffffff;


}


.accountdroupdown_top .icon {


	margin-right: 5px;


	margin-bottom: 0;


}


.accountdroupdown_top .name-text {


	font-size: 14px;


	font-weight: 400;


	color: #000000;


}


.accountdroupdown_body ul {


	padding: 0;


	margin: 0;


	list-style: none;


}


.accountdroupdown_body ul li {


	padding: 0;


	margin: 0;


}


.accountdroupdown_body ul li a {


	display: block;


	padding: 7px 10px;


	border-top: 1px solid #e8e8e8;


	color: #000;


	font-weight: 400;


	text-transform: capitalize;


	font-size: 14px;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


}


.accountdroupdown_body ul li a:hover {


	color: #0098db;


}


.accountdroupdown_top .profileiconbox {


	margin-bottom: 15px;


}


.edit-profile {


	border-radius: 30px;


	padding: 5px 12px;


	font-size: 13px;


	font-weight: 400;


	border: 1px solid #15aef1;


	color: #15aef1;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


}


.edit-profile:hover {


	background-color: #15aef1;


	color: #ffffff;


}


.dashbord-header-right .dropdown .btn-dropdown .dropdown-icon {


	position: absolute;


	top: 10px;


	left: 10px;


	width: 26px;


}


.dashbord-header-right .dropdown .btn-dropdown .dropdown-icon img {


	width: 100%;


	object-fit: cover;


}


/*------ dashbord end -------*/


/*--------- dashbord new vaner start ---------*/


.dashbord-box-area {}


.dashbord-box-heading {


	margin-bottom: 20px;


}


.dashbord-box-heading h1 {


	padding: 0;


	margin: 0;


	text-transform: capitalize;


	color: #000000;


	font-size: 24px;


	font-weight: 500;


}


.dashbord-box-heading .btn {


	padding: 7px 25px;


	border: 1px solid transparent;


}


.dashbord-box-heading .btn-primary:hover {


	border-color: #000000;


	background-color: #000000;


}


.dashbord-box-heading .btn-import {


	border-color: #000000;


	color: #000000;


	background-color: transparent;


}


.dashbord-box-heading .btn-import:hover {


	background-color: #000000;


	color: #ffffff;


}


.dashbord-box-heading .btn:after {
	display: none;
}


.vander-form {


	padding: 40px 30px;


	border-radius: 5px;


	background-color: #ffffff;


	border: 1px solid #9bdefb;


	-webkit-box-shadow: 4px 0 15px rgb(0 1 1 / 8%);


	-moz-box-shadow: 4px 0 15px rgb(0 1 1 / 8%);


	-o-box-shadow: 4px 0 15px rgb(0 1 1 / 8%);


	box-shadow: 4px 0 15px rgb(0 1 1 / 8%);


}


.vander-form .form-group {


	position: relative;


	margin-bottom: 25px;


}


.vander-form .form-group label {


	color: #333333;


	font-size: 14px;


	font-weight: 500;


	background-color: #ffffff;


	position: absolute;


	top: -11px;


	left: 8px;


	padding: 0 5px;


	z-index: 1;


}


.vander-form .form-control {


	border-radius: 0;


	height: 52px;


	color: #000000;


	font-size: 14px;


	font-weight: 500;


}


.vander-form .form-control {


	border-radius: 0;


	height: 52px;


	color: #000000;


	font-size: 14px;


	font-weight: 500;


}


.vander-form .form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */


	color: #000000;


	font-size: 14px;


	font-weight: 500;


}


.vander-form .form-control::-moz-placeholder {
	/* Firefox 19+ */


	color: #000000;


	font-size: 14px;


	font-weight: 500;


}


.vander-form .form-control:-ms-input-placeholder {
	/* IE 10+ */


	color: #000000;


	font-size: 14px;


	font-weight: 500;


}


.vander-form .form-control:-moz-placeholder {
	/* Firefox 18- */


	color: #000000;


	font-size: 14px;


	font-weight: 500;


}


.vander-form .form-control:focus,
.vander-form .form-control:hover {


	box-shadow: none;


	border-color: #15aef1;


}


.vander-form .form-group .number-id {


	position: absolute;


	bottom: 15px;


	left: 14px;


	padding-right: 5px;


	background-color: #fff;


}


.vander-form .form-group .number-id:after {


	content: '';


	position: absolute;


	top: 2px;


	right: 0;


	width: 1px;


	height: 80%;


	background-color: #000000;


}


.vander-form .form-group select.form-number-select {


	color: #000000;


	font-size: 14px;


	font-weight: 500;


	background-color: #ffffff;


	border: none;


	padding-right: 2px;


	outline: none;


	cursor: pointer;


}


.vander-form .form-control.form-Number {


	padding-left: 78px;


}


.vander-form textarea.form-control {


	height: 70px;


	color: #000000;


	font-size: 14px;


	font-weight: 500;


	resize: none;


	padding-top: 15px;


}


.vander-form .form-group.form-registation {


	padding-right: 280px;


}


.vander-form .form-group .btn-add {


	position: absolute;


	bottom: 0;


	right: 0;


	width: 267px;


	height: 52px;


	border: 1px solid #2cb9f7;


	background-color: #2cb9f7;


	color: #ffffff;


	font-size: 16px;


	font-weight: 400;


	outline: none;


}


.vander-form .btn {


	padding: 7px 25px;


	border: 1px solid transparent;


}


.vander-form .btn:after {
	display: none;
}


.vander-form .btn-import {


	border-color: #000000;


	color: #000000;


	background-color: transparent;


}


.vander-form .btn-import:hover {


	background-color: #000000;


	color: #ffffff;


}


.vander-form .btn-primary:hover {


	border-color: #000000;


	background-color: #000000;


}


.overview-box {


	background-repeat: no-repeat;


	background-size: 100%;


	background-position: center;


	height: 124px;


	overflow: hidden;


	border-radius: 10px;


	padding: 27px;


	margin-bottom: 30px;


}


.overview-box .media-img {


	width: 69px;


	height: 69px;


	background-color: #ffffff;


	box-shadow: 6px 0 11px rgb(0 1 1 / 15%);


	margin: 0;


	border-radius: 10px;


	display: -webkit-box;


	display: -webkit-flex;


	display: -ms-flexbox;


	display: flex;


	-webkit-box-pack: center;


	-webkit-justify-content: center;


	-ms-flex-pack: center;


	justify-content: center;


	-webkit-box-align: center;


	-webkit-align-items: center;


	-ms-flex-align: center;


	align-items: center;


}


.overview-box .media-body {


	padding-left: 15px;


	padding-top: 5px;


	padding-bottom: 5px;


}


.overview-box .media-body p {


	color: #ffffff;


	font-size: 16px;


	font-weight: 400;


}


.overview-box .media-body h3 {


	color: #ffffff;


	font-size: 32px;


	font-weight: 600;


	padding: 0;


	margin: 0;


}


.overview-dashbord-form {


	padding: 40px 30px;


	border-radius: 5px;


	background-color: #ffffff;


	border: 1px solid #9bdefb;


	-webkit-box-shadow: 4px 0 15px rgb(0 1 1 / 8%);


	-moz-box-shadow: 4px 0 15px rgb(0 1 1 / 8%);


	-o-box-shadow: 4px 0 15px rgb(0 1 1 / 8%);


	box-shadow: 4px 0 15px rgb(0 1 1 / 8%);


}


.overview-dashbord-form .button-area {


	text-align: right;


	margin-bottom: 20px;


}


.overview-dashbord-form .button-area .btn:after {


	display: none;


}


.overview-dashbord-form .button-area .btn {


	padding: 5px 15px;


	border: 1px solid transparent;


	font-size: 13px;


	font-weight: 400;


}


.overview-dashbord-form .button-area .btn.btn-primary {


	border-color: #15aef1;


	background-color: transparent;


	color: #000000;


}


.overview-dashbord-form .button-area .btn.btn-primary:hover {


	background-color: #15aef1;


	color: #ffffff;


}


.overview-dashbord-img {
	margin: 0;
}


.overview-dashbord-img img {


	width: 100%;


}


/*--------- dashbord new vaner stop ---------*/


/*------ order list css start -------*/


.select-form {


	position: relative;


	z-index: 0;


}


.select-form:after {


	content: '\f2f9';


	font-family: 'Material-Design-Iconic-Font';


	position: absolute;


	top: 12px;


	right: 15px;


	color: #000000;


	font-size: 20px;


}


select.form-control {


	cursor: pointer;


}


.vander-form .heading {


	text-transform: uppercase;


	color: #0f8ac0;


	font-size: 15px;


	font-weight: 500;


	margin-bottom: 25px;


}


.order-list-area {}


.contain-box {


	margin-bottom: 20px;


}


.contain-box h3 {


	color: #000000;


	font-size: 15px;


	font-weight: 500;


	padding: 0;


	margin: 0 0 10px;


}


.contain-box ul {


	padding: 0;


	margin: 0;


	list-style: none;


}


.contain-box ul li {


	padding: 0;


	padding-left: 25px;


	color: #000000;


	font-size: 15px;


	font-weight: 400;


	position: relative;


	margin-bottom: 10px;


}


.contain-box ul li:last-child {


	margin: 0;


}


.contain-box ul li:before {


	content: '';


	position: absolute;


	top: 5px;


	left: 0;


	width: 18px;


	height: 12px;


	background-image: url(../images/point-icon.png);


	background-repeat: no-repeat;


	background-position: center;


	background-size: 100%;


}


.contain-box p {


	color: #000000;


	font-size: 15px;


	font-weight: 400;


	margin-bottom: 6px;


}


.contain-box p:last-child {


	margin: 0;


}


.order-list-area .order-table {


	margin-bottom: 20px;


}


.table>thead {


	--bs-table-accent-bg: #2cb9f7;


	color: #ffffff;


	font-weight: 400;


}


.table>thead tr th {


	font-weight: 400;


	font-size: 15px;


	padding: 15px;


}


.table>tbody tr td {


	font-weight: 400;


	font-size: 15px;


	padding: 15px;


}


.table-striped>tbody>tr:nth-of-type(odd) {


	--bs-table-accent-bg: #fff;


}


.table-striped>tbody>tr {


	--bs-table-accent-bg: #eaf9ff;


}


.table-bordered>:not(caption)>*>*,
.table-bordered>:not(caption)>* {


	border-color: #bcd1ed;


}


.vander-form .heading2 {


	text-transform: uppercase;


	color: #000000;


	font-size: 15px;


	font-weight: 500;


	margin-bottom: 15px;


}


/*------ order list css stop -------*/


/*---------- inner_banner_area start ----------*/


.inner_banner_area {


	width: 100%;


	height: 310px;


	position: relative;


	overflow: hidden;


	background-repeat: no-repeat;


	background-size: cover;


	background-position: center;


}


.inner_banner_area img {


	width: 100%;


	height: 100%;


	object-fit: cover;


	position: relative;


	z-index: 0;


}


.inner_banner_area .containBox {


	width: 100%;


	height: 100%;


	position: absolute;


	top: 0;


	left: 0;


}


.inner_banner_area .containBox h1 {


	color: #ffffff;


	font-size: 32px;


	font-weight: 600;


	text-transform: uppercase;


	margin: 0 0 5px;


}


.inner_banner_area ol.breadcrumb {


	background: transparent;


	padding: 0;


	margin: 0;


}


.inner_banner_area ol.breadcrumb li.breadcrumb-item {


	display: inline-block;


}


.inner_banner_area ol.breadcrumb li.breadcrumb-item a {


	transition: 0.5s;


	font-size: 16px;


	color: #ffffff;


}


.inner_banner_area ol.breadcrumb li.breadcrumb-item a:hover,
.inner_banner_area ol.breadcrumb li.breadcrumb-item.active {


	font-size: 16px;


	color: #fff;


}


.breadcrumb-item+.breadcrumb-item::before {


	color: #ffffff;


	content: "/";


	font-size: 18px;


}


.inner_banner_area .containBox .containBoxBody {


	width: 100%;


	max-width: 457px;


}


/*---------- inner_banner_area stop ----------*/


/*---- webtext area start -----*/


.webtext h1,
.webtext h2,
.webtext h3 {


	font-size: 40px;


	font-weight: 300;


	color: #000000;


	margin: 0 0 0;


	text-transform: uppercase;


}


.webtext h1 strong,
.webtext h2 strong,
.webtext h3 strong {


	font-weight: 600;


}


/*---- webtext area stop -----*/


/*------ administrative area start --------*/


.administrative-area .webtext {


	margin-bottom: 1.5rem;


}


.notice-box {


	border-radius: 10px;


	border: 1px solid #c0c0c0;


	background-color: #ffffff;


	padding: 1.7rem 1.5rem;


	margin-bottom: 1.6rem;


	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);


	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);


	-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);


	box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);


}


.notice-box h3 {


	color: #000000;


	font-size: 20px;


	font-weight: 500;


	margin: 0 0 0.8rem;


}


/*------ administrative area stop --------*/


/*----- nav tav area start -----*/


.nav.nav-tabs {


	border: none;


	margin-bottom: 2.2rem;


}


.nav.nav-tabs .nav-item {


	display: inline-block;


	margin-right: 0.5rem;


}


.nav.nav-tabs .nav-item:last-child {


	margin-right: 0;


}


.nav.nav-tabs .nav-item .nav-link {


	border-radius: 30px;


	border: 1px solid #22dd91;


	background-color: #ffffff;


	outline: none;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	padding: 0.4rem 1.4rem;


	color: #000000;


	font-size: 15px;


	font-weight: 500;


}


.nav.nav-tabs .nav-item .nav-link:hover,
.nav.nav-tabs .nav-item .nav-link.active {


	border-color: #22dd91;


	background-color: #22dd91;


	color: #ffffff;


}


/*----- nav tav area stop -----*/


/*----- inner contact area start -----*/


.contact-form .webtext {


	margin-bottom: 2rem;


}


.inner-contact-body {


	position: relative;


}


.contact-form {


	width: 100%;


	max-width: 570px;


	position: relative;


	background-color: #ffffff;


	border-radius: 10px;


	padding: 2.5rem;


	box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);


}


.inner-contact-body .shape4 {


	content: '';


	position: absolute;


	bottom: 10px;


	left: -107px;


	width: 175px;


	filter: brightness(120%);


	filter: contrast(120%);


	filter: drop-shadow(-10px 0 8px rgb(0 0 0 / 08%));


}


.contact-form .form {


	width: 100%;


	max-width: 475px;


}


.inner-contact-body .getintouch-area {


	position: absolute;


	bottom: -50px;


	right: 0;


	width: 100%;


	max-width: 546px;


	height: 569px;


	overflow: hidden;


	border-radius: 20px;


	z-index: 1;


}


.inner-contact-body .getintouch-area:before {


	content: '';


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


	background-image: url(../images/packers.png);


	/* background-image: url(../images/background1.png); */


	background-position: right;


	background-size: 100%;


	background-repeat: no-repeat;


	z-index: 0;


}


.inner-contact-body .getintouch-area .getintouchbody {


	position: relative;


	z-index: 1;


	padding: 3rem;


	padding-right: 8rem;


}


.inner-contact-body .getintouch-area .getintouchbody h2 {


	font-size: 48px;


	text-transform: uppercase;


	font-weight: 400;


	color: #ffffff;


	margin-bottom: 2rem;


}


.contact-address .media {


	margin-bottom: 1.5rem;


}


.contact-address .media .media-icon {


	width: 45px;


	height: 45px;


	border-radius: 50%;


	border: 2px solid #ffffff;


	color: #ffffff;


	font-size: 18px;


}


.contact-address .media .media-body {


	padding-left: 0.8rem;


}


.contact-address .media .media-body h5 {


	margin-bottom: 0.2rem;


	color: #ffffff;


	font-size: 20px;


	font-weight: 600;


	text-transform: capitalize;


}


.contact-address .media .media-body p,
.contact-address .media .media-body a {


	color: #ffffff;


	font-size: 16px;


	font-weight: 400;


	text-transform: uppercase;


}


.contact-address .media .media-body a {


	text-transform: none;


}


.contact-address .media .media-body a:hover {


	text-decoration: underline;


}


.inner-contact-body .getintouch-area .getintouchbody .map-box {


	border-top: 1px solid #ffffff6e;


	padding-top: 1.5rem;


	margin-bottom: 1.5rem;


}


.inner-contact-body .getintouch-area .getintouchbody .social-link-box {


	padding: 0;


	margin: 0;


	list-style-type: none;


}


.inner-contact-body .getintouch-area .getintouchbody .social-link-box li {


	display: inline-block;


	color: #ffffff;


	font-size: 20px;


	font-weight: 400;


	margin-right: 5px;


}


.inner-contact-body .getintouch-area .getintouchbody .social-link-box li:last-child {


	margin-right: 0;


}


.inner-contact-body .getintouch-area .getintouchbody .social-link-box li .social-link {


	width: 44px;


	height: 44px;


	border-radius: 50%;


	border: 2px solid #ffffff;


	color: #ffffff;


	font-size: 20px;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	display: inline-block;


}


.inner-contact-body .getintouch-area .getintouchbody .social-link-box li .social-link:hover {


	color: #00a7ff;


	background-color: #ffffff;


}


.inner-contact-area {


	padding-bottom: 150px;


}


/*----- inner contact area stop -----*/


/*----- inner gallery area start -----*/


.inner-gallery-boxMain {


	margin-bottom: 20px;


}


.inner-gallery-boxMain h3 {


	text-align: center;


	color: #000000;


	font-size: 15px;


	font-weight: 600;


	text-transform: capitalize;


}


.inner-gallery-box {


	position: relative;


	margin-bottom: 1rem;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


}


.inner-gallery-box img {


	width: 100%;


	object-fit: cover;


	position: relative;


	z-index: 0;


}


.inner-gallery-box:hover {


	box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);


}


.inner-gallery-box .gallery-view {


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


	border: 8px solid #ffffff;


	background-color: rgba(21 174 241 / 42%);


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	opacity: 0;


}


.inner-gallery-box:hover .gallery-view {


	opacity: 1;


}


.inner-gallery-box .gallery-view .icon {


	width: 58px;


	height: 58px;


	background-color: rgb(255 255 255 / 32%);


	color: #ffffff;


	font-size: 30px;


	font-weight: 500;


	border-radius: 50%;


}


/*----- inner gallery area stop -----*/


/*----- inner staff area start -----*/


.staff-box .media {


	padding: 15px;


	border: 1px solid #c0c0c0;


	border-radius: 10px;


	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);


	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);


	-o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);


	box-shadow: 0 0 20px rgba(0, 0, 0, 0.10);


}


.staff-box .media .media-img {


	width: 104px;


	height: 104px;


	border-radius: 5px;


	overflow: hidden;


	position: relative;


	margin-left: -65px;


}


.staff-box .media .media-img img {


	width: 100%;


	object-fit: cover;


	height: 100%;


}


.staff-box .media .media-body {


	padding: 0 15px;


}


.staff-box .media .media-body h5 {


	color: #000000;


	font-size: 18px;


	font-weight: 500;


	margin-bottom: 5px;


}


.staff-box .media .media-body h5 p {


	margin: 0;


	font-size: 15px;


	font-weight: 400;


	color: #000000;


}


.staff-box {


	padding-left: 50px;


	margin-bottom: 30px;


}


/*----- inner staff area stop -----*/


.about-img-box-area.principal img {


	width: 100%;


	object-fit: cover;


}


/*----- inner academic area start ----*/


.inner-academic.academics-img-box {


	/* background-color: transparent;















    padding: 0;















    border: none;















    min-height: auto; */


}


.inner-academic.academics-img-box .academics-contain-box {


	width: 100%;


	/* max-width: 90%; 















    margin: -40px auto 0;*/


	position: relative;


	z-index: 1;


	background-color: #dfdfdf;


	border-radius: 5px;


	/* height: 90px; */


}


/*----- inner academic area stop ----*/


/*------ inner about college area start -------*/


.inner-about-college-area {


	background-color: #512200;


}


.about-college-img-box {


	position: relative;


	padding-right: 75px;


}


.about-college-img {


	position: relative;


	z-index: 0;


	margin-bottom: 20px;


}


.about-college-img img {


	width: 100%;


	object-fit: cover;


}


.about-college-img-box .contain-box {


	position: absolute;


	top: 0;


	left: 0;


	z-index: 1;


	width: 100%;


	height: 100%;


}


.about-college-img-box .contain-box:before {


	content: '';


	position: absolute;


	top: 12%;


	left: 12%;


	width: 100%;


	height: 78%;


	border: 8px solid rgba(0 152 219 / 50%);


	max-width: 335px;


	z-index: 0;


}


.about-college-img-box .contain-box .text-box {


	width: 100%;


	max-width: 322px;


	height: 223px;


	border: 10px solid #ffffff;


	background: rgb(17, 129, 179);


	background: -moz-linear-gradient(90deg, rgba(17, 129, 179, 1) 0%, rgba(21, 174, 241, 1) 50%, rgba(17, 129, 179, 1) 100%);


	background: -webkit-linear-gradient(90deg, rgba(17, 129, 179, 1) 0%, rgba(21, 174, 241, 1) 50%, rgba(17, 129, 179, 1) 100%);


	background: linear-gradient(90deg, rgba(17, 129, 179, 1) 0%, rgba(21, 174, 241, 1) 50%, rgba(17, 129, 179, 1) 100%);


	position: relative;


	z-index: 2;


	padding: 2rem;


}


.about-college-img-box .contain-box .text-box h2 {


	color: #ffffff;


	font-size: 28px;


	font-weight: 600;


}


.about-college-img-box .contain-box .text-box h2 strong {


	font-weight: 600;


}


.about-college-img-box .contain-box .text-box .icon {


	margin-bottom: 0.5rem;


	color: #ffffff;


	font-size: 45px;


}


.inner-about-college-area .about-contain {


	padding-left: 20px;


}


/*------ inner about college area stop -------*/


/*----- collage skill area start -----*/


.collage-skill-area {


	background-color: #ffffff;


}


.collage-skill-box.card {


	border: 2px solid transparent;


	background-color: #ffffff;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	border-radius: 5px;


	padding: 2.5rem 1.2rem;


	box-shadow: 4px 0 15px rgba(0, 0, 0, 0.15);


}


.collage-skill-box.card:hover {


	border-color: #75d1fa;


}


.collage-skill-box.card .card-body {


	background-color: transparent;


	padding: 0;


	border: none;


}


.collage-skill-box.card .card-body h3 {


	color: #000000;


	font-size: 22px;


	font-weight: 600;


	margin-bottom: 0.5rem;


}


.collage-skill-box.card .card-body p {


	padding: 0;


	margin: margin: 0 0 0.5rem;


	font-size: 14px;


	font-weight: 400;


	color: #181818;


	line-height: 22px;


}


.collage-skill-box.card .card-body p:last-child {


	margin: 0 0 0;


}


.collage-skill-box.card .card-img {


	height: 70px;


	margin: 0 auto 1.2rem;


}


.collage-skill-box.card .card-img img {


	height: 100%;


	object-fit: contain;


}


/*----- collage skill area stop -----*/


/*------- mission vision area start -------*/


.mission-vision-area {


	background-color: #ffffff;


}


.mission-vision-img {


	height: 548px;


	position: relative;


	padding: 0.8rem;


	margin-bottom: 85px;


}


.mission-vision-img img {


	width: 100%;


	height: 100%;


	object-fit: cover;


	position: relative;


	z-index: 1;


}


.mission-vision-img:before {


	content: '';


	position: absolute;


	top: 0;


	left: 0;


	width: 92px;


	height: 92px;


	background-color: #2e3191;


	z-index: 0;


}


.mission-vision-img .shap-box {


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


	z-index: 0;


}


.mission-vision-img .shap-box:before {


	content: '';


	position: absolute;


	top: -32px;


	left: -32px;


	width: 29px;


	height: 29px;


	background-color: #cb9833;


	z-index: 0;


}


.mission-vision-img:after {


	content: '';


	position: absolute;


	bottom: 0;


	right: 0;


	width: 293px;


	height: 378px;


	background-color: #00a7ff;


	z-index: 0;


}


.mission-vision-area .about-contain {


	padding-top: 42px;


	padding-bottom: 42px;


}


.mission-vision-body-area:nth-of-type(2n) .img-box-area {


	order: 2;


}


.mission-vision-body-area:nth-of-type(2n) .contain-area {


	order: 1;


	padding-left: 0;


	padding-right: 30px;


}


.mission-vision-body-area:nth-of-type(2n) .mission-vision-img {


	margin-bottom: 0;


}


.mission-vision-body-area:nth-of-type(2n) .mission-vision-img .shap-box,
.mission-vision-body-area:nth-of-type(2n) .mission-vision-img:before {


	display: none;


}


.mission-vision-body-area:nth-of-type(2n) .mission-vision-img:after {


	height: 100%;


	background-color: #cb9833;


}


/*------- mission vision area stop -------*/


/*------ school of technology area start -------*/


.school-of-technology-area {


	background-color: #ffffff;


}


.technology-list h3 {


	color: #000000;


	font-size: 24px;


	font-weight: 500;


	border-bottom: 1px solid #7f7f7f;


	padding-bottom: 10px;


	margin-bottom: 15px;


}


.technology-list .list {


	padding: 0;


	margin: 0;


	list-style-type: none;


}


.technology-list .list li {


	padding: 0;


	padding-left: 28px;


	padding-bottom: 15px;


	border-bottom: 1px dashed #7f7f7f;


	position: relative;


	min-height: 42px;


	margin-bottom: 20px;


}


.technology-list .list li:before,
.technology-list .list li:after {


	content: '';


	position: absolute;


	width: 11px;


	height: 11px;


}


.technology-list .list li:before {


	top: 6px;


	left: 0;


	background-color: #cb9833;


}


.technology-list .list li:after {


	top: 9px;


	left: 3px;


	background-color: #2e3191;


}


.technology-list .list li a {


	color: #000000;


	font-size: 16px;


	font-weight: 400;


	-webkit-transition: 0.5s;


	-moz-transition: 0.5s;


	-o-transition: 0.5s;


	transition: 0.5s;


	line-height: 24px;


}


.technology-list .list li a:hover,
.technology-list .list li.active a {


	color: #00a7ff;


}


.school-of-technology-area .about-contain {


	margin-bottom: 1.5rem;


}


.school-of-technology-area .image-list {


	padding: 0;


	margin: 0;


	list-style-type: none;


}


.school-of-technology-area .image-list li {


	padding: 0;


	margin: 0;


	margin-right: 15px;


	margin-bottom: 25px;


}


.school-of-technology-area .image-list li:last-child {


	margin-right: 0;


}


.school-of-technology-img {


	height: 281px;


	overflow: hidden;


}


.school-of-technology-img img {


	width: 100%;


	height: 100%;


	object-fit: cover;


}


.school-of-technology-body {


	padding-right: 1.8rem;


	border-right: 1px solid #cacdd1;


}


/*------ school of technology area stop -------*/


.careers_area .careerstotalbox::after {


	display: none;


}


.header_area .mobile-header-phone {


	display: none;


	font-size: 30px;


	margin: 20px 12px;


	color: #2e3191;


}


.about-contain .about-contain-div {


	margin-bottom: 30px;


}


.about-contain .list {


	padding: 0;


	margin: 0;


	list-style-type: none;


}


.about-contain .list li {


	padding: 0;


	padding-left: 28px;


	position: relative;


	margin-bottom: 10px;


	color: #000;


	font-size: 15px;


	font-weight: 400;


}


.about-contain .list li:before,
.about-contain .list li:after {


	content: '';


	position: absolute;


	width: 11px;


	height: 11px;


}


.about-contain .list li:before {


	top: 5px;


	left: 0;


	background-color: #cb9833;


}


.about-contain .list li:after {


	top: 8px;


	left: 3px;


	background-color: #2e3191;


}


/* 27-10-2024 */


.header-top {


	background: #954c27;


	color: aliceblue;


	height: 55px;


	padding: 0px 15px 0px 15px;


}


.social-media-top {


	width: 70%;


	margin: 15px 0px 15px 0px;


}


.social-media-top .social-list a {


	color: aliceblue;


	margin: 15px 15px;


}


.search {


	background: no-repeat;


	/* border-radius: 13px; */


	height: 35px;


	border-bottom: 2px solid #ffffff;


	color: #fff;


	display: inline-flex;


}


.searchTerm {


	/* border: 3px solid #1bc580; */


	/* border-right: none; */


	height: 40px;


	border-radius: 5px 0 0 5px;


	outline: none;


	color: #ffffff;


	border: none;


	background: none;


}


.searchTerm::placeholder {


	color: rgb(255, 255, 255);


}


.searchButton {


	/* border: 1px solid #1bc580; */


	/* background: #fff; */


	text-align: center;


	color: #ffffff;


	border-radius: 5px;


	cursor: pointer;


	font-size: 20px;


	border: none;


	background: none;


}


.header-top .wrap {


	margin: 0px 0px 15px 165px;


}


.header-contact {


	width: 30%;


	float: right;


	text-align: end;


	margin: 15px 0px;


}


.header-contact a {


	color: aliceblue;


	margin-right: 4px;


}


/* .header-contact a fa{















    color: aliceblue;















} */


/*popup modal css */


.popup-overlay {


	position: fixed;


	top: 0;
	left: 0;


	width: 100%;
	height: 100%;


	background: rgba(0, 0, 0, 0.6);


	display: none;


	justify-content: center;


	align-items: center;


	z-index: 1000;


}


.popup-content {


	background: #fff;


	padding: 30px;


	border-radius: 10px;


	width: 100%;


	max-width: 700px;


	position: relative;


	text-align: center;


}


.popup-content input,


.popup-content textarea {


	width: 100%;


	margin-bottom: 10px;


	padding: 10px;


}


.popup-content button {


	padding: 10px 20px;


	background: #007bff;


	color: #fff;


	border: none;


	cursor: pointer;


}


.close-popup {


	position: absolute;


	top: 10px;


	right: 15px;


	font-size: 24px;


	cursor: pointer;


}


.contact-form .btn-primary:hover {


	border-color: #512200;


	background-color: #512200;


}


.popup-overlay .btn-primary:hover {


	border-color: #512200;


	background-color: #512200;


}


.about-area .read-more {


	text-align: center;


	float: right;


	color: #512200;


}


.skill-box h3 {


	font-size: calc(1.0rem + .6vw);


}


/*------ post area start --------*/


/* 
.post-area{padding: 30px 0px 0px;}







.post-area h3.heading-3{padding: 0 0 12px;margin: 0;font-size: 46px;font-weight: 400;color: #0a1727;text-transform: uppercase;position: relative;}







.post-area h3.heading-3 strong{font-weight: 400;}







.post-area h3.heading-3:after{content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;max-width: 110px;height: 2px;background-color: #512200;margin: 0 auto;}







.post-area h3.heading-3 span{display: block;color: #1b6b72;font-size: 18px;font-weight: 400;}







.post-box{background-color: #512200;border-radius: 25px;padding: 60px;margin: 0 auto;opacity:0.4}







.post-box p{color: #ffffff;font-size: 20px;font-weight: 400;margin-bottom: 20px;}







.post-box p:last-child{margin: 0;}







.post-box p strong{font-weight: 400;display: none;}







.post-box .media{margin-bottom: 20px;align-items: center;justify-content: left;display: none;}







.post-box .media .media-img{width: 90px;height: 90px;border-radius: 50%;margin-right: 15px;}







.post-box .media .media-body h4{padding: 0;margin: 0 0 7px;color: #fff;font-size: 21px;font-weight: 400;}







.post-box .media .media-body p{color: #fff;padding: 0;margin: 0;font-size: 16px;font-weight: 400;}







.post-carousel.owl-carousel .owl-item.center .post-box .media{display: flex;}







.post-carousel.owl-carousel .owl-item.center .post-box{opacity: 1;box-shadow: 0px 6px 20px rgb(0 1 1 / 18%);}







.post-carousel.owl-carousel .owl-item.center .post-box p{color: #fff;}







.post-carousel.owl-carousel .owl-item.center .post-box p strong{display: block;}







.post-carousel.owl-carousel .owl-stage {display: flex;align-items: center;padding: 50px 0;}







.post-carousel.owl-carousel .owl-nav{position: absolute;top: 50%;left: 0;width: 100%;display: flex;justify-content: space-between;padding: 0 50px;}







.post-carousel.owl-carousel .owl-nav .owl-prev, .post-carousel.owl-carousel .owl-nav .owl-next{width: 56px;height: 56px;display: flex;align-items: center;background-color: #ffffff;justify-content: center;border-radius: 50%;outline: none;position: relative;font-size: 22px;box-shadow: 0px 6px 20px rgb(0 1 1 / 18%);color: #092926;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}







.post-carousel.owl-carousel .owl-nav .owl-prev:hover, .post-carousel.owl-carousel .owl-nav .owl-next:hover{background-color: #092926;color: #ffffff;box-shadow: none;}







.post-carousel.owl-carousel .owl-nav .owl-prev span, .post-carousel.owl-carousel .owl-nav .owl-next span{display: none;}







.post-carousel.owl-carousel .owl-nav .owl-prev:before, .post-carousel.owl-carousel .owl-nav .owl-next:before{position: absolute;top: 12px;left: 0;right: 0;margin: 0 auto;font-family: 'Material-Design-Iconic-Font';}







.post-carousel.owl-carousel .owl-nav .owl-prev:before{content: "\f2ea";}







.post-carousel.owl-carousel .owl-nav .owl-next:before{content: "\f2ee";} */


/*------ post area start --------*/
.post-area {
	padding: 100px 0px 50px;
}

.post-area h3.heading-3 {
	padding: 0 0 12px;
	margin: 0;
	font-size: 46px;
	font-weight: 400;
	color: #0a1727;
	text-transform: uppercase;
	position: relative;
}

.post-area h3.heading-3 strong {
	font-weight: 600;
}

.post-area h3.heading-3:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 110px;
	height: 2px;
	background-color: #1b6b72;
	margin: 0 auto;
}

.post-area h3.heading-3 span {
	display: block;
	color: #1b6b72;
	font-size: 18px;
	font-weight: 400;
}

.post-box {
	background-color: #512200;
	border-radius: 5px;
	padding: 60px;
	margin: 0 auto;
	opacity: 0.4
}

.post-box p {
	color: #ffffff;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
}

.post-box p:last-child {
	margin: 0;
}

.post-box p strong {
	font-weight: 500;
	display: none;
}

.post-box .media {
	margin-bottom: 20px;
	align-items: center;
	justify-content: left;
	display: none;
}

.post-box .media .media-img {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin-right: 15px;
}

.post-box .media .media-body h4 {
	padding: 0;
	margin: 0 0 7px;
	color: #fff;
	font-size: 21px;
	font-weight: 400;
}

.post-box .media .media-body p {
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
}

.post-carousel.owl-carousel .owl-item.center .post-box .media {
	display: flex;
}

.post-carousel.owl-carousel .owl-item.center .post-box {
	opacity: 1;
	box-shadow: 0px 6px 20px rgb(0 1 1 / 18%);
}

.post-carousel.owl-carousel .owl-item.center .post-box p {
	color: #fff;
}

.post-carousel.owl-carousel .owl-item.center .post-box p strong {
	display: block;
}

.post-carousel.owl-carousel .owl-stage {
	display: flex;
	align-items: center;
	padding: 50px 0;
}

.post-carousel.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 50px;
}

.post-carousel.owl-carousel .owl-nav .owl-prev,
.post-carousel.owl-carousel .owl-nav .owl-next {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	background-color: #ffffff;
	justify-content: center;
	border-radius: 50%;
	outline: none;
	position: relative;
	font-size: 22px;
	box-shadow: 0px 6px 20px rgb(0 1 1 / 18%);
	color: #092926;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

.post-carousel.owl-carousel .owl-nav .owl-prev:hover,
.post-carousel.owl-carousel .owl-nav .owl-next:hover {
	background-color: #fff;
	color: #000000;
	box-shadow: none;
}

.post-carousel.owl-carousel .owl-nav .owl-prev span,
.post-carousel.owl-carousel .owl-nav .owl-next span {
	display: none;
}

.post-carousel.owl-carousel .owl-nav .owl-prev:before,
.post-carousel.owl-carousel .owl-nav .owl-next:before {
	position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-family: 'Material-Design-Iconic-Font';
}

.post-carousel.owl-carousel .owl-nav .owl-prev:before {
	content: "\f2ea";
}

.post-carousel.owl-carousel .owl-nav .owl-next:before {
	content: "\f2ee";
}

/*------ post area stop --------*/


/*------ post area stop --------*/


.ecoareabox {
	border: 1px solid #ddd;


	border-radius: 25px;


	padding: 25px;


	text-align: center;
}


.ecoicon {
	width: 75px;


	height: 75px;


	background: #ddd;


	border-radius: 50px;


	margin: 0 auto 20px;
}


.ecoareabox h4 {
	font-size: 25px;


	color: #000;


	margin-bottom: 10px;


	text-transform: uppercase;
}


.ecoareabox p {
	font-size: 15px;


	font-weight: 400;
}


.readmore {


	margin-left: 20%;


}


.readmore button {
	color: #512200;


	margin-top: 15px;


	display: flex;


	font-size: 17px;


	justify-content: center;


	align-items: center;


	border: none;


	background: none;
}


.readmore button span {
	width: 40px;


	height: 40px;


	background: #512200;


	display: inline-block;


	margin-left: 10px;


	border-radius: 50px;


	color: #fff;


	padding: 10px 0px;


	border: none
}


.ecoareabox:hover {
	background: #512200;
}


.ecoareabox:hover h4,
.ecoareabox:hover p {
	color: #fff;
}


.ecoareabox:hover .ecoicon {
	background: #fff;
}


.ecoareabox:hover .readmore button {
	background: #512200;
	color: #fff;
	border: none
}


.ecoareabox:hover .readmore button span {
	background: #fff;
	color: #512200;
	border: none
}


/* whatsapp icon add */


.whatsapp-float {


	position: fixed;


	bottom: 20px;


	right: 20px;


	z-index: 9999;


	cursor: pointer;


	transition: transform 0.3s ease;


	max-width: 70px;


}


.whatsapp-float:hover {


	transform: scale(1.1);


}

.gallery-inner-section .heading_area h3:after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	width: 100%;

	max-width: 110px;

	height: 2px;

	background-color: #512200;

	margin: 0 auto;

}

.academics-area.ecoarea .heading h2::after {

	content: '';

	position: absolute;

	bottom: 2px;
	/* adjust as needed */

	left: 50%;

	transform: translateX(-50%);

	width: 100%;

	max-width: 150px;

	height: 2px;

	background-color: #512200;

}

.academics-area.ecoarea .heading h2 {

	position: relative;

	display: inline-block;

	padding-bottom: 10px;
	/* space for the line */

}

.skill-area .heading h4::after {

	content: '';

	position: absolute;

	bottom: 2px;
	/* adjust as needed */

	left: 50%;

	transform: translateX(-50%);

	width: 100%;

	max-width: 150px;

	height: 2px;

	background-color: #512200;

}

.skill-area .heading h4 {

	position: relative;

	display: inline-block;

	padding-bottom: 10px;
	/* space for the line */

}

.gallery-inner-section .heading_area h3::after {

	content: '';

	position: absolute;

	bottom: 2px;
	/* adjust as needed */

	left: 50%;

	transform: translateX(-50%);

	width: 100%;

	max-width: 150px;

	height: 2px;

	background-color: #512200;

}

.gallery-inner-section .heading_area h3 {

	position: relative;

	display: inline-block;

	padding-bottom: 10px;
	/* space for the line */

}


.branchs-inner-section .heading h3::after {

	content: '';

	position: absolute;

	bottom: 2px;
	/* adjust as needed */

	left: 50%;

	transform: translateX(-50%);

	width: 100%;

	max-width: 150px;

	height: 2px;

	background-color: #512200;

}

.branchs-inner-section .heading h3 {

	position: relative;

	display: inline-block;

	padding-bottom: 10px;
	/* space for the line */

}

/* Default: Desktop view */
/*.banner {*/
/*  display: block;*/
/*}*/

/*.banner-mobile {*/
/*  display: none;*/
/*}*/

/* Mobile view (only show mobile banner below 768px) */
/*@media (max-width: 767.98px) {*/
/*  .banner {*/
/*    display: none;*/
/*  }*/

/*  .banner-mobile {*/
/*    display: block;*/
/*  }*/
/*}*/
/*.banner,*/
/*.banner-mobile {*/
/*  width: 100%;*/
/*height: 400px; */
/*  background-size: cover;*/
/*  background-position: center;*/
/*}*/


#banner-slider {
	display: block;
}

#banner-slider-mobile {
	display: none;
}

@media (max-width: 767px) {
	#banner-slider {
		display: none;
	}

	#banner-slider-mobile {
		display: block;
	}
}


/*-------- index faq area start ------*/
.inner-faq-body {
	width: 100%;
	max-width: 1076px;
	margin: 0 auto;
}

.inner-faq-body .accordion-item {
	margin-bottom: 10px;
	box-shadow: none;
	background-color: #512200;
	border-radius: 10px;
	border: none;
	overflow: hidden;
}

.inner-faq-body .accordion-item .accordion-button.collapsed {
	background-color: #512200;
	border: none;
	border-radius: 0;
	padding: 18px;
	box-shadow: none;
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	position: relative;
}

.inner-faq-body .accordion-item .accordion-button {
	background-color: transparent;
	border: none;
	border-radius: 0;
	padding: 25px 25px 0;
	box-shadow: none;
	color: #ffffff;
	font-family: 'Karla', sans-serif;
	font-size: 18px;
	font-weight: 500;
}

.inner-faq-body .accordion-item .accordion-button::after {
	background-color: #fff;
	border-radius: 50%;
	background-size: 55%;
	background-position: center;
	width: 30px;
	height: 30px;
	z-index: 1;
}

.inner-faq-body .accordion-item .accordion-button .number {
	/* color: #512200; */
	margin-right: 5px;
}

.inner-faq-body .accordion-item .accordion-body {
	padding: 15px 110px 25px 25px;
}

.inner-faq-body .accordion-item .accordion-collapse.collapse .accordion-body {
	background-color: #512200;
	color: #ffffff;
	position: relative;
}

.inner-faq-body .accordion-item .accordion-collapse.collapse .accordion-body::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 177px;
	height: 140%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
}

/*-------- index faq area stop ------*/
/*-----------------Blog start--------------------*/
.blogsection {
	padding: 50px 0px;
}

/* .blogsection .blog-main-div{ border: 10px solid #512200;} */
.blogimg {
	height: 400px;
	margin-bottom: 25px;
	border-radius: 10px;
}

.blogimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.blogbox h4 a {
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 35px;
	color: #512200;
	margin-bottom: 10px;
	display: inline-block;
}

.blogbox p {
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	color: #000;
}

.blogimg1 {
	height: 200px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.blogimg1 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.blogbox1 h4 a {
	font-size: 20px;
	line-height: 25px;
	font-weight: 500;
	color: #512200;
}

.blogright h4 {
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	color: #000000;
	position: relative;
	display: inline-block;
}

.blogright h4:after {
	position: absolute;
	content: "";
	width: 70%;
	height: 2px;
	background: #FAAB19;
	left: 0px;
	bottom: -7px;
}

.blogright h4:before {
	position: absolute;
	content: "";
	width: 9px;
	height: 2px;
	background: #fff;
	right: 50px;
	bottom: -7px;
	z-index: 9;
}

.blogrightimg {
	height: 145px;
	position: relative;
	width: 175px;
}

.blogrightimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.blogtext {
	position: absolute;
	padding: 0px 65px 0px 190px;
}

.blogtext h3 a {
	font-style: normal;
	font-weight: 500;
	font-size: 17px;
	line-height: 25px;
	color: #000;
}

.blogtext h6 {
	font-style: normal;
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	color: #676464;
	margin-top: 15px;
}

.blogimg2 {
	height: 250px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.blogimg2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.blogbox:hover {
	background: #512200;
	border: 10px solid #512200;
	padding: 2px;
	border-radius: 10px;
}

.blogbox:hover h4 a,
.blogbox:hover p {
	color: #fff;
}

/*-----------------Blog stop--------------------*/
/*------------ inner blog area start -------------*/
.inner_blog_area {
	padding: 10px 0px;
}

.blog_box.inner_blog_box {
	margin: 0 0 30px;
}

.pagination_area {}

.pagination_area ul.pagination {
	display: block;
	text-align: center;
}

.pagination_area ul.pagination li.page-item {
	display: inline-block;
}

.pagination_area ul.pagination li.page-item .page-link {
	border-color: #153d66;
	color: #153d66;
	font-size: 14px;
	transition: 0.5s;
}

.pagination_area ul.pagination li.page-item .page-link:hover {
	background: #ff0000;
	border-color: #ff0000;
	color: #ffffff;
}

.pagination_area ul.pagination li.page-item.active .page-link {
	background: #ff0000;
	border-color: #ff0000;
	color: #ffffff;
}

.inner-main-blog-box {
	background: #fff;
	border-radius: 10px;
	margin-bottom: 30px;
}

.inner-blog-heading-hd {
	padding-bottom: 15px;
}

.inner-blog-heading-hd h3 span {
	color: #ED2831;
}

.inner-blog-heading-hd h4 {
	color: #153d66;
	font-size: 20px;
	padding: 5px 0;
	margin: 0 0 10px;
}

.fb {
	background: #3b5998;
	border-color: #3b5998 !important;
	color: #ffffff !important;
}

.whatsapp {
	background: #25D366;
	border-color: #25D366 !important;
	color: #ffffff !important;
}

.youtube {
	background: #FF0000;
	border-color: #FF0000 !important;
	color: #ffffff !important;
}

.inner-blog-heading-hd ul.blog_social {
	padding: 0 0;
	margin: 0 0;
	list-style: none;
}

.inner-blog-heading-hd ul.blog_social li {
	display: inline-block;
	padding: 0 0;
	margin: 0 0 0 0;
}

.inner-blog-heading-hd ul.blog_social li a.social {
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000;
	font-size: 17px;
	border-radius: 50%;
	margin-right: 5px;
	color: #000;
}

.inner-blog-img-box {
	height: 490px;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 10px;
}

.inner-blog-img-box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.inner-main-blog-box p {
	padding-top: 15px;
}

.blg-like-view-date {
	display: flex;
	margin-top: 30px;
	justify-content: space-between;
}

.blg-like-view-date ul li {
	padding: 0;
	padding-right: 15px;
}

.blg-like-view-date ul li img {
	width: 24px;
	margin-right: 4px;
	position: relative;
	top: -1px;
}

.blg-like-view-date p {
	padding-top: 0;
}

.inner-blog-speciality-box {
	padding: 30px 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 1px 11px 0 rgb(82 126 195 / 17%), 0 1px 11px 0 rgb(82 126 195 / 13%);
	margin-bottom: 30px;
}

.inner-blog-speciality-box .btn {
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 40px;
}

.inner-main-blog-box .inner-blog-heading-hd h3 {
	color: #153d66;
	font-weight: 600;
	font-size: 30px;
	margin: 0 0 8px;
}

a.btn-back {
	font-weight: 500;
	font-size: 17px;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 30px;
	position: relative;
	z-index: 9;
	border: 1px solid #153d66;
	color: #153d66;
	transition: 0.5s;
	margin: 0 0 0;
	display: inline-block;
	float: right;
}

.inner-main-blog-box a.btn-back:hover {
	background: #153d66;
	color: #ffffff;
}

/*------------ inner blog area stop -------------*/

/*------------ blog area start ------------*/
.blog_area {
	position: relative;
	overflow: hidden;
	padding: 90px 0 0;
}

.blog_area .sape1 {
	position: absolute;
	bottom: 0;
	right: -65px;
	width: 175px;
}

.blog_area .sape1 img {
	width: 100%;
	object-fit: cover;
}

.blog_body {
	position: relative;
	z-index: 1;
}

.blog_area:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 441px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/blog-bg.jpg);
}

.blog_body h3.h3 {
	margin: 0 0 70px;
}

.blog_body h3.h3,
.blog_body h3.h3 .tag {
	color: #512200;
}

.blog_box {
	border: 1px solid #512200;
	padding: 10px;
}

.blog_box .img_box {
	height: 256px;
	overflow: hidden;
}

.blog_box .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.5s;
}

.blog_box:hover .img_box img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
}

.blog_box .contain_box {
	padding: 10px 15px;
	margin: -42px 0 0;
	position: relative;
	z-index: 1;
}

.blog_box .contain_box h3 {
	color: #000000;
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 7px;
}

.blog_box .contain_box p {
	color: #3b3b3b;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 10px;
	line-height: 24px;
}

.blog_box .contain_box p a {
	color: #ff0000;
}

.blog_box .contain_box a.link {
	color: #153d66;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
}

.blog_box .contain_box a.link:hover {
	text-decoration: underline;
}

.blog_box .contain_box .date_box {
	width: 100%;
	max-width: 50px;
	height: 57px;
	background: rgb(0, 212, 255);
	background: linear-gradient(180deg, rgba(0, 212, 255, 1) 0%, rgba(36, 86, 161, 1) 0%, rgba(13, 48, 101, 1) 100%);
	margin: 0 0 15px;
	padding: 10px;
}

.blog_box .contain_box .date_box ul {
	padding: 0 0;
	margin: 0 0;
	list-style: none;
}

.blog_box .contain_box .date_box ul li {
	padding: 0 0 0;
	margin: 0 0 0;
	border-bottom: 1px solid #ffffff;
	text-align: center;
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
}

.blog_box .contain_box .date_box ul li:last-child {
	border-bottom: 0px;
}

.blog_carousel .owl-nav {
	padding-top: 50px;
	text-align: center;
}

.blog_carousel .owl-nav .owl-prev,
.blog_carousel .owl-nav .owl-next {
	display: inline-block !important;
	position: relative;
	width: 33px;
	height: 33px;
	border: 2px solid #7f7f7f !important;
	outline: none;
	background: transparent !important;
	transition: 0.5s;
	align-items: center;
	justify-content: center;
	font-size: 22px !important;
	border-radius: 50%;
	color: #7f7f7f !important;
}

.blog_carousel .owl-nav .owl-prev {
	margin-right: 5px;
}

.blog_carousel .owl-nav .owl-prev:after {
	content: "\f2fa";
	font-family: 'Material-Design-Iconic-Font';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.blog_carousel .owl-nav .owl-next:after {
	content: "\f2fb";
	font-family: 'Material-Design-Iconic-Font';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.blog_carousel .owl-nav .owl-prev:hover,
.blog_carousel .owl-nav .owl-next:hover {
	border-color: #000000 !important;
	color: #000000 !important;
}

/*------------ blog area stop ------------*/

/* .inner-who-we-are-area{padding: 100px 0px;} */
.inner-who-we-are-area .inner-who-we-are-body, .reson-behind-area{margin-bottom: 75px;background: #512200; padding: 15px;}
.inner-who-we-are-body .inner-img-box img{width: 100%;height: 350px;
    object-fit: cover;}
.inner-who-we-are-body .inner-who-we-are-contain h2{text-transform: uppercase;font-size: 46px;font-weight: 400;color: #fff;margin: 0 0 20px;}
.inner-who-we-are-body .inner-who-we-are-contain h2 .tag{display: block;padding-left: 60px;margin-bottom: 5px;color: #1b6b72;font-weight: 400;font-size: 18px;position: relative;}
.inner-who-we-are-body .inner-who-we-are-contain h2 .tag:before{content: '';position: absolute;top: 10px;left: 0;width: 54px;height: 2px;background-color: #1b6b72;}
.inner-who-we-are-body .inner-who-we-are-contain h2 strong{font-weight: 600;}
.inner-who-we-are-body .inner-who-we-are-contain p{color:#fff;padding: 0;margin: 0 0 30px;font-size: 20px;font-weight: 400;}
.inner-who-we-are-body .inner-who-we-are-contain p strong{font-weight: 600;display: block;}
.inner-who-we-are-body .inner-who-we-are-contain table {  color: #fff; /* White text in table */ }
.inner-who-we-are-body .inner-who-we-are-contain ul{padding: 0;margin: 0;list-style: none;}
.inner-who-we-are-body .inner-who-we-are-contain ul li{padding: 12px 15px 0 0px;margin: 0 10px 0 0;display: inline-block;color: #fff;font-size: 30px;font-weight: 500;position: relative;line-height: 28px;}
.inner-who-we-are-body .inner-who-we-are-contain ul li:after{content: '';position: absolute;top: 8px;right: 0;width: 1px;height: 80%;background-color: #cccccc;}
.inner-who-we-are-body .inner-who-we-are-contain ul li:last-child{padding-right: 0;margin-right: 0;}
.inner-who-we-are-body .inner-who-we-are-contain ul li:last-child:after{display: none;}
.inner-who-we-are-body .inner-who-we-are-contain ul li span{display: block;font-size: 18px;font-weight: 400;}
.inner-who-we-are-body .inner-who-we-are-contain ul li img{display: inline-block;vertical-align: middle;position: absolute;top: 8px;left: 0;}