*{
	margin:0;
	padding:0;
}
body{
	font-family: 'Poppins', sans-serif;
	color:#222;
}
a{
	text-decoration: none;
}
li{
	list-style-type: none;
}
header{
	width:100%;
	height:auto;
	background-color: #fff;
}
.logo-area{
	display: flex;
    align-items: center;
    max-width: 1250px;
    margin: 0 auto;
}
.top-bar{
	margin-left: auto;
	margin-right: 10px;
}
.top-bar a {
	color:#222;
	font-weight: 700;
}
.top-bar i.fa.fa-phone {
    font-size: 20px;
}
.menu {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.menu li {
	padding:10px 20px 10px 20px;
}
.menu li a {
	color:#000;
	font-size: 14px;
	font-weight: 500;
	padding:5px;
	font-weight: 600;
	transition: 0.5s;
}
.mobile-menu {text-align: center;}
.mobile-menu li {padding: 10px;}
.mobile-menu li a {
	color:#000;
	font-size: 18px;
	font-weight: 500;
	padding:10px;
	font-weight: 600;
	transition: 0.5s;
}
.logo a:hover{border:none !important;background-color:transparent !important;}
.menu .item a:hover {
	color:#fff;
	background-color: #009242;
	transition: 0.5s;
}
.toggle {
	display: none;
}
i.fa.fa-bars {
    font-size: 26px;
}
.mobile-menu{display: none;}
@media only screen and (max-width: 768px) {
 .toggle{display: flex;}
 .item{display: none;}
}
.open{display: block;}
.close{display: none;}
.banner{
	width:100%;
	height:auto;
	background-image: url("img/banner2.jpg");
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.containerow {
	width: 100%;
    background: rgba(0,0,0,0.2);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner .text-area {
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.2);
}
.theme_color{
	background: #fff;
    color: #63B032;
    position: relative;
    top: 78px;
    left: -50px;
    font-size: 70px;
}
.about-title {
	background: #fff;
    color: #63B032;
	font-size:20px;
	position: initial;
	width: fit-content;
	padding: 5px;
}
.text-area h2 {
	color:#fff;
}
.text-area p {
	width: 100%;
    text-align: justify;
    color: #fff;
}
.title {
	font-size: 72px;
    padding: 50px;
    position: relative;
    text-align: center;
    color: #fff;
}
@media only screen and (max-width: 768px) {
 .theme_color{font-size: 40px;top:0px;left:0px;width: fit-content;margin: 0 auto;padding-left: 5px;padding-right: 5px;}
 .title{font-size:40px;padding: 10px;}
}
@media only screen and (max-width: 600px) {
  .banner , .about-area , footer .container {flex-direction: column;}
  .about-area img {width: 240px !important;}
  .text-area p {width:100%;}
  .containerow{display: block;}
  .banner {height: auto;}
  footer h3 {text-align: center;}
  .img-box {margin-bottom: 30px;}
}
.abouticon{
	max-width: 1600px;
    margin: 0 auto;
    display: flex;
}
.about-area{
	width: 100%;
    justify-content: space-around;
    align-items: center;
    display: flex;
    max-width: 1600px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
}
.about-area img {
	width:280px;
}
.img-box .container {
	text-align: center;
}
.text-area .container {
	padding: 50px;
    width: 75%;
    margin: 0 auto;
}
.product-title  {
	text-align: center;
	color:#222;
}
.product-description {
	width: 75%;
    margin: 0 auto;
    text-align: justify;
}
footer {
	width:100%;
	height:100%;
	background-image: linear-gradient(to bottom, rgba(0,144,60, 0), rgba(0,144,60, 0.8) 2%);
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
	display: flex;
	justify-content: center;
}
footer .container{
	max-width: 1600px;
	display: flex;
	width: 100%;
	justify-content: space-around;
}
footer .data-area{
	text-align: left;
}
footer h3 {
	font-size: 40px;
	font-weight: bold;
	color:#fff;
}
footer a {
	color:#fff;
	font-size: 18px;

}
footer .fa {
	margin-right: 5px;
	font-size: 22px;
}
footer .fa:before {
	color:#FFF;
}
.footer_details {
	padding:20px;
	line-height: 30px;
}
@media only screen and (max-width:1024px) {
 footer iframe {width:auto;}
}