html {
  scroll-behavior: smooth;
}
.btn-group-filter .uc-list-menu {
	display: flex;
	gap: 1em;
}

.btn-group-filter .menu-item,
.btn-group-filter a {
	border-radius: 50px;
	line-height: 1;
}
.btn-group-filter .current-menu-item a {
	background-color: #b9cc00 !important;
}
.hover-shadow:hover {
    -webkit-box-shadow: 0px 19px 42px -19px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 19px 42px -19px rgba(0,0,0,0.75);
box-shadow: 0px 19px 42px -19px rgba(0,0,0,0.75);
}
.hs-input:not([type=checkbox]) {
    width: 100% !important;
}
select {
    border-color: #FFF;
    
}
label {
    font-weight: 600;
}
.inputs-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#mc_embed_signup_scroll {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#menu-es-footer .sub-menu,
#menu-en-footer .sub-menu,
#menu-nl-footer .sub-menu {
    bottom: 70px;
    top: auto;
}
.post-excrpt {
    transform: translateY(100%);
}

section:hover > .post-excrpt {
    animation: myAnim 200ms ease 0s 1 normal forwards;
}

@keyframes myAnim {
	0% {
		opacity: 0;
		transform: translateY(100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.hero-col-content {
    max-width: 800px;
}
.max-w-400 {
    max-width: 400px !important;
}
.max-w-600 {
    max-width: 600px !important;
}
.col-hero-img > div {
    height: 100%;
}

.col-hero-img > div > div > img,
.col-hero-img > div > div {
    height: 100%;
    object-fit: cover;
}

.col-hero-img.object-fit-contain > div > div > img,
.col-hero-img.object-fit-contain > div > div {
    object-fit: contain;
}


@media (aspect-ratio 4/3) {
	.home-hero {
		min-height: auto !important;
	}
}

.fps-list-menu ul li a,
.fps-list-menu ul li {
    border-radius: 8px !important;
}
.fps-list-menu ul li {
    margin: 2px 0;
}
.step:after {
    position: absolute;
    content: "";
    right: 0;
    height: 100%;
    max-height: 300px;
    background-color: #000;
    width: 1px;
    transform: rotate(90deg);
    bottom: calc(50% - 20px);
}

@media (max-width: 1024px) {
	html, body {
		overflow-x: hidden;
	}
    
	.step:after {
		background-color: transparent;
	}
	
	.max-w-600 {
			max-width: 100% !important;
	}
}

@media (max-aspect-ratio: 3/2)  {
	#hero-section {
		min-height: 600px;
	}
}