a.hireBikyAi:before {
	content: "";
	width: 38px;
	height: 38px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	position: absolute;
	right: -16px;
	border-radius: 5px;
	background: var(--greenKeybe4);
	z-index: 1;
}

a.hireBikyAi:after {
	content: "";
	width: 38px;
	height: 38px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
	position: absolute;
	left: -16px;
	border-radius: 5px;
	background: var(--greenKeybe4);
	z-index: 1;
}

a.hireBikyAi {
	background: var(--greenKeybe4);
	height: 50px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	transition: all .3s ease;
	position: relative;
	z-index: 2;
	font-size: 14px;
	line-height: 1;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--darkBlueBiky);
	filter: brightness(1);
	transform: translateZ(0);
	max-width: 260px;
	margin: 3% auto 2% auto;
}

a.hireBikyAi span {
	background-color: transparent;
	filter: brightness(1);
	transform: translateZ(0);
	position: relative;
	z-index: 4;
}

a.hireBikyAi:hover {
	/* background: var(--darkBlueBiky); */
	filter: brightness(.9);
	transform: translateZ(0);
}

a.hireBikyAi:hover span {
	filter: brightness(1);
	transform: translateZ(0);
}

/*** AUDIO PLAY BUTTONS ***/

button#audioVP_1.play i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-43%, -50%);
}

button#audioVP_2.play i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-43%, -50%);
}

button#audioVP_3.play i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-43%, -50%);
}

.audioPlayContainer:hover {
	cursor: pointer;
}

.audioPlayContainer svg {
	cursor: pointer;
	transform: scale(1);
	transition: all .3s ease;
	transform-origin: center;
	/* filter: drop-shadow(0 0 1.05rem rgb(0  0  0 / 0.4)); */
}

.audioPlayContainer:hover svg {
	cursor: pointer;
	transform: scale(1.2);
	transition: all .3s ease;
	transform-origin: center;
	/* filter: drop-shadow(0 0 1.05rem rgb(0  0  0 / 0.5)); */
}

.audioBtncls-1 {
	fill: #003159;
}

.audioBtncls-1,
.audioBtncls-2 {
	stroke-width: 0px;
}

.audioBtncls-2 {
	fill: #00ffdc;
}

/*** END AUDIO PLAY BUTTONS ***/

/*** HERO ****/
.biky_hero {
	background-color: #f9f9f9;
	background-image: url(../img/bikyQ3/bikymontes-hero.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100vh;
	max-height: 100%;
	min-height: 720px;
	padding: 0% 0 0% 0;
	position: relative;
	width: 100%;
}

.biky_hero .container {
	position: relative;
	z-index: 4;
}

.biky_hero:before {
	content: "";
	background-image: linear-gradient(0deg, rgb(255 255 255 / 100%) 20%, rgb(255 255 255 / 0%) 55%);
	/* background-image: linear-gradient(0deg, rgb(255 255 255 / 100%) 0%, rgb(255 255 255 / 0%) 43%); */
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	width: 100%;
	pointer-events: none;
}

.biky_hero_content_wrapper {
	max-width: 1280px;
	margin: 0 auto;
}

.biky_hero .hero_content_top h1 {
	color: var(--darkBlueBiky);
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.7;
}

.biky_hero .hero_content_top svg {
	transform: scale(1.12) translate(4%, -78%);
	transform-origin: right;
}

.biky_hero .hero_content_top {
	display: flex;
	align-items: flex-start;
	padding: 4% 1% 4% 1%;
	flex-direction: column;
	transform: translate(11%, 95%) scale(1);
	transform-origin: right;
	width: fit-content;
}

.biky_hero .hero_content_top h2 {
	color: var(--darkBlueBiky);
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
	line-height: 1.7;
	margin: 8px 0;
	/* 	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #003159 20%, rgba(255, 255, 255, 0) 100%);
	background-size: 300% auto;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shine 16s ease infinite;
	position: relative; */
}

.biky_hero .hero_content_top h2 span.efectPercent {
	font-size: 24px;
	font-style: italic;
}

@keyframes shine {
	0% {
		background-position: -500% center;
	}

	100% {
		background-position: 500% center;
	}
}

.hero_content_bottom {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 4% 0 0% 0;
	margin: 2% auto -1% auto;
	transform: translate(0, 35%);
	position: relative;
}

.hero_content_bottom h2 {
	color: var(--darkBlueBiky);
	font-family: 'XspaceRegular';
	font-size: 78px;
	line-height: 1;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	font-weight: normal;
}

.hero_content_bottom h2 br {
	display: none;
}

.hero_content_bottom p {
	color: var(--darkBlueBiky);
	font-size: 22px;
	line-height: 0.8;
	letter-spacing: 13px;
	margin: 0 auto 14px auto;
	text-align: center;
	transform: translate(7px, 0);
	position: relative;
}

.hero_content_bottom h1.hiretagline {
	font-family: 'Montserrat', sans-serif;
	color: var(--darkBlueBiky);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: none;
	text-align: center;
	letter-spacing: 4px;
}

html .hiretagline {
	padding: 20px 0;
	margin: 20px auto 0px auto;
	border-top: 2px solid var(--darkBlueBiky);
	width: 96%;
	display: block;
	position: relative;
}

.hero_content_bottom__ctas {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 2% 0;
	max-width: 1280px;
	width: 100%;
}

.hero_content_bottom__ctas__item {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	flex-direction: column-reverse;
}

/*** END HERO ****/

/*** END WHY BIKY ****/
.whyBiky__content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	justify-content: center;
	align-items: center;
	max-width: 1280px;
	width: 100%;
	position: relative;
	margin: 2% auto;
	padding: 8% 0;
}

.whyBiky__content__item {
	position: relative;
	padding: 2% 0;
}

.whyBiky__imgp {
	width: 93%;
	margin: 0 auto;
	display: block;
}

#div#audioVP_2_wrap {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1);
	/* width: 65px;
	height: 65px; */
}

.whyBiky__content__item.whyBiky_info h2 {
	font-size: 26px;
	line-height: 1.4;
	color: var(--darkBlueBiky);
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
}

.whyBiky__content__item.whyBiky_info p {
	color: var(--darkBlueBiky);
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 0.7px;
}

span.feat_whyBiky {
	color: var(--darkBlueBiky);
	font-weight: 700;
	font-size: 20px;
	line-height: 1.5;
	position: relative;
	padding: 8px 4px 8px 0px !important;
}

.feat_whyBiky_wrapper {
	list-style: none;
	padding: 0;
	margin: 30px 0;
}

.feat_whyBiky_text {
	color: var(--darkBlueBiky);
}

.feat_whyBiky_wrapper li {
	/* display: flex;
	align-items: center; */
	margin-bottom: 16px;
	display: block;
}

.feat_whyBiky_wrapper li span {
	padding: 8px 16px 8px 0px;
	letter-spacing: 0.7px;
}

.whyBiky_info .hireBikyAi {
	margin-top: 6% !important;
}

/*** END WHY BIKY ****/

/*** BORING BOT ***/
.boringBot_content {
	max-width: 1280px;
	width: 100%;
	position: relative;
	margin: 2% auto;
	padding: 4% 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.boringBot_text {
	display: flex;
	align-items: center;
	padding: 2% 0;
	width: 85%
}

.boringBot_text_bottom {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 2% 0;
	width: 85%
}

.boringBot_text p,
.boringBot_text_bottom p {
	color: var(--darkBlueBiky);
	font-size: 38px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.2;
	margin: 0;
}

.boringBot_text_bottom .boringBot_emoji_smile {
	width: 50px;
	height: auto;
}

.boringBot__botimg {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
}

.boringBot_redline,
.boringBot_emoji_bot {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
}

.boringBot_emoji_bot {
	left: 51%;
	top: 46%;
	z-index: 2;
}

.boringBot_redline {
	width: 0;
	height: auto;
	transition: width 0.45s ease-in-out;
	z-index: 3;
}

.boringBot_redline.visible {
	width: 100%;
}

.boringBot_bot {
	width: 85%;
	height: auto;
}

/*** ENDBORING BOT ***/

/*** I'M AGENT ***/
.iam_agent {
	position: relative;
	min-height: 420px;
}

.iam_agent:before {
	background-color: var(--greenKeybe3);
	content: "";
	position: absolute;
	height: 70%;
	bottom: 0;
	left: 0;
	width: 100%;
}

.iam_agent__content {
	max-width: 1280px;
	width: 100%;
	position: relative;
	margin: 2% auto 0 auto;
	padding: 4% 0 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.iam_agent__box {
	position: absolute;
	z-index: 4;
	width: 100%;
	max-width: 1080px;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%) scale(.9);
}

.iam_agent__box p,
p.commercial_text {
	color: var(--darkBlueBiky);
	font-size: 38px;
	font-weight: 400;
	font-style: italic;
	margin: 0;
	transform: scale(1.1);
}

.iam_agent__textbox_top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	position: relative;
	transform: translate(10%, 0);
}

.iam_agent__textbox_bottom {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
}

.iam_agent_imgbox {
	display: flex;
	position: relative;
	width: 600px;
	margin: -1px auto;
	align-items: flex-end;
	justify-content: center;
	transform: translate(-10%, 0);
}

.iam_agent__textbox_bottom__inner {
	padding: 0;
	position: relative;
	transform: translate(10%, 0);
}

.iam_agent__textbox_bottom__inner h2.commercial_text__2 {
	color: var(--darkBlueBiky);
	font-size: 17px;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5;
	transform: scale(1.1);
}

/*** END I'M AGENT ***/

/*** STEPS ***/

.select_biky_content {
	display: flex;
	width: 100%;
	position: relative;
}

#biky_step1 {
	margin-bottom: -4%;
}

#biky_step1 .select_biky_content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
}

#biky_step1 .select_biky-item {
	width: 100%;
}

.biky_verso {
	position: relative;
}

.biky_verso img {
	max-width: 480px;
	height: 100%;
	transform: translate(0%, -4%);
}

.select_biky {
	padding: 4% 0 4% 0;
}

.biky_voices {
	padding: 4% 0 4% 0;
}

.biky_personality {
	padding: 4% 0 4% 0;
}

.biky_downloadimgs {
	padding: 4% 0 4% 0;
}

.biky_givename {
	padding: 6% 0 0% 0;
}

.select_biky-item {
	width: 50%;
}

.select_biky_content,
.biky_voices-content,
.biky_voices-content,
.biky_personality-content,
.biky_givename-content,
.biky_downloadimgs {
	max-width: 1260px;
	margin: 0 auto;
}

.select_biky-item.stepInfo,
.biky_voices-item.stepInfo {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.biky_voices-item.stepInfo {
	transform: translate(24%, 0%);
}

.training .select_biky-item.stepInfo {
	transform: translate(24%, 0%);
}

#biky_steps_personality .biky_voices-item.stepInfo {
	transform: translate(10%, 0);
}

.select_biky-item:last-child {
	display: block;
}

.biky_verso .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.avatar_biky_name {
	position: absolute;
	bottom: 1%;
	background-color: #49ff9b;
	background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
	padding: 10px 28px;
	width: auto;
	max-width: 330px;
	border-radius: 30em;
	color: var(--darkBlueBiky);
}

.avatar_biky_name p {
	margin: 0;
	text-align: center;
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
	font-style: italic;
}

.biky_verso .swiper-slide:not(.swiper-slide-active) {
	opacity: 0 !important;
}

.biky_verso .swiper-button-next:after,
.biky_verso .swiper-button-prev:after {
	content: none;
}

.biky_verso .swiper-button-next i,
.biky_verso .swiper-button-prev i {
	color: var(--darkBlueBiky);
	font-size: 45px !important;
	transform: scale(1);
	transform-origin: center;
	transition: transform 0.35s ease;
}

.biky_verso .swiper-button-next:hover i,
.biky_verso .swiper-button-prev:hover i {
	color: var(--darkBlueBiky);
	font-size: 45px !important;
	transform: scale(1.05);
	transform-origin: center;
	transition: transform 0.35s ease;
}

.biky_voices-content,
.biky_givename-content,
.biky_downloadimgs-content,
.biky_personality-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: center;
	align-items: center;
	gap: 4%;
	max-width: 1240px;
	margin: 0 auto;
}

.biky_voices-item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
}

h3.titleStep {
	font-size: 52px;
	margin: 0 0 2% 0;
	line-height: 1;
	font-weight: 400;
	font-style: italic;
	color: var(--darkBlueBiky);
	text-transform: uppercase;
}

p.descriptionStep {
	color: var(--darkBlueBiky);
	font-size: 22px;
	line-height: 1.7;
	margin: 1% 0;
}

.biky_voices-item.biky_voices__audio img {
	transform: scale(1.3);
}

.biky_voices__audio {
	transform: translate(-4%, 0);
}

.select_biky-item h2 {
	font-size: 48px;
	line-height: 1.3;
	font-weight: 300;
	margin-bottom: 2%;
}

.biky_voices-item h2 {
	font-size: 48px;
	line-height: 1.3;
	font-weight: 300;
	margin-bottom: 2%;
}

.biky_personality-item h2 {
	font-size: 48px;
	line-height: 1.3;
	font-weight: 300;
	margin-bottom: 2%;
}

.biky_downloadimgs-item h2 {
	font-size: 48px;
	line-height: 1.3;
	font-weight: 300;
	margin-bottom: 2%;
}

.biky_downloadimgs-item p {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 2%;
}

.biky_givename-item h2 {
	font-size: 48px;
	line-height: 1.3;
	font-weight: 300;
	margin-bottom: 2%;
}

.biky_givename-inner {
	margin-top: 0%;
}

.biky_givename-item p {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 2%;
}

.biky_givename-inner a.biky_ctabtn {
	margin: 4% 0;
	color: black;
	font-size: 18px;
	padding: 14px 28px;
}

.biky_givename-inner a.biky_ctabtn:hover {
	background-image: linear-gradient(45deg, white, white);
	color: black !important;
}

.playpausebtn-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
}

.hero_content_bottom__ctas__item .playpausebtn-wrapper {
	top: 0;
	left: 0;
	transform: translate(0%, 0%);
	position: relative;
	z-index: 10;
	scale: 0.8;
}

div#audio-container {
	transform: scale(0.9);
	transform-origin: center;
}

.playpausebtn-wrapper button {
	background-color: transparent;
	color: black;
	outline: none;
	font-size: 55px;
	line-height: 1.5;
	border: 0;
	position: relative;
	transform: translate(4px, 0px) scale(1);
	transform-origin: center;
	cursor: pointer;
	transition: all .35s ease;
	padding: 0px !important;
}

.playpausebtn-wrapper button:hover {
	background-color: transparent;
	outline: none;
	font-size: 55px;
	border: 0;
	position: relative;
	transform: translate(4px, 0px) scale(0.9);
	transform-origin: center;
	cursor: pointer;
	transition: all .35s ease;
}

button#toggleButton i.fa-pause {
	transform: translate(-5px, 0);
	position: relative;
}

.steps_end {
	max-width: 1280px;
	margin: 6% auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.steps_end h2 {
	color: var(--darkBlueBiky);
	font-size: 28px;
	line-height: 1.4;
	text-align: center;
	font-weight: 400;
}

.biky_verso_rol img {
	border-radius: 300em;
}

@media only screen and (max-width: 1024px) {

	.autopilot_hero .content-title h1 {
		font-size: 35px;
	}

	.autopilot_hero {
		/* height: 70dvh; */
		padding: 33% 0 0 0;
	}

	.autopilot_hero>.container {
		justify-content: space-between;
		height: 100%;
	}

	.autopilot_hero .content-title h2 {
		font-size: 46px;
	}

	.autopilot_hero .content-title h3 {
		font-size: 23px;
	}

	.autopilot_hero .content-title p {
		font-size: 14px;
	}

	.select_biky_content {
		display: block;
	}

	.select_biky-item {
		width: 100%;
	}

	.biky_verso {
		padding: 10%;
	}

	.biky_verso img {
		width: 95%;
		height: auto;
	}

	.select_biky-item h2 {
		font-size: 36px;
	}

	.select_biky {
		padding: 20% 0 10% 0;
	}

	.biky_voices {
		padding: 20% 0;
	}

	.biky_voices-content,
	.biky_givename-content,
	.biky_downloadimgs-content,
	.biky_personality-content {
		grid-template-columns: 1fr;
		justify-content: center;
		align-items: center;
		padding: 0 4%;
	}

	.biky_givename-content {
		gap: 0;
	}

	.biky_givename-item h2,
	.biky_givename-item p {
		margin-top: 0;
	}

	.biky_voices-item img {
		width: 100%;
		height: auto;
		margin: 1% auto;
	}

	.playpausebtn-wrapper button {
		background-color: transparent;
		color: black;
		outline: none;
		font-size: 40px;
		border: 0;
		position: relative;
		transform: translate(2px, 0px) scale(1);
		transform-origin: center;
		cursor: pointer;
	}

	.playpausebtn-wrapper button:hover {
		transform: translate(4px, 0px) scale(0.9);
		transform-origin: center;
		cursor: pointer;
	}

	.biky_voices-item h2 {
		font-size: 36px;
		text-align: center;
	}

	.biky_voices-item {
		justify-content: center;
	}

	.biky_voices-item:first-child {
		order: 1;
	}

	.biky_personality-item h2 {
		font-size: 36px;
	}

	.biky_personality {
		padding: 20% 0;
	}

	.biky_downloadimgs {
		padding: 20% 0;
	}

	.biky_downloadimgs-item:first-child {
		order: 1;
	}

	.biky_downloadimgs-item h2 {
		font-size: 36px;
	}

	.biky_givename-item h2 {
		font-size: 36px;
	}

	div#audio-container {
		transform: scale(1.1);
		transform-origin: center;
	}

}

@media only screen and (min-widht: 1024px) and (max-width:1160px) {
	.bikuplans_group_cols {
		grid-template-columns: repeat(2, 1fr);
	}

	.co_auto-pilot {
		position: absolute;
	}

	.bikuplans_group_cols {
		margin-bottom: 10%;
	}

	.bikuplans_group_cols:first-child {
		margin-bottom: 20%;
	}
}


/** end select bikys **/

.bikyVoices {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 300px;
	height: 300px;
}

div#audio-container * {
	width: 100% !important;
	height: 100% !important;
	margin: 0 auto !important;
}

.biky_verso_training img {
	border-radius: 300em;
}

/*** END STEPS ***/

/*** BENEFITS ***/
.benefitsBiky {
	background-color: #f9f9f9;
	background-image: url(../img/bikyQ3/biky-montes-ejecutiva-100.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	max-height: 100%;
	min-height: 640px;
	padding: 4% 0 4% 0;
	position: relative;
	width: 100%;
}

.benefitsBiky__content {
	max-width: 1280px;
	width: 100%;
	position: relative;
	margin: 2% auto 0 auto;
	padding: 4% 0 4% 0;
	display: grid;
	grid-template-columns: 35% 26% 38%;
	gap: 10px;
	/* grid-template-columns: repeat(3, 1fr);*/
}

.benefitsBiky__content .benefitsBiky__items {
	padding: 10px;
}

.benefitsBiky__items.benefitsBiky_title h2 {
	font-size: 52px;
	line-height: 1.2;
	font-weight: 300;
	color: var(--greenKeybe4);
}

.benefitsBiky__items.benefitsBiky_info {
	border-left: 2px solid white;
	padding: 30px 10px;

}

.benefitsBiky__items.benefitsBiky_info li {
	color: white;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 500;
	margin-bottom: 6%;
	position: relative;
	min-height: 30px;
}

.benefitsBiky__items.benefitsBiky_info li:last-child {
	margin-bottom: 0;
}

ul.benefitsBiky__list {
	margin-left: 8%;
	padding-left: 20px;
	position: relative;
	list-style: none;
}

.benefitsBiky__items.benefitsBiky_info li:before {
	content: "";
	background-image: url(../img/bikyQ3/angle-list.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	top: 8%;
	left: -25px;
	transform: translate(-50%, 13%);
	position: absolute;
	width: 16px;
	height: 16px;
}

.benefitsBiky__items.benefitsBiky_info p {
	color: white;
	font-size: 14px;
	line-height: 1.7;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: 4%;
	padding-left: 0px;
	margin-bottom: 0;
}

.benefitsBiky__items.benefitsBiky_title {
	position: relative;
}

.benefitsBiky__items.benefitsBiky_title .playpausebtn-wrapper {
	top: 90%;
	left: 85%;
}

/*** END BENEFITS ***/

/*** KB CASES ***/
.kbCases {
	max-width: 1280px;
	width: 100%;
	position: relative;
	margin: 1% auto 2% auto;
	padding: 2% 0 4% 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.kbCases h2 {
	font-size: 30px;
	line-height: 1.5;
	color: var(--darkBlueBiky);
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}

.kbCases_caseWrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	align-items: center;
	justify-content: center;
	background-color: var(--greenKeybe3);
	padding: 0;
	border-radius: 30px;
	gap: 20px;
	width: 90%;
}

.kbCases_caseItem {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.kbCases_caseItem:last-child {
	padding: 50px;
}

.kbCases_caseItem img.biky_caseItem {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translate(0, 0);
	max-width: 100%;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

.kbCases_caseItem img.caseItem_logo {
	width: 100%;
	height: 60px;
	transform: translate(0, 0);
	max-width: 200px;
	margin: 2% auto;
	display: block;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.kbCases_caseItem h4 {
	color: var(--darkBlueBiky);
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0.5px;
	max-width: 85%;
	font-size: 20px;
	font-weight: 400;
	font-style: italic;
}

html .kbCases_caseItem a.hireBikyAi,
html .kbCases_caseItem a.hireBikyAi:before,
html .kbCases_caseItem a.hireBikyAi:after {
	background: white !important;
}

/*** ENDKB CASES ***/

/*** HUMANS VS BIKY ***/
.tableVs {
	max-width: 1280px;
	width: 100%;
	position: relative;
	margin: 2% auto 0 auto;
	padding: 12% 0 2% 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tableVs___tableWrapper {
	background-color: var(--greenKeybe4);
	border-radius: 30px;
	padding: 50px 4px 4px 4px;
	max-width: 780px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.tableVs__table__content {
	width: 100%;
	text-align: center;
}

.tableVs__heading_img__row {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.tableVs__heading_img__col {
	position: relative;
}

.tableVs__heading_img__col img {
	position: relative;
	width: 60%;
	margin-bottom: -7px;
	margin-top: -150px;
}

.tableVs__body .tableVs__row:nth-child(odd) {
	background-color: #EDF4F3;
}

.tableVs__body .tableVs__row:nth-child(even) {
	background-color: white;
}

.tableVs__body {
	position: relative;
}

.tableVs__body:before {
	content: "";
	background-image: url(../img/bikyQ3/vs.svg);
	background-position: center;
	background-size: contain;
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
}

.tableVs__row {
	display: grid;
	gap: 0px;
}

.tableVs__row:last-child {
	border-bottom-left-radius: 26px;
	border-bottom-right-radius: 26px;
}

.tableVs__row h3 {
	color: var(--darkBlueBiky);
	font-family: 'Druk Wide Trial Heavy';
	font-size: 32px;
	font-weight: 900;
	margin: 12px 0;
	letter-spacing: 2px;
}

.tableVs__row h4 {
	font-size: 17px;
	font-weight: 900;
	text-transform: uppercase;
}

.tableVs__row p {
	font-size: 15px;
	font-weight: 500;
}

.tableVs__row h4,
.tableVs__row p {
	color: var(--darkBlueBiky);
	margin: 16px 0;
}

.tableVs__row.col_1 {
	grid-template-columns: 1fr;
}

.tableVs__row.col_1 .tableVs__col {
	border-left: 0px !important;
	border-right: 0px !important;
}

.tableVs__row.col_2 {
	grid-template-columns: repeat(2, 1fr);
}

.tableVs__col:first-child {
	border-right: 2px solid var(--greenKeybe4);
}

.tableVs__col:last-child {
	border-left: 2px solid var(--greenKeybe4);
}

/*** END HUMANS VS BIKY ***/

/*** PLAY BUTTONS ***/

button#audioVP_1 {
	background-color: var(--greenKeybe4);
	width: 80px;
	height: 80px;
	font-size: 42px;
	border-radius: 30em;
	display: flex;
	align-items: center;
	justify-content: center;
}

button#audioVP_2 {
	background-color: var(--greenKeybe4);
	width: 80px;
	height: 80px;
	font-size: 42px;
	border-radius: 30em;
	display: flex;
	align-items: center;
	justify-content: center;
}

button#audioVP_3 {
	background-color: var(--greenKeybe4);
	width: 50px;
	height: 50px;
	font-size: 28px;
	border-radius: 30em;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*** END PLAY BUTTONS ***/

/*** MODAL BIKYS ***/
.bikyModal__wrapper .closeChat {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 2%;
	right: 2%;
	cursor: pointer;
	transform: scale(0.8);
	opacity: 0.6;
	transition: all 0.35s ease;
}

.bikyModal__wrapper .closeChat:hover {
	transform: scale(0.95);
	opacity: 0.9;
	transition: all 0.35s ease;
}

.bikyModal__wrapper {
	background: transparent;
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 10px;
	display: none;
	top: 0;
	left: 0;
	z-index: 69;
}

.bikyModal__wrapper:before {
	content: "";
	background-color: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.bikyModal__wrapper__container {
	background: #fff;
	border-radius: 20px;
	position: relative;
	max-width: 760px;
	min-height: 230px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.95);
	box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.7);
	padding: 30px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bikyModal__content__heading h2,
.bikyModal__content__heading h4 {
	font-size: 24px;
	font-weight: 700;
	color: var(--darkBlueBiky);
	text-align: center;
	line-height: 1.4;
	margin: 4px;
}

.biky_agent_item img {
	width: 100%;
	height: auto;
	border-radius: 300em;
}

.biky_agent_item {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bikyModal__content {
	width: 100%;
	/* padding: 20px; */
	padding: 0px;
}

.bikyModal__content .swiper-button-next:after,
.bikyModal__content .swiper-button-prev:after {
	content: none;
}

.bikyModal__content .swiper-button-next i,
.bikyModal__content .swiper-button-prev i {
	color: var(--darkBlueBiky);
	font-size: 45px !important;
	transform: scale(1);
	transform-origin: center;
	transition: transform 0.35s ease;
	display: none;
}

.bikyModal__content .swiper-button-next:hover i,
.bikyModal__content .swiper-button-prev:hover i {
	color: var(--darkBlueBiky);
	font-size: 45px !important;
	transform: scale(1.05);
	transform-origin: center;
	transition: transform 0.35s ease;
}

.biky_agent_item {
	position: relative;
}

.biky_agent_item .avatar_biky_name {
	position: absolute;
	bottom: -10%;
	background-color: var(--greenKeybe4);
	/* background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%); */
	background-image: none;
	padding: 8px 10px;
	width: auto;
	max-width: 330px;
	border-radius: 30em;
	color: var(--darkBlueBiky);
	z-index: 2;
}

.biky_agent_item .avatar_biky_name p {
	margin: 0;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
}

.bikyModal__content__body__agents>div {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 26px;
	justify-content: center;
	align-items: center;
	padding: 4% 0;
}

.biky_agent_item:hover {
	cursor: pointer
}

.biky_agent_item:hover:before {
	content: "";
	background-color: var(--greenKeybe4);
	width: 100%;
	height: 100%;
	border-radius: 300em;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .4;
	transition: all 0.35s ease;
}

.biky_agent_item.avatarchecked:before {
	content: "";
	background-color: var(--greenKeybe4);
	width: 100%;
	height: 100%;
	border-radius: 300em;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.6;
	transition: all 0.35s ease;
}

.biky_agent_item:before {
	content: "";
	background-color: var(--greenKeybe4);
	width: 100%;
	height: 100%;
	border-radius: 300em;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.35s ease;
}


.unableToSelect {
	pointer-events: none;
	cursor: default;
	display: none;
}

.unableToSelect img {
	filter: grayscale();
}

.unableToSelect:after {
	content: "Próximamente";
	background-color: rgba(0, 0, 0, 0.1);
	width: 100%;
	height: 100%;
	border-radius: 300em;
	position: absolute;
	opacity: 1;
	transition: all 0.35s ease;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 700;
	color: rgb(9 252 220 / 78%);
}


.bikyModal__content__body__goWizard_cta a#goWizardModal {
	margin: 3% auto 1% auto;
}

.bikyModal__content__body {
	height: 460px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.1) transparent;
}

.bikyModal__content__body::-webkit-scrollbar {
	width: 5px;
	opacity: 0;
	transition: opacity 0.2s;
}

.bikyModal__content__body::-webkit-scrollbar-track {
	background: transparent;
}

.bikyModal__content__body::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 100px;
}

.bikyModal__content__body:hover::-webkit-scrollbar {
	opacity: 1;
}

.bikyModal__content__body:hover::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.8);
}

/*** END MODAL BIKYS ***/


/*** GENERAL MOBILE ***/
@media only screen and (max-width: 1023px) {

	html,
	body {
		overflow-x: hidden;
	}

	.hero_content_bottom h1.hiretagline {
		font-size: 14px;
		letter-spacing: 1px;
	}

	html .hiretagline {
		padding: 10px 0;
		margin: 10px auto 0px auto;
	}

	.biky_hero .hero_content_top h2 span.efectPercent {
		font-size: 20px;
	}

	.biky_hero .hero_content_top svg {
		transform: scale(1.06) translate(1%, -78%);
		transform-origin: right;
	}

	.biky_hero .hero_content_top h2 {
		font-size: 16px;
	}

	.hero_content_bottom {
		margin: 0% auto -1% auto;
		padding: 0% 0% 0% 0%;
		transform: translate(0, 25%);
	}

	.hero_content_bottom h2 {
		/* font-size: 36px; */
		font-size: 28px;
		letter-spacing: -2px;
	}

	.hero_content_bottom h2 br {
		display: block;
	}

	.hero_content_bottom p {
		font-size: 14px;
		letter-spacing: 2px;
		line-height: 1.5;
		transform: translate(0px, 4px);
	}

	.biky_hero .hero_content_top h1 {
		font-size: 15px;
		margin-bottom: -10px;
		line-height: 1.5;
	}

	.hero_content_bottom__ctas {
		grid-template-columns: 1fr;
		gap: 0px;
		padding: 0;
	}

	.whyBiky__content__item.whyBiky_info p {
		font-size: 14px;
	}

	.boringBot_emoji_bot {
		width: 45px;
	}

	.biky_voices-item.stepInfo,
	#biky_steps_personality .biky_voices-item.stepInfo,
	.training .select_biky-item.stepInfo {
		transform: translate(0, 0);
	}

	button#audioVP_1 {
		width: 60px;
		height: 60px;
		font-size: 34px;
	}

	.whyBiky__content {
		grid-template-columns: 1fr;
	}

	.whyBiky__content__item.whyBiky_info h2 {
		font-size: 22px;
	}

	.whyBiky__content__item.whyBiky_info {
		padding: 2% 6%;
	}

	.whyBiky__content__item.whyBiky_info h2 br {
		display: none;
	}

	.feat_whyBiky_wrapper li span:last-child {
		padding-right: 6px;
		font-size: 14px;
	}

	.boringBot_text p,
	.boringBot_text_bottom p {
		font-size: 32px;
	}

	.boringBot_text {
		transform: translate(0px, -40px);
	}

	.boringBot_text_bottom {
		transform: translate(0px, 30px);
	}

	.boringBot_redline {
		object-fit: contain;
	}

	div#boringBot {
		padding: 8% 0;
	}

	.iam_agent_imgbox {
		width: 100%;
		transform: translate(0%, 0);
	}

	.iam_agent__box {
		transform: translate(-50%, -50%) scale(.9);
		top: 85%;
	}

	.iam_agent__textbox_bottom__inner {
		width: 100%;
		text-align: right;
		transform: translate(-10%, 0);
	}

	.iam_agent__content {
		padding: 4% 4% 0% 4%;
		margin: 10% auto 30% auto;
	}

	.iam_agent__textbox_bottom__inner h2.commercial_text__2 {
		transform: translate(6%, 80%);
		font-size: 18px;
		text-align: left;
		padding-left: 4%;
	}

	.select_biky_content {
		padding: 0 2%;
	}

	.select_biky-item.stepInfo {
		padding: 4% 4% 8% 4%;
	}

	.biky_voices__audio {
		transform: translate(0%, 0);
	}

	.biky_voices-item.biky_voices__audio img {
		transform: scale(1);
	}

	.biky_voices {
		padding: 10% 0;
	}

	.steps_end h2 {
		font-size: 22px;
	}

	.steps_end {
		padding: 0 2%;
		margin: 6% auto 20% auto;
	}

	.benefitsBiky__content {
		padding: 4% 2%;
		grid-template-columns: 1fr;
	}

	.benefitsBiky__items.benefitsBiky_title h2 {
		font-size: 26px;
		margin-bottom: 8px;
	}

	.benefitsBiky__items.benefitsBiky_title h2 br {
		display: none;
	}

	.benefitsBiky__items.benefitsBiky_title .playpausebtn-wrapper {
		top: 2%;
	}

	.benefitsBiky__items.benefitsBiky_info {
		border-left: 0;
		padding: 0px 10px;
	}

	.benefitsBiky__items.benefitsBiky_info li {
		font-size: 14px;
	}

	.kbCases h2 {
		font-size: 24px;
		line-height: 1.3;
		padding: 0 4%;
	}

	.kbCases h2 br {
		display: none;
	}

	.kbCases__content {
		padding: 0 2%;
	}

	.biky_verso {
		padding: 0;
	}

	.kbCases_caseWrap {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.kbCases_caseItem img.biky_caseItem {
		height: 340px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 0;
		object-position: top center;
	}

	.kbCases_caseItem:last-child {
		padding: 30px;
	}

	.kbCases_caseItem h4 {
		font-size: 14px;
		max-width: 100%;
		line-height: 1.5;
		letter-spacing: 1px;
		margin-bottom: 20px;
		margin-top: 0px;
	}

	.kbCases_caseItem img.caseItem_logo {
		margin: 10% auto;
		width: 64%;
	}

	.kbCases {
		margin: 10% auto 22% auto;
	}

	.tableVs__body:before {
		width: 50px;
		height: 50px;
	}

	.tableVs__row h4 {
		font-size: 15px;
	}

	.tableVs__row p {
		font-size: 14px;
	}

	.tableVs___tableWrapper {
		transform: scale(0.9);
	}

	div#biky_hero {
		min-height: 420px;
		max-height: 720px;
		background-size: 150%;
		background-color: white;
	}

	.biky_hero:before {
		top: 0;
		background-image: linear-gradient(0deg, rgb(255 255 255 / 70%) 0%, rgb(255 255 255 / 0%) 29%);
	}

	/* .hero_content_bottom__ctas__item:nth-child(2) {
		position: absolute;
		top: -50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(0.95);
	} */

	.hero_content_bottom__ctas__item:nth-child(1) {
		position: absolute;
		top: -50%;
		/* left: 86%; */
		left: 50%;
		transform: translate(-50%, -50%) scale(0.95);
	}

	.biky_hero .hero_content_top {
		width: 100%;
		transform: translate(0%, 104%);
		padding: 1% 2% 1% 2%;
		margin: 5% auto 0% auto;
	}

	div#audioVP_2_wrap {
		top: 20px;
	}

	button#audioVP_2 {
		width: 70px;
		height: 70px;
		font-size: 36px;
		transform: translate(0px, 30px) scale(1);
	}

	p.descriptionStep {
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 4%;
	}

	h3.titleStep {
		font-size: 46px;
	}

	.biky_hero_content_wrapper {
		padding: 0 4%;
	}

	.tableVs__row h3 {
		color: var(--darkBlueBiky);
		font-family: 'Druk Wide Trial Heavy';
		font-size: 18px;
		font-weight: 900;
		margin: 12px 0;
		letter-spacing: 2px;
	}

	.swiper-pagination {
		display: block !important;
	}

	.swiper-button-next,
	.swiper-button-prev {
		display: none !important;
	}

	.caseItem__country img {
		height: 100% !important;
		width: 100%;
	}

	.caseItem__country {
		top: 2%;
		right: 10%;
	}

	.benefitsBiky:before {
		content: "";
		background-color: rgba(0, 0, 0, 0.2);
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		backdrop-filter: blur(16px);
	}
}

@media only screen and (max-width: 767px) {
	.bikyModal__wrapper {
		padding: 20px;
		z-index: 99;
	}

	.bikyModal__wrapper__container {
		padding: 15px 10px;
		/* padding: 15px 30px; */
		transform: translate(-50%, -50%) scale(0.99);
		transform-origin: center;
	}

	.bikyModal__content {
		padding: 10px;
	}

	.bikyModal__content__heading h2,
	.bikyModal__content__heading h4 {
		font-size: 16px;
		font-weight: 700;
		color: var(--darkBlueBiky);
		text-align: center;
		line-height: 1.3;
		margin: 0 auto 10px auto;
		transform: scale(0.9);
	}

	.bikyModal__content__body__agents>div {
		/* 		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px 8px;
		justify-content: center;
		align-items: center;
		padding: 0% 0 5% 0; */
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px 20px;
		justify-content: center;
		align-items: center;
		padding: 0% 0 5% 0;
	}

	.bikyModal__content__body {
		height: 380px;
		overflow-y: scroll;
	}

	.biky_agent_item .avatar_biky_name {
		bottom: -4%;
	}

	.biky_agent_item .avatar_biky_name p {
		margin: 0;
		text-align: center;
		font-size: 7px;
		line-height: 1;
		font-weight: 800;
		font-style: normal;
		text-transform: uppercase;
	}

	.unableToSelect:after {
		font-size: 8px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 979px) {

	.kbCases_caseItem img.biky_caseItem {
		height: 100%;
	}

	.caseItem__country img {
		height: 30px !important;
		min-height: 30px !important;
	}

	.biky_hero .hero_content_top {
		transform: translate(0%, 54%);
	}

	html .biky_hero:before {
		top: 50%;
		background-image: linear-gradient(0deg, rgb(255 255 255 / 100%) 26%, rgb(255 255 255 / 0%) 57%);
	}

	div#biky_hero {
		background-size: cover;
	}

	.biky_hero_content_wrapper {
		transform: translate(0%, 33%);
	}

	.iam_agent__textbox_bottom__inner h2.commercial_text__2 {
		transform: translate(6%, 120%);
		font-size: 26px;
	}

	.benefitsBiky__items.benefitsBiky_info li {
		margin-bottom: 14px;
		min-height: 31px;
	}

	ul.benefitsBiky__list {
		margin-left: 4%;
		width: 50%;
	}

	.benefitsBiky__items.benefitsBiky_info p {
		width: 50%;
		margin-left: 0%;
	}

	div#benefitsBiky {
		background-position: 80%;
	}

	.kbCases_caseWrap {
		grid-template-columns: repeat(2, 1fr);
		gap: 0;
	}

	.kbCases_caseItem img.biky_caseItem {
		min-height: 340px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 30px;
		object-position: top center;
	}

	.benefitsBiky__items.benefitsBiky_title h2 {
		font-size: 44px;
		margin-bottom: 8px;
		width: 60%;
	}

	.bikyModal__content__heading h2,
	.bikyModal__content__heading h4 {
		font-size: 20px;
		font-weight: 700;
		color: var(--darkBlueBiky);
		text-align: center;
		line-height: 1.4;
		margin: 0 auto 14px auto;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
	.hero_content_bottom h2 {
		font-size: 60px;
	}

	.hero_content_bottom p {
		font-size: 20px;
		letter-spacing: 8px;
	}

	.hero_content_bottom h2 {
		font-size: 60px;
	}

	.hero_content_bottom p {
		font-size: 20px;
		letter-spacing: 8px;
	}

	.biky_hero .hero_content_top h1 {
		font-size: 22px;
		line-height: 1.6;
	}

	.whyBiky__content {
		gap: 20px;
		margin: 2% auto;
		padding: 8% 4%;
	}

	.whyBiky__content__item.whyBiky_info h2 br {
		display: none;
	}

	.boringBot_content {
		padding: 4% 2%;
	}

	.select_biky_content {
		padding: 0 4%;
	}

	.select_biky {
		padding: 10% 0 10% 0;
	}

	.biky_voices-item.biky_voices__audio img {
		transform: scale(1);
	}

	.benefitsBiky__items.benefitsBiky_title h2 {
		font-size: 40px;
	}

	.benefitsBiky__content {
		grid-template-columns: 35% 38% 20%;
	}

	.biky_verso {
		padding: 4%;
	}

	.bikyModal__content__heading h2,
	.bikyModal__content__heading h4 {
		font-size: 20px;
		font-weight: 700;
		color: var(--darkBlueBiky);
		text-align: center;
		line-height: 1.4;
		margin: 0 auto 14px auto;
	}

}

/**** FIXES ****/
/* .lag_wrapper,
header .menu-langmenu-container {
	display: none;
}
 */
/**** END FIXES ****/

/* 
#visualizer {
	width: 360px;
	height: 360px;
	border-radius: 300em;
}

.circleAudio {
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-webkit-animation: ripple 4s ease-in infinite;
	-moz-animation: ripple 4s ease-in infinite;
	animation: ripple 4s ease-in infinite;
	will-change: transform;
	stroke-opacity: 1;
}

@keyframes ripple {
	0% {
		r: 50;
		opacity: 1;
		stroke-width: 6;
		stroke-opacity: 1;
	}

	100% {
		r: 180;
		opacity: 0;
		stroke-width: 0;
		stroke-opacity: 0;
	}

	0% {
		r: 18;
		opacity: 1;
		stroke-width: 3;
		stroke-opacity: 0.9;
	}
}
*/

/* @keyframes ripple {
	0% {
			transform: scale(1);
			opacity: 1;
			stroke-width: 6;
			stroke-opacity: 1;
	}
	100% {
			transform: scale(3.6);
			stroke-width: 0;
			stroke-opacity: 0;
	}
}
	
.circleAudio {
	transform-origin: center;
	animation: ripple 4s ease-in infinite;
}
*/


/* 
@keyframes ripple {
	0% {
		r: 50;
		opacity: 1;
		stroke-width: 6;
	}

	100% {
		r: 180;
		opacity: 0;
		stroke-width: 0;
	}

	0% {
		r: 18;
		opacity: 1;
		stroke-width: 3;
	}
}

.circleAudio {
	transform-origin: center;
	animation: ripple 4s ease-in infinite;
}
 */

#visualizer {
	width: 360px;
	height: 360px;
	border-radius: 300em;
	-webkit-border-radius: 300em;
	-moz-border-radius: 300em;
}

@-webkit-keyframes ripple {
	0% {
		transform: scale(0.3);
		opacity: 1;
		stroke-width: 3;
	}

	100% {
		transform: scale(3.6);
		opacity: 0;
		stroke-width: 0;
	}

	0% {
		transform: scale(0.1);
		opacity: 1;
		stroke-width: 3;
	}
}

@-moz-keyframes ripple {
	0% {
		transform: scale(0.3);
		opacity: 1;
		stroke-width: 3;
	}

	100% {
		transform: scale(3.6);
		opacity: 0;
		stroke-width: 0;
	}

	0% {
		transform: scale(0.1);
		opacity: 1;
		stroke-width: 3;
	}
}

@keyframes ripple {
	0% {
		transform: scale(0.3);
		opacity: 1;
		stroke-width: 3;
	}

	100% {
		transform: scale(3.6);
		opacity: 0;
		stroke-width: 0;
	}

	0% {
		transform: scale(0.1);
		opacity: 1;
		stroke-width: 3;
	}
}

.circleAudio {
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-webkit-animation: ripple 4s ease-in infinite;
	-moz-animation: ripple 4s ease-in infinite;
	animation: ripple 4s ease-in infinite;
	will-change: transform;
}

.circle_solid {
	width: 100px;
	height: 100px;
	background-color: #00ffff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.7);
	border-radius: 30em;
}

.container_circle_animated {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	transform: translate(-50%, -50%) scale(1.3);
	top: 50%;
	left: 50%;
}

.biky_voices-item.biky_voices__audio img {
	opacity: 0;
}

#biky_steps_personality .biky_voices-item.biky_voices__audio img {
	opacity: 1;
}

.tableVs {
	display: none;
}

.swiper-pagination {
	transform: translate(0, 40px);
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--darkBlueBiky);
}

.swiper-pagination {
	display: none;
}

.caseItem__country {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 4%;
	right: 8%;
}

/*** LOGOS ***/
.biky__logos {
	padding: 6% 0;
	display: none;
}

.logos__container__content {
	max-width: 1280px;
	width: 100%;
	position: relative;
	margin: 2% auto 0 auto;
	padding: 4% 0 4% 0;
}

.biky_logos_swiper .swiper-button-next:after,
.biky_logos_swiper .swiper-button-prev:after {
	content: none;
}

.biky_logos_swiper .swiper-button-next i,
.biky_logos_swiper .swiper-button-prev i {
	color: var(--darkBlueBiky);
	font-size: 45px !important;
	transform: scale(1);
	transform-origin: center;
	transition: transform 0.35s ease;
}

.biky_logos_swiper .swiper-button-next:hover i,
.biky_logos_swiper .swiper-button-prev:hover i {
	color: var(--darkBlueBiky);
	font-size: 45px !important;
	transform: scale(1.05);
	transform-origin: center;
	transition: transform 0.35s ease;
}

/* html .swiper-pagination5 {
	display: block !important;
} */

.biky__logos__item_content {
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 80px;
}

.bikeho {
	max-width: 260px !important;
}

.toyo {
	max-width: 160px !important;
}

.rigog {
	max-width: 160px !important;
}

.pintu {
	height: 100px !important;
	max-width: 260px !important;
}

@media only screen and (max-width: 1023px) {
	.biky__logos__item_content {
		padding: 15px;
		min-height: 80px;
	}

	.kbCases_caseItem:last-child {
		min-height: 350px;
	}
}

/*** ENDLOGOS ***/


.comingSoon {
	pointer-events: none;
	cursor: default;
}



/**** FOOTER ****/
.footer-info {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px;
	max-width: 95%;
	padding: 0 30px;
	margin: 0 auto;
	width: 100%;
}

.footer-info .footer-col {
	padding: 0 10px;
}

.footer-col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-col ul li {
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 1.5;
}

.footer-col ul li a {
	color: var(--darkBlueBiky);
	text-decoration: none;
	opacity: 1;
	transition: all .35s ease;
}

.footer-col ul li a:hover {
	color: var(--darkBlueBiky);
	text-decoration: underline;
	opacity: 0.7;
	transition: all .35s ease;
}

.footer-info h3 {
	margin: 0 auto 12px auto;
}

.footer_col-inner .site-branding {
	margin-bottom: 20px;
	margin-top: 8px;
}

.footer_col-inner .site-branding img {
	width: 150px;
}

@media only screen and (max-width: 1199px) and (min-width: 800px) {
	.footer-info {
		gap: 10px;
		padding: 0 8px;
		max-width: 100%;
		grid-template-columns: repeat(5, 1fr);
	}

	.site-info {
		padding: 20px 0;
	}

	.site--social-networks {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 799px) and (min-width: 500px) {
	.footer-info {
		gap: 20px 10px;
		padding: 0 8px;
		max-width: 100%;
		grid-template-columns: repeat(3, 1fr);
	}

	.site-info {
		padding: 20px 0;
	}

	.site--social-networks {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 499px) {
	.footer-info {
		gap: 10px 10px;
		padding: 20px 8px;
		max-width: 100%;
		grid-template-columns: repeat(1, 1fr);
	}

	.site-info {
		padding: 20px 0;
	}

	.site--social-networks {
		padding-top: 20px;
	}
}

/**** FOOTER ****/

/*** animation arrow ***/

@-webkit-keyframes animate-svg-stroke-1 {
	0% {
		stroke-dashoffset: 363.3699951171875px;
		stroke-dasharray: 363.3699951171875px;
	}

	100% {
		stroke-dashoffset: 726.739990234375px;
		stroke-dasharray: 363.3699951171875px;
	}
}

@keyframes animate-svg-stroke-1 {
	0% {
		stroke-dashoffset: 363.3699951171875px;
		stroke-dasharray: 363.3699951171875px;
	}

	100% {
		stroke-dashoffset: 726.739990234375px;
		stroke-dasharray: 363.3699951171875px;
	}
}

.svg-elem-1 {
	-webkit-animation: animate-svg-stroke-1 1.3s ease-in-out 0s both;
	animation: animate-svg-stroke-1 1.3s ease-in-out 0s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
	0% {
		stroke-dashoffset: 20.79645538330078px;
		stroke-dasharray: 20.79645538330078px;
	}

	100% {
		stroke-dashoffset: 41.59291076660156px;
		stroke-dasharray: 20.79645538330078px;
	}
}

@keyframes animate-svg-stroke-2 {
	0% {
		stroke-dashoffset: 20.79645538330078px;
		stroke-dasharray: 20.79645538330078px;
	}

	100% {
		stroke-dashoffset: 41.59291076660156px;
		stroke-dasharray: 20.79645538330078px;
	}
}

.svg-elem-2 {
	-webkit-animation: animate-svg-stroke-2 1.3s ease-in-out 0.18s both;
	animation: animate-svg-stroke-2 1.3s ease-in-out 0.18s both;
}

/*** animation arrow ***/