.elementor-1347 .elementor-element.elementor-element-26842123{--display:flex;--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1347 .elementor-element.elementor-element-26842123.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1347 .elementor-element.elementor-element-867f2f1{--e-transform-rotateZ:-1deg;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;}.elementor-1347 .elementor-element.elementor-element-867f2f1.elementor-element{--align-self:flex-end;}@media(max-width:767px){.elementor-1347 .elementor-element.elementor-element-867f2f1.elementor-element{--align-self:center;}}@media(max-width:1366px) and (min-width:768px){.elementor-1347 .elementor-element.elementor-element-26842123{--width:880px;}}/* Start custom CSS for html, class: .elementor-element-867f2f1 */button {
	position: relative;
	padding: 13px 35px;
	background: #5F8804;
	font-size: 17px;
	font-weight: 900;
	color: #ffffff;
	border: none;
	border-radius: 8px;
	box-shadow: 2px 2px 5px #18181869, inset 2px 2px 10px #ffffffb0, 0 0 5px #0000007b;
	transition: all .3s ease-in-out;
	cursor: pointer;
}

.icon-1 {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0px;
	height: auto;
	transition: all .5s ease-in-out;
	z-index: -1;
}

.icon-2 {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0px;
	height: auto;
	transition: all .5s ease-in-out;
	z-index: -2;
}

.icon-3 {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0px;
	height: auto;
	transition: all .5s ease-in-out;
	z-index: -2;
}

.icon-4 {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0px;
	height: auto;
	transition: all .5s ease-in-out;
	z-index: -2;
}

.icon-5 {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0px;
	height: auto;
	transition: all .5s ease-in-out;
	z-index: -2;
}

button:hover {
	padding: 13px 25px;
	border-radius: 8px 8px 24px 24px;
}

button:hover .icon-1 {
	top: -250%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 50px;
	height: auto;
	animation: inIcon1 1s ease .45s forwards;
}

@keyframes inIcon1 {
	0% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(0deg);
	}

	25% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(5deg);
	}

	50% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(1deg);
	}

	65% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(3deg);
	}

	100% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(0deg);
	}
}

button:hover .icon-2 {
	position: absolute;
	top: -200%;
	left: 90%;
	transform: translate(-50%, 0);
	width: 75px;
	height: auto;
	animation: inIcon2 1s ease .45s forwards;
}

@keyframes inIcon2 {
	0% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(0deg);
	}

	35% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(10deg);
	}

	50% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(4deg);
	}

	80% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(5deg);
	}

	100% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(0deg);
	}
}

button:hover .icon-3 {
	position: absolute;
	top: -130%;
	left: 20%;
	transform: translate(-50%, 0);
	width: 60px;
	height: auto;
	animation: inIcon3 1s ease .45s forwards;
}

@keyframes inIcon3 {
	0% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(0deg);
	}

	35% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(-2deg);
	}

	100% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(0deg);
	}
}

button:hover .icon-4 {
	position: absolute;
	top: -300%;
	left: 10%;
	transform: translate(-50%, 0);
	width: 85px;
	height: auto;
	animation: inIcon4 1s ease .45s forwards;
}

@keyframes inIcon4 {
	0% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(0deg);
	}

	40% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(-3deg);
	}

	100% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(0deg);
	}
}

button:hover .icon-5 {
	position: absolute;
	top: -350%;
	left: 90%;
	transform: translate(-50%, 0);
	width: 85px;
	height: auto;
	animation: inIcon5 1s ease .45s forwards;
}

@keyframes inIcon5 {
	0% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(0deg);
	}

	35% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(-3deg);
	}

	100% {
		transform-origin: 0 100%;
		transform: translate(-50%, 0) rotate(0deg);
	}
}

.fil-leaf-1 {
	fill: #7B9B3A
}

.fil-leaf-2 {
	fill: #556729;
	fill-rule: nonzero
}

.fil-leaf-3 {
	fill: #556729
}

.fil-leaf-4 {
	fill: #3C4819
}

.fil-leaf-5 {
	fill: #3C4819
}

.vas-btn-tree
 button:hover, button:focus {
    background-color: #5F8804 !important;
}/* End custom CSS */