/* Global Styles for Landing */

.w-70{
	width: 70%;
}
.w-90 {
	width: 90%;
}
.parragraph{
	font-size: 1.125rem;
}
.margin-menu{
	margin-right: 64px;
}
.banner-padding{
	padding:0px 100px;
}
.button-landing{
	padding: 10px 0px;
	color: var(--white-100);
	width: 50%;
}
/* Header Section */
.header-padding-landing{
	padding-top:80px;
	max-height: 670px;
}
.hero-content .landing-title{
	margin-bottom: 2rem !important;
}
.landing-title h1{
	font-family: var(--raleway);
	font-size: 3rem;
	line-height: 3.75rem;
}

.landing-title span{
	color:#ffdba6;
	font-style: italic;
}

.hero-lead.description{
	font-size: 1.25rem;
	line-height: 1.875rem;
}
.form-container{
	margin-top: 50px;
}
.landing-form{
		width: 568px;
		height: 640px;
		padding:40px 50px 42px;
		border-radius: 8px;
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		border: solid 1px var(--black-70);
		background-color: rgba(32, 32, 37, 0.9);
		background-image: url(../img/form-bg-lead.webp);
		background-repeat: no-repeat;
		background-position: top right;

}

.form-container .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	box-shadow: inset 0 -1px 0 0 var(--black-70);
	color: var(--black-30);
	padding: 10px !important;
}

.form-container .gform_wrapper .top_label select.large,
.form-container .gform_wrapper .top_label textarea.small {
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	box-shadow: inset 0 -1px 0 0 var(--black-70);
	color: var(--black-30);
}

.form-container .gform_footer input.button,
.form-container .gform_wrapper .gform_footer input[type="submit"],
.form-container .gform_wrapper .gform_page_footer input.button,
.form-container .gform_wrapper .gform_page_footer input[type="submit"] {
	padding: 10px 50px;
	background-color: var(--red-cactus-100);
	border-color: var(--red-cactus-100);
	font-size: 1rem;
	font-weight: 600;
	border-radius: .25rem;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	color: white;
}
/* Team Section */

#team-landin-section{
	padding-top: 80px;
	padding-bottom: 0px;
	background-image: url(../img/mapa_dot.svg);
	background-position: 10%;
	background-size: contain;
	background-repeat: no-repeat;
	
}
#team-landin-section h3{
	font-size: 2.5rem;
	line-height: 3rem;
	margin-bottom: 1.5rem;
}
#team-landin-section h3 span{
	color: #66666b;
	font-style: italic;
}
#team-landin-section a{
	color: var(--red-cactus-100)
}
#team-landin-section a:hover {
	color: var(--red-cactus-200)
}

#team-landin-section .margin{
	padding-bottom: 3rem !important;
}
.team-badge {
	width: 200px;
	position: relative;
}

.team-badge-wheel {
	position: absolute;
	top: -195px;
	right: -315px;
	animation: spin 20s linear infinite;
	-webkit-animation: spin 20s linear infinite;
	-moz-animation: spin 20s linear infinite;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(-360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

/* Client Section */
.client-section-landing{
	    background-color: var(--black-02);
		padding: 80px 0px 180px 0px;
	    background-position: right top;
	    background-repeat: no-repeat;
}

.client-section-landing h3 span{
	color:var(--black-50);
	font-style: italic;
}
.client-section-landing .carousel-item{
	display: block;
}
/* Marquee Efect css */
:root {
 	--size: clamp(10rem, 1rem + 40vmin, 30rem);
 	--gap: calc(var(--size) / 14);
 	--duration: 60s;
 	--scroll-start: 0;
 	--scroll-end: calc(-100% - var(--gap));
 }
.marquee {
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	mask-image: linear-gradient(var(--mask-direction, to right),
			hsl(0 0% 0% / 0),
			hsl(0 0% 0% / 1) 20%,
			hsl(0 0% 0% / 1) 80%,
			hsl(0 0% 0% / 0));
}

.marquee__group {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: var(--gap);
	min-width: 100%;
	animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
	.marquee__group {
		animation-play-state: paused;
	}
}

.marquee--vertical {
	--mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
	flex-direction: column;
}

.marquee--vertical .marquee__group {
	animation-name: scroll-y;
}


@keyframes scroll-x {
	from {
		transform: translateX(var(--scroll-start));
	}

	to {
		transform: translateX(var(--scroll-end));
	}
}

.marquee__item {
	margin-top: 60px;
	display: grid;
	background: white;
	padding: calc(var(--size) / 12);
	border-radius: 0.5rem;

}

.marquee__item img {
	opacity: 1;
}


.wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	margin: auto;
	max-width: 100vw;
}


/* End Marquee Efect */

/* Why Section */
.accordeon_slider .collapsable-button {
	padding: 16px 0;
	box-shadow: inset 0 -1px 0 0 var(--black-06);
}
.accordeon_slider .collapse-section .text-card{
	font-size: 1.25rem;
	line-height:1.4rem;
}
 /* --Line Bar Efect in toogle-- */
.line-bar {
	position: relative;
	top: 17px;
	left: 0;
	width: 0;
	height: 4px;
	border-radius: 2px;
	background-color: var(--red-cactus-100);
	transform: translateY(-50%);
	z-index: 0;
	transition: width 10s linear;
}

.collapsed.active .line-bar {
	width: 100%;
	transition: width 10s linear;
}


.parallax {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	top: 0;
	left: 0;
	/*enable 3D rendering*/
	transform: translateZ(0);
	will-change: transform;
}

.layer {
	position: absolute;
	width: 100%;
	height: 600px;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: top top;
}



.diversity-tag{
	background-image: url(../img/diversity_tag.svg);
	z-index: 99;
}

.agile-tag {
	background-image: url(../img/agile_tag.svg);
	z-index: 99;
}
.talent-tag {
	background-image: url(../img/talent_tag.svg);
	z-index: 99;
}


.match-tag {
	background-image: url(../img/match_tag.svg);
	z-index: 99;
}
.success-tag {
	background-image: url(../img/success_tag.svg);
	z-index: 99;
}

/* Award Section */

#award-landing-section {
	padding: 116px 0px;
	background-image: url(../img/mapa_dot.svg);
	background-position: 90%;
	background-repeat: no-repeat;

}

#award-landing-section .display-8{
	margin-bottom: 1.5rem;
}



#award-landing-section .transparent-container {
	border: solid 0px var(--black-06);
	border-radius: 8px;
	background-color: var(--black-02);
	padding:50px;
}


.cta-banner-landing{
	background-color: var(--black-90);
	padding: 110px 0px;
	background-image: url(../img/form-bg.webp);
	background-repeat: no-repeat;
	background-position: top right;
}

.cta-banner-landing .title{
	font-size: 2.5rem;
	font-weight: 400 !important;
	line-height: 1.5;
	padding-bottom: 3rem;
	color: white;
}

.cta-banner-landing .title span{
	color:#ffdba6;
	font-style: italic;
}

/* Testimonal Section */
.client-section-landing .carousel-item:not(.active) {
	display: none !important;
}

.testimonial-carrousel {
	margin-top: 80px;
}

.client-section-landing .carousel-icon-prev,
.carousel-icon-next {
	color: #cacacf;
}


.privace-policity a{
	color: white;
}

.privace-policity a:hover {
	color: var(--red-cactus-100);
}