:root{
  --blue:#2B4BD7;
  --blue-l:#3D5CFF;
  --green:#1FA46C;
  --green-l:#2BB97F;
  --ink:#0E0E10;
  --dark: #040509;
  --muted:#6E6E73;
  --line:#E4E4E6;
  --gray-bg:#F1F1F2;
  --grad:linear-gradient(90deg,var(--blue),var(--green));
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  color:var(--ink);
  background:#fff;
  overflow-x:hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: gs;
    font-weight: 400;
}

.reveal {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
.serif-it{
  font-family:'slay';
  font-style:italic !important;
  font-weight:400;
  color: #2350FF;
}

.mono {
    font-size: 15px;
    color: #ffffffbf;
    max-width: 405px;
    text-align: right;
    font-family: gs;
    font-weight: 300;
}

.label{
  font-family:'mono';
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color: #6E6E6E;
}

.label-blue{color:#8B9BE0}
.g{color: #0FA36B}
.w{
    color: #fff;
}
.container-v{
  max-width:1280px;
  margin:0 auto;
}

h1,h2{
  font-weight:400;
  letter-spacing:-.03em;
  line-height:1.05;
}

.h-display{
  font-size:118px;
  font-weight: 400;
  color: #141414;
  line-height: 112px;
  letter-spacing: -6.9px;
  font-family: gs;
}

.h-sec{
  font-size: 60px;
  color: #141414;
  font-weight: 400;
}
.h-sec-3{
    font-size: 104px;
    line-height: 104px;
    letter-spacing: -2.91px;
}
/* NAV */
.navbar-v{
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}

.navbar-v .nav-link{
  color:#111;
  font-weight:500;
  font-size:14px;
  margin:0 .55rem;
  padding:.4rem .2rem;
}

.navbar-v .nav-link:hover{color:var(--blue)}

.v-logo{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  font-size:19px;
  letter-spacing:-.02em;
  color:#000;
  text-decoration:none;
}

.v-logo img{
  display:block;
  max-height:42px;
  width:auto;
}

.otc-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--line);
  border-radius:100px;
  padding:7px 14px;
  font-family:'IBM Plex Mono',monospace;
  font-size:11.5px;
  color:#333;
  background:#fff;
}

.otc-badge i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  display:inline-block;
}

.btn-black{
  background:#0B0B0C;
  color:#fff;
  border-radius:100px;
  padding:10px 22px;
  font-weight:600;
  font-size:14px;
  border:none;
}

.btn-black:hover{
  background:#2a2a2e;
  color:#fff;
}

.btn-grad{
  background: var(--grad);
  color:#fff;
  border:none;
  border-radius:100px;
  padding:13px 28px;
  font-weight:400;
  font-size:16px;
  transition:.3s;
  font-family: gs;
}

.btn-grad:hover{
  filter:brightness(1.08);
  transform:translateY(-2px);
  color:#fff;
  box-shadow:0 12px 30px rgba(43,75,215,.35);
}

.btn-white{
  background:#fff;
  color:#111;
  border:1px solid #D9D9DC;
  border-radius:100px;
  padding:13px 28px;
  font-weight:400;
  font-size:16px;
  transition:.3s;
  font-family: gs;
}

.btn-white:hover{
  border-color:var(--green);
  color:var(--green);
}

.btn-pill-sm{
  border-radius:100px;
  padding:11px 22px;
  font-size:14px;
}

/* HERO */
.hero{
  padding:110px 0 90px;
  text-align:center;
}

.hero .label{
  margin-bottom:28px;
  display:block;
  font-size: 12px;
  font-family: mono;
}

.hero p.lead-v{
  color: #5E5E5E;
  font-size: 21px;
  max-width:710px;
  margin:28px auto 40px;
  line-height:1.55;
  font-weight: 300;
  font-family: gs;
}

/* DARK BAND */
.band-dark{
  background:var(--dark);
  border-radius:28px;
  position:relative;
  overflow:hidden;
  height:520px;
  margin:0 24px;
}

.band-dark img{
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media(min-width:1244px){
  .band-dark{
    margin:0 auto;
    max-width:1280px;
  }
}

.band-dark canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.band-caption{
  position:absolute;
  top:26px;
  left:30px;
  z-index:3;
  color:#B9B9BE;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  letter-spacing:.18em;
}

.wave-marker{
  position:absolute;
  z-index:3;
  transform:translateX(-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
}

.wave-marker .wm-text{
  text-align:center;
  transform:translateY(-14px);
}

.wave-marker .wm-num{
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;
  color:#9A9AA0;
  display:block;
  margin-bottom:2px;
}

.wave-marker .wm-title{
  color:#fff;
  font-weight:600;
  font-size:15px;
  white-space:nowrap;
}

.wave-marker .wm-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.18);
}

/* SECTIONS */
.sec{
  padding:108px 0;
}

.who-grid{
  display:grid;
  grid-template-columns:1fr 5fr;
  gap:60px;
  align-items:start;
}

@media(max-width:991px){
  .who-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
}

.who-p{
  font-size:60px;
  line-height:70px;
  letter-spacing:-2.75px;
  font-weight:400;
  font-family: gs;
  color: #141414;
}

.who-p .dim{
  color:#CBCBCB;
  font-weight:400;
}

/* MISSION */
.mission-sec{
  background:var(--dark);
  color:#fff;
}

.mission-txt{
  font-size: 50px;
  line-height: 60px;
  font-weight: 300;
  font-family: gs;
  letter-spacing:-1.59px;
}

.rings-wrap {
    position: relative;
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

.rings-image {
    display: block;
    width: 100%;
    height: auto;
}

.ring-text {
    position: absolute;
    z-index: 2;
    font-family: 'IBM Plex Mono', monospace;
    font-size: 11px;
    line-height: 1.35;
    text-align: center;
    white-space: nowrap;
}

/* Top circle */
.ring-operational {
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    color: #7FDDEE;
    font-size: 15px;
}
/* Left circle */
.ring-technology {
    left: 25%;
    bottom: 30%;
    transform: translateX(-50%);
    color: #8FA8FF;
    font-size: 15px;
}

/* Right circle */
.ring-allocation {
    right: 15%;
    bottom: 27%;
    color: #86E8BE;
    font-size: 15px;
}

/* Center */
.ring-lasting {
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Instrument Serif', serif;
    font-size: 28px;
    font-style: italic;
    color: #fff;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.45);
    padding: 4px 12px;
    border-radius: 4px;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.9), 0 0 10px rgb(0 0 0);
    box-shadow: 0 0 30px rgb(0 0 0);
}

.compound-sub{
  color: #FFFFFF9E;
  max-width:740px;
  margin:22px auto 0;
  font-size:20px;
  line-height: 150%;
  font-family: gs;
  font-weight: 300;
  letter-spacing: -0.04px;
}

.vrht-gradient-line {
    width: 2px;
    height: 190px;
    margin: 0 auto 30px;
    background: linear-gradient(
        to bottom,
        rgba(77, 123, 255, 0) 0%,
        rgba(77, 123, 255, 0.25) 25%,
        #4D7BFF 50%,
        #2BD48A 100%
    );
}

.periwinkle-blue {
    color: #8FA8FF;
    font-style: normal;
}

.sky-cyan {
    font-style: normal;
    color: #7FDDEE;
}

.mint-green {
    color: #86E8BE;
    font-style: normal;
}

.circles-stage{
  position:relative;
  margin-top:70px;
}

.circles-stage .cricle-growth{
    width: 1440px;
    height: auto;
    object-fit: cover;
}

.circles-stage .cricle-growth-arrow {
    position:absolute;
    top: -50px;
    width: 1440px;
    height: auto;
    object-fit: cover;
}

.c-glow{
  position:absolute;
  transform:translateX(-50%);
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:transparent;
}

.circle-1{
    left: 14%;
    bottom: 173px;
    width: 150px;
    height: 150px;
}
.circle-1 h6 {
    color: #fff;
    font-weight: 500;
    margin: 0 0 6px;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: -0.42px;
}
.circle-1 p{
  color:#ffffffb8;
  font-size:13px;
  line-height:18.8px;
  letter-spacing: -0.08px;
  font-family: gs;
  font-weight: 300;
  margin:0;
}
.circle-2{
    left: 33.6%;
    top: 225px;
    width: 175px;
    height: 175px;
}
.circle-2 h6 {
    color: #fff;
    font-weight: 500;
    margin: 0 0 6px;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: -0.52px;
}
.circle-2 p{
  color:#ffffffb8;
  font-size:14px;
  line-height:20.3px;
  letter-spacing: -0.04px;
  font-family: gs;
  font-weight: 300;
  margin:0;
}
.circle-3{
    left: 58.5%;
    top: 174px;
    width: 200px;
    height: 200px;
}
.circle-3 h6 {
    color: #fff;
    font-weight: 500;
    margin: 0 0 6px;
    font-size: 27px;
    line-height: 32px;
    letter-spacing: -0.92px;
}
.circle-3 p{
  color:#ffffffb8;
  font-size:15px;
  line-height:21.8px;
  letter-spacing: -0.07px;
  font-family: gs;
  font-weight: 300;
  margin:0;
}
.circle-4{
    left: 90%;
    top: 115px;
    width: 245px;
    height: 245px;
}
.circle-4 h6 {
    color: #fff;
    font-weight: 500;
    margin: 0 0 6px;
    font-size: 34px;
    line-height: 41px;
    letter-spacing: -0.84px;
}
.circle-4 p{
  color:#ffffffb8;
  font-size:16px;
  line-height:23.2px;
  letter-spacing: -0.01px;
  font-family: gs;
  font-weight: 300;
  margin:0;
}

.c-glow.blue{
  border-color:rgba(110,140,255,.5);
  box-shadow:
    0 0 40px rgba(80,110,255,.28),
    inset 0 0 40px rgba(80,110,255,.12);
}

.c-glow .cn {
    font-size: 12px;
    margin-bottom: 6px;
}
.circle-1 .cn{
    color: #9DB4FF;
}
.circle-2 .cn{
    color: #95C5E9;
}
.circle-3 .cn{
    color: #8ED7D4;
}
.circle-4 .cn{
    color: #86E8BE;
}

.reinvest{
  position:absolute;
  bottom:-6px;
  left:50%;
  transform:translateX(-50%);
  font-family:'IBM Plex Mono',monospace;
  font-size:10px;
  letter-spacing:.2em;
  color:#9A9AA0;
}

/* CAPABILITIES */
.cap-row-wrap{overflow:hidden}

.cap-row{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding-top: 20px;
}

.cap-card{
  flex:1 1 0;
  min-width:0;
  background:var(--dark);
  border-radius:18px;
  padding:22px;
  color:#fff;
  height:420px;
  display:flex;
  flex-direction:column;
  transition:.35s;
  position:relative;
}

.cap-card:hover{
  transform:translateY(-8px);
  background:var(--dark);
}

.cap-card .cn{
  font-family:mono;
  font-size:11px;
  color:#9DB4FF;
}

.cap-card .cicon{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cicon .cicon-img{
    width: 195px;
    height: auto;
    object-fit: cover;
}

.cap-card h6{
  font-weight: 500;
  font-size:15.5px;
  margin-bottom:6px;
}

.cap-card p{
  color:#ffffff9e;
  font-size:14px;
  line-height: 145%;
  letter-spacing: -0.07px;
  font-family: gs;
  font-weight: 300;
  margin:0;
}

.cap-card.t2{margin-top:52px}
.cap-card.t4{margin-top:26px}
.cap-card.t5{margin-top:52px}

.cap-arrows button{
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid var(--line);
  background:#fff;
  color:#111;
  font-size:16px;
  transition:.25s;
}

.cap-arrows button:hover{
  background:#111;
  color:#fff;
}

@media(max-width:991px){
  .cap-row{
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:16px;
    scrollbar-width:none;
  }

  .cap-row::-webkit-scrollbar{
    display:none;
  }

  .cap-card{
    min-width:250px;
    scroll-snap-align:start;
  }

  .cap-card.t2,
  .cap-card.t4,
  .cap-card.t5{
    margin-top:0;
  }
}

/* STATS */
.stats-sec{
  background:linear-gradient(
    135deg,
    #2B4BD7 0%,
    #2748B8 45%,
    #1E8F63 100%
  );
  color:#fff;
}

.stats-sec .label{
  color:rgba(255,255,255,.75);
}

.stat-item{
  border-top:1px solid rgba(255,255,255,.35);
  padding-top:22px;
  margin-bottom:44px;
}

.stat-item .cn{
    font-size: 11px;
    color: #fff;
}
.stat-num{
  font-size: 88px;
  font-weight: 300;
  font-family: gs;
  letter-spacing: -5.18px;
  line-height: 88px;
  margin-top: 10px;
}

.stat-lbl{
  font-size:19px;
  letter-spacing: -0.09px;
  margin-top:12px;
  font-family: gs;
}

.stat-src{
  font-size:11px;
  letter-spacing: 0.66px;
  color: #FFFFFF9e;
  margin-top:6px;
  text-transform:uppercase;
  font-family: mono;
}
.stats-grid {
    row-gap: 70px;
}

.scale-5{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap !important;
    margin-bottom: 107px;
}

/* PORTFOLIO */
.portfolio-sec{
  background:var(--dark);
  color:#fff;
}

.pf-tree{
  position:relative;
}
.veri-img{
    text-align: center;
}
.veri-img img{
    width: 915px;
    height: auto;
    object-fit: cover;
}
.pf-tree .row .col-md-4 {
    margin: 0px;
}
.pf-node{
  text-align:center;
  position:relative;
  z-index:2;
}

.pf-brand img{
    width: 140px;
    height: 40px;
    object-fit: contain;
}

.pf-desc{
  color:#ffffffa8;
  font-size: 15px;
  line-height: 22px;
  max-width:400px;
  font-family: gs;
  font-weight: 300;
  margin:20px auto 5px;
}

.pf-link{
  font-size:12px;
  color: #3BC6E8;
  text-decoration:none;
}
.pf-link i{
    rotate: -40deg;
}

.pf-link.blue{
  color: #4D7BFF;
}
.pf-link.green{
  color: #2BD48A;
}

.pf-bottom{
  border-top:1px solid #222225;
  margin-top:80px;
  padding-top:26px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}


/* CTA */
.cta-sec{
  padding:130px 0;
  text-align:center;
}

.cta-cols{
  display:flex;
  justify-content:center;
  align-items:stretch;
  gap:0;
  margin-top:56px;
  flex-wrap:wrap;
}

.cta-col{
  padding:0 56px;
}

.cta-col + .cta-col{
  border-left:1px solid var(--line);
}

.cta-col .label{
  display:block;
  margin-bottom:16px;
}
.reinvest {
    display: flex;
    align-items: center;
    width: 100%;
    height: 32px;
}

.reinvest-start {
    color: #4F8FFF;
    font-size: 16px;
    line-height: 1;
    margin-right: 5px;
    transform: translateY(-1px);
}

.reinvest-line {
    height: 2px;
    flex: 1;
}

.reinvest-line-left {
    background: repeating-linear-gradient(
        to right,
        #4F8FFF 0,
        #4F8FFF 8px,
        transparent 8px,
        transparent 14px
    );
}

.reinvest-label {
    color: #58E0B7;
    font-family: "mono", monospace;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2px;
    white-space: nowrap;
    margin: 0 58px;
}

.reinvest-line-right {
    background: repeating-linear-gradient(
        to right,
        #32D5B1 0,
        #32D5B1 8px,
        transparent 8px,
        transparent 14px
    );
}

.reinvest-end {
    color: #32D5B1;
    font-size: 16px;
    line-height: 1;
    margin-left: 5px;
    transform: translateY(-1px);
}
@media(max-width:767px){
  .cta-col + .cta-col{
    border-left:none;
    border-top:1px solid var(--line);
    margin-top:36px;
    padding-top:36px;
  }
}


/* REVEAL */
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:.8s cubic-bezier(.2,.6,.2,1);
}

.reveal.in{
  opacity:1;
  transform:none;
}

/* INLINE STYLE REPLACEMENTS */
.hero{
  padding-top:170px;
}

/* ============================================================
   RESPONSIVE — TABLET & MOBILE (added)
   ============================================================ */

/* Mobile replacement images: hidden on desktop, shown ≤991px */
.rings-mobile-img,
.circles-mobile-img,
.pf-mobile-img{
  display:none;
}

@media(max-width:1199px){
  .h-display{font-size:88px;line-height:86px;letter-spacing:-4.5px}
  .h-sec{font-size:48px}
  .h-sec-3{font-size:80px;line-height:82px}
  .who-p{font-size:44px;line-height:52px;letter-spacing:-1.8px}
  .mission-txt{font-size:38px;line-height:48px;letter-spacing:-1px}
  .stat-num{font-size:72px;line-height:72px;letter-spacing:-4px}
  .cap-card{height:380px}
}

@media(max-width:991px){
  /* ---------- mobile images: swap desktop graphics for dummy.png ---------- */
  .rings-wrap{display:none}
  .rings-mobile-img{display:block;width:100%;max-width:435px;margin:0px auto}

  .circles-stage .cricle-growth,
  .circles-stage .cricle-growth-arrow,
  .circles-stage .c-glow,
  .circles-stage .reinvest{display:none}
  .circles-mobile-img{display:block;width:100%;max-width:435px;margin:40px auto 0}

  .pf-tree .veri-img{display:none}
  .pf-mobile-img{display:block;width:100%;max-width:560px;margin:0 auto 62px;}
  .mb{margin:30px 0;}

  /* ---------- nav ---------- */
  .navbar-v .container-v{padding:0 16px}
  .v-logo img{max-height:34px}
  .otc-badge{padding:6px 12px;font-size:10.5px}
  .btn-black{padding:8px 16px;font-size:13px}
  #navMenu{background:#fff;border-bottom:1px solid var(--line);padding:12px 0}
  .navbar-v .nav-link{margin:0;text-align:center;padding:.6rem .2rem}

  /* ---------- hero ---------- */
  .hero{padding: 52px 0 52px}
  .hero .label{font-size:10px;letter-spacing:.12em}
  .h-display{font-size:56px;line-height:56px;letter-spacing:-2.4px}
  .hero p.lead-v{font-size:17px;margin:22px auto 32px;padding:0 20px}
  .btn-grad,.btn-white{padding:12px 24px;font-size:16px}

  /* ---------- dark band ---------- */
  .band-dark{height:auto;margin:0 16px;border-radius:20px}
  #model{padding-bottom:0 !important;margin-bottom:0 !important}

  /* ---------- sections ---------- */
  .sec{padding:72px 0}
  .container-v{padding:0 20px}
  .h-sec{font-size:36px;line-height:42px}
  .who-p{font-size:30px;line-height:38px;letter-spacing:-1px}
  .h-sec-3{font-size:52px;line-height:54px;letter-spacing:-1.2px}
  .compound-sub{font-size:16px;margin-top:16px;text-align: start;}
  .vrht-gradient-line{height:120px}

  .mission-txt{font-size:30px;line-height:36px;letter-spacing:-.6px;margin-top:20px !important}

  /* ---------- capabilities ---------- */
  .cap-card{height:340px}
  .cap-arrows{display:none}          /* row scrolls natively on touch */
  .cap-row{gap:14px}
  .cicon .cicon-img{width:150px}

  /* ---------- stats ---------- */
  .stats-sec .container-v{padding:0 20px}
  .scale-5{margin-bottom:56px;flex-direction:column;align-items:flex-start !important}
  .scale-5 .h-sec{font-size:44px !important}
  .mono{text-align:left;font-size:11px;max-width:none;margin-top:16px}
  .stat-num{font-size:50px;line-height:56px;letter-spacing:-2.5px}
  .stat-lbl{font-size:17px;letter-spacing: -0.08px;}
  .stats-grid{row-gap:8px}
  .stat-item{margin-bottom:36px}

  /* ---------- portfolio ---------- */
  .pf-brand img{width:120px;height:34px}
  .pf-desc{font-size:14px;margin:14px auto 4px}
  .pf-bottom{flex-direction:column;gap:10px;margin-top:56px}

  /* ---------- cta ---------- */
  .cta-sec{padding:90px 20px}
  .cta-col{padding:0 0px}
}

@media(max-width:767px){
  .h-display{font-size:44px;line-height:46px;letter-spacing:-1.8px}
  .hero p.lead-v{font-size:17px}
  .band-dark{height:auto}
  .who-p{font-size:26px;line-height:34px}
  .h-sec{font-size:36px;line-height:38px}
  .h-sec-3{font-size:38px;line-height:44px}
  .mission-txt{font-size:30px;line-height:32px}
  .scale-5 .h-sec{font-size:36px !important}
  .stat-num{font-size:58px;line-height:48px}
  .cta-cols{flex-direction:column;gap:0}
}

@media(max-width:480px){
  .h-display{font-size:42px;line-height:40px;letter-spacing:-1.4px}
  .btn-grad,.btn-white{width:100%;max-width:320px;text-align:center}
  .hero .d-flex.gap-3{flex-direction:column;align-items:center}
  .band-dark{height:auto}
  .stat-num{font-size:58px;line-height:42px}
}
@media (min-width: 1024px) and (max-width: 1280px) {
    .circles-stage .cricle-growth {
        width: 1000px;
        height: auto;
        object-fit: cover;
    }
    .circles-stage .cricle-growth-arrow {
        position: absolute;
        top: -50px;
        width: 1024px;
        height: auto;
        object-fit: cover;
    }
    .band-dark{
        height: auto;
    }
    .sec {
        padding: 80px 20px;
    }
    .c-glow .cn {
        font-size: 12px;
        margin-bottom: 6px;
    }
    .circle-1 {
        left: 13%;
        bottom: 108px;
        width: 106px;
        height: 150px;
    }
    .circle-1 h6 {
        color: #fff;
        font-weight: 500;
        margin: 0 0 3px;
        font-size: 13px;
        line-height: 20px;
        letter-spacing: -0.42px;
    }
    .circle-1 p {
        color: #ffffffb8;
        font-size: 10px;
        line-height: 14.1px;
        letter-spacing: -0.04px;
        font-family: gs;
        font-weight: 300;
        margin: 0;
    }
    .circle-2 {
        left: 30.6%;
        top: 120px;
        width: 157px;
        height: 175px;
    }
    .circle-2 h6 {
        color: #fff;
        font-weight: 500;
        margin: 0 0 6px;
        font-size: 17px;
        line-height: 25px;
        letter-spacing: -0.52px;
    }
    .circle-2 p {
        color: #ffffffb8;
        font-size: 12px;
        line-height: 19.3px;
        letter-spacing: -0.04px;
        font-family: gs;
        font-weight: 300;
        margin: 0;
    }
    .circle-3 {
        left: 52.5%;
        top: 86px;
        width: 200px;
        height: 200px;
    }
    .circle-4 {
        left: 81%;
        top: 22px;
        width: 245px;
        height: 245px;
    }
    .cicon .cicon-img {
        width: 130px;
        height: auto;
        object-fit: cover;
    }
}
@media (min-width: 1281px) and (max-width: 1440px) {
    .circles-stage .cricle-growth {
        width: 1260px;
        height: auto;
        object-fit: cover;
    }
    .circles-stage .cricle-growth-arrow {
        position: absolute;
        top: -50px;
        width: 1280px;
        height: auto;
        object-fit: cover;
    }
    .circle-1 {
        left: 12.5%;
        bottom: 145px;
        width: 137px;
        height: 150px;
    }
    .circle-2 {
        left: 30%;
        top: 181px;
        width: 175px;
        height: 175px;
    }
    .circle-3 {
        left: 52%;
        top: 128px;
        width: 200px;
        height: 200px;
    }
    .circle-4 {
        left: 80%;
        top: 65px;
        width: 245px;
        height: 245px;
    }
    .sec {
        padding: 80px 20px;
    }
}