/* 
Theme Name: ONCE Elementor
Theme URI: https://github.com/elementor/hello-theme/
Description: Customized Hello Elementor Theme by the Once Interactive Team.
Author: Once Interactive
Author URI: https://onceinteractive.com
Template: hello-elementor
Version: 1.0.3
Text Domain: hello-elementor-child
*/


/* General */

.menu-item-7501 .sub-menu li a{
	display: block;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	max-width: 100%;

}

.hidden-br{
	display:block;
}

.page-id-6275 .site-header,
.page-id-6275 .site-footer{
	display: none;
}

.knowledge-menu{
	display: none !important;
}

.icon-image{

}

.hide-jump{
	display:none;
}

.purple-gd {
	background-image: url('/wp-content/uploads/2025/01/purple-gradient.png');
	background-size: cover;
	background-position: 50% 50%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.blue-gd{
	background: linear-gradient(90deg, #1764DF 0%, #8BB3F3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.blue-gd .elementor-widget-container .elementor-heading-title{
	background: linear-gradient(90deg, #1764DF 0%, #8BB3F3 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.prpl-gd{
	background: linear-gradient(90deg, #B34ABB 0%, rgba(179, 74, 187, 0.4) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.prpl-gd .elementor-widget-container .elementor-heading-title{
	background: linear-gradient(90deg, #B34ABB 0%, rgba(179, 74, 187, 0.4) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.boxe li{
	border: 1px solid #D0D5DD !important;
}

.social-contact .elementor-social-icons-wrapper .elementor-grid-item .elementor-icon {
	background: 
		linear-gradient(0deg, rgba(139, 179, 243, 0.3), rgba(139, 179, 243, 0.3)),
		radial-gradient(45.73% 45.73% at 70.47% 50%, rgba(139, 179, 243, 0.3) 0%, rgba(139, 179, 243, 0) 100%),
		radial-gradient(58.36% 58.36% at 13.41% 63.07%, rgba(139, 179, 243, 0) 0%, rgba(71, 134, 255, 0) 100%),
		radial-gradient(71.34% 71.34% at 20.03% 18.21%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 97.45%) !important;
}

.blue-text{
	color: #1764DF !important
}

html, body {
	overflow-x: hidden;
}

.elementor-button:focus, button:focus, a:focus, input:focus {
	outline: none !important;
}

a, a:hover button, button:hover, a path, a:hover path, .elementor-button, .elementor-button:hover, a .elementor-icon-list-text, a .elementor-icon-list-icon i, a img, a:hover img {
	transition: all .3s ease-in-out !important;
}


/* ::selection {
background: #A6CE39;
color: #FFF;
} */

::placeholder {
	opacity: 1 !important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity: 1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity: 1 !important;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 18- */
	opacity: 1 !important;
}

.no-mb, .no-mb * {
	margin-bottom: 0 !important;
}

.swiper-button a, .menu-item{
	position: relative;
}

.swiper-button a span{
	z-index: 100;
}

.swiper-button a::before{
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	inset: 0 0 0 0;
	z-index: 1;
	transition: transform .5s ease;
	transform: scaleX(0);
	transform-origin: bottom right;
	/* background: #ECB910; */ /* Uncomment this and change the background color for the hover color*/
}

.swiper-button a:hover, .swiper-button a:focus, .swiper-button a:active{
	background-color: transparent !important;
}

.swiper-button a:hover::before, .swiper-button a:active::before, .swiper-button a:focus::before{
	transform: scaleX(1);
	transform-origin: bottom left;
}

body:not(.highlight_links_on) .swiper-text:not(.no-swiper-color) a{
	/*background: linear-gradient(to right, #F1B209, #F1B209 50%, #007EFF 50%); */ /* Uncomment this and change the background color for the hover color, the first 2 colors are the hover and the last is the current color */
	overflow: hidden;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200% 100%;
	background-position: 100%;
	transition: background-position 275ms ease;
	display: inline !important;
}

body:not(.highlight_links_on) .swiper-text:not(.no-swiper-color) a *:not(br){
	display: inline !important;
}

body:not(.is_underline) .swiper-text a{
	text-decoration: none !important;
}
body:not(.highlight_links_on) .swiper-text:not(.no-swiper-color) a:hover, body:not(.highlight_links_on) .swiper-text:not(.no-swiper-color) a:focus, body:not(.highlight_links_on) .swiper-text:not(.no-swiper-color) a:active{
	background-position: 0 100%;
	opacity: 1 !important;
}

.fake-background{
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100%;
}

.fake-background-content{
	z-index: 10;
}

.fake-background.overlay +.fake-background-content::before{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .21); //change for the opacity that you want
	z-index: 1;
}

.fake-background.overlay +.fake-background-content > div{
	z-index: 10;
}

.full-img *, .full-img{
	height: 100% !important;
}

.fit-img, .fit-img *{
	width: 100% !important;	
}

.full-img img, .fit-img{
	object-fit: cover;
}

.hide-br-desktop br{
	display: none;
}

.button-bottom{
	position: absolute !important;
	bottom: 0;
}


/* Uncomment the code below if you want shiny effect on image hover */

/* .shiny-img .elementor-image{
position: relative;
overflow: hidden;
}

.shiny-img .elementor-image::before{
position: absolute;
top: 0;
left: -100%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}

.shiny-img .elementor-image:hover::before{
-webkit-animation: shine .75s;
animation: shine .75s;
} */




/* Only if you have hero arrow */
/*
.down-arrow a{
animation: move_down 2s ease-in-out infinite;
}
*/

/************************************** 
***************************************
***************************************

Breadcrumbs

***************************************
***************************************
***************************************/

#breadcrumbs > span{
	display: flex;
	flex-direction: row;
	column-gap: 16px;
	align-items: center;

}


#breadcrumbs > span span:first-child a{
	font-size: 0;
	position: relative;
	display: inline-block;
}

#breadcrumbs > span span:first-child a::before{
	content: '';
	background-image: url(/wp-content/uploads/2024/11/home.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	width: 15px;
	height: 15px;
	position: relative;
	top: 2px;
	transition: 0.3s filter ease-in-out;
}

#breadcrumbs > span span:first-child a:hover::before {
	filter: grayscale(100%) sepia(100%) hue-rotate(180deg) saturate(500%) brightness(50%);	
}

.bicolor .elementor-heading-title span{
	background: linear-gradient(to right, #2F77EA, #BAD2F8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}


/************************************** 
***************************************
***************************************

ADA Plugin

***************************************
***************************************
***************************************/

body .accessability_container .aicon_link {
	bottom: 140px;
	left: -60px;
	padding: 0 !important;
}

body .accessability_container .aicon_link, body .accessability_container .aicon_link img {
	background: transparent !important;
	padding: 0 !important;
	height: inherit;
	display: block;
}


/* change the "color" for the color that you want, for the moment is based on the elementor text color */
button.close_container {
	line-height: 0 !important;
	background: var( --e-global-color-primary ) !important; 
	border: 1px solid var( --e-global-color-primary ) !important;
	color: var( --e-global-color-text ) !important;
}

/* change the "color" for the color that you want, for the moment is based on the elementor text color */
button.close_container:hover {
	background: transparent !important;
	color: var( --e-global-color-primary ) !important;  
}

/* change the "color" for the color that you want, for the moment is based on the elementor text color */
body .accessability_container button.wah-action-button:hover {
	background: var( --e-global-color-primary ) !important;  
	color: var( --e-global-color-text ) !important;  
}

/* change the "color" for the color that you want, for the moment is based on the elementor text color */
body .accessability_container button.wah-action-button {
	background: transparent !important;
	border: 1px solid var( --e-global-color-primary ) !important;  
	color: var( --e-global-color-primary ) !important;  
	font-weight: 400 !important;
}

/*************************************************
**************************************************
**************************************************

Header 

**************************************************
**************************************************
**************************************************/

.header-menu .elementor-nav-menu__container .elementor-nav-menu .menu-item .sub-menu{
	width: 300px !important;
}

.menu-container {
	display: flex;
	align-items: center;
	gap: 16px;
}

.menu-icon {
	width: 26px;
}

/* if is transparent header */

/* html .elementor-location-header {
position: absolute;
width: 100%;
z-index: 100;
} */



/*************************************************
**************************************************
**************************************************

Home

**************************************************
**************************************************
**************************************************/

.home-hero::before{
	z-index: 1;
}

/*.home-hero::after {
content: '';
position: absolute; 
top: 50%;
left: 45%;
width: 25%;
height: 49%;
background-image: url(/wp-content/uploads/2025/01/hero-transparent-bg.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 0;
opacity:0.6;
}*/


.txt_one {
	background: linear-gradient(to right, #2F77EA, #BAD2F8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

/*.company-values::after {
content: '';
position: absolute;
bottom: -29%;
left: 83%;
width: 160%;
height: 160%;
background-image: url('/wp-content/uploads/2024/11/bubble.svg');
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
}*/

.stability picture img{
	filter: brightness(0.8) sepia(1) hue-rotate(0deg) saturate(2);
}

.scalability picture img{
	filter: brightness(0.85) sepia(1) hue-rotate(100deg) saturate(3);
}

.security picture img{
	filter: brightness(0.85) sepia(1) hue-rotate(189deg) saturate(3);
}

.protection picture img{
	filter: brightness(0.85) sepia(1) hue-rotate(100deg) saturate(3);
}

.innovation picture img{
	filter: brightness(0.8) sepia(1) hue-rotate(0deg) saturate(2);
}


/*************************************************
**************************************************
**************************************************

Brand Protection

**************************************************
**************************************************
**************************************************/

.trademark-text{
	font-family: Sora, sans-serif; 
	font-size: 16px; 
	font-weight: 400; 
	line-height: 34px; 
	text-align: left; 
	text-underline-position: from-font; 
	text-decoration-skip-ink: none; 
	margin-top: 10px;	
}

.brand-gradient{
	background: 
		linear-gradient(180deg, #FFFFFF 0%, #DAF6FE 34.9%, #EAFAFE 62.67%, #FFFFFF 100%),
		radial-gradient(62.03% 24.43% at 0% 55.73%, #D5EFFE 0%, rgba(213, 237, 254, 0) 100%);
	background-blend-mode: normal;
	background-size: cover;
}


.trademark-img {
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
}


.trademark-img img{
	width: 90%;
	border-radius: 20px !important;
}

/*************************************************
**************************************************
**************************************************

Top-Level Domains

**************************************************
**************************************************
**************************************************/



.tld-accordion .e-n-accordion-item-title::after {
	content: '';
	display: inline-block;
	width: 64px;
	height: 64px;
	background-size: cover;
	position: absolute;
	right: 7%;
	top: 50%;
	transform: translateY(-50%) scale(1);
	transition: transform 0s ease, z-index 0s ease; /* Transición para escala y z-index */
	z-index: 1; /* Valor inicial para ítems cerrados */
}

/* Cuando el ítem está ABIERTO */
.tld-accordion .e-n-accordion-item[open] .e-n-accordion-item-title::after {
	transform: translateY(-50%) scale(2.1);
	z-index: 0;
	top: 30%;
	right: 15%;
	opacity:0.3;
}

/* Imágenes para cada ítem (estado cerrado) */
.tld-accordion .e-n-accordion-item:nth-child(1) .e-n-accordion-item-title::after {
	background-image: url('/wp-content/uploads/2025/01/pre-application.png');
}

.tld-accordion .e-n-accordion-item:nth-child(2) .e-n-accordion-item-title::after {
	background-image: url('/wp-content/uploads/2025/01/application.png');
}

.tld-accordion .e-n-accordion-item:nth-child(3) .e-n-accordion-item-title::after {
	background-image: url('/wp-content/uploads/2025/01/post-application.png');
}

.tld-accordion .e-n-accordion-item:nth-child(4) .e-n-accordion-item-title::after {
	background-image: url('/wp-content/uploads/2025/01/consulting-advisory.png');
}


.tld-accordion .e-n-accordion .e-n-accordion-item{
	border-radius: 48px;
	border: solid 1px #EAECF0;
}

.tld-accordion .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title{
	border-radius: 48px 48px;
	border: none;
}

.tld-accordion .e-n-accordion .e-n-accordion-item .elementor-element.e-child{
	display: flex;
	flex-direction: row;
}



/*************************************************
**************************************************
**************************************************

Advisory Page

**************************************************
**************************************************
**************************************************/

.advisory-gradient{
	background: 
		linear-gradient(180deg, #FFFFFF 0%, #DAF6FE 34.9%, #EAFAFE 62.67%, #FFFFFF 100%),
		radial-gradient(62.03% 24.43% at 0% 55.73%, #D5EFFE 0%, rgba(213, 237, 254, 0) 100%);
	background-blend-mode: normal;
	background-size: cover;
}


/*************************************************
**************************************************
**************************************************

Technology Principles

**************************************************
**************************************************
**************************************************/

.tec-first-tab .elementor-widget-container .e-n-tabs-heading{
	padding: 6px;
	background: #FFFFFF99;
	width: fit-content;
	align-self: center;
	border-radius: 80px;
}

.tec-second-tab .elementor-widget-container .e-n-tabs-heading{
	padding: 6px;
	background: #FFFFFF99;
	width: fit-content;
	border-radius: 80px;
}

/*************************************************
**************************************************
**************************************************

Technology Principles 

**************************************************
**************************************************
**************************************************/

.bubbles .elementor-heading-title{
	position: relative;
}

.bubbles .elementor-heading-title::after{
	content: '';
	position: absolute;
	width: 308.06px;
	height: 308.06px;
	right: 73px;
	top: -189px;
	background: radial-gradient(71.34% 71.34% at 20.03% 18.21%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 97.45%), radial-gradient(58.36% 58.36% at 13.41% 63.07%, #9641EC 0%, rgba(99, 65, 236, 0) 100%), radial-gradient(45.73% 45.73% at 70.47% 50%, #8BB3F3 0%, rgba(139, 179, 243, 0) 100%), #498EF5;
	opacity: 0.05;
	box-shadow: inset 7.04064px 7.04064px 72.1665px rgba(255, 255, 255, 0.25), inset -1.76016px -1.76016px 33.8831px rgba(255, 255, 255, 0.22);
	border-radius: 440.04px;
	transform: rotate(60deg);
	z-index: -1;
}

.bubbles.triple .elementor-heading-title::after{
	right: -220px;
}

.bubbles .elementor-heading-title::before{
	content: '';
	position: absolute;
	position: absolute;
	width: 213.97px;
	height: 213.97px;
	left: 72px;
	top: 143px;
	background: radial-gradient(71.34% 71.34% at 20.03% 18.21%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 97.45%), radial-gradient(58.36% 58.36% at 13.41% 63.07%, rgba(139, 179, 243, 0) 0%, rgba(71, 134, 255, 0) 100%), radial-gradient(45.73% 45.73% at 70.47% 50%, rgba(139, 179, 243, 0.3) 0%, rgba(139, 179, 243, 0) 100%), rgba(139, 179, 243, 0.3);
	backdrop-filter: blur(22px);
	border-radius: 305.645px;
	transform: rotate(15deg);
	z-index: -1;
	opacity: 0.3;
}

.bubbles.triple .elementor-heading-title::before{
	left: -265px;
}

.bubbles.triple .elementor-widget-container::after{
	content: '';
	position: absolute;
	width: 225.85px;
	height: 225.85px;
	right: -150px;
	top: 270px;
	background: radial-gradient(71.34% 71.34% at 20.03% 18.21%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 97.45%), radial-gradient(58.36% 58.36% at 13.41% 63.07%, #419AEC 0%, rgba(99, 65, 236, 0) 100%), radial-gradient(45.73% 45.73% at 70.47% 50%, #8BB3F3 0%, rgba(212, 65, 236, 0) 100%), #8BB3F3;
	opacity: 0.2;
	box-shadow: inset 5.1618px 5.1618px 52.9084px rgba(255, 255, 255, 0.25), inset -1.29045px -1.29045px 24.8411px rgba(255, 255, 255, 0.22);
	filter: blur(2.18229px);
	border-radius: 322.612px;
	transform: rotate(20.05deg);
	z-index: -1;
}



.bullet-square ul{
	padding-left: 20px;
	list-style-type: square;
}

.bubbles.triple.left .elementor-widget-container::after{
	right: -462px;
	top: 180px;
	opacity: 0.5;
}

.bubbles.triple.left .elementor-heading-title::after{
	right: -634px;
	opacity: 0.1;
}

.bubbles.left .elementor-heading-title::before{
	left: 0;
	top: 92px;
}


/*************************************************
**************************************************
**************************************************

Company 

**************************************************
**************************************************
**************************************************/

.world-company {
	opacity: 0.6;
}

.world-company {
	position: relative; /* Añade posición relativa al contenedor */
	display: inline-block; /* Asegura que el contenedor ajuste el tamaño de la imagen */
}

.world-company img {
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	filter: brightness(0.9);
	align-self: center;
	opacity: 0.7;
}

.world-company::before {
	content: "";
	position: absolute;
	top: 8%;
	left: 31%;
	width: 38%;
	opacity: 0.5;
	height: 92%;
	background: radial-gradient(50% 50% at 50% 50%, #00CBFF 0%, rgba(0, 203, 255, 0) 100%),
		radial-gradient(44.61% 44.61% at 50% 50%, #8BB3F3 0%, rgba(212, 65, 236, 0) 100%),
		radial-gradient(24.26% 24.26% at 50% 50%, #53ACFF 0%, rgba(86, 133, 255, 0) 100%);
	mix-blend-mode: color;
	z-index: 2;
	pointer-events: none;
}

.world-company-home {
	opacity: 0.6;
}

.world-company .elementor-widget-container {
	position: relative; /* Añade posición relativa al contenedor */
	display: inline-block; /* Asegura que el contenedor ajuste el tamaño de la imagen */
}

.world-company-home .elementor-widget-container img {
	z-index: 1;
	display: block;
	width: 100%;
	height: auto;
	filter: brightness(0.9);
	align-self: center;
	opacity: 0.7;
}

.world-company-home .elementor-widget-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: -14%;
	width: 100%;
	opacity: 0.3;
	height: 100%;
	background: radial-gradient(50% 50% at 50% 50%, #00CBFF 0%, rgba(0, 203, 255, 0) 100%),
		radial-gradient(44.61% 44.61% at 50% 50%, #8BB3F3 0%, rgba(212, 65, 236, 0) 100%),
		radial-gradient(24.26% 24.26% at 50% 50%, #53ACFF 0%, rgba(86, 133, 255, 0) 100%);
	mix-blend-mode: color;  /* Usa mix-blend-mode para mezclar con la imagen */
	z-index: 2;
	pointer-events: none;
}

.application-form .gform_fields{
	row-gap: 20px !important;
}

.application-form .gform_body .gfield input:not([type="checkbox"]), .application-form .gform_body .gfield select, .application-form .gform_body .gfield textarea{
	border: 1px solid #66666633;
	border-radius: 24px;
	padding: 5px 24px;
	font-family: var(--e-global-typography-1d2f04b-font-family), Sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #475467;
	height: auto;
}

.application-form .gform_body .gfield input[type="file"] {
	opacity: 0;
	cursor: pointer;
	z-index: 10000;
	position: relative;
}

.application-form .gform_body .gfield.job-file-upload .ginput_container::before{
	content: '' ;
	display: block;
	position: absolute;
	width: 100%;
	border: 1px dashed #66666633;
	height: 50px;
	border-radius: 24px;
	cursor: pointer;
}

.application-form .gform_body .gfield.job-file-upload .ginput_container::after{
	font-weight: 500;
	font-family: var(--e-global-typography-1d2f04b-font-family), Sans-serif;
	font-size: 16px;
	color: #222;
	background-image: url(/wp-content/uploads/2024/11/upload.svg);
	background-size: contain;
	background-repeat: no-repeat;
	column-gap: 16px;
	position: absolute;
	top: 17px;
	left: 27px;
	padding-left: 35px;
}

.application-form .gform_body .gfield.job-file-upload .ginput_container[data-filename=""]::after{
	content: 'Click to Upload';
}

.application-form .gform_body .gfield.job-file-upload .ginput_container::after{
	content: attr(data-filename);
}

.application-form .gform_body .gfield .gform_fileupload_rules{
	font-size: 15px;
	color: #000;
	font-family: var(--e-global-typography-1d2f04b-font-family), Sans-serif;
}

.application-form .gform_body .gfield textarea{
	padding: 15px 24px;
	max-height: 130px;
	min-block-size: 1px !important;
	resize: none;
}

.application-form .gform_body .gfield input[type="checkbox"] {
	width: 13px;
	height: 13px;
	border-radius: 2.5px;
	border-color: #767676;
}

.application-form .gform_body .gfield .gform-field-label{
	font-size: 15px;
	margin-top: -5px;
	font-weight: 400;
	color: #000;
	font-family: var(--e-global-typography-1d2f04b-font-family), Sans-serif;
}


.application-form .gform_body .gfield .gform-field-label span{
	color: #1764DF;
}

.application-form .gform_body .gfield.linkedin .ginput_container{
	display: flex;
	position: relative;
}

.application-form .gform_body .gfield.linkedin .ginput_container::before{
	content: 'Linkedin.com/';
	border-bottom-left-radius: 24px;
	border-top-left-radius: 24px;
	border: 1px solid #66666633;
	padding: 5px 15px 5px 24px;
	font-family: var(--e-global-typography-1d2f04b-font-family), Sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #475467;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 0;
}

.application-form .gform_body .gfield.linkedin input{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	padding-left: 15px;
}


.application-form .gform_footer{
	padding-top: 20px;
	position: relative;
	max-width: max-content;
}

.application-form .gform_footer::after{
	content: '';
	display: block;
	width: 23px;
	height: 22px;
	background-image: url(/wp-content/uploads/2024/11/angle-small-right.svg);
	filter: invert(100%);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 49%;
	right: 26px;
}

.application-form .gform_footer input[type="submit"]{
	font-family: var(--e-global-typography-1d2f04b-font-family), Sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border-radius: 80px !important;
	background-color: #000 !important;
	padding: 23px 62px 23px 28px !important;
}

.application-form .gform_fields input[type="submit"]{
	font-family: var(--e-global-typography-1d2f04b-font-family), Sans-serif !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	border-radius: 80px !important;
	background-color: #000 !important;
	padding: 23px 62px 23px 28px !important;
}

.application-form .gform_footer input:hover{
	background-color: var( --e-global-color-1618823 )!important;
}

.interested-section::after{
	content: '';
	position: absolute;
	width: 424.07px;
	height: 424.07px;
	right: -75px;
	top: -75px;
	background: radial-gradient(71.34% 71.34% at 20.03% 18.21%, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 97.45%), radial-gradient(58.36% 58.36% at 13.41% 63.07%, #BAD2F8 0%, rgba(186, 210, 248, 0) 100%), radial-gradient(45.73% 45.73% at 70.47% 50%, #8BB3F3 0%, rgba(139, 179, 243, 0) 100%), rgba(139, 179, 243, 0.8);
	opacity: 0.5;
	box-shadow: inset 9.69199px 9.69199px 99.3429px rgba(255, 255, 255, 0.25), inset -2.423px -2.423px 46.6427px rgba(255, 255, 255, 0.22);
	border-radius: 605.75px;
	transform: rotate(33.23deg);
	z-index: 0;
}


/*************************************************
**************************************************
**************************************************

Team 

**************************************************
**************************************************
**************************************************/

.popup-text{
	max-height:620px !important;
	overflow: overlay !important;
}

.newsletter-form form{
	border-radius: 80px;
	border: 1px solid #D0D5DD;
	background: #FFFFFF;
	box-shadow: 0px 1px 2px 0px #1018280D;
	padding: 12px 14px 12px 24px;
}

.newsletter-form form .gform_footer{
	display: none;
}

.newsletter-form form .gform_body input[type="email"]{
	padding: 13px 0 0;
	border: 0;
	box-shadow: none;
	color: #667085;
	font-family: var(--e-global-typography-1d2f04b-font-family), Sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.newsletter-form form .gform_body input[type="submit"] {
	font-family: var(--e-global-typography-1d2f04b-font-family), Sans-serif!important;
	font-size: 16px!important;
	font-weight: 600!important;
	border-radius: 80px!important;
	background-color: #000!important;
	padding: 16px 24px!important;
	box-shadow: 0px 1px 2px 0px #1018280D!important;
	text-align: left !important;
}

.newsletter-form form .gform_body input[type="submit"]:hover{
	background-color: var( --e-global-color-1618823 )!important;

}

.newsletter-form form .gform_body .gfield--type-submit{
	position: relative;
}

.newsletter-form form .gform_body .gfield--type-submit::after{
	content: '';
	display: block;
	width: 23px;
	height: 22px;
	background-image: url(/wp-content/uploads/2024/11/angle-small-right.svg);
	filter: invert(100%);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 30%;
	right: 10%;
}

.newsletter-form form .gform_body .gform_fields{
	display: flex !important;
}

.newsletter-form form .gform_body .gform_fields .gfield--width-two-thirds{
	width: 65%;
}

.newsletter-form form .gform_body .gform_fields .gfield--width-third{
	width: 50%;
}

.newsletter-form form .gform_body .gfield_error input[type="email"]{
	color: #f00;
}

.newsletter-form form .gform_body .validation_message{
	display: none !important;
}

.newsletter-form form .gform-loader{
	position: absolute;
	right: -40px;
}


/*************************************************
**************************************************
**************************************************

Forms 

**************************************************
**************************************************
**************************************************/

.application-form .gform_body .gfield input:not([type="checkbox"]), .application-form .gform_body .gfield select, .application-form .gform_body .gfield textarea, .application-form .gform_body .gfield.job-file-upload .ginput_container::after, .application-form .gform_body .gfield.linkedin .ginput_container::before{
	font-size: 13px;
}

.gform_validation_errors{
	display: none !important;
}

.gform_wrapper .gform-body .ginput_container{
	position: relative;
}
.gform_wrapper .gform-body .ginput_container input:focus, .gform_wrapper .gform-body .ginput_container textarea:focus{
	outline: none;
	border: 0;
}

.gform_wrapper .gform-body .ginput_container input ~ .focus-border:before, .gform_wrapper .gform-body .ginput_container input ~ .focus-border:after, .gform_wrapper .gform-body .ginput_container textarea ~ .focus-border:before, .gform_wrapper .gform-body .ginput_container textarea ~ .focus-border:after{
	content: ""; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 0; 
	height: 2px; 
	background-color: var( --e-global-color-primary ); 
	transition: 0.3s;
}

.gform_wrapper .gform-body .ginput_container input ~ .focus-border:after, .gform_wrapper .gform-body .ginput_container textarea ~ .focus-border:after{
	top: auto; 
	bottom: 0; 
	left: auto; 
	right: 0;
}

.gform_wrapper .gform-body .ginput_container input ~ .focus-border i:before, .gform_wrapper .gform-body .ginput_container input ~ .focus-border i:after, .gform_wrapper .gform-body .ginput_container textarea ~ .focus-border i:before, .gform_wrapper .gform-body .ginput_container textarea ~ .focus-border i:after{
	content: ""; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 2px; 
	height: 0; 
	background-color: var( --e-global-color-primary ); 
	transition: 0.4s;
}

.gform_wrapper .gform-body .ginput_container input ~ .focus-border i:after, .gform_wrapper .gform-body .ginput_container textarea ~ .focus-border i:after{
	left: auto; 
	right: 0; 
	top: auto; 
	bottom: 0;
}

.gform_wrapper .gform-body .ginput_container input:focus ~ .focus-border:before, .gform_wrapper .gform-body .ginput_container input:focus ~ .focus-border:after, .gform_wrapper .gform-body .ginput_container textarea:focus ~ .focus-border:before, .gform_wrapper .gform-body .ginput_container textarea:focus ~ .focus-border:after{
	width: 100%; 
	transition: 0.3s;
}

.gform_wrapper .gform-body .ginput_container input:focus ~ .focus-border i:before, .gform_wrapper .gform-body .ginput_container input:focus ~ .focus-border i:after, .gform_wrapper .gform-body .ginput_container textarea:focus ~ .focus-border i:before, .gform_wrapper .gform-body .ginput_container textarea:focus ~ .focus-border i:after{
	height: 100%; 
	transition: 0.4s;
}

/*************************************************
**************************************************
**************************************************

Footer 

**************************************************
**************************************************
**************************************************/



/* Animations - KeyFrames */

@keyframes opacDown {
	0% {
		transform: translate(0, -20px);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translate(0, 20px);
		opacity: 0;
	}
}

@keyframes shine{
	100%{
		left: 125%;		
	}
}



/* Media Queries */

@media (max-width: 1800px) {}

@media (max-width: 1700px) {}

@media (max-width: 1600px) {}

@media (max-width: 1500px) {}

@media (max-width: 1440px) {
	.tld-accordion .e-n-accordion-item-title::after {
		width: 48px;
		height: 48px;
		right: 7%;
		top: 50%;
	}
}

@media (max-width: 1366px) {
	.trademark-text{ 
		font-size: 14px; 
	}

	.application-form .gform_body .gfield input:not([type="checkbox"]), .application-form .gform_body .gfield select, .application-form .gform_body .gfield textarea, .application-form .gform_body .gfield.job-file-upload .ginput_container::after, .application-form .gform_body .gfield.linkedin .ginput_container::before{
		font-size: 11px;
	}

	.application-form .gform_body .gfield input:not([type="checkbox"]), .application-form .gform_body .gfield select, .application-form .gform_body .gfield textarea{
		padding: 5px 11px;
	}
}

@media (max-width: 1300px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1200px) {}

@media (max-width: 1080px) {}

@media (max-width: 1024px) {
	.trademark-img{
		padding: 0 15%;
	}

	.home-hero::after {
		content: '';
		position: absolute;
		top: 39%;
		left: 45%;
		width: 40%;
		height: 48%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 0;
		opacity: 0.6;
	}

	.popup-text {
		max-height: fit-content !important;
		overflow: visible !important;
	}
}

@media (max-width: 989px) {
	.bubbles .elementor-heading-title::before, .bubbles.triple .elementor-heading-title::before{
		left: -50px;
		top: 15px;
	}
	.bubbles .elementor-heading-title::after, .bubbles.triple .elementor-heading-title::after{
		right: -100px;
	}

	.home-hero::after {
		content: '';
		position: absolute;
		top: 39%;
		left: 45%;
		width: 45%;
		height: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 0;
		opacity: 0.6;
	}

	.hidden-br{
		display:none;
	}
}

@media (max-width: 780px) {}

@media (max-width: 768px) {}

@media (max-width: 767px) {

	#breadcrumbs {
		display: flex;
		flex-wrap: nowrap;
		gap: 5px;
		align-items: center;
		overflow: hidden;
		white-space: nowrap;
	}

	#breadcrumbs span {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 15px;
	}

	#breadcrumbs a {
		white-space: nowrap;
	}

	#breadcrumbs svg {
		flex-shrink: 0;
	}

	/* Aplica truncado con "..." solo al último breadcrumb */
	#breadcrumbs .breadcrumb_last {
		display: inline-block;
		max-width: 120px; /* Ajusta este valor según el diseño */
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.tld-accordion .e-n-accordion-item-title::after {
		width: 32px;
		height: 32px;
		right: 8%;
		top: 50%;
	}

	.tld-accordion .e-n-accordion-item[open] .e-n-accordion-item-title::after {
		transform: translateY(-50%) scale(2.1);
		z-index: 0;
		top: 50%;
		right: 15%;
		opacity: 0.3;
	}

	.trademark-img{
		padding: 0;
	}

	.hide-jump{
		display:block;
	}

	.home-hero::after {
		top: 45%;
		left: 42%;
		width: 70%;
		height: 26%;
	}

	.application-form .gform_footer{
		max-width: 100%;
	}
	.application-form .gform_footer input[type="submit"] {
		width: 100%;
		padding: 17px 62px 17px 28px !important;
	}
	.interested-section::after{
		right: -135px;
		top: -35px;
	}

	.newsletter-form form{
		border-radius: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		padding: 0;
	}
	.newsletter-form form .gform_body .gform_fields .gfield--width-two-thirds, .newsletter-form form .gform_body .gform_fields .gfield--width-third{
		width: 100%;
	}
	.newsletter-form form .gform_body .gform_fields{
		flex-direction: column;
		row-gap: 20px;
	}
	.newsletter-form form .gform_body input[type="email"]{
		border-radius: 80px;
		border: 1px solid #D0D5DD;
		background: #FFFFFF;
		box-shadow: 0px 1px 2px 0px #1018280D;
		padding: 12px 14px 12px 24px;
		width: 100%;
		height: auto;
	}
	.newsletter-form form .gform_body input[type="submit"]{
		width: 100%;
		text-align: center !important;
	}
}

@media (max-width: 360px) {}