@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');


html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Work Sans", sans-serif;
	scroll-behavior: smooth;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Work Sans", sans-serif;
}

/* ::selection {
	background-color: #e81e25;
	color: #fff;
} */

.clear {
	clear: both;
}

.img {
	width: 100%;
	display: block;
}

hr {
	border: 0.3px solid #2658a896 !important;

}


.testi h2 {
	text-align: center;
	border-right: 1px solid #cecece;
	margin: 0;
	font-weight: 500;
	padding: 22px 5px;
	font-size: 20px;
	line-height: 140%;
	font-family: "Work Sans", sans-serif;

}


.mbi-display {
	display: none;
}

.desktop-display {
	display: block;
}


/*main css*/


.justify {
	text-align: justify;
}

.gallery_caption-mn h2 {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	text-align: center;
	line-height: 140%;
	margin: 0;
	padding: 10px;
	background-color: #013367;
	text-decoration: none;
	/* min-height: 63px; */
}

.gallery_caption-mn {
	text-decoration: none;
}

/* Table */



h2 {
	color: #002343;
	margin-bottom: 20px;
	border-bottom: 2px solid #013367;
	padding-bottom: 10px;
	text-transform: uppercase;
}

table {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

th,
td {
	color: #013367;
	text-decoration: none;
	font-weight: bold;
	padding: 12px 16px;
	text-align: left;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;

}

th {
	background-color: #013367;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
}

td a {
	color: #013367;
	text-decoration: none;
	font-weight: bold;
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	line-height: 140%;
}

/* td a:hover {
	text-decoration: underline;
} */

.icon {
	text-align: center;
}

.icon img {
	width: 20px;
	height: 20px;
}

.responsive-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {

	.responsive-table {
		border: 1px solid #ccc;
		border-radius: 5px;
	}

	table {
		min-width: 600px;

	}



}





/* Table */

.infra_flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.name {
	font-size: 30px;
	text-align: center;
	font-weight: 700;
	font-family: "Work Sans", sans-serif;
	padding: 1%;
}

.name a {
	color: white;
	text-decoration: none;

}

.main-head h1 {
	font-family: "Work Sans", sans-serif;
	font-size: 34px;
	font-weight: 700;
	text-align: center;
	color: #233d62;
	line-height: 140%;
	margin: 1%;
}

.mbi-display {
	display: none;
}

.main-heading h1 {
	font-family: "Work Sans", sans-serif;
	font-size: 34px;
	font-weight: 700;
	text-align: left;
	color: #017cb5;
	line-height: 140%;
	margin: 1%;
}

.main-heading h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	color: #017cb5;
	line-height: 140%;
	margin: 1%;
}

.main-heading p {
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	color: #000;
	line-height: 140%;
	margin: 1%;
}

.main-head1 h1 {
	font-family: "Work Sans", sans-serif;
	font-size: 34px;
	font-weight: 700;
	text-align: center;
	color: #233d62;
	line-height: 140%;
	margin: 0;
	margin-bottom: -15px;
}

.main-head h1 span {
	color: #25a794;
}

.main-head h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #233d62;
	line-height: 140%;
	margin: 1%;
}

.main-head h4 {
	font-family: "Work Sans", sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-align: left;
	color: #233d62;
	line-height: 140%;
	margin: 1%;
}

.main-head p {
	font-family: "Work Sans", sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	color: #233d62;
	line-height: 140%;
	margin: 1%;
}

/*main css*/



/*counter*/
.counter-title {
	font-family: "Work Sans", sans-serif;
	font-size: 34px;
	font-weight: 700;
	color: #233d62;
	text-align: center;
}

.counter-text {
	font-family: "Work Sans", sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #233d62;
	text-align: center;
}

/*counter*/


.section-with-overlay {
	position: relative;
	height: 100vh;
	/* Full viewport height or as needed */
	overflow: hidden;
}

.white-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	/* white with opacity */
	z-index: 1;
}

.content {
	position: relative;
	z-index: 2;
	padding: 40px;
}




/*section 2*/
.section-head h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 34px;
	font-weight: 700;
	text-align: center;
	color: #002343;
	line-height: 140%;
	margin: 1%;
}

.section-head h4 {
	font-family: "Work Sans", sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	color: #233d62;
	line-height: 140%;
	margin: 1%;
}

.section-bg {
	background-color: #002343;
	padding: 20px 0;
}


.section-bg-ftr {
	background-color: #25a794;
	/*padding: 20px 0;*/
}


.serv-text h3 {
	font-family: "Work Sans", sans-serif;
	text-align: center !important;
	font-size: 20px;
	color: #000;
	font-weight: 400;
}

.serv-text p {
	font-family: "Work Sans", sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #000;
}

.icon2 img {
	width: 100px;
	margin: 0 auto;
}


.icon22 img {
	width: 45%;
	border: 3px solid #25a794;
	border-radius: 54%;
	padding: 16px;
	margin: 0 auto;
}


.book_now2:hover:before {
	transform: translate(0px, 0px);
}

.book_now2 a {
	font-size: 16px;
	text-decoration: none;
	color: #fff;
	font-weight: 500;
	text-transform: capitalize;
	font-family: "Work Sans", sans-serif;
}

.box-border {
	border: 1px solid #c3c3c3;
	border-radius: 10px;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}

.box-border:hover {
	border: 1px solid #017cb5;
	box-shadow: none;
}


.main-head1 p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: #233d62;
	line-height: 140%;
	margin: 1%;
}

.strength-bg {
	/* background-image: url(../images/strength-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed; */
	background-color: #d6efec;
}


.bg-white {
	background-color: #fff;
}

.linkedin-link {
	display: inline-flex;
	align-items: center;
	/*gap: 8px;*/
	color: #0077b5;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	transition: color 0.3s ease;
	border: 1px solid #e1e8ed;
	padding: 2px 2px;
	border-radius: 0px;
	background: #f8f9fa;
}

.linkedin-link:hover {
	color: #005885;
	background: #e7f3ff;
	border-color: #0077b5;
}

.linkedin-icon {
	width: 16px;
	height: 16px;
}

.team h3 {
	font-family: "Work Sans", sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin: 0% !important;
}

.team p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	margin: 0% !important;
}

.bg-clr {
	background-color: #25a794;
	padding: 15px;
	width: 90%;
	margin: -35px auto;
	position: relative;
	border-radius: 10px;
}

/*section 2*/



/*about*/
.abt-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

}

/*about*/

/*speciality*/
.spe-text h3 {
	font-family: "Work Sans", sans-serif;
	text-align: center;
	font-size: 20px;
	color: #233d62;
}

.spe-text p {
	font-family: "Work Sans", sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #233d62;
}

/*speciality*/


/*contact*/

.cont-flx {
	display: flex;
	flex-wrap: wrap;
}

.contact_box {
	border: 1px solid #ccc;
	padding: 18px;
	border-radius: 8px;
}

.contact_box h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 21px;
	font-weight: 600;
	color: #233d62;
	line-height: 140%;
	text-align: center;
	position: relative;
	transition-delay: .3s;
	margin: 0%;
}

.contact_box p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #233d62;
	line-height: 140%;
	margin: 2% 0% 0% !important;
	text-align: center;
	z-index: 99;
	position: relative;
	transition-delay: .3s;
}

.contact_box p i {
	font-size: 18px;
	color: #233d62;
}

.margin-top-main {
	margin-top: 80px !important;
}


/*contact*/


/*--------------------------------------------------------------
New Css Start
--------------------------------------------------------------*/

.con i {
	margin-top: 5px;
	color: #fff;

}

.con-text p {
	font-family: "Work Sans", sans-serif;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;

}

.center-item {
	display: flex;
	align-items: center;
	left-content: space-between;
}

.mi_vi_flex {
	display: flex;
	flex-wrap: wrap;
}

.mi_vi_bg {
	background-color: #f1f6e7;
	padding: 30px 40px;
	border-bottom: 10px solid #8cc43f;
	position: relative;
}

.mi_vi_bg:nth-child(2) {
	background-color: #e9fff4;
	border-bottom: 10px solid #065f31;
}

.mi_vi_bg:nth-child(2) h2 {
	color: #d9ffec;
}

.mi_vi_bg:nth-child(3) {
	background-color: #e9ebff;
	border-bottom: 10px solid #242b85;
}

.mi_vi_bg:nth-child(3) h2 {
	color: #dee1ff;
}

.mi_vi_bg h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 195px;
	text-align: center;
	line-height: 45%;
	font-weight: 400;
	color: #ebf2dc;
	margin: 0% !important;
}

.mi_vi_bg h3 {
	font-family: "Work Sans", sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 140%;
	color: #000;
	text-align: center;
	margin: 1% 0 0 !important;
}

.mi_vi_bg p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #4d4d4d;
	line-height: 140%;
	text-align: left;
	margin: 2% 0 !important;
}

.mi_vi_bg img {
	width: 105px;
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 9%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s linear;
}

.mi_vi_bg:hover img {
	top: 10%;
}

.prod_txt h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #ffffff;
	text-align: left;
	margin: 0% !important;
	line-height: 140%;
	letter-spacing: 1.4px;
}

.prod_txt p {
	font-family: "Work Sans", sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #000000;
	line-height: 140%;
	text-align: left;
	margin: 0.5% 0 0 !important;
}

.Why_bg {
	position: relative;
}

.Why_bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #0a2649a3;
	width: 100%;
	height: 0;
	transition: all .3s linear;
}

.Why_bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #00acec54;
	width: 100%;
	height: 0;
	transition: all .3s linear;
}

.why_content {
	position: absolute;
	bottom: -50px;
	left: 6%;
	right: 6%;
	background-color: #ffffff;
	padding: 20px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 60px 0px;
	/*	display: flex;
	left-content: space-between;
	align-items: center;*/
}

.why_content h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: #000;
	line-height: 150%;
	margin: 0% !important;
}

.why_content p {
	font-family: "Work Sans", sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: 500;
	color: #000;
	line-height: 140%;
	margin: 2% 0% 0% !important;
}

.why_content a {
	background-color: #8cc43f;
	padding: 15px 20px;
	color: #fff;
	transition: all .3s linear;
	border-radius: 8px;
}

.Why_bg:hover::before {
	height: 100%;
}

.Why_bg:hover .why_content>a {
	background-color: #00acec;
}

#mybutton {
	position: fixed;
	bottom: 10px;
	right: 5px;
}


.text-style h6 {
	font-family: "Work Sans", sans-serif;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	color: #82bb41;
	line-height: 140%;
	margin: 0% !important;
	text-transform: uppercase;
	letter-spacing: .5px;
	padding: 0 2%;
}


.text-style h3 {
	font-family: "Work Sans", sans-serif;
	text-align: center;
	color: #000;
	font-size: 18px;
	font-weight: 600;
}


.desk_view {
	display: block;
}

.mbl_view {
	display: none;
}

.text-style h2 {
	font-family: "Work Sans", sans-serif;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	line-height: 120%;
	color: #000000;
	margin: 0% !important;
	padding: 0 2%;
}

.text-style p {
	font-family: "Work Sans", sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 140%;
	text-align: justify;
	padding: 5px;
}

.text-style h5 {
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin: 0 auto;
	border: 1px solid #fff;
	width: 200px;
	border-radius: 10px;
	padding: 10px;
	box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.text-style h5 a {
	text-decoration: none;
	color: #000;
}

.ftr_txt p strong {
	color: #82bb41;
}

.wel_flex {
	display: flex;
	align-items: center;
}

.top_bar {
	background-color: #013367;
	padding: 0.5% 0%;
}

.top_info:nth-child(1) {
	float: left;
}

.top_info:nth-child(2) {
	float: right;
}

.top_info p {
	font-family: "Work Sans", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 170%;
	margin: 0% !important;
	color: #ffffff;
}

.top_info p a {
	color: #fff;
	text-decoration: none;
}

.top_social {
	width: fit-content;
	float: right;
	margin: 0%;
	display: flex;
	align-items: center;
	gap: 0px;
}

.top_social p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 140%;
	margin: 0% 10px 0 0px !important;
	border-right: 1px solid #fff;
	padding-right: 15px;
}

.fa-linkedin-in,
.fa-instagram,
.fa-facebook,
.fa-x-twitter,
.fa-facebook-f,
.fa-youtube {
	font-size: 16px;
	color: #fff;
	/* background-color: #0a2649; */
	border-radius: 50%;
	width: 27px;
	/* height: 27px; */
	display: inline-flex !important;
	position: relative;
	left-content: center;
	align-items: center;
	transition: all .3s linear;

	&:hover {
		color: #03a0e4;
	}

}

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@keyframes circle {
	0% {
		opacity: 1;
	}

	40% {
		opacity: 1;
	}

	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.contact-top>a {
	font-family: "Work Sans", sans-serif;
	background-color: #25a794;
	padding: 15px 25px;
	border-radius: 4px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: 0.3px;
	transition: all .3s linear;

	&:hover {
		background-color: #8cc43f;
	}
}


/* Change the background and text color of dropdown options */


.footer-align {
	padding-left: 4%;
}



ul {
	list-style: none;
}


.wel_txt>h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: rgb(107 142 35);
	line-height: 140%;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 0% 1% 0% !important;
}

.wel_txt>h3 {
	font-family: "Work Sans", sans-serif;
	font-size: 42px;
	font-weight: 600;
	color: #171717;
	margin: 0.3% 1% 2% !important;
	line-height: 140%;
}

.wel_txt h3 span {
	color: #82bb41;
}

.wel_txt>p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 150%;
	text-align: left;
	margin: 0% 1% 3% !important;
}

.wel_txt p strong {
	color: #82bb41;
}

.wel_txt p span {
	color: #82bb41;
}

.wel_txt2>h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #0b6835;
	line-height: 140%;
	letter-spacing: 0.5px;
	margin: 0% 1% 0% !important;
}

.wel_txt h4 {
	font-family: 'Lora', serif;
	font-size: 29px;
	font-weight: 700;
	margin: 0 1% 1%;
	color: #000;
	line-height: 140%;
}

.button-13 {
	background-color: #013367;
	border: 1px solid #d5d9d9;
	border-radius: 8px;
	box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	line-height: 29px;
	padding: 5px 13px 5px 13px;
	position: relative;
	text-align: center;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	vertical-align: middle;
	width: 118px;
}

.button-13:hover {
	background-color: #1faff1;
}

.button-13:focus {
	border-color: #008296;
	box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
	outline: 0;
}


.wel_btn {
	font-family: "Work Sans", sans-serif;
	background-color: #82bb41;
	padding: 15px 30px;
	border-radius: 4px;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: 0.3px;
	margin: 0px 1%;
	display: inline-block;
	transition: all .2s linear;

	&:hover {
		background-color: #00ACEC;
	}
}

.fa-location-dot,
.fa-envelope,
.faicon,
.fa-phone {
	color: #ffffff;
	font-size: 15px !important;
}

@keyframes top_down2 {
	0% {
		bottom: 13%;
	}

	100% {
		bottom: 0%;
	}
}

.fix_nav {
	z-index: 999;
	padding: 0px 0px;
	border-bottom: 1px solid #cccccc80;
	background-color: #002343;
}

.rel {
	position: relative;
}


.button-30 {
	align-items: center;
	background-color: #013367;
	border-radius: 4px;
	border-width: 0;
	box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-family: "Work Sans", sans-serif;
	height: 48px;
	justify-content: center;
	line-height: 1;
	list-style: none;
	overflow: hidden;
	padding-left: 16px;
	padding-right: 16px;
	position: relative;
	text-align: left;
	text-decoration: none;



	transition: box-shadow .15s, transform .15s;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	white-space: nowrap;
	will-change: box-shadow, transform;
	font-size: 16px;
}

.button-30:focus {
	box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.button-30:hover {
	box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
	transform: translateY(-2px);
}

.button-30:active {
	box-shadow: #D6D6E7 0 3px 7px inset;
	transform: translateY(2px);
}


/*--------------------------------------------------------------
New Css Ends
--------------------------------------------------------------*/


/*-----------------------------
whtas up
-----------------------------*/

.whatsapp_float {
	position: fixed;
	width: 55px;
	height: 55px;
	bottom: 75px;
	right: 10px;
	background-color: #25d366;
	color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 31px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
	display: flex;
	align-items: center;
	left-content: center;
	text-decoration: none;
	z-index: 999999;
}

/* for mobile */
@media screen and (max-width: 767px) {
	.whatsapp_float {
		width: 40px;
		height: 40px;
		bottom: 170px;
		right: 10px;
		font-size: 26px;
	}
}

/*--------------------------------------------------------------
home page
--------------------------------------------------------------*/

.top_main {
	width: 100%;
	z-index: 999999;
}

.top {
	width: 96%;
	margin: 0 auto;
	max-width: 1600px;
}

.top2 {
	width: 90% !important;
	margin: 0 auto;
	max-width: 1600px;
}

.top3 {
	width: 95%;
	margin: 0 auto;
	max-width: 1600px;
}

/*
.logo_text h3{

	font-family: "Work Sans", sans-serif;
	font-size: 34px;
	float: left;
	transition: all .4s linear;
	color: #6a8c23;
	margin: 1% 0%;
}*/

.logo {
	/* width: 111px; */
	margin: 2.2% 0% 0.5% 0%;
	float: left;
	transition: all .4s linear;
}

.logo a {
	font-family: "Work Sans", sans-serif;
	color: #fff;
	font-size: 26px;
	font-weight: 700;
	text-decoration: none;
}

.logo_text_ftr h3 {
	font-family: "Work Sans", sans-serif;
	font-size: 23px;
	float: left;
	transition: all .4s linear;
	color: #6a8c23;
	margin: 1% 0%;
}

.logo_text_ftr {
	/* width: 100px; */
	float: none;
}

.logo_text_ftr a {

	font-family: "Work Sans", sans-serif;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	text-decoration: none;
}

.navbarrr {

	width: 100%;
	padding: 1.5% 0%;
	display: flex;
	justify-content: center;

}

.contact-top {
	width: fit-content;
	padding: 2% 0%;
	float: right;
	display: flex;
	align-items: center;
}

/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/
.banner {
	width: 100%;
	/* overflow: hidden; */
	position: relative;
	background-image: url("../images/banner2.jpg");
	width: 100%;
	background-repeat: no-repeat;
}

.bnr {
	color: #013367;
	text-transform: uppercase;
	text-align: center;
	padding: 3% 0% 0%;
}

.container {
	position: relative;
	text-align: center;
	color: white;
	background: #f9f9f9;
	height: 64vh;

}

.banner-txt h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 31px;
	font-weight: 600;
	text-align: justify;
	color: #000;
	margin: 1% 0;
}

.banner-txt h3 {
	font-family: "Work Sans", sans-serif;
	text-align: justify;
	color: #000;
	font-size: 18px;
	font-weight: 600;
}

.banner-txt p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	text-align: justify;
	color: #000;
}


.banner-txt h4 {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	text-align: ce;
	color: #000;
	text-decoration: none;
}


.banner-txt h5 {
	text-align: center;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	margin: 0 auto;
	border: 1px solid #000;
	width: 200px;
	border-radius: 10px;
	padding: 10px;
	box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.banner-txt h5 a {
	text-decoration: none;
	color: #000;
}


.centered {
	position: absolute;
	top: 45%;
	left: 27%;
	transform: translate(-50%, -50%);
}


/* .banner img {
	background: #c9d2d4;
	background: linear-gradient(90deg, rgba(201, 210, 212, 1) 0%, rgba(218, 224, 225, 0.91) 0%, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.1) 45%);

} */

.link {
	text-decoration: none;
	color: #fff;
}

.link2 {
	text-decoration: none;
	color: #233d62;
}

.link3 {
	text-decoration: none;
	color: #000000 !important;
}

.link4 {
	text-decoration: none;
	color: #fff;
	transition: all .3s linear;
}

.link4:hover {
	color: #233d62;
}



/* #Progress
    ================================================== */
.progress-wrap {
	position: fixed;
	right: 16px;
	bottom: 30px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 200ms linear;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap i {
	position: absolute;
	font-size: 24px;
	color: #c3c3c3;
	text-align: center;
	line-height: 46px;
	top: 0;
	left: 0;
	width: 46px;
	height: 46px;
	transition: color 200ms linear;
}

.progress-wrap:hover i {
	color: #000;
}

.progress-wrap svg path {
	fill: none;
}

.progress-wrap svg.progress-circle path {
	stroke: #fff;
	stroke-width: 4;
	box-sizing: border-box;
	transition: all 200ms linear;
}

.video_flex {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


/*--------------------------------------------------------------
Regular Content
--------------------------------------------------------------*/

.col_sm1 {
	width: 100%;
	margin: 0 auto;
}

.col_sm2 {
	width: 48%;
	float: left;
	margin: 1%;
}

.col_sm2_1 {
	width: 48%;
	float: left;
	margin: 1%;
}

.col_sm2_2 {
	width: 45%;
	float: left;
	margin: 1%;
}

.col_sm3 {
	width: 31%;
	float: left;
	margin: 1%;
}

.col_sm4 {
	width: 23%;
	margin: 1%;
	float: left;
}

.col_sm44 {
	width: 73%;
	margin: 1%;
	float: left;
}

.col_sm5 {
	width: 18%;
	margin: 1%;
	float: left;
}


.col_sm8 {
	width: 40%;
	margin: 1%;
	float: left;
}

.col_sm88 {
	width: 56%;
	float: left;
	margin: 1%;
}

.col_sm10 {
	width: 70%;
	float: left;
	margin: 1%;
}

.col_sm100 {
	width: 23%;
	float: left;
	margin: 1%;
}

.col_sm11 {
	width: 58%;
	margin: 3% 1%;
	float: left;
}

.col_sm111 {
	width: 28%;
	float: right;
	margin: 0%;
}

.col_sm12 {
	width: 76%;
	float: left;
	margin: 1%;
}

.col_sm122 {
	width: 20%;
	margin: 1%;
	float: left;
}

.col_sm133 {
	width: 80%;
	float: left;
	margin: 1%;
}


.col_sm13 {
	width: 16%;
	margin: 1%;
	float: left;
}

/*--------------------------------------------------------------
extra
--------------------------------------------------------------*/

.hero1 {
	background-image: url(../images/about-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hero2 {
	background-image: url(../images/mbl-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.hero4 {
	background-image: url(../images/background-layer.jpg);
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;

}

.hero5 {
	background-image: url(../images/hero-bg1.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f1f6e7;
	padding: 20px 30px;
}

.hero6 {
	background-image: url(../images/hero-bg2.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #fff5ed;
	padding: 20px 30px;
}

.hero7 {
	background-image: url(../images/hero-bg3.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #f2f7f0;
	padding: 20px 30px;
}

.hero8 {
	background: #013367;
}


/*--------------------------------------------------------------
Home page our product
--------------------------------------------------------------*/

.project-head img {
	width: 284px;
}

.project-head h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 34px;
	font-weight: 700;
	text-align: justify;
	color: #002343;
	line-height: 140%;
}

.project-head h3 {
	font-family: "Work Sans", sans-serif;
	text-align: justify !important;
	font-size: 20px;
	color: #000;
	font-weight: 600;
}

.project-head p {
	font-family: "Work Sans", sans-serif;
	text-align: justify;
	font-size: 18px;
	font-weight: 400;
	color: #000;
}

.video-home{
	width:560px;
	height:315px;
}
.publication-head h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 34px;
	font-weight: 700;
    text-align: left;
	color: #fff;
	line-height: 140%;
}


.publication-head p {
	font-family: "Work Sans", sans-serif;
	text-align: left;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
}

.places li {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 150%;
	margin: 1%;
	display: flex;
	align-items: center;

}



.places span {

	font-family: "Work Sans"
		, sans-serif;
	font-size: 18px;

	font-weight: 500;

	color: #fff;
	line-height: 150%;
	text-align: center;
	margin: 0 1% 0 0%;
}

.places img {
	width: 25px;
	object-fit: cover;
}

.ftr_txt h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 26px;
	text-align: justify;
	color: #fff;
}

.ftr_txt h2 span {
	color: #25a794;
}

.ftr_txt p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin: 0 auto;
	line-height: 140%;
	color: #fff;
	text-align: justify;
}



.ftr_txt h3 {
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin: 0%;
	border: 1px solid #fff;
	width: 200px;
	border-radius: 10px;
	padding: 10px;
	box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
}

.ftr_txt h3 a {
	text-decoration: none;
	color: #fff;
}

.ftr_txt ul {
	padding: 0% !important;
}

.ftr_txt ul li a {
	font-family: "Work Sans", sans-serif;
	color: #fff;
	text-decoration: none;
	line-height: 180%;
	font-weight: 500;
	font-size: 16px;
	text-transform: capitalize;
}

.ftr_lt_txt {
	font-family: "Work Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 160%;
	color: #fff;
	margin: 0;
}

.ftr_right {
	text-align: right;
}

/*--------------------------------------------------------------
top_arrow
--------------------------------------------------------------*/
.top_arrow {
	width: 45px;
	height: 45px;
	position: fixed;
	display: flex;
	right: 1%;
	bottom: 2.5%;
	transition-duration: 1s;
	font-size: 20px;
	cursor: pointer;
	color: #fff;
	z-index: 9999;
	background-color: #25a794;
	border-radius: 50%;
	align-items: center;
	left-content: center;
}

.top_arrow:hover {
	background-color: #03a0e3;
}

.img2 {
	width: 100%;
}

.img3 {
	width: 217px;
}

.col-icon {
	color: #fff !important;
}


/*--------------------------------------------------------------
Bullet
--------------------------------------------------------------*/

.bullet ul {
	list-style-image: url(../images/bullet3.png);
	margin-left: 31px;
	padding: 0;
}

.bullet ul li {
	font-size: 16px;
	font-weight: 400;
	margin: 1.6% 0%;
	line-height: 150%;
	font-family: "Work Sans", sans-serif;
	color: #000000;
	text-align: left;
}

.footer-align {
	padding-left: 4%;
}

.bullet span {
	font-weight: 600;
}

/*--------------------------------------------------------------
Table
--------------------------------------------------------------*/
table {
	width: 100%;
	font-family: "Work Sans", sans-serif;
	border-collapse: collapse;
	margin: 20px auto;
	font-family: Arial, sans-serif;
}

/* th {
	font-family: "Work Sans", sans-serif;
	color: white;
	background-color: #6a9331;
	text-align: center;
	padding: 12px;
	font-weight: bold;
} */

/* td {
	font-family: "Work Sans", sans-serif;
	border: 1px solid #ddd;
	padding: 10px;
	text-align: center;
} */

tr:nth-child(even) {
	background-color: #f9f9f9;
}

tr:hover {
	background-color: #f1f1f1;
}

.gbt-text p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 150%;
	text-align: left;
	margin: 1% 0;
}

.gbt-box {
	border-bottom: 3px solid #065f31;
}

.gbt-box .img-wrap {
	width: 160px;
	margin: 0 auto;
	transition: all ease .5s;
}

.gbt-box:hover .img-wrap {
	transform: translateY(7px);
}

.gbt-text2 h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 26px;
	font-weight: 500;
	color: #000;
	line-height: 140%;
	text-align: center;
	margin: 0.5% 0 0 !important;
}

.bullet_section ul {
	list-style-image: url(../images/bullet-new.png);
	margin-left: 31px;
	padding: 0;
}

.bullet_section ul li {
	font-size: 28px;
	font-weight: 500;
	margin: 1.6% 10%;
	line-height: 320%;
	font-family: "Work Sans", sans-serif;
	color: #000000;
	text-align: left;
}

.bullet_section span {
	font-weight: 600;
}

.gbt-text2 h3 {
	font-size: 22px;
	font-family: "Work Sans", sans-serif;
	font-weight: 600;
	color: rgb(140 196 63);
	line-height: 140%;
	text-transform: capitalize;
	letter-spacing: 1.8px;
	margin: 10px 0;
}

.gbt-text2 p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 150%;
	text-align: left;
	margin: 7px 0;
}

.gbt-text2 a {
	font-family: "Work Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	line-height: 150%;
	text-align: left;
	margin: 7px 0;
	text-decoration: none;
}

.gbt-text2 a i {
	font-size: 12px;
}

.gbt-text2 .cate-min {
	min-height: 440px;
	background: #ffff;
	padding: 13px;
}

.gbt-text3 h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 42px;
	font-weight: 600;
	color: #171717;
	margin: 0% 1% 2% !important;
	line-height: 140%;
}

.gbt-text3 h3 {
	font-family: "Work Sans", sans-serif;
	font-size: 25px;
	font-weight: 600;
	color: #000000;
	line-height: 140%;
	text-align: left;
	margin: 0.5% 0 0 !important;
}

.gbt-text3 p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 150%;
	text-align: left;
	margin: 1%;
}

.abt-text p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 150%;
	text-align: left;
	margin: 1%;
}


.abt-text2 h2 {
	font-family: "Work Sans", sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #000000;
	line-height: 140%;
	text-align: center;
	margin: 0.5% 0 0 !important;

}

.abt-text2 h3 {
	font-family: "Work Sans", sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: rgb(140 196 63);
	line-height: 140%;
	text-transform: capitalize;
	letter-spacing: 1.8px;
	margin: 10px 0;
}

.abt-text2 p {
	font-family: "Work Sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	line-height: 150%;
	text-align: left;
	margin: 7px 0;
}

.abt-text2 a {
	font-family: "Work Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	line-height: 150%;
	text-align: left;
	margin: 7px 0;
	text-decoration: none;
}

.abt-text2 a i {
	font-size: 12px;
}

.abt-text2 .cate-min {
	min-height: 419px;
}

.just_cont {
	left-content: center;
	margin: 1%;
}

.flag-text {
	text-align: center;
}

.flag-text h6 {
	font-family: "Work Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	line-height: 140%;
	text-align: center;
	margin: 0% 0 0 !important;
}

.banner-content {
	position: absolute;
	top: 168px;
	left: 70px;
	line-height: 12px;
}

.banner-content h2 {
	font-size: 40px;
	font-weight: 600;
}

.banner-content p {
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
	color: black;
}

.banner1 {
	background: #eaf7fd;
	position: relative;
}

.banner1 h2 {
	font-family: "Work Sans", sans-serif;
	color: #002343;
	margin-bottom: 20px;
	border-bottom: 2px solid #013367;
	padding-bottom: 10px;
	text-transform: uppercase;

}

.banner1 p {
	font-family: "Work Sans", sans-serif;
	text-align: justify;
	font-size: 16px;
	font-weight: 400;
	color: #000;
}

.banner_sub {
	position: absolute;
	right: 5%;
	width: 22%;
	bottom: 0;
}

.social-impact h2 {
	color: #002343;
	margin-bottom: 20px;
	border-bottom: 2px solid #013367;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-family: "Work Sans", sans-serif;
}

.social-impact p {
	font-family: "Work Sans", sans-serif;
	text-align: justify;
	font-size: 18px;
	font-weight: 400;
	color: #000;

}

.btn a {
	font-family: "Work Sans", sans-serif;
	text-align: justify;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	background: #002343;
	padding: 10px 15px;
	border-radius: 9px;
}

.btn:hover a {
	background: #023566;
}




.video-frame {
	width: 345px !important;
	height: 271px !important;
}

.italic {
	font-family: "Work Sans", sans-serif;
	text-align: justify;
	font-size: 18px;
	font-weight: 400;
	color: #000;
	font-style: italic;
}

.ccf-flex{
	display: flex;
    align-items: center;
	flex-wrap: wrap;
}


@media only screen and (max-width:1600px) {
	.featu_txt {
		min-height: 374px;
	}

	.banner_sub {
		width: 27%;

	}



}

@media only screen and (max-width:1480px) {

	.video-frame {
		width: 331px;
		height: 259px;
	}

	#cssmenu>ul>li>a {
		margin: 5px 12px;
		padding: 10px 3px;
	}
}

@media only screen and (max-width:1400px) {
	.video-frame {
		width: 297px;
	}

	.banner_sub {
		width: 36%;
	}

	#cssmenu>ul>li>a {
		padding: 10px 0px;
	}

	.contact-top a {
		padding: 10px 15px;
		font-size: 14px;
	}

	.contact-top {
		padding: 2.61% 0%;
	}

	#wowslider-container1 .ws-title span h2 {
		font-size: 51px !important;
	}

	.banner-text h1 {
		top: 130px;
	}

	.featu_txt {
		min-height: 412px;
	}

	.wel_flex {
		align-items: flex-start;
	}

	.bullet_section ul li {
		font-size: 22px;
	}
}


@media only screen and (max-width:1338px) {


	.navbarrr {
		padding: 1.56% 0%;
	}

	.logo {
		width: 322px;
		margin: 0.5% 0%;

	}

	#cssmenu>ul>li>a {
		font-size: 15px;
		/* margin: 5px 5px; */
		padding: 10px 4px;
	}

	.contact-top a {
		padding: 12px 20px;
	}

	.video-frame {
		width: 300px !important;
		height: 225px !important;
	}

}


@media only screen and (max-width:1400px) {
	.col_sm12 {
		width: 63%;
	}

	.col_sm122 {
		width: 33%;
	}

	.banner_sub {
		width: 33%;
	}


	#cssmenu>ul>li>a {
		margin: 5px 11px;
		padding: 10px 0px;
	}

	.wel_flex {
		align-items: flex-start;
	}

}

@media only screen and (max-width:1200px) {
	.banner_sub {
		width: 36%;
		right: 2%;

	}

	.contact-top {
		display: none;
	}

	.navbarrr {
		float: right;
	}

	.col_sm4_2 {
		width: 48%;
	}

	.col_sm6 {
		width: 4%;
	}

	.logo {
		width: 264px;
		margin: 0.5% 0%;
	}

}


@media only screen and (max-width:1100px) {

	.banner_sub {
		width: 42%;
		right: 2%;
	}


	.abt-text2 .cate-min {
		min-height: 435px;
	}

	.contact-top {
		padding: 2.8% 0% !important;
	}

	.contact-top a {
		padding: 11px 13px;
	}

	.footer-logo {
		width: 250px;
	}

	#wowslider-container1 .ws-title span button {
		padding: 10px 30px !important;
		font-size: 13px !important;
	}

	.navbarrr {
		padding: 0.24% 0% !important;
	}


	#wowslider-container1 .ws-title span h2 {
		font-size: 32px !important;
	}

	#cssmenu>ul>li.has-sub>a:before {
		right: -5px !important;
	}

	#cssmenu>ul>li.has-sub>a:after {
		right: -8px;
	}

	#cssmenu>ul>li>a {
		margin: 20px 8px;
		font-size: 14px;
	}

	.bullet ul li {
		font-size: 13px;

	}

	.body_text111 {
		font-size: 13px;
	}

	.col_sm4 {
		width: 31%;
	}

	.bullet_section ul li {
		font-size: 18px;
	}

}

@media only screen and (max-width:1125px) {
	.col_sm22 {
		width: 50%;
	}

	.bullet3 ul li {
		width: 33%;
	}

	.col_sm3 {
		width: 48%;
		margin-bottom: 72px;
	}

	.logo {
		width: 201px;
		margin: 0.5% 0%;
	}
}

@media only screen and (max-width:1000px) {
	.banner_sub {
		width: 49%;
		right: 0%;
	}

	.gbt-text2 .cate-min {
		min-height: 465px;
	}

	.col_sm8 {
		width: 48%;
		margin: 0 auto !important;
		float: none;
	}

	.col_sm88 {
		width: 98%;
	}

	.col_sm2 {
		width: 98%;
	}

	.contact-top a {
		font-size: 12px;
	}

	.col_sm3_1 {
		width: 48%;
	}

	.col_sm55 {
		width: 21%;
	}

	.col_sm555 {
		width: 99%;
	}

	.col_sm6 {
		width: 14%;
	}

	.logo {
		width: 172px;
		margin: 0.5% 0%;
	}

	.logo a {

		font-size: 22px;

	}
}


@media only screen and (max-width:960px) {
	.video-home{
		width: 100%;
	}
	.col_sm44 {
		width: 98%;
	}

	.col_sm12 {
		width: 98%;
	}

	.col_sm122 {
		width: 98%;
	}

	.col_sm13 {
		width: 98%;
	}

	.col_sm133 {
		width: 98%;
	}

	.banner1 {
		display: none;
	}

	.col_sm2_2 {
		width: 100%;
	}

	.ftr_txt h2 {
		text-align: center;
	}

	.ftr_txt p {
		text-align: center;
	}

	.ftr_txt h3 {
		margin: 0% auto;
	}

	.project-head h2 {
		margin: 1% 0;
	}

	.publication-head h2 {
		margin: 1% 0;
	}

	.banner-content {
		position: absolute;
		top: 171px;
		left: 68px;
		line-height: 12px;
	}

	.dis_mob {
		display: block;
	}

	.col_sm22 {
		width: 98%;
	}

	.col_sm222 {
		width: 98%;
	}

	.mbi-display {
		display: block;
	}

	.desktop-display {
		display: none;
	}

	.top_main {
		position: static;
	}

	/* .top_bar {
		display: none;
	} */

	.wel_flex {
		display: block;
	}

	.col_sm3 {
		width: 98%;
		margin-bottom: 0px;
	}

	.col_sm8 {
		width: 98%;
	}

	.gbt-text2 h2 {
		font-size: 20px;
		padding: 10px;
		text-align: left;
	}

	.wel_txt>h3 {
		font-size: 32px;
	}

	.top2 {
		width: 100% !important;
	}

	.wel_txt p {
		padding-right: 0%;
	}

	.contact-top {
		display: none;
	}

	.fix_nav {
		padding: 0px 0px !important;
	}

	.d_n {
		display: block;
	}

	.mi_vi_bg img {
		top: 9%;
	}

	.fa-location-dot,
	.fa-phone,
	.fa-envelope {
		padding: 1.2%;
	}

	.col_sm2 {
		width: 98%;
	}

	.col_sm100 {
		width: 98%;
	}

	.col_sm111 {
		width: 98%;
	}

	@keyframes top_down3 {
		0% {
			right: -4%;
			left: 31%;
		}

		100% {
			right: -4%;
			left: 23%;
		}
	}

	/* .col_sm11 {
		width: 98%;
		margin: 0 auto;
	} */

	.ftr_txt h1 {
		margin: 0% 0% 1% 0%;
	}


	.top3 {
		width: 93%;
	}

	.fix_nav {
		position: static !important;
	}

	.logo {
		border-right: none;
		margin: 0% auto 0%;
		padding: 4% 0;
		float: none;
		width: 100%;
		text-align: center;
	}

	.logo a {
		font-size: 30px;
	}

	.top {
		width: 100%;
	}

	.navbarrr {
		width: 100% !important;
		float: none !important;
		margin: 0% auto !important;
		padding: 0% !important;
		background-color: rgb(0 34 67) !important;
	}

	.ftr_txt {
		min-height: 180px;
	}

	.footer-align {
		padding-left: 0%;
	}

	.ftr_txt h2 {
		margin: 0% 0% 5% 0%;
	}

	#cssmenu>ul>li>a {
		padding: 15px 14px;
		margin: 0;
		font-size: 13px;
	}

	/*.footer-align {
		padding-left: 0%;
	}
*/


	.bullet_section ul li {
		font-size: 20px;
		font-weight: 400;
		margin: -3.4% 5%;
	}


	.mi_vi_flex {
		display: block;
	}

	.video-frame {
		width: 278px !important;
		height: 225px !important;
	}

}

@media only screen and (max-width:900px) {

	.video-frame {
		width: 263px !important;
		height: 225px !important;
	}

	.col_sm99,
	.col_sm9 {
		width: 98%;
	}

	.col_sm2 {
		width: 98%;
	}
}

@media only screen and (max-width:850px) {
	.video-frame {
		width: 248px !important;
	}

	.banner {
		display: none;
	}

	/* .text-style a p {
		font-family: 'Poppins', sans-serif;
		font-size: 18px;
		font-weight: 500;
		color: #fff;
		text-align: center;
		margin: 0% !important;
		background-color: #dab048;
		padding: 1.5% 1.5%;
		border-radius: 5px;
		text-transform: capitalize;
		display: inline-block;
	} */





}


@media only screen and (max-width:800px) {

	.video-frame {
		height: 276px !important;
		width: 362px !important;
	}

	.banner-txt h3 {
		text-align: center;
		margin: 2% auto;
	}



	/* .banner-content h2 {
		font-size: 27px;
		font-weight: 600;
	}

	.banner-content p {
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		color: black;
	} */

	.desk_view {
		display: none;
	}

	.mbl_view {
		display: block;
	}

	.logo {
		border-right: none;
		margin: 0% auto 0%;
		padding: 4% 0;
		float: none;
		width: 100%;
		text-align: center;
	}

	.logo a {
		font-size: 30px;
	}

	.bullet3 ul li {
		width: 50%;
	}

	.col_sm4 {
		width: 48%;
	}

	#wowslider-container1 .ws-title {
		max-width: 48vw !important;
	}


	/* #wowslider-container1 .ws-title span h2 {
		font-size: 27px !important;
	} */


	.col_sm55 {
		width: 34%;
	}

	.responsive-accordion-default.responsive-accordion li .responsive-accordion-head i {
		top: 11px !important;
	}

	.col_sm2_1 {
		width: 98%;
	}

	.col_sm111 {
		width: 98%;
	}

	.col_ms33 {
		width: 98%;
		margin: 1%;
	}

	.ftr_txt h1 {
		padding-bottom: 1%;
	}

	.col_sm2 {
		width: 98%;
		padding: 5px;
	}

	.ftr_right {
		text-align: left;
	}


}

@media only screen and (max-width:700px) {

	.video-frame {
		height: 276px !important;
		width: 321px !important;
	}

	.banner-content {
		position: absolute;
		top: 123px;
		left: 18px;
		line-height: 12px;
	}

	.fa-location-dot,
	.fa-phone,
	.fa-envelope {
		padding: 2%;
	}

	.wel_btn a {
		padding: 15px 25px;
		font-size: 12px;
	}

	.logo {
		border-right: none;
		margin: 0% auto 0%;
		padding: 4% 0;
		float: none;
		width: 100%;
		text-align: center;
	}

	.logo a {
		font-size: 30px;
	}

}

@media only screen and (max-width:640px) {
	.banner-content {
		position: absolute;
		top: 127px;
		left: 18px;
		line-height: 12px;
	}

	.video-frame {
		height: 276px !important;
		width: 289px !important;
	}

	.marg-team {
		margin-top: 60px;
	}

}

@media only screen and (max-width:600px) {


	.video-frame {
		height: 362px !important;
		width: 537px !important;
	}

	.banner-content {
		position: absolute;
		top: 127px;
		left: 18px;
		line-height: 12px;
	}

	.gbt-text3 h2 {
		font-size: 36px;
	}

	.client-carousel .owl-nav {
		top: -93%;
	}

	.abt-text2 .cate-min {
		min-height: 0;
	}

	.col_sm4 {
		width: 98%;
	}

	@keyframes top_down3 {
		0% {
			right: 0%;
			left: 31%;
		}

		100% {
			right: 0%;
			left: 23%;
		}

	}

	.col_sm4 {
		width: 98%;
		padding: 5px;
	}

	#wowslider-container1 .ws-title span button {
		font-size: 12px !important;
		padding: 3px 18px !important;
	}





	.col_sm5 {
		width: 98%;
	}

	.logo_text_ftr {
		margin: 0 auto;
	}

}

@media only screen and (max-width:500px) {


	.video-frame {
		height: 362px !important;
		width: 449px !important;
	}

	.banner-content {
		position: absolute;
		top: 108px;
		left: 17px;
		line-height: 12px;
		width: 50%;
	}

	.banner-content h2 {
		margin-bottom: 0px;
		line-height: 42px;
	}

	/* 
	.banner-content h2 {
		font-size: 23px;
		font-weight: 500;
	}

	.banner-content p {
		font-size: 11px;
		font-weight: 400;
		line-height: 14px;
		color: black;
	} */


	#wowslider-container1 .ws-title span h2 {
		font-size: 16px !important;
	}

	#wowslider-container1 .ws-title span {
		width: 100% !important;
	}

	.col_sm10,
	.col_sm100 {
		width: 98%;
	}

}

@media only screen and (max-width:470px) {

	.video-frame {
		height: 362px !important;
		width: 418px !important;
	}

	.project-head h3 {
		text-align: left !important;
	}

	.banner-content {
		position: absolute;
		top: 108px;
		left: 17px;
		line-height: 12px;
		width: 50%;
	}

	.banner-content h2 {
		margin-bottom: 0px;
		line-height: 38px;
	}

	@keyframes top_down3 {
		0% {
			right: 0%;
			left: 12%;
		}

		100% {
			right: 0%;
			left: 19%;
		}
	}

	.marg-team {
		margin-top: 71px;
	}

	.serv-text h3 {
		min-height: 60px;
	}

}

@media only screen and (max-width:400px) {

	.video-frame {
		height: 362px !important;
		width: 356px !important;
	}

	.banner-content {
		position: absolute;
		top: 108px;
		left: 17px;
		line-height: 12px;
		width: 50%;
	}

	.banner-content h2 {
		margin-bottom: 0px;
		line-height: 38px;
	}

	.col_sm5 {
		width: 98%;
	}

	.col_sm8 {
		width: 98%;
		margin: 1% !important;
	}

	.col_sm88 {
		width: 98%;
	}

	.col_sm4 {
		width: 98%;
	}

	.gbt-text2 h2 {
		font-size: 20px;
	}

	.bullet_section ul li {
		font-size: 23px;
	}

	.col_sm3 {
		margin-bottom: 0px;
	}

	.ftr_txt {
		min-height: 182px;
	}

}

@media only screen and (max-width:320px) {


	.video-frame {
		height: 251px !important;
		width: 285px !important;
	}

	.banner-content {
		position: absolute;
		top: 108px;
		left: 17px;
		line-height: 12px;
		width: 50%;
	}

	.banner-content h2 {
		margin-bottom: 0px;
		line-height: 38px;
	}

	.col_sm11 {
		width: 98%;
	}

	.col_sm6 {
		width: 31%;
	}

	.col_sm9 {
		padding-top: 1px;
	}

}

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

	.video-frame {
		height: 251px !important;
		width: 318px !important;
	}

	.banner-content {
		position: absolute;
		top: 108px;
		left: 17px;
		line-height: 12px;
		width: 50%;
	}

	.banner-content h2 {
		margin-bottom: 0px;
		line-height: 38px;
	}

	.col_sm1 {
		width: 100%;
	}

}