.elementor-4216 .elementor-element.elementor-element-e31a35a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4216 .elementor-element.elementor-element-f5a8606{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4216 .elementor-element.elementor-element-e94723f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4216 .elementor-element.elementor-element-7109b55{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4216 .elementor-element.elementor-element-39ef679{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4216 .elementor-element.elementor-element-39ef679:not(.elementor-motion-effects-element-type-background), .elementor-4216 .elementor-element.elementor-element-39ef679 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}/* Start custom CSS for html, class: .elementor-element-560f32c *//* HERO */

.pih-hero{
      position: relative; overflow: hidden;
      min-height: 92vh;
      display: flex; align-items: center;
      padding: 100px 48px 80px;
    }

.pih-hero-bg{
  position:absolute;
  inset:0;
  background:
  radial-gradient(ellipse 80% 70% at 60% 40%, rgba(91,33,245,.55) 0%, transparent 70%),
  radial-gradient(ellipse 50% 60% at 20% 80%, rgba(217,70,239,.3) 0%, transparent 60%),
  radial-gradient(ellipse 40% 40% at 80% 10%, rgba(45,212,191,.12) 0%, transparent 55%),
  #0d0820;
}

.pih-hero-mesh{
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
  repeating-linear-gradient(0deg, transparent, transparent 79px, rgba(255,255,255,.06) 80px),
  repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(255,255,255,.06) 80px);
}

.pih-hero-inner{
  position:relative;
  z-index:1;
  max-width:1200px;
  margin:auto;
  width:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}

.pih-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 14px;
  border-radius:100px;
  background:rgba(91,33,245,.2);
  border:1px solid rgba(91,33,245,.4);
  color:#c4b5fd;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:22px;
}

.eyebrow-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#2dd4bf;
}

.pih-hero h1{
  font-size:clamp(2.6rem,4.5vw,4.2rem);
  font-weight:300;
  line-height:1.08;
  margin-bottom:24px;
  color:#fff;
}

.pih-hero h1 em{
  font-style:normal;
  background:linear-gradient(
  135deg,
  #2dd4bf 0%,
  #818cf8 60%,
  #d946ef 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.pih-hero-sub{
  font-size:1.1rem;
  line-height:1.75;
  color:rgba(255,255,255,.7);
  margin-bottom:36px;
  max-width:520px;
  font-weight: 300;
}

.pih-hero-actions{
  display:flex;
  gap:14px;
  align-items: center;
  flex-wrap:wrap;
}

.pih-btn-primary{
  background:#f5c518;
  color:#111;
  text-decoration:none;
  padding:14px 28px;
  border-radius:7px;
  font-weight:700;
  transition:all 0.2s;
  border: none;
  cursor: pointer;
}

.pih-btn-primary:hover{
  background:#d4a800;
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(245,197,24,0.25);
}

.pih-btn-ghost{
  text-decoration:none;
  padding:14px 28px;
  border-radius:7px;
  font-weight: 500;
  font-size: 0.95rem;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  color:#fff;
  transition: all 0.2s;
}

.pih-btn-ghost:hover { 
  background: rgba(255,255,255,0.09);
  border-color: rgba(255,255,255,0.2);
  color:#fff;
}

.pih-hero-trust{
  display:flex;
  gap:14px;
  align-items:center;
  margin-top:44px;
}

.trust-avatars{
  display:flex;
}

.trust-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.7rem;
  font-weight:700;
  border:2px solid #0d0820;
  margin-left:-8px;
}

.ta-1{background:#5b21f5; color: #fff;}
.ta-2{background:#d946ef; color: #fff;}
.ta-3{background: #2dd4bf; color: #0d0820;}
.ta-4{background: #f5c518; color: #0d0820;}

.pih-trust-text{
  font-size:.82rem;
  color:rgba(255,255,255,.7);
  line-height: 1.4;
}

.trust-text strong {
  color: #fff;
  font-weight: 600;
}

.pih-hero-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.pih-hero-card{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  padding:22px 20px;
  backdrop-filter:blur(12px);
  transition: transform 0.25s,
  border-color 0.25s;
}

.pih-hero-card:hover {
  transform: translateY(-4px);
  border-color: rgba(91,33,245,0.4);
}

.pih-hero-card.featured{
  grid-column:1/-1;
  background:linear-gradient(
  135deg,
  rgba(91,33,245,.25),
  rgba(217,70,239,.12)
  );
  border-color: rgba(91,33,245,0.35);
}

.card-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  font-size: 1.1rem;
}

.ci-violet{background:rgba(91,33,245,.25);}
.ci-yellow{background:rgba(245,197,24,.2);}
.ci-teal{background:rgba(45,212,191,.2);}
.ci-pink{background:rgba(217,70,239,.2);}

.card-num{
  font-size:2.2rem;
  font-weight:300;
  line-height: 1;
  margin-bottom:4px;
}

.teal{color:#2dd4bf;}
.yellow{color:#f5c518;}
.violet{color:#a78bfa;}
.pink{color:#f0abfc;}

.card-label{
  color:rgba(255,255,255,.7);
  font-size:.8rem;
}

 /* ─── RESPONSIVE ──────────────────────────────────── */
    @media (max-width: 1024px) {
      .pih-hero-inner { grid-template-columns: 1fr; gap: 48px; }
    }
    @media (max-width: 768px) {
      section, .pih-hero { padding: 64px 24px; }
      .pih-trust-section { padding-left: 24px; padding-right: 24px; }
      .pih-trust-logos-row { flex-wrap: wrap; }
      .pih-trust-logo-item { padding: 12px 16px; border-right: none; border-bottom: 1px solid var(--beroe-card-border); width: 50%; }
      .pih-trust-heading { font-size: 1.15rem; }
      .pih-trust-badges { flex-direction: column; }
      .pih-hero-cards { grid-template-columns: 1fr; }
    }
    
    /* ─── ANIMATIONS ──────────────────────────────────── */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(28px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .pih-hero-left > * { animation: fadeUp 0.7s ease both; }
    .pih-hero-left > *:nth-child(1) { animation-delay: 0.05s; }
    .pih-hero-left > *:nth-child(2) { animation-delay: 0.15s; }
    .pih-hero-left > *:nth-child(3) { animation-delay: 0.25s; }
    .pih-hero-left > *:nth-child(4) { animation-delay: 0.35s; }
    .pih-hero-left > *:nth-child(5) { animation-delay: 0.45s; }
    .pih-hero-cards { animation: fadeUp 0.8s ease 0.3s both; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87acdef */.[template.unique_class/]{
    padding:72px 48px;
    background:var(--beroe-dark-mid);
    border-top:1px solid var(--beroe-card-border);
    border-bottom:1px solid var(--beroe-card-border);
    position:relative;
    overflow:hidden;
}

.[template.unique_class/]::before{
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse 60% 100% at 50% 50%,rgba(91,33,245,.08),transparent);
    pointer-events:none;
}

.pts-inner{
    max-width:1200px;
    margin:0 auto;
    position:relative;
    z-index:1;
}

.pts-heading{
    text-align:center;
    font-size:clamp(1.4rem,2.2vw,1.9rem);
    font-weight:300;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--text-primary);
    margin-bottom:10px;
}

.pts-sub-line{
    text-align:center;
    font-size:.85rem;
    color:var(--text-muted);
    margin-bottom:52px;
}

.pts-sub-line span{
    display:inline-block;
    background:rgba(45,212,191,.12);
    border:1px solid rgba(45,212,191,.25);
    color:var(--teal);
    border-radius:100px;
    padding:3px 14px;
}

.pts-logos-row{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    margin-bottom:48px;
}

.pts-logo-item{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:18px 36px;
    border-right:1px solid var(--beroe-card-border);
}

.pts-logo-item:last-child{
    border-right:none;
}

.pts-logo-item img{
    max-width:120px;
    max-height:40px;
    width:auto;
    height:auto;
    object-fit:contain;
}

.[template.unique_class/]     display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
    padding-top:40px;
    border-top:1px solid var(--beroe-card-border);
}

.pts-badge{
    display:flex;
    align-items:center;
    gap:12px;
    background:var(--beroe-card);
    border:1px solid var(--beroe-card-border);
    border-radius:10px;
    padding:12px 20px;
}

.pts-badge-icon{
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
}

.pts-badge-text strong{
    display:block;
}

.pts-badge-text span{
    font-size:.75rem;
    color:var(--text-muted);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e0439f */.what-is { background: var(--beroe-dark-mid); }
    .what-grid {
      display: grid; grid-template-columns: 1fr 1fr; gap: 72px;
      align-items: center;
    }
    .what-text p { color: var(--text-secondary); line-height: 1.8; margin-bottom: 18px; font-size: 1rem; }
    .what-text p strong { color: var(--text-primary); }
    .what-highlights { display: grid; gap: 14px; }
    .highlight-row {
      display: flex; gap: 14px; align-items: flex-start;
      background: var(--beroe-card); border: 1px solid var(--beroe-card-border);
      border-radius: 12px; padding: 18px 20px;
      transition: border-color 0.2s;
    }
    .highlight-row:hover { border-color: rgba(91,33,245,0.45); }
    .highlight-icon { font-size: 1.3rem; flex-shrink: 0; margin-top: 2px; }
    .highlight-body h4 {
      font-family: var(--font-display); font-size: 0.95rem; font-weight: 500; margin-bottom: 4px;
    }
    .highlight-body p { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.6; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29a34e9 */.widget-head{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:18px;
}

.widget-head h3{
margin:0;
font-size:20px;
}

.mini-nav{
display:flex;
gap:8px;
}

.mini-nav button{
width:34px;
height:34px;
border:none;
border-radius:50%;
background:#f3f5f8;
cursor:pointer;
font-size:18px;
transition:.3s;
}

.mini-nav button:hover{
background:#e6ebf2;
}

.mini-track{
position:relative;
overflow:hidden;
min-height:270px;
}

.mini-slide{
display:none;
text-align:center;
animation:fade .35s ease;
}

.mini-slide.active{
display:block;
}

.mini-slide h4{
margin:14px 0 8px;
font-size:20px;
}

.mini-slide p{
margin:0;
color:#667;
}

.dots{
display:flex;
justify-content:center;
gap:8px;
margin-top:20px;
}

.dot{
width:10px;
height:10px;
border-radius:50%;
background:#cfd6df;
cursor:pointer;
transition:.3s;
}

.dot.active{
background:#5b2dff;
}

@keyframes fade{
from{
opacity:0;
transform:translateY(10px);
}
to{
opacity:1;
transform:translateY(0);
}
}/* End custom CSS */