.elementor-2794 .elementor-element.elementor-element-5257fe7{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2794 .elementor-element.elementor-element-5257fe7:not(.elementor-motion-effects-element-type-background), .elementor-2794 .elementor-element.elementor-element-5257fe7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sea-quest.eu/wp-content/uploads/man-swimming.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2794 .elementor-element.elementor-element-a59c751{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--flex-wrap:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2794 .elementor-element.elementor-element-a59c751.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(10px) brightness(1);}.elementor-2794 .elementor-element.elementor-element-a59c751.eael_liquid_glass_border_distortion_yes{border-radius:10px 10px 10px 10px;}.elementor-2794 .elementor-element.elementor-element-3cf1616{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;--lottie-container-width:80px;--lottie-container-max-width:80px;}.elementor-2794 .elementor-element.elementor-element-44fa95a{text-align:center;}.elementor-2794 .elementor-element.elementor-element-44fa95a .elementor-heading-title{font-family:var( --e-global-typography-e4dc25c-font-family ), Sans-serif;font-size:var( --e-global-typography-e4dc25c-font-size );font-weight:var( --e-global-typography-e4dc25c-font-weight );line-height:var( --e-global-typography-e4dc25c-line-height );letter-spacing:var( --e-global-typography-e4dc25c-letter-spacing );text-shadow:0px 0px 20px #FFFFFF;color:var( --e-global-color-9a43482 );}.elementor-2794 .elementor-element.elementor-element-95b2c55{width:100%;max-width:100%;}.elementor-2794 .elementor-element.elementor-element-09051b8{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;}@media(min-width:768px){.elementor-2794 .elementor-element.elementor-element-a59c751{--width:52%;}}@media(max-width:1200px) and (min-width:768px){.elementor-2794 .elementor-element.elementor-element-a59c751{--width:58%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2794 .elementor-element.elementor-element-a59c751{--width:65%;}}@media(max-width:880px) and (min-width:768px){.elementor-2794 .elementor-element.elementor-element-a59c751{--width:72%;}}@media(max-width:1366px){.elementor-2794 .elementor-element.elementor-element-44fa95a .elementor-heading-title{font-size:var( --e-global-typography-e4dc25c-font-size );line-height:var( --e-global-typography-e4dc25c-line-height );letter-spacing:var( --e-global-typography-e4dc25c-letter-spacing );}}@media(max-width:1200px){.elementor-2794 .elementor-element.elementor-element-5257fe7:not(.elementor-motion-effects-element-type-background), .elementor-2794 .elementor-element.elementor-element-5257fe7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sea-quest.eu/wp-content/uploads/man-swimming-tab.webp");}}@media(max-width:1024px){.elementor-2794 .elementor-element.elementor-element-44fa95a .elementor-heading-title{font-size:var( --e-global-typography-e4dc25c-font-size );line-height:var( --e-global-typography-e4dc25c-line-height );letter-spacing:var( --e-global-typography-e4dc25c-letter-spacing );}}@media(max-width:880px){.elementor-2794 .elementor-element.elementor-element-5257fe7:not(.elementor-motion-effects-element-type-background), .elementor-2794 .elementor-element.elementor-element-5257fe7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sea-quest.eu/wp-content/uploads/man-swimming-mob.webp");}.elementor-2794 .elementor-element.elementor-element-3cf1616{--lottie-container-width:80px;--lottie-container-max-width:80px;}}@media(max-width:767px){.elementor-2794 .elementor-element.elementor-element-a59c751{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-2794 .elementor-element.elementor-element-3cf1616{width:100%;max-width:100%;}.elementor-2794 .elementor-element.elementor-element-44fa95a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2794 .elementor-element.elementor-element-44fa95a .elementor-heading-title{font-size:var( --e-global-typography-e4dc25c-font-size );line-height:var( --e-global-typography-e4dc25c-line-height );letter-spacing:var( --e-global-typography-e4dc25c-letter-spacing );}}/* Start custom CSS for stm_lms_certificate_checker, class: .elementor-element-95b2c55 */.stm_lms_certificate_checker a.btn.btn-default, .stm_lms_certificate_checker a.btn.btn-default:hover {
    background: #7ABC3E;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09051b8 */button {
	position: relative;
	padding: 13px 35px;
	background: #5F8804;
	font-size: 17px;
	font-weight: 900;
	color: #ffffff;
	border: none;
	border-radius: 30px;
	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 35px;
	border-radius: 30px;
}

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 */