:root {
    --rc-bg: #05050d;
    --rc-surface: rgba(255,255,255,0.06);
    --rc-surface-2: rgba(255,255,255,0.08);
    --rc-border: rgba(255,255,255,0.12);
    --rc-text: #f8f8fc;
    --rc-text-muted: rgba(255,255,255,0.68);
    --rc-accent: #a87fff;
    --rc-accent-2: #00d4ff;
    --rc-accent-3: #7cffb2;
    --rc-shadow: 0 20px 60px rgba(0,0,0,0.28);
    --rc-radius: 24px;
    --rc-radius-sm: 16px;
  }

  .rc-section {
    position: relative;
    overflow: hidden;
  }

  .rc-shell {
    max-width: 1280px;
    margin: 0 auto;
  }

  .rc-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(168,127,255,0.22);
    background: rgba(168,127,255,0.08);
    color: #d8c8ff;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .rc-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--rc-accent), var(--rc-accent-2));
    box-shadow: 0 0 12px rgba(168,127,255,.8);
  }

  .rc-head {
    display: grid;
    gap: 18px;
    text-align: center;
    justify-items: center;
    margin-bottom: 42px;
  }

  .rc-head h2 {
    margin: 0;
    color: var(--rc-text);
    font-family: Outfit, "Red Hat Display", sans-serif;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
  }

  .rc-head p {
    margin: 0;
    max-width: 760px;
    color: var(--rc-text-muted);
    font-size: 1.02rem;
    line-height: 1.75;
  }

  .rc-gradient-text {
    background: linear-gradient(135deg, var(--rc-accent), var(--rc-accent-2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .rc-glass {
    background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.04));
    border: 1px solid var(--rc-border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: var(--rc-shadow);
    border-radius: var(--rc-radius);
  }

  .rc-story-grid,
  .rc-solution-grid,
  .rc-brand-grid,
  .rc-logo-grid,
  .rc-footer-grid {
    display: grid;
    gap: 24px;
  }

  .rc-story-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rc-story-card {
    position: relative;
    padding: 24px;
    background: #ffffff;
    border: 1px solid rgba(17,17,26,0.08);
    box-shadow: 0 20px 50px rgba(17,17,26,0.08);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }

  .rc-story-card:hover,
  .rc-solution-card:hover,
  .rc-brand-panel:hover,
  .rc-footer-card:hover {
    transform: translateY(-6px);
    border-color: rgba(168,127,255,0.34);
    box-shadow: 0 24px 60px rgba(17,17,26,.14);
  }

  .rc-story-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
  }

  .rc-logo-pill {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #f6f7fb;
    border: 1px solid rgba(17,17,26,0.08);
    color: #181824;
  }

  .rc-logo-pill img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    filter: grayscale(1);
  }

  .rc-metric-chip {
    padding: 8px 12px;
    border-radius: 999px;
    color: #fff;
    font-size: .82rem;
    background: linear-gradient(135deg, rgba(168,127,255,.2), rgba(0,212,255,.18));
    border: 1px solid rgba(255,255,255,.1);
  }

  .rc-story-quote {
    color: #181824;
    font-size: 1.02rem;
    line-height: 1.7;
    margin-bottom: 22px;
  }

  .rc-story-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid rgba(17,17,26,0.08);
  }

  .rc-story-stat strong,
  .rc-logo-stat strong {
    display: block;
    color: #181824;
    font-size: 1.15rem;
  }

  .rc-story-stat span,
  .rc-logo-stat span {
    color: rgba(17,17,26,0.62);
    font-size: .78rem;
  }

  .rc-solution-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .rc-solution-card {
    position: relative;
    padding: 28px;
    overflow: hidden;
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }

  .rc-solution-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(168,127,255,.4), rgba(0,212,255,.2), rgba(124,255,178,.28));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .8;
    pointer-events: none;
  }

  .rc-solution-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    background: radial-gradient(circle at top left, rgba(168,127,255,.32), rgba(0,212,255,.12));
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 24px rgba(168,127,255,.18);
  }

  .rc-solution-card h3,
  .rc-brand-copy h3,
  .rc-step-card h3,
  .rc-footer-card h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
  }

  .rc-solution-card p,
  .rc-brand-copy p,
  .rc-step-card p,
  .rc-footer-card p,
  .rc-footer-card a,
  .rc-footer-note,
  .rc-newsletter-copy {
    color: var(--rc-text-muted);
    line-height: 1.7;
    text-decoration: none;
  }

  .rc-solution-tag {
    display: inline-block;
    margin-top: 16px;
    color: #d4deff;
    font-size: .8rem;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.04);
  }

  .rc-brand-grid {
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
  }

  .rc-brand-copy {
    padding: 24px 8px 24px 0;
  }

  .rc-brand-copy h2 {
    margin: 0 0 18px;
    font-size: clamp(2.2rem, 4vw, 4rem);
    line-height: 1;
    color: #fff;
  }

  .rc-brand-panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: start;
  }

  .rc-brand-panel {
    padding: 18px;
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }

  .rc-brand-panel.is-offset {
    transform: translateY(34px);
  }

  .rc-brand-panel img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 18px;
    margin-bottom: 14px;
  }

  .rc-brand-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #fff;
    font-size: .88rem;
  }

  .rc-timeline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    position: relative;
  }

  .rc-timeline::before {
    content: "";
    position: absolute;
    top: 28px;
    left: 8%;
    right: 8%;
    height: 2px;
    background: linear-gradient(90deg, rgba(168,127,255,.2), rgba(0,212,255,.45), rgba(124,255,178,.25));
  }

  .rc-step-card {
    position: relative;
    padding: 88px 24px 24px;
  }

  .rc-step-badge {
    position: absolute;
    top: 0;
    left: 24px;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, rgba(168,127,255,.24), rgba(0,212,255,.18));
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 0 28px rgba(168,127,255,.16);
    transform: translateY(-50%);
  }

  .rc-step-no {
    display: inline-block;
    margin-bottom: 10px;
    font-size: .8rem;
    color: #cfc2ff;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .rc-trust-wrap {
    display: grid;
    gap: 28px;
  }

  .rc-logo-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .rc-logo-card {
    min-height: 108px;
    display: grid;
    place-items: center;
    padding: 22px;
    background: #ffffff;
    border: 1px solid rgba(17,17,26,0.08);
    box-shadow: 0 18px 40px rgba(17,17,26,0.08);
    filter: grayscale(1);
    opacity: .9;
    transition: filter .3s ease, opacity .3s ease, transform .3s ease, box-shadow .3s ease;
  }

  .rc-logo-card:hover {
    filter: grayscale(0);
    opacity: 1;
    transform: translateY(-4px);
  }

  .rc-logo-card img {
    max-width: 140px;
    max-height: 34px;
    object-fit: contain;
    filter: brightness(0) saturate(100%);
  }

  .rc-trust-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  .rc-logo-stat {
    padding: 20px 22px;
    background: #ffffff;
    border: 1px solid rgba(17,17,26,0.08);
    box-shadow: 0 18px 40px rgba(17,17,26,0.08);
  }

  .rc-footer {
    background:
      radial-gradient(circle at top left, rgba(168,127,255,.12), transparent 32%),
      radial-gradient(circle at top right, rgba(0,212,255,.08), transparent 28%),
      #070711;
    border-top: 1px solid rgba(255,255,255,.06);
  }

  .rc-footer-grid {
    grid-template-columns: 1.2fr .8fr .8fr .95fr;
    align-items: start;
  }

  .rc-footer-card {
    padding: 24px;
    min-height: 100%;
  }

  .rc-footer-brand {
    display: grid;
    gap: 18px;
  }

  .rc-footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .rc-footer-socials a {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    transition: transform .25s ease, background .25s ease;
  }

  .rc-footer-socials a:hover {
    transform: translateY(-3px);
    background: rgba(168,127,255,.14);
  }

  .rc-footer-links {
    display: grid;
    gap: 12px;
  }

  .rc-footer-links a:hover {
    color: #fff;
  }

  .rc-newsletter {
    display: grid;
    gap: 14px;
  }

  .rc-newsletter-form {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }

  .rc-newsletter-form input {
    height: 52px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.06);
    color: #fff;
    outline: none;
  }

  .rc-newsletter-form button {
    height: 52px;
    border: 0;
    border-radius: 14px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    background: linear-gradient(135deg, var(--rc-accent), #6c47ff);
    box-shadow: 0 12px 30px rgba(108,71,255,.3);
  }

  .rc-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(255,255,255,.08);
    color: var(--rc-text-muted);
    font-size: .92rem;
  }
.rci-dh-link {

    font-size: 13px;

}
.rci-dh-nav {

    gap: 25px;
}
  @media (max-width: 991px) {
    .rc-story-grid,
    .rc-solution-grid,
    .rc-timeline,
    .rc-logo-grid,
    .rc-trust-stats,
    .rc-footer-grid,
    .rc-brand-grid {
      grid-template-columns: 1fr 1fr;
    }

    .rc-timeline::before {
      display: none;
    }

    .rc-brand-panel.is-offset {
      transform: none;
    }
  }

  @media (max-width: 767px) {
    .rc-story-grid,
    .rc-solution-grid,
    .rc-brand-grid,
    .rc-brand-panels,
    .rc-timeline,
    .rc-logo-grid,
    .rc-trust-stats,
    .rc-footer-grid,
    .rc-story-stats {
      grid-template-columns: 1fr;
    }

    .rc-footer-bottom {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  section#brand-design-section {
    background: linear-gradient(180deg, #1f0751 25%, #0c0717) ;
}
div#ai-solutions {
    border-radius: 0;
}




  :root {
    --rc-bg: #05050d;
    --rc-surface: rgba(255,255,255,0.06);
    --rc-surface-2: rgba(255,255,255,0.08);
    --rc-border: rgba(255,255,255,0.12);
    --rc-text: #f8f8fc;
    --rc-text-muted: rgba(255,255,255,0.68);
    --rc-accent: #a87fff;
    --rc-accent-2: #00d4ff;
    --rc-accent-3: #7cffb2;
    --rc-shadow: 0 20px 60px rgba(0,0,0,0.28);
    --rc-radius: 24px;
    --rc-radius-sm: 16px;
  }

  .rc-section {
    position: relative;
    overflow: hidden;
  }

  .rc-shell {
    max-width: 1280px;
    margin: 0 auto;
  }

  .rc-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(168,127,255,0.22);
    background: rgba(168,127,255,0.08);
    color: #d8c8ff;
    font-size: 12px;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .rc-eyebrow::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--rc-accent), var(--rc-accent-2));
    box-shadow: 0 0 12px rgba(168,127,255,.8);
  }

  .rc-head {
    display: grid;
    gap: 18px;
    text-align: center;
    justify-items: center;
    margin-bottom: 42px;
  }

  .rc-head h2 {
    margin: 0;
    color: var(--rc-text);
    font-family: Outfit, "Red Hat Display", sans-serif;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.08;
    letter-spacing: -0.03em;
  }

  .rc-head p {
    margin: 0;
    max-width: 760px;
    color: var(--rc-text-muted);
    font-size: 1.02rem;
    line-height: 1.75;
  }

  .rc-gradient-text {
    background: linear-gradient(135deg, var(--rc-accent), var(--rc-accent-2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .rc-glass {
    background: linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.04));
    border: 1px solid var(--rc-border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: var(--rc-shadow);
    border-radius: var(--rc-radius);
  }

  .rc-story-grid,
  .rc-solution-grid,
  .rc-brand-grid,
  .rc-logo-grid,
  .rc-footer-grid {
    display: grid;
    gap: 24px;
  }

  .rc-story-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .rc-story-card {
    position: relative;
    padding: 24px;
    background: #ffffff;
    border: 1px solid rgba(17,17,26,0.08);
    box-shadow: 0 20px 50px rgba(17,17,26,0.08);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }

  .rc-story-card:hover,
  .rc-solution-card:hover,
  .rc-brand-panel:hover,
  .rc-footer-card:hover {
    transform: translateY(-6px);
    border-color: rgba(168,127,255,0.34);
    box-shadow: 0 24px 60px rgba(17,17,26,.14);
  }

  .rc-story-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
  }

  .rc-logo-pill {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 999px;
    background: #f6f7fb;
    border: 1px solid rgba(17,17,26,0.08);
    color: #181824;
  }

  .rc-logo-pill img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    filter: grayscale(1);
  }

  .rc-metric-chip {
    padding: 8px 12px;
    border-radius: 999px;
    color: #fff;
    font-size: .82rem;
    background: linear-gradient(135deg, rgba(168,127,255,.2), rgba(0,212,255,.18));
    border: 1px solid rgba(255,255,255,.1);
  }

  .rc-story-quote {
    color: #181824;
    font-size: 1.02rem;
    line-height: 1.7;
    margin-bottom: 22px;
  }

  .rc-story-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding-top: 18px;
    border-top: 1px solid rgba(17,17,26,0.08);
  }

  .rc-story-stat strong,
  .rc-logo-stat strong {
    display: block;
    color: #181824;
    font-size: 1.15rem;
  }

  .rc-story-stat span,
  .rc-logo-stat span {
    color: rgba(17,17,26,0.62);
    font-size: .78rem;
  }

  .rc-solution-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .rc-solution-card {
    position: relative;
    padding: 28px;
    overflow: hidden;
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }

  .rc-solution-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(135deg, rgba(168,127,255,.4), rgba(0,212,255,.2), rgba(124,255,178,.28));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: .8;
    pointer-events: none;
  }

  .rc-solution-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    background: radial-gradient(circle at top left, rgba(168,127,255,.32), rgba(0,212,255,.12));
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 24px rgba(168,127,255,.18);
  }

  .rc-solution-card h3,
  .rc-brand-copy h3,
  .rc-step-card h3,
  .rc-footer-card h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
  }

  .rc-solution-card p,
  .rc-brand-copy p,
  .rc-step-card p,
  .rc-footer-card p,
  .rc-footer-card a,
  .rc-footer-note,
  .rc-newsletter-copy {
    color: var(--rc-text-muted);
    line-height: 1.7;
    text-decoration: none;
  }

  .rc-solution-tag {
    display: inline-block;
    margin-top: 16px;
    color: #d4deff;
    font-size: .8rem;
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.04);
  }

  .rc-brand-grid {
    grid-template-columns: 1.05fr .95fr;
    align-items: center;
  }

  .rc-brand-copy {
    padding: 24px 8px 24px 0;
  }

  .rc-brand-copy h2 {
    margin: 0 0 18px;
    font-size: clamp(2.2rem, 4vw, 4rem);
    line-height: 1;
    color: #fff;
  }

  .rc-brand-panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    align-items: start;
  }

  .rc-brand-panel {
    padding: 18px;
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }

  .rc-brand-panel.is-offset {
    transform: translateY(34px);
  }

  .rc-brand-panel img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 18px;
    margin-bottom: 14px;
  }

  .rc-brand-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #fff;
    font-size: .88rem;
  }

  .rc-timeline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    position: relative;
  }

  .rc-timeline::before {
    content: "";
    position: absolute;
    top: 28px;
    left: 8%;
    right: 8%;
    height: 2px;
    background: linear-gradient(90deg, rgba(168,127,255,.2), rgba(0,212,255,.45), rgba(124,255,178,.25));
  }

  .rc-step-card {
    position: relative;
    padding: 88px 24px 24px;
  }

  .rc-step-badge {
    position: absolute;
    top: 0;
    left: 24px;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, rgba(168,127,255,.24), rgba(0,212,255,.18));
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 0 28px rgba(168,127,255,.16);
    transform: translateY(-50%);
  }

  .rc-step-no {
    display: inline-block;
    margin-bottom: 10px;
    font-size: .8rem;
    color: #cfc2ff;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .rc-trust-wrap {
    display: grid;
    gap: 28px;
  }

  .rc-logo-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .rc-logo-card {
    min-height: 108px;
    display: grid;
    place-items: center;
    padding: 22px;
    background: #ffffff;
    border: 1px solid rgba(17,17,26,0.08);
    box-shadow: 0 18px 40px rgba(17,17,26,0.08);
    filter: grayscale(1);
    opacity: .9;
    transition: filter .3s ease, opacity .3s ease, transform .3s ease, box-shadow .3s ease;
  }

  .rc-logo-card:hover {
    filter: grayscale(0);
    opacity: 1;
    transform: translateY(-4px);
  }

  .rc-logo-card img {
    max-width: 140px;
    max-height: 34px;
    object-fit: contain;
    filter: brightness(0) saturate(100%);
  }

  .rc-trust-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
  }

  .rc-logo-stat {
    padding: 20px 22px;
    background: #ffffff;
    border: 1px solid rgba(17,17,26,0.08);
    box-shadow: 0 18px 40px rgba(17,17,26,0.08);
  }

  .rc-footer {
    background:
      radial-gradient(circle at top left, rgba(168,127,255,.12), transparent 32%),
      radial-gradient(circle at top right, rgba(0,212,255,.08), transparent 28%),
      #070711;
    border-top: 1px solid rgba(255,255,255,.06);
  }

  .rc-footer-grid {
    grid-template-columns: 1.2fr .8fr .8fr .95fr;
    align-items: start;
  }

  .rc-footer-card {
    padding: 24px;
    min-height: 100%;
  }

  .rc-footer-brand {
    display: grid;
    gap: 18px;
  }

  .rc-footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .rc-footer-socials a {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    transition: transform .25s ease, background .25s ease;
  }

  .rc-footer-socials a:hover {
    transform: translateY(-3px);
    background: rgba(168,127,255,.14);
  }

  .rc-footer-links {
    display: grid;
    gap: 12px;
  }

  .rc-footer-links a:hover {
    color: #fff;
  }

  .rc-newsletter {
    display: grid;
    gap: 14px;
  }

  .rc-newsletter-form {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }

  .rc-newsletter-form input {
    height: 52px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.06);
    color: #fff;
    outline: none;
  }

  .rc-newsletter-form button {
    height: 52px;
    border: 0;
    border-radius: 14px;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    background: linear-gradient(135deg, var(--rc-accent), #6c47ff);
    box-shadow: 0 12px 30px rgba(108,71,255,.3);
  }

  .rc-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(255,255,255,.08);
    color: var(--rc-text-muted);
    font-size: .92rem;
  }

  @media (max-width: 991px) {
    .rc-story-grid,
    .rc-solution-grid,
    .rc-timeline,
    .rc-logo-grid,
    .rc-trust-stats,
    .rc-footer-grid,
    .rc-brand-grid {
      grid-template-columns: 1fr 1fr;
    }

    .rc-timeline::before {
      display: none;
    }

    .rc-brand-panel.is-offset {
      transform: none;
    }
  }

  @media (max-width: 767px) {
    .rc-story-grid,
    .rc-solution-grid,
    .rc-brand-grid,
    .rc-brand-panels,
    .rc-timeline,
    .rc-logo-grid,
    .rc-trust-stats,
    .rc-footer-grid,
    .rc-story-stats {
      grid-template-columns: 1fr;
    }

    .rc-footer-bottom {
      flex-direction: column;
      align-items: flex-start;
    }
  }



section.section_hero.rci-hero-slider-section {
    padding-top: 0 !important;
}
.footer .footer-wapper .container-main .rc-footer-card {
    box-shadow: none !important;
    border: none !important;
    background: none !important;
}


 html {
            scroll-behavior: smooth;
        }


        @property --gradient-angle {
            syntax: '<angle>';
            inherits: false;
            initial-value: 0deg;
        }

        @keyframes gradient-angle-rotate {
            0% {
                --gradient-angle: 0deg;
            }

            100% {
                --gradient-angle: 360deg;
            }
        }




        /* Style the scrollbar track (the box) */
        ::-webkit-scrollbar {
            width: 10px;
            /* Adjust width as needed */
        }

        /* Make the scrollbar track transparent */
        ::-webkit-scrollbar-track {
            background: transparent;
        }

        /* Style the draggable scrollbar thumb */
        ::-webkit-scrollbar-thumb {
            background: darkgray;
            border-radius: 5px;
        }

        /* Optional: Add a hover effect */
        ::-webkit-scrollbar-thumb:hover {
            background: gray;
        }


        /* Hide scrollbar for inner elements */
        .inner-scroll-element {
            scrollbar-width: none;
            /* Firefox */
            -ms-overflow-style: none;
            /* IE and Edge */
            -webkit-overflow-scrolling: touch;
            /* Smooth scrolling on iOS */
            overflow: -moz-scrollbars-none;
            /* Older Firefox */
        }

        /* Hide scrollbar for Webkit browsers (Chrome, Safari, Opera) */
        .inner-scroll-element::-webkit-scrollbar {
            display: none;
        }

        /* Target any element with hide-scroll="true" */
        [hide-scroll="true"] {
            scrollbar-width: none;
            /* Firefox */
            -ms-overflow-style: none;
            /* IE and Edge */
            -webkit-overflow-scrolling: touch;
            /* Smooth iOS scroll */
        }

        [hide-scroll="true"]::-webkit-scrollbar {
            display: none;
            /* Chrome, Safari, Opera */
        }

          @media (min-width: 768px) {

            .rc-mobile-header,
            .rc-mobile-overlay,
            .rc-mobile-drawer {
                display: none !important
            }
        }

        @media (max-width: 767px) {
            body {
                padding-top: 0 !important
            }

            .rci-desktop-header,
            .rd-navbar_wrapper,
            .rd-navbar,
            .rd-navbar_overlay,
            .brand-logo-wrapper {
                display: none !important
            }

            .rc-mobile-header {
                position: fixed;
                left: 18px;
                right: 18px;
                top: 15px;
                z-index: 9999;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 7px 10px;
                border-radius: 18px;
                background: rgba(255, 255, 255, .88);
                backdrop-filter: blur(18px);
                -webkit-backdrop-filter: blur(18px);
                box-shadow: 0 18px 50px rgba(15, 23, 42, .18);
                border: 1px solid rgba(255, 255, 255, .55);
                font-family: Outfit, Arial, sans-serif
            }

            html[data-theme="dark"] .rc-mobile-header {
                background: rgba(10, 12, 24, .82);
                border-color: rgba(255, 255, 255, .12)
            }

            .rc-mobile-brand,
            .rc-mobile-drawer-logo {
                display: flex;
                align-items: center;
                gap: 10px;
                text-decoration: none;
                color: #101427;
                font-weight: 700;
                font-size: 16px;
                letter-spacing: .01em
            }

            .rc-mobile-brand img,
            .rc-mobile-drawer-logo img {
                width: 52px;
                height: auto;
                display: block
            }

            .rc-mobile-actions {
                display: flex;
                align-items: center;
                gap: 10px
            }

            .rc-mobile-theme,
            .rc-mobile-toggle,
            .rc-mobile-close {
                border: 0;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center
            }

            .rc-mobile-theme {
                width: 40px;
                height: 40px;
                border-radius: 12px;
                background: #f5f7ff;
                color: #0e1223;
                box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .05)
            }

            .rc-mobile-theme svg {
                width: 24px;
                height: 24px
            }

            .rc-mobile-toggle {
                width: 40px;
                height: 40px;
                border-radius: 12px;
                background: linear-gradient(135deg, #7f61ff, #16b7ff);
                box-shadow: 0 14px 30px rgba(47, 119, 255, .35);
                flex-direction: column;
                gap: 5px
            }

            .rc-mobile-toggle span {
                width: 21px;
                height: 2px;
                background: #fff;
                border-radius: 99px;
                transition: .25s
            }

            .rc-mobile-toggle[aria-expanded="true"] span:nth-child(1) {
                transform: translateY(7px) rotate(45deg)
            }

            .rc-mobile-toggle[aria-expanded="true"] span:nth-child(2) {
                opacity: 0
            }

            .rc-mobile-toggle[aria-expanded="true"] span:nth-child(3) {
                transform: translateY(-7px) rotate(-45deg)
            }

            .rc-mobile-overlay {
                position: fixed;
                inset: 0;
                z-index: 9997;
                background: rgba(5, 7, 18, .54);
                opacity: 0;
                pointer-events: none;
                transition: .25s;
                backdrop-filter: blur(4px)
            }

            .rc-mobile-drawer {
                position: fixed;
                z-index: 9999999;
                left: 14px;
                right: 14px;
                top: 96px;
                max-height: calc(100vh - 112px);
                overflow: auto;
                padding: 16px;
                border-radius: 30px;
                background: rgba(255, 255, 255, .96);
                box-shadow: 0 28px 80px rgba(2, 6, 23, .28);
                transform: translateY(-14px) scale(.98);
                opacity: 0;
                pointer-events: none;
                transition: .26s ease;
                font-family: Outfit, Arial, sans-serif;
                border: 1px solid rgba(255, 255, 255, .7)
            }

            html[data-theme="dark"] .rc-mobile-drawer {
                background: rgba(9, 11, 24, .96);
                border-color: rgba(255, 255, 255, .1)
            }

            .rc-menu-open .rc-mobile-overlay {
                opacity: 1;
                pointer-events: auto
            }

            .rc-menu-open .rc-mobile-drawer {
                opacity: 1;
                pointer-events: auto;
                transform: translateY(0) scale(1)
            }

            .rc-mobile-drawer-head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 8px
            }

            .rc-mobile-close {
                width: 40px;
                height: 40px;
                border-radius: 15px;
                background: #eef3ff;
                color: #0d1326;
                font-size: 26px;
                line-height: 1
            }

            .rc-mobile-link,
            .rc-mobile-group summary {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                padding: 15px 16px;
                margin-top: 8px;
                border-radius: 20px;
                background: #f6f8ff;
                color: #11152a;
                text-decoration: none;
                list-style: none
            }

            .rc-mobile-link span,
            .rc-mobile-group summary span {
                font-size: 18px;
                font-weight: 700
            }

            .rc-mobile-link small,
            .rc-mobile-group summary small {
                font-size: 12px;
                font-weight: 500;
                color: #64748b
            }

            .rc-mobile-group {
                margin: 0
            }

            .rc-mobile-group summary::-webkit-details-marker {
                display: none
            }

            .rc-mobile-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 8px;
                padding: 10px 4px 2px
            }

            .rc-mobile-grid a {
                padding: 12px 10px;
                border-radius: 16px;
                background: linear-gradient(180deg, #fff, #f5f8ff);
                box-shadow: inset 0 0 0 1px rgba(58, 116, 255, .08);
                text-decoration: none;
                color: #25304c;
                font-size: 14px;
                font-weight: 600
            }

            .rc-mobile-cta {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: 14px;
                padding: 16px 18px;
                border-radius: 20px;
                background: linear-gradient(135deg, #101427, #3a2f73);
                color: #fff;
                text-decoration: none;
                font-weight: 800;
                font-size: 15px;
                box-shadow: 0 16px 34px rgba(17, 24, 39, .25)
            }

            html[data-theme="dark"] .rc-mobile-brand,
            html[data-theme="dark"] .rc-mobile-drawer-logo,
            html[data-theme="dark"] .rc-mobile-link,
            html[data-theme="dark"] .rc-mobile-group summary {
                color: #f8fbff
            }

            html[data-theme="dark"] .rc-mobile-theme,
            html[data-theme="dark"] .rc-mobile-close,
            html[data-theme="dark"] .rc-mobile-link,
            html[data-theme="dark"] .rc-mobile-group summary,
            html[data-theme="dark"] .rc-mobile-grid a {
                background: rgba(255, 255, 255, .08);
                color: #f8fbff
            }

            html[data-theme="dark"] .rc-mobile-grid a {
                box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08)
            }

            .rc-menu-open {
                overflow: hidden
            }
        }