/* ==========================================================================
   Feiran Hero Slider — frontend styles
   All selectors are scoped under .feiran-hero-widget to avoid theme clashes.
   Style controls in Elementor inject CSS custom properties on the wrapper
   (see render() in class-feiran-hero-widget.php), so do not hard-code the
   tokens you want editable — read them from var(--fh-*).
   ========================================================================== */

.feiran-hero-widget{
  /* ---- Tokens (Elementor Style tab overrides these inline on the wrapper) ---- */
  --fh-red-600:#d92231;
  --fh-red-500:#e63946;
  --fh-red-400:#ef5d68;
  --fh-navy-950:#0a1024;
  --fh-navy-900:#101a36;
  --fh-navy-800:#172447;
  --fh-text:#ffffff;
  --fh-muted:rgba(255,255,255,.78);
  --fh-faint:rgba(255,255,255,.6);

  --fh-btn-radius:999px;
  --fh-card-radius:14px;
  --fh-min-height:88vh;
  --fh-content-max:1320px;
  --fh-overlay:rgba(10,16,36,1);
  --fh-overlay-opacity:.78;
  --fh-glass-opacity:.08;

  --fh-font:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fh-mono:"Geist Mono", ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;
  --fh-ease:cubic-bezier(.2,.7,.2,1);

  display:block;
  position:relative;
  width:100%;
  font-family:var(--fh-font);
  color:var(--fh-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  box-sizing:border-box;
}
.feiran-hero-widget *,
.feiran-hero-widget *::before,
.feiran-hero-widget *::after{ box-sizing:border-box; }
.feiran-hero-widget img{ display:block; max-width:100%; }
.feiran-hero-widget a{ color:inherit; text-decoration:none; }
.feiran-hero-widget button{ font:inherit; color:inherit; cursor:pointer; border:0; background:transparent; }
/* Theme guard: themes often set h1..h6 / p colors. We DON'T use color:inherit
   here (it would override the widget's own colour rules), only reset margins.
   The actual colours are pinned with higher-specificity rules below. */
.feiran-hero-widget h1,
.feiran-hero-widget h2,
.feiran-hero-widget h3,
.feiran-hero-widget p{ margin:0; }
/* High-specificity (0,2,0) + !important so no theme element/!important rule
   can recolour the brand text. */
.feiran-hero-widget .feiran-hero__headline{ color:var(--fh-text) !important; }
.feiran-hero-widget .feiran-hero__accent{ color:var(--fh-red-500) !important; }
.feiran-hero-widget .feiran-hero__lede{ color:var(--fh-muted) !important; }
.feiran-hero-widget .feiran-hero__eyebrow{ color:var(--fh-muted) !important; }
.feiran-hero-card__title{ color:var(--fh-text); }

/* ==========================================================================
   SECTION SHELL
   ========================================================================== */
.feiran-hero{
  position:relative;
  min-height:var(--fh-min-height);
  overflow:hidden;
  isolation:isolate;
  background:var(--fh-navy-900);
  display:flex;
  flex-direction:column;
}

/* ---- Background slides ---- */
.feiran-hero__slider{ position:absolute; inset:0; z-index:0; }
.feiran-hero__slide{
  position:absolute; inset:0;
  opacity:0; visibility:hidden;
  transition:opacity 1s var(--fh-ease), visibility 0s linear 1s;
}
.feiran-hero__slide.is-active{
  opacity:1; visibility:visible;
  transition:opacity 1s var(--fh-ease), visibility 0s;
}
.feiran-hero__bg{
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  transform:scale(1.08);
}
.feiran-hero[data-bg-anim="yes"] .feiran-hero__slide.is-active .feiran-hero__bg{
  transition:transform 10s linear;
  transform:scale(1);
}
.feiran-hero__scrim{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg,
      color-mix(in srgb, var(--fh-overlay) calc(var(--fh-overlay-opacity) * 100%), transparent) 0%,
      color-mix(in srgb, var(--fh-overlay) calc(var(--fh-overlay-opacity) * 62%), transparent) 40%,
      color-mix(in srgb, var(--fh-overlay) calc(var(--fh-overlay-opacity) * 30%), transparent) 70%,
      color-mix(in srgb, var(--fh-overlay) calc(var(--fh-overlay-opacity) * 62%), transparent) 100%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--fh-overlay) 45%, transparent) 0%,
      transparent 30%, transparent 60%,
      color-mix(in srgb, var(--fh-overlay) 70%, transparent) 100%);
}
/* Fallback for browsers without color-mix() */
@supports not (color: color-mix(in srgb, red, blue)){
  .feiran-hero__scrim{
    background:
      linear-gradient(90deg, rgba(10,16,36,.88) 0%, rgba(10,16,36,.55) 40%, rgba(10,16,36,.25) 70%, rgba(10,16,36,.55) 100%),
      linear-gradient(180deg, rgba(10,16,36,.45) 0%, transparent 30%, transparent 60%, rgba(10,16,36,.7));
  }
}
.feiran-hero__grid{
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(70% 70% at 20% 40%, #000, transparent);
  mask-image:radial-gradient(70% 70% at 20% 40%, #000, transparent);
}

/* ==========================================================================
   TOP NAV (inside hero)
   ========================================================================== */
.feiran-hero-nav{
  position:relative; z-index:5;
  width:100%;
}
.feiran-hero-nav__inner{
  max-width:var(--fh-content-max);
  margin:0 auto;
  padding:22px 40px;
  display:flex; align-items:center; gap:24px;
}
.feiran-hero-logo{ display:inline-flex; align-items:center; line-height:1; }
.feiran-hero-logo__mark{ display:flex; flex-direction:column; align-items:flex-start; line-height:1; }
.feiran-hero-logo__top{
  position:relative;
  font-size:22px; font-weight:700; letter-spacing:.04em; color:#fff;
}
.feiran-hero-logo__top .feiran-hero-logo__swoosh{
  position:absolute; left:38%; right:-4%; bottom:-3px; height:4px;
  background:linear-gradient(90deg, transparent 0%, var(--fh-red-600) 12%, var(--fh-red-500) 70%, transparent 100%);
  transform:skewX(-22deg); border-radius:2px;
}
.feiran-hero-logo__bottom{
  margin-top:5px;
  font-size:9.5px; font-weight:500; letter-spacing:.32em; color:var(--fh-muted);
}

.feiran-hero-nav__menu{
  display:flex; align-items:center; gap:2px; margin-left:14px;
}
.feiran-hero-nav__menu a{
  position:relative;
  padding:10px 14px; border-radius:8px;
  font-size:14.5px; color:rgba(255,255,255,.85);
  transition:color .2s, background .2s;
}
.feiran-hero-nav__menu a:hover{ color:#fff; background:rgba(255,255,255,.1); }
.feiran-hero-nav__caret{
  display:inline-block; width:8px; height:8px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg); margin-left:6px; opacity:.55;
}

.feiran-hero-nav__tools{ margin-left:auto; display:flex; align-items:center; gap:10px; }
.feiran-hero-iconbtn{
  width:40px; height:40px; border-radius:10px;
  display:grid; place-items:center; color:rgba(255,255,255,.85);
  transition:background .2s, color .2s;
}
.feiran-hero-iconbtn:hover{ background:rgba(255,255,255,.12); color:#fff; }
.feiran-hero-iconbtn svg{ width:18px; height:18px; }
.feiran-hero-nav__burger{ display:none; }

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.feiran-hero-cta{
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 22px; border-radius:var(--fh-btn-radius);
  font-weight:500; font-size:15px; white-space:nowrap;
  transition:transform .25s var(--fh-ease), background .2s, color .2s, box-shadow .25s;
}
.feiran-hero-cta__arrow{ display:inline-flex; width:14px; height:14px; transition:transform .25s var(--fh-ease); }
.feiran-hero-cta__arrow svg{ width:14px; height:14px; }
.feiran-hero-cta:hover .feiran-hero-cta__arrow{ transform:translateX(4px); }

.feiran-hero-cta--primary{
  background:var(--fh-red-600); color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.12) inset, 0 14px 30px -14px var(--fh-red-600);
}
.feiran-hero-cta--primary:hover{ background:var(--fh-red-500); transform:translateY(-2px); }
.feiran-hero-cta--ghost{
  background:transparent; color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
.feiran-hero-cta--ghost:hover{ background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.5); }
.feiran-hero-cta--pill{ padding:11px 20px; font-size:14.5px; }

/* ==========================================================================
   HERO CONTENT
   ========================================================================== */
.feiran-hero__content{
  position:relative; z-index:3;
  flex:1 1 auto;
  width:100%;
  max-width:var(--fh-content-max);
  margin:0 auto;
  padding:40px 40px 96px;
  display:grid; grid-template-columns:1.3fr 1fr; gap:48px; align-items:center;
}
.feiran-hero__text{ max-width:680px; }
.feiran-hero__eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--fh-mono); font-size:11.5px;
  text-transform:uppercase; letter-spacing:.18em; color:var(--fh-muted);
  margin-bottom:24px;
}
.feiran-hero__eyebrow::before{ content:""; width:36px; height:1.5px; background:var(--fh-red-500); }
.feiran-hero__headline{
  margin:0;
  color:var(--fh-text);
  font-size:clamp(42px, 5.6vw, 86px);
  letter-spacing:-.035em; font-weight:600; line-height:1.0;
  text-wrap:balance;
}
.feiran-hero__accent{ color:var(--fh-red-500); display:block; font-weight:600; }
.feiran-hero__lede{
  margin:24px 0 0;
  font-size:18px; color:var(--fh-muted); max-width:54ch; line-height:1.55;
  text-wrap:pretty;
}
.feiran-hero__ctas{ margin-top:36px; display:flex; gap:12px; flex-wrap:wrap; }

/* ---- Right column cards ---- */
.feiran-hero-cards{
  display:flex; flex-direction:column; gap:14px;
  width:100%; max-width:440px; justify-self:end;
}
.feiran-hero-card{
  position:relative;
  display:grid; grid-template-columns:140px 1fr; gap:0;
  background:rgba(255,255,255,var(--fh-glass-opacity));
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.15);
  border-radius:var(--fh-card-radius);
  overflow:hidden; cursor:pointer; text-align:left; width:100%; color:#fff;
  transition:background .3s, border-color .3s, transform .35s var(--fh-ease);
}
/* Fallback when backdrop-filter unsupported — solid translucent navy */
@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
  .feiran-hero-card{ background:rgba(16,26,54,.72); }
}
.feiran-hero-card:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.35);
  transform:translateX(-4px) translateY(-2px);
}
.feiran-hero-card.is-active{
  background:linear-gradient(120deg, rgba(217,34,49,.22), rgba(217,34,49,.06));
  border-color:var(--fh-red-500);
}
.feiran-hero-card.is-active::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--fh-red-500);
}
.feiran-hero-card__thumb{ background-size:cover; background-position:center; min-height:108px; position:relative; }
.feiran-hero-card__thumb::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, transparent 55%, rgba(10,16,36,.45));
}
.feiran-hero-card__body{ padding:16px 44px 16px 18px; display:flex; flex-direction:column; justify-content:center; gap:5px; }
.feiran-hero-card__label{
  font-family:var(--fh-mono); font-size:10.5px;
  text-transform:uppercase; letter-spacing:.16em; color:var(--fh-faint);
}
.feiran-hero-card.is-active .feiran-hero-card__label{ color:var(--fh-red-400); }
.feiran-hero-card__title{ font-size:16px; font-weight:600; letter-spacing:-.01em; line-height:1.25; }
.feiran-hero-card__arrow{
  position:absolute; top:14px; right:14px;
  width:26px; height:26px; border-radius:50%; display:grid; place-items:center;
  background:rgba(255,255,255,.12); color:#fff;
  transition:background .25s, transform .25s var(--fh-ease);
}
.feiran-hero-card__arrow svg{ width:12px; height:12px; }
.feiran-hero-card:hover .feiran-hero-card__arrow{ background:var(--fh-red-600); transform:rotate(-45deg); }
.feiran-hero-card.is-active .feiran-hero-card__arrow{ background:var(--fh-red-600); }

/* ==========================================================================
   SLIDER CHROME (bottom-left)
   ========================================================================== */
.feiran-hero__chrome{
  position:relative; z-index:4;
  width:100%; max-width:var(--fh-content-max); margin:0 auto;
  padding:0 40px 36px;
  display:flex; align-items:center; gap:18px; color:#fff;
}
.feiran-hero__playpause{
  width:54px; height:54px; border-radius:50%;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22);
  display:grid; place-items:center; color:#fff;
  transition:background .25s, border-color .25s, transform .2s;
  flex:0 0 auto;
}
.feiran-hero__playpause:hover{ background:var(--fh-red-600); border-color:var(--fh-red-600); }
.feiran-hero__playpause:active{ transform:scale(.95); }
.feiran-hero__playpause .fh-pause{ display:flex; gap:4px; }
.feiran-hero__playpause .fh-pause span{ width:3px; height:14px; background:currentColor; border-radius:1px; }
.feiran-hero__playpause .fh-play{
  width:0; height:0; margin-left:3px;
  border-left:11px solid currentColor; border-top:7px solid transparent; border-bottom:7px solid transparent;
}
.feiran-hero__playpause.is-paused .fh-pause{ display:none; }
.feiran-hero__playpause:not(.is-paused) .fh-play{ display:none; }

.feiran-hero__progress{ font-family:var(--fh-mono); font-size:12px; color:var(--fh-faint); letter-spacing:.12em; display:flex; align-items:center; gap:6px; }
.feiran-hero__progress strong{ color:#fff; font-weight:500; font-size:13px; }
.feiran-hero__bar{ display:inline-block; width:80px; height:2px; background:rgba(255,255,255,.2); border-radius:1px; position:relative; overflow:hidden; }
.feiran-hero__bar::after{
  content:""; position:absolute; left:0; top:0; bottom:0;
  background:var(--fh-red-500); width:var(--fh-progress, 0%);
}

/* ==========================================================================
   BOTTOM TRUST BAR
   ========================================================================== */
.feiran-hero-bottom-bar{
  position:relative; z-index:5;
  background:#f4f5f7; color:#5d6478;
  border-top:1px solid rgba(255,255,255,.06);
}
.feiran-hero-bottom-bar__inner{
  max-width:var(--fh-content-max); margin:0 auto;
  padding:18px 40px;
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
}
.feiran-hero-bottom-bar__ticker{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; min-width:0; }
.feiran-hero-bottom-bar__dot{ width:7px; height:7px; border-radius:50%; background:var(--fh-red-600); flex:0 0 auto; }
.feiran-hero-bottom-bar__text{
  font-family:var(--fh-mono); letter-spacing:.1em; text-transform:uppercase; font-size:11px; color:#5d6478;
}
.feiran-hero-bottom-bar__link{
  display:inline-flex; align-items:center; gap:8px; color:#101a36; font-weight:500; font-size:14px;
  transition:gap .25s var(--fh-ease);
}
.feiran-hero-bottom-bar__link svg{ width:14px; height:14px; }
.feiran-hero-bottom-bar__link:hover{ gap:14px; color:var(--fh-red-600); }

/* ==========================================================================
   ENTRANCE ANIMATIONS  (gated by .is-inview; reduced-motion safe)
   ========================================================================== */
/* Base state is the VISIBLE end-state, so content always shows when JS is
   absent, when printing, or under reduced-motion. The hidden start state is
   applied ONLY while JS has marked the hero with .fh-prep (added on init,
   swapped for .is-inview when the hero scrolls into view). */
@media (prefers-reduced-motion: no-preference){
  .feiran-hero.fh-prep .feiran-hero__eyebrow,
  .feiran-hero.fh-prep .feiran-hero__headline,
  .feiran-hero.fh-prep .feiran-hero__lede,
  .feiran-hero.fh-prep .feiran-hero__ctas{ opacity:0; transform:translateY(22px); }
  .feiran-hero.fh-prep .feiran-hero-card{ opacity:0; transform:translateX(40px); }

  .feiran-hero.is-inview .feiran-hero__eyebrow{ animation:fh-fade-up .7s var(--fh-ease) .05s both; }
  .feiran-hero.is-inview .feiran-hero__headline{ animation:fh-fade-up .8s var(--fh-ease) .15s both; }
  .feiran-hero.is-inview .feiran-hero__lede{ animation:fh-fade-up .8s var(--fh-ease) .35s both; }
  .feiran-hero.is-inview .feiran-hero__ctas{ animation:fh-fade-up .8s var(--fh-ease) .5s both; }
  .feiran-hero.is-inview .feiran-hero-card{ animation:fh-slide-in .7s var(--fh-ease) both; }
  .feiran-hero.is-inview .feiran-hero-card:nth-child(1){ animation-delay:.45s; }
  .feiran-hero.is-inview .feiran-hero-card:nth-child(2){ animation-delay:.58s; }
  .feiran-hero.is-inview .feiran-hero-card:nth-child(3){ animation-delay:.71s; }
}
@keyframes fh-fade-up{ from{ opacity:0; transform:translateY(22px); } to{ opacity:1; transform:translateY(0); } }
@keyframes fh-slide-in{ from{ opacity:0; transform:translateX(40px); } to{ opacity:1; transform:translateX(0); } }

/* swap fade used by JS when changing slides */
.feiran-hero__accent, .feiran-hero__lede{ transition:opacity .3s ease; }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1440px){
  .feiran-hero-nav__inner,
  .feiran-hero__content,
  .feiran-hero__chrome,
  .feiran-hero-bottom-bar__inner{ padding-left:36px; padding-right:36px; }
}
@media (max-width:1200px){
  .feiran-hero__content{ gap:36px; }
  .feiran-hero-cards{ max-width:400px; }
}
@media (max-width:1100px){
  .feiran-hero-cards{ max-width:380px; }
  .feiran-hero-card{ grid-template-columns:110px 1fr; }
}
@media (max-width:1024px){
  .feiran-hero-nav__menu{ display:none; }
  .feiran-hero-nav__burger{ display:grid; }
}
@media (max-width:880px){
  .feiran-hero{ min-height:0; }
  .feiran-hero__content{
    grid-template-columns:1fr; gap:30px;
    padding:84px 32px 52px; align-items:start;
  }
  .feiran-hero__headline{ font-size:clamp(34px, 9vw, 52px); }
  .feiran-hero-cards{ max-width:none; justify-self:stretch; }
  .feiran-hero__chrome{ padding:0 24px 28px; }
  .feiran-hero-nav__inner{ padding:18px 24px; }
  .feiran-hero-bottom-bar__inner{ padding:16px 24px; }
}
@media (max-width:768px){
  .feiran-hero__lede{ font-size:16px; }
  .feiran-hero-bottom-bar__inner{ flex-direction:column; align-items:flex-start; gap:12px; }
}
@media (max-width:640px){
  .feiran-hero__ctas{ gap:10px; }
  .feiran-hero__ctas .feiran-hero-cta{ flex:1 1 auto; justify-content:center; }
  .feiran-hero-card{ grid-template-columns:96px 1fr; }
  .feiran-hero-card__thumb{ min-height:92px; }
}
@media (max-width:480px){
  .feiran-hero__content{ padding:76px 20px 44px; }
  .feiran-hero-nav__inner{ padding:16px 20px; }
  .feiran-hero__chrome{ padding:0 20px 24px; }
  .feiran-hero-bottom-bar__inner{ padding:16px 20px; }
  .feiran-hero-card__title{ font-size:15px; }
  /* horizontal-scroll ticker on the smallest screens */
  .feiran-hero-bottom-bar__ticker{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .feiran-hero-bottom-bar__ticker::-webkit-scrollbar{ display:none; }
  .feiran-hero-bottom-bar__text{ white-space:nowrap; }
}
@media (max-width:375px){
  .feiran-hero__content{ padding-left:16px; padding-right:16px; }
}

/* ==========================================================================
   REDUCED MOTION — kill heavy animation, keep content visible
   ========================================================================== */
@media (prefers-reduced-motion: reduce){
  .feiran-hero-widget *{ animation:none !important; transition:none !important; }
  .feiran-hero__bg{ transform:scale(1) !important; }
  .feiran-hero__eyebrow,
  .feiran-hero__headline,
  .feiran-hero__lede,
  .feiran-hero__ctas,
  .feiran-hero-card{ opacity:1 !important; transform:none !important; }
}

/* ==========================================================================
   ELEMENTOR EDITOR — neutralise stage scaling quirks
   ========================================================================== */
.elementor-editor-active .feiran-hero{ min-height:680px; }

/* ==========================================================================
   TRUST BAR — light credibility strip directly below the hero
   ========================================================================== */
.feiran-hero-widget .feiran-hero-trust{
  --fh-trust-bg:#f6f7f9;
  --fh-trust-line:#e1e2e6;
  --fh-trust-tile:#ffffff;
  --fh-trust-ink:#101a36;
  --fh-trust-sub:#5d6478;
  background:var(--fh-trust-bg);
  border-bottom:1px solid var(--fh-trust-line);
  width:100%;
}
.feiran-hero-widget .feiran-hero-trust__row{
  max-width:var(--fh-content-max);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.feiran-hero-widget .feiran-hero-trust__item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:28px 24px;
  border-right:1px solid var(--fh-trust-line);
}
.feiran-hero-widget .feiran-hero-trust__item:last-child{ border-right:0; }
.feiran-hero-widget .feiran-hero-trust__glyph{
  flex:0 0 auto;
  width:42px;
  height:42px;
  border-radius:10px;
  background:var(--fh-trust-tile);
  border:1px solid var(--fh-trust-line);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--fh-red-600);
}
.feiran-hero-widget .feiran-hero-trust__text{ display:block; min-width:0; }
.feiran-hero-widget .feiran-hero-trust__text strong{
  display:block;
  font-weight:600;
  font-size:14.5px;
  line-height:1.3;
  color:var(--fh-trust-ink) !important;
}
.feiran-hero-widget .feiran-hero-trust__text span{
  display:block;
  font-size:12px;
  line-height:1.4;
  color:var(--fh-trust-sub) !important;
}
@media (max-width:880px){
  .feiran-hero-widget .feiran-hero-trust__row{ grid-template-columns:repeat(2,1fr); }
  .feiran-hero-widget .feiran-hero-trust__item:nth-child(2){ border-right:0; }
  .feiran-hero-widget .feiran-hero-trust__item:nth-child(-n+2){ border-bottom:1px solid var(--fh-trust-line); }
}
@media (max-width:480px){
  .feiran-hero-widget .feiran-hero-trust__item{ padding:20px; gap:13px; }
}