@font-face{
	font-family: Merienda;
    src: url("../font/Merienda-VariableFont_wght.ttf");
}
@font-face{
	font-family: roboto;
    src: url("../font/Roboto-Regular.ttf");
}


html{
	scroll-behavior: smooth;
}

body{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: Merienda;
}
p{
	color: #616161;
	font-size: 16px;
	font-family: roboto;
}
ul{
	list-style-type: none;
	padding-left: 0px;
}
li{
	list-style-type: none;
	padding-left: 0px;
}

h1{
	font-family: Merienda;
}

h2{
	
	font-family: Merienda;
}
h4{
	font-family: Merienda;
}
span{
font-family: Merienda;
}
a{
	font-family: Merienda;
}
a:hover{
	text-decoration: none;
}

/*top header*/
.top_header_area{
	width: 100%;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #f7f7f7;
}
.header_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header_flex .navbar-brand img{
	max-width: 150px;
}

.top_header_area .header_btn {
	display: flex;
	justify-content: flex-end;
	column-gap: 15px;
	align-items: center;
}
.btn-outline-theme{
	border-radius: 0px;
	border:2px solid #2B2A28;
	font-size: 16px;
	color: #000000;
	padding: 10px 20px 10px 20px;
	outline: none;
	font-weight: 700;
	background-color: transparent;
}
.btn-outline-theme:hover{
	color: #fff;
	background-color: #2B2A28;
}
.btn-solid-yellow{
	border-radius: 0px;
	border:2px solid #79A33D;
	font-size: 16px;
	color: #ffffff;
	padding: 10px 20px 10px 20px;
	outline: none;
	font-weight: 700;
	background: #79A33D;
}
.btn-solid-yellow:hover{
	background-color: #597D25;
	color: #fff;
	border:2px solid #597D25;
}
.fixed_nav{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #F7F7F7;
    margin: 0;
    box-shadow: 0 8px 30px 0 #00222612;
}

/*top header end*/

/*banner start*/

.banner_area{
	width: 100%;
	position: relative;
	background: #181F2E;
    padding-top: 80px;
}
.banner_title h1{
	font-size: 70px;
	color: #fff;
	line-height: 80px;
	text-transform: uppercase;
}
.banner_area .banne_flex_img {
	display: flex;
	justify-content: flex-end;
	column-gap: 25px;
}
.banner_area .banne_flex_img img{
width: 100%;
}
.bottom_shape_area{
	position: relative;
	margin-top: -5px;
}
.bottom_shape_area img{
	width: 100%;
}

/*about*/
.section-padding{
	padding-top: 60px;
	padding-bottom: 60px;
}
.section-title_about h2{
	font-size: 45px;
}
.section-title h2{
	font-size: 45px;
	margin-bottom: 30px;
}
.features_flex ul{
	display: flex;
	justify-content: flex-start;
	column-gap: 35px;
	flex-wrap: wrap;
}
.features_flex ul li{
  color: #000000;	
  position: relative;
  padding-left: 1.3em;  
  margin: 8px 0px 8px 0px;
  font-size: 18px;
}
.features_flex ul :before{
	content: ' \2713'; 
  position: absolute;
  left: 0;  
  width: 1em;
  height: 1em;
  font-weight: bold;
  color: #79A33D;
  top: 2px;
}
.about_img img{
	width: 100%;
}

/*why we best*/
.shape-top-img img{
	width: 100%;
}
.webest_area{
	background: #f5ffe3;
}
.best_tiles{
	background-color: #fff;
	padding: 25px;
	margin-top: 30px;
	height: 270px;
}
.webest_area .tiles_title{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 20px;
	font-size: 26px;
}
.webest_area .tiles_title img{
	max-width: 60px;
}
.webest_area .tiles_title a{
	color: #000000;
	text-decoration: none;
	font-size: 24px;
}
.webest_area .we_tiles_content{
	margin-top: 20px;
}
.webest_area .we_tiles_content p{
	font-size: 14px;
	line-height: 25px;
}
.shape-bottom-img{
	position: relative;
	z-index: 1;
}

.shape-bottom-img img{
	width: 100%;
}

/*widget*/
.widgest_tiles{
background: #EFEFEF;
padding: 40px;
}
.widgest_tiles span{
	 color: #79A33D;
}
.widgest_box{
	border:1px solid #A5A5A5;
	padding: 0px 10px 10px 10px;
}
.widgest_box iframe{
	height: 580px;
}

/*menu area*/
.menu-area{
	background-color: #181F2E;
	position: relative;
	z-index: 10;
}
.btn-area{
	position: relative;
	z-index: 100;
}
.menu_tiles{
	margin-top: 30px;
	text-align: center;
	font-size: 26px;
	color: #79A33D;
}
.menu_tiles img{
	width: 100%;
	margin-bottom: 15px;
	margin-top: 10px;
}
.menu_tiles a{
	color: #daaa8b;
	font-size: 25px;
	text-decoration: none;
}
.mt-6{
	margin-top: 60px;
}
.btn-menu{
	border-radius: 0px;
	border:2px solid #FF9F0D;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 10px 30px 10px 30px;
	outline: none;
	text-align: center;
	background-color: #FF9F0D;
	font-family: Merienda;
	text-decoration: none;
}
.btn-menu:hover{
	color: #000;
	background-color: #fff;
	border:2px solid #fff;
}
.menu_tiles h2{
	color: #000;
	font-size: 24px;
	margin-top: 20px;
}

/*map area*/
.map_bg{
	width: 100%;
	position: relative;	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	margin-top: -50px;
}
.address_box{
	background-color: #fff;
	padding: 25px;
	margin-top: 100px;
	margin-bottom: 100px;
}
.address_box h4{
	color: #101010;
	/*font-family: Mouser;*/
	text-transform: uppercase;
	font-size: 26px;
	font-weight: bold;
}
.flex_tiles_address{
	
	display: flex;
	justify-content: flex-start;
	column-gap: 15px;
	margin-bottom: -10px;
}
.flex_tiles_address i{
	margin-top: 7px;
}
.flex_tiles_address i,
.flex_tiles_address p{
	color: #737373;
	font-size: 18px;
}
.flex_tiles_address p{
	display: block;
	line-height: 28px;
}
.map_bg a{
text-decoration: none;
}

/*footer*/
.footer_area{
	background-color: #181F2E;
	height: 100px;
	display: flex;
	align-items: center;
}
.footer_area .top_header_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
/*	column-gap: 10px;*/
	flex-wrap: wrap;
	padding: 20px 0px;
}
.footer_area .footer_left_panel span{
	font-size: 14px;
	color: #848484;
	margin-top: 6px;
	font-weight:400;
}
.footer_left_panel{
    display: flex;
	justify-content: space-between;
	column-gap: 10px;
}
.footer_right_panel{
    display: flex;
	justify-content: flex-end;
	column-gap: 20px;
}
.footer_left_panel a{
	color: #fff;
}
.footer_left_panel.copyright_text{
display: inline-block;
}
.footer_left_panel.pipeline{
display: inline-block;
margin:0px 2px;
}
.footer_left_panel.designed_by_text{
display: inline-block;
}


/*popup*/
.modal iframe{
	width: 100%;
	height: 600px;
}