.titles{ text-align:center; padding:20px 0px;position: relative;}
.titles h2{ font-family:var(--ff1); font-size:var(--t1); color:var(--text-dark1-color); line-height:40px; margin-bottom:10px;font-weight: bold;}
.titles h3{ font-family:var(--ff2); font-size:var(--t2); color:var(--text-dark1-color); line-height:40px; margin-bottom:10px;font-weight: 300;text-transform: uppercase;}
.titles h5{font-size:var(--p3-size); line-height:38px;margin-bottom:25px;color:var(--text-dark1-color);font-weight: 500;}
.titles:before {
/*    content: "";
    position: absolute;
    left: 47%;
    bottom: 25px;
    width: 60px;
    height: 2px;
    background: #e70012;*/
}

.titles1{ text-align:center; padding:20px 0px;position: relative;}
.titles1 h3{ font-family:HelveticaNeueCE; font-size:34px; color:#212121; line-height:38px; margin-bottom:10px; }
.titles1 h5{font-size:20px;margin-bottom:25px;color:#212121;font-weight: 300;}
.titles1 .line{ background:#b1b1b1; height:1px; width:160px; margin:0 auto; position:relative}
.titles1 .line:after{ display: block; height:5px; width:42px; background:#369ad6; position:absolute; left:50%; margin-left:-21px; top:-2px;
    content: " ";}
.titles1:before {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 45px;
    left: 33%;
}
.titles1:after {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 45px;
    right: 33%;
}


.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: var(--color1);
    color: #FFFFFF;
    padding: 15px 50px 15px 56px;
    z-index: 2;
    position: relative;
    display: block;
}
.btn1 a:after{content: "\e659";font-family: "iconfont" !important;text-align: center; }
.btn1 a::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.btn1 a:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}
.btn1 a:before {background-color: var(--color2);}


.container {
    max-width: 1230px;
}

/*============================================
com-section
===========================================*/
.com-section{background: #fff;padding: 3rem 0 2rem 0;}
.com-section .wrap{display:flex; background:#FFF; justify-content: space-between; padding:0px 5% 2% 5%;flex-direction: column;}
.com-section .com-cont{display:flex; flex-direction: column; flex: 1; align-items: flex-start;}
.com-section h2{color:#00a950; font-size:32px;text-transform: capitalize;font-weight: bold;text-align: center; margin-bottom:20px;}
.com-cont .desc{font-size:var(--p2-size); font-weight: 500;color:var(--text-dark-color); line-height: 1.5; font-family: var(--ff3);text-align: center;}

.com-cont .more{margin:auto;margin-top:50px; display:flex; justify-content: center;}
.com-cont .more a{padding:10px 50px; background:#00a950; color:#FFFFFF; border-radius: 50px; font-family: var(--ff3);margin: auto 5px; border:2px solid #00a950; transition: 0.5s;font-size:var(--p2-size);}
.com-cont .more a:before{border-radius: 50px;}
.com-cont .more a:hover{background-color:transparent; border:2px solid #00a950; color:#00a950;}
.com-section .com-img{max-width:800px;}
.com-img img{max-width:100%;}

.com-num.wrap{padding:0px 5%;}


.counter-items{width:100%; overflow: hidden;
    display: flex;
    justify-content: space-between;
	height: auto;
    /*box-shadow: 0px 4px 51px 0px rgb(7 0 2 / 18%);*/
	align-items: center;z-index: 10;
	/*border-top:1px solid #eee;margin-top: 50px; padding-top:50px;*/
	padding-bottom:50px;
}
.counter-items .counter-item{padding:20px 0px;position: relative;width: 20%;}
.counter-item .inner-box{width:100%; /*position: relative;*/ height: auto;}
.counter-item .inner-box .desc-box{ width: 100%; padding-top: 0px;color:#fff;text-align: center;/*border-right: 1px solid rgb(0 0 0 / 10%);*/}
.counter-item:nth-last-child(1) .inner-box .desc-box{border-right:0px;}
.counter-item .inner-box .desc-box .counted{position: relative;text-align: center;display: flex; justify-content: center; align-items: flex-end;}
.counter-item .inner-box .desc-box span{font-size: 50px;color: var(--text-dark1-color);font-weight: 500;line-height: 3rem;letter-spacing: -5px;font-family: var(--ff3);}
.counter-item .inner-box .desc-box em{color:var(--text-middle-color);border-radius: 50px;line-height: 35px;font-size: 16px;
display:flex; align-items: center;justify-content: center;padding-bottom: 5px;    margin-left: 5px;}
.counter-item .inner-box .desc-box .desc-box-text{font-size:16px;color: var(--text-dark1-color);text-align: center; font-weight: 500; margin-top: 10px;font-family: var(--ff3);font-style:italic;}

.counter-item:hover{background:var(--color1); transition: 0.5s; cursor: pointer;border-radius: 20px;}
.counter-item:hover .inner-box .desc-box em{color: #ffffff;}
.counter-item:hover .inner-box .desc-box span{color:#FFF;}
.counter-item:hover .inner-box .desc-box .counted{color:#FFF;}
.counter-item:hover .inner-box .desc-box .desc-box-text{color:#FFF;}


@media screen and (max-width: 1023px)
{
	.com-section h2{margin:auto;padding: 2rem;}
}
@media screen and (max-width: 768px)
{
	
}
@media screen and (max-width: 767px)
{
	.com-cont .more a{padding: 10px 40px; margin-bottom:50px;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
	.com-cont .more a{padding: 10px 30px;}
}
@media screen and (max-width: 375px)
{
	.com-cont .more a{padding: 10px 30px;}
}
@media screen and (max-width: 320px)
{
	
}

/*============================================
ad-section
===========================================*/
.ad-section{padding:0px 0px; overflow: hidden; background-attachment:fixed !important;margin: auto; margin-top:0px; position:relative; margin-top:0px; height:180px;background-repeat:no-repeat !important; background-position: center center !important;background-size: cover;}
/*.ad-section:before{background-color:rgb(34 34 34 / 10%); content: ""; position: absolute;top: 0;left: 0;right: 0;bottom: 0; z-index: -1;}*/
.ad-section .wrap{display: flex; justify-content: space-between;height: 100%;overflow: hidden;align-items: center; padding:0px 5%;}
.ad-section h3{font-size:28px; font-weight: bold; max-width:400px; line-height: 40px;color: #fff;text-transform: capitalize;}
.ad-cont{margin:auto;max-width: 700px; padding-right:50px;}
.ad-cont h4{    padding: 0px;display: block;line-height: 45px; font-size:40px;color: #ffffff;font-weight: bold;}
.ad-cont h4 b{font-weight:bold;font-size:40px; padding: 0px 5px; color:#ed1960; font-weight: bold; text-shadow: 2px 0 2px white, -2px 0 2px white, 0 2px 2px white, 0 -2px 2px white;}
.ad-cont p{font-size:16px; color:#FFFFFF; margin-top:20px;}
 
@media screen and (max-width: 1023px)
{
	
}
@media screen and (max-width: 768px)
{
	
}
@media screen and (max-width: 767px)
{
	.ad-section h3{font-size: 1.8rem;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
	
}
@media screen and (max-width: 375px)
{
	
}
@media screen and (max-width: 320px)
{
	
}


/*============================================
prod-section
===========================================*/
.prod-section{ padding:100px 0px 40px 0px;}
.prod-section h2{color: #00a950;
    font-size: 32px;
    text-transform: capitalize;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;}
.prod-cont.owl-theme .owl-dots{margin-top: 60px;}
.prod-cont .owl-carousel .owl-dots .owl-dot.active span,.prod-cont .owl-carousel .owl-dots .owl-dot:hover span{border-color: #e5277c;opacity: 0.8;background: #e5277c;width: 40px;border-radius: 10px;}
.prod-cont{padding:50px 0px;max-width: 1200px;margin: auto;}
.prod-cont ul{display:flex;flex-wrap: wrap; justify-content: space-between;}
.prod-cont ul li{width:calc((100% / 3) - 4rem); max-width:500px; display: flex;margin-bottom: 2rem;}
.prod-cont ul li figure{width:100%;transition: 0.5s; overflow: hidden;display: flex; flex-direction: column;justify-content: center;align-items: center;}
.prod-cont ul li figure img{max-width:100%;transition: 0.5s;overflow: hidden;}
.prod-cont ul li:hover img{transform: scale(1.05);}
.prod-cont ul li figcaption {
	/*padding: 15px;*/
    display: flex;
	flex-direction: column;
    overflow: hidden;
    justify-content: center;
    align-items: center;
	transition: 0.5s;
	margin-top:auto;
	/*border-top:1px solid rgb(1 173 78 / 10%);*/ 
	width: 100%;
}
.prod-cont ul li figcaption h5{ color:#00a950;font-size:30px;font-weight: bold;width: 100%;}
.prod-cont ul li figcaption p{ color:#000;font-size:20px; line-height: 2; text-align: center; margin: 10px auto; max-width:80%;margin-bottom:34px;}
.prod-cont .more {
    padding: 10px 50px;
    background: #00a950;
    color: #FFFFFF;
    border-radius: 50px;
    font-family: var(--ff3);
    margin: auto;
    border: 2px solid #00a950;
    transition: 0.5s;
	min-width: 200px;
    text-align: center;
	display: flex;justify-content: center;
	
}
.prod-cont .more:before{border-radius: 50px;}
.prod-cont .more{font-size:var(--p2-size);}
.prod-cont ul li:hover .more{background-color:transparent; border:2px solid #00a950; color:#00a950;}

@media only screen and (min-width: 1024px) and (max-width: 1199px) 
{
	.prod-section{padding-bottom:0px;}
}


@media screen and (max-width: 1023px)
{
	.prod-section{padding-bottom:0px;}
}
@media screen and (max-width: 768px)
{
	
}
@media screen and (max-width: 767px)
{
	.prod-cont ul{flex-direction: column;}
	.prod-cont ul li:nth-child(1){border-bottom: 1px solid rgb(0 169 80 / 10%);padding-bottom: 2rem;margin-bottom: 2rem;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
	
}
@media screen and (max-width: 375px)
{
	
}
@media screen and (max-width: 320px)
{
	
}

/*============================================
prod-section
===========================================*/



@media screen and (max-width: 1023px)
{
	.footer{padding: 0px 0px 0px 0px;overflow: hidden;width:100%;margin-bottom: 58px !important;}
}
@media screen and (max-width: 768px)
{
	
}
@media screen and (max-width: 767px){}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{

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