* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	padding: 0;
	margin: 0;

}

a,
a:hover,
a:focus {
	text-decoration: none;
}

ul,
ol,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
}


body {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	font-family: "Jost", sans-serif;
	overflow-x: hidden;
}

.container-fluid {
	padding: 0px 40px !important;
}


/*=======butn=================*/
/*============================*/

.cumn-butn-body {
	font-weight: 700;
	font-style: Bold;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
	padding: 14px 25px;
	border-radius: 30px;
}


.grn-butn {
	background: #025800;
	color: #fff;
}


.grn-butn:hover {
	background: #FD7400;
	color: #fff;
}


/*============================*/
/*=======butn=================*/

/*============================*/
/*=======header===============*/

.custom-container {
	padding: 0px 70px;
}

.header-section {
	margin: 0px;
	padding: 10px 0px;
	height: 150px;
}

.call-number {
	display: flex;
	justify-content: start;
	align-items: center;
	padding: 0px;
	margin: 0px;
	height: 140px;

}

.call-number p a {
	font-family: Jost;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 28px;
	line-height: 22px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
}

.call-number p a:hover {
	color: #FD7400;
}


.call-number p span {
	margin-right: 10px;
}

.logo {
	width: auto;
	margin: 0px;
	padding: 0px 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.main-nav.scroll .logo {
	width: 85px;
	margin: 0px;
}

.main-nav.scroll .rightlink {
	margin-top: 14px;
}

.stellarnav.mobile.right>ul {
	z-index: 99;
	background: #f0d04d;
}


.quary {
	background: #025800;
	border-radius: 40px;
	padding: 14px 35px;
	margin: 36px 0px;
	float: right;
	font-weight: 600;
	font-style: Bold;
	font-size: 20px;
	color: #fff;
	line-height: 18px;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
}


.quary span {
	margin-right: 10px;
}

.quary:hover {
	background: #FD7400;
}


.nav-section {
	background: #308437;
	padding: 0px;
	margin: 0px;
	position: relative;
	width: 100%;
}

.nav-section.scroll {
	background: #308437;
	height: auto;
	padding: 0px;
	transition: background-color .5s ease 0s;
	top: 0;
	position: fixed;
	transition: all 0.3s ease 0s;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, .07);
	z-index: 99;
}


.stellarnav {
	position: relative;
	width: 100%;
	line-height: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.stellarnav ul {
	margin: 0px 0px;
	padding: 0px;
	position: relative;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.stellarnav>ul>li>a {
	font-weight: 600;
	font-style: Bold;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 18px 20px;
	margin: 0px;
}

.stellarnav>ul>li>a:hover {
	background: #FD7400;
	color: #fff !important;
}

.stellarnav>ul>li>a.active {
	background: #FD7400;
	color: #fff !important;
}

.main-nav .stellarnav ul ul {
	width: 263px;
	padding: 12px 0px;
}

.main-nav .stellarnav li li {
	margin: 0px 0px;
	width: 100% !important;
	border-bottom: #ccccccb8 1px solid;
}

.main-nav .stellarnav li li a {
	font-size: 15px;
	padding: 8px 12px;
	color: #2c2c2c;
	font-weight: 400;
}

.stellarnav li.has-sub a {
	padding-right: 0px !important;
}

.main-nav .stellarnav li li a:hover {
	background: #fdedf0;
	color: #CE4A64;
}

.main-nav .stellarnav li li a.active {
	background: #fdedf0;
	color: #CE4A64;
}

.stellarnav li.has-sub>a::after {
	content: '\f107';
	margin-left: 7px !important;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #267ec3;
	display: inline-block;
	border: none !important;
	font: normal normal normal 16px/1 FontAwesome;
}


/*============================*/
/*=======header===============*/


/*============================*/
/*=======banners===============*/


.banner-section {
	margin: 0px 0px;
	padding: 0px;
	width: 100%;
	height: 800px;
	position: relative;
	overflow: hidden;
}


.banner-section #overlay {
	position: absolute;
	width: 100%;
	height: 800px;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 100%);
	overflow: hidden;
	background-size: 100%;
}



.banner-section .owl-carousel .owl-item img {
	display: block;
	width: 100%;
	height: 800px;
    object-fit: cover;
}

.bannercarousel-text-section {
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 0px;
	bottom: 25%;
	left: 0px;
	right: 0px;
	margin: 0px auto;
}


.bannercarousel-text-section h1 {
	font-weight: 700;
	font-style: Bold;
	font-size: 80px;
	line-height: 90px;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.bannercarousel-text-section h6 {
	font-weight: 500;
	font-style: Medium;
	font-size: 45px;
	line-height: 45px;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}


.banner-section .owl-dots {
	position: absolute;
	bottom: 75px;
	right: 0px;
	left: 0px;
	display: flex;
	justify-content: center;
	flex-direction: row;
	gap: 5px;
}

.banner-section .owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
	margin: 0px;
	background: #E9E9E9 !important;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 50%;
}


.banner-section .owl-dots .owl-dot.active span,
.banner-section .owl-dots .owl-dot:hover span {
	background: #FD7400 !important;
	width: 37px;
	height: 14px;
	border-radius: 25px;
}

.banner-section .owl-nav {
	display: none;
}


/* ============================================================== */
/* =========================Our Products======================== */


.our-products-section {
	padding: 80px 0px;
	margin: 0px;
	position: relative;
	height: 100%;
	background: #fff;
}

.products-section-inner {
	margin: 0px;
	padding: 0px;
}


.products-section-inner .nav-tabs {
	border-bottom:
		0px solid #dee2e6;
	width: 743px;
	margin:
		31px auto 49px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap:
		23px;
}

.products-section-inner .nav-link {
	display: block;
	padding: 12px 28px;
	color: #10A34A;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 30px !important;
	border: #10A34A 3px solid;
	font-family: DM Serif Display;
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 3%;
	text-align: center;
	text-transform: uppercase;
}


.products-section-inner .nav-tabs .nav-link:hover {
	color: #fff;
	background-color: #10A34A;
	border-color: #10A34A;
}


.products-section-inner .nav-tabs .nav-link.active {
	color: #fff;
	background-color: #10A34A;
	border-color: #10A34A;
}


.product-box {
	background: #fff;
	text-align: center;
	border-radius: 20px;
	position: relative;
	padding: 4px 9px;
	box-shadow: 0px 0px 40px 0px #0000001F;
	height: 430px;
	margin: 0px 0px 80px 0px;
}


.producy-img {
	margin: 6px 0px 30px 0px;
	width: 100%;
	height: 270px;
	padding: 0px;

}

.producy-img img {
	width: 100%;
	height: auto;
	object-fit: contain;
}


.product-text {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}


.product-text h3 {
	font-family: DM Serif Display;
	font-weight: 400;
	font-size: 22px;
	line-height: 24px;
	letter-spacing: 0%;
	text-align: center;
	color: #000000;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}


.product-text-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 24px 0px 0px;
	padding: 0px 9px;
}

.product-text-info h5 {
	font-family: Livvic;
	font-weight: 700;
	font-size: 14px;
	line-height: 12px;
	letter-spacing: 0%;
	color: #393939;
	padding: 0px;
	margin: 0px;
}


.product-text-info h6 {
	font-family: Livvic;
	font-weight: 700;
	font-size: 14px;
	line-height: 12px;
	letter-spacing: 0%;
	text-align: right;
	color: #393939;
	padding: 0px;
	margin: 0px;
}


.product-box .cumn-butn-body.blue-butn {
	float: none;
	position: absolute;
	left: 0;
	right: 0px;
	width: 161px;
	margin: 0px auto;
	bottom: -25px;
}


.view-butn-row {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0px;
	text-align: center;
	padding: 0px;
}


/* ============================================================== */
/* =========================Our Products======================== */


/* ============================================================== */
/* =========================about-sectiom======================== */

.about-section {
	padding: 80px 0px;
	margin: 0px;
	background: #fff;
	overflow: hidden;
}

.about-section h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

.about-section h6 {
	font-weight: 500;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

.about-section p {

	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}

.about-section p span {
	color: #FD7400;
}


.about-section-text {
	padding: 0% 5% 0% 0%;
}


.about-section .cumn-butn-body.grn-butn {
	float: left;
	margin: 10px 0px 0px;
}


.about-section-img {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}


.about-section-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


.about-section-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* ============================================================== */
/* =========================about-sectiom======================== */


/* ============================================================== */
/* ========================How It Works======================== */


.how-to-work-section {
	padding: 80px 0px;
	margin: 0px;
	position: relative;
	height: 100%;
	background: url(../images/work-bg.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

.how-to-work-section h2 {
	font-weight: 700;
	font-size: 45px;
	line-height: 45px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 30px 0px;
	margin: 0px;
	text-align: center;

}

.how-to-work-section-inner {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 25px;
	margin: 50px 0px;
}

.how-to-work-box {
	background: #fff;
	border: 1px dashed #FD7400;
	box-shadow: 0px 5px 20px 0px #5E432B2E;
	border-radius: 15px;
	text-align: center;
	padding: 26px 20px;
	height: 415px;
	margin: 0px auto;
}


.how-to-work-box-odd {
	position: relative;
}


.how-to-work-box-odd::after {
	content: "";
	background: url(../images/dwn-arrow.png) no-repeat;
	position: absolute;
	bottom: -52px;
	right: -70px;
	z-index: 9;
	width: 115px;
	height: 45px;
}

.how-to-work-box-evn {
	position: relative;
}

.how-to-work-box-evn::before {
	content: "";
	background: url(../images/up-arrow.png) no-repeat;
	position: absolute;
	top: -50px;
	right: -75px;
	z-index: 9;
	width: 115px;
	height: 45px;
}

.how-to-work-box-icon {
	width: 95px;
	height: 95px;
	background: #FD7400;
	text-align: center;
	border-radius: 50%;
	padding: 20px 0px;
	margin: 0px auto;
}

.how-to-work-box-text {
	margin: 20px 0px 0px;
	padding: 0px;
}


.how-to-work-box-text h4 {
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0%;
	text-align: center;
	color: #025800;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.how-to-work-box-text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	text-align: center;
	color: #151515;
	padding: 0px;
	margin: 0px;
}


/* ==============================================================*/
/* ========================How It Works======================== */


/* ============================================================== */
/* ========================why-choose-section=====================*/


.why-choose-section {
	padding: 80px 0px;
	margin: 0px;
	background: #fff;
	overflow: hidden;
}

.why-choose-section-img {
	position: relative;
	width: 100%;
	height: 420px;
	border-radius: 20px;
	overflow: hidden;
}

.why-choose-section-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.why-choose-section-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.why-choose-section-text {
	padding: 0% 0% 0% 2%;
}

.why-choose-section-text h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

.why-choose-section-text p {
	font-weight: 500;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	position: relative;
	display: flex;

}


.why-choose-section-text p::before {
	font: normal normal normal 24px/1 FontAwesome;
	content: "\f058";
	height: auto;
	width: auto;
	position: relative;
	margin-right: 10px;
	color: #308437;
	position: relative;
	top: 5px;
	margin-right: 15px;
}


/* ============================================================== */
/* ========================why-choose-section=====================*/


/* ==========================================================*/
/* ========================tag-section======================= */

.tag-section {
	padding: 80px 0px;
	margin: 0px;
	height: 100%;
	background: url(../images/project-bg.png) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}

.tag-section-inner {
	text-align: center;
}

.tag-section-inner h3 {
	font-family: Jost;
	font-weight: 700;
	font-size: 45px;
	line-height: 45px;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px 0px 20px 0px;
}

.tag-section-inner h6 {
	font-family: Jost;
	font-weight: 500;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
	color: #DADADA;
	padding: 0px 0px 20px 0px;
}


.tag-sec-butn-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin: 20px 0px 0px;
}

.tag-sec-butn-row .orng-butn {
	background: #FD7400;
	color: #fff;
}

.tag-sec-butn-row .orng-butn:hover {
	background: #308437;
	color: #fff;
}

.tag-sec-butn-row p {
	font-family: Jost;
	font-weight: 700;

	font-size: 20px;

	line-height: 20px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #fff;
}

.tag-sec-butn-row p a {
	color: #FD7400;
}


/* ==========================================================*/
/* ========================tag-section======================= */


/* ==========================================================*/
/* ========================footer-sectiom====================*/


.footer-top {
	padding: 60px 0px;
	margin: 0px;
}

.footer-logo {
	margin: 0px;
	text-align: left;
	width: auto;
}


.footer-logo img {
	width: auto;
	height: 100%;
	object-fit: contain;
}


.footer-social-icon {
	margin: 20px 0px 0px;
	padding: 0px;
}


.footer-social-icon ul {
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 6px;
}

.footer-social-icon ul li a {
	color: #fff;
	width: 35px;
	height: 35px;
	line-height: 37px;
	background: #308437;
	display: block;
	text-align: center;
	border-radius: 50%;
	font-size: 18px;
	-webkit-transition: all 0.4s ease;
}


.footer-social-icon ul li a:hover {
	border-radius: 0%;
	background: #FD7400;
}

.footer-menu {
	padding: 0% 10% 0% 20%;
	margin: 0px;
}

.footer-menu h3 {
	font-family: Jost;
	font-weight: 600;
	font-size: 22px;
	line-height: 20px;
	letter-spacing: 0%;
	vertical-align: middle;
	color: #025800;
	padding: 0px 0px 20px 0px;
	margin: 0px;

}


.footer-menu ul {
	margin:
		0px;
	padding:
		0;
	list-style:
		none;
	column-count: 2;
}

.footer-menu ul li {
	padding:
		0px 0px 5px 0px;
	margin:
		0px;
	list-style-type: none;
}

.footer-menu ul li a {
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px;
	transition: all 300ms ease-in-out;
}


.footer-menu ul li a:hover {
	color: #FD7400;
	padding-left: 4px;
}

.footer-info {
	margin: 0% 0% 0% 45%;
	padding: 0px;
	word-wrap: break-word;
}


.footer-info h3 {
	font-family: Jost;
	font-weight: 600;
	font-size: 22px;
	line-height: 20px;
	letter-spacing: 0%;
	vertical-align: middle;
	color: #025800;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.footer-info p {

	font-weight: 500;

	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px 0px 15px 0px;
	margin: 0px;
	display: flex;
	justify-content: start;
	align-items: start;
	gap: 15px;
}

.footer-info p a {
	color: #151515;
}

.footer-info p a:hover {
	color: #FD7400;
}

.footer-icon {
	width: 30px !important;
	height: 30px;
}


.footer-text {
	width: 85% !important;

}


.footer-info p span img {
	width: 25px;
	height: 25px;

}

.footer-info p span img {
	width: 25px;
	height: 25px;
	object-fit: contain;
}


.footer-bottom {
	padding: 15px 0px;
	margin: 0px;
	background: #fff;
	border-top: 1px solid #C0C0C0;
}


.footer-bottom p {
	font-family: Jost;

	font-style: Regular;
	font-size: 16px;

	line-height: 16px;
	letter-spacing: 0%;
	color: #151515;


}


.footer-bottom p a {
	color: #FD7400;
}

.footer-bottom p a:hover {
	color: #151515;
}


.footer-bottom-left {
	text-align: left;
}

.footer-bottom-right {
	text-align: right;
}


/* ==============================================*/
/* ==============footer-sectiom==================*/


/*================================================
Go Top CSS
=================================================*/
.go-top {
	position: fixed;
	cursor: pointer;
	bottom: 100px;
	right: 20px;
	border-radius: 5px;
	background-color: #FD7400;
	color: #fff;
	z-index: 999;
	width: 40px;
	text-align: center;
	height: 40px;
	opacity: 0;
	visibility: hidden;
	font-size: 25px;
	-webkit-transition: var(--transition);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.go-top i {
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.go-top:hover {
	color: #ffffff;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	background-color: #FD7400;
	border: 1px solid #fff;
}

.go-top.active {
	opacity: 1;
	visibility: visible;
	bottom: 57px;
	-webkit-animation: top-bottom 5s infinite linear;
	animation: top-bottom 5s infinite linear;
}

/*================================================
Go Top CSS
=================================================*/


.inner-banner-section {
	padding: 0px;
	margin: 0px;
	position: relative;
}

.inner-banner-section img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.inner-banner-text {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	color: #fff;
	z-index: 9;
	text-align: center;
}

.inner-banner-text h1 {
	font-family: Jost;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	padding: 0px;
	margin: 0px;
}


/*================================================
about page CSS
=================================================*/

.cmn-section {
	padding: 80px 0px;
	margin: 0px;
	background: #fff;
	overflow: hidden;
}

.about-top-section-text {
	padding: 0% 1% 0% 0%;
	margin: 0px;
}

.about-top-section-text h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}


.about-top-section-text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.about-top-section-text ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}


.about-top-section-text ul li {
	font-size: 16px;
	line-height: 25px;
	padding: 0px;
	position: relative;
/* 	display: flex; */
	padding: 0px 0px 15px 0px;

}

.about-top-section-text ul li::before {
	font: normal normal normal 18px/1 FontAwesome;
	content: "\f058";
	height: auto;
	width: auto;
	position: relative;
	margin-right: 10px;
	color: #308437;
	position: relative;
	top: 0px;
	margin-right: 15px;
}

.about-top-section-text ul li p {
	padding: 0px;
	margin: 0px;
}


.about-top-section-img {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}


.about-top-section-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


.about-top-section-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.our-expertise-section-img {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}


.our-expertise-section-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


.our-expertise-section-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.our-expertise-section-text {
	padding: 0% 0% 0% 5%;
	margin: 0px;
}


.our-expertise-section-text h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 40px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

.our-expertise-section-text ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.our-expertise-section-text ul li {
	font-size: 16px;
	line-height: 25px;
	padding: 0px;
	position: relative;
/* 	display: flex; */
	padding: 0px 0px 15px 0px;
}

.our-expertise-section-text ul li::before {
	font: normal normal normal 18px/1 FontAwesome;
	content: "\f058";
	height: auto;
	width: auto;
	position: relative;
	margin-right: 10px;
	color: #308437;
	position: relative;
	top: 0px;
	margin-right: 15px;
}


.our-commitment-section {
	padding: 0px;
	margin: 0px;
	height: 457px;
	overflow: hidden;
}


.our-commitment-section-left {
	padding: 80px 70px;
	margin: 0px;
	position: relative;
	height: 100%;
	background: url(../images/cmn-expt-right.png) no-repeat;

	background-size: 100% 100%;
}


.our-commitment-section-left h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

.our-commitment-section-left h6 {
	font-weight: 400;
	font-size: 26px;
	line-height: 22px;
	letter-spacing: 0%;
	color: #000;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}


.our-commitment-section-left ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}


.our-commitment-section-left ul li {
	font-size: 16px;
	line-height: 22px;
	padding: 0px;
	position: relative;
	display: flex;
	padding: 0px 0px 15px 0px;
}


.our-commitment-section-left ul li::before {
	font: normal normal normal 18px/1 FontAwesome;

	content: "\f058";

	height: auto;

	width: auto;

	position: relative;

	margin-right: 10px;

	color: #308437;

	position: relative;

	top: 6px;

	margin-right: 15px;


}

.our-commitment-section-right {
	width: 100%;
	height: 457px;
	overflow: hidden;
}

.our-commitment-section-right img {
	width: 100%;
	height: 100%;

}

/*================================================
about page CSS
=================================================*/


/*================================================
process CSS
=================================================*/

.our-process-header {
	padding: 0px;
	margin: 0px 0px 50px 0px;
	text-align: center;
}


.our-process-header h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}


.our-process-header p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0% 0%;
	margin: 0px 0px 10px 0px;
}


.process-box {
	background: #F9FFF9;
	border: 1px dashed #025800;
	border-radius: 15px;
	box-shadow: 0px 5px 20px 0px #0D250F2E;
	height: 365px;
	min-height: 365px;
	padding: 20px 20px;
	margin-bottom: 20px;
}

.process-box h3 {
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0%;
	color: #025800;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.process-box h5 {
	font-weight: 700;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0%;
	color: #025800;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.process-box p {
	font-weight: 400;
	font-size: 16px;
	line-height: 23px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}


.process-box p b {
	font-weight: 700;
}


.process-box ul {
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

.process-box ul li {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px 0px 10px 25px;
	margin: 0px;
	position: relative;
}

.process-box ul li p {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 20px;
}

.process-box ul li::before {
	font: normal normal normal 16px/1 FontAwesome;
	content: "\f058";
	height: auto;
	width: auto;
	position: relative;
	margin-right: 10px;
	color: #FD7400;
	position: absolute;
	top: 2px;
	left: 0px;
	right: 0px;
}

.our-process-outer {
	display: flex;
}


.our-process-outer .process-box.seventh {
	min-height: 200px;
	height: 230px;
	/* specify your desired height */
}


.why-work-inner-section {
	padding: 80px 0px;
	margin: 0px;
	position: relative;
	height: 100%;
	background: url(../images/why-inner-bg.png) no-repeat;
	background-size: auto;
	background-size: 100% 100%;
	overflow: hidden;
}


.why-work-inner-section h2 {
	font-weight: 700;
	font-size: 45px;
	line-height: 45px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 50px 0px;
	margin: 0px;
	text-align: center;
}


.why-work-inner-section .why-choose-section-img {
	position: relative;
	width: 100%;
	height: 350px;
	border-radius: 20px;
	overflow: hidden;
}


.why-work-inner-section .why-choose-section-text p {
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	position: relative;
	display: flex;
}


/*================================================
process CSS
=================================================*/


/*================================================
port CSS
=================================================*/


.port-section-header {
	padding: 0px;
	margin: 0px 0px 60px 0px;
}

.port-section-header h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 30px 0px;
	margin: 0px;
	text-align: center;
}


.port-section-img {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}

.port-section-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


.port-section-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.port-section-header p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0% 0%;
	margin: 0px 0px 10px 0px;
	text-align: center;
}


.port-section-text {
	padding: 0% 0% 0% 4%;
}

.port-section-fulltext p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 20px 0px;
	text-align: center;
}


.port-section-text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}


.port-section-text h4 {
	font-family: Jost;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.port-section-text ul {
	padding: 0px;
	margin: 0px;
}


.port-section-text ul li {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	position: relative;
	display: flex;
	justify-content: start;
	gap: 0px;
}

.port-section-text ul li::before {
	font: normal normal normal 19px/1 FontAwesome;
	content: "\f058";
	height: auto;
	width: auto;
	position: relative;
	margin-right: 10px;
	color: #308437;
	position: relative;
	top: 4px;
	margin-right: 11px;
}

.port-section-outer .port-section-outer p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 20px 0px;
	padding: 0px;
	text-align: left;
}


.carport-questionnaire-box {
	background: #F9FFF9;
	border: 1px dashed #025800;
	border-radius: 15px;
	box-shadow: 0px 5px 20px 0px #0D250F2E;
	height: 260px;
	min-height: 260px;
	min-height: auto;
	padding: 20px 20px;
	margin-bottom: 20px;

}


.carport-questionnaire-box h6 {
	font-family: Jost;
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0%;
	color: #025800;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}


.carport-questionnaire-box p {

	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0%;
	display: flex;
	justify-content: start;
	gap: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.carport-questionnaire-box p::before {
	font: normal normal normal 18px/1 FontAwesome;
	content: "\f058";
	height: auto;
	width: auto;
	position: relative;
	margin-right: 10px;
	color: #FD7400;
	position: relative;
	top: 4px;
	margin-right: 10px;
}


.carport-questionnaire-section {
	padding: 0px;
	margin: 0px 0px 80px 0px;
}

.carport-questionnaire-section-right .carport-questionnaire-box {
	height: 180px;
}

.carport-questionnaire-box.long-box {
	height: 175px;
}


/*================================================
port CSS
=================================================*/


/*================================================
desk CSS
=================================================*/

.desk-section-one-img {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden
}


.desk-section-one-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


.desk-section-one-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.desk-section-one-text {
	padding: 0% 0% 0% 4%;
	margin: 0px;
}

.desk-section-one-text h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.desk-section-one-text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}


.desk-section-two-text {
	padding: 0px;
	margin: 0px;
}


.desk-section-two-text p {
	font-weight: 500;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	position: relative;
	display: flex;
}

.desk-section-two-text p::before {
	font: normal normal normal 19px/1 FontAwesome;
	content: "\f058";
	height: auto;
	width: auto;
	position: relative;
	margin-right: 10px;
	color: #308437;
	position: relative;
	top: 4px;
	margin-right: 11px;
}

.desk-section-two-img {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}


.desk-section-two-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


.desk-section-two-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.pages-Questionnaire-section {
	padding: 80px 0px;
	margin: 0px;
	background: #fff;
	border-bottom: 1px solid #C0C0C0;
	    display: none;
}


.pages-Questionnaire-section h2 {
	font-weight: 700;
	font-size: 45px;
	line-height: 45px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 20px 0px;
	margin: 0px;
	text-align: center;
}


.pages-Questionnaire-section h6 {
	font-weight: 400;
	font-size: 30px;
	line-height: 25px;
	letter-spacing: 0%;
	text-align: center;
}


.frm-inner {
	padding: 60px 0px 0px;
}


.frm-inner .form-row label {
	font-weight: 500;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: 0%;
	padding: 0px 0px 15px 0px;
	color: #000;
}

.frm-inner .form-row {
	margin: 0px 0px 20px 0px;
}


.frm-inner .form-row .form-control {
	border: 1px solid #A7A7A7;
	border-radius: 8px;
	padding: 8px 10px;
}


.frm-inner .cumn-butn-body.orng-butn {
	margin: 50px auto 0px;
	display: flex;
	border: none;
	background: #FD7400;
	color: #fff;
}

.frm-inner .cumn-butn-body.orng-butn:hover {
	background: #308437;
	color: #fff;
}


/*================================================
desk CSS
=================================================*/


/*================================================
Sheds CSS
=================================================*/

.sheds-section-one-img {
	position: relative;
	width: 100%;
	height: auto;
	border-radius: 20px;
	overflow: hidden;
}


.sheds-section-one-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sheds-section-one-img:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.sheds-section-one-text h2 {
	font-weight: 700;
	font-size: 35px;
	line-height: 45px;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: #000;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}


.sheds-section-one-text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 20px 0px
}


.our-expertise-section-text p {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #151515;
	padding: 0px;
	margin: 0px 0px 20px 0px
}


.our-expertise-section-text ul li p {
	margin: 0px;
	padding: 0px;
}


.desk-section-two-text ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}


.desk-section-two-text ul li {
	font-size: 16px;
	line-height: 22px;
	padding: 0px;
	position: relative;
	display: flex;
	padding: 0px 0px 15px 0px;
}


.desk-section-two-text ul li::before {
	font: normal normal normal 18px/1 FontAwesome;
	content: "\f058";
	height: auto;
	width: auto;
	position: relative;
	margin-right: 10px;
	color: #308437;
	position: relative;
	top: 3px;
	margin-right: 15px;
}

.desk-section-two-text p {
	display: unset;
	margin: 0px;
}

.desk-section-two-text p::before {
	display: none;
}


/*================================================
Sheds CSS
=================================================*/


/*================================================
faq CSS
=================================================*/


.accordion-item:not(:first-of-type) {
	border-top: 1px solid rgba(0, 0, 0, .125);
}

.accordion-item {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
	margin-bottom: 10px;
	border-radius: 10px;
}


.accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
	transition: all 0.5s;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

.accordion-button::after {
	transition: all 0.5s;
}

.accordion-button h3:not(.collapsed) {
	color: #000;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0%;
}


.accordion-button h3 {
	color: #000;
	font-weight: 600;
	font-style: SemiBold;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0%;
}


.faq-page .accordion-button:not(.collapsed) {
	color: #0c63e4;
	background-color: #FAF2EA;
	box-shadow: none;
}

.faq-page .accordion-body {
	padding: 1rem 1.25rem;
	background: #FAF2EA;
}


/*================================================
faq CSS
=================================================*/


/*================================================
contact page CSS
=================================================*/


.contact-page-info-section {
	padding: 50px 0px;
	background: #fff;
}


.contact-page-info-box {
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	background: #FAF2EA;
	border: 1px dashed #FD7400;
	padding: 30px 25px;
	box-shadow: 0px 5px 20px 0px #0D250F14;
	border-radius: 15px;
	height: 270px;
}

.contact-page-info-icon {
	width: 80px;
	height: 80px;
	background: #FD7400;
	border-radius: 50%;
	padding: 15px 0px;
	text-align: center;
	margin: 0px auto;
}


.contact-page-info-text {
	margin: 30px 0px 0px;
	padding: 0px;
}

.contact-page-info-text h4 {
	font-weight: 600;

	font-size: 24px;

	line-height: 28px;
	letter-spacing: 0%;
	text-align: center;
	color: #025800;
	padding: 0px;
	margin: 0px 0px 20px 0px;


}

.contact-page-info-text p {

	font-weight: 500;

	font-size: 20px;

	line-height: 26px;
	letter-spacing: 0%;
	text-align: center;
	color: #151515;
	padding: 0px 0px 20px 0px;
	margin: 0px;

}

.contact-page-info-text p a {
	color: #151515;
}

.contact-page-info-text p a:hover {
	color: #FD7400;
}


.get-in-touch {
	background: linear-gradient(315.94deg, #000000 52.65%, #3C3C3C 105.17%);
	padding: 50px 0px;
	margin: 0px;
	text-align: center;
}


.get-in-touch h2 {
	font-family: Fugaz One;
	font-weight: 400;
	font-size: 55px;
	line-height: 65px;
	letter-spacing: 0%;
	text-align: center;
	color: #fff;
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

.our-commitment-section.contact-sec-maap {
	height: auto;
}


.our-commitment-section.contact-sec-maap .our-commitment-section-left {
	/*height: 650px;*/
}


.our-commitment-section.contact-sec-maap .cumn-butn-body.red-butn {
	background: #FD7400;
	color: #fff;
	margin: 20px 0px;

}

.frm-section-inner form {
	padding: 0px;
	margin: 20px 0px 0px;
}

.frm-section-inner .form-control::placeholder {
	color: #212222;
	opacity: 1;
}


.frm-section-inner .form-row .form-control {
	background: transparent;
	border-radius: 0px;
	opacity: 1;
	padding: 12px 10px;

	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0%;
	color: #212222;
	margin: 0px 0px 15px 0px;
	border-bottom: 1px solid #313131;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}


textarea.form-control {
	min-height: calc(2.5em + (5.75rem + 2px));
}


.frm-section-inner .cumn-butn-body.red-butn {
	margin: 0px auto;
	clear: both;
	float: none;
	text-align: center;
	border: none;

}

.our-commitment-section.contact-sec-maap .our-commitment-section-right {
	width: 100%;
	height: 650px;
	overflow: hidden;
}

.google-maap {
	width: 100%;
	height: 650px;
}

.google-map iframe {
	width: 100%;
}

/*================================================
contacy page CSS
=================================================*/


.header-section.for-desk {
	display: block;
}
.header-section.for-mob {
	display: none;
}

/* Ezi2Build Modern Gallery Styles */
.ezi-gallery {
  max-width: 1200px;
  margin: 3rem auto;
  padding: 0 1rem;
  font-family: 'Open Sans', sans-serif; /* Matches site's sans-serif font; adjust if needed */
  background-color: #f8f9fa; /* Light gray background like site sections */
  border-radius: 12px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.1); /* Subtle blue-tinted shadow */
}

.gallery-title {
  text-align: center;
   color: #000; /* Primary blue from site */
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
}

.gallery-subtitle {
  text-align: center;
  color: #6c757d; /* Gray text like site body */
  font-size: 1.1rem;
  margin-bottom: 2rem;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem; /* Matches site's card spacing */
  margin-top: 1rem;
}

.gallery-item {
  position: relative;
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Clean shadow like service cards */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-item:hover {
  transform: translateY(-5px); /* Subtle lift on hover (no overlay) */
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.15); /* Blue glow on hover */
}

.gallery-item a {
  display: block; /* Ensures full clickable area */
  text-decoration: none;
}

.gallery-item img {
  width: 100%;
  height: 200px; /* Fixed height for uniformity; adjust for aspect ratios */
  object-fit: cover; /* Crops images nicely, like site hero images */
  display: block;
  cursor: pointer; /* Indicates clickability */
}

.gallery-item img:hover {
  opacity: 0.9; /* Subtle dim on hover for feedback */
}

.gallery-caption {
  padding: 1rem;
  background: white;
}

.gallery-caption h3 {
  margin: 0 0 0.5rem;
  color: #007BFF;
  font-size: 1.3rem;
  font-weight: 500;
}

.gallery-caption p {
  margin: 0;
  color: #6c757d;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* Fancybox Lightbox Customization (Matches Ezi2Build Theme) */
.fancybox__container {
  --fancybox-accent: #007BFF; /* Blue accents for buttons/arrows */
  --fancybox-bg: rgba(0, 0, 0, 0.9); /* Dark overlay */
}

.fancybox__content {
  background: white;
  border-radius: 12px; /* Rounded like site elements */
}

.fancybox__caption {
  color: #6c757d;
  font-family: 'Open Sans', sans-serif;
  padding: 1rem;
  background: rgba(248, 249, 250, 0.95); /* Light background for readability */
}

/* Responsive Design (matches site's mobile layout) */
@media (max-width: 768px) {
  .ezi-gallery {
    padding: 1rem;
    margin: 2rem 0;
  }
  
  .gallery-title {
    font-size: 2rem;
  }
  
  .gallery-grid {
    grid-template-columns: 1fr; /* Single column on mobile */
    gap: 1rem;
  }
  
  .gallery-item img {
    height: 180px;
  }
}

@media (max-width: 480px) {
  .gallery-grid {
    gap: 0.75rem;
  }
}