body{ margin:0; padding:0; overflow-x:hidden; }
a:hover { text-decoration:none; }
:root {
	--primary: #046E44;
	--primary-rgb: 4, 110, 68;
	--secondary: #FFFF00;
	--secondary-rgb: 255,255,0;
	--red:#ED3237;
	--btn-hover:#FFFF00;
	--btn-text-color:#FFF;
	--btn-text-hover-color:#000;
	--dark: #000000;
	--dark-rgb: 0,0,0;
	--yellow-light: #FFFBD6;
	--bg-white:#fff;
	--border-color: #999;
	--border-color-green: var(--primary);
	--body-text: #000;
	--text-dark: #000;
	--text-white: #FFF;
	--primary-font: "Playfair Display", serif;
	--secondary-font: 'Proxima Nova';
	--box-shadow:0px 0px 4px 0px #00000040;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.btn-green {
	min-width: 176px;
	min-height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 5px 20px;
	border-radius: 6px;
	font-family: var(--secondary-font);
	font-size: 20px;
	font-weight: 600;
	line-height: 24.36px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color:var(--text-white);
	background-color: var(--primary);
}
.btn-green img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.btn-green:hover { background-color: var(--secondary); color: var(--btn-text-hover-color); text-decoration: none; }
.btn-green:hover img { filter:invert(100%); }

/* header css start */
/* header section start */
.h-home-wapper { 
	position: sticky; 
	height: 150px; 
	z-index: 1000;
	top:0; 
	background-color: var(--secondary);  
	box-shadow: 0px 8px 16px rgba(54, 52, 53, 0.16); 
	display:flex; 
	align-items:center;
	width: 100%;
	justify-content: center;
	overflow-x: clip;
	overflow-y: visible;
}
.h-header-main { width:100%; margin:auto; position:relative; }
.h-header-nav { display: grid; grid-template-columns: 150px auto; align-items: center; }
.h-header-logo { max-width: 124px; width: 100%; height: 142px; position: relative;  margin-top: 50px; z-index:1;}
.h-header-logo a img { width: 100%; height:100%; object-fit: contain; }
.header-right-wapper { position: relative; }
.h-main-menu { position:relative; }
.header-top:before {
	content: '';
	width: 6000px;
	height: 100%;
	position: absolute;
	left: -100%;
	top: 0;
	z-index: -1;
	background-color: var(--primary);
}
.header-top {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	padding: 12px 0;
	position: relative;
	height: 50px;
}
.header-top ul {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 14px;
	margin-left: 30px;
	position: relative;
}
.header-top ul.contect-number li { display: flex; align-items: center; }
.header-top ul.contect-number li span { margin-right: 8px; font-size: 16px; line-height: 20px; color: #FFFFFF; }
.header-top ul.contect-number li a, .header-top ul.contect-number li {
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: normal;
	color: var(--text-white);
}
.header-right-inner { display: flex; align-items: center; justify-content: space-between; }
.header-right-inner p {
	margin: 0;
	font-family: var(--secondary-font);
	font-size: 36px;
	font-weight: 700;
	line-height: 43.85px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
	color: var(--body-text);
	text-transform: uppercase;
}
.header-right-inner p span { color: var(--red); }
.header-right-inner img {
    /*width: 446px;*/
    height: 35px;
}
.header-top ul.social-icon li a { font-size: 18px; line-height: 26px; color: #FFFFFF; }
.h-header-main .container-fluid { padding: 0; }
#h-home.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	z-index: 1000;
}
#h-home.fixed .h-header-logo { width: 200px; }
.h-toggle-btn { display: none; }
.h-main-menu .menu-desk>ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 22px;
	padding: 0;
	margin: 0;
}
.h-main-menu ul>li { list-style-type: none; display: inline-block; }
.h-main-menu ul>li>a {
	display: block;
	transition: 0.5s all;
	padding: 39px 10px;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: normal;
	color:var(--body-text) ;
}
.h-main-menu ul li .dropdown-menu {
	z-index: 1050;
	width: 100%;
	position: absolute;
	top: 99%;
	min-width: 30rem;
	left: -270px;
	padding: 20px 10px !important;
	border-radius: 0;
	margin-top: 0;
	border-top: 2px solid var(--red);
}
.sub-menu-arrow {
	position: absolute;
	right: -10px;
	top: 44%;
	color:var(--body-text) ;
	font-size: 16px;
	transition: all 0.2s ease-in-out;
}
.h-mega-dropdown-menu li { padding: 5px 10px 5px 10px !important; }
.h-mega-dropdown-menu li a { padding:0 !important; }
.h-mega-dropdown-menu li p {
	display: block;
	transition: 0.5s all;
	font-family: var(--secondary-font);
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: normal;
	color:var(--body-text) ;
	margin-bottom: 10px;
	text-align: center;
}
.h-mega-dropdown-menu { align-items:center; flex-direction:row; }
.h-main-menu ul li.dropdown:hover .dropdown-menu{ display:flex; } 
.h-main-menu ul li.dropdown:hover .sub-menu-arrow { transform:rotate(180deg); }
.h-mega-dropdown-menu img {
	width: 100%;
	height: auto;
	object-fit: contain;
	border-radius: 6px;
}
.menu-mobile { display: none; }
.sidebar-menu-logo-main { display:none; }
/* header css end */

/* footer css start */
.footer-wapper { padding-top:100px; }
.footer-main-wapper {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	padding: 100px 0 42px;
}
.footer-main-wapper:before {
	content: '';
	background-image: url(../img/footer-wave-shape.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width:100%;
	height:76px;
	top: 0;
	left: 0;
}
.footer-logo { max-width:212px; width:100%; height:auto; }
.footer-logo img { width:85%; height:auto; object-fit:contain; }
.footer-menu h4 {
	font-family: var(--primary-font);
	font-size: 20px;
	font-weight: 700;
	line-height: 26.66px;
	text-align: center;
	color: color: var(--text-dark);
	margin-bottom: 27px;
} 
.footer-menu ul { margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.footer-menu ul li { list-style-type:none; }
.footer-menu ul li a {
	font-family: var(--secondary-font);
	font-size: 18px;
	font-weight: 600;
	line-height: 21.92px;
	text-align: center;
	color:var(--body-text);
	display: block;
}
.subscribe-wapper h3 {
	font-family: var(--primary-font);
	font-size: 20px;
	font-weight: 700;
	line-height: 26.66px;
	color: color: var(--text-dark);
	margin-bottom: 27px;
} 
.subscribe-form-card { margin-bottom:27px; }
.subscribe-form-card form .form-control {
	box-shadow: 0px 0px 4px 0px #00000040;
	border-radius: 6px;
	width: 100%;
	border: 0;
	height: 50px;
	display: flex;
	align-items: center;
	background-color: #fff;
	font-family: var(--secondary-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 19.49px;
	color: var(--text-dark);
	margin-bottom: 18px;
}
.subscribe-form-card a.btn-green { margin-top:18px; }
.subscribe-wapper ul { display:flex; align-items:center; gap:20px; margin:0; padding:0; flex-flow:row wrap; }
.subscribe-wapper ul li { list-style-type:none; }
.subscribe-wapper ul li a { color:var(--primary); font-size: 36px; }
.footer-bottom { background-color:var(--primary); padding:25px 0; }
.footer-bottom p {
	color: var(--text-white);
	font-family: var(--secondary-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 19.49px;
	text-align: center;
	margin: 0;
}
/* footer css end */

@media(max-width: 1199px) {
	/* header section start */
	.h-toggle-btn { display: block; }
	.h-header-menu .h-toggle-btn {
		width: 20px;
		position: relative;
		-webkit-transition: .5s ease-in;
		-o-transition: .5s ease-in;
		transition: .5s ease-in;
		cursor: pointer;
		display: inline-block;
	}
	.h-header-menu .line-card {
		width: 100%;
		height: 3px;
		background: var(--primary);
		margin: 4px auto;
		transition: all 0.3s;
		backface-visibility: hidden;
	}
	#h-toggle-btn.open .one { transform: rotate(45deg) translate(2px, 5px); }
	#h-toggle-btn.open .two { opacity: 0; }
	#h-toggle-btn.open .three { transform: rotate(-45deg) translate(5px, -8px); }
	#h-sidebar-wrapper {
		z-index: 1000;
		position: fixed;
		right: 0;
		width: 0;
		height: 100vh;
		width: 375px;
		overflow-y: scroll;
		margin-left: 0;
		background-color: var(--secondary);
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: 0.5s ease-out;
		-o-transition: 0.5s ease-out;
		transition: 0.5s ease-out;
		top: 0;
	}
	#h-sidebar-wrapper.h-menu-active { 
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
		-webkit-transition: 0.5s ease;
		-o-transition: 0.5s ease;
		transition: 0.5s ease; 
	}
	.h-header-menu { padding: 0 0; margin: 0 0 0 auto; display: flex; justify-content: end; }
	.h-main-menu .menu-desk>ul { flex-direction:column;gap:0; }
	#h-sidebar-wrapper ul>li { list-style-type: none; display: block; width:100%; }
	#h-sidebar-wrapper ul>li>a {
		color: var(--body-text);
		padding: 15px 20px;
		border-bottom: 1px solid #D1D0D0;
		display: block;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.m-overlay-bg {
		left: 100%;
		top: 0;
		position: fixed;
		height: 100%;
		opacity: 0;
		width: 100%;
		visibility: hidden;
		-webkit-transition: all .4s ease-in .8s;
		-o-transition: all .4s ease-in .8s;
		transition: all .4s ease-in .8s;
		background: rgba(86, 86, 86, 0.4);
		z-index: 1000;
	}
	.m-overlay-bg.h-bg-active {
		opacity: .9;
		visibility: visible;
		-webkit-transition: all .8s ease-out 0s;
		-o-transition: all .8s ease-out 0s;
		transition: all .8s ease-out 0s;
		left: 0;
	}
	.open-nav { overflow: hidden; }
	.header-right-wapper { max-width:770px; }
	.header-right-inner { height:100px; }
	.header-top ul { gap: 10px; }
	.header-top ul.contect-number li a { font-size: 14px; line-height: 18px; }
	.header-top ul.contect-number li p { font-size: 14px; line-height: 18px; }
	.header-top ul.contect-number li a { font-size: 16px;  }
	.h-home-wapper { position: relative; z-index:unset; }
	.sub-menu-arrow { right: 20px; top: 17px; }
	.h-main-menu ul li .dropdown-menu { 
		min-width:100%; 
		background-color:unset; 
		border:0; 
		box-shadow:unset; 
		padding: 0 !important;
		left: 0; 
		position: relative;
		border-top: 0;
	}
	.h-main-menu ul li.dropdown  .dropdown-menu li { max-width:100%; padding:0 !important; }
	.h-main-menu ul li .dropdown-menu li a { display:block; width:100%; padding: 15px 20px !important; }
	.h-main-menu ul li .dropdown-menu li a p { text-transform:capitalize; margin:0; }
	.h-main-menu ul li.dropdown:hover .dropdown-menu { display:block; }
	.h-mega-dropdown-menu img { display:none; }
	.header-top:before { z-index:0; }
	.sidebar-menu-logo-main { 
		display:flex; 
		flex-direction:row; 
		gap:10px; 
		justify-content:space-between; 
		align-items: center;
		padding:16px 10px; 
		border-bottom: 1px solid var(--border-color-green); 
	}
	.sidebar-menu-logo p {
		margin: 0;
		font-family: var(--secondary-font);
		font-size: 20px;
		font-weight: 700;
		line-height: normal;
		text-align: left;
		color: var(--body-text);
		text-transform: uppercase;
		display: block !important;
	}
	.sidebar-menu-logo p span { color: var(--red); }
	.menu-close-icon i { font-size:30px; color:var(--body-text); }
	.header-right-inner img {  }
	/* header section end */
}
@media(max-width: 991px) {
	/* header section start */
	.header-right-inner { padding-left: 0; }
	.header-right-inner p { display:none; }
	/*.header-right-inner img { display:none;}*/
	.header-right-inner img {
    width: 221px;
    object-fit: contain;
    /*margin-left: -40px;*/
}
	/* header section end */
}
@media(max-width: 767px) {
	/* header section start */
	.h-home-wapper { height:100px; }
	.header-top,.h-header-nav:before { display: none; }
	.header-right-inner p { display:none; }
	.header-right-wapper::before { width: 0; height: 0; position: static; display: none; }
	.h-header-logo { width: 100%; max-width: 80px; height: auto; margin-top: 0; }
	.header-right-wapper { width: auto; }
	 .h-header-nav { grid-template-columns: 95px auto;}
	
	#h-sidebar-wrapper { top: 0; }
	/* header section end */

	/* footer css start */
	.footer-logo { margin:auto; }
	.subscribe-wapper h3 { text-align:center; }
	.subscribe-wapper ul { justify-content:center; }
	/* footer css end */
}

@media(min-width:1300px){
	.container { max-width:1240px; width:100%; }
}