/* ==========================================================================
HELPERS CLASSES
========================================================================== */

:root {
	--icon-angle: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-gutter-y: 1.5rem;
	--border-color: #dee2e6;
	interpolate-size: allow-keywords;
}

.mark,
mark {
	padding: unset;
	color: unset;
	background-color: unset;
}

.row {
	gap: var(--bs-gutter-x) 0;
	margin-block-start: unset;
	>* {
		margin-block-start: unset;
	}
}

figure {
	margin: unset;
}

b,
strong {
	font-weight: 700;
}

body.no-scroll {
	overflow: hidden;
	padding-inline-end: 0px;
}

.overlay {
	background-color: rgba(255, 255, 255, 1);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	left: 0;
	top: 0;
	display: none;
}

summary {
	list-style: none;
}

summary::-webkit-details-marker {
	display: none;
}

.grecaptcha-badge {
	right: -300px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
hr {
	margin-block-start: var(--wp--custom--main-size);
	margin-block-end: 0;
	&:first-child {
		margin-block-start: 0;
	}
}

a {
	outline: 0;
	&:hover,
	&:focus,
	&:active {
		outline: 0;
	}
}

.btn-close:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
	outline: 0;
	box-shadow: none;
}

.form-control:focus {
	border-color: none;
	box-shadow: none;
}

img {
	max-width: 100%;
	height: auto;
}

.map {
	line-height: 1;
	iframe {
		width: 100%;
	}
}

@media (max-width: 1199px) {
	.mobile-scroll::-webkit-scrollbar {
		display: none;
	}
	.mobile-scroll.list-posts.list-post-grid {
		width: 100vw;
		margin-inline: -1.5rem !important;
		padding-inline: 1.5rem;
		display: flex;
		flex-wrap: nowrap;
		gap: var(--wp--custom--main-size);
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		>* {
			flex: 1 0 min(90%, 400px);
		}
	}
}

.hover-line {
	a {
		text-decoration: none;
		display: inline-block;
		position: relative;
		&:after {
			transition: all 0.5s;
			content: '';
			position: absolute;
			right: 0;
			bottom: -1px;
			width: 0;
			height: 1px;
			background-color: currentColor;
		}
		&:hover {
			&:after {
				left: 0;
				width: 100%;
			}
		}
	}
}

.btn-link {
	--bs-btn-color: var(--wp--preset--color--primary);
	--bs-btn-hover-color: var(--wp--custom--color-primary-hover);
	--bs-btn-active-color: var(--wp--custom--color-primary-hover);
	--bs-btn-disabled-color: #6c757d;
}

.word-break {
	word-break: break-all;
	overflow-wrap: anywhere;
}

/* ==========================================================================
FORMS
========================================================================== */

::placeholder {
	opacity: 0.8;
}

label {
	display: block;
}

select,
input[type='text'],
input[type='url'],
input[type='date'],
input[type='file'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='password'],
input[type='number'],
input[type='file'],
input[type='search'],
textarea {
	display: block;
	width: 100%;
	padding: .531rem .75rem;
	line-height: 1.5;
	background-color: #fff;
	background-clip: padding-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	border: 1px solid var(--border-color);
	border-radius: var(--wp--custom--border-radius);
	color: var(--wp--preset--color--primary);
	&:focus {
		outline: none;
		box-shadow: none;
	}
	&[readonly] {
		background-color: #e9ecef;
		opacity: 1;
	}
}

textarea {
	height: 120px;
}

select {
	-moz-padding-start: calc(0.75rem - 3px);
	line-height: 1.5;
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 1.25rem auto;
	background-image: var(--icon-angle);
}

button,
input[type='button'],
input[type='submit'] {
	border: none;
	background: transparent;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.wp-block-read-more,
.wp-block-post-navigation-link a,
.wp-block-post-excerpt__more-link,
.wp-element-button,
.wp-block-button.is-style-outline .wp-element-button,
.wp-block-button__link,
.navigation.post-navigation .nav-links a,
.btn,
button,
.woocommerce .button,
input[type='button'],
input[type='submit'] {
	letter-spacing: .05em;
	text-align: center;
	padding: var(--wp--custom--button-padding-y) var(--wp--custom--button-padding-x);
	border-width: var(--wp--custom--button-border-width);
	border-style: var(--wp--custom--button-border-style);
	border-radius: var(--wp--custom--button-border-radius);
	transition: color 0.35s ease-in-out, background 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 14px;
}

.navigation.post-navigation .nav-links a,
.wp-block-read-more,
.wp-block-post-navigation-link a,
.wp-block-post-excerpt__more-link,
.btn-custom,
.xoo-wsc-ft-btn,
.xoo-wsc-body a.xoo-wsc-btn,
.woocommerce .button,
input[type='button'],
input[type='submit'] {
	text-decoration: none;
	background-color: var(--wp--preset--color--primary);
	color: #FFF;
	border-color: var(--wp--preset--color--primary);
	&:hover {
		color: #FFF;
		background-color: var(--wp--custom--color-primary-hover);
		border-color: var(--wp--custom--color-primary-hover);
	}
}

.wp-block-button {
	padding-inline: 24px;
	.wp-element-button {
		position: relative;
		border: none !important;
		padding-inline: .5em;
		&::before,
		&:after {
			content: '';
			display: block;
			width: 24px;
			height: 100%;
			background-color: var(--wp--preset--color--tertiary);
			z-index: 5;
			position: absolute;
			top: 0;
			mask-repeat: no-repeat;
			mask-size: 100% 100%;
			mask-image: url(../images/mask-left-btn.svg);
			transition: background 0.35s ease-in-out;
		}
		&:before {
			left: -23px;
		}
		&:after {
			right: -23px;
			transform: rotate(180deg);
		}
		&:hover {
			&::before,
			&:after {
				background-color: var(--wp--custom--color-tertiary-hover);
			}
		}
	}
	&.is-style-outline {
		.wp-element-button {
			background-color: #FFF;
			transition: opacity 0.35s ease-in-out;
			&::before,
			&:after {
				background-color: #FFF;
			}
			&:hover {
				opacity: .7;
			}
		}
	}
}

.btn-custom {
	position: relative;
	border: none !important;
	padding-inline: .5em;
	&::before,
	&:after {
		content: '';
		display: block;
		width: 24px;
		height: 100%;
		background-color: var(--wp--preset--color--primary);
		z-index: 5;
		position: absolute;
		top: 0;
		mask-repeat: no-repeat;
		mask-size: 100% 100%;
		mask-image: url(../images/mask-left-btn.svg);
		transition: background 0.35s ease-in-out;
	}
	&:before {
		left: -24px;
	}
	&:after {
		right: -24px;
		transform: rotate(180deg);
	}
	&:hover {
		&::before,
		&:after {
			background-color: var(--wp--custom--color-primary-hover);
		}
	}
	&.btn-color-tertiary {
		background-color: var(--wp--preset--color--tertiary);
		color: var(--wp--preset--color--primary);
		&::before,
		&:after {
			background-color: var(--wp--preset--color--tertiary);
		}
		&:hover {
			background-color: var(--wp--custom--color-tertiary-hover) !important;
			color: var(--wp--preset--color--primary) !important;
			&::before,
			&:after {
				background-color: var(--wp--custom--color-tertiary-hover);
			}
		}
	}
}

.light-form {
	::placeholder {
		opacity: 0.8;
		color: #FFF;
	}
	a,
	label {
		color: #FFF;
	}
	select,
	input[type='text'],
	input[type='url'],
	input[type='date'],
	input[type='file'],
	input[type='email'],
	input[type='tel'],
	input[type='number'],
	input[type='password'],
	input[type='number'],
	input[type='file'],
	input[type='search'],
	textarea {
		background: none;
		color: #FFF;
		border-color: currentColor;
	}
	select {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	}
}

/* ==========================================================================
OWL CAROUSEL
========================================================================== */

.owl-carousel {
	--owl-button-size: 35px;
	position: relative;
	&:not(.owl-loaded) {
		display: flex !important;
		opacity: 0;
	}
	.owl-stage {
		display: flex;
		flex-wrap: wrap;
	}
	&.owl-theme {
		.owl-nav:not(.disabled) {
			margin-top: var(--wp--custom--main-size);
			text-align: unset;
			display: flex;
			justify-content: center;
			gap: calc(var(--wp--custom--main-size) * .25);
			/* background-color: rgba(18, 50, 84, .5); */
			border-radius: 2rem;
			padding: calc(var(--wp--custom--main-size) * .25);
			width: fit-content;
			margin-inline: auto;
			button {
				&.owl-next {
					span {
						transform: rotate(180deg);
					}
				}
			}
			[class*="owl-"] {
				transition: border-color 0.3s ease-out;
				width: var(--owl-button-size);
				height: var(--owl-button-size);
				overflow: hidden;
				background-color: var(--wp--preset--color--tertiary);
				margin: 0;
				border-radius: 50%;
				border: 2px solid var(--wp--preset--color--tertiary);
				position: relative;
				span {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-position: center;
					background-repeat: no-repeat;
					background-size: 50%;
					background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23003159'%3e%3cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
					color: transparent;
				}
			}
			[class*="owl-"] {
				margin-block: 0;
			}
			[class*="owl-"]:hover {
				background-color: var(--wp--preset--color--tertiary);
				border: 2px solid var(--wp--preset--color--primary);
			}
		}
	}
}

.owl-theme {
	.owl-nav.disabled+.owl-dots {
		margin-top: var(--wp--custom--main-size);
	}
	.owl-dots {
		margin-top: var(--wp--custom--main-size);
		line-height: 1;
		.owl-dot {
			span {
				width: 1rem;
				height: 1rem;
				margin: .25rem;
				background: none;
				border: 1px solid var(--wp--preset--color--primary);
				transition: background .3s ease-out;
			}
			&.active,
			&:hover {
				span {
					background-color: var(--wp--custom--color-primary-hover);
					opacity: 1;
				}
			}
		}
	}
}

@media (min-width: 1400px) {
	.is-style-middle-arrows {
		padding: 0 calc(var(--wp--custom--main-size) * 2.5);
		position: relative;
		.owl-carousel {
			.owl-nav {
				margin-top: 0;
				position: absolute;
				top: calc(50% - 1.563rem);
				left: 0;
				width: 100%;
				pointer-events: none;
				justify-content: space-between;
				button {
					margin: 0;
					pointer-events: auto;
				}
				button.owl-prev {
					margin-left: calc(var(--owl-button-size) * -1 - 0.75rem);
				}
				button.owl-next {
					margin-right: calc(var(--owl-button-size) * -1 - 0.75rem);
				}
			}
		}
	}
}

/* ANIMATION */

/* .owl-nav-animation {
	.owl-carousel {
		--owl-button-size: 35px;
		&.owl-theme {
			.owl-nav:not(.disabled) {
				background: none;
				position: sticky;
				bottom: 20px;
				&:before,
				&:after {
					content: '';
					position: absolute;
					top: 0;
					width: 47px;
					height: 47px;
					background-color: var(--wp--preset--color--primary);
					border-radius: 50px;
				}
				&:before {
					background-color: var(--wp--preset--color--tertiary);
					animation-name: owlScaleOne;
					animation-play-state: paused;
					animation-duration: 1s;
					animation-timing-function: cubic-bezier(.86, 0, .07, 1);
					animation-fill-mode: forwards;
				}
				&:after {
					width: 47px;
					animation-name: owlScaleTwo;
					animation-play-state: paused;
					animation-duration: .85s;
					animation-timing-function: cubic-bezier(.86, 0, .07, 1);
					animation-fill-mode: forwards;
				}
				[class*="owl-"] {
					position: relative;
					z-index: 9;
					opacity: 0;
					transform: translateX(10px) scale(.8);
					transition: all .4s .65s ease;
					&.owl-next {
						transform: translateX(15px) scale(.8);
						transition-delay: .7s;
					}
				}
			}
		}
	}
	&.run-nav-animation {
		.owl-carousel {
			&.owl-theme {
				.owl-nav:not(.disabled) {
					&:before,
					&:after {
						opacity: 1;
						animation-play-state: running;
					}
					[class*="owl-"] {
						opacity: 1;
						transform: translateX(0) scale(1);
					}
				}
			}
		}
	}
	&.remove-sticky {
		.owl-carousel {
			&.owl-theme {
				.owl-nav:not(.disabled) {
					position: relative;
					bottom: unset;
				}
			}
		}
	}
} */

@keyframes owlScaleOne {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	50% {
		transform: scale(1.5);
		opacity: 1;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
}

@keyframes owlScaleTwo {
	0% {
		transform: scale(0);
		width: 47px;
		/* opacity: 0; */
	}
	50% {
		transform: scale(1);
		width: 47px;
		/* opacity: 1; */
	}
	70% {
		transform: scale(1);
		width: 47px;
		/* opacity: 1; */
	}
	100% {
		width: 100%;
	}
}

/* ==========================================================================
NAVIGATION
========================================================================== */

.navigation {
	padding-block-start: calc(var(--wp--custom--main-size) * 2);
	.screen-reader-text {
		display: none;
	}
	&.pagination {
		.nav-links {
			width: 100%;
			display: flex;
			justify-content: center;
			gap: calc(var(--wp--custom--main-size) / 1.5);
			font-size: 1.375rem;
			line-height: 1;
		}
		a,
		span {
			border: none;
			transition: opacity 0.3s ease-out;
			text-decoration: none;
		}
		a:hover,
		span.current {
			opacity: 0.5;
		}
	}
	&.post-navigation {
		padding: var(--wp--custom--main-size);
		padding-block-start: calc(var(--wp--custom--main-size) * 2);
		.nav-links {
			max-width: var(--wp--style--global--content-size);
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			.nav-next {
				margin-inline-start: auto;
			}
			a {
				min-width: 130px;
			}
		}
	}
}

nav.woocommerce-pagination,
.wp-block-query-pagination {
	padding-top: calc(var(--wp--custom--main-size) * 2);
	margin-block-start: 0;
	line-height: 1;
	.page-numbers {
		list-style: none;
	}
	.page-numbers,
	.wp-block-query-pagination-numbers {
		display: flex;
		justify-content: center;
		gap: calc(var(--wp--custom--main-size) / 1.5);
		font-size: 1.375rem;
		a,
		span {
			border: none;
			color: var(--wp--preset--color--primary);
			transition: opacity 0.3s ease-out;
			text-decoration: none;
		}
		a:hover,
		span.current {
			opacity: 0.5;
		}
	}
	.wp-block-query-pagination-previous-arrow,
	.wp-block-query-pagination-next-arrow {
		margin: 0;
		font-size: 1.375rem;
		line-height: 1;
	}
}

.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
	margin: 0;
}

@media (min-width: 1200px) {
	nav.woocommerce-pagination,
	.wp-block-query-pagination,
	.navigation {
		padding-block-start: calc(var(--wp--custom--main-size) * 3);
	}
}

/* ==========================================================================
404
========================================================================== */

.error404 {
	#top-bar,
	.main-footer {
		display: none;
	}
	.main-header {
		position: fixed;
		background: none;
		/* .container-xxl {
			max-width: none;
		} */
		.col-actions {
			display: none !important;
		}
		&:not(.nav-scrolled) {
			.col-logo,
			.custom-logo,
			.btn-pll {
				filter: brightness(0) invert(1);
			}
		}
	}
	main {
		color: #FFF;
		position: fixed;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		background-image: url(../images/bg-404.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		a {
			color: currentColor;
		}
		article {
			position: relative;
			z-index: 10;
			max-width: 600px;
			padding-block-start: 20vh;
		}
	}
	.top {
		text-transform: uppercase;
		color: #FFF;
		p {
			margin: 0;
			letter-spacing: .05em;
		}
	}
	section {
		h1 {
			font-size: 6.25rem;
			line-height: 1;
		}
		h2 {
			line-height: 1;
		}
	}
}

/* ==========================================================================
SEARCH
========================================================================== */

.search-form {
	border: 1px solid var(--border-color);
	border-radius: 2rem;
	position: relative;
	input[type='search'] {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		padding-inline-start: 1.25rem;
		padding-inline-end: 3rem;
		border: none;
		background: none;
	}
	input[type='submit'] {
		position: absolute;
		top: 3px;
		right: 3px;
		height: calc(100% - 6px);
		color: transparent;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath fill-rule='evenodd' d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 1rem;
		padding-inline: 0;
		font-size: 2px;
		aspect-ratio: 1/1;
		&:hover {
			color: transparent !important;
		}
	}
}

/* ==========================================================================
BLOG
========================================================================== */

/* body.search-results, */
body.single-post {
	main {
		--wp--style--global--content-size: 60rem;
	}
}

.post {
	.wp-block-post-featured-image {
		border-radius: var(--wp--custom--main-size);
		overflow: hidden;
		a {
			display: block;
		}
		img {
			max-width: none;
			width: 100%;
			aspect-ratio: 16/9;
			object-fit: cover;

		}
	}
	.wp-block-post-terms {
		a {
			text-decoration: none;
		}
	}
	.wp-block-post-meta {
		font-weight: 500;
		font-size: 0.75rem;
		display: flex;
		flex-wrap: wrap;
		gap: 0 0.75rem;
		position: relative;
		z-index: 10;
		>div:not(:last-child):after {
			margin-inline-start: 0.75rem;
			content: '|';
		}
	}
	.wp-block-post-title {
		font-weight: 600;
	}
}

.wp-block-post-template,
.list-posts {
	.post {
		--wp--custom--main-size: 1rem;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 100%;
		>* {
			margin-block-start: var(--wp--custom--main-size);
			&:first-child:first-child {
				margin-block-start: 0;
			}
		}
		a {
			text-decoration: none;
		}
		.wp-block-post-title {
			font-size: 1.125rem;
		}
		.wrap-wp-block-post-excerpt {
			margin-block-end: var(--wp--custom--main-size);
			>* {
				margin-block-start: var(--wp--custom--main-size);
				&:first-child:first-child {
					margin-block-start: 0;
				}
			}
			.wp-block-post-excerpt {
				margin-bottom: 0;
			}
		}
		.wrap-read-more {
			margin-block-start: auto;
			.btn-read-more-blog {
				position: relative;
				padding-inline-end: 6;
				&:after {
					content: '';
					width: 20px;
					display: block;
					top: 0;
					left: 100%;
					aspect-ratio: 1;
					background-image: url(../images/icon-arrow-blog.svg);
					background-repeat: no-repeat;
					background-position: center center;
					position: absolute;
				}
			}
		}
	}
	.press {
		.wp-block-post-featured-image {
			img {
				aspect-ratio: 4/3;
			}
		}
	}
}

.list-posts.list-posts-grid {
	display: grid;
	gap: var(--wp--custom--main-size);
	grid-template-columns: repeat(auto-fill, minmax(min(19rem, 100%), 1fr));
}

@media (min-width: 1200px) {
	.wp-block-post-template.is-layout-grid,
	.list-posts {
		gap: calc(var(--wp--custom--main-size) * 1.5);
		.post {
			.wp-block-post-featured-image {
				a {
					display: block;
					overflow: hidden;
				}
				img {
					transition: transform 2s ease-out;
				}
				&:hover {
					img {
						transform: scale(1.2);
					}
				}
			}
			.wrap-read-more {
				margin-block-start: auto;
				.btn-read-more-blog {
					position: relative;
					padding-inline-end: 6px;
					color: transparent;
					transition-duration: .15s;
					&:after {
						left: 0;
						transition: left .15s ease-out;
					}
					&:hover {
						color: var(--wp--preset--color--primary);
						&:after {
							left: 100%;
						}
					}
				}
			}
		}
		.press {
			&:hover {
				.wrap-read-more {
					.btn-read-more-blog {
						color: var(--wp--preset--color--primary);
						&:after {
							left: 100%;
						}
					}
				}
			}
		}
	}
	.list-posts.list-posts-grid {
		gap: calc(var(--wp--custom--main-size) * 1.5);
	}
	.feature-article {
		.post {
			--wp--custom--main-size: 1.5rem;
			.wp-block-post-excerpt {
				font-size: 1.125rem;
			}
			.wp-block-post-title {
				font-size: 2rem;
			}
		}
	}
}

.list-posts-search {
	article {
		padding-bottom: calc(var(--wp--custom--main-size) * 1.5);
		&:not(:last-child) {
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		}
	}
}

body.search-no-results {
	main {
		--wp--style--global--content-size: 31.25rem;
		text-align: center;
		min-height: 60vh;
	}
}

.blog-filters {
	padding-block: calc(var(--wp--custom--main-size) * .5);
}

.btn-filter {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.875rem;
	text-decoration: none;
}

.blog-filter-list {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	columns: 2;
	li:not(:first-child) {
		margin-top: .5rem;
	}
	a {
		text-decoration: none;
	}
}

@media (min-width: 768px) {
	.blog-filter-list {
		columns: 3;
	}
}

@media (min-width: 992px) {
	.blog-filter-list {
		columns: 4;
	}
}

.btn-filter {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	span {
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
		width: 1rem;
		height: .4rem;
		display: flex;
		span {
			display: block;
			width: 100%;
			height: 2px;
			border-radius: 5px;
			background-color: currentColor;
			transform-style: preserve-3d;
			transition: transform .15s ease-out;
			&:nth-child(1) {
				transform: translate3d(0px, 0, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
			}
			&:nth-child(2) {
				width: .6rem;
				transform: translate3d(0px, 0, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
			}
		}
	}
	&:not(.collapsed) {
		span {
			span {
				&:nth-child(1) {
					transform: translate3d(0px, 0.1rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-45deg) skew(0deg);
				}
				&:nth-child(2) {
					transform: translate3d(0px, -0.2rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(45deg) skew(0deg);
					width: 1rem;
				}
			}
		}
	}
}

.single-post {
	.post {
		.wp-block-post-featured-image {
			img {
				aspect-ratio: 16/8;
			}
		}
		figure {
			img {
				border-radius: var(--wp--custom--border-radius);
			}
		}
	}
}

@media (min-width: 1200px) {
	.single-post {
		.wp-block-post-title {
			font-size: 2.5rem;
		}
	}
}

.section-related-post {
	h2.wp-block-heading {
		font-weight: 600;
		text-transform: uppercase;
	}
}

.taxonomy-post_tag {
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
		font-size: 14px;
		display: flex;
		flex-wrap: wrap;
		gap: .5rem;
		font-weight: 600;
		li {
			a {
				display: block;
				text-decoration: none;
				border: 1px solid var(--wp--preset--color--gray);
				background-color: var(--wp--preset--color--gray);
				border-radius: .25rem;
				padding: .25rem .5rem;
				transition: background .3s ease-out;
				&:hover {
					background-color: var(--wp--custom--color-gray-hover);
				}
			}
		}
	}
}

/* ==========================================================================
BOOTSTRAP
========================================================================== */

.accordion {
	--bs-accordion-bg: none;
	--bs-accordion-active-bg: none;
	--bs-accordion-color: currentColor;
	--bs-accordion-active-color: currentColor;
	--bs-accordion-border-radius: 0;
	--bs-accordion-inner-border-radius: 0;
	--bs-accordion-btn-focus-box-shadow: none;
	--bs-accordion-border-color: transparent;
	--bs-accordion-btn-padding-x: 0;
	--bs-accordion-body-padding-x: 0;
	--bs-accordion-body-padding-y: var(--wp--custom--main-size);
	--bs-accordion-btn-icon: var(--icon-angle);
	--bs-accordion-btn-active-icon: var(--icon-angle);
	--bs-accordion-btn-color: currentColor;
}

.accordion-header {
	border-bottom: 1px solid currentColor;
}

@media (min-width: 1200px) {
	.accordion-button {
		font-size: 1.25rem;
	}
}

/* ==========================================================================
GENERAL
========================================================================== */

a:where(:not(.wp-element-button)) {
	transition: color .3s ease-out;
}


.wp-block-table {
	th,
	td {
		padding: .5rem;
		border: none;
		border-bottom: 1px solid #dee2e6;
	}
}

table {
	width: 100%;
	max-width: 100%;
	background-color: transparent;
	&:not(:first-child) {
		margin-block-start: var(--wp--custom--main-size);
	}
	th,
	td {
		padding: .3rem;
		border-color: 1px solid #dee2e6;
	}
}

.container,
.container-xl,
.container-xxl {
	padding-inline: var(--wp--style--root--padding-left);
	max-width: 1320px;
}

.container-fluid {
	padding-inline: var(--wp--style--root--padding-left);
}

section.wp-block-group,
.section {
	padding-block: calc(var(--wp--custom--main-size) * 2);
}

@media (min-width: 992px) {
	section.wp-block-group,
	.section {
		padding-block: calc(var(--wp--custom--main-size) * 3);
	}
}

@media (min-width: 1200px) {
	section.wp-block-group,
	.section {
		padding-block: calc(var(--wp--custom--main-size) * 4);
	}
}

/* ==========================================================================
GUTENBERG
========================================================================== */

.is-style-d-none {
	display: none !important;
}

.wp-block-list {
	li {
		margin-block-start: .5rem;
	}
}

.wp-block-details {
	summary {
		border-bottom: 1px solid currentColor;
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0 0 1rem 0;
		line-height: 1.3;
		&:after {
			flex-shrink: 0;
			width: 1.25rem;
			height: 1.25rem;
			margin-inline-start: auto;
			content: "";
			background-repeat: no-repeat;
			background-image: var(--icon-angle);
			transition: transform 0.2s ease-in-out;
		}
	}
	&[open] {
		padding-block-end: var(--wp--custom--main-size);
		summary {
			&:after {
				transform: rotate(-180deg);
			}
		}
	}
	&.has-background {
		border-radius: var(--wp--custom--border-radius);
		summary {
			padding-inline: var(--wp--custom--main-size);
			padding-block-start: 1rem;
		}
		> :where(:not(summary)) {
			margin-inline: var(--wp--custom--main-size);
		}
	}
}

hr,
.wp-block-separator {
	opacity: unset;
	border-top: 1px solid currentColor;
	border-block-end: 0;
}

.has-global-padding>.wp-block-group.alignfull.has-background.is-layout-constrained {
	padding-inline: var(--wp--custom--main-size);
}

.wp-block-social-link {
	transition: opacity 0.3s ease-out;
	&:hover {
		transform: scale(1);
		opacity: 0.8;
	}
}

body {
	&.page-no-top-space {
		#main {
			padding-block-start: 0;
		}
	}
	&.page-no-bottom-space {
		#main {
			padding-block-end: 0;
		}
	}
}

.is-style-text-gradient {
	background: linear-gradient(90deg, rgba(9, 254, 142, 1) 0%, rgba(9, 254, 254, 1) 100%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.place-content-center {
	place-content: center;
}

.place-content-end {
	place-content: end;
}

:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img),
.is-style-rounded {
	border-radius: var(--wp--custom--border-radius);
	overflow: hidden;
}

@media (min-width: 1200px) {
	.is-style-rounded {
		border-radius: calc(var(--wp--custom--border-radius) * 2);
	}
}

.docs-table-of-contents>ol,
.is-style-legal {
	counter-reset: level1;
	list-style: none;
	padding-left: 0;
	ol:not(.is-style-letters) li {
		list-style: none;
	}
	>li {
		counter-increment: level1;
		counter-reset: level2;
		&::before {
			content: counter(level1) ". ";
			font-weight: 700;
		}
		>ol {
			counter-reset: level2;
			padding-left: 1.5em;
			>li {
				counter-increment: level2;
				counter-reset: level3;
				&::before {
					content: counter(level1) "." counter(level2) " ";
					font-weight: 700;
				}
				>ol {
					counter-reset: level3;
					padding-left: 1.5em;
					>li {
						counter-increment: level3;
						&::before {
							content: counter(level1) "." counter(level2) "." counter(level3) " ";
							font-weight: 700;
						}
					}
				}
			}
		}
	}
}

ol.is-style-letters {
	>li::before {
		content: unset !important;
	}
}

.is-style-icon-check {
	list-style: none;
	padding: 0;
	li {
		background-image: url(../images/icon-check.svg);
		background-size: 1rem;
		background-repeat: no-repeat;
		background-position: 0 .25em;
		padding-left: 1.5rem;
		ul {
			list-style: none;
			padding: 0;
		}
	}
}

/* ==========================================================================
PLL SWITCHER
========================================================================== */

.keybe-pll-switcher {
	position: relative;
	display: inline-block;
	z-index: 99;
	.btn-pll {
		border: none !important;
		padding: 0;
		background-image: url(../images/icon-language.svg);
		background-size: cover;
		background-repeat: no-repeat;
		width: 1.5625rem;
		height: 1.5625rem;
		span {
			display: none;
		}
		&.show-options {
			+.pll-switcher {
				opacity: 1;
				pointer-events: all;
			}
		}
	}
	.pll-switcher {
		list-style: none;
		padding: 0;
		margin: 0;
		text-transform: uppercase;
		font-weight: 700;
		background-color: #FFF;
		padding: calc(var(--wp--custom--main-size) * .7) var(--wp--custom--main-size);
		border-radius: 1rem;
		width: fit-content;
		position: absolute;
		box-shadow: 0px 1px 16px rgba(0, 0, 0, .2);
		left: 50%;
		top: calc(var(--wp--custom--main-size) * 1.5);
		transform: translate(-50%, 0);
		opacity: 0;
		transition: opacity .2s ease-out;
		pointer-events: none;
		&:before {
			content: '';
			position: absolute;
			top: -1rem;
			left: 0;
			width: 100%;
			height: 1rem;
		}
		li {
			&:not(:first-child) {
				margin-top: .3rem;
			}
			a {
				text-decoration: none;
				font-size: 0.875rem;
			}
		}
	}
}

@media (min-width: 1200px) {
	.keybe-pll-switcher {
		&:hover {
			.pll-switcher {
				opacity: 1;
				pointer-events: all;
			}
		}
	}
}

/* ==========================================================================
HEADER
========================================================================== */

.main-header {
	z-index: 998;
	position: sticky;
	width: 100%;
	top: 0;
	background-color: #FFF;
	color: var(--wp--preset--color--primary);
	.col-logo {
		a {
			display: block;
			img {
				max-width: 100px;
			}
		}
	}
	.col-actions {
		gap: var(--wp--custom--main-size);
	}
}


@media (max-width: 1023px) {
	.main-header {
		.row {
			height: 60px;
		}
	}
}

@media (min-width: 1024px) {
	.main-header {
		padding-block: var(--wp--custom--main-size);
		transition: all 0.2s ease-out;
		&.nav-scrolled {
			background-color: #FFFFFF;
		}
		#btn-main-menu {
			display: none;
		}
		.col-actions {
			gap: calc(var(--wp--custom--main-size) * 2);
		}
		.col-logo a img {
			max-width: 155px;
		}
	}
}

/* ==========================================================================
MENU
========================================================================== */

.overlay-submenu {
	background-color: rgba(23, 50, 89, .8);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 990;
	left: 0;
	top: 0;
	display: none;
}

@media (min-width: 992px) {
	.overlay-submenu {
		z-index: 1000;
	}
}

#btn-main-menu {
	color: currentColor;
	border: none;
	padding: 0;
	width: 1.375rem;
	height: 1.5625rem;
	border-radius: 0;
	span {
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
		width: 1.375rem;
		height: .625rem;
		display: flex;
		span {
			display: block;
			width: 100%;
			height: 2px;
			border-radius: 5px;
			background-color: currentColor;
			transform-style: preserve-3d;
			transition: transform .15s ease-out;
			&:nth-child(1) {
				transform: translate3d(0px, 0, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
			}
			&:nth-child(2) {
				width: 0.875rem;
				transform: translate3d(0px, 0, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
			}
		}
	}
}

#main-navigation {
	ul {
		gap: var(--wp--custom--main-size);
		li {
			height: var(--item-height);
			overflow: hidden;
			a {
				color: currentColor;
				text-decoration: none;
				font-weight: 500;
				font-size: 0.875rem;
				display: block;
				span {
					height: var(--item-height);
					display: none;
				}
			}
			.sub-menu {
				margin: 0;
				padding: 0;
				display: none;
			}
		}
	}
}

@media (max-width: 991px) {
	#main-navigation {
		padding: var(--wp--custom--main-size);
		padding-block-end: calc(var(--wp--custom--main-size) * 1.5);
		position: fixed;
		width: 100%;
		background-color: #FFF;
		left: 0;
		top: 0;
		z-index: 99;
		transform: translateZ(0) translateY(-100%);
		overflow-y: auto;
		border-radius: 0 0 var(--wp--custom--border-radius) var(--wp--custom--border-radius);
		transition: transform .6s cubic-bezier(.86, 0, .07, 1);
		ul {
			flex-direction: column;
			gap: var(--wp--custom--main-size);
			li {
				a {
					font-size: 16px;
				}
			}
		}
	}
}

@media (min-width: 1200px) {
	#main-navigation {
		transform: translateY(1px);
		--item-height: 20px;
		ul {
			li {
				height: var(--item-height);
				overflow: hidden;
				a {
					height: var(--item-height);
					transition: transform 0.15s ease-out;
					span {
						height: var(--item-height);
						display: block;
					}
				}
				&:hover {
					a {
						transform: translateY(-22px);
					}
				}
			}
		}
	}
}

#submenu-navigation {
	background-color: #FFF;
	padding: var(--wp--custom--main-size);
	padding-block-end: calc(var(--wp--custom--main-size) * 1.5);
	position: fixed;
	width: 100%;
	right: 0;
	top: 0;
	z-index: 999;
	border-radius: 0 0 var(--wp--custom--border-radius) var(--wp--custom--border-radius);
	transform: translateY(-100%);
	transition: transform .2s ease-out;
	transition: all .6s cubic-bezier(.86, 0, .07, 1);
	overflow-y: auto;
	.btn-close-submenu {
		background-color: var(--wp--preset--color--tertiary);
		position: absolute;
		top: var(--wp--custom--main-size);
		right: var(--wp--custom--main-size);
		color: #FFF;
		background-image: url(../images/menu-icon-close.svg);
		background-repeat: no-repeat;
		width: 50px;
		height: 50px;
		border-radius: 50%;
		border: 1px solid rgba(255, 255, 255, .2);
		background-position: center;
	}
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	ul.nav {
		padding-block-start: calc(var(--wp--custom--main-size) * .4);
		li {
			a {
				color: currentColor;
				text-decoration: none;
				font-weight: 500;
				font-size: 22px;
			}
		}
		>li {
			visibility: hidden;
			height: 0;
			&.menu-item-has-children {
				&.show {
					visibility: visible;
					height: auto;
				}
				>a {
					background: linear-gradient(90deg, rgba(9, 254, 142, 1) 0%, rgba(9, 254, 254, 1) 100%);
					background-clip: text;
					-webkit-text-fill-color: transparent;
				}
				.sub-menu {
					margin-block-start: var(--wp--custom--main-size);
					display: flex;
					flex-direction: column;
					gap: var(--wp--custom--main-size);
					li {
						a {
							font-size: 16px;
						}
					}
				}
			}
		}
	}
	.wp-block-social-links {
		display: none !important;
	}
}

@media (min-width: 992px) {
	#submenu-navigation {
		pointer-events: none;
		min-width: 50%;
		width: auto;
		transform: translateX(0) translateY(0);
		z-index: 1001;
		left: unset;
		border-radius: var(--wp--custom--border-radius);
		top: var(--wp--custom--main-size);
		right: var(--wp--custom--main-size);
		padding: calc(var(--wp--custom--main-size) * 1.35) calc(var(--wp--custom--main-size) * 2);
		overflow: hidden;
		background: none;
		transition: none;
		visibility: hidden;
		.btn-close-submenu {
			z-index: 99;
			opacity: 0;
			transition: all .2s .4s cubic-bezier(.215, .61, .355, 1);
			transform: scale(0);
		}
		>div {
			position: relative;
			z-index: 9;
		}
		&::before {
			pointer-events: none;
			border-radius: var(--wp--custom--border-radius);
			content: '';
			position: absolute;
			top: var(--wp--custom--main-size);
			right: var(--wp--custom--main-size);
			top: 0;
			right: 0;
			width: 50px;
			height: 50px;
			background-color: #FFF;
			opacity: 0;
			transition: all .2s .3s cubic-bezier(.215, .61, .355, 1);
			transform-origin: 100% 0;
		}
		ul.nav {
			padding-block-start: 0;
			>li {
				&.menu-item-has-children {
					>a {
						display: none;
					}
					.sub-menu {
						margin-block-start: 0;
						li {
							transition: opacity .3s cubic-bezier(.215, .61, .355, 1), transform .3s cubic-bezier(.215, .61, .355, 1);
							opacity: 0;
							transform: translateY(100%);
							a {
								font-size: 24px;
							}
							&:nth-child(1) {
								transition-delay: .5s;
							}
							&:nth-child(2) {
								transition-delay: .55s;
							}
							&:nth-child(3) {
								transition-delay: .6s;
							}
							&:nth-child(4) {
								transition-delay: .65s;
							}
							&:nth-child(5) {
								transition-delay: .7s;
							}
							&:nth-child(6) {
								transition-delay: .75s;
							}
							&:nth-child(7) {
								transition-delay: .8s;
							}
							&:nth-child(8) {
								transition-delay: .85s;
							}
							&:nth-child(9) {
								transition-delay: .9s;
							}
							&:nth-child(10) {
								transition-delay: .95s;
							}
						}
					}
				}
			}
		}
		.wp-block-social-links {
			display: flex !important;
			margin-top: calc(var(--wp--custom--main-size) * 2);
			justify-content: flex-start !important;
			padding-bottom: 0 !important;
			opacity: 0;
			transition: opacity .5s .7s ease-out;
			.wp-social-link svg {
				color: #999999;
				position: relative;
				z-index: 9;
			}
		}
	}
}

@media (min-width: 1200px) {
	#submenu-navigation {
		.nav {
			max-width: var(--wp--style--global--content-size);
			margin: 0 auto;
			a {
				font-size: 1.25rem;
				&:hover {
					background: linear-gradient(90deg, rgba(9, 254, 142, 1) 0%, rgba(9, 254, 254, 1) 100%);
					background-clip: text;
					-webkit-text-fill-color: transparent;
				}
			}
		}
	}
}

/* MENU ANIMATIONS */

@media (max-width: 991px) {
	body {
		&.open-mobile-menu {
			#btn-main-menu {
				span {
					span {
						&:nth-child(1) {
							transform: translate3d(0px, 0.2rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(-45deg) skew(0deg);
						}
						&:nth-child(2) {
							transform: translate3d(0px, -0.3rem, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(45deg) skew(0deg);
							width: 1.375rem;
						}
					}
				}
			}
			#main-navigation {
				transform: translateZ(0) translateY(60px);
			}
		}
		&.open-submenu {
			#submenu-navigation {
				transform: translateZ(0) translateY(0);
			}
			#main-navigation {
				transform: translateZ(0) translateY(-100%);
			}
		}
	}
}

@media (min-width: 992px) {
	body {
		&.submenu-animation-out {
			#submenu-navigation {
				.wp-block-social-links {
					transition-delay: 0s;
					transition-duration: .2s;
				}
				ul.nav {
					>li {
						&.menu-item-has-children {
							.sub-menu {
								margin-block-start: 0;
								li {
									transition-delay: 0s;
									transition-duration: 0s;
								}
							}
						}
					}
				}
			}
			#submenu-navigation::before,
			#submenu-navigation .btn-close-submenu {
				transition-delay: 0s;
				transition-duration: .4s;
			}
		}
	}
	body {
		&.open-submenu {
			#submenu-navigation {
				visibility: visible;
				pointer-events: all;
				.btn-close-submenu {
					opacity: 1;
					transform: scale(1);
				}
				ul.nav {
					>li {
						&.menu-item-has-children {
							.sub-menu {
								li {
									opacity: 1;
									transform: translateY(0);
								}
							}
						}
					}
				}
				.wp-block-social-links {
					opacity: 1;
				}
			}
			#submenu-navigation:before {
				top: 0;
				right: 0;
				border-radius: var(--wp--custom--border-radius);
				width: 100%;
				height: 100%;
				opacity: 1;
			}
			#submenu-navigation {
				transform: translateZ(0) translateY(0);
			}
		}
	}
}

/* ==========================================================================
TRANSPARENT HEADER
========================================================================== */

@media (min-width: 992px) {
	body.page-transparent-header {
		.main-header {
			transition: all 0.5s ease-out;
			background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
			position: fixed;
			.col-logo,
			.btn-pll {
				transition: filter .5s ease-out;
			}
			&:not(.nav-scrolled) {
				background: #ffffff;
				background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
				color: #FFF;
				.col-logo,
				.custom-logo,
				.btn-pll {
					filter: brightness(0) invert(1);
				}
			}
		}
	}
}

/* ==========================================================================
FOOTER
========================================================================== */

.main-footer {
	border-top: 1px solid var(--wp--preset--color--tertiary);
	.top-footer {
		padding-block: calc(var(--wp--custom--main-size) * 2);
		font-size: 14px;
		a {
			text-decoration: none;
			display: inline-block;
			position: relative;
			&:after {
				transition: all 0.5s;
				content: '';
				position: absolute;
				right: 0;
				bottom: -1px;
				width: 0;
				height: 1px;
				background-color: currentColor;
			}
			&:hover {
				&:after {
					left: 0;
					width: 100%;
				}
			}
		}
		.wp-block-list {
			list-style: none;
			padding: 0;
			margin-inline: 0;
			li:not(:first-child) {
				margin-block-start: calc(var(--wp--custom--main-size) * .5);
			}
		}
	}
}

@media (max-width: 991px) {
	.main-footer {
		.top-footer {
			.wp-block-list {
				height: 0;
				overflow: clip;
				visibility: hidden;
				transition: height .25s ease, visibility .5s;
			}
			.row {
				gap: 0;
			}
			h2 {
				display: flex;
				justify-content: space-between;
				align-items: center;
				&:after {
					content: '';
					width: 1.3ch;
					height: 1.3ch;
					background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300325c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
				}
				&.active {
					&:after {
						transform: rotate(180deg);
					}
					+.wp-block-list {
						height: auto;
						visibility: visible;
						margin-block-end: 1.5rem;
					}
				}
			}
		}
	}
}

@media (min-width: 992px) {
	.main-footer {
		.top-footer {
			padding-block: calc(var(--wp--custom--main-size) * 2.5);
			.wp-block-list {
				height: auto;
				visibility: visible;
			}
			h2 {
				&:after {
					content: unset;
				}
			}
		}
	}
}

@media (min-width: 1200px) {
	.main-footer {
		.top-footer {
			padding-block-start: calc(var(--wp--custom--main-size) * 3);
			padding-block-end: calc(var(--wp--custom--main-size) * 2);
		}
	}
}

/* ==========================================================================
GRID LOGOS
========================================================================== */

.heading-groups {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	grid-gap: calc(var(--wp--custom--main-size) * .5);
	.wp-block-image {
		flex: 1 0 25px;
	}
	h2 {
		flex: 1 0 auto;
	}
	&:after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background-color: currentColor;
		flex: 1 1 auto;
	}
}

.heading-brands {
	display: flex;
	align-items: center;
	gap: calc(var(--wp--custom--main-size) * .5);
	h2 {
		flex: 1 0 auto;
	}
	&:after {
		content: '';
		display: block;
		width: 100%;
		height: 0;
		border-bottom: 2px dashed currentColor;
		flex: 1 1 auto;
		opacity: .25;
	}
}

.grid-logos-home {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(3rem, 100%), 1fr));
	gap: var(--wp--custom--main-size);
	figure {
		margin: 0;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		img {
			aspect-ratio: 3/2;
			object-fit: contain;
			object-position: center;
			filter: grayscale(1);
		}
	}
}

@media (min-width: 768px) {
	.grid-logos-home {
		grid-template-columns: repeat(auto-fill, minmax(min(5rem, 100%), 1fr));
	}
}

@media (min-width: 1200px) {
	.heading-brands {
		padding-inline-start: 2.25rem;
	}
	.grid-logos-home {
		padding-inline-start: 1.5rem;
		figure {
			img {
				max-width: 5rem;
			}
		}
	}
}

/* ==========================================================================
HOME
========================================================================== */

.anchor-play-circle {
	a {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5px;
		&:before {
			content: '\25BA';
			font-family: Arial, sans-serif;
			transition: all .2s ease-out;
		}
		&:after {
			content: '\25CF';
			transform: scale(0) translateY(-.06em);
			transition: transform .2s ease-out;
		}
		&:hover {
			&::before {
				transform: scale(0);
				margin-left: -1em;
			}
			&:after {
				content: '\25CF';
				transform: scale(1.7) translateY(-.06em);
			}
		}
	}
}

.banner-home {
	position: relative;
	.wp-block-cover {
		min-height: calc(100svh - 60px);
		.wp-block-cover__inner-container {
			position: unset;
		}
	}
	.item-top {
		padding-block-end: 5vh;
		a {
			text-decoration: none;
		}
	}
	.item-bottom {
		bottom: var(--wp--custom--main-size);
		position: absolute;
		max-width: unset;
		width: 100%;
		left: 0;
		p {
			font-size: 12px;
		}
	}
}

@media (min-width: 992px) {
	.banner-home {
		.wp-block-cover {
			min-height: 100vh;
		}
		.item-top {
			padding-block-end: 0;
			transform: translateY(120px);
		}
		.item-bottom {
			bottom: 6%;
		}
		.has-xx-large-font-size {
			font-size: 60px !important;
		}
	}
}

.list-numbers {
	.has-x-large-font-size {
		font-size: 30px !important;
	}
	.item {
		border-radius: 50%;
		aspect-ratio: 1/1;
		place-content: center;
		width: 170px;
		height: 170px;
		p {
			padding-inline: var(--wp--custom--main-size);
		}
	}
}

@media (max-width: 1049px) {
	.list-numbers {
		margin-inline: calc(var(--wp--custom--main-size) * -1) !important;
		padding-inline: var(--wp--custom--main-size);
		width: 100vw;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.list-numbers::-webkit-scrollbar {
		display: none;
	}
}

@media (min-width: 1050px) {
	.list-numbers {
		justify-content: center !important;
		gap: var(--wp--custom--main-size) !important;
		margin-inline: auto;
	}
}

@media (min-width: 1200px) {
	.section-home-automatizacion {
		.texts {
			padding-inline: 15% !important;
		}
		.image img {
			aspect-ratio: 1/1.1;
			object-fit: cover;
			object-position: 0 0;
			/* height: calc(100vh - 73px); */
			height: 100vh;
		}
	}
}

.list-check {
	.row-icon-check {
		.wp-block-image {
			flex-shrink: 0;
		}
		p {
			flex: 1;
		}
	}
}

.owl-features {
	.owl-carousel .owl-stage-outer {
		overflow: unset;
	}
	.item {
		height: 100%;
	}
}

.list-logos-tools {
	display: flex;
	figure {
		margin: 0;
	}
	img {
		max-width: 85px;
	}
}

@media (max-width: 991px) {
	.list-logos-tools {
		gap: calc(var(--wp--custom--main-size) * .5);
		margin-inline: calc(var(--wp--custom--main-size) * -1) !important;
		padding-inline: var(--wp--custom--main-size);
		width: 100vw;
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.list-logos-tools::-webkit-scrollbar {
		display: none;
	}
}

@media (min-width: 1200px) {
	.list-logos-tools {
		max-width: 1000px;
		margin-inline: auto;
		flex-wrap: wrap;
		justify-content: center;
		gap: calc(var(--wp--custom--main-size) * .25);
	}
}

.grid-facts {
	.item {
		place-content: center;
	}
}

@media (min-width: 768px) {
	.grid-facts {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--wp--custom--main-size);
		.item {
			margin: 0;
			width: 100%;
		}
	}
}

@media (min-width: 1200px) {
	.section-home-facts {
		.texts {
			padding-inline-end: 25%;
		}
	}
	.grid-facts {
		grid-template-rows: repeat(10, 1fr);
		.item {
			place-content: center;
			grid-row: span 5;
			&:nth-child(2) {
				grid-row: span 6;
			}
			&:nth-child(3) {
				grid-row: span 6;
			}
		}
	}
}

.owl-funnels {
	.owl-carousel {
		.owl-stage-outer {
			overflow: unset;
		}
		.item {
			height: 100%;
			.icon {
				img {
					aspect-ratio: 1/1;
					width: 45px !important;
					object-fit: contain;
				}
			}
		}
		.owl-item {
			img {
				width: auto;
				max-width: 100%;
			}
		}
	}
}

@media (max-width: 991px) {
	.list-posts-home::-webkit-scrollbar {
		display: none;
	}
	.list-posts-home.list-posts.list-posts-grid {
		width: 100vw;
		margin-inline: -1.5rem !important;
		padding-inline: 1.5rem;
		display: flex;
		flex-wrap: nowrap;
		gap: var(--wp--custom--main-size);
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		>* {
			flex: 1 0 min(92%, 400px);
		}
	}
}

.list-industries {
	p {
		position: relative;
		img {
			position: absolute;
			top: .16em;
			left: 0;
			width: auto;
			max-width: none;
			width: 120px !important;
			height: 60px;
			object-fit: cover;
			line-height: 1;
			display: none;
		}
		a {
			text-decoration: none;
			display: block;
			transition: padding .3s ease-out;
		}
	}
}

@media (min-width: 1200px) {
	.list-industries {
		p {
			position: relative;
			img {
				display: block;
				clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
				transition: clip-path .3s ease-out;
			}
			a {
				text-decoration: none;
				display: block;
				transition: padding .3s ease-out;
				cursor: auto;
				&:hover {
					padding-left: 130px;
					img {
						clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
					}
				}
			}
		}
	}
}

.owl-testimonials-biky {
	.item {
		--item-space: var(--wp--custom--main-size);
		background-color: #f2f2f2;
		border-radius: var(--wp--custom--border-radius);
		overflow: hidden;
		.without {
			margin: 0;
			padding: var(--item-space);
		}
		.with {
			margin: 0;
			padding: var(--item-space);
			background-color: var(--wp--preset--color--tertiary);
		}
		.logo {
			margin-block-start: var(--item-space);
			width: 100%;
			text-align: center;
			img {
				display: inline-block;
				max-width: 150px;
			}
		}
		.country {
			width: 100%;
			text-align: center;
			img {
				display: inline-block;
				max-width: 50px;
				border-radius: 50%;
			}
		}
		.img-biky {
			display: none;
		}
	}
}

@media (min-width: 992px) {
	.owl-testimonials-biky {
		.item {
			background: #F2F2F2;
			background: linear-gradient(90deg, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 50%, rgba(35, 255, 207, 1) 50%, rgba(35, 255, 207, 1) 100%);
			align-items: center;
			display: flex;
			height: 70vh;
			max-height: 600px;
			justify-content: space-between;
			.with,
			.without {
				margin: 0 !important;
				width: 30% !important;
			}
			.with {
				text-align: end;
				background: none;
			}
			.logo {
				width: 100%;
				position: absolute;
				bottom: var(--item-space);
				text-align: center;
				img {
					display: inline-block;
					max-width: 150px;
				}
			}
			.country {
				width: auto;
				position: absolute;
				right: var(--item-space);
				bottom: var(--item-space);
				img {
					display: inline-block;
					max-width: 50px;
					border-radius: 50%;
				}
			}
			.img-biky {
				display: block;
				position: absolute;
				bottom: -5px;
				width: 100%;
				img {
					display: inline-block;
					max-width: 100%;
					width: auto;
				}
			}
		}
	}
}

@media (min-width: 1200px) {
	@media (min-width: 992px) {
		.owl-testimonials-biky {
			.item {
				--item-space: calc(var(--wp--custom--main-size) * 1.5);
			}
		}
	}
}

.section-home-agents-test {
	position: relative;
	.wrap-button {
		margin: 0;
		position: absolute;
		width: 100%;
		left: 0;
		text-align: center;
		display: none;
		z-index: 5;
	}
	.meta-channels {
		padding-inline: var(--wp--custom--main-size);
		position: absolute;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 5;
		img {
			max-width: 325px;
		}
	}
}

@media (min-width: 992px) {
	.section-home-agents-test {
		.wrap-button {
			display: block;
		}
	}
}

.agents-list-home {
	display: flex;
	gap: var(--wp--custom--main-size);
	.agent {
		margin: 0;
		position: relative;
		h3 {
			font-size: 18px;
			position: absolute;
			left: calc(var(--wp--custom--main-size) *.75);
			top: calc(var(--wp--custom--main-size) *.75);
		}
		video {
			border-radius: var(--wp--custom--border-radius);
		}
		.wp-block-buttons {
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 0;
			text-align: center;
			padding: var(--wp--custom--main-size);
			z-index: 5;
		}
	}
}

@media (max-width: 991px) {
	.agents-list-home::-webkit-scrollbar {
		display: none;
	}
	.agents-list-home {
		width: 100vw;
		margin-inline: -1.5rem !important;
		padding-inline: 1.5rem;
		display: flex !important;
		flex-wrap: nowrap;
		gap: var(--wp--custom--main-size);
		overflow-x: auto;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		.agent {
			flex: 1 0 min(92%, 300px);
		}
	}
}

@media (min-width: 1200px) {
	.agents-list-home {
		.agent {
			overflow: hidden;
			.wp-block-buttons {
				transform: translateY(110%);
				transition: all .3s ease-out;
				opacity: 0;
			}
			&:hover {
				.wp-block-buttons {
					transform: translateY(0);
					opacity: 1;
				}
			}
		}
	}
}

.section-home-agents-list {
	position: relative;
	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/bg-noise-blue.jpg);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		z-index: -1;
		opacity: .75;
	}
}

.section-home-why-keybe {
	position: relative;
	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/bg-noise-blue.jpg);
		background-repeat: repeat-x;
		background-position: 50% 50%;
		background-size: 40%;
		z-index: -1;
		opacity: .35;
	}
}

.owl-home-logos {
	.owl-carousel .owl-item {
		/* padding: var(--wp--custom--main-size); */
		img {
			object-fit: contain !important;
			filter: grayscale(1);
		}
	}
}

@media (min-width: 768px) {
	.owl-home-logos {
		.owl-carousel .owl-item {
			padding: calc(var(--wp--custom--main-size) * .5);
		}
	}
}


@media (min-width: 992px) {
	.owl-home-logos {
		.owl-carousel .owl-item {
			padding: var(--wp--custom--main-size);
		}
	}
}

.owl-texts-home {
	.row-icon-check {
		padding-block: calc(var(--wp--custom--main-size) * .5);
		justify-content: center !important;
		flex-wrap: wrap;
		p {
			flex-grow: unset !important;
			flex-basis: unset !important;
			text-align: center;
		}
	}
}

/* ==========================================================================
VERTICAL OWL
========================================================================== */

.animated {
	animation-duration: .8s !important;
}

@keyframes slideOutUp {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}

	to {
		visibility: hidden;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		opacity: 0;
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

/* ==========================================================================
AGENTS
========================================================================== */

.agent-list {
	--agent-space: calc(var(--wp--custom--main-size) * .5);
	margin-inline: calc(var(--agent-space) * -.5) !important;
	.agent {
		width: calc(100% / 2);
		padding: calc(var(--agent-space) * .5);
		.inner {
			display: block;
			border-radius: var(--wp--custom--border-radius);
			padding: var(--agent-space);
			padding-block-end: 0;
			position: relative;
			opacity: 1;
			&::before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, 0.3);
				background-image: url(../images/agents-bg.webp);
				background-size: cover;
			}
		}
		&:nth-child(3n+1) .inner:before {
			background-position: 0% 50%;
		}
		&:nth-child(3n+2) .inner:before {
			background-position: 50% 50%;
		}
		&:nth-child(3n+3) .inner:before {
			background-position: 100% 50%;
		}
		&.hidden {
			display: none !important;
		}
		h3 {
			font-weight: 600;
			font-size: clamp(1rem, 0.9630rem + 0.1852vw, 1.125rem);
			position: absolute;
			top: var(--agent-space);
			left: 0;
			padding-inline-start: var(--agent-space);
			width: 100%;
			z-index: 5;
		}
		.category {
			display: block;
			position: absolute;
			bottom: var(--agent-space);
			right: var(--agent-space);
			font-size: clamp(0.625rem, 0.6065rem + 0.0926vw, 0.6875rem);
			background-color: var(--wp--preset--color--tertiary);
			padding: .2em .5em;
			border-radius: 1rem;
			font-weight: 600;
			z-index: 10;
		}
		img {
			aspect-ratio: 3/4;
			max-width: none;
			width: 100%;
			object-fit: cover;
			object-position: 50% 0;
			margin-block-start: calc(var(--agent-space) * 3);
			position: relative;
			z-index: 5;
		}
		.wrap-button {
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 0;
			text-align: center;
			padding: var(--agent-space);
			display: none;
			z-index: 5;
		}
	}
}

@media (min-width: 768px) {
	.agent-list {
		.agent {
			width: calc(100% / 3);
		}
	}
}

@media (min-width: 992px) {
	.agent-list {
		.agent {
			width: calc(100% / 4);
		}
	}
}

@media (min-width: 1200px) {
	.agent-list {
		margin-inline: auto !important;
		padding-block-start: var(--wp--custom--main-size);
		--agent-space: var(--wp--custom--main-size);
		.agent {
			padding: calc(var(--wp--custom--main-size) * .5);
			h3 {
				padding-inline-end: 110px;
			}
			.category {
				bottom: unset;
				top: var(--wp--custom--main-size);
			}
			img {
				margin-block-start: calc(var(--agent-space) * 2);
				transition: transform .3s ease-out;
			}
			.wrap-button {
				display: block;
				.btn {
					transform: translateY(150%);
					opacity: 0;
					transition: all .3s ease-out;
				}
			}
			.inner {
				overflow: hidden;
				&:before {
					transform: scale(1.5);
					transition: transform .8s ease-out;
				}
				&:hover {
					&:before {
						transform: scale(1.1);
					}
					img {
						transform: scale(1.1);
					}
					.wrap-button {
						.btn {
							transform: translateY(0);
							opacity: 1;
						}
					}
				}
			}
		}
	}
}

.agents-filters {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(var(--wp--custom--main-size) * .5);
	padding-block-end: var(--wp--custom--main-size);
	.item {
		width: 50%;
		.dropdown-toggle {
			width: 100%;
			background-color: #FFF;
		}
	}
	label {
		font-weight: 700;
		margin-bottom: .25rem;
	}
	.btn {
		border: 1px solid var(--border-color);
		border-radius: 2rem;
		text-transform: unset;
	}
	.dropdown-item {
		text-transform: unset;
	}
	.dropdown-menu {
		width: 100%;
		border-color: var(--border-color);
	}
}

@media (min-width: 768px) {
	.agents-filters {
		.item {
			width: auto;
			display: flex;
			align-items: center;
			gap: calc(var(--wp--custom--main-size) * .5);
			.dropdown-toggle {
				width: auto;
				min-width: 200px;
			}
		}
	}
}

@media (min-width: 992px) {
	.agents-filters {
		position: sticky;
		top: 100px;
		z-index: 99;
	}
}

/* ==========================================================================
ANIMATIONS
========================================================================== */

@media (min-width: 1200px) {
	.main-header {
		.col-logo {
			position: relative;
			img {
				transition: opacity .08s linear;
				transition-delay: .4s;
			}
			span {
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 2px;
				padding-inline: var(--wp--custom--main-size);
				opacity: 0;
				transition-delay: .4s;
				pointer-events: none;
				&::after,
				&::before {
					content: '';
					position: absolute;
					top: 0;
					width: 17px;
					height: 21px;
					transition: transform .07s .3s linear;
				}
				&::before {
					background-image: url(../images/logo-anim-left.svg);
					left: 110px;

				}
				&::after {
					background-image: url(../images/logo-anim-right.svg);
					right: 22px;
				}
			}
			&:after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 383px;
				height: 14px;
				background-image: url(../images/logo-anim-text.svg);
				background-repeat: no-repeat;
				background-position: center;
				top: 7px;
				pointer-events: none;
				clip-path: polygon(40% 0, 40% 0, 40% 100%, 40% 100%);
				transition: all .07s .3s linear;
			}
			&:hover {
				img {
					opacity: 0;
					transition: opacity .12s linear;
					transition-delay: 0s;
				}
				span {
					opacity: 1;
					transition: opacity .07s linear;
					transition-delay: 0s;
					&::before {
						transform: translateX(-140px);
					}
					&::after {
						transform: translateX(255px);
					}
				}
				&:after {
					clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
				}
			}
		}
	}
}

/* ==========================================================================
LANDING PAGE
========================================================================== */

.banner-landing {
	position: relative;
	.wp-block-cover {
		min-height: calc(100svh - 60px);
		.wp-block-cover__inner-container {
			position: unset;
		}
	}
}

@media (min-width: 992px) {
	.banner-landing {
		.wp-block-cover {
			min-height: 100vh;
		}
		.item-top {
			padding-block-start: 64px;
		}
		.has-xx-large-font-size {
			font-size: 50px !important;
		}
	}
}

@media (min-width: 1200px) {
	.banner-landing {
		.has-xx-large-font-size {
			font-size: 60px !important;
		}
	}
}

.is-style-icon-check.lp-list-features {
	font-size: 14px;
	li {
		&:has(> ul) {
			position: relative;
			padding-inline-end: 2ch;
			&:after {
				content: '';
				width: 2ch;
				height: 2ch;
				background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300325c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
				position: absolute;
				right: 0;
				top: 3px;
			}
		}
	}
}

@media (max-width: 1199px) {
	.is-style-icon-check.lp-list-features {
		li {
			&:has(> ul) {
				ul {
					height: 0;
					overflow: clip;
					visibility: hidden;
					transition: height .25s ease, visibility .5s;
				}
				&.active {
					&:after {
						transform: rotate(180deg);
					}
					ul {
						height: auto;
						visibility: visible;
					}
				}
			}
		}
	}
}

@media (min-width: 992px) {
	.is-style-icon-check.lp-list-features {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: calc(var(--wp--custom--main-size) * .5) calc(var(--wp--custom--main-size) * 4);
	}
	.text-for-just {
		font-size: 60px !important;
	}
}

@media (min-width: 1200px) {
	.is-style-icon-check.lp-list-features {
		li {
			&:has(> ul) {
				&:after {
					transform: rotate(-90deg);
				}
				ul {
					background-color: #FFF;
					border-radius: 1rem;
					padding: calc(var(--wp--custom--main-size) * 1.5);
					position: absolute;
					bottom: calc(var(--wp--custom--main-size) * 2.75);
					bottom: calc(var(--wp--custom--main-size) * 2.25);
					left: 50%;
					width: 300px;
					transform: translateX(-50%);
					z-index: 99;
					box-shadow: 0 0 40px rgba(0, 0, 0, .15);
					transition: opacity .25s ease-out;
					overflow: unset;
					display: none;
					&::after {
						content: '';
						position: absolute;
						bottom: 0;
						left: 50%;
						transform: translate(-50%, 100%);
						width: 0;
						height: 0;
						border-left: 20px solid transparent;
						border-right: 20px solid transparent;
						border-top: 20px solid #FFF;
						z-index: 5;
					}
					&::before {
						content: '';
						position: absolute;
						bottom: -15%;
						left: 0;
						width: 100%;
						height: 25%;
						z-index: 1;
					}
					li {
						position: relative;
						z-index: 5;
					}
					li:first-child {
						margin-top: 0 !important;
					}
				}
				&:hover {
					ul {
						display: block;
					}
				}
			}
		}
	}
}

@media (min-width: 992px) {
	.lp-section-pricing {
		.col-right {
			position: relative;
			.pricing-circle {
				top: 0;
				transform: translateY(-50%);
				position: absolute;
				img {
					max-width: 70%;
				}
			}
			.biky-img {
				position: relative;
				z-index: 10;
			}
		}
	}
}

@media (min-width: 1200px) {
	.lp-section-pricing {
		overflow: hidden;
		.col-right {
			.pricing-circle {
				transform: translate(-30px, 120px);
				img {
					max-width: 90%;
				}
			}
			.biky-img {
				img {
					max-width: none;
					width: 540px;
				}
			}
		}
	}
}

.lp-section-better {
	.list-others-does,
	.list-biky-does {
		list-style: none;
		padding: 0;
		font-size: 14px;
		li {
			position: relative;
			padding-left: 1.5em;
			&:before {
				content: "❌";
				position: absolute;
				left: 0;
				top: 0;
				font-size: .75em;
				line-height: 2;
			}
		}
	}
	.list-others-does {
		li {
			&:before {
				content: "❌";
			}
		}
	}
	.list-biky-does {
		li {
			&:before {
				content: "✅";
			}
		}
	}
}

@media (min-width: 1200px) {
	.lp-section-better {
		.biky-img {
			img {
				max-width: none;
				width: 450px;
				transform: translateX(-50px);
			}
		}
	}
}

.lp-section-faqs {
	position: relative;
	overflow: hidden;
	.row {
		position: relative;
		z-index: 9;
	}
	&:after,
	&:before {
		content: '';
		position: absolute;
		bottom: 0;
		height: 100%;
		aspect-ratio: 1/1;
		background: #23FFCF;
		background: radial-gradient(circle, rgba(35, 255, 207, 1) 0%, rgba(35, 255, 207, 0) 75%);
		background-size: cover;
		opacity: .5;
	}
	&:before {
		left: 50%;
		transform: translate(-50%, 50%);
	}
	&:after {
		right: 0;
		transform: translateX(45%);
		display: none;
	}
}

@media (min-width: 768px) {
	.lp-section-faqs {
		&:before {
			left: 0;
			transform: translate(-45%, 0);
		}
		&:after {
			display: block;
		}
	}
}

.bg-noise-white {
	position: relative;
	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/bg-noise-white.webp);
		background-repeat: repeat-x;
		background-position: 50% -80px;
		background-size: 40%;
		z-index: 1;
		opacity: .75;
	}
	>* {
		position: relative;
		z-index: 5;
	}
}

/* ==========================================================================
FULLPAGE TEMPLATE
========================================================================== */

.fullpage {
	.main-footer {
		display: none !important;
	}
}

@media (min-width: 1200px) and (min-height: 800px) {
	.page-template-fullpage {
		footer.main-footer {
			position: absolute;
			width: 1px;
			height: 1px;
			overflow: hidden;
			clip: rect(0 0 0 0);
			clip-path: inset(100%);
			white-space: nowrap;
			border: 0;
		}
		.fullpage {
			max-height: 100vh;
			overflow-y: scroll;
			scroll-snap-type: block mandatory;
			.main-footer {
				display: block !important;
				border: none;
			}
			>section {
				scroll-snap-align: start;
				place-content: center;
				min-height: 100vh;
				padding-block-start: calc(var(--wp--custom--main-size) * 2 + 73px);
				padding-block-end: calc(var(--wp--custom--main-size) * 2);
				&.section-home-agents-test {
					place-content: end;
					background-color: #f6f9f8;
				}
				&.section-home-automatizacion,
				&.place-content-end {
					place-content: end;
				}
			}
		}
	}
}