@charset "utf-8";
/*--
	Add your style here
--*/ 
.menu-wrap {
        right:0 !important;
	-webkit-transform: translate3d(320px,0,0);
	transform: translate3d(320px,0,0);
	visibility:hidden;
}

.show-menu .menu-wrap,
.show-menu .menu-inner ,
.show-menu .morph-shape  {
        -webkit-transform: translate3d(-30px,0,0);
        transform: translate3d(-30px,0,0);
}
.show-menu .menu-wrap {
	right:0;
	opacity:1;
	visibility:visible;
}

img{
width:100%;
}

.slide-container{
max-width:1040px;
margin: 100px auto;
}

.h4title{
font-size:30px;
font-weight:500;
text-align:center;
position:relative;
margin-bottom:60px;
}

.h4h4title:after{
content='';
width:100px;
height:4px;
background-color:#558159;
bottom:-20px;
left:0;
right:0;
margin: 0 auto;
}

.logo-slider .items{
background-color:#fff;
box-shadow: 0 4px 5px #cacaca;
border-radius:8px;
padding:15px;
border:1px solid #bcbcbc;
}

.logo-slider .slick-slide{
margin:15px;
}
.slick-dots li.slick-active button:before{
color:#ff5722;
}

.slick-dots li button:before{
font-size:12px;
}

.slick-next:before,
.slick-prev:before{
color:#ff8159;
font-size:24px;
}

.item:hover{
display:block;
transition: all ease 0.30s;
transform: scale(1:1) translateY(-5px);
}

.bold-title1 {
	float:left;
	width:100%;
	text-align:left;
	font-size: 22px;
	line-height:30px;
	text-align:left;
	font-weight:500;
	font-family: 'Montserrat', sans-serif;
	padding-bottom:15px;
}

.bold-sub-title1 {
	float:left;
	width:100%;
	text-align:left;
	font-size: 25px;
	line-height:40px;
	text-align:left;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	margin: -12px 0px 0px 0px;
	
}
.bold-sub-title2 {
	float:left;
	width:100%;
	text-align:left;
	font-size: 22px;
	line-height:40px;
	text-align:left;
	font-weight:500;
	font-family: 'Montserrat', sans-serif;
	padding:20px 0px 0px 0px;
}

.bold-sub-title3 {
	float:left;
	width:100%;
	text-align:left;
	font-size: 22px;
	line-height:40px;
	text-align:left;
	font-weight:500;
	font-family: 'Montserrat', sans-serif;
	padding:20px 0px 0px 0px;
}

.fl-wrap1 {
	float:left;
	width:100%;
	position:relative;
}

.pr-subtitle1 {
	font-size:13px;
	text-align:left;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	float:left;
	width:100%;
	text-transform:uppercase;
	padding-bottom:10px;
	padding-top:10px;
	line-height:2px;
 
}

.grid-item-holder1 {
	 float:left;
	 width:100%;
	 height:auto;
	 position:relative;
	 padding: 0px 5px 15px 0px;
}

.box-item1  img {
	position:relative;
	z-index:1;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	width:300px;
	height:228px;
}
.grid-item2 h3{
padding:120px 0px 0px 0px;
}
.hsize{
position: absolute; 
left: 0px; 
top: 360px !important;
}

.box-item1 {
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
	-webkit-transform: translate3d(0,0,0);
	margin-top:70px;
}

.box-item1  img {
	position:relative;
	z-index:1;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	width:280px;
	height:247px;
}


 .box{
 /* height:20rem;
  width:25rem;*/
  background:#fff;
  text-align: center;
  border-radius: 1rem;
   /* box-shadow: 0 .3rem .5rem rgba(0,0,0,.5);
	margin: 2rem;*/
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  cursor: pointer;
border:1px solid #eee;
}

 .box i{
  height:4rem;
  width:4rem;
  line-height: 4rem;
  text-align: center;
  border-radius: 50%;
  color:darkolivegreen;
  background:333;
  font-size: 2.2rem;
  margin:1rem 0;
  transition: .2s;
}

 .box h3{
  font-size: 1.2rem;
  color:#333
  transition: .2s;
}

 .box p{
  font-size: 1.3rem;
  padding:.8rem 2rem;
  color:#666;
  text-align:center;
}

 .box:hover i{
 background:#FF8C00;
 color:#fff;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
transition: .3s linear;
}

.box:hover{
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
transition: .3s linear;
}

.box:hover h3{
 /*background-color:#333;*/
 background:var(--pink);

}

.box::before{
  content: '';
  position: absolute;
  bottom:-25rem; left:50%;
  transform: translateX(-50%);
  border-top: 70vh solid #fff;
  width:120%;
  border-radius: 50%;
  z-index: -1;
}

.how{
padding-bottom:60px;
}

.vtop{
padding-top:60px;
}

.imgwh{
width:97px;
height:107px;
margin-left: 95px;
}

.imgwh1{
width:404px;
height:111px;
}

.imgwh2{
width:200px;
height:200px;
}

/*.hero-item1 {
	padding:20px 30px;
}
.hero-item1{
color:#F49D1A;
}
.hero-item1 h3 {
	float:left;
	width:100%;
	padding-bottom:20px;
	color: rgba(255,255,255,0.71);
	text-align:left;
	text-transform:uppercase;
	font-weight:700;
	font-family: 'Montserrat', sans-serif;
	font-size:13px;
	color:#F49D1A;
}

.hero-wrap1 h2  {
	float:left;
	max-width:750px;
	font-size:56px;
	font-family: 'Poppins', sans-serif;
	line-height:64px;
	letter-spacing:-2px;
	text-align:left;
	font-weight:bold;
	padding-bottom:20px;
	color:#F49D1A;
}

.hero-wrap1 p {
	color:#fff;
	font-size:15px;
	font-weight:800;
	letter-spacing: 1px;
	color:#F49D1A;
}
.hero-wrap1 h2  , .hero-wrap1 h2 a {
	color:hero-item;
}*/


/*.section-padding{
padding:60px 0;
}*/
/*.brand-carousel {
background: aliceblue;
margin-top: 15%;
}*/
.owl-dots {
text-align: center;
margin-top: 4%;
}
.owl-dot {
display: inline-block;
height: 15px !important;
width: 15px !important;
background-color: #878787 !important;
opacity: 0.8;
border-radius: 50%;
margin: 0 5px;
}
.owl-dot.active {
background-color: #000 !important;
}

@media only screen and  (max-width: 540px) {
.logo-slider .items{
background-color:#fff;
padding:15px;
box-shadow:none;
border-radius:none;
border:none;
}
.slick-slide img{
display:block;
width:450%;
}
.imgwh1{
display:none;
}
.h4title{
    margin-bottom: 6px;
}
}