@import url('https://fonts.googleapis.com/css2?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');

/* font-family: 'Poppins', sans-serif; */



body {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/* background: #F2F3FA; */

}

body,
html {
	height: 100%;
	scroll-behavior: smooth;
}

p {
	font-size: 18px;
	line-height: 35px;
	color: #000;
}

header {
	margin: 0px 0px;
	position: absolute;
	z-index: 999;
	background: transparent;
	width: 100%;
}

section h4 {
	font-size: 25px;
	font-weight: 200;
	color: #035D0C;
	text-transform: uppercase;
}

section h3 {
	font-size: 14px;
	font-weight: 800;
	line-height: 14px;
	letter-spacing: 0em;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 35px;

}

section h3 img {
	position: relative;
	height: 20px;
	top: -11px;
	left: 4px;
}

/* .logo-mobile {
	display: none;
} */


.radius-30 {
	border-radius: 30px !important;
}

@media (min-width: 780px) {
	/*.stickyHeader { position: fixed; }*/
}

header:after {
	display: block;
	clear: both;
	content: '';
}

header .container {
	position: relative;
	/* min-height: 103px; */
}

.logo {
	width: 100%;
	z-index: -9;
	/* text-align: center; */
	float: left;
}

.logo img {
	/*width: 100%;*/
}


.header {
	padding-top: 15px;
	padding-bottom: 15px;
}

.header-left {
	/* float: left;
	width: 50%; */
}

.header-right {
	/* float: right;
	width: 50%; */
	text-align: right;
	display: flex;
	justify-content: right;
}



/* test  */
.header>.container {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}


/* test  */




a.contacts-btn {
	padding: 0 0;
	margin: 0px 0px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0em;
	white-space: nowrap;
}

.header-right {
	padding: 0;
	margin: auto 0;
}



/*==================================================*/
/*MENU STYLE START*/
/* ==================================================*/

a.create_hope {
	margin-left: 68px;
}

.main-menu {
	width: 100%;
	display: inline-block;
}

@media(min-width:991px) {
	.main-menu {
		width: 100%;
		display: inline-block;
		margin: auto 0;
	}
}

.menu-section {
	width: 100%;

}

.w-menu {
	width: 100%;
	float: none;
}

.w-menu .container {
	position: relative;
	min-height: inherit;
}

.w-menu ul li a:hover {
	/* border-bottom: 3px solid #2A6117; */
}

.w-menu ul li a.active {
	/* border-bottom: 3px solid #2A6117; */
}

.w-menu .ul.sub-menu li a {
	color: #035d0c;
}

.w-menu ul li:last-child {
	margin-right: 0 !important;
}

@media (max-width:1200px) {
	.w-menu ul li a {
		font-size: 13px;
		padding: 0px 10px;
	}
}

@media (min-width:992px) {

	.w-menu {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		position: relative;
		z-index: 99;
		text-align: center;
	}

	.w-menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}


	.w-menu ul li {
		display: inline-block;
		position: relative;
		font-size: 13px;
		font-weight: 600;
		margin: 0px 20px;

	}

	.w-menu ul li:first-child {
		margin-left: 0;
	}

	.w-menu ul li:last-child {
		margin-right: 0;
	}

	.w-menu ul li a {
		line-height: 52px;
		padding: 0 0;
		margin: 0px 0px;
		text-decoration: none;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0em;
		text-align: left;
	}

	.w-menu ul li.contact-menu {
		background-color: #ffc300;
		padding: 0px 20px;
	}

	.w-menu ul li.contact-menu:hover a {
		color: #571845;
	}

.w-menu ul li ul {
    text-align: left;
    background-color: #fff;
    border-top: 8px solid #15A2A8;
}

    .w-menu ul li ul li a {
        line-height: 22px;
        padding: 12px 20px 12px 10px;
        color: #000;
        border-bottom: 1px solid #d9d7d7bf;
        margin: 0px 0px;
        text-decoration: none;
        font-size: 0.8rem;
        font-weight: 400;
        text-transform: none;
        width: 100%;
        display: block;
        /*transition: 0.1s;*/
    }

	.w-menu ul li ul li a:hover {
		border-bottom: 3px solid #15A2A8;
		/*transition: 0.4s;*/
	}

	/* .w-menu ul li:after{
	content: '';
    display: block;
    width: 0;
    height:3px;
    background:#035D0C;
    transition: width .3s;
	}
.w-menu ul li:hover::after {
    width: 100%;
} */
	.w-menu ul li ul li::after {
		content: '';
		display: block;
		width: 0;
		height: 0px;
		background: #035D0C;
		transition: width .3s;
	}

	.w-menu ul li ul li:hover {
		background: var(--main-color-one-hover);
	}

	/*ZOOM IN EFFECTS START*/


	/*.w-menu ul.sub-menu {
    display:none;
}
.w-menu li:hover > ul{
    display: block;
    -moz-animation: zoomIn .3s ease-in;
    -webkit-animation: zoomIn .3s ease-in ;
    animation: zoomIn .3s ease-in;
 
}
 
.w-menu ul li:hover > ul{
    display:block;
    -moz-animation: zoomIn .3s ease-in ;
    -webkit-animation: zoomIn .3s ease-in ;
    animation: zoomIn .3s ease-in;
}*/
	/*ZOOM IN EFFECTS END*/

	/*SLIDE DOWN EFFECTS START*/
	.have-sub-menu {
		position: relative;
	}

	ul.sub-menu {
		visibility: hidden;
		/* hides sub-menu */
		opacity: 0;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		transform: translateY(-2em);
		z-index: -1;
		transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	}

	.have-sub-menu:focus>.sub-menu,
	.have-sub-menu:focus-within>.sub-menu,
	.have-sub-menu:hover>.sub-menu {
		visibility: visible;
		/* shows sub-menu */
		opacity: 1;
		z-index: 1;
		transform: translateY(0%);
		transition-delay: 0s, 0s, 0.3s;
		/* this removes the transition delay so the menu will be visible while the other styles transition */
	}

	/*SLIDE DOWN EFFECTS END*/


	/*FLIP EFFECTS START*/
	/*
.w-menu ul.sub-menu {
    display:none;
}
.w-menu li:hover > ul{  
    display: block;
    -moz-animation: flipInX .3s ease-in;
    -webkit-animation: flipInX .3s ease-in ;
    animation: flipInX .3s ease-in;
 
}
 
.w-menu ul li:hover > ul{
    display:block;
    -moz-animation: flipInY .3s ease-in ;
    -webkit-animation: flipInY .3s ease-in ;
    animation: flipInY .3s ease-in;
}
*/

	/*FLIP EFFECTS END*/

	/* sub navigation */
	.w-menu li ul {
		position: absolute;
		left: 0;
		top: 52px;
		width: 200px;
	}

	.w-menu li ul.right {
		right: 0px;
		left: auto;
	}

	.w-menu li li {
		position: relative;
		margin: 0;
		display: block;
	}

	.w-menu li li ul {
		position: absolute;
		top: 0;
		left: 200px;
		/* make this equal to the width of the sub nav above */
		margin: 0;
	}

	.w-menu li li ul.right,
	.w-menu li li ul.right li ul {
		right: 180px;
		/* make this equal to the width of the sub nav above */
		left: auto;
	}

	.w-menu ul li span {
		padding-left: 2px;
	}

	.w-menu ul li span.arrow-plus {
		position: relative;
		display: inline-block;
		z-index: 99;
		right: 0;
		top: 0px;
		cursor: pointer;
		text-align: center;
		height: auto;
	}

	.w-menu ul li span.arrow-plus:after {
		font-family: FontAwesome;
		content: "\f107";
		color: var(--main-color-one);
		font-size: 14px;
		color: #fff;
	}

	.w-menu ul li li span.arrow-plus {
		position: absolute;
		top: 8px;
		right: 10px;
	}

    .w-menu ul li li span.arrow-plus:after {
        font-family: FontAwesome;
        content: "\f105";
        color: #000;
        font-size: 14px;
        font-weight: 300;
        position: relative;
        top: 3px;
    }

	/*OTHER MENU STYLE START*/
	.w-menu ul li.other-menus>ul {
		/*max-height:200px;
	overflow-x: hidden;
	overflow-y: scroll;*/
	}

	.w-menu ul li.other-menus:hover {
		background-color: transparent;
	}

	.w-menu ul li.other-menus:before {
		font-family: FontAwesome;
		content: "\f0c9";
		color: #FFF;
		position: absolute;
		top: 50%;
		margin-top: -11px;
		margin-left: -7px;
	}

	.w-menu ul li.other-menus>a {
		display: block;
		width: 50px;
		padding: 0px;
		margin: 0px;
		text-indent: -99999px;
	}

	.w-menu ul li.other-menus ul li a {
		padding-left: 20px;
	}

	.w-menu ul li.other-menus li:after {
		height: 0px;
		display: none !important;
	}

	.w-menu ul li.other-menus>.arrow-plus {
		display: none;
	}

	.w-menu ul li.other-menus ul {
		left: -160px;
	}

	.w-menu ul li.other-menus ul li ul,
	.w-menu ul li.other-menus ul li ul li ul,
	.w-menu ul li.other-menus ul li ul li ul li ul {
		position: absolute;
		top: 0;
		left: -200px;
		margin: 0;
	}

	.w-menu ul li.other-menus span.arrow-plus {
		position: absolute;
		top: 9px;
		left: 3px;
		right: auto;
	}

	.w-menu ul li.other-menus span.arrow-plus:after {
		font-family: FontAwesome;
		content: "\f104";
	}

	.w-menu ul li.other-menus>ul::-webkit-scrollbar {
		width: 3px;
	}

	.w-menu ul li.other-menus>ul::-webkit-scrollbar-thumb {
		background: var(--main-color-two);
	}

	.w-menu ul li.other-menus {
		cursor: pointer;
		position: relative;
	}

	/*OTHER MENU STYLE END*/
	/*MEGA MENU STYLE START*/
	.w-menu ul li.mega-menus {
		cursor: pointer;
		position: static;

	}

	.w-menu ul li.mega-menus>ul {
		position: absolute;
		width: 1170px;
		left: 0%;
		right: 0%;
		padding: 20px;
	}

	.w-menu ul li.mega-menus>ul>li {
		width: 20%;
		float: left;
		line-height: 10px;
		padding: 0px 10px;
	}

	.w-menu ul li.mega-menus ul li:hover {
		background-color: transparent;
	}

	.w-menu ul li.mega-menus>ul li a:hover {
		color: #000;
	}

	.w-menu ul li.mega-menus ul.sub-menu ul.sub-menu {
		display: block;
		left: 0px;
		width: 100%;
		position: static;
	}

	.mega-menus ul span.arrow-plus {
		display: none !important;
	}

	.w-menu ul li.megamenu-li>a,
	.w-menu ul li.megamenu-with-out-sub>a {
		font-size: 13px !important;
		text-transform: uppercase !important;
		font-weight: bold !important;
		/*margin-bottom:5px !important;
	padding-bottom:10px !important;
	border-bottom:solid 1px #1b69a9 !important;*/
		display: block !important;
		line-height: 16px !important;
		color: #FFFFFF !important;

	}

	/*.megamenu-with-out-sub > a{
	border-bottom:none !important;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	}*/
	.megamenu-li>a:hover {
		color: #FFF !important;
		cursor: default;
	}

	.megamenu-li ul {
		margin-bottom: 20px !important;
		display: inline-block !important;
	}

	.w-menu li.mega-menus:hover ul {
		display: block;
		-moz-animation: zoomIn .3s ease-in;
		-webkit-animation: zoomIn .3s ease-in;
		animation: none !important;

	}

	.w-menu ul li.mega-menus ul li {
		/*display:inline-block;
	vertical-align:top;
	float:left;*/
	}

	.w-menu ul li.mega-menus ul li a {
		line-height: 20px;
		padding: 5px 0px;
		font-size: 14px;
		color: #98d0ff;
	}

	.w-menu ul li.mega-menus ul li ul li a {
		line-height: 20px;
		padding: 1px 0px;
		font-size: 13px;
	}

	/*MEGA MENU STYLE END*/

	/*VERTICAL MENU STYLE START*/
	.w-menu.vertical-menu ul li {
		float: none;
		display: block;
		width: 100%;
		text-align: left;
	}

	.w-menu.vertical-menu ul li ul.sub-menu {
		right: -200px;
		left: auto;
		top: 0px;
	}

	.w-menu.vertical-menu .container {
		padding-left: 0px;
		padding-right: 0px;
	}

	/*VERTICAL MENU STYLE END*/
}

@media (max-width:1200px) and (min-width:991px) {
	.w-menu ul li.mega-menus>ul {
		width: 960px;
		margin-left: -480px;
	}
}

@media (max-width:991px) {

	.top-h-right {
		width: 100%;
	}

	.mobile-menu-icon {
		position: fixed;
		width: 40px;
		height: 40px;
		background-color: #000;
		display: block;
		right: 0px;
		cursor: pointer;
		top: 0px;
		z-index: 999999;
		text-align: center;
		transition: 0.3s;
		padding-top: 10px;
	}

	.mobile-menu-icon:after {
		font-family: FontAwesome;
		content: "\f0c9";
		line-height: 20px;
		font-size: 24px;
		font-weight: 400;
		color: #FFF;
	}

	.mobile-menu-icon.icon-open {
		transition: 0.3s;
		right: 300px;
	}

	.mobile-menu-icon.icon-open:after {
		content: "\f00d";
	}

	.mobile-menu {
		position: fixed;
		z-index: 999999;
		top: 0;
		right: -300px;
		width: 300px;
		height: 100%;
		overflow-x: hidden;
		overflow-y: scroll;
		background: #15A2A8;
		transition: 0.3s;
	}

	.mobile-menu.menu-open {
		right: 0px;
		transition: 0.3s;
		padding-top: 45px;
	}

	.w-menu ul {
		padding: 0px;
		margin: 0px;
	}

	.w-menu ul li {
		float: none;
		list-style: none;
		position: relative;
	}

	.w-menu ul li a {
		color: #fefefe;
		font-size: 14px;
		display: block;
		padding: 10px;
		border-top: 1px solid rgba(255, 255, 255, 0.045);
		border-bottom: 1px solid rgba(0, 0, 0, 0.045);
	}

	.w-menu ul li a:hover,
	.w-menu ul li a:focus {
		text-decoration: none;
	}

	.w-menu ul li.active {
		background: rgba(0, 0, 0, .2) none repeat scroll 0 0;
	}

	.w-menu ul li ul {
		display: none;
	}

	.w-menu ul li span.arrow-plus {
		position: absolute;
		width: 40px;
		height: 40px;
		/* border:solid 1px #FFF; */
		display: block;
		z-index: 99;
		right: 2px;
		top: 0px;
		cursor: pointer;
		text-align: center;
		padding-top: 8px;
	}

	.w-menu ul li span.arrow-plus:after {
		font-family: FontAwesome;
		content: "\f067";
		color: #FFF;
		font-size: 14px;
	}

	.w-menu ul li span.arrow-minimize:after {
		font-family: FontAwesome;
		content: "\f068";
		font-size: 14px;
	}

	.w-submenu {
		display: block !important;
		background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
	}

}

@media (max-width:479px) {
	.mobile-menu {
		width: 280px;
		padding-top: 45px;
	}

	.mobile-menu-icon.icon-open {
		right: 280px;
	}
}

/* ==================================================*/
/*MENU STYLE END*/
/* ==================================================*/

/* ==================================================*/
/*BANNER STYLE START*/
/* ==================================================*/
.banner-section,
.bs-slider .carousel-item {
	padding-top: 36.76923076923077%;
	/*Image Size 550px / 1360px = ‭40.44117647058824‬%*/
}

.banner-section {
	position: relative;
}

.bs-slider .carousel-item {
	overflow: hidden;
	background: #FFFFFF;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.weberge-slider {
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;

}

.bs-slider:hover {
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.bs-slider:active {
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.bs-slider .bs-slider-overlay, .weberge-slider .weberge-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #17a2b800, rgb(0 0 0 / 44%));
}

.bs-slider>.carousel-inner>.carousel-item>img,
.bs-slider>.carousel-inner>.carousel-item>a>img {
	margin: auto;
	width: 100% !important;
}

.weberge-slider:hover {
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.weberge-slider:active {
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.weberge-slider>.carousel-inner>.carousel-item>img,
.weberge-slider>.carousel-inner>.carousel-item>a>img {
	margin: auto;
	width: 100% !important;
}

/********************
*****Slide effect
**********************/

/*.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}*/


.carousel-fade {
	opacity: 1;
}

.carousel-fade .carousel-item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    min-height: 100vh;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}

.carousel-fade .carousel-item:first-child {
	top: auto;
	position: relative;
}

.carousel-fade .carousel-item.active {
	opacity: 1;
	z-index: 2;
	-webkit-transition: opacity ease-in-out 1s;
	-moz-transition: opacity ease-in-out 1s;
	-ms-transition: opacity ease-in-out 1s;
	-o-transition: opacity ease-in-out 1s;
	transition: opacity ease-in-out 1s;
}


/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
	top: 50%;
	opacity: 0;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	z-index: 100;
	color: #ffffff;
	display: block;
	font-size: 24px;
	cursor: pointer;
	overflow: hidden;
	line-height: 42px;
	text-shadow: none;
	position: absolute;
	font-weight: normal;
	background: transparent;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}

.control-round:hover .carousel-control {
	opacity: 1;
	background-color: var(--main-color-one);
}

.control-round .carousel-control.left {
	left: 1%;
	text-align: center;
}

.control-round .carousel-control.right {
	right: 1%;
	text-align: center;

}

.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover {
	color: #fdfdfd;
	border: 0px transparent;
}

.control-round .carousel-control.left>span:nth-child(1) {
	left: 45%;
}

.control-round .carousel-control.right>span:nth-child(1) {
	right: 45%;
}


/*---------- SLIDE CAPTION ----------*/


.slide-text {
	/* padding: 10px; */
	position: absolute;
	/* padding: 10px 0px; */
	/* width: 1170px; */
	z-index: 1;
	top: 350px;
	bottom: 0;
	left: 50%;
	margin-left: -585px;
}

@media(max-width:991px) {
	.slide-text {
		/* padding: 10px; */
		position: absolute;
		/* padding: 10px 0px; */
		/* width: 1170px; */
		z-index: 1;
		top: 560px;
		bottom: 0;
		left: 50%;
		margin-left: -585px;
	}

}

.slide_style_left {
	text-align: left;
}

.slide_style_right {
	text-align: right;
}

.slide_style_center {
	margin: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.slide-text.text_style_top_center,
.slide-text.slide_style_middle,
.slide-text.text_style_bottom_center {
	margin: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.slide-text.text_style_top_left,
.slide-text.slide_style_middle_left,
.slide-text.text_style_bottom_left {
	text-align: left;
}

.slide-text.text_style_top_right,
.slide-text.slide_style_middle_right,
.slide-text.text_style_bottom_right {
	text-align: right;
}

.slide-text.text_style_top_center,
.slide-text.text_style_top_left,
.slide-text.text_style_top_right {
	top: 0px;
}

.slide-text.text_style_bottom_center .slide-text-inner,
.slide-text.text_style_bottom_left .slide-text-inner,
.slide-text.text_style_bottom_right .slide-text-inner {
	bottom: 0px;
	position: absolute;
	width: 100%;
}

.slide_style_middle,
.slide_style_middle_left,
.slide_style_middle_right {
	height: 100%;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	left: 0px;
	right: 0px;
}

.slide_style_middle:before,
.slide_style_middle_left:before,
.slide_style_middle_right:before {
	content: '';
	margin-bottom: auto;
}

.slide_style_middle:after,
.slide_style_middle_left:after,
.slide_style_middle_right:after {
	content: '';
	margin-top: auto;
}

.slide-text h1 {
	color: rgb(255, 255, 255);
	font-size: 1.1rem;
	font-weight: 300;
	line-height: 36px;
	letter-spacing: 0.02em;
	text-align: left;
	/* margin-bottom: 50px; */
	position: relative;
	left: -15px;
}

.slide-text h1 span {
	color: var(--main-color-one);
	font-size: 40px;
	line-height: 40px;
	font-weight: 400;
}

.slide-text p {
	padding: 0;
	color: #ffffff;
	font-size: 55px;
	line-height: 62px;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 30px;
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	display: inline-block;
	width: 100%;
	font-family: 'Poppins', sans-serif;
	/* text-shadow: 1px 1px #000; */
}

.slide-text h3 {
	/* font-family: Albert Sans; */
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: left;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}

.slide-text a.btn-default {
	color: #000;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	margin-right: 10px;
	text-align: center;
	padding: 17px 30px;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	border: none;
	text-transform: uppercase;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}

.slide-text a.btn-primary {
	color: #ffffff;
	cursor: pointer;
	font-weight: 400;
	font-size: 13px;
	line-height: 15px;
	margin-left: 0px;
	text-align: center;
	padding: 17px 30px;
	white-space: nowrap;
	letter-spacing: 1px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.slide-text a:hover,
.slide-text a:active {
	color: #ffffff;
	background: #FF7BBC;
	-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
	transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}

.slide-text-inner .read-more {
	display: inline-block;
	background-color: #c70039;
	padding: 14px 50px;
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	border-radius: 30px;
	letter-spacing: 2px;
	border: 2px solid #fff;
}

.slide-text-inner .read-more:hover {
	background-color: #900c3e;
	text-decoration: none;
}

.slide-text-inner .learn-more {
	background: #FFFFFF;
	color: #424242;
	text-transform: uppercase;
	padding: 11px 35px;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: 0.03em;
	text-align: left;
	text-decoration: none;
	border-radius: 21px;
}

/* .slide-text-inner {
	padding-left: 5%;
} */

/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width:1200px) and (min-width:992px) {
	.slide-text {
		/* width: 970px;
		margin-left: -485px;
		padding-left: 15px;
		padding-right: 15px; */
	}
}

@media (max-width: 991px) {

	.banner-section,
	.bs-slider .item,
	.bs-slider .carousel-item {
		padding-top: 0%;
		height: 400px;
	}

	.carousel-inner,
	.carousel-item {
		height: 100%;
	}

	.slide-text {
		width: 98%;
		margin-left: 0px;
		left: 0px;
		right: 0px;
		/* padding-left: 15px; */
		/* padding-right: 15px; */
	}

	.slide_style_left,
	.slide_style_right,
	.slide_style_center,
	.slide-text.text_style_top_center,
	.slide-text.slide_style_middle,
	.slide-text.text_style_bottom_center,
	.slide-text.text_style_top_left,
	.slide-text.slide_style_middle_left,
	.slide-text.text_style_bottom_left,
	.slide-text.text_style_top_right,
	.slide-text.slide_style_middle_right,
	.slide-text.text_style_bottom_right {
		/* text-align: center; */
	}

}

/*---------- MEDIA 480px ----------*/
@media (max-width: 768px) {
	.slide-text h1 {
		font-size: 17px;
		line-height: 56px;
		margin-bottom: 30px;
	}

	.slide-text>p {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
	}

	.control-round .carousel-control {
		display: none;
	}
}

@media (max-width: 480px) {
	/* .slide-text {
		padding: 10px 30px;
	} */

	.slide-text h1 {
		font-size: 13px;
		line-height: 26px;
		margin-bottom: 30px;
	}

	.slide-text p {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 18px;
	}

	.slide-text h3 {
		font-size: 1rem;
	}

	.slide-text>a.btn-default,
	.slide-text>a.btn-primary {
		font-size: 10px;
		line-height: 10px;
		margin-right: 10px;
		text-align: center;
		padding: 10px 15px;
	}

	.indicators-line>.carousel-indicators {
		display: none;
	}

	.bs-slider>.carousel-inner>.item>img,
	.bs-slider>.carousel-inner>.item>a>img {
		margin: auto;
		width: auto !important;
	}

	.middle-two .middle-one-image {
		border: 10px solid #fff;
	}

	.slide-text-inner .read-more {
		padding: 8px 30px;
	}
}

/* ==================================================*/
/*BANNER STYLE END*/
/* ==================================================*/

.jom-slider .tns-controls [aria-controls] {
	/* top: -50px; */
}

/* .jom-slider {
	padding: 0px 10px;
	position: relative;
} */

.jom-slider .tns-nav {
	display: none;
}

.jom-slider .tns-controls [aria-controls] {

	z-index: 9999;
}

.jom-slider [data-controls="prev"] {
	position: absolute;
	left: 50%;
	margin-left: -45px;
}

.jom-slider [data-controls="next"] {
	position: absolute;
	right: 50%;
	margin-right: -45px;
}


















/* Site CSS */

/* banner-bottom  */


.banner-bottom {
	background: linear-gradient(43.47deg, #15A2A8 29.55%, #15A2A8 105.58%) no-repeat;
	background-size: 100%;
	padding: 80px 0;
	margin: auto 0;
}

/* .banner-bottom-inner {
	display: grid;
	grid-template-columns: 25% 40% 20% 10%;
} */

.banner-bottom-inner {
	display: flex;
}

.banner-bottom-outer {
	position: relative;
}

/*.banner-bottom {*/
/*	position: absolute;*/
/*	top: -252px;*/
/*	left: 0;*/
/*	z-index: 5;*/
/*	right: 0;*/
/*}*/

@media(max-width:1660px) {
	.banner-bottom-block-4 {
		display: none;
	}
}




.banner-bottom h3 {
	font-weight: 600;
	font-size: 22px;
	line-height: 141%;
	color: #fff;
	text-transform: none;
	padding: 0;
	margin: 0;
}

.banner-bottom p {
	font-weight: 300;
	font-size: 15px;
	line-height: 193%;
	color: #fff;
	padding: 0;
	margin: 0;
}

a.banner-bottom-bottom {
	font-weight: 700;
	font-size: 16px;
	color: rgb(96, 96, 96);
	text-align: center;
	text-decoration: none;
	background: rgb(255, 255, 255);
	clip-path: polygon(0% 0%, 120% 0%, 90% 100%, 0% 100%);
	padding: 10px 25px;
	white-space: nowrap;
	cursor: pointer;
}

.banner-bottom-block-4 {
	position: relative;
	left: 50px;
	margin: auto 0;
}

.backbottom-icon {
	text-align: right;
	margin: auto 0;
}

.banner-bottom-block-4 {
	justify-content: center;
	align-content: center;
}





/* story-section  */
.story-section {
	padding: 100px 0;
	position: relative;
}

.story-section .container {
	display: grid;
	grid-template-columns: 40% 60%;
	grid-row-gap: 20px;
	grid-column-gap: 20px;
}

.story-right {
	position: absolute;
	width: 55%;
	right: 0;
}

.story-left h3 {
	color: rgb(19, 19, 19);
	font-family: Poppins;
	font-size: 18px;
	font-weight: 700;
	line-height: 29px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.story-left h2 {
	color: rgb(21, 162, 168);
	font-family: Poppins;
	font-size: 39px;
	font-weight: 600;
	line-height: 49px;
	margin: 0px 0px 20px;
	padding: 0px;
}

.story-left p {
	color: #606060;
	font-family: Poppins;
	font-size: 1rem;
	font-weight: 400;
	line-height: 34px;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.story-left h5 {
	color: #606060;
	font-family: Poppins;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 26px;
	margin: 0;
	padding: 0;
}

.story-slider-block img {
	width: 100%;
	height: 100%;
	border-radius: 11px;
}

.story-right .jom-slider .tns-controls [aria-controls] {
	display: none;
}

.story-left h5::after {
	display: inline-block;
	content: '';
	background: #E6E6E6;
	width: 250px;
	height: 3px;
	text-align: center;
	position: relative;
	top: -3px;
	margin-left: 20px;
}




/* experience -block  */


.experience-section {
	padding-bottom: 100px;
}

.experience-outer {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 20px;
	grid-column-gap: 20px;
}

@media(max-width:1200px) {
	.experience-outer {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
		justify-content: center;
		align-items: center;
	}
}

@media(max-width:991px) {
	.experience-outer {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
		justify-content: center;
		align-items: center;
	}
}

@media(max-width:600px) {
	.experience-outer {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
		justify-content: center;
		align-items: center;
	}
}

.experience-block {
	display: flex;
	background: linear-gradient(154deg, rgb(21, 162, 168) 0%, rgb(11, 194, 92) 100%);
	border-radius: 11px;
	gap: 20px;
	padding: 0px 20px;
}

.experience-content h3 {
	font-weight: 700;
	font-size: 34px;
	line-height: 85%;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

.experience-content h6 {
	font-weight: 500;
	font-size: 14px;
	line-height: 125%;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-top: 7px;
}

.experience-icon-box {
	position: relative;
	top: -10px;
}

.experience-content {
	margin: auto;
}



/* services  */


.services {
	background: url(../images/services-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0;
}

.our-services h3 {
	color: #fff;
	font-family: Poppins;
	font-size: 18px;
	font-weight: 700;
	line-height: 29px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.our-services h5 {
	color: #757575;
	font-family: Poppins;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 26px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	margin-bottom: 40px;
}



.card {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 11px;
    background: #000;
    border: none;
}


.card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.6;
    transition: transform 0.3s ease-in-out;
}


.card:hover img {
	transform: scale(1.1);
}


.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    background: rgba(16, 216, 223, 0.795);
    /* mix-blend-mode: luminosity; */
    /* opacity: 0.15; */
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    padding: 10px;
}

.card:hover .overlay {
	opacity: 1;
}


.card h2 {
	color: #FFF;
	text-align: center;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}


.services .jom-slider .tns-controls [aria-controls] {
	display: none;
}


.card h5 {
    font-weight: 500;
    font-size: 16px;
    line-height: 161%;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    z-index: 9;
    top: 255px;
    opacity: 1;
    text-align: left;
    padding: 15px;
    letter-spacing: 0.02rem;
}

.card:hover h5 {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

a.services-read-more {
	font-weight: 400;
	font-size: 0.9rem;
	color: #606060;
	text-align: center;
	text-decoration: none;
	background: rgb(255, 255, 255);
	clip-path: polygon(0% 0%, 120% 0%, 90% 100%, 0% 100%);
	padding: 10px 25px;
	white-space: nowrap;
}

a.services-read-more svg {
	margin-left: 10px;
}

.card>.overlay p {
	font-weight: 400;
	font-size: 13px;
	line-height: 200%;
	color: #fff;
	margin: 15px 0;
}

.overlay h6 {
	font-weight: 500;
	font-size: 16px;
	line-height: 161%;
	text-transform: uppercase;
	color: #fff;
	text-align: left;
	position: relative;
	left: -40px;
}

.our-services hr {
	background: #E6E6E6;
	margin-top: 100px;
}



/* works  */
.works-section {
	padding: 100px 0;
}

.works-section>.container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-row-gap: 25px;
	grid-column-gap: 25px;
}

@media(max-width:991px) {
	.works-section>.container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 25px;
		grid-column-gap: 25px;
	}
}


.works-left h3 {
	color: rgb(19, 19, 19);
	font-family: Poppins;
	font-size: 18px;
	font-weight: 700;
	line-height: 29px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.works-left h2 {
	color: rgb(21, 162, 168);
	font-family: Poppins;
	font-size: 42px;
	font-weight: 600;
	line-height: 60px;
	margin: 0px 0px 20px;
	padding: 0px;
}

.works-right p {
	color: #606060;
	font-family: Poppins;
	font-size: 1rem;
	font-weight: 400;
	line-height: 34px;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.works-right h5 {
	color: #606060;
	font-family: Poppins;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 26px;
	margin: 0;
	padding: 0;
}

.works-right h5::after {
	display: block;
	content: '';
	background: #E6E6E6;
	width: 150px;
	height: 3px;
	margin: 9px 0;
}


/* works-slider */

.works-slider {
	padding-bottom: 100px;
}

.project-works-block img {
	width: 100%;
	border-radius: 11px;
	margin-bottom: 40px;
}

.works-slider .jom-slider .tns-controls [aria-controls] {
	display: none;
}

.project-works-block h6 {
    font-weight: 300;
    font-size: 15px;
    line-height: 162%;
    color: #606060;
    margin-bottom: 10px;
}

.project-works-block h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 122%;
    color: #000;
    text-transform: none;
    margin-bottom: 10px;
}

.project-works-block p {
	font-weight: 300;
	font-size: 14px;
	line-height: 229%;
	color: #000;
}

a.our-works-button {
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: linear-gradient(154deg, #15a2a8 0%, #0bc25c 100%);
	clip-path: polygon(0% 0%, 120% 0%, 90% 100%, 0% 100%);
	padding: 18px 60px;
	white-space: nowrap;
}

a.our-works-button svg {
	position: relative;
	left: 15px;
}

.works-slider-outer {
	margin-bottom: 40px;
}


/* quality-construction-clip-drop  */

.quality-clip-drop {
	position: relative;
	background: linear-gradient(154deg, #15a2a8 0%, #0bc25c 100%);
	clip-path: polygon(0% 0%, 110% 0%, 95% 100%, 0% 100%);
	max-width: 90%;
}

.quality-clip-drop-inner {
	background: url(../images/clip-drop-bg.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto;
}

.quality-clip-drop-inner h3 {
	color: #fff;
	font-size: 2rem;
	text-transform: none;
	font-weight: 500;
	padding: 75px 0;
	line-height: 3rem;
	text-align: right;
	position: relative;
	left: -100px;
}

@media(max-width:991px) {
	.quality-clip-drop {
		position: relative;
		max-width: 100%;
		clip-path: polygon(0% 0%, 120% 0%, 93% 100%, 0% 100%);
	}

	.quality-clip-drop-inner h3 {
		text-align: right;
		position: static;
	}
}

@media(max-width:768px) {
	.quality-clip-drop-inner h3 {
		text-align: left;
		position: static;
	}
}

@media(max-width:600px) {
	.quality-clip-drop {
		clip-path: polygon(0% 0%, 143% 0%, 94% 100%, 0% 100%);
	}

	.quality-clip-drop-inner h3 {
		text-align: left;
		position: static;
	}
}

@media(max-width:420px) {
	.quality-clip-drop-inner h3 {
		text-align: center;
		position: static;
	}
}



/* .team-quality  */

.team-quality {
	position: relative;
	top: -125px;
}

@media(max-width:1200px) {
	.team-quality {
		position: relative;
		top: -100px;
	}
}

@media(max-width:991px) {
	.team-quality {
		position: static;
	}
}


.team-quality>.container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-row-gap: 25px;
	grid-column-gap: 25px;
	/* position: absolute;
    left: 0;
    right: 0;
    top: -125px; */
}



.team-quality-left {
	display: flex;
	position: relative;
}

.team-quality-left img {
	width: 100%;
	border-radius: 11px;
}

.team-quality-img2 {
	position: relative;
}

.team-quality-img1 {
	position: absolute;
	z-index: 9;
	top: 250px;
	left: -70px;
}

.team-quality-img3 {
	position: absolute;
	z-index: 9;
	top: 55px;
	left: 315px;
}

@media(max-width:1200px) {
	.team-quality-img1 {
		display: none;
	}

	.team-quality-img3 {
		display: none;
	}
}

@media(max-width:991px) {
	.team-quality>.container {
		grid-template-columns: repeat(1, 1fr);
		position: static;
	}
}








.team-quality-right {
	margin: auto 0;
}

.team-quality-right h2 {
	color: rgb(21, 162, 168);
	font-family: Poppins;
	font-size: 42px;
	font-weight: 600;
	line-height: 60px;
	margin: 40px 0px 20px;
	padding: 0px;
}

.team-quality-right p {
	color: #606060;
	font-family: Poppins;
	font-size: 1rem;
	font-weight: 400;
	line-height: 34px;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.team-quality-right-buttons {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-row-gap: 20px;
	grid-column-gap: 20px;
}




.team-quality-right-buttons>a.banner-bottom-bottom {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background: #312E2C;
    clip-path: polygon(0% 0%, 108% 0%, 95% 100%, 0% 100%);
    padding: 15px 39px;
    white-space: nowrap;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.team-quality-right-buttons>a.banner-bottom-bottom svg {
	/* position: absolute;
    left: 180px;
    top: 18px; */
	margin-left: 25px;
}







@media(max-width:600px) {
	.team-quality-right-buttons {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 20px;
		grid-column-gap: 20px;
	}

	.team-quality-right-buttons>a.banner-bottom-bottom {
		font-weight: 700;
		font-size: 16px;
		color: #fff;
		padding: 15px 59px;
	}
}



/* testimonials  */

@media(max-width:991px) {
	.testimonials {
		padding-top: 100px;
	}
}

.testimonials h3 {
	color: rgb(19, 19, 19);
	font-family: Poppins;
	font-size: 18px;
	font-weight: 700;
	line-height: 29px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.testimonials h2 {
	color: rgb(21, 162, 168);
	font-family: Poppins;
	font-size: 42px;
	font-weight: 600;
	line-height: 60px;
	margin: 0px 0px 20px;
	padding: 0px;
}

@media(min-width:1200px) {
	.testimonials h2 {
		width: 50%;
	}
}

.testimonials-block {
	display: flex;
	gap: 10px;
	background: #FAFAFA;
	padding: 75px 20px 30px 20px;
	position: relative;
}

.testimonials-image img {
	border-radius: 11px;
	min-width: 100%;
}

.testimonials-content p {
	color: #606060;
	font-family: Poppins;
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 26px;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.testimonials-content hr {
	background: #CBCBCB;
}

.testimonials-content h6 {
	font-weight: 700;
	font-size: 16px;
	line-height: 162%;
	color: rgb(96, 96, 96);
	margin-bottom: 0;
}

p.testimonials-place {
	font-weight: 300;
	font-size: 14px;
	line-height: 229%;
	color: #000;
}

.testimonials .jom-slider .tns-controls [aria-controls] {
	display: none;
}

@media(min-width:991px) and (max-width:1200px) {
	.testimonials-block {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
}

@media(max-width:768px) {
	.testimonials-block {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
}



/* lets talk  */
.lets-talk {
	padding: 100px 0;
}

.lets-talk h2 {
	color: rgb(21, 162, 168);
	font-family: Poppins;
	font-size: 42px;
	font-weight: 600;
	line-height: 60px;
	margin: 0px 0px 20px;
	padding: 0px;
}

.lets-talk p {
	color: #606060;
	font-family: Poppins;
	font-size: 1rem;
	font-weight: 400;
	line-height: 34px;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

@media(min-width:992px) {
	.lets-talk p {
		width: 50%;
	}
}

.lefts-talk-left-buttons>a.banner-bottom-bottom {
	font-weight: 400;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #312E2C;
	clip-path: polygon(0% 0%, 120% 0%, 90% 100%, 0% 100%);
	padding: 10px 25px;
	white-space: nowrap;
}

.lefts-talk-left-buttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lets-talk-outer {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 25px;
    grid-column-gap: 25px;
}

/*@media(max-width:991px) {*/
/*	.lets-talk-outer {*/
/*		display: grid;*/
/*		grid-template-columns: repeat(1, 1fr);*/
/*	}*/
/*}*/

/* form  */
.input-textarea {
	display: flex;
	flex-direction: column;
}

.lets-talk-left-form {
	padding: 50px 0;
}

.lets-talk-left-form input {
	outline: none;
	border: none;
	padding: 10px 15px;
	width: 100%;
	/* margin: 8px 0; */
	background: #F2F2F2;
	color: #000;
	clip-path: polygon(0% 0%, 104% 0%, 97% 100%, 0% 100%);
}

.input-textarea {
	margin-bottom: 10px;
}

.lets-talk-left-form textarea {
	outline: none;
	border: none;
	padding: 10px 15px;
	width: 100%;
	background: rgb(242, 242, 242);
	color: rgb(0, 0, 0);
	clip-path: polygon(0% 0%, 108% 0%, 97% 100%, 0% 100%);
}

.form-button {
	margin-top: 25px;
}

button.form-send-message {
	color: white;
	font-weight: 500;
	text-align: left;
	padding: 10px 43px 10px 20px;
	border: none;
	cursor: pointer;
	font-size: 16px;
	background: rgb(21, 162, 168);
	clip-path: polygon(0% 0%, 114% 0%, 92% 100%, 0% 100%);
	outline: none;
}

.location-map iframe {
	border-radius: 11px;
}

.follow-us {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media(max-width:1200px) {
	.follow-us {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		justify-content: space-between;
		align-items: center;
	}
}

@media(max-width:480px) {
	.follow-us {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		justify-content: space-between;
		align-items: center;
	}
}

.follow-us-link::before {
    content: "\00a0";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #D9D9D9;
    margin-right: 5px;
    position: relative;
    top: 12px;
}

.lets-talk-right h5 {
	font-weight: 700;
	font-size: 18px;
	line-height: 161%;
	color: #131313;
	margin: 20px 0;
}

a.follow-us-link {
	text-decoration: none;
	font-weight: 600;
	font-size: 17px;
	line-height: 230%;
	color: #15a2a8;
	text-transform: uppercase;
}



/* footer  */


.footer {
	background: url(../images/footer-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 100px 0 0;
}

.footer-top-block {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 5px;
	padding: 18px 7px;
}

.footer-top {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

@media(max-width:991px) {
	.footer-top {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
}


.footer-contact1 {
	background: #2A2D32;
}

.footer-contact2 {
	background: #3F4247;
}

.footer-contact3 {
	background: #2A2D32;
}

.footer-top-block p {
	font-weight: 400;
	font-size: 17px;
	line-height: 271%;
	text-align: center;
	color: rgb(179, 179, 179);
	margin: 0px;
	padding: 0px;
}

.footer-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 15px;
    grid-column-gap: 15px;
}

@media(max-width:480px) {
	.footer-links {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		text-align: center;
	}
}

.footer-links-block ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer-logo img {
	max-width: 100%;
}

.footer-logo {
	text-align: center;
}

.footer-center {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 100px 0;
}

@media(max-width:991px) {
	.footer-center {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		padding: 100px 0;
	}

	.footer-logo {
		text-align: center;
		padding: 25px 0 0;
	}

	.footer-address {
		padding-top: 40px;
	}
}

.footer-links-block li {
	font-weight: 700;
	font-size: 13px;
	line-height: 223%;
	color: #fff;
}

.footer-links-block li a {
	font-weight: 600;
	font-size: 13px;
	line-height: 223%;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}



.copyright {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
}

.footer-bottom hr {
	background: #515151;
	margin: 0;
	padding: 0;
}

.copyright p {
	font-weight: 275;
	font-size: 14px;
	line-height: 207%;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

.footer-address {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.footer-address h4 {
	font-weight: 400;
	font-size: 22px;
	line-height: 132%;
	text-align: center;
	color: #fff;
	margin: 10px 0 7px;
}

.footer-address h5 {
	font-weight: 400;
	font-size: 15px;
	line-height: 132%;
	text-align: center;
	color: #fff;
}

.footer-address h6 {
	font-weight: 700;
	font-size: 13px;
	line-height: 132%;
	text-align: center;
	color: #fff;
}









.backtop-comm {
	position: fixed;
	width: 60px;
	height: 60px;
	font-weight: 500;
	bottom: 20px;
	right: 20px;
	z-index: 1000000;
	background: #15A2A8;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	padding-top: 10px;
}

.backtop-comm a.icon {
	color: #fff;
	font-size: 26px;
}










/*---------------subpages-------------*/
.inner-banner {
	height: 450px;
	background-color: #73234A;
	padding: 90px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: top;
}

.inner-banner .bs-slider-overlay {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.inner-banner h1 {
    font-size: 3rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 50px;
    color: #FFF;
    position: relative;
    z-index: 9;
    text-shadow: 1px 3px #000;
}

@media (max-width: 480px) {
	.inner-banner h1 {
		/*font-size: 26px;*/
	}
}

@media (max-width:768px) {
.inner-banner {
    height: 400px;
}
}

.under-sub-banner {
    margin: 70px 0px 75px;
}

.vertical-tab {
	margin: 0px 0px 70px;
}

.under-sub-banner:after {
	display: block;
	clear: both;
	content: '';
}

.pathway ul {
	margin: 0px;
	padding: 0px 0px 0px;
	text-align: center;
	position: relative;
	z-index: 9;
}

.pathway li {
	float: none;
	display: inline-block;
	list-style: none;
	padding: 0px 0px;
	font-size: 0.8rem;
	font-weight: 300;
	line-height: 20px;
	color: #fff;
}

.pathway li:before {
	content: '/';
	color: #fff;
	margin-left: 10px;
	margin-right: 10px;
}

.pathway li a {
	color: #fff;
}

.pathway li:nth-child(1):before {
	content: '';
	display: none;
}

.pathway li a:hover {
	color: #fc0;
	text-decoration: none;
}

.pathway-o ul {
	margin: 0px;
	padding: 20px 0px 20px;
	text-align: center;
	position: relative;
	z-index: 9;
}

.pathway-o li {
	float: none;
	display: inline-block;
	list-style: none;
	padding: 0px 0px;
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
	color: #585858;
}

.pathway-o li:before {
	content: '/';
	color: #585858;
	margin-left: 10px;
	margin-right: 10px;
}

.pathway-o li a {
	color: #585858;
}

.pathway-o li:nth-child(1):before {
	content: '';
	display: none;
}

.pathway-o li a:hover {
	color: #b92035;
	text-decoration: none;
}

.right-sub-section {
	width: 100%;
	/*float: left;*/
	background-color: #fff;

}


.welcome-sub-content {
	position: relative;
	height: 100%;
	padding: 0px 20px 0px 0px;
}

.welcome-sub-content img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
	margin-top: 0px;
}

.welcome-sub-content p img {
	max-width: 100%;
	border-radius: 6px;
}

.right-sub-section .welcome-sub-content h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 42px;
    color: #15A2A8;
    padding: 0px 0px 16px;
}

.right-sub-section .welcome-sub-content h1 span {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 33px;
    display: inline-block;
    width: 100%;
    /* padding-top: 10px; */
    color: #BFBFBF;
    margin-top: 10px;
}

.right-sub-section .welcome-sub-content h3 {
    font-size: 26px;
    font-weight: 800;
    line-height: 38px;
    display: inline-block;
    width: 100%;
    padding: 0px 0 4px 0;
    color: #000;
}

.right-sub-section .welcome-sub-content h4 {
    font-size: 21px;
    font-weight: 700;
    line-height: 36px;
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
    color: #1558A8;
}

.right-sub-section .welcome-sub-content h4.strong {
	font-weight: 600;
	color: #fff;
	background-color: #383838;
}

.right-sub-section .welcome-sub-content p {
	color: #000;
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 28px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 20px 0px;
	/* text-align: justify; */
}

.right-sub-section .welcome-sub-content p:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: justify;
}

.right-sub-section .welcome-sub-content th {
	font-weight: 600;
	color: #fff;
	background-color: #fa1e44;
	font-size: 18px;
}

.right-sub-section .welcome-sub-content td {
	font-weight: 500;
	color: #282828;
}

.right-sub-section .welcome-sub-content td.left {
	font-weight: 600;
	color: #fff;
	background-color: #383838;
}

.right-sub-section .welcome-sub-content p span {
	font-weight: 600;
}

.right-sub-section .welcome-sub-content li {
	padding-bottom: 30px;
	background-image: linear-gradient(154deg, #abe0e2 0%, #43ff96 100%);
	padding: 15px 35px;
	margin-top: 15px;
	list-style-type: disc;
	padding-left: 25px;
	clip-path: polygon(0% 0%, 108% 0%, 97% 100%, 0% 100%);
}

.right-sub-section .welcome-sub-content li {
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 34px;
    color: #000;
    /* padding: 5px 15px 6px 15px; */
    text-align: justify;
    list-style-position: inside;
    list-style-type: disclosure-closed;
}

.welcome-sub-content ul {
	margin: 0;
	padding: 0;
}

.right-sub-section .welcome-sub-content .lear-more {
	background-color: #b92035;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	padding: 15px 30px;
}

.right-sub-section .welcome-sub-content .lear-more:hover {
	background-color: #383838;
	text-decoration: none;
}

.right-sub-section .welcome-sub-content .read-more {
	background-color: #383838;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	padding: 15px 30px;
}

.right-sub-section .welcome-sub-content .read-more:hover {
	background-color: #b92035;
	text-decoration: none;
}

.right-sub-section .welcome-sub-content .vision-mission p {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	font-style: italic;
	color: #585858;
	padding: 0px 0px 20px;
	text-align: left;
}

.right-sub-section .welcome-sub-content .vision-mission p strong {
	font-weight: 600;
	font-style: normal;
}

.right-sub-section .welcome-sub-content .vision-mission img {
	float: none;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

@media (max-width:991px) {
	.right-sub-section {
		width: 100%;
		float: none;
		padding-bottom: 50px;
	}
}

@media (max-width:768px) {
	.welcome-sub-content {
		padding-right: 0px;
		padding-left: 0px;
	}

	.right-sub-section .welcome-sub-content .read-more,
	.right-sub-section .welcome-sub-content .lear-more {
		font-size: 14px;
		padding: 15px 10px;
		width: 100%;
		display: inline-block;
		margin-bottom: 10px;
	}
}

@media (max-width:1200px) {

	.right-section .welcome-sub-content .read-more,
	.right-section .welcome-sub-content .lear-more {
		font-size: 14px;
		padding: 15px 10px;
	}
}

.left-sub-menu-section {
	width: 25%;
	float: left;
	background-color: #733d90;
	border-radius: 6px;
	display: none;
}

.left-sub-menu-section .left-menu-one-dr {
	padding: 0px;
}

.left-sub-menu-section .left-menu-one-dr img {
	max-width: 100%;
}

.left-sub-menu-section .left-menu-one {
    padding: 20px;
    padding-bottom: 30px;
    height: 50%;
    background: linear-gradient(28.07deg, #2EAAFA -20.58%, #1F2F98 53.74%);
    display: none;
}
.left-sub-menu-section .left-menu-one h3 {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #fff;
}

.left-sub-menu-section .left-menu-one h3 a {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #fff;
	text-decoration: none;
}

.left-sub-menu-section .left-menu-one h3 a:hover {
	color: #fc0
}

.left-sub-menu-section .left-menu-one ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.left-sub-menu-section .left-menu-one ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	list-style: none;
}

.left-sub-menu-section .left-menu-one ul li ul li {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	list-style: none;
}

.left-sub-menu-section .left-menu-one ul li a {
	padding: 12px 0px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	width: 100%;
	display: inline-block;
}

.left-sub-menu-section .left-menu-one ul li a:hover {
	text-decoration: none;
	color: #fcee4f;
}

.left-sub-menu-section .left-menu-one .read-more:after {
	content: "\f178";
	font-family: FontAwesome;
	color: #fff;
	float: right;
	display: block;
	top: 10px;
	position: relative;
}

@media (max-width:991px) {
	.left-sub-menu-section {
		width: 100%;
		float: none;
	}
}

.subheading {
	color: #fa1e44;
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 1rem;
}


.subpage-section {
	text-align: center;
	padding: 60px 0px;
	margin-bottom: 150px;
}

.subpage-section h3 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #15A2A8;
    margin-bottom: 30px;
    line-height: 42px;
    text-align: left;
}
.subpage-section span {
    font-size: 1.3rem;
    font-weight: 500;
    color: #BFBFBF;
    display: inline-block;
    line-height: 33px;
    width: 100%;
}

.subpage-section h4 {
    font-size: 24px;
    font-weight: 800;
    color: #312E2C;
    margin-bottom: 16px;
}

.subpage-section .content {
	font-weight: 400;
	text-align: left;
	overflow: hidden;
}

.subpage-section .content p {
	font-size: 16px;
	line-height: 36px;
	margin-bottom: 20px;
	font-weight: 600;
}

.subpage-section .content .vismis {
	background: #e8eef4;
	padding: 20px;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
	text-align: justify;
	color: #012d5c;
	border-radius: 6px;
}

.subpage-section .content .principal-name {
	font-size: 18px;
	color: #012d5c;
	text-align: center;
	margin-bottom: 16px;
	margin-top: 10px;
	font-weight: 800;
}

.subpage-section .content .all-news-img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
}

.subpage-section .content .news-img {
	margin-right: 20px;
	margin-bottom: 20px;
	max-width: 100%;
	height: auto;
}

.subpage-section .content .row-b-padding {
	padding-bottom: 30px;
}

.subpage-section .content .news-page-title {
	padding-top: 10px;
	padding-bottom: 30px;
	line-height: 24px;
}

.subpage-section .content .news-page-title a {
	font-size: 16px;
	font-weight: 700;
	color: #181860;
	text-decoration: none;
}

.subpage-section .content .news-page-title a:hover {
	color: #fa1e44;
}

.subpage-section .content .news-page-title .date {
	font-size: 14px;
	font-weight: 400;
	color: #818181;
	line-height: 16px;
	padding-top: 8px;
}

.subpage-section .content th {
    background: #15a2a840;
    text-transform: uppercase;
}

.subpage-section .content td {
	vertical-align: middle;
}

.subpage-section .content .downloads-select {
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid #BFBFBF;
    font-weight: 300;
    color: #BFBFBF;
}

.subpage-section .content .downloads-button {
    display: inline-block;
    background-color: #15A865;
    color: #fff;
    font-weight: 600;
    padding: 9px 15px;
    border-radius: 4px;
    font-size: 14px;
    text-decoration: none;
    transition:0.4s;
}

.subpage-section .content .downloads-button:hover {
	background: #119559;
}

.subpage-section .tc-search {
	margin-bottom: 20px;
}

.subpage-section .tc-search p {
	color: #f00;
}

.subpage-section .tc-input {
	padding: 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	outline: none;
	font-weight: 800;
}

.subpage-section .tc-button {
	padding: 12px 18px;
	border: 1px solid #fa1e44;
	background: #fa1e44;
	color: #fff;
	font-weight: 600;
	border-radius: 4px;
}

.subpage-section .tc-button:hover {
	background: #065fa6;
	border: 1px solid #065fa6;
}

.subpage-section .tc-search-result .tc-number {
	font-size: 18px;
	font-weight: 400;
	color: #065fa6;
}

.subpage-section .tc-search-result .tc-number strong {
	color: #fa1e44;
}

.subpage-section .tc-search-result .not-found {
	color: #f00;
}

.subpage-section .tc-search-result img {
	max-width: 100%;
}


.subpage-section .photo-album-name p {
	padding: 16px 0 0 0;
	margin: 0;
	line-height: 24px;
}

.subpage-section .photo-album-name a {
	font-weight: 600;
	color: #333;
	text-decoration: none;
}

.subpage-section .photo-album-name a:hover {
	color: #fa1e44;
}

.modal-body {
	color: #fff;
	background: #000;
}

.modal-body strong {
	color: #fecd05;
}

.modal-body a {
	color: #fecd05;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: 14px;
}

.subpage-section .content a.circle-bg {
	text-align: center;
	background-color: #fcee4f;
	border: 4px dotted #fff;
	display: block;
	width: 145px;
	height: 145px;
	border-radius: 0px;
	line-height: 135px;
	font-size: 36px;
	margin: 0 auto;
	color: #333;
	text-decoration: none;
	font-weight: 800;
}

.subpage-section .content a.circle-bg:hover {
	background: #fa1e44;
	border: 4px dotted #fff;
	color: #fff;
}

@media (max-width: 480px) {
	.subpage-section {
		padding: 40px 0px;
	}

	.subpage-section h3 {
		line-height: 46px;
	}

	.subpage-section h3 span {
		line-height: 32px;
	}

	.subpage-section .content .downloads-button strong {
		display: none;
	}
}

.media-img {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	margin: 50px 0px;
}

.media-img-video {
	margin: 10px 0px 50px 0px !important;
}

.media-img img {
    width: 100%;
    height: 300px;
    transition: transform .2s;
    cursor: pointer;
    border-radius: 6px;
    object-fit: cover;
}

.media-img img:hover {
	transform: scale(1.08);
}

.subpage-section .photo-album-name p {
	padding: 16px 0 0 0;
	margin: 0;
	line-height: 24px;
}

.subpage-section .photo-album-name a {
	font-weight: 600;
	color: #333;
	text-decoration: none;
}

.subpage-section .photo-album-name a:hover {
	color: #fa1e44;
}

@media (max-width: 991px) {
	.media-img {
		display: block;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		margin: 50px 0px;
	}

	.media-img div {
		margin-bottom: 30px;
	}
}

.subpage-section-con {
	padding: 60px 0px 60px 0;
}

.subpage-section .content .waiting-message {
	color: #f00;
	margin: 0;
	padding: 0 0 20px 0;
	text-align: center;
}

.subpage-section .content .alumni-img {
	max-width: 240px;
	height: auto;
}

.subpage-section .alumni-input {
	padding: 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 100%;
	outline: none;
	font-weight: 500;
	background: #ebebeb;
	clip-path: polygon(0% 0%, 104% 0%, 97% 100%, 0% 100%);
}

.subpage-section .alumni-input:read-only {
	background: #f0f0f0;
}

.subpage-section .alumni-input::placeholder {
	color: #999;
	font-weight: 800;
}

.subpage-section .alumni-button {
	padding: 12px 18px;
	border: 1px solid #606060;
	background: #606060;
	color: #fff;
	font-weight: 500;
	border-radius: 4px;
	width: 100%;
	clip-path: polygon(0% 0%, 104% 0%, 97% 100%, 0% 100%);
}

.subpage-section button {
	outline: none;
}

.subpage-section .alumni-button:hover {
	background: #7e7e7e;
	border: 1px solid #7e7e7e;
	transition: 0.7s;
}


.subpage-section .photo-upload-title {
	font-weight: 800;
}

.subpage-section .content label.error {
	color: #f00;
	display: block;
}

.subpage-contact-us {
	text-align: left;
	padding: 130px 0px 60px;
	/* background: #f9e6f0; */
}

.subpage-contact-us h3 {
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
	line-height: 28px;
}

.subpage-contact-us span {
	font-size: 18px;
	font-weight: 800;
	color: #181860;
	display: inline-block;
	width: 100%;
	/*padding-left: 20px;*/
}

.subpage-contact-us .contact-mg {
	margin-top: 20px;
}

.subpage-contact-us .contact-mg h4 {
	font-size: 18px;
	margin-bottom: 0px;
}

.subpage-contact-us .contact-mg .contact-box {
	/* background: #f9e6f0; */
	height: 100%;
	/* padding: 14px; */
	margin-bottom: 30px;
	/* border-radius: 6px; */
	/* box-shadow: 0 3px 10px rgb(0 0 0 / 5%); */
}

.contact-mg-learn {
	margin-top: 40px;
}

.contact-mg-learn a.lear-more {
	background-color: #fa1e44;
	font-size: 18px;
	font-weight: 800;
	color: #fff !important;
	text-align: center;
	padding: 15px 30px;
	text-decoration: none;
}

.contact-mg-learn a.lear-more:hover {
	background: #2ea636;
}

.contact-mg-units {
	margin-top: 20px;
}

.contact-mg-units h4 {
	font-size: 18px !important;
	margin-bottom: 8px;
	padding: 0 !important
}

.contact-mg-units .contact-box {
	background: #f0f0f0;
	height: 100%;
	padding: 14px;
	margin-bottom: 15px;
}

.contact-mg-units .contact-box p {
	font-size: 14px !important;
	line-height: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.subpage-contact-us h4 {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 16px;
}

.subpage-contact-us .contact-address {
	font-weight: 400;
	color: #484848;
	line-height: 28px;
}

.subpage-contact-us .contact-address p {
	margin-bottom: 0px;
	color: #181860;
	font-weight: 800;
}

.subpage-contact-us .contact-address a {
	color: #fa1e44;
}

.subpage-contact-us .contact-address a:hover {
	color: #181860;
}

.subpage-section h2.contact {
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 5px;
}

.subpage-section p.contactcnt {
	color: #606060;
	font-weight: 400;
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 20px;
}

.contact-map {
	background: #f4f7fa;
}


.footer-social {
	display: inline-block;
	margin-top: 23px;
	/* padding-left: 94px; */
}

.footer-social a {
	border-radius: 3px;
	float: left;
	margin-right: 10px;
}


/* Footer Social Media Icons  */

/* Facebook  */
.footer-social a.facebook {
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	text-decoration: none;
}

.footer-social a.facebook::after {
	content: '\f09a';
	display: block;
	font-size: 16px;
	font-family: FontAwesome;
	padding: 4px 11px;
	color: #1F2F98;
}

/* Instagram */
.footer-social a.instagram {
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	text-decoration: none;
}

.footer-social a.instagram::after {
	content: '\f16d';
	display: block;
	font-size: 16px;
	font-family: FontAwesome;
	padding: 2px 9px;
	color: #1F2F98;
}

/* youtube */
.footer-social a.youtube {
	display: block;
	width: 30px;
	height: 30px;
	background: #fff;
	text-decoration: none;
}

.footer-social a.youtube::after {
	content: '\f16a';
	display: block;
	font-size: 16px;
	font-family: FontAwesome;
	padding: 2px 7px;
	color: #1F2F98;
}

.donate-bx {
	background: #9BE7FF;
	padding: 14px;
	border-radius: 12px;
	font-weight: 700;
	color: #000;
}



/* subpages-new contact us style -start */

.contact-us-grid>.container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

@media(max-width:991px) {
	.contact-us-grid>.container {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 0;
	}

	.subpage-contact-us {
		text-align: left;
		padding: 50px 0px 0px;
		/* background: #e9e9e9; */
	}

	.subpage-section-con {
		padding: 0px 0px 60px 0;
	}
}

.subpage-section .alumni-input::placeholder {
	color: #606060;
	font-weight: 400;
	font-size: 0.9rem;
}

.contact-page-address strong {
	color: #fff;
	font-weight: 400;
}

.contact-box p>strong {
	color: #000;
	font-weight: 400;
	font-size: 1rem;
}

.subpage-section input::placeholder {
	font-weight: 400;
}

.contact-us-grid {
	background: #15A2A8;
}

/* subpages-new contact us style - end */


/*subpages-styles-end */


/* 
.welcome-sub-content .about-us-content{
	display: flex;
} */

/* old-sub-design start */
.about-us-content {
	display: grid;
	grid-template-columns: 60% 40%;
	grid-gap: 25px;
}

.about-us-block-2 img {
	width: 100%;
}

@media(max-width:1200px) {
	.about-us-content {
		grid-template-columns: 100%;
	}
}


@media(max-width:991) {
	.about-us-block-125 {
		float: right;
	}
}

/* old-sub-design end */





/* test  */


@media(min-width:1921px) {
	.inner-banner {
		background-size: cover;
		background-attachment: initial;
	}
}


.gr-subpage img{
      border-radius: 4px;
}
@media(max-width:991px){
	.col-lg-6{
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
.welcome-sub-content h6 {
    color: #15A865;
    font-weight: 700;
    font-size: 1.1rem;
    margin: 0;
    padding: 0;
}
.welcome-sub-content h6::after {
    content: "";
    display: inline-block;
    width: 12%;
    height: 2px;
    background: #BFBFBF;
    margin: 7px 0 5px;
    margin-left: 9px;
}
.faq-inner button{
      border: none;
      outline: none;
}

.faq-inner h5 {
      font-size: 1.1rem;
      color: #1558A8;
      font-weight: 700;
      margin: 10px 0 13px;
}

.proj-block {
    display: flex;
    flex-direction: column;
}
.proj-outer-section {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
}

@media(max-width:991px) {
      .proj-outer-section {
            grid-template-columns: repeat(2, 1fr);
      }
}
@media(max-width:600px) {
      .proj-outer-section {
            grid-template-columns: repeat(1, 1fr);
      }
}
.proj-block img {
    width: 100%;
}
.proj-block-detail-pge img {
    max-width: 100%;
}
.right-sub-section .welcome-sub-content .proj-block h4 {
    color: #15A2A8;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
}
.right-sub-section .welcome-sub-content .proj-block h5 {
    color: #000;
    font-size: 1rem;
}
.right-sub-section .welcome-sub-content .proj-block-detail-pge h4 {
    color: #15A2A8;
    margin: 0 0 15px;
    font-size: 2rem;
    line-height: 2.5rem;
}
.right-sub-section .welcome-sub-content .proj-block-detail-pge h5 {
    color: #000;
    font-size: 1rem;
    margin: 30px 0 0;
}


/*test */

.services-sub-head {
    color: #312E2C;
    font-weight: 300;
    font-size: 2rem;
    line-height: 3rem;
}


.construct-quotes {
    color: #15A865;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 2rem;
}
.construct-quotes span {
    color: #312E2C;
    font-size: 2rem;
    position: relative;
    font-weight: 600;
    top: 5px;
}

.project-image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

@media(max-width:991px) {
      .project-image-grid {
            grid-template-columns: repeat(2, 1fr);
      }
}
@media(max-width:600px) {
      .project-image-grid {
            grid-template-columns: repeat(1, 1fr);
      }
}
.project-image-grid img{
    width:100%;
}
.under-sub-banner h4 {
    color: #000;
    font-weight: 800;
    margin: 15px 0 20px;
}

@media(max-width:991px){
    .card h5 {
        top: 323px;
    }
}
@media(max-width:768px){
    .card h5 {
        top: 525px;
    }
}
@media(max-width:575px){
    .card h5 {
        top: 465px;
    }
}
@media(max-width:480px){
    .card h5 {
        top: 400px;
    }
}
@media(max-width:420px){
    .card h5 {
        top: 350px;
    }
}
@media(max-width:350px){
    .card h5 {
        top: 250px;
    }
}


/*test */


.copyright a {
    color: #fff;
    text-decoration: none;
}


.right-sub-section .welcome-sub-content .proj-block-detail-pge h4::after {
    content: "";
    display: block;
    background: #f3eded;
    height: 1px;
    width: 70%;
    margin: 16px 0 15px;
}