.elementor-1011 .elementor-element.elementor-element-bf8e381{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--padding-top:15em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.elementor-1011 .elementor-element.elementor-element-bf8e381:not(.elementor-motion-effects-element-type-background), .elementor-1011 .elementor-element.elementor-element-bf8e381 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xp-42.com/wp-content/uploads/2026/06/55306023135_fd8ecccc76_o_result.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1011 .elementor-element.elementor-element-bf8e381::before, .elementor-1011 .elementor-element.elementor-element-bf8e381 > .elementor-background-video-container::before, .elementor-1011 .elementor-element.elementor-element-bf8e381 > .e-con-inner > .elementor-background-video-container::before, .elementor-1011 .elementor-element.elementor-element-bf8e381 > .elementor-background-slideshow::before, .elementor-1011 .elementor-element.elementor-element-bf8e381 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1011 .elementor-element.elementor-element-bf8e381 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(270deg, var( --e-global-color-8b18b4b ) 0%, var( --e-global-color-3c8f533 ) 100%);}.elementor-1011 .elementor-element.elementor-element-e1c0e1b{--display:flex;}.elementor-1011 .elementor-element.elementor-element-163832c{text-align:center;}.elementor-1011 .elementor-element.elementor-element-eaa47a6{--divider-border-style:solid;--divider-color:var( --e-global-color-cd2db51 );--divider-border-width:3px;}.elementor-1011 .elementor-element.elementor-element-eaa47a6 .elementor-divider-separator{width:75px;margin:0 auto;margin-center:0;}.elementor-1011 .elementor-element.elementor-element-eaa47a6 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-1011 .elementor-element.elementor-element-78fe8fa{text-align:center;font-family:var( --e-global-typography-9fe56f2-font-family ), Sans-serif;font-size:var( --e-global-typography-9fe56f2-font-size );font-weight:var( --e-global-typography-9fe56f2-font-weight );text-transform:var( --e-global-typography-9fe56f2-text-transform );font-style:var( --e-global-typography-9fe56f2-font-style );line-height:var( --e-global-typography-9fe56f2-line-height );letter-spacing:var( --e-global-typography-9fe56f2-letter-spacing );color:var( --e-global-color-d01c969 );}.elementor-1011 .elementor-element.elementor-element-f13905c{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:1366px){.elementor-1011 .elementor-element.elementor-element-78fe8fa{font-size:var( --e-global-typography-9fe56f2-font-size );line-height:var( --e-global-typography-9fe56f2-line-height );letter-spacing:var( --e-global-typography-9fe56f2-letter-spacing );}}@media(max-width:1024px){.elementor-1011 .elementor-element.elementor-element-78fe8fa{font-size:var( --e-global-typography-9fe56f2-font-size );line-height:var( --e-global-typography-9fe56f2-line-height );letter-spacing:var( --e-global-typography-9fe56f2-letter-spacing );}}@media(max-width:767px){.elementor-1011 .elementor-element.elementor-element-eaa47a6 .elementor-divider{text-align:center;}.elementor-1011 .elementor-element.elementor-element-eaa47a6 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-1011 .elementor-element.elementor-element-78fe8fa{font-size:var( --e-global-typography-9fe56f2-font-size );line-height:var( --e-global-typography-9fe56f2-line-height );letter-spacing:var( --e-global-typography-9fe56f2-letter-spacing );}}/* Start custom CSS *//* XP42 - Force Inter without breaking layout */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* Main text elements only */
body,
p,
a,
span,
li,
label,
input,
textarea,
select,
button,
.elementor-heading-title,
.elementor-widget-text-editor,
.elementor-button,
.elementor-field,
.elementor-icon-list-text,
.elementor-counter-number,
.elementor-counter-title {
  font-family: "Inter", Arial, sans-serif !important;
  font-style: normal !important;
}

/* Keep headings strong */
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
  font-family: "Inter", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

/* Nav menu */
header a,
nav a,
.elementor-nav-menu a,
.elementor-item {
  font-family: "Inter", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

/* Buttons */
.elementor-button,
button,
input[type="submit"] {
  font-family: "Inter", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
}

/* Global heading alignment fix after switching to Inter */
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
  font-family: "Inter", Arial, sans-serif !important;
  font-style: normal !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
  transform: none !important;
}

/* Remove old display-font spacing that can push headings around */
.elementor-widget-heading,
.elementor-widget-heading .elementor-heading-title {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Keep big headings readable in Inter */
h1,
h2,
.elementor-heading-title {
  letter-spacing: 0.02em !important;
  line-height: 1.08 !important;
}
/* ============================================================
   XP42 ABOUT PAGE — Clean Section Atmosphere
   Paste in Elementor Page Settings > Advanced > Custom CSS
   ============================================================ */

/* Base page background */
body.elementor-page-1011 {
  background:
    radial-gradient(circle at 10% 15%, rgba(111, 53, 232, 0.18) 0%, transparent 30%),
    radial-gradient(circle at 85% 25%, rgba(111, 53, 232, 0.14) 0%, transparent 35%),
    radial-gradient(circle at 25% 70%, rgba(111, 53, 232, 0.12) 0%, transparent 40%),
    radial-gradient(circle at 90% 85%, rgba(111, 53, 232, 0.16) 0%, transparent 35%),
    radial-gradient(circle at 50% 50%, rgba(111, 53, 232, 0.08) 0%, transparent 50%),
    #0F0C1F !important;

  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* ============================================================
   NORMAL CONTENT SECTIONS
   Add class to main full-width sections: xp-atmo-section
   ============================================================ */

body.elementor-page-1011 .xp-atmo-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: transparent !important;
  border: none !important;
}

body.elementor-page-1011 .xp-atmo-section > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Soft left glow */
body.elementor-page-1011 .xp-atmo-section::before {
  content: "";
  position: absolute;
  width: 780px;
  height: 480px;
  left: 6%;
  top: 52%;
  transform: translateY(-50%);
  background: radial-gradient(circle, rgba(111, 53, 232, 0.13), transparent 68%);
  filter: blur(62px);
  opacity: 0.62;
  z-index: 0;
  pointer-events: none;
}

/* Soft right/lower glow */
body.elementor-page-1011 .xp-atmo-section::after {
  content: "";
  position: absolute;
  width: 760px;
  height: 440px;
  right: -12%;
  bottom: -18%;
  background: radial-gradient(circle, rgba(111, 53, 232, 0.10), transparent 68%);
  filter: blur(60px);
  opacity: 0.48;
  z-index: 0;
  pointer-events: none;
}

/* Prevent hard section seams */
body.elementor-page-1011 .xp-atmo-section + .xp-atmo-section {
  margin-top: 0 !important;
  border-top: none !important;
}

/* Remove Elementor overlays only on classed atmosphere sections */
body.elementor-page-1011 .xp-atmo-section > .elementor-background-overlay {
  background: transparent !important;
}

/* ============================================================
   DARKER SECTIONS
   Add class to darker sections: xp-atmo-deep
   Use for Coming Soon / Footer areas
   ============================================================ */

body.elementor-page-1011 .xp-atmo-deep {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 78% 34%, rgba(111, 53, 232, 0.10), transparent 36%),
    linear-gradient(180deg, rgba(7, 7, 17, 0.58), rgba(5, 5, 13, 0.72)) !important;
  border-top: 1px solid rgba(140, 82, 255, 0.06) !important;
}

body.elementor-page-1011 .xp-atmo-deep > * {
  position: relative !important;
  z-index: 2 !important;
}

body.elementor-page-1011 .xp-atmo-deep::before {
  content: "";
  position: absolute;
  width: 720px;
  height: 360px;
  right: -140px;
  top: 50%;
  transform: translateY(-50%);
  background: radial-gradient(circle, rgba(111, 53, 232, 0.16), transparent 68%);
  filter: blur(50px);
  opacity: 0.50;
  z-index: 0;
  pointer-events: none;
}

/* ============================================================
   LOGO STRIP
   Add class to logo strip section: xp-logo-strip
   ============================================================ */

body.elementor-page-1011 .xp-logo-strip {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(111, 53, 232, 0.12), transparent 55%),
    linear-gradient(90deg, rgba(5, 5, 13, 0.98), rgba(13, 8, 28, 0.98), rgba(5, 5, 13, 0.98)) !important;
  border-top: 1px solid rgba(140, 82, 255, 0.10) !important;
  border-bottom: 1px solid rgba(140, 82, 255, 0.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.025),
    0 0 28px rgba(140, 82, 255, 0.06) !important;
}

body.elementor-page-1011 .xp-logo-strip img {
  opacity: 0.56;
  filter: grayscale(1) brightness(0.88);
  transition: opacity 0.25s ease, filter 0.25s ease, transform 0.25s ease;
}

body.elementor-page-1011 .xp-logo-strip img:hover {
  opacity: 0.95;
  filter: grayscale(0) brightness(1);
  transform: translateY(-2px);
}

/* ============================================================
   IMAGE / VIDEO FRAMES
   Add class to image/video container: xp-media-frame
   ============================================================ */

body.elementor-page-1011 .xp-media-frame {
  position: relative !important;
}

body.elementor-page-1011 .xp-media-frame img,
body.elementor-page-1011 .xp-media-frame iframe,
body.elementor-page-1011 .xp-media-frame video {
  border: 1px solid rgba(140, 82, 255, 0.24) !important;
  box-shadow:
    0 0 24px rgba(140, 82, 255, 0.16),
    0 0 60px rgba(140, 82, 255, 0.08) !important;
}

body.elementor-page-1011 .xp-media-frame::after {
  content: "";
  position: absolute;
  right: -8px;
  bottom: -8px;
  width: 42%;
  height: 8px;
  background: #8c52ff;
  box-shadow:
    0 0 14px rgba(140, 82, 255, 0.55),
    0 0 34px rgba(140, 82, 255, 0.22);
  pointer-events: none;
}

/* ============================================================
   HEADINGS / DIVIDERS
   ============================================================ */

body.elementor-page-1011 h1,
body.elementor-page-1011 h2,
body.elementor-page-1011 h3,
body.elementor-page-1011 .elementor-heading-title {
  text-shadow:
    0 0 18px rgba(140, 82, 255, 0.16),
    0 2px 8px rgba(0, 0, 0, 0.42);
}

body.elementor-page-1011 .elementor-divider-separator {
  border-color: rgba(140, 82, 255, 0.85) !important;
  box-shadow:
    0 0 10px rgba(140, 82, 255, 0.72),
    0 0 24px rgba(140, 82, 255, 0.28) !important;
}

/* ============================================================
   BUTTONS
   ============================================================ */

body.elementor-page-1011 .elementor-button {
  border-color: rgba(140, 82, 255, 0.70) !important;
  box-shadow:
    0 0 12px rgba(140, 82, 255, 0.20),
    0 0 28px rgba(140, 82, 255, 0.07) !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease !important;
}

body.elementor-page-1011 .elementor-button:hover {
  transform: translateY(-2px);
  border-color: rgba(190, 130, 255, 0.90) !important;
  box-shadow:
    0 0 18px rgba(140, 82, 255, 0.35),
    0 0 44px rgba(140, 82, 255, 0.13) !important;
}

/* ============================================================
   TEAM HIGHLIGHT CARDS
   Add class to each box: xp-highlight-card
   ============================================================ */

body.elementor-page-1011 .xp-highlight-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  border: 1px solid rgba(154, 92, 255, 0.22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(154, 92, 255, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 14px 34px rgba(0, 0, 0, 0.26),
    0 0 18px rgba(154, 92, 255, 0.07) !important;
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease !important;
}

body.elementor-page-1011 .xp-highlight-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(154, 92, 255, 0.44) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 20px 42px rgba(0, 0, 0, 0.34),
    0 0 28px rgba(154, 92, 255, 0.14) !important;
}

body.elementor-page-1011 .xp-highlight-card .elementor-icon,
body.elementor-page-1011 .xp-highlight-card i,
body.elementor-page-1011 .xp-highlight-card svg {
  transition: transform 0.28s ease, filter 0.28s ease !important;
}

body.elementor-page-1011 .xp-highlight-card:hover .elementor-icon,
body.elementor-page-1011 .xp-highlight-card:hover i,
body.elementor-page-1011 .xp-highlight-card:hover svg {
  transform: scale(1.06) !important;
  filter: drop-shadow(0 0 12px rgba(154, 92, 255, 0.42));
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {
  body.elementor-page-1011 {
    background:
      radial-gradient(circle at 18% 12%, rgba(111, 53, 232, 0.16) 0%, transparent 36%),
      radial-gradient(circle at 82% 35%, rgba(111, 53, 232, 0.12) 0%, transparent 40%),
      radial-gradient(circle at 50% 78%, rgba(111, 53, 232, 0.12) 0%, transparent 44%),
      #0F0C1F !important;
    background-attachment: scroll;
  }

  body.elementor-page-1011 .xp-atmo-section::before,
  body.elementor-page-1011 .xp-atmo-section::after,
  body.elementor-page-1011 .xp-atmo-deep::before {
    width: 420px;
    height: 320px;
    opacity: 0.42;
    filter: blur(45px);
  }

  body.elementor-page-1011 .xp-media-frame::after {
    width: 48%;
    height: 6px;
  }
}
body.elementor-page-1011 .xp-atmo-section + .xp-atmo-section {
  margin-top: -1px !important;
}/* End custom CSS */