/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 23 2025 | 17:24:43 */
/* *~ Elementor Redesign 2026 ~* */

/* VARIABLES */

html {
  --midnight-black: #18111a;
  --pure-white: #ffffff;
  --deep-graphite: #444444;
  --dark-blue: #002b66;
  --insight-blue: #1764ff;
  --dark-purple: #291552;
  --connection-purple: #9e58ff;
  --virtual-pulse: #ee2b4b;
  --spark: #ffbf00;
  --growth-lime: #33cc80;

  --8px: 0.5rem;
  --10px: 0.625rem;
  --14px: 0.875rem;
  --16px: 1rem;
  --18px: 1.125rem;
  --20px: 1.25rem;
  --24px: 1.5rem;
  --32px: 2rem;
  --36px: 2.25rem;
  --40px: 2.5rem;
  --48px: 3rem;
  --64px: 4rem;
  --80px: 5rem;
}

/* -------------------------------------------------------------------- */

/* Edits to hide old custom header made by old template */
body.elementor-page main#content > section:nth-child(1) { display: none !important; }
.tf-site-header { z-index: 99996 !important; }

/* Edits for SEO pages launched on June 2025 */
body.elementor-page h3 a { border: none !important; text-decoration: none !important; }
body.elementor-page h3 a:hover { border: none !important; text-decoration: none !important; }

body.page-id-630 main#content > section:nth-child(1) { display: none !important; }
body.page-id-630 main#content > div#post-630 { margin-top: 90px !important; }

/* Edits for Partners page launched on September 2025 */
body.elementor-page.page-id-28912 h1,
body.elementor-page.page-id-28912 h2,
body.elementor-page.page-id-28912 h3,
body.elementor-page.page-id-28912 h4,
body.elementor-page.page-id-28912 h5,
body.elementor-page.page-id-28912 h6,
body.elementor-page.page-id-28912 ol,
body.elementor-page.page-id-28912 ul.inputs-list.multi-container { font-family: "Poppins", Sans-serif; }
body.elementor-page.page-id-28912 p { font-family: "Roboto", Sans-serif; }
body.elementor-page.page-id-28912 .footer-cta-container { display: none !important; }
body.elementor-page .footer-cta-container { display: none !important; }

/* -------------------------------------------------------------------- */

/* RESET */

/* html {
	scroll-behavior: smooth;
} */

.elementor-section p,
.elementor-section h1,
.elementor-section h2,
.elementor-section h3,
.elementor-section h4,
.elementor-section h5,
.elementor-section h6 {
  overflow-wrap: break-word;
}

.elementor-section p, .elementor-section ul { margin: 0; }
/* adjusting list spacing from 25px */
.elementor-section li { margin-bottom: 12px; }
.elementor-section li:last-child { margin-bottom: 0; }

/* TYPOGRAPHY */
/* Setting Poppins and Roboto as defaults for Elementor sections */
/* .elementor-section h1,
.elementor-section h2,
.elementor-section h3,
.elementor-section h4,
.elementor-section h5,
.elementor-section h6,
.elementor-section div,
.elementor-section a { font-family: "Poppins", sans-serif; }

.elementor-section p,
.elementor-section ol,
.elementor-section ul { font-family: "Roboto", sans-serif; } */

/* Design system for headers, body text, and special copy */

.heading-80 * {
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  font-weight: 600 !important;
  line-height: 1;
  letter-spacing: -0.8px;
}

.heading-48 * {
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-weight: 600 !important;
  line-height: 1.25;
}

.heading-48-light * {
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-weight: 300 !important;
  line-height: 1.33;
}

.heading-40 * {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 600 !important;
  line-height: 1.35;
}

.heading-36 * {
  font-family: "Poppins", sans-serif;
  font-size: 36px;
  font-weight: 600 !important;
  line-height: 1.33;
}

.heading-24 * {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-weight: 600 !important;
  line-height: 1.33;
}

.heading-20 * {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600 !important;
  line-height: 1.4;
}

.heading-18 * {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600 !important;
  line-height: 1.33;
}

.elementor-section .eyebrow * {
  font-family: "Poppins", sans-serif; 
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 1;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.elementor-section .eyebrow-navbar * {
  font-family: "Poppins", sans-serif; 
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.elementor-section .eyebrow-10 * {
  font-family: "Poppins", sans-serif; 
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.elementor-section .eyebrow-14 * {
  font-family: "Poppins", sans-serif; 
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1;
  letter-spacing: .015em;
  text-transform: none;
}

.subheading * {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400 !important;
  line-height: 1.56;
}

.subheading-bold * {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 700 !important;
  line-height: 1.56;
}

.body-text * {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 1.625;
}

.body-text-13 * {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-weight: 400 !important;
  line-height: 1.3;
}

.body-text-bold, .body-text-bold * {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 1.625;
}

.body-text-large * {
  font-family: "Poppins", sans-serif !important;
  font-size: 32px;
  font-weight: 400 !important;
  line-height: 1.75;
}

.body-text-xl *  {
  font-family: "Poppins", sans-serif !important;
  font-size: 40px !important;
  font-weight: 400 !important;
  line-height: 1.6;
}

.stats * {
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  line-height: 1;
}

.stats-48 * {
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  line-height: 1;
}

.stats-112 * {
  font-family: "Poppins", sans-serif;
  font-size: 112px;
  line-height: 1;
}

.semibold * {
	font-weight: 600 !important;
}

.cta-link * {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px;
  font-weight: 600 !important;
  line-height: 1;
}

.cta-link-500 * {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 1;
}

.cta-link-15 * {
  font-family: "Poppins", sans-serif !important;
  font-size: 15px;
  font-weight: 500 !important;
  line-height: 1;
}

.cta-button * {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px;
  font-weight: 500 !important;
  line-height: 1;
}

.cta-button a {
  padding: 16px 24px;
  border: 1px solid;
  border-radius: 60px;
}

.cta-button.light a {
  background-color: var(--pure-white) !important;
  border-color: var(--pure-white) !important;
  color: var(--midnight-black) !important;
}

.cta-button.light.gray-stroke a {
  background-color: var(--pure-white) !important;
  border-color: var(--deep-graphite) !important;
  color: var(--midnight-black) !important;
}

.cta-button.light.transparent a {
  background-color: #ffffff00 !important;
  color: var(--pure-white) !important;
}

.cta-button.dark a {
  background-color: var(--midnight-black) !important;
  border-color: var(--midnight-black) !important;
  color: var(--pure-white) !important;
}

.cta-button.dark.transparent a {
  background-color: #00000000 !important;
  color: var(--midnight-black) !important;
}

/* Text Gradients and Highlights */
.blue-gradient-text {
  background: -webkit-linear-gradient(90deg, rgba(35, 171, 201, 1) 0%, rgba(0, 71, 254, 1) 100%);
  background: -moz-linear-gradient(90deg, rgba(35, 171, 201, 1) 0%, rgba(0, 71, 254, 1) 100%);
  background: linear-gradient(90deg, rgba(35, 171, 201, 1) 0%, rgba(0, 71, 254, 1) 100%);
  
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.blue-gradient-text-2,
.header-gradient summary[aria-expanded="true"] .e-n-accordion-item-title-text {
  background: -webkit-linear-gradient(90deg, rgba(0, 71, 254, 1) 0%, rgba(35, 171, 201, 1) 100%);
  background: -moz-linear-gradient(90deg, rgba(0, 71, 254, 1) 0%, rgba(35, 171, 201, 1) 100%);
  background: linear-gradient(90deg, rgba(0, 71, 254, 1) 0%, rgba(35, 171, 201, 1) 100%);
  
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.blue-gradient-text-3 {
  background: -webkit-linear-gradient(42deg, rgba(35, 171, 201, 1) 0%, rgba(0, 71, 254, 1) 100%);
  background: -moz-linear-gradient(42deg, rgba(35, 171, 201, 1) 0%, rgba(0, 71, 254, 1) 100%);
  background: linear-gradient(42deg, rgba(35, 171, 201, 1) 0%, rgba(0, 71, 254, 1) 100%);
  
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.purple-gradient-text {
  background: -webkit-linear-gradient(90deg, rgba(158, 88, 255, 1) 0%, rgba(225, 204, 255, 1) 100%);
  background: -moz-linear-gradient(90deg, rgba(158, 88, 255, 1) 0%, rgba(225, 204, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(158, 88, 255, 1) 0%, rgba(225, 204, 255, 1) 100%);
  
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.purple-gradient-text-2 {
  background: -webkit-linear-gradient(90deg, rgba(41, 21, 82, 1) 0%, rgba(158, 88, 255, 1) 100%);
  background: -moz-linear-gradient(90deg, rgba(41, 21, 82, 1) 0%, rgba(158, 88, 255, 1) 100%);
  background: linear-gradient(90deg, rgba(41, 21, 82, 1) 0%, rgba(158, 88, 255, 1) 100%);
  
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.elementor-section .light-gray-text { color: #959595; }

.header-gradient:hover .elementor-element.e-con-full.e-flex.e-con.e-child .elementor-widget-container { border: none !important; }
/* #two-column-accordion-dark summary.e-n-accordion-item-title { color: #fff; } */
#two-column-accordion-dark .header-gradient summary[aria-expanded="false"] .e-n-accordion-item-title-text { color: #fff; }
#two-column-accordion-dark .header-gradient details[aria-expanded="true"] { border: solid 2px #23ABC9; }
/* #two-column-bullets-points-links .header-gradient .elementor-widget-container { border-color: #23ABC9; } */
#two-column-accordion-dark summary.e-n-accordion-item-title .e-n-accordion-item-title-icon svg { fill: #fff; }

.elementor-element.elementor-element-4a7d2bc8.e-con-full.e-flex.e-con.e-child.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects { z-index: 1 !important; }

/* Navbar */
#navbar { position: fixed !important; }
.menu-item a.hfe-menu-item { border-radius: 50px !important; }

#sub-platform, #sub-solutions, #sub-resources, #sub-company { display: none; }
#navbar.elementor-section li { margin-bottom: 0; }
#navbar.elementor-section li .hfe-menu-item i.fa-solid { margin: 1px 0 0 6px; font-size: 12px; }

.postid-30515 { overflow-y: hidden; }
.lang-disabled { cursor: default; }

.hide { display: none !important; }

/* EN Dropdown Menu Desktop */
.elementor-30515 .elementor-element.elementor-element-ed99092#box-submenu {
  width: 950px;
  height: auto;
  position: relative !important;
  margin: 0 auto;
}

/* ES Dropdown Menu Desktop */
.elementor-36649 .elementor-element.elementor-element-ed99092#box-submenu {
  width: 950px;
  height: auto;
  position: relative !important;
  margin: 0 auto;
}

#page .page-content { margin: 69px auto 0 auto; }

/*Navbar Mobile*/
#ico-platform svg.e-font-icon-svg, #ico-solutions svg.e-font-icon-svg, #ico-resources svg.e-font-icon-svg, #ico-company svg.e-font-icon-svg {
  transition: transform 1000ms ease;
  transform: rotate(0deg);
  transform-origin: center;
}
.is-rotated {  transform: rotate(180deg); }
#mobile-nav { display: none; }



/* -------------------------------------------------------------------- */

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

  #page .page-content { margin: 0 auto; }

  .heading-80 * { font-size: 32px; }

  .heading-48 * { font-size: 32px; }

  .heading-48-light * { font-size: 32px; }

  .heading-40 * { font-size: 24px; }

  .heading-36 * { font-size: 20px; }

  .heading-24 * { font-size: 20px; }

  .heading-20 * { font-size: 16px; }

  .heading-18 * { font-size: 16px; }

  .elementor-section .eyebrow * { font-size: 14px; }

  .elementor-section .eyebrow-10 * { font-size: 10px; }

  .elementor-section .eyebrow-14 * { font-size: 12px !important; }

  .subheading * { font-size: 16px; }

  .subheading-bold * { font-size: 16px; }

  .body-text * { font-size: 16px; }

  .body-text-bold, .body-text-bold * { font-size: 16px; }

  .body-text-large * { font-size: 20px; }

  .body-text-xl * { font-size: 24px !important; }

  .cta-link * { font-size: 16px; }

  .cta-link-15 * { font-size: 13px; }

  .cta-link-500 * { font-size: 16px; font-weight: 500 !important;  }
}