:root{
  --green:#19b779;
  --green-dark:#00b779;
  --mint:#eafaf4;
  --ink:#18221f;
  --muted:#333333;
  --line:#e7eeeb;
  --soft:#f7faf9;
  --dark:#10221c;
}
.coworking-features * {box-sizing:border-box}
.coworking-features {scroll-behavior:smooth}
.coworking-features {
  margin:0;
  color:var(--ink);
  background:#fff;
  
  overflow-x:hidden;
}
.coworking-features a {text-decoration:none}
/* .coworking-features .container {max-width:1180px} */

/* NAV */
.coworking-features .navbar {
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(20,70,55,.08);
}
.coworking-features .navbar-brand {
  font-weight:800;
  letter-spacing:-.04em;
  color:var(--ink)!important;
}
.coworking-features .brand-mark {
  width:35px;height:35px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--green);color:#fff;margin-right:9px;
  box-shadow:0 8px 20px rgba(25,183,121,.2);
}
.coworking-features .nav-link {color:#4e5955!important;font-size:14px;font-weight:600;margin:0 5px}
.coworking-features .nav-link:hover {color:var(--green)!important}
.coworking-features .btn-green {
  background:var(--green);color:#fff;border:0;
  padding:12px 22px;border-radius:9px;font-weight:700;
  box-shadow:0 10px 24px rgba(25,183,121,.2);
}
.coworking-features .btn-green:hover {background:var(--green-dark);color:#fff}
.coworking-features .btn-lightline {
  background:#fff;color:var(--ink);border:1px solid #dce6e2;
  padding:11px 22px;border-radius:9px;font-weight:700;
}

/* HERO */
.coworking-features .hero {
  position: relative;
  overflow: hidden;
  padding: 245px 0 65px;
  background: radial-gradient(circle at 15% 35%, rgba(25, 183, 121, .12), transparent 30%), radial-gradient(circle at 90% 25%, rgba(75, 221, 172, .15), transparent 32%), linear-gradient(180deg, #f8fffc 0%, #fff 100%);
}
.coworking-features .hero:before, .coworking-features .hero:after {
  content:"";position:absolute;border:1px solid rgba(25,183,121,.12);
  border-radius:50%;
}
.coworking-features .hero:before {width:420px;height:420px;left:-240px;bottom:-280px}
.coworking-features .hero:after {width:500px;height:500px;right:-310px;top:-250px}
.coworking-features .eyebrow {
  color: #00b77e;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.coworking-features .hero h1 {
  max-width:900px;margin:auto;
  line-height: 1.02;color: #000;
}
.coworking-features .hero h1 span {color:var(--green)}
.coworking-features .hero-copy {
  max-width: 755px;
  margin: 22px auto 30px;
  color: var(--muted);
  line-height: 1.75;
  font-size: 16px;
}
.coworking-features .hero-actions {display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* DASHBOARD VISUAL */
.coworking-features .visual-shell {
  position:relative;background:#fff;border:1px solid #e7eeeb;
  border-radius:20px;padding:12px;box-shadow:0 25px 70px rgba(26,66,53,.12);
}
.coworking-features .visual-top {display:flex;gap:6px;padding:4px 4px 11px}
.coworking-features .dot {width:7px;height:7px;border-radius:50%;background:#dbe6e1}
.coworking-features .mock-dashboard {display:grid;grid-template-columns:92px 1fr;min-height:220px;border-radius:13px;overflow:hidden;background:#f8fbfa}
.coworking-features .mock-sidebar {background:#f3f8f6;padding:14px 9px}
.coworking-features .mock-sidebar i {display:block;text-align:center;color:#a5b6af;margin:12px 0}
.coworking-features .mock-sidebar i:first-child {color:var(--green)}
.coworking-features .mock-main {padding:15px}
.coworking-features .mock-header {height:22px;background:#fff;border-radius:6px;margin-bottom:12px}
.coworking-features .mock-grid {display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:9px}
.coworking-features .mock-card {background:#fff;border:1px solid #edf2ef;border-radius:8px;padding:10px;min-height:65px}
.coworking-features .mock-card.tall {grid-row:span 2;min-height:140px}
.coworking-features .bar {height:7px;border-radius:20px;background:#e7f4ef;margin:8px 0}
.coworking-features .bar.green {background:linear-gradient(90deg,var(--green) 0 72%,#e7f4ef 72%)}
.coworking-features .chart {
  width:72px;height:72px;border-radius:50%;
  background:conic-gradient(var(--green) 0 70%,#d9f3e8 70% 88%,#eef4f1 88%);
  margin:5px auto;position:relative;
}
.coworking-features .chart:after {content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}
.coworking-features .visual-caption {font-size:11px;color:#87938e;margin-top:10px}

/* SECTION */
.coworking-features .section {
  padding: 70px 0;
  position: relative;
}
/* .coworking-features .section.soft {background:var(--soft)} */
.coworking-features .section.mint {
  /* background: linear-gradient(135deg, #f2fcf8, #fafffd); */
}
/* .coworking-features .section-title {font-size:38px;line-height:1.02;letter-spacing:-.055em;font-weight:400} */
.coworking-features .section-copy {color: #000;;line-height:1.75}
.coworking-features .kicker {
  color:var(--green-dark);font-size:10px;font-weight:800;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;
}
.coworking-features .feature-points {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}
.coworking-features .point {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #080808;
  font-size: 15px;
  line-height: 1.45;
  letter-spacing: 0.5px;
}

.coworking-features .point i {color:var(--green);margin-top:3px}
.coworking-features .feature-visual {padding:15px}

/* ICON FEATURE CARDS */
.coworking-features .feature-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.coworking-features .feature-card {
  position:relative;background:#fff;border:1px solid var(--line);
  border-radius:17px;padding:24px;min-height:240px;
  transition:.3s ease;overflow:hidden;
}
.coworking-features .feature-card:hover {
  transform:translateY(-6px);
  box-shadow:0 20px 45px rgba(20,55,45,.09);
  border-color:#cdece0;
}
.coworking-features .icon-box {
  width:43px;height:43px;border-radius:12px;background:var(--mint);
  color:var(--green-dark);display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;font-size:17px;
}
.coworking-features .feature-card h3 {
  font-size: 20px;
  letter-spacing: 1px;
  margin-bottom: 9px;
  font-weight: 400;
}
.coworking-features .feature-card h4 {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 11px;
  letter-spacing: 1px;
}
.coworking-features .feature-card p {
  font-size: 16px;
  color: #000003;
  line-height: 1.65;
  margin: 0;
  letter-spacing: 1px;
}
.coworking-features .feature-list {padding:0;margin:16px 0 0;list-style:none}
.coworking-features .feature-list li {
  color: #000000;
  font-size: 15px;
  margin: 8px 0;
  padding-left: 18px;
  position: relative;
  line-height: 1.7;
  letter-spacing: 0.5px;
}
.coworking-features .feature-list li:before {
  content:"✓";position:absolute;left:0;top:0;color:var(--green);font-weight:800;
}

/* CATEGORY */
.coworking-features .category-head {text-align:center;max-width:760px;margin:0 auto 48px}
/* .coworking-features .category-head h2 {font-size:clamp(35px,4.5vw,57px);letter-spacing:-.055em;font-weight:400} */
.coworking-features .category-head p {
  color: #000000;
  line-height: 1.7;
}
.coworking-features .category-tag {
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 12px;border-radius:100px;background:#eafaf4;
  color:var(--green-dark);font-size:10px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:15px;
}

/* WIDE FEATURE */
.coworking-features .wide-wrap {
  display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;
}
.coworking-features .wide-wrap.reverse .wide-copy {order:2}
.coworking-features .wide-wrap.reverse .wide-visual {order:1}
.coworking-features .visual-large {padding:20px}
.coworking-features .visual-large .mock-dashboard {min-height:320px}
.coworking-features .visual-large .mock-grid {grid-template-columns:1.2fr .8fr .8fr}
.coworking-features .visual-large .mock-card.tall {min-height:210px}

/* PHONE / APP */
.coworking-features .app-visual {
  display:flex;align-items:end;justify-content:center;gap:18px;min-height:390px;
}
.coworking-features .phone {
  width:210px;background:#17231f;border:7px solid #17231f;border-radius:30px;
  padding:8px;box-shadow:0 30px 60px rgba(10,40,30,.18);
}
.coworking-features .phone-screen {background:#fff;border-radius:20px;overflow:hidden;padding:13px;min-height:350px}
.coworking-features .phone-notch {width:70px;height:15px;background:#17231f;border-radius:0 0 12px 12px;margin:-13px auto 14px}
.coworking-features .mini-row {display:flex;justify-content:space-between;gap:8px;margin:10px 0}
.coworking-features .mini-box {height:52px;flex:1;background:#f1f7f4;border-radius:8px}
.coworking-features .mini-box.green {background:#dff7ec}
.coworking-features .floating-icon {
  width:55px;height:55px;border-radius:16px;background:#fff;
  display:flex;align-items:center;justify-content:center;color:var(--green);
  box-shadow:0 15px 35px rgba(20,65,50,.12);font-size:21px;
}
.coworking-features .floating-icon.one {transform:translateY(-70px)}
.coworking-features .floating-icon.two {transform:translateY(-15px)}

/* CTA */
.coworking-features .cta {
  padding: 59px 0;
  background: #ffffff;
  color: #fff;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #bdbdbd;
  border-top: 1px solid #bdbdbd;
}
.coworking-features .cta:after {
  content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.08);
  border-radius:50%;right:-220px;top:-210px;
}
/* .coworking-features .cta h2 {font-size:clamp(38px,5vw,64px);letter-spacing:-.06em;line-height:1.02;font-weight:400} */
.coworking-features .cta p {
  color: #000000;
  max-width: 650px;
  line-height: 1.75;
  letter-spacing: 0.5px;
}
.coworking-features .cta .btn-lightline {
  background: #00b87e;
  border-color: #fff;
  color: #FFF !important;
}

/* FOOTER */
.coworking-features .footer {background:#0b1713;color:#aebcb6;padding:55px 0 25px}
.coworking-features .footer h5 {color:#fff;font-size:13px;margin-bottom:16px}
.coworking-features .footer a {display:block;color:#8f9d98;font-size:12px;margin:8px 0}
.coworking-features .footer a:hover {color:#fff}
.coworking-features .footer-bottom {border-top:1px solid rgba(255,255,255,.08);margin-top:35px;padding-top:22px;font-size:11px}


/* ===== CREATIVE MEMBERS + SALES SECTIONS ===== */
.coworking-features .member-creative {
  background:#ffffff;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.coworking-features .member-creative:before {
  content:"";
  position:absolute;width:620px;height:620px;border:1px solid rgba(91,226,176,.13);
  border-radius:50%;right:-250px;top:-260px;
}
.coworking-features .member-creative:after {
  content:"";
  position:absolute;width:360px;height:360px;border:1px solid rgba(91,226,176,.09);
  border-radius:50%;left:-210px;bottom:-190px;
}
.member-creative .category-head p,
.coworking-features .member-creative .section-copy {color:#000000}
.coworking-features .member-creative .category-head h2 {
  color: #000000;
}
.coworking-features .member-creative .category-tag {background:rgba(38,194,132,.12);color:#72e0b5}
.coworking-features .member-bento {
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr;
  grid-template-rows:auto auto;
  gap:16px;
  position:relative;
  z-index:1;
}
.coworking-features .member-bento-card {
  position: relative;
  min-height: 230px;
  border: 1px solid rgb(0 0 0 / 14%);
  background: rgba(255, 255, 255, .045);
  border-radius: 22px;
  padding: 28px;
  overflow: hidden;
  transition: .35s ease;
}
.coworking-features .member-bento-card:hover {
  transform:translateY(-7px);
  border-color:rgba(86,224,173,.35);
  background:rgba(255,255,255,.07);
}
.coworking-features .member-bento-card.large {
  grid-row:span 2;
  min-height:490px;
  background:linear-gradient(145deg,rgba(35,190,130,.18),rgba(255,255,255,.035));
}
.coworking-features .member-bento-card.wide {grid-column:span 2}
.coworking-features .member-number {
  font-size: 72px;
  font-weight: 600;
  letter-spacing: -.08em;
  line-height: .9;
  color: rgb(191 191 191 / 18%);
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.coworking-features .member-bento-icon {
  width:48px;height:48px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  background:#1eb77b;color:#fff;margin-bottom:24px;
  box-shadow:0 12px 30px rgba(30,183,123,.22);
}
.coworking-features .member-bento-card h3 {
  font-size: 24px;
  letter-spacing: -.035em;
  line-height: 1.37;
}
.coworking-features .member-bento-card h4 {font-size:16px;line-height:1.45;color:#000000}
.coworking-features .member-bento-card p {
  font-size: 14px;
  line-height: 1.7;
  color: #000000;
}
.coworking-features .member-bento-list {
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
}
.coworking-features .member-bento-list li {color:#000000}
.coworking-features .member-bento-list i {color:#5fe0ad;margin-right:6px}
.coworking-features .member-journey {
  position: relative;
  z-index: 1;
  margin-top: 55px;
  padding: 25px;
  border: 1px solid rgb(0 0 0 / 14%);
  border-radius: 20px;
  background: rgba(255, 255, 255, .035);
}
.coworking-features .journey-line {
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
}
.coworking-features .journey-step {position:relative;padding:10px 14px}
.coworking-features .journey-step:after {
  content: "";
  position: absolute;
  top: 24px;
  left: 70px;
  right: -15px;
  height: 1px;
  background: rgb(0 184 128);
}
.coworking-features .journey-step:last-child:after {display:none}
.coworking-features .journey-dot {
  width:32px;height:32px;border-radius:50%;background:#1eb77b;
  display:flex;align-items:center;justify-content:center;font-size:12px;
  margin-bottom:15px;position:relative;z-index:2;
}
.coworking-features .journey-step h5 {margin-bottom:5px}
.coworking-features .journey-step p {
  font-size: 14px;
  color: #000000;
  margin: 0;
  line-height: 1.5;
  letter-spacing: 0.5px;
}

/* SALES COMMAND CENTER */
.coworking-features .sales-command {
  position:relative;
  /* background:#f5f9f7; */
  overflow:hidden;
}
.coworking-features .sales-command:before {
  content:"";position:absolute;width:600px;height:600px;
  border-radius:50%;background:rgba(27,184,121,.055);
  left:-300px;top:-300px;
}
.coworking-features .sales-dashboard {
  display:grid;grid-template-columns:1.2fr .8fr;gap:18px;
  position:relative;z-index:1;
}
.coworking-features .sales-panel {
  background:#fff;border:1px solid #e2ebe7;border-radius:22px;
  padding:26px;box-shadow:0 20px 55px rgba(21,58,46,.07);
}
.coworking-features .sales-panel.dark {
  background: #ffffff;
  color: #fff;
  border-color: #e1ebe7;
}
.coworking-features .sales-panel.dark p {color:#000000}
.coworking-features .sales-panel h3 {
font-size: 21px;
line-height: 29px;
}

.coworking-features .sales-panel p {
  /* color: #6e7b76; */
  font-size: 15px;
  /* line-height: 1.65; */
  letter-spacing: 0.5px;
}
.coworking-features .sales-kpi-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
.coworking-features .sales-kpi {
  border: 1px solid rgb(0 0 0 / 19%);
  border-radius: 14px;
  padding: 16px;
  background: rgb(255 255 255 / 0%);
}
.coworking-features .sales-kpi i {color:#62dfaf;font-size:13px}
.coworking-features .sales-kpi strong {
  display: block;
  font-size: 16px;
  margin-top: 12px;
  color: #000;
  letter-spacing: 0.5px;
  font-weight: 400;
}
.coworking-features .sales-kpi span {
  font-size: 12px;
  color: #000000;
  letter-spacing: 0.5px;
}
.coworking-features .pipeline {margin-top:22px}
.coworking-features .pipeline-row {display:grid;grid-template-columns:110px 1fr 50px;align-items:center;gap:12px;margin:15px 0}
.coworking-features .pipeline-row span {
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.5px;
}
.coworking-features .pipeline-track {height:9px;border-radius:30px;background:#edf3f0;overflow:hidden}
.coworking-features .pipeline-fill {height:100%;border-radius:30px;background:linear-gradient(90deg,#18b779,#72dfb6)}
.coworking-features .pipeline-row strong {font-size:11px;text-align:right}
.coworking-features .revenue-stack {display:grid;gap:10px;margin-top:18px}
.coworking-features .revenue-item {
  display:flex;align-items:center;gap:13px;padding:15px;
  border:1px solid #e8efec;border-radius:14px;background:#fbfdfc;
}
.coworking-features .revenue-icon {
  width:40px;height:40px;border-radius:11px;background:#eaf9f3;
  color:#119661;display:flex;align-items:center;justify-content:center;
}
.coworking-features .revenue-item strong {
  display: block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
}
.coworking-features .revenue-item span {
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.5px;
  margin-top: 4px;
  float: left;
}
.coworking-features .sales-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 18px;
  position: relative;
  z-index: 1;
}
.coworking-features .sales-feature {
  background:#fff;border:1px solid #e2ebe7;border-radius:17px;padding:19px;
  min-height:180px;transition:.3s ease;
}
.coworking-features .sales-feature:hover {transform:translateY(-5px);box-shadow:0 18px 38px rgba(22,60,47,.08)}
.coworking-features .sales-feature .icon-box {margin-bottom:14px}
.coworking-features .sales-feature h4 {
  font-size: 15px;
  line-height: 1.35;
}
.coworking-features .sales-feature p {font-size:11px;color:#718079;line-height:1.55}
.coworking-features .sales-feature .mini-list {list-style:none;padding:0;margin:12px 0 0}
.coworking-features .sales-feature .mini-list li {
  font-size: 10px;
  color: #66736e;
  margin: 5px 0;
  font-size: 13px;
  color: #000000;
  letter-spacing: 0.5px;
}
.coworking-features .sales-feature .mini-list i {color:#19b779;margin-right:5px}

@media(max-width:991px){
  .coworking-features .member-bento {grid-template-columns:1fr 1fr}
  .coworking-features .member-bento-card.large {grid-row:span 1;min-height:320px}
  .coworking-features .member-bento-card.wide {grid-column:span 2}
  .coworking-features .sales-dashboard {grid-template-columns:1fr}
  .coworking-features .sales-feature-grid {grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .coworking-features .member-bento {grid-template-columns:1fr}
  .coworking-features .member-bento-card.large, .coworking-features .member-bento-card.wide {grid-column:auto;grid-row:auto;min-height:250px}
  .coworking-features .journey-line {grid-template-columns:1fr 1fr}
  .coworking-features .journey-step:after {display:none}
  .coworking-features .sales-feature-grid {grid-template-columns:1fr}
  .coworking-features .pipeline-row {grid-template-columns:95px 1fr 40px}
}

/* RESPONSIVE */
@media(max-width:991px){
  .coworking-features .navbar .btn-green {display:none}
  .coworking-features .section {padding:75px 0}
  .coworking-features .wide-wrap {grid-template-columns:1fr;gap:35px}
  .coworking-features .wide-wrap.reverse .wide-copy, .coworking-features .wide-wrap.reverse .wide-visual {order:initial}
  .coworking-features .feature-grid {grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
  .coworking-features .hero {padding:90px 0 65px}
  .coworking-features .hero h1 {font-size:46px}
  .coworking-features .feature-grid {grid-template-columns:1fr}
  .coworking-features .feature-points {grid-template-columns:1fr}
  .coworking-features .mock-dashboard {grid-template-columns:55px 1fr}
  .coworking-features .mock-sidebar i {margin:9px 0;font-size:12px}
  .coworking-features .visual-large .mock-dashboard {min-height:230px}
  .coworking-features .app-visual {min-height:340px}
  .coworking-features .phone {width:180px}
  .coworking-features .phone-screen {min-height:300px}
  .coworking-features .floating-icon {display:none}
}


































 /* =========================================================
       118 PMS — ALL CUSTOM CSS IS SCOPED WITH .coworking-price
       ========================================================= */
    .coworking-price{
      --cp-green:#19b77a;
      --cp-green-dark:#07895b;
      --cp-ink:#15201d;
      --cp-muted:#687570;
      --cp-line:#dfeae5;
      --cp-soft:#f2fbf7;
      --cp-white:#fff;
      --cp-bg:#f8fbfa;
      --cp-shadow:0 18px 55px rgba(18, 51, 41,.09);
      color:var(--cp-ink);
      background:
        radial-gradient(circle at 12% 6%, rgba(25,183,122,.12), transparent 24rem),
        radial-gradient(circle at 90% 18%, rgba(94,215,169,.12), transparent 22rem),
        var(--cp-bg);
      /* font-family:"DM Sans",sans-serif; */
      overflow:hidden;
    }
    .coworking-price *{box-sizing:border-box}
    .coworking-price h1,.coworking-price h2,.coworking-price h3,
    .coworking-price h4,.coworking-price h5{font-family:"Manrope",sans-serif}
    .coworking-price a{text-decoration:none}
    .coworking-price .cp-container {
      max-width: 100%;
      margin: auto;
      padding: 0 22px;
  }
    .coworking-price .cp-nav{
      background:rgba(255,255,255,.86);
      backdrop-filter:blur(16px);
      border-bottom:1px solid rgba(223,234,229,.85);
      position:relative;z-index:20;
    }
    .coworking-price .cp-logo{
      width:42px;height:42px;border-radius:13px;
      display:grid;place-items:center;color:#fff;font-weight:800;
      background:linear-gradient(145deg,#20c888,#078e61);
      box-shadow:0 8px 20px rgba(25,183,122,.24);
      line-height:1;font-size:12px;
    }
    .coworking-price .cp-logo span{font-size:16px}
    .coworking-price .cp-nav-link{color:#51605b;font-weight:600;font-size:14px}
    .coworking-price .cp-nav-link:hover{color:var(--cp-green-dark)}
    .coworking-price .cp-btn {
      border-radius: 9px;
      padding: 12px 18px;
      font-weight: 700;
      transition: .25s ease;
      border: 1px solid transparent;
      text-align: center;
  }
    .coworking-price .cp-btn:hover{transform:translateY(-2px)}
    .coworking-price .cp-btn-primary{
      color:#fff;background:var(--cp-green);
      box-shadow:0 10px 25px rgba(25,183,122,.22);
    }
    .coworking-price .cp-btn-primary:hover{background:var(--cp-green-dark);color:#fff}
    .coworking-price .cp-btn-light{background:#fff;border-color:var(--cp-line);color:var(--cp-ink)}
    .coworking-price .cp-btn-light:hover{border-color:#b8d7cb;color:var(--cp-green-dark)}

    .coworking-price .cp-hero {
      padding: 241px 0 84px;
      position: relative;
      text-align: center;
  }
    .coworking-price .cp-kicker{
      display:inline-flex;align-items:center;gap:8px;padding:8px 13px;
      border:1px solid #cfece1;background:rgba(255,255,255,.78);
      color:var(--cp-green-dark);border-radius:999px;font-size:12px;
      font-weight:800;letter-spacing:.09em;text-transform:uppercase;
    }
    .coworking-price .cp-kicker i{font-size:15px}
    /* .coworking-price .cp-hero h1{
      font-size:50px;line-height:1.05;
      letter-spacing:-.055em;margin:20px 0 20px;font-weight:400;
    } */
    .coworking-price .cp-gradient-text{
      background:linear-gradient(100deg,var(--cp-green-dark),#38c997);
      -webkit-background-clip:text;background-clip:text;color:transparent;
    }
    /* .coworking-price .cp-hero-copy{
      color:var(--cp-muted);font-size:18px;line-height:1.75;max-width:650px;
    } */
    .coworking-price .cp-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
    .coworking-price .cp-trust{
      display:flex;align-items:center;gap:8px;background:#fff;
      border:1px solid var(--cp-line);border-radius:999px;
      padding:9px 13px;font-size:13px;font-weight:700;
      box-shadow:0 6px 20px rgba(18,51,41,.04)
    }
    .coworking-price .cp-trust i{color:var(--cp-green);font-size:16px}

    .coworking-price .cp-hero-visual{position:relative;min-height:410px}
    .coworking-price .cp-photo-main{
      position:absolute;right:0;top:10px;width:72%;height:360px;
      border-radius:34px;overflow:hidden;box-shadow:var(--cp-shadow);
      border:8px solid rgba(255,255,255,.88);
      transform:rotate(2deg)
    }
    .coworking-price .cp-photo-main img{width:100%;height:100%;object-fit:cover}
    .coworking-price .cp-photo-small{
      position:absolute;left:3%;bottom:5px;width:43%;height:180px;
      border-radius:25px;overflow:hidden;border:7px solid #fff;
      box-shadow:0 18px 45px rgba(18,51,41,.16);transform:rotate(-5deg)
    }
    .coworking-price .cp-photo-small img{width:100%;height:100%;object-fit:cover}
    .coworking-price .cp-float{
      position:absolute;right:2%;bottom:22px;background:#fff;
      border:1px solid var(--cp-line);border-radius:20px;padding:15px 17px;
      box-shadow:var(--cp-shadow);display:flex;align-items:center;gap:12px;
      z-index:3
    }
    .coworking-price .cp-float-icon{
      width:43px;height:43px;border-radius:14px;background:var(--cp-soft);
      display:grid;place-items:center;color:var(--cp-green-dark);font-size:20px
    }
    .coworking-price .cp-float strong{display:block;font-size:12px}
    .coworking-price .cp-float small{color:var(--cp-muted)}

    .coworking-price .cp-section {
      padding: 72px 0;
      border-top: 1px solid #e3e5ed;
      border-bottom: 1px solid #e3e5ed;
  }
    .coworking-price .cp-section-head{text-align:center;max-width:700px;margin:0 auto 40px}
    .coworking-price .cp-section-head .cp-eyebrow{
      color:var(--cp-green-dark);font-size:12px;font-weight:800;
      letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px
    }
    .coworking-price .cp-section-head h2 {
      /* font-size: 47px; */
      /* letter-spacing: 0.5px; */
      margin: 0 0 12px;
      font-weight: 400;
      line-height: 1.15;
  }
    .coworking-price .cp-section-head p{letter-spacing: 0.5px;}

    .coworking-price .cp-billing-bar{
      display:flex;align-items:center;justify-content:space-between;gap:20px;
      background:#fff;border:1px solid var(--cp-line);border-radius:24px;
      padding:17px 20px;box-shadow:0 12px 35px rgba(18,51,41,.06);margin-bottom:28px
    }
    .coworking-price .cp-billing-copy strong {
      display: block;
      /* font-family: "Manrope"; */
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.5px;
  }.coworking-price .cp-billing-copy span {
    color: #000000;
    /* font-size: 13px; */
    margin-top: 3px;
    float: left;
    width: 100%;
    letter-spacing: 1px;
}
    .coworking-price .cp-switch{
      display:flex;align-items:center;padding:4px;border-radius:999px;background:#edf6f2;
      border:1px solid #d8ebe4
    }
    .coworking-price .cp-switch button{
      border:0;background:transparent;border-radius:999px;padding:10px 17px;
      font-weight:800;font-size:13px;color:#6b7773;cursor:pointer
    }
    .coworking-price .cp-switch button.active {
      background: #00b779;
      color: #ffffff;
      box-shadow: 0 4px 13px rgba(18, 51, 41, .08);
    }  
    .coworking-price .cp-save{
      display:inline-flex;align-items:center;gap:6px;margin-left:8px;
      color:var(--cp-green-dark);font-size:11px;font-weight:900
    }

    .coworking-price .cp-pricing-grid{align-items:stretch}
    .coworking-price .cp-plan{
      height:100%;background:#fff;border:1px solid var(--cp-line);border-radius:28px;
      padding:27px;position:relative;box-shadow:0 10px 30px rgba(18,51,41,.045);
      transition:.3s ease;display:flex;flex-direction:column
    }
    .coworking-price .cp-plan:hover{transform:translateY(-8px);box-shadow:var(--cp-shadow)}
    .coworking-price .cp-plan.featured{
      border:2px solid #1abf80;box-shadow:0 22px 55px rgba(25,183,122,.15);
      background:linear-gradient(180deg,#f9fffc 0%,#fff 34%)
    }
    .coworking-price .cp-popular{
      position:absolute;top:-13px;left:25px;padding:6px 11px;border-radius:999px;
      background:#18b979;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em
    }
    .coworking-price .cp-plan-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
    .coworking-price .cp-plan-icon{
      width:50px;height:50px;border-radius:16px;background:var(--cp-soft);
      display:grid;place-items:center;color:var(--cp-green-dark);font-size:22px
    }
    .coworking-price .cp-plan h3{font-size:23px;margin:18px 0 5px;font-weight:500}
    .coworking-price .cp-plan-label{color:var(--cp-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
    .coworking-price .cp-price{margin:23px 0 5px;display:flex;align-items:flex-end;gap:6px}
    .coworking-price .cp-price strong {
      font-size: 39px;
      line-height: 1;
      letter-spacing: 0.05em;
      font-weight: 500;
  }
    .coworking-price .cp-price span{color:var(--cp-muted);font-size:13px;padding-bottom:4px}
    .coworking-price .cp-old{font-size:12px;color:#9ba6a2;text-decoration:line-through;min-height:18px}
    .coworking-price .cp-free{
      margin:18px 0 11px;display:inline-flex;width:max-content;align-items:center;gap:6px;
      color:var(--cp-green-dark);background:#eafaf4;border-radius:999px;
      padding:7px 10px;font-size:11px;font-weight:900
    }
    .coworking-price .cp-plan-desc {
      color: #000000;
      font-size: 15px !important;
      line-height: 1.65;
      min-height: 64px;
  }
    .coworking-price .cp-plan .cp-btn{width:100%;margin:20px 0 23px}
    .coworking-price .cp-includes{border-top:1px solid #edf2f0;padding-top:19px}
    .coworking-price .cp-includes-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
    .coworking-price .cp-features{list-style:none;padding:0;margin:13px 0 0}
    .coworking-price .cp-features li {
      display: flex;
      gap: 9px;
      /* align-items: flex-start; */
      /* color: #56645f; */
      /* font-size: 13px; */
      margin: 10px 0;
      line-height: 1.4;
      letter-spacing: 0.5px;
      color: #090909;
      font-size: 15px;
      line-height: 1.45;
      font-weight: 400;
    }  
    .coworking-price .cp-features i{color:var(--cp-green);font-size:14px;margin-top:1px}
    .coworking-price .cp-note{font-size:12px;color:#7b8883;margin-top:auto;padding-top:15px}

    .coworking-price .cp-annual-wrap {
      margin-top: 30px;
      padding: 27px;
      border-radius: 27px;
      /* background: linear-gradient(135deg, #12211c, #193a30); */
      color: #fff;
      position: relative;
      overflow: hidden;
      border: 1px solid #e3e5ed;
  }
    .coworking-price .cp-annual-wrap:after{
      content:"";position:absolute;width:270px;height:270px;border-radius:50%;
      border:1px solid rgba(255,255,255,.1);right:-70px;top:-110px
    }
    .coworking-price .cp-annual-copy h3 {
      font-size: 27px;
      margin: 12px 0 12px;
      line-height: normal;
  }
  .coworking-price .cp-annual-copy p {
    color: #000000;
    margin: 0;
    font-size: 15px;
    letter-spacing: 0.5px;
}
    .coworking-price .cp-annual-cards{display:flex;gap:10px;flex-wrap:wrap}
    .coworking-price .cp-annual-card {
      background: rgb(255 255 255);
      border: 1px solid rgb(79 79 79 / 17%);
      border-radius: 18px;
      padding: 13px 16px;
      min-width: 145px;
  }
  .coworking-price .cp-annual-card span {
    display: block;
    color: #000000;
    font-size: 13px;
}
  .coworking-price .cp-annual-card strong {
    /* font-family: "Manrope"; */
    font-size: 17px;
    color: #000;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-top: 3px;
    float: left;
}

    .coworking-price .cp-feature-zone{background:#fff;border-top:1px solid var(--cp-line);border-bottom:1px solid var(--cp-line)}
    .coworking-price .cp-feature-shell {
      background: #f8fbfa;
      border: 1px solid #e3e5ed;
      border-radius: 30px;
      padding: 10px;
      box-shadow: 0 16px 45px rgba(18, 51, 41, .06);
  }
    .coworking-price .cp-feature-row{
      display:grid;grid-template-columns:1.6fr .75fr .75fr .75fr;align-items:center;
      gap:10px;padding:15px 16px;border-radius:18px
    }
    .coworking-price .cp-feature-row:nth-child(odd){background:#fff}
    .coworking-price .cp-feature-row.header{
      background:#14251f;color:#fff;font-weight:800;border-radius:20px
    }
    .coworking-price .cp-feature-row.header div:not(:first-child){text-align:center}
    .coworking-price .cp-feature-name {
      font-size: 15px;
      font-weight: 400;
  }
    .coworking-price .cp-feature-value{text-align:center;font-size:13px;color:#6d7a75;font-weight:700}
    .coworking-price .cp-feature-value.yes{color:var(--cp-green-dark)}
    .coworking-price .cp-feature-value i{font-size:17px}
    .coworking-price .cp-feature-mobile{display:none}

    .coworking-price .cp-trial {
      position: relative;
      background: #FFFF;
      border: 1px solid #e3e5ed;
      border-radius: 34px;
      padding: 45px;
      overflow: hidden;
    }
    .coworking-price .cp-trial:before{
      content:"FREE";position:absolute;right:-15px;top:12px;font-size:100px;
      line-height:1;font-weight:900;color:rgba(25,183,122,.07);
      transform:rotate(-12deg)
    }
    .coworking-price .cp-trial h2{font-size:40px;letter-spacing:-.04em;margin:10px 0}
    .coworking-price .cp-trial p{max-width:620px;line-height:1.7}
    .coworking-price .cp-trial-grid{margin-top:28px}
    .coworking-price .cp-trial-item{
      background:#fff;border:1px solid #e3e5ed;border-radius:20px;padding:19px;height:100%;
      transition:.25s 
    }
    .coworking-price .cp-trial-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(18,51,41,.07)}
    .coworking-price .cp-trial-item i{font-size:22px;color:var(--cp-green-dark)}
    .coworking-price .cp-trial-item h4{font-size:18px;margin:12px 0 7px}
    .coworking-price .cp-trial-item p{font-size:15px;line-height:1.55;margin:0}

    .coworking-price .cp-why-card {
      height: 100%;
      padding: 25px;
      background: #fff;
      border: 1px solid #e3e5ed;
      border-radius: 24px;
      position: relative;
      overflow: hidden;
      transition: .25s ease;
  }
    .coworking-price .cp-why-card:hover{transform:translateY(-6px);box-shadow:var(--cp-shadow)}
    .coworking-price .cp-why-num{font-family:"Manrope";font-size:12px;font-weight:900;color:#a0b1ab}
    .coworking-price .cp-why-icon {
      width: 54px;
      height: 54px;
      border-radius: 17px;
      background: var(--cp-soft);
      color: var(--cp-green-dark);
      display: grid;
      place-items: center;
      font-size: 22px;
      margin: 18px 0;
      margin-top: 0;
  }
    .coworking-price .cp-why-card h3 {
      font-size: 18px;
      margin: 0 0 9px;
      line-height: normal;
  }
  .coworking-price .cp-why-card p {
    font-size: 15px;
    /* color: #000000; */
    line-height: 1.65;
    /* margin: 0; */
    letter-spacing: 0.5px;
    font-weight: 400;
}

    .coworking-price .cp-faq .accordion-item{border:1px solid var(--cp-line)!important;border-radius:18px!important;margin-bottom:12px;overflow:hidden}
    .coworking-price .cp-faq .accordion-button {
      /* font-family: "Manrope"; */
      /* font-weight: 700; */
      color: #000000;
      /* padding: 20px 22px; */
      /* background: #fff; */
      /* box-shadow: none; */
  }
    .coworking-price .cp-faq .accordion-button:not(.collapsed){background:#f4fcf8;color:var(--cp-green-dark)}
    .coworking-price .cp-faq .accordion-body {
      color: #000000;
      line-height: 1.75;
      padding: 22px 21px;
      /* font-size: 14px; */
      letter-spacing: 0.5px;
      font-weight: 400;
  }
    .coworking-price .cp-faq .accordion-button:focus{box-shadow:none}

    .coworking-price .cp-cta {
      margin: 35px 0 80px;
      border-radius: 34px;
      padding: 58px 35px;
      text-align: center;
      color: #fff;
      background: #FFF;
      position: relative;
      overflow: hidden;
      border: 1px solid #e3e5ed;
  }
    .coworking-price .cp-cta:before,.coworking-price .cp-cta:after{
      content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%
    }
    .coworking-price .cp-cta:before{width:360px;height:360px;left:-180px;bottom:-250px}
    .coworking-price .cp-cta:after{width:260px;height:260px;right:-120px;top:-180px}
    .coworking-price .cp-cta h2{margin:0 0 12px;position:relative;z-index:2}
    .coworking-price .cp-cta p{z-index:2}
    .coworking-price .cp-cta-actions{position:relative;z-index:2;display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:25px}
    .coworking-price .cp-cta .cp-btn-light {
      border-color: rgb(0 201 141);
      background: #00c98d;
      color: #fff;
  }
    .coworking-price .cp-footer{background:#fff;border-top:1px solid var(--cp-line);padding:55px 0 25px}
    .coworking-price .cp-footer h5{font-size:14px;margin-bottom:15px}
    .coworking-price .cp-footer a,.coworking-price .cp-footer p{display:block;color:#73817c;font-size:12px;margin:8px 0}
    .coworking-price .cp-footer-bottom{border-top:1px solid #edf2f0;margin-top:30px;padding-top:18px;color:#8a9691;font-size:11px}

    @media(max-width:991px){
      .coworking-price .cp-hero{padding-top:55px}
      .coworking-price .cp-hero-visual{min-height:360px;margin-top:20px}
      .coworking-price .cp-plan{padding:22px}
    }
    @media(max-width:767px){
      .coworking-price .cp-nav .cp-desktop-links{display:none!important}
      .coworking-price .cp-hero h1{font-size:43px}
      .coworking-price .cp-hero-copy{font-size:16px}
      .coworking-price .cp-hero-visual{min-height:315px}
      .coworking-price .cp-photo-main{height:270px;width:80%}
      .coworking-price .cp-photo-small{height:135px;width:48%}
      .coworking-price .cp-float{right:0;bottom:8px}
      .coworking-price .cp-billing-bar{align-items:flex-start;flex-direction:column}
      .coworking-price .cp-annual-wrap{padding:22px}
      .coworking-price .cp-trial{padding:28px 20px}
      .coworking-price .cp-trial h2{font-size:31px}
      .coworking-price .cp-feature-shell{background:transparent;border:0;box-shadow:none;padding:0}
      .coworking-price .cp-feature-row{grid-template-columns:1fr 1fr;padding:16px;border:1px solid var(--cp-line);margin-bottom:8px;background:#fff!important}
      .coworking-price .cp-feature-row.header{display:none}
      .coworking-price .cp-feature-row div:not(:first-child){display:none}
      .coworking-price .cp-feature-name{font-weight:800}
      .coworking-price .cp-feature-mobile{display:block;text-align:right;color:var(--cp-green-dark);font-size:12px;font-weight:800}
      .coworking-price .cp-section{padding:58px 0}
      .coworking-price .cp-footer{padding-top:40px}
    }

    .coworking-features .btn-lightline:hover {
      color: #ffffff !important;
      background-color: #00b77e !important;
      border-color: #00b77e !important;
  }

  #space {
    padding-top: 0px !important;
    padding-bottom: 50px;
}

  .coworking-features b, .coworking-features strong {
    font-weight: 500;
}

#insights {
  /* padding-top: 0px !important; */
  border-top: 1px solid #bdbdbd;
}
#operations{border-top: 1px solid #bdbdbd;

}

#members{
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
}



















/* =========================================================
       118 PMS BOOK DEMO
       All custom selectors are scoped with .cowoking-book-demo
       ========================================================= */

       .cowoking-book-demo {
        --cbd-primary: #19b77a;
        --cbd-primary-dark: #109b68;
        --cbd-primary-soft: #e9faf3;
        --cbd-text: #161a1d;
        --cbd-muted: #697277;
        --cbd-border: #e8eceb;
        --cbd-bg: #ffffff;
        --cbd-soft: #f5fbf8;
        --cbd-shadow: 0 18px 55px rgba(20, 55, 43, .09);
        color: var(--cbd-text);
        /* font-family: "DM Sans", sans-serif; */
        overflow: hidden;
        background: #fff;
      }
  
      .cowoking-book-demo *,
      .cowoking-book-demo *::before,
      .cowoking-book-demo *::after {
        box-sizing: border-box;
      }
  
      .cowoking-book-demo h1,
      .cowoking-book-demo h2,
      .cowoking-book-demo h3,
      /* .cowoking-book-demo h4 {
        font-family: "Manrope", sans-serif;
        letter-spacing: -.035em;
      } */
  
      .cowoking-book-demo .cbd-container {
        max-width: 1180px;
      }
  
      /* Header */
      .cowoking-book-demo .cbd-topbar {
        height: 42px;
        border-bottom: 1px solid #edf0ef;
        background: #fff;
        font-size: 13px;
      }
  
      .cowoking-book-demo .cbd-brand {
        width: 38px;
        height: 38px;
        border-radius: 11px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(145deg, #83d8b7, #5dc49c);
        color: #fff;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 5px 15px rgba(25,183,122,.12);
      }
  
      .cowoking-book-demo .cbd-brand small {
        font-size: 6px;
        display: block;
        font-weight: 600;
        margin-bottom: 1px;
      }
  
      .cowoking-book-demo .cbd-nav-link {
        color: #4f5659;
        text-decoration: none;
        font-size: 13px;
        padding: 6px 10px;
        transition: .2s ease;
      }
  
      .cowoking-book-demo .cbd-nav-link:hover {
        color: var(--cbd-primary);
      }
  
      .cowoking-book-demo .cbd-nav-link i {
        font-size: 9px;
        margin-left: 5px;
      }
  
      .cowoking-book-demo .cbd-header-btn {
        border: 1px solid rgba(25,183,122,.35);
        background: var(--cbd-primary);
        color: #fff;
        border-radius: 6px;
        padding: 7px 13px;
        font-size: 11px;
        font-weight: 700;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        transition: .2s ease;
      }
  
      .cowoking-book-demo .cbd-header-btn:hover {
        background: var(--cbd-primary-dark);
        color: #fff;
        transform: translateY(-1px);
      }
  
      .cowoking-book-demo .cbd-mainnav {
        position: relative;
        z-index: 5;
        margin-top: 24px;
      }
  
      .cowoking-book-demo .cbd-mainnav-inner {
        background: rgba(255,255,255,.94);
        border: 1px solid rgba(225,231,228,.85);
        box-shadow: 0 8px 28px rgba(22,45,37,.06);
        border-radius: 3px;
        padding: 12px 20px;
      }
  
      .cowoking-book-demo .cbd-mainnav .cbd-brand {
        width: 43px;
        height: 43px;
      }
  
      /* Hero */
      .cowoking-book-demo .cbd-hero {
        position: relative;
        padding: 245px 0 78px;
        background:
          radial-gradient(circle at 86% 22%, rgba(119,235,198,.22), transparent 25%),
          radial-gradient(circle at 9% 28%, rgba(207,242,255,.28), transparent 22%),
          linear-gradient(180deg, #f3fffb 0%, #fff 76%);
      }
  
      .cowoking-book-demo .cbd-hero::before,
      .cowoking-book-demo .cbd-hero::after {
        content: "";
        position: absolute;
        width: 290px;
        height: 290px;
        border: 1px solid rgba(122,207,184,.16);
        border-radius: 50%;
        pointer-events: none;
      }
  
      .cowoking-book-demo .cbd-hero::before {
        left: -180px;
        bottom: -165px;
      }
  
      .cowoking-book-demo .cbd-hero::after {
        right: -150px;
        top: -170px;
      }
  
      .cowoking-book-demo .cbd-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--cbd-primary-dark);
        border: 1px solid #dcefe8;
        background: #fff;
        padding: 7px 13px;
        border-radius: 50px;
        font-size: 11px;
        font-weight: 700;
        box-shadow: 0 7px 20px rgba(19,66,48,.05);
      }
  
      .cowoking-book-demo .cbd-eyebrow span {
        width: 6px;
        height: 6px;
        background: var(--cbd-primary);
        border-radius: 50%;
      }
  
      /* .cowoking-book-demo .cbd-hero-title {
        max-width: 850px;
        margin: 18px auto 12px;
        font-size: 51px;
        line-height: 1.05;
        font-weight: 400;
    }
   */
      .cowoking-book-demo .cbd-green {
        color: var(--cbd-primary);
      }
  
      .cowoking-book-demo .cbd-hero-copy {
        max-width: 760px;
        margin: 0 auto;
        /* color: var(--cbd-muted); */
        font-size: 18px;
        line-height: 1.8;
    }
  
      .cowoking-book-demo .cbd-hero-features {
        margin-top: 28px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 18px 34px;
      }
  
      .cowoking-book-demo .cbd-mini-feature {
        display: flex;
        align-items: center;
        gap: 10px;
        /* color: #384044; */
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    .cowoking-book-demo .cbd-mini-icon {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: #d9f1e7;
      color: var(--cbd-primary-dark);
      display: inline-flex;
      align-items: center;
      justify-content: center;
  }
  
      /* Demo form */
      .cowoking-book-demo .cbd-demo-card {
        position: relative;
        z-index: 2;
        margin-top: 52px;
        background: #fff;
        border: 1px solid #e7ecea;
        border-radius: 20px;
        box-shadow: var(--cbd-shadow);
        overflow: hidden;
      }
  
      .cowoking-book-demo .cbd-demo-left {
        padding: 48px 42px 44px;
      }
  
      .cowoking-book-demo .cbd-demo-right {
        padding: 40px;
        background: linear-gradient(180deg, #f1fbf7, #eaf8f3);
        border-left: 1px solid #e2eee9;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
  
      .cowoking-book-demo .cbd-section-kicker {
        color: var(--cbd-primary);
        text-transform: uppercase;
        letter-spacing: .12em;
        font-size: 11px;
        font-weight: 800;
        margin-bottom: 12px;
      }
  
      .cowoking-book-demo .cbd-demo-heading {
        font-size: 38px;
        line-height: 1.15;
        font-weight: 400;
        margin-bottom: 12px;
    }
  
    .cowoking-book-demo .cbd-demo-subtitle {
      /* color: var(--cbd-muted); */
      line-height: 1.65;
      /* font-size: 15px;
      max-width: 540px; */
      margin-bottom: 28px;
  }
  
  .cowoking-book-demo .cbd-form-label {
    font-size: 14px;
    font-weight: 500;
    /* color: #3c4447; */
    margin-bottom: 7px;
}
  
      .cowoking-book-demo .cbd-form-control,
      .cowoking-book-demo .cbd-form-select {
        height: 48px;
        border-radius: 8px;
        border: 1px solid #dfe5e3;
        font-size: 14px;
        color: #4d5558;
        padding: 0 14px;
        box-shadow: none;
      }
  
      .cowoking-book-demo .cbd-form-control:focus,
      .cowoking-book-demo .cbd-form-select:focus {
        border-color: var(--cbd-primary);
        box-shadow: 0 0 0 3px rgba(25,183,122,.10);
      }
  
      .cowoking-book-demo textarea.cbd-form-control {
        height: 112px;
        padding-top: 13px;
        resize: vertical;
      }
  
      .cowoking-book-demo .cbd-required {
        color: var(--cbd-primary);
      }
  
      .cowoking-book-demo .cbd-submit {
        width: 100%;
        border: 0;
        border-radius: 8px;
        min-height: 52px;
        background: linear-gradient(90deg, #13b77b, #19bf82);
        color: #fff;
        font-size: 13px;
        font-weight: 800;
        transition: .25s ease;
        box-shadow: 0 10px 25px rgba(25,183,122,.17);
      }
  
      .cowoking-book-demo .cbd-submit:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(25,183,122,.23);
      }
  
      .cowoking-book-demo .cbd-submit i {
        margin-left: 8px;
      }
  
      .cowoking-book-demo .cbd-privacy {
        text-align: center;
        /* color: #8a9294; */
        font-size: 13px;
        margin: 12px 0 0;
    }
  
      .cowoking-book-demo .cbd-privacy i {
        color: var(--cbd-primary);
        margin-right: 4px;
      }
  
      .cowoking-book-demo .cbd-demo-image {
        height: 205px;
        border-radius: 14px;
        overflow: hidden;
        margin-bottom: 24px;
        background:
          linear-gradient(135deg, rgba(18,183,122,.18), rgba(255,255,255,.3)),
          url("https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1000&q=85") center/cover;
      }
  
      .cowoking-book-demo .cbd-benefit {
        display: flex;
        gap: 14px;
        align-items: flex-start;
        margin-bottom: 20px;
      }
  
      .cowoking-book-demo .cbd-benefit-icon {
        flex: 0 0 26px;
        width: 26px;
        height: 26px;
        border: 1.5px solid var(--cbd-primary);
        border-radius: 50%;
        color: var(--cbd-primary);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
      }
  
      .cowoking-book-demo .cbd-benefit strong {
        display: block;
        font-size: 14px;
        margin-bottom: 4px;
    }
  
    .cowoking-book-demo .cbd-benefit p {
      margin: 0;
      color: #333333;
      font-size: 13px;
      line-height: 1.5;
  }
  
      /* Generic section */
      .cowoking-book-demo .cbd-section {
        padding: 74px 0;
        /* border-top: 1px solid #dfdfdf; */
      }
  
      .cowoking-book-demo .cbd-section-soft {
        /* background: #f7fcfa; */
        border-top: 1px solid #bdbdbd;
        border-bottom: 1px solid #bdbdbd;
    }
  
      .cowoking-book-demo .cbd-centered-heading {
        text-align: center;
        max-width: 780px;
        margin: 0 auto 48px;
      }
  
      .cowoking-book-demo .cbd-centered-heading h2 {
        /* font-size: 44px; */
        font-weight: 400;
        margin-bottom: 14px;
    }
  
      .cowoking-book-demo .cbd-centered-heading p {
        /* color: var(--cbd-muted); */
        line-height: 1.65;
        margin: 0 auto;
        max-width: 680px;
    }
      /* Feature cards */
      .cowoking-book-demo .cbd-feature-card {
        height: 100%;
        padding: 27px;
        background: #fff;
        border: 1px solid #e8eeeb;
        border-radius: 15px;
        transition: .25s ease;
      }
  
      .cowoking-book-demo .cbd-feature-card:hover {
        transform: translateY(-5px);
        border-color: #cde9df;
        box-shadow: 0 15px 35px rgba(27,77,58,.07);
      }
  
      .cowoking-book-demo .cbd-feature-number {
        font-size: 11px;
        color: var(--cbd-primary);
        font-weight: 800;
        letter-spacing: .1em;
        margin-bottom: 18px;
      }
  
      .cowoking-book-demo .cbd-feature-icon {
        width: 48px;
        height: 48px;
        border-radius: 13px;
        background: var(--cbd-primary-soft);
        color: var(--cbd-primary-dark);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        margin-bottom: 19px;
      }
  
      .cowoking-book-demo .cbd-feature-card h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 8px;
        /* padding-top: 0; */
        line-height: 1.5;
        letter-spacing: 1px;
    }
  
    .cowoking-book-demo .cbd-feature-card p {
      /* color: var(--cbd-muted); */
      /* font-size: 14px; */
      line-height: 1.7;
      margin: 0;
  }
  
      /* Workspace models */
      .cowoking-book-demo .cbd-model-card {
        position: relative;
        height: 100%;
        min-height: 190px;
        padding: 30px;
        border-radius: 18px;
        border: 1px solid #e6ece9;
        background: #fff;
        overflow: hidden;
      }
  
      .cowoking-book-demo .cbd-model-card::after {
        content: "";
        position: absolute;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: #effbf6;
        right: -35px;
        bottom: -35px;
      }
  
      .cowoking-book-demo .cbd-model-icon {
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #effbf6;
        color: var(--cbd-primary-dark);
        border-radius: 12px;
        margin-bottom: 20px;
      }
  
      .cowoking-book-demo .cbd-model-card h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 0px;
        letter-spacing: 1px;
    }
    
    
  
    .cowoking-book-demo .cbd-model-card p {
      /* color: var(--cbd-muted); */
      /* font-size: 14px; */
      line-height: 1.7;
      margin: 0;
      /* max-width: 300px; */
  }
  
  
      /* Journey */
      .cowoking-book-demo .cbd-journey {
        position: relative;
      }
  
      .cowoking-book-demo .cbd-journey::before {
        content: "";
        position: absolute;
        top: 27px;
        left: 9%;
        right: 9%;
        border-top: 1px dashed #cde5dc;
      }
  
      .cowoking-book-demo .cbd-journey-item {
        position: relative;
        z-index: 1;
        text-align: center;
      }
  
      .cowoking-book-demo .cbd-journey-number {
        width: 55px;
        height: 55px;
        margin: 0 auto 20px;
        border-radius: 50%;
        background: #fff;
        border: 1px solid #cfe8df;
        color: var(--cbd-primary-dark);
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
        font-size: 12px;
        box-shadow: 0 6px 20px rgba(25,100,70,.06);
      }
  
      .cowoking-book-demo .cbd-journey-item h3 {
        font-size: 19px;
        font-weight: 400;
        margin-bottom: 8px;
        letter-spacing: 1px;
        line-height: normal;
    }
  
      .cowoking-book-demo .cbd-journey-item p {
        /* color: var(--cbd-muted); */
        font-size: 14px;
        line-height: 1.65;
        margin: 0 auto;
        max-width: 180px;
    }
  
      /* Management grid */
      .cowoking-book-demo .cbd-manage-box {
        min-height: 190px;
        padding: 26px;
        border-radius: 16px;
        background: #fff;
        border: 1px solid #e7eeeb;
      }
  
      .cowoking-book-demo .cbd-manage-box i {
        color: var(--cbd-primary);
        font-size: 19px;
        margin-bottom: 18px;
      }
  
      .cowoking-book-demo .cbd-manage-box h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 0;
        letter-spacing: 1px;
    }    
  
      .cowoking-book-demo .cbd-manage-box p {
        margin: 0;
        /* color: var(--cbd-muted); */
        /* font-size: 14px; */
        line-height: 1.5;
    
      }
  
      /* Confidence */
      .cowoking-book-demo .cbd-confidence {
        border-radius: 22px;
        /* background: linear-gradient(135deg, #effbf6, #f8fffc); */
        border: 1px solid #dfdfdf;
        padding: 58px;
    }
  
      .cowoking-book-demo .cbd-confidence-card {
        height: 100%;
        padding: 22px 0 0;
      }
  
      .cowoking-book-demo .cbd-confidence-icon {
        width: 46px;
        height: 46px;
        border-radius: 13px;
        background: #fff;
        color: var(--cbd-primary);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 17px;
        box-shadow: 0 7px 20px rgba(25, 100, 70, .06);
        border: 1px solid;
    }
  
      .cowoking-book-demo .cbd-confidence-card h3 {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 7px;
    }
  
    .cowoking-book-demo .cbd-confidence-card p {
      color: #000000;
      /* font-size: 14px; */
      line-height: 1.65;
      margin: 0;
  }
  
      /* CTA */
      .cowoking-book-demo .cbd-final-cta {
        position: relative;
        padding: 105px 0;
        /* background: #101b17; */
        color: #fff;
        overflow: hidden;
        /* border-top: 1px solid #dfdfdf; */
      }
  
      .cowoking-book-demo .cbd-final-cta::before {
        content: "";
        position: absolute;
        width: 520px;
        height: 520px;
        border: 1px solid rgba(92,215,169,.14);
        border-radius: 50%;
        left: -240px;
        top: -260px;
      }
  
      .cowoking-book-demo .cbd-final-cta::after {
        content: "";
        position: absolute;
        width: 430px;
        height: 430px;
        border: 1px solid rgba(92,215,169,.12);
        border-radius: 50%;
        right: -190px;
        bottom: -250px;
      }
  
      .cowoking-book-demo .cbd-final-cta h2 {
        font-size: 45px;
        line-height: 1.05;
        font-weight: 400;
        margin-bottom: 18px;
    }
  
      .cowoking-book-demo .cbd-final-cta p {
        /* color: #aebbb6; */
        max-width: 650px;
        margin: 0 auto 30px;
        line-height: 1.7;
      }
  
      .cowoking-book-demo .cbd-cta-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        min-width: 197px;
        min-height: 49px;
        border-radius: 8px;
        text-decoration: none;
        font-size: 12px;
        font-weight: 800;
        transition: .2s ease;
        margin: 4px;
      }
  
      .cowoking-book-demo .cbd-cta-primary {
        color: #fff;
        background: var(--cbd-primary);
      }
  
      .cowoking-book-demo .cbd-cta-primary:hover {
        color: #fff;
        background: var(--cbd-primary-dark);
        transform: translateY(-2px);
      }
  
      .cowoking-book-demo .cbd-cta-outline {
        color: #fff;
        border: 1px solid rgba(255, 255, 255, .25);
        background: rgb(0 184 127);
    }
  
      .cowoking-book-demo .cbd-cta-outline:hover {
        color: #fff;
        background: #109b68;
        transform: translateY(-2px);
    }
  
      /* Footer */
      .cowoking-book-demo .cbd-footer {
        background: #fff;
        padding: 65px 0 25px;
        border-top: 1px solid #edf0ef;
      }
  
      .cowoking-book-demo .cbd-footer-title {
        font-size: 13px;
        font-weight: 800;
        margin-bottom: 18px;
      }
  
      .cowoking-book-demo .cbd-footer-link {
        display: block;
        color: #687174;
        text-decoration: none;
        font-size: 12px;
        margin-bottom: 11px;
        transition: .2s ease;
      }
  
      .cowoking-book-demo .cbd-footer-link:hover {
        color: var(--cbd-primary);
      }
  
      .cowoking-book-demo .cbd-footer-bottom {
        margin-top: 35px;
        padding-top: 22px;
        border-top: 1px solid #edf0ef;
        text-align: center;
        color: #8a9294;
        font-size: 11px;
      }
  
      .cowoking-book-demo .cbd-socials a {
        color: #42494c;
        margin: 0 5px;
        font-size: 13px;
        text-decoration: none;
      }
  
      .cowoking-book-demo .cbd-socials a:hover {
        color: var(--cbd-primary);
      }
  
      /* Responsive */
      @media (max-width: 991.98px) {
        .cowoking-book-demo .cbd-topbar .cbd-nav-link {
          display: none;
        }
  
        .cowoking-book-demo .cbd-mainnav {
          margin-top: 15px;
        }
  
        .cowoking-book-demo .cbd-mainnav .d-flex.gap-4 {
          gap: .6rem !important;
        }
  
        .cowoking-book-demo .cbd-mainnav .cbd-nav-link {
          font-size: 11px;
          padding: 4px 5px;
        }
  
        .cowoking-book-demo .cbd-demo-right {
          border-left: 0;
          border-top: 1px solid #e2eee9;
        }
  
        .cowoking-book-demo .cbd-journey::before {
          display: none;
        }
  
        .cowoking-book-demo .cbd-confidence {
          padding: 38px 25px;
        }
      }
  
      @media (max-width: 767.98px) {
        .cowoking-book-demo .cbd-topbar {
          display: none;
        }
  
        .cowoking-book-demo .cbd-mainnav-inner {
          padding: 10px 13px;
        }
  
        .cowoking-book-demo .cbd-mainnav .cbd-nav-link {
          display: none;
        }
  
        .cowoking-book-demo .cbd-mainnav .d-flex:last-child .cbd-nav-link {
          display: inline-flex;
        }
  
        .cowoking-book-demo .cbd-hero {
          padding-top: 20px;
          padding-bottom: 55px;
        }
  
        .cowoking-book-demo .cbd-hero-title {
          font-size: 39px;
        }
  
        .cowoking-book-demo .cbd-hero-copy {
          font-size: 14px;
        }
  
        .cowoking-book-demo .cbd-hero-features {
          align-items: flex-start;
          flex-direction: column;
          gap: 12px;
          width: fit-content;
          margin-left: auto;
          margin-right: auto;
        }
  
        .cowoking-book-demo .cbd-demo-card {
          margin-top: 35px;
          border-radius: 15px;
        }
  
        .cowoking-book-demo .cbd-demo-left,
        .cowoking-book-demo .cbd-demo-right {
          padding: 28px 22px;
        }
  
        .cowoking-book-demo .cbd-section {
          padding: 65px 0;
        }
  
        .cowoking-book-demo .cbd-centered-heading {
          margin-bottom: 35px;
        }
  
        .cowoking-book-demo .cbd-centered-heading h2 {
          font-size: 32px;
        }
  
        .cowoking-book-demo .cbd-journey-item {
          margin-bottom: 30px;
        }
  
        .cowoking-book-demo .cbd-final-cta {
          padding: 75px 0;
        }
  
        .cowoking-book-demo .cbd-footer {
          padding-top: 50px;
        }
      }











































     /* Accounting India */



     :root {
     
      --in-primary: #19b779;
      --in-primary-dark: #00b779;
      --in-purple: #4ef7b3;
      --in-ink: #111329;
      --in-muted: #707287;
      --in-line: #e9e8f3;
      --in-soft: #f8f7ff;
      --in-dark: #0b0925;
      --in-green: #20b77a;
      --in-orange: #ff9d4d;
      --in-blue: #4a8cff;
      --in-radius: 22px;
      --in-shadow: 0 20px 60px rgba(52, 43, 142, 0.11);
    }
    
    .accounting-india * {
      box-sizing: border-box;
      
    }
    
    .accounting-india {
      color: var(--in-ink);
      /* font-family: "DM Sans", sans-serif; */
      overflow-x: hidden;
    }
    
    .accounting-india html {
      scroll-behavior: smooth;
    }
    
    .accounting-india body {
      margin: 0;
      color: var(--in-ink);
      /* font-family: "DM Sans", sans-serif; */
      overflow-x: hidden;
    }
    
    .accounting-india h1,
    .accounting-india h2,
    .accounting-india h3,
    .accounting-india h4,
    .accounting-india h5,
    /* .accounting-india h6 { */
      /* font-family: "Plus Jakarta Sans", sans-serif; */
      /* letter-spacing: -0.035em; */
    /* } */
    
    .accounting-india a {
      text-decoration: none;
    }
    
    /* .accounting-india .in-container {
      max-width: 1180px;
    } */
    
    .accounting-india .in-section {
      padding: 105px 0;
      position: relative;
      border: 1px solid #e9e8f3;
    }
    
    .accounting-india .in-kicker {
      /* display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 7px 13px;
      border: 1px solid rgba(102, 84, 246, 0.15);
      background: #e9faf3;
      color: var(--in-primary);
      border-radius: 999px;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 0.11em;
      text-transform: uppercase; */
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 7px 11px;
      border: 1px solid #d5efe4;
      background: #f2fcf7;
      border-radius: 50px;
      /* color: var(--cs-primary-dark); */
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .09em;
      text-transform: uppercase;
      margin-bottom: 12px;
      color: var(--in-primary);
  }
    
    .accounting-india .in-gradient {
      /* background: linear-gradient(90deg, #4d3add, #7966ff 55%, #4e82ff); */
      color: #2bb673;
      -webkit-background-clip: text;
      background-clip: text;
      /* color: transparent; */
  }
    
  .accounting-india .in-title {
    /* font-size: clamp(34px, 4vw, 55px); */
    line-height: 1.08;
    font-weight: 400;
    margin: 15px 0;
}
    
.accounting-india .in-lead {
  max-width: 700px;
  margin: 0 auto;
  /* color: var(--in-muted); */
  /* font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.5px; */
}
    
    .accounting-india .in-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      border-radius: 999px;
      padding: 14px 21px;
      font-weight: 800;
      font-size: 12px;
      transition: 0.25s;
      border: 0;
    }
    
    .accounting-india .in-btn-primary {
      background: #00b679;
      color: #ffffff;
      /* box-shadow: 0 14px 30px rgba(86, 65, 220, 0.27); */
  }
    
    .accounting-india .in-btn-primary:hover {
      color: #fff;
      transform: translateY(-2px);
      /* box-shadow: 0 18px 35px rgba(86, 65, 220, 0.35); */
    }
    
    .accounting-india .in-btn-white {
      background: #00b77e;
      color: #ffffff;
      border: 1px solid #e4e1f1;
  }
    
    .accounting-india .in-btn-white:hover {
      /* color: #29234d; */
      transform: translateY(-2px);
    }
    
    .accounting-india .in-reveal {
      opacity: 0;
      transform: translateY(22px);
      transition: 0.7s ease;
    }
    
    .accounting-india .in-reveal.in-show {
      opacity: 1;
      transform: none;
    }
    
    
    /* NAV */
    
    .accounting-india .in-nav {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 20;
      padding: 18px 0;
    }
    
    .accounting-india .in-brand {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #fff;
      font: 800 18px "Plus Jakarta Sans";
    }
    
    .accounting-india .in-brand:hover {
      color: #fff;
    }
    
    .accounting-india .in-mark {
      width: 36px;
      height: 36px;
      border-radius: 11px;
      display: grid;
      place-items: center;
      color: #fff;
      background: rgba(255, 255, 255, 0.15);
      border: 1px solid rgba(255, 255, 255, 0.23);
    }
    
    .accounting-india .in-nav-links a {
      color: rgba(255, 255, 255, 0.78);
      font-size: 12px;
      margin: 0 10px;
    }
    
    .accounting-india .in-nav-links a:hover {
      color: #fff;
    }
    
    .accounting-india .in-nav-cta {
      background: #fff;
      color: #211c50;
      border-radius: 999px;
      padding: 10px 16px;
      font-size: 11px;
      font-weight: 800;
    }
    
    .accounting-india .in-nav-cta:hover {
      color: #211c50;
    }
    
    
    /* HERO */
    
    .accounting-india .in-hero {
      min-height: 780px;
      padding: 216px 0 85px;
      overflow: hidden;
      position: relative;
      /* background: radial-gradient(circle at 8% 18%, rgba(255, 255, 255, 0.9) 0 8%, transparent 9%), radial-gradient(circle at 83% 19%, rgba(145, 125, 255, 0.32), transparent 24%), radial-gradient(circle at 66% 90%, rgba(91, 124, 255, 0.13), transparent 24%), linear-gradient(135deg, #eeeaff 0%, #faf9ff 47%, #e5deff 100%); */
      background: radial-gradient(circle at 12% 15%, rgba(24, 182, 122, .13), transparent 28%), radial-gradient(circle at 91% 25%, rgba(89, 204, 166, .12), transparent 25% 25%), linear-gradient(180deg, #f9fffc 0%, #fff 100%);
  }
    
    .accounting-india .in-hero::before {
      content: "";
      position: absolute;
      width: 700px;
      height: 700px;
      right: -270px;
      top: 80px;
      border-radius: 50%;
      /* background: radial-gradient(
        circle,
        rgba(120, 100, 255, 0.25),
        transparent 67%
      ); */
    }
    
    /* .accounting-india .in-hero::after {
      content: "";
      position: absolute;
      width: 600px;
      height: 600px;
      left: -330px;
      bottom: -390px;
      border: 1px solid rgba(103, 86, 222, 0.15);
      border-radius: 50%;
      box-shadow:
        0 0 0 90px rgba(103, 86, 222, 0.035),
        0 0 0 180px rgba(103, 86, 222, 0.025);
    }
     */
    .accounting-india .in-hero-copy {
      position: relative;
      z-index: 2;
    }
    
    .accounting-india .in-hero h1 {
      font-size: 53px;
      font-weight: 400;
      max-width: 670px;
      margin: 18px 0;
      line-height: normal;
  }
    
  .accounting-india .in-hero h3 {
    font-size: 17px;
    line-height: 1.45;
    max-width: 600px;
    /* font-weight: 700; */
}
    
    .accounting-india .in-hero p {
      /* color: #686a7e; */
      /* max-width: 640px; */
      /* font-size: 17px; */
      line-height: 1.8;
  }
    
    .accounting-india .in-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 24px;
    }
    
    .accounting-india .in-badges span {
      font-size: 14px;
      font-weight: 400;
      /* color: #656679; */
      background: #f1fcf7;
      padding: 8px 11px;
      border: 1px solid rgba(105, 90, 205, 0.11);
      border-radius: 999px;
  }
    
    
    /* DASHBOARD */
    
    .accounting-india .in-dashboard {
      width: min(610px, 100%);
      margin-left: auto;
      position: relative;
      z-index: 3;
      background: #fff;
      border: 1px solid #ecebf5;
      border-radius: 23px;
      overflow: hidden;
      /* box-shadow: 0 35px 80px rgba(62, 49, 150, 0.2); */
      transform: rotate(1deg);
    }
    
    .accounting-india .in-dash-head {
      height: 45px;
      border-bottom: 1px solid #eeeef5;
      display: flex;
      align-items: center;
      padding: 0 14px;
      gap: 6px;
    }
    
    .accounting-india .in-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #ddd;
    }
    
    .accounting-india .in-dash-body {
      display: grid;
      grid-template-columns: 145px 1fr;
      min-height: 380px;
    }
    
    .accounting-india .in-sidebar {
      /* background: #fbfbfe; */
      border-right: 1px solid #eeeef5;
      padding: 16px 10px;
    }
    
    .accounting-india .in-side-item {
      padding: 9px 9px;
      border-radius: 9px;
      font-size: 11px;
      color: #77798d;
      margin-bottom: 3px;
    }
    
    .accounting-india .in-side-item.active {
      background: #e4fff6;
      color: #00b87e;
      font-weight: 800;
  }
    
    .accounting-india .in-side-item i {
      margin-right: 7px;
    }
    
    .accounting-india .in-main {
      padding: 19px;
    }
    
    .accounting-india .in-dash-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 16px;
    }
    
    .accounting-india .in-dash-title strong {
      font-size: 16px;
    }
    
    .accounting-india .in-mini {
      font-size: 10px;
      color: #000000;
    }
    
    .accounting-india .in-status {
      font-size: 9px;
      font-weight: 800;
      padding: 5px 8px;
      background: #e9faf3;
      color: #16855b;
      border-radius: 99px;
    }
    
    .accounting-india .in-stat-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 9px;
    }
    
    .accounting-india .in-stat {
      padding: 13px;
      border: 1px solid #eeeef5;
      border-radius: 13px;
    }
    
    .accounting-india .in-stat small {
      font-size: 8px;
      color: #9293a4;
    }
    
    .accounting-india .in-stat strong {
      display: block;
      font-size: 15px;
      margin-top: 5px;
    }
    
    .accounting-india .in-chart {
      margin-top: 11px;
      border: 1px solid #eeeef5;
      border-radius: 14px;
      padding: 15px;
    }
    
    .accounting-india .in-bars {
      height: 130px;
      display: flex;
      align-items: end;
      gap: 9px;
      padding: 8px 4px 0;
    }
    
    .accounting-india .in-bar {
      flex: 1;
      border-radius: 5px 5px 2px 2px;
      background: #00b779;
  }
    
    .accounting-india .in-bar:nth-child(1) {
      height: 32%;
    }
    
    .accounting-india .in-bar:nth-child(2) {
      height: 51%;
    }
    
    .accounting-india .in-bar:nth-child(3) {
      height: 43%;
    }
    
    .accounting-india .in-bar:nth-child(4) {
      height: 67%;
    }
    
    .accounting-india .in-bar:nth-child(5) {
      height: 59%;
    }
    
    .accounting-india .in-bar:nth-child(6) {
      height: 82%;
    }
    
    .accounting-india .in-bar:nth-child(7) {
      height: 73%;
    }
    
    .accounting-india .in-bar:nth-child(8) {
      height: 94%;
    }
    
    .accounting-india .in-invoice {
      margin-top: 11px;
      border: 1px solid #eeeef5;
      border-radius: 13px;
      overflow: hidden;
    }
    
    .accounting-india .in-invoice-row {
      display: grid;
      grid-template-columns: 1.5fr 0.7fr 0.6fr;
      padding: 9px 11px;
      border-bottom: 1px solid #f0f0f6;
      font-size: 10px;
    }
    
    .accounting-india .in-invoice-row:last-child {
      border: 0;
    }
    
    .accounting-india .in-paid {
      color: #16855b;
      font-weight: 800;
    }
    
    
    /* STRIP */
    
    .accounting-india .in-strip {
      padding: 18px 0;
      border-bottom: 1px solid #f0eff6;
    }
    
    .accounting-india .in-strip-inner {
      display: flex;
      justify-content: center;
      gap: 9px;
      flex-wrap: wrap;
    }
    
    .accounting-india .in-strip-item {
      font-size: 14px;
      font-weight: 400;
      /* color: #77788a; */
      padding: 8px 13px;
      background: #f2fffb;
      border-radius: 999px;
  }
    
    
    /* AI */
    
    /* .accounting-india .in-ai {
      background: linear-gradient(180deg, #f9f8ff, #fff);
    } */
    
    .accounting-india .in-ai-card {
      height: 100%;
      padding: 24px;
      background: #fff;
      border: 1px solid #eae9f4;
      border-radius: 18px;
      box-shadow: 0 12px 35px rgba(50, 43, 118, 0.05);
      transition: 0.25s;
    }
    
    .accounting-india .in-ai-card:hover {
      transform: translateY(-5px);
      box-shadow: var(--in-shadow);
    }
    
    .accounting-india .in-icon {
      width: 44px;
      height: 44px;
      border-radius: 13px;
      display: grid;
      place-items: center;
      color: #087e55;
      background: #efecff;
      font-size: 19px;
      margin-bottom: 17px;
      background: #eafaf3;
  }
    
  .accounting-india .in-ai-card h4 {
    font-size: 20px;
    /* font-weight: 400; */
    margin-bottom: 8px;
}
    
.accounting-india .in-ai-card p {
  font-size: 15px;
  line-height: 1.7;
  /* color: var(--in-muted); */
  margin: 0;
}
    
    .accounting-india .in-ai-banner {
      margin-top: 42px;
      padding: 27px 31px;
      border-radius: 22px;
      background: #00b779;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      /* box-shadow: 0 25px 55px rgb(133 208 192); */
  }
    
  .accounting-india .in-ai-banner strong {
    font-size: 24px;
    font-weight: 400;
}


    
    .accounting-india .in-ai-banner p {
      font-size: 15px;
      color: #ffffff;
      margin: 5px 0 0;
  }
    
    
    /* COMPLETE */
    
    .accounting-india .in-feature-card {
      height: 100%;
      padding: 24px;
      border: 1px solid #ebeaf4;
      border-radius: 19px;
      background: #fff;
      transition: 0.25s;
      position: relative;
      overflow: hidden;
    }
    
    .accounting-india .in-feature-card:hover {
      transform: translateY(-4px);
      /* box-shadow: var(--in-shadow); */
      border-color: #cce9dc;
  }
  #gst{
    border: 1px solid #e3e5ed;
  }  



    .accounting-india .in-feature-card::after {
      content: "";
      position: absolute;
      width: 85px;
      height: 85px;
      right: -45px;
      bottom: -45px;
      background: #f1efff;
      border-radius: 50%;
    }.accounting-india .in-feature-card::after {
      content: "";
      position: absolute;
      width: 85px;
      height: 85px;
      right: -45px;
      bottom: -45px;
      background: #eefbf5;
      border-radius: 50%;
  }
    
    .accounting-india .in-feature-card h4 {
      font-size: 19px;
      /* font-weight: 400; */
      margin-bottom: 8px;
  }
    
  .accounting-india .in-feature-card p {
    font-size: 14px;
    line-height: 1.5;
    /* color: var(--in-muted); */
    margin: 0;
}
    
    .accounting-india .in-feature-icon {
      width: 42px;
      height: 42px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      color: #087e55;
      background: #e2ffef;
      font-size: 18px;
      margin-bottom: 15px;
  }
    
    
    /* GST / E-INVOICE / EWAY */
    
    .accounting-india .in-compliance {
      /* background: linear-gradient(135deg, #f1efff, #fff 50%, #eef5ff); */
      overflow: hidden;
      border: 1px solid #e3e5ed;
    }
    
    /* .accounting-india .in-compliance::before {
      content: "GST";
      position: absolute;
      right: -20px;
      top: 30px;
      font: 800 230px "Plus Jakarta Sans";
      color: rgb(241 252 247);
  } */
    
    .accounting-india .in-chip-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 9px;
      margin-top: 25px;
    }
    
    .accounting-india .in-chip {
      background: #fff;
      border: 1px solid #e9e7f3;
      border-radius: 999px;
      padding: 9px 13px;
      font-size: 14px;
      font-weight: 400;
      box-shadow: 0 7px 18px rgba(50, 45, 120, 0.04);
  }
    
    .accounting-india .in-workflow {
      background: #fff;
      border: 1px solid #e9e8f2;
      border-radius: 24px;
      padding: 25px;
      /* box-shadow: var(--in-shadow); */
    }
    
    .accounting-india .in-flow-row {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 13px;
      border: 1px solid #eeeef5;
      border-radius: 14px;
      margin-bottom: 9px;
    }
    
    .accounting-india .in-flow-row:last-child {
      margin-bottom: 0;
    }
    
    .accounting-india .in-flow-num {
      width: 30px;
      height: 30px;
      display: grid;
      place-items: center;
      border-radius: 9px;
      background: #eeebff;
      color: #00b779;
      font-weight: 800;
      font-size: 10px;
      background: #dbf7ee;
  }
    
    .accounting-india .in-flow-row strong {
      font-size: 13px;
    }
    
    .accounting-india .in-flow-row span {
      margin-left: auto;
      font-size: 10px;
      color: #00b779;
      background: #e0fff5;
      padding: 4px 7px;
      border-radius: 99px;
      font-weight: 800;
  }
    
    
    /* LIST SECTIONS */
    
    .accounting-india .in-list-section {
      background: #fff;
    }
    
    .accounting-india .in-list-box {
      padding: 30px;
      border: 1px solid #e3e5ed;
      border-radius: 24px;
      /* background: #fafaff; */
  }
    
    .accounting-india .in-list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin-top: 25px;
    }
    
    .accounting-india .in-list-item {
      background: #fff;
      border: 1px solid #e3e5ed;
      border-radius: 13px;
      padding: 12px 14px;
      font-size: 15px;
      font-weight: 400;
      display: flex;
      align-items: center;
      gap: 10px;
  }
    
    .accounting-india .in-list-item i {
      color: #00b779;
  }
    
    .accounting-india .in-data-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 35px;
      align-items: center;
    }
    
    
    /* FINANCIAL CONTROL */
    
    .accounting-india .in-control {
      /* background: #faf9ff;*/
      border: 1px solid #e3e5ed; 
    }
    
    .accounting-india .in-control-box {
      border-radius: 28px;
      background: #fff;
      border: 1px solid #e8e7f1;
      padding: 34px;
      /* box-shadow: var(--in-shadow); */
    }
    
    .accounting-india .in-metrics {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 11px;
      margin-top: 25px;
    }
    
    .accounting-india .in-metric {
      padding: 17px;
      border: 1px solid #d7d9d9;
      border-radius: 15px;
      background: #fff;
  }
    
    .accounting-india .in-metric i {
      color: #00b779;
      font-size: 19px;
  }
    
  .accounting-india .in-metric small {
    display: block;
    /* color: #8d8ea0; */
    font-size: 12px;
    margin-top: 10px;
}
    
    .accounting-india .in-metric strong {
      font-size: 17px;
      display: block;
      margin-top: 4px;
      font-weight: 500;
    }
    
    
    /* AUTOMATION */
    
    .accounting-india .in-automation-layout {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 55px;
      align-items: center;
    }
    
    .accounting-india .in-checks {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-top: 25px;
    }
    
    .accounting-india .in-check {
      padding: 13px;
      border: 1px solid #ecebf4;
      border-radius: 13px;
      font-size: 14px;
      font-weight: 500;
  }
    
    .accounting-india .in-check i {
      color: #00b779;
      margin-right: 7px;
  }
    
    .accounting-india .in-smart {
      padding: 24px;
      border-radius: 24px;
      /* background: #f8f7ff; */
      border: 1px solid #e8e6f4;
  }
    
    .accounting-india .in-smart-step {
      background: #fff;
      border: 1px solid #ecebf4;
      border-radius: 14px;
      padding: 15px;
      margin-bottom: 10px;
    }
    
    .accounting-india .in-smart-step:last-child {
      margin: 0;
    }
    
    .accounting-india .in-smart-step strong {
      font-size: 13px;
    }
    
    .accounting-india .in-smart-step span {
      float: right;
      font-size: 12px;
      color: #00b779;
      background: #f1fcf7;
      padding: 4px 7px;
      border-radius: 99px;
  }
    
    
    /* INDIA */
    
    .accounting-india .in-india {
      /* background: linear-gradient(135deg, #f5f3ff, #fff, #fff8f0); */
      border: 1px solid #e3e5ed;
    }
    
    .accounting-india .in-india-card {
      height: 100%;
      padding: 26px;
      background: rgba(255, 255, 255, 0.85);
      border: 1px solid rgba(102, 84, 246, 0.12);
      border-radius: 20px;
      box-shadow: 0 15px 45px rgba(66, 56, 143, 0.06);
    }
    
    .accounting-india .in-india-card h4 {
      font-size: 19px;
      font-weight: 400;
  }
    
  .accounting-india .in-india-card p {
    font-size: 14px;
    line-height: 1.7;
    /* color: var(--in-muted); */
    margin: 0;
}
    
.accounting-india .in-india-num {
  width: 31px;
  height: 31px;
  border-radius: 9px;
  background: #f1fcf7;
  color: #00b779;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 16px;
}
    
    
    /* WHO */
    
    .accounting-india .in-who {
      background: #fdfdfd;
    }
    
    .accounting-india .in-who-card {
      text-align: center;
      height: 100%;
      padding: 22px;
      border: 1px solid #e9e8f2;
      background: #fff;
      border-radius: 18px;
    }
    
    .accounting-india .in-who-card i {
      font-size: 25px;
      color: #00b578;
  }
    
  .accounting-india .in-who-card h5 {
    font-size: 14px;
    font-weight: 500;
    margin: 12px 0 0;
}
    
    
    /* CTA */
    
    .accounting-india .in-cta {
      padding: 105px 0;
      /* background: linear-gradient(
        135deg,
        #100e31,
        #29216e 52%,
        #101738
      ); */
      color: #fff;
      position: relative;
      overflow: hidden;
      border-top: 1px solid #e3e5ed;
    }
    
    .accounting-india .in-cta::before,
    .accounting-india .in-cta::after {
      content: "";
      position: absolute;
      border: 1px solid rgba(255, 255, 255, 0.08);
      border-radius: 50%;
    }
    
    .accounting-india .in-cta::before {
      width: 500px;
      height: 500px;
      left: -270px;
      top: -250px;
    }
    
    .accounting-india .in-cta::after {
      width: 620px;
      height: 620px;
      right: -330px;
      bottom: -370px;
    }
    
    .accounting-india .in-cta-inner {
      position: relative;
      z-index: 2;
    }
    
    .accounting-india .in-cta h2 {
      font-size: 42px;
      font-weight: 400;
      margin: 15px auto;
      max-width: 820px;
  }
    
    .accounting-india .in-cta p {
      max-width: 700px;
      margin: 0 auto 28px;
      /* color: #c7c4de; */
      line-height: 1.5;
  }
    
  .accounting-india .in-cta .in-kicker {
    background: rgb(241 252 247);
    border-color: rgb(0 184 130);
    /* color: #c0b8ff; */
}
    
    .accounting-india .in-actions {
      display: flex;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
    }
    
    
    /* FOOTER */
    
    .accounting-india .in-footer {
      background: #09081e;
      color: #fff;
      padding: 62px 0 28px;
    }
    
    .accounting-india .in-footer p {
      max-width: 370px;
      color: #9998aa;
      font-size: 11px;
      line-height: 1.8;
    }
    
    .accounting-india .in-footer h6 {
      font-size: 11px;
      margin-bottom: 15px;
    }
    
    .accounting-india .in-footer a {
      display: block;
      color: #9998aa;
      font-size: 10px;
      margin: 8px 0;
    }
    
    .accounting-india .in-footer a:hover {
      color: #fff;
    }
    
    .accounting-india .in-footer-bottom {
      border-top: 1px solid rgba(255, 255, 255, 0.08);
      margin-top: 42px;
      padding-top: 19px;
      color: #77768a;
      font-size: 9px;
      display: flex;
      justify-content: space-between;
      gap: 15px;
      flex-wrap: wrap;
    }
    
    
    /* TABLET */
    
    @media (max-width: 991px) {
      .accounting-india .in-nav-links {
        display: none;
      }
    
      .accounting-india .in-hero {
        min-height: auto;
        padding-top: 125px;
      }
    
      .accounting-india .in-dashboard {
        margin: 45px auto 0;
        transform: none;
      }
    
      .accounting-india .in-data-grid,
      .accounting-india .in-automation-layout {
        grid-template-columns: 1fr;
        gap: 30px;
      }
    }
    
    
    /* MOBILE */
    
    @media (max-width: 767px) {
      .accounting-india .in-section {
        padding: 75px 0;
      }
    
      .accounting-india .in-hero {
        padding-bottom: 60px;
      }
    
      .accounting-india .in-hero h1 {
        font-size: 45px;
      }
    
      .accounting-india .in-dash-body {
        grid-template-columns: 95px 1fr;
      }
    
      .accounting-india .in-sidebar {
        padding: 12px 6px;
      }
    
      .accounting-india .in-side-item {
        font-size: 8px;
        padding: 8px 4px;
      }
    
      .accounting-india .in-main {
        padding: 12px;
      }
    
      .accounting-india .in-chart {
        display: none;
      }
    
      .accounting-india .in-stat-grid {
        grid-template-columns: 1fr;
      }
    
      .accounting-india .in-list,
      .accounting-india .in-metrics {
        grid-template-columns: 1fr 1fr;
      }
    
      .accounting-india .in-ai-banner {
        flex-direction: column;
        align-items: flex-start;
      }
    
      .accounting-india .in-checks {
        grid-template-columns: 1fr;
      }
    }
    
    
    /* SMALL MOBILE */
    
    @media (max-width: 480px) {
      .accounting-india .in-list,
      .accounting-india .in-metrics {
        grid-template-columns: 1fr;
      }
    
      .accounting-india .in-hero h1 {
        font-size: 39px;
      }
    
      .accounting-india .in-btn {
        width: 100%;
      }
    
      .accounting-india .in-hero .d-flex {
        flex-direction: column;
      }
    }

#finance{
  border-top: 1px solid #e3e5ed;
}

.img-fluid-1 {
  max-width: 122%;
  height: auto;
}

































:root{
  --acc-primary:#6654f6;
  --acc-primary-dark:#4736d8;
  --acc-purple:#8e7cff;
  --acc-ink:#11142a;
  --acc-muted:#6e7186;
  --acc-line:#e9e9f4;
  --acc-soft:#f7f7ff;
  --acc-dark:#0b0a25;
  --acc-green:#26c281;
  --acc-blue:#3f8cff;
  --acc-orange:#ffad4d;
  --acc-radius:24px;
  --acc-shadow:0 20px 60px rgba(45,38,120,.11);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--acc-ink);
  background:#fff;
  /* font-family:"DM Sans",sans-serif; */
  overflow-x:hidden;
}
/* h1,h2,h3,h4,h5,h6{
  font-family:"Plus Jakarta Sans",sans-serif;
  letter-spacing:-.035em;
} */
a{text-decoration:none}
/* .acc-container{max-width:1180px} */
.acc-section{padding:105px 0;position:relative; border-top: 1px solid #e3e5ed;}
.acc-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  border: 1px solid #d5efe4;
  background: #eefff9;
  color: #00b779;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.acc-gradient-text{
  /* background:linear-gradient(90deg,#4b39df,#7a68ff 55%,#5d7cff); */
  -webkit-background-clip:text;
  background-clip:text;
  color:#2bb673;
}
.acc-section-title {
  /* font-size: clamp(32px, 4vw, 54px); */
  line-height: 1.08;
  font-weight: 400;
  margin: 15px 0 14px;
}
.acc-section-lead {
  max-width: 690px;
  margin: 0 auto;
  /* color: var(--acc-muted); */
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.5px;
}

/* NAV */
.acc-nav{
  position:absolute;
  z-index:20;
  left:0;right:0;top:0;
  padding:18px 0;
}
.acc-brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-weight:800;
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:18px;
}
.acc-brand-mark{
  width:36px;height:36px;border-radius:11px;
  display:grid;place-items:center;
  color:#fff;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px rgba(255,255,255,.2);
}
.acc-nav-links a{
  color:rgba(255,255,255,.78);
  font-size:13px;
  margin:0 11px;
  transition:.2s;
}
.acc-nav-links a:hover{color:#fff}
.acc-nav-btn{
  border-radius:999px;
  padding:10px 17px;
  font-size:12px;
  font-weight:700;
  color:#211b58;
  background:#fff;
}

/* HERO */
.acc-hero {
  min-height: 780px;
  padding: 200px 0 80px;
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 12% 15%, rgba(24, 182, 122, .13), transparent 28%), radial-gradient(circle at 91% 25%, rgba(89, 204, 166, .12), transparent 25% 25%), linear-gradient(180deg, #f9fffc 0%, #fff 100%);
  /* background: radial-gradient(circle at 12% 18%, rgba(255, 255, 255, .88) 0 9%, transparent 10%), radial-gradient(circle at 86% 16%, rgba(151, 132, 255, .32), transparent 24%), linear-gradient(135deg, #eeeaff 0%, #f8f7ff 45%, #e4ddff 100%); */
}
.acc-hero:before {
  content: "";
  position: absolute;
  width: 720px;
  height: 720px;
  right: -250px;
  top: 120px;
  border-radius: 50%;
  /* background: radial-gradient(circle, rgba(123, 103, 255, .27), rgba(123, 103, 255, 0) 68%); */
  /* filter: blur(5px); */
}
.acc-hero:after{
  content:"";
  position:absolute;
  width:550px;height:550px;
  left:-240px;bottom:-300px;
  /* border:1px solid rgba(112,94,235,.15); */
  border-radius:50%;
  /* box-shadow:0 0 0 80px rgba(112,94,235,.035),0 0 0 160px rgba(112,94,235,.025); */
}
.acc-hero-copy{position:relative;z-index:3}
.acc-hero h1{
  font-size:clamp(45px,6vw,76px);
  line-height:.99;
  font-weight:800;
  max-width:650px;
  margin:18px 0;
}

.acc-hero h1 {
  font-size: 54px;
  /* line-height: .99; */
  font-weight: 400;
  /* max-width: 650px; */
  margin: 18px 0;
  line-height: normal;
}
.acc-hero h3 {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 400;
  max-width: 560px;
  margin-bottom: 16px;
}
.acc-hero p {
  /* color: #676a7e; */
  max-width: 610px;
  line-height: 30px;
  font-size: 16px;
}
.acc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:0;
  border-radius:999px;
  padding:14px 21px;
  font-weight:800;
  font-size:13px;
  transition:.25s ease;
}
.acc-btn-primary {
  color: #fff;
  background: #00b779;
  /* box-shadow: 0 13px 30px rgba(88, 67, 225, .27); */
}
.acc-btn-primary:hover{color:#fff;transform:translateY(-2px);}
.acc-btn-light {
  color: #fff;
  background: #00b77d;
  border: 1px solid #e7f7f0;
}
.acc-btn-light:hover {
  color: #fff;
  transform: translateY(-2px);
}
.acc-trust{
  display:flex;flex-wrap:wrap;gap:9px;
  margin-top:25px;
}
.acc-trust span{
  font-size:11px;font-weight:700;color:#65677b;
  padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.72);
  border:1px solid rgba(113,100,201,.12);
}
.acc-trust span {
  font-size: 11px;
  font-weight: 500;
  color: #000000;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgb(244 251 249);
  border: 1px solid rgba(113, 100, 201, .12);
}

/* DASHBOARD MOCKUP */
.acc-dashboard-wrap{position:relative;z-index:3;margin-top:40px}
.acc-dashboard {
  position: relative;
  width: min(600px, 100%);
  margin-left: auto;
  background: #fff;
  border: 1px solid #ecebf5;
  border-radius: 22px;
  /* box-shadow: 0 35px 80px rgba(63, 50, 151, .2); */
  overflow: hidden;
  transform: rotate(1deg);
}
.acc-dash-top{
  height:45px;padding:0 14px;display:flex;align-items:center;gap:6px;
  border-bottom:1px solid #eeeef5;
}
.acc-dot{width:7px;height:7px;border-radius:50%;background:#ddd}
.acc-dash-body{display:grid;grid-template-columns:150px 1fr;min-height:370px}
.acc-side {
  padding: 18px 12px;
  border-right: 1px solid #eeeef5;
  background: #fff;
}
.acc-side-item{
  padding:9px 10px;border-radius:9px;font-size:10px;color:#74758a;margin-bottom:3px;
}

.acc-side-item {
  padding: 9px 10px;
  border-radius: 9px;
  font-size: 11px;
  color: #000000;
  margin-bottom: 3px;
}

.acc-side-item.active {
  background: #ecfff9;
  color: #00b779;
  font-weight: 500;
}
.acc-side-item i{margin-right:7px}
.acc-main{padding:20px}
.acc-dash-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.acc-dash-heading strong{font-size:17px}
.acc-small{font-size:11px;}
.acc-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.acc-stat{
  border:1px solid #eeeef4;border-radius:13px;padding:13px;background:#fff;
}
.acc-stat span{font-size:11px;color:#000}
.acc-stat strong {
  display: block;
  font-size: 14px;
  margin-top: 5px;
}
.acc-chart{
  margin-top:12px;padding:16px;border:1px solid #eeeef4;border-radius:14px;
  background:linear-gradient(180deg,#fff,#fafaff);
}
.acc-bars{height:150px;display:flex;align-items:end;gap:10px;padding:10px 4px 0}
.acc-bar {
  flex: 1;
  border-radius: 6px 6px 2px 2px;
  background: #00b779;
  min-height: 20px;
}
.acc-bar:nth-child(1){height:35%}.acc-bar:nth-child(2){height:55%}.acc-bar:nth-child(3){height:43%}
.acc-bar:nth-child(4){height:72%}.acc-bar:nth-child(5){height:61%}.acc-bar:nth-child(6){height:90%}
.acc-bar:nth-child(7){height:77%}.acc-bar:nth-child(8){height:96%}
.acc-mini-table{margin-top:12px;border:1px solid #eeeef4;border-radius:14px;overflow:hidden}
.acc-row {
    display: grid;
    grid-template-columns: 1.5fr .7fr .7fr;
    padding: 10px 12px;
    font-size: 11px;
    border-bottom: 1px solid #f0f0f6;
}
.acc-row:last-child{border:0}
.acc-pill {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 99px;
    background: #eafaf3;
    color: #00b779;
    font-weight: 500;
}

/* LOGO/SCROLL STRIP */
.acc-strip{
  padding:18px 0;border-bottom:1px solid #f0eff7;background:#fff;
}
.acc-strip-inner{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.acc-strip-item {
  padding: 8px 14px;
  border-radius: 999px;
  background: #f3fbf9;
  /* color: #7a7a8b; */
  font-size: 11px;
  font-weight: 500;
}

/* AI */
/* .acc-ai{
  background:
    radial-gradient(circle at 20% 30%,rgba(113,92,255,.18),transparent 25%),
    radial-gradient(circle at 88% 65%,rgba(93,130,255,.12),transparent 25%),
    #f9f8ff;
} */
.acc-feature-grid{margin-top:48px}
.acc-feature-card{
  height:100%;
  padding:24px;
  background:#fff;
  border:1px solid #ebeaf5;
  border-radius:18px;
  box-shadow:0 12px 35px rgba(48,43,112,.05);
  transition:.25s;
}
.acc-feature-card:hover{transform:translateY(-5px);box-shadow:var(--acc-shadow)}
.acc-icon{
  width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
  color:#00b779;background:#eeebff;font-size:20px;margin-bottom:18px;
}

.acc-icon {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  color: #00b779;
  background: #ecfff9;
  font-size: 20px;
  margin-bottom: 18px;
}
.acc-feature-card h4 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 8px;
}
.acc-feature-card p {
  font-size: 15px;
  line-height: 1.7;
  /* color: var(--acc-muted); */
  margin: 0;
}
.acc-ai-bottom {
  margin-top: 45px;
  padding: 30px 34px;
  border-radius: 22px;
  background: #00b779;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  /* box-shadow: 0 25px 55px rgba(30, 24, 95, .22); */
}
.acc-ai-bottom strong {
  font-size: 19px;
  font-weight: 400;
}
.acc-ai-bottom p {
  margin: 5px 0 0;
  color: #ffffff;
  font-size: 13px;
}

/* PLATFORM */
.acc-platform .acc-section-lead{margin-bottom:55px}
.acc-platform-card{
  padding:25px;border:1px solid #ebeaf3;border-radius:20px;height:100%;
  background:#fff;position:relative;overflow:hidden;transition:.25s;
}
.acc-platform-card:hover{border-color:#cce9dc;transform:translateY(-4px);}
.acc-platform-card:after {
  content: "";
  position: absolute;
  width: 90px;
  height: 90px;
  right: -45px;
  bottom: -45px;
  border-radius: 50%;
  background: #eefbf5;
}
.acc-platform-card h4{font-size: 19px;margin-bottom:8px}
.acc-platform-card p {
  font-size: 14px;
  line-height: 1.5;
  /* color: var(--acc-muted); */
  margin: 0;
}
.acc-platform-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: #eafff9;
  color: #00b779;
  font-size: 19px;
  margin-bottom: 16px;
}
.acc-view-all{text-align:center;margin-top:45px}

/* UAE */
.acc-uae{
  /* background:linear-gradient(135deg,#f1efff 0%,#fff 45%,#eef5ff 100%); */
  overflow:hidden;
  border:1px solid #e3e5ed;
}
.acc-uae:before {
  content: "AED";
  position: absolute;
  right: -35px;
  top: 60px;
  font-family: "Plus Jakarta Sans";
  font-size: 220px;
  font-weight: 800;
  color: rgb(246 253 251);
}
.acc-uae-card {
  background: rgba(255, 255, 255, .82);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(102, 84, 246, .12);
  border-radius: 20px;
  padding: 27px;
  height: 100%;
  box-shadow: 0 16px 50px rgb(246 255 253);
}
.acc-uae-card h4 {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 9px;
}
.acc-uae-card p {
  font-size: 15px;
  line-height: 1.75;
  /* color: var(--acc-muted); */
  margin: 0;
}
.acc-uae-num {
  font-size: 13px;
  font-weight: 500;
  color: #009c67;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #e8fff9;
  margin-bottom: 17px;
}

/* VISIBILITY */
.acc-visibility-shell{
  padding:40px;border-radius:28px;border:1px solid #e3e5ed;
}
.acc-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}
.acc-metric{
  background:#fff;border:1px solid #ecebf4;border-radius:17px;padding:20px;
  position:relative;overflow:hidden;
}
.acc-metric small {
  font-size: 12px;
  /* color: #8c8d9e; */
  font-weight: 400;
}
.acc-metric strong {
  display: block;
  font-size: 17px;
  margin-top: 7px;
  font-weight: 500;
}


.acc-metric i {
  position: absolute;
  right: 17px;
  top: 18px;
  font-size: 21px;
  color: #00b779;
}
.acc-progress{height:6px;background:#eeeef7;border-radius:99px;margin-top:17px;overflow:hidden}
.acc-progress span {
  display: block;
  height: 100%;
  width: 74%;
  border-radius: 99px;
  background: #00b779;
}

/* AUTOMATION */
.acc-automation{background:#fff; border:1px solid #e3e5ed;}
.acc-automation-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.acc-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}
.acc-check {
  padding: 14px 15px;
  border: 1px solid #eeeef5;
  border-radius: 14px;
  background: #fff;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 9px;
}


.acc-check i {
  color: #00b779;
}
.acc-flow {
  padding: 25px;
  /* background: #f9f8ff; */
  border: 1px solid #e8e6f6;
  border-radius: 25px;
  /* box-shadow: var(--acc-shadow); */
}
.acc-flow-box{padding:16px;background:#fff;border:1px solid #ecebf5;border-radius:15px;margin-bottom:12px}
.acc-flow-box span {
  float: right;
  font-size: 11px;
  color: #00b779;
  background: #ecfff9;
  padding: 4px 7px;
  border-radius: 99px;
}
.acc-flow-box strong {
  font-size: 13px;
  font-weight: 400;
}
.acc-flow-box span {
  float: right;
  font-size: 11px;
  color: #00b779;
  background: #ecfff9;
  padding: 4px 7px;
  border-radius: 99px;
}

/* GROW */
.acc-grow-grid{margin-top:48px}
.acc-grow-card{
  padding:22px;border:1px solid #ecebf4;border-radius:18px;background:#fff;text-align:center;height:100%;
}
.acc-grow-card i {
  font-size: 23px;
  color: #00a66e;
}
.acc-grow-card h5 {
  font-size: 15px;
  margin: 13px 0 0;
  font-weight: 400;
}

/* WHY */
.acc-why{ border:1px solid #e3e5ed;}
.acc-why-card{
  padding:30px;background:#fff;border:1px solid #e9e8f2;border-radius:20px;height:100%;
  transition:.25s
}
.acc-why-card:hover{transform:translateY(-4px)}
.acc-why-card .acc-icon{margin-bottom:20px}
.acc-why-card h4{font-size:17px}
.acc-why-card p{font-size:15px;line-height:1.75;margin:0}

/* CTA */
.acc-cta{
  padding:105px 0;
  /* background:linear-gradient(135deg,#100e32 0%,#29216d 50%,#101638 100%); */
  position:relative;overflow:hidden;color:#fff;
  border-top:1px solid #e3e5ed;
}
.acc-cta:before,.acc-cta:after{
  content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;
}
.acc-cta:before{width:500px;height:500px;left:-260px;top:-230px}
.acc-cta:after{width:620px;height:620px;right:-320px;bottom:-360px}
.acc-cta-inner{position:relative;z-index:2}
.acc-cta h2 {
  font-size: 42px;
  font-weight: 400;
  max-width: 820px;
  margin: 15px auto;
}
.acc-cta p{max-width:700px;margin:0 auto 28px;line-height:1.8}
.acc-cta .acc-kicker {
  background: rgb(236 255 249);
  /* color: #bdb5ff; */
  border-color: rgba(255, 255, 255, .13);
}
.acc-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* FOOTER */
.acc-footer{background:#09081e;color:#fff;padding:65px 0 30px}
.acc-footer p{color:#9695a9;font-size:12px;line-height:1.8;max-width:360px}
.acc-footer h6{font-size:12px;margin-bottom:17px;color:#fff}
.acc-footer a{display:block;color:#9998ab;font-size:11px;margin:8px 0}
.acc-footer a:hover{color:#fff}
.acc-footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);margin-top:45px;padding-top:20px;
  color:#77768b;font-size:10px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap
}

/* REVEAL */
.acc-reveal{opacity:0;transform:translateY(22px);transition:.7s ease}
.acc-reveal.acc-show{opacity:1;transform:none}

@media(max-width:991px){
  .acc-nav-links{display:none}
  .acc-hero{min-height:auto;padding-top:125px}
  .acc-dashboard{margin:45px auto 0;transform:none}
  .acc-automation-layout{grid-template-columns:1fr;gap:35px}
}
@media(max-width:767px){
  .acc-section{padding:75px 0}
  .acc-hero{padding-bottom:55px}
  .acc-hero h1{font-size:45px}
  .acc-hero h3{font-size:17px}
  .acc-dash-body{grid-template-columns:95px 1fr}
  .acc-main{padding:12px}
  .acc-side{padding:12px 7px}
  .acc-side-item{font-size:8px;padding:8px 5px}
  .acc-stat-grid{grid-template-columns:1fr}
  .acc-chart{display:none}
  .acc-ai-bottom{align-items:flex-start;flex-direction:column;padding:25px}
  .acc-metric-grid{grid-template-columns:1fr 1fr}
  .acc-checks{grid-template-columns:1fr}
  .acc-visibility-shell{padding:20px}
}
@media(max-width:480px){
  .acc-metric-grid{grid-template-columns:1fr}
  .acc-hero h1{font-size:39px}
  .acc-btn{width:100%}
  .acc-hero .d-flex{flex-direction:column}
}











































/*Accounting India Pricing Page*/
:root{
  --accounting-green:#08b783;
  --accounting-green-dark:#049d70;
  --accounting-soft:#eafff7;
  --accounting-text:#20262d;
  --accounting-muted:#707983;
  --accounting-border:#e3e8ec;
  --accounting-bg:#fbfcfd;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  /* font-family:"DM Sans",Arial,sans-serif; */
  color:var(--accounting-text);
  background:
    radial-gradient(circle at 50% 8%, rgba(8,183,131,.075), transparent 27%),
    linear-gradient(180deg,#fff 0%,var(--accounting-bg) 58%,#fff 100%);
  line-height:1.65;
  font-size:14px;
}


/* =========================================
   ACCOUNTING PRICING
========================================= */

.accounting-pricing{
  overflow:hidden;
}

.accounting-pricing a{
  text-decoration:none;
  color:inherit;
}

.accounting-pricing .pricing-container{
  width:min(1150px,calc(100% - 40px));
  margin:0 auto;
}


/* =========================================
   HERO
========================================= */

.accounting-pricing .pricing-hero{
  text-align:center;
  padding:250px 0 42px;
}

.accounting-pricing .pricing-eyebrow{
  display:inline-block;
  color:var(--accounting-green);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:14px;
}

/* .accounting-pricing .pricing-hero h1{
  max-width:760px;
  margin:0 auto 17px;
  font-size:clamp(36px,4vw,54px);
  line-height:1.08;
  font-weight:500;
  letter-spacing:-1.8px;
} */

.accounting-pricing .pricing-hero h1 span{
  color:var(--accounting-green);
}

.accounting-pricing .pricing-intro{
  max-width:700px;
  margin:20px auto;
  /* color:var(--accounting-muted); */
  font-size:15px;
}

.accounting-pricing .trial-points{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:24px;
  margin:25px 0 27px;
}

.accounting-pricing .trial-point{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:600;
}

.accounting-pricing .trial-point::before{
  content:"✓";
  width:19px;
  height:19px;
  border:1px solid #7bdcbd;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--accounting-green);
  font-size:11px;
  font-weight:700;
}


/* =========================================
   BILLING TOGGLE
========================================= */

.accounting-pricing .billing-toggle{
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:3px;
  background:#fff;
  border:2px solid var(--accounting-green);
  border-radius:30px;
  box-shadow:0 7px 20px rgba(8,183,131,.13);
}

.accounting-pricing .billing-toggle button{
  border:0;
  background:transparent;
  padding:7px 16px;
  border-radius:22px;
  font:600 11px "DM Sans",sans-serif;
  color:#3b444d;
}

.accounting-pricing .billing-toggle button.active{
  background:var(--accounting-green);
  color:#fff;
}


/* =========================================
   PRICING CARDS
========================================= */

.accounting-pricing .pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  align-items:stretch;
  padding:14px 0 0;
}

.accounting-pricing .plan-card{
  position:relative;
  background:#fff;
  border:1px solid var(--accounting-border);
  border-radius:14px;
  padding:28px 24px 25px;
  box-shadow:0 12px 30px rgba(30,55,70,.045);
  display:flex;
  flex-direction:column;
}

.accounting-pricing .plan-card.popular{
  border:1.5px solid #222d35;
  box-shadow:0 15px 34px rgba(20,40,50,.07);
  transform:translateY(-5px);
}

.accounting-pricing .popular-label{
  position:absolute;
  top:-11px;
  left:50%;
  transform:translateX(-50%);
  padding:4px 13px;
  border-radius:20px;
  background:var(--accounting-green);
  color:#fff;
  font-size:8px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  text-transform:uppercase;
}

.accounting-pricing .plan-name{
  margin:0 0 3px;
  font-size:18px;
  font-weight:600;
  letter-spacing:-.2px;
}

.accounting-pricing .plan-audience{
  min-height:25px;
  margin:0 0 18px;
  color:var(--accounting-muted);
  font-size:12px;
  font-weight:500;
  text-transform:uppercase;
}

.accounting-pricing .plan-price{
  margin:0;
  font-size:32px;
  line-height:1.15;
  letter-spacing:-1px;
  font-weight:600;
}

.accounting-pricing .plan-price small{
  font-size:12px;
  letter-spacing:0;
  color:var(--accounting-muted);
  font-weight:400;
}

.accounting-pricing .plan-trial{
  margin:8px 0 10px;
  color:#303940;
  font-size:12px;
  font-weight:600;
}

.accounting-pricing .plan-description{
  min-height:63px;
  margin:0 0 18px;
  color:var(--accounting-muted);
  font-size:12px;
  line-height:1.55;
}

.accounting-pricing .plan-includes-title{
  margin:0 0 10px;
  padding-top:16px;
  border-top:1px solid #edf0f2;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.accounting-pricing .feature-list{
  list-style:none;
  padding:0;
  margin:0;
  flex:1;
}

.accounting-pricing .feature-list li{
  position:relative;
  padding-left:19px;
  margin-bottom:7px;
  color:#5e6871;
  font-size:11.5px;
  line-height:1.4;
}

.accounting-pricing .feature-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  width:13px;
  height:13px;
  border-radius:50%;
  background:var(--accounting-soft);
  color:var(--accounting-green);
  font-size:8px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
}

.accounting-pricing .plan-button{
  display:block;
  width:100%;
  margin-top:17px;
  padding:11px 14px;
  border:0;
  border-radius:6px;
  background:var(--accounting-green);
  color:#fff;
  text-align:center;
  font-size:11px;
  font-weight:700;
  transition:.2s ease;
}

.accounting-pricing .plan-button:hover{
  background:var(--accounting-green-dark);
  color:#fff;
  transform:translateY(-1px);
}


/* =========================================
   COMPARISON
========================================= */

.accounting-pricing .comparison-section{
  padding:78px 0 40px;
}

.accounting-pricing .section-heading{
  text-align:center;
  max-width:720px;
  margin:0 auto 34px;
}

.accounting-pricing .section-heading .eyebrow{
  color:var(--accounting-green);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.accounting-pricing .section-heading h2{
  margin:0 0 9px;
  font-size:31px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:-.7px;
}

.accounting-pricing .section-heading p{
  margin:0;
  color:var(--accounting-muted);
  font-size:13px;
}

.accounting-pricing .comparison-wrap{
  background:#fff;
  border:1px solid var(--accounting-border);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(30,55,70,.04);
}

.accounting-pricing .comparison-scroll{
  overflow-x:auto;
}

.accounting-pricing .comparison-table{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  margin:0;
}

.accounting-pricing .comparison-table th,
.accounting-pricing .comparison-table td{
  padding:13px 17px;
  border-bottom:1px solid #edf0f2;
  font-size:12px;
  white-space:nowrap;
}

.accounting-pricing .comparison-table thead th{
  background:#fbfcfd;
  color:#313940;
  font-weight:700;
  text-align:center;
}

.accounting-pricing .comparison-table thead th:first-child,
.accounting-pricing .comparison-table tbody td:first-child{
  text-align:left;
  position:sticky;
  left:0;
  z-index:1;
  background:#fff;
}

.accounting-pricing .comparison-table thead th:first-child{
  background:#fbfcfd;
  z-index:2;
}

.accounting-pricing .comparison-table tbody td:not(:first-child){
  text-align:center;
}

.accounting-pricing .comparison-table tbody tr:last-child td{
  border-bottom:0;
}

.accounting-pricing .check{
  color:var(--accounting-green);
  font-weight:800;
  font-size:14px;
}

.accounting-pricing .dash{
  color:#b2bac0;
}


/* =========================================
   INDIA FIRST
========================================= */

.accounting-pricing .india-section{
  padding:70px 0;
}

.accounting-pricing .india-header{
  text-align:center;
  margin-bottom:30px;
}

.accounting-pricing .india-header h2{
  max-width:700px;
  margin:0 auto;
  font-size:32px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:-.7px;
}

.accounting-pricing .india-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.accounting-pricing .india-item{
  position:relative;
  padding:28px 24px;
  background:#fff;
  border-bottom:1px solid var(--accounting-border);
}

.accounting-pricing .india-item::before{
  content:"";
  position:absolute;
  left:24px;
  top:0;
  width:34px;
  height:2px;
  background:var(--accounting-green);
}

.accounting-pricing .india-item h3{
  margin:0 0 8px;
  font-size:16px;
  font-weight:600;
}

.accounting-pricing .india-item p{
  margin:0;
  color:var(--accounting-muted);
  font-size:12px;
  line-height:1.6;
}


/* =========================================
   FREE TRIAL
========================================= */

.accounting-pricing .trial-section{
  padding:28px 0 78px;
}

.accounting-pricing .trial-box{
  position:relative;
  padding:54px 40px;
  border-radius:18px;
  background:#f0fff9;
  border:1px solid #d8f5e9;
  text-align:center;
  overflow:hidden;
}

.accounting-pricing .trial-box::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  border:1px solid rgba(8,183,131,.13);
  right:-100px;
  top:-120px;
}

.accounting-pricing .trial-box h2{
  margin:0 0 9px;
  font-size:31px;
  font-weight:500;
  letter-spacing:-.7px;
}

.accounting-pricing .trial-box > p{
  margin:0 auto 25px;
  color:var(--accounting-muted);
  font-size:13px;
}

.accounting-pricing .explore-title{
  margin:0 0 10px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.accounting-pricing .explore-list{
  list-style:none;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px 20px;
  padding:0;
  margin:0 0 25px;
}

.accounting-pricing .explore-list li{
  color:#59636b;
  font-size:12px;
}

.accounting-pricing .explore-list li::before{
  content:"✓";
  color:var(--accounting-green);
  font-weight:800;
  margin-right:6px;
}


/* =========================================
   FAQ
========================================= */

.accounting-pricing .faq-section{
  padding:30px 0 80px;
}

.accounting-pricing .faq-layout{
  display:grid;
  grid-template-columns:.8fr 1.5fr;
  gap:60px;
  align-items:start;
}

.accounting-pricing .faq-intro h2{
  margin:0;
  font-size:32px;
  line-height:1.18;
  font-weight:500;
  letter-spacing:-.7px;
}

.accounting-pricing .faq-list{
  border-top:1px solid var(--accounting-border);
}

.accounting-pricing .faq-item{
  border-bottom:1px solid var(--accounting-border);
}

.accounting-pricing .faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:18px 38px 18px 0;
  position:relative;
  font-size:14px;
  font-weight:600;
}

.accounting-pricing .faq-item summary::-webkit-details-marker{
  display:none;
}

.accounting-pricing .faq-item summary::after{
  content:"+";
  position:absolute;
  right:4px;
  top:14px;
  font-size:22px;
  font-weight:400;
  color:var(--accounting-green);
}

.accounting-pricing .faq-item[open] summary::after{
  content:"−";
}

.accounting-pricing .faq-answer{
  padding:0 35px 18px 0;
  color:var(--accounting-muted);
  font-size:12px;
  line-height:1.7;
}


/* =========================================
   FINAL CTA
========================================= */

.accounting-pricing .final-cta{
  padding:30px 0 90px;
  text-align:center;
}

.accounting-pricing .final-cta-inner{
  padding:58px 30px;
  background:#fff;
  border-top:1px solid var(--accounting-border);
  border-bottom:1px solid var(--accounting-border);
}

.accounting-pricing .final-cta h2{
  max-width:700px;
  margin:0 auto 9px;
  font-size:38px;
  line-height:1.15;
  font-weight:500;
  letter-spacing:-1px;
}

.accounting-pricing .final-cta p{
  margin:0 auto 24px;
  color:var(--accounting-muted);
  font-size:13px;
}

.accounting-pricing .cta-buttons{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}

.accounting-pricing .cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:160px;
  padding:12px 22px;
  border-radius:6px;
  background:var(--accounting-green);
  color:#fff;
  font-size:11px;
  font-weight:700;
}

.accounting-pricing .cta-button.secondary{
  background:#fff;
  color:#222;
  border:1px solid #cfd6db;
}

.accounting-pricing .cta-button:hover{
  color:#fff;
  background:var(--accounting-green-dark);
}

.accounting-pricing .cta-button.secondary:hover{
  color:#222;
  background:#f6f8f9;
}


/* =========================================
   TABLET
========================================= */

@media (max-width:991px){

  .accounting-pricing .pricing-grid{
    grid-template-columns:1fr;
    max-width:620px;
    margin:0 auto;
  }

  .accounting-pricing .plan-card.popular{
    transform:none;
  }

  .accounting-pricing .india-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .accounting-pricing .faq-layout{
    grid-template-columns:1fr;
    gap:30px;
  }

}


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

@media (max-width:767px){

  .accounting-pricing .pricing-container{
    width:min(100% - 28px,1150px);
  }

  .accounting-pricing .pricing-hero{
    padding:54px 0 30px;
  }

  .accounting-pricing .pricing-hero h1{
    font-size:38px;
  }

  .accounting-pricing .trial-points{
    gap:11px 18px;
  }

  .accounting-pricing .pricing-grid{
    gap:18px;
  }

  .accounting-pricing .comparison-section,
  .accounting-pricing .india-section,
  .accounting-pricing .faq-section{
    padding-top:55px;
  }

  .accounting-pricing .india-grid{
    grid-template-columns:1fr;
  }

  .accounting-pricing .trial-box{
    padding:42px 22px;
  }

  .accounting-pricing .final-cta h2,
  .accounting-pricing .trial-box h2,
  .accounting-pricing .section-heading h2,
  .accounting-pricing .india-header h2,
  .accounting-pricing .faq-intro h2{
    font-size:28px;
  }

}


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

@media (max-width:480px){

  .accounting-pricing .pricing-hero h1{
    font-size:32px;
    letter-spacing:-1px;
  }

  .accounting-pricing .pricing-intro{
    font-size:13px;
  }

  .accounting-pricing .trial-point{
    font-size:11px;
  }

  .accounting-pricing .plan-card{
    padding:24px 19px;
  }

  .accounting-pricing .plan-price{
    font-size:29px;
  }

  .accounting-pricing .billing-toggle button{
    padding:7px 12px;
  }

  .accounting-pricing .final-cta{
    padding-bottom:60px;
  }

}
/* Accounting India BOOK DEMO Page*/

:root{
  --demo-green:#09b982;
  --demo-green-dark:#069c70;
  --demo-soft:#effbf7;
  --demo-text:#20262c;
  --demo-muted:#737c84;
  --demo-border:#e5e9ec;
  --demo-bg:#fbfcfd;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  /* font-family:"DM Sans",Arial,sans-serif; */
  color:var(--demo-text);
  background:#fff;
  font-size:14px;
  line-height:1.6;
}
a{text-decoration:none;color:inherit}
.demo-page{overflow:hidden}
.demo-container{width:min(1120px,calc(100% - 36px));margin:auto}

/* Header style inspired by reference */
.demo-topbar{
  height:40px;
  border-bottom:1px solid #edf0f2;
  background:#fff;
  display:flex;
  align-items:center;
}
.demo-topbar .demo-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.demo-logo{
  width:31px;height:31px;border-radius:7px;
  display:flex;align-items:center;justify-content:center;
  background:#80d2b5;color:#fff;font-size:12px;font-weight:700;
}
.demo-nav{display:flex;align-items:center;gap:28px;color:#4f585f;font-size:12px}
.demo-nav a{white-space:nowrap}
.demo-nav a:hover{color:var(--demo-green)}
.demo-auth{display:flex;gap:7px}
.demo-auth a{
  background:var(--demo-green);color:#fff;border-radius:5px;
  padding:5px 13px;font-size:10px;font-weight:700;
}

/* Hero */
.demo-hero{
  position:relative;
  padding:220px 0 68px;
  text-align:center;
  background:
    radial-gradient(circle at 8% 12%,rgba(9,185,130,.13),transparent 25%),
    radial-gradient(circle at 94% 8%,rgba(9,185,130,.11),transparent 27%),
    linear-gradient(180deg,#f7fffc 0%,#fff 82%);
}
.demo-hero:before,.demo-hero:after{
  content:"";position:absolute;border:1px solid rgba(9,185,130,.12);
  border-radius:50%;pointer-events:none;
}
.demo-hero:before{width:330px;height:330px;left:-210px;bottom:-180px}
.demo-hero:after{width:260px;height:260px;right:-170px;top:-150px}
.demo-kicker{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 14px;border:1px solid #e1ebe7;border-radius:30px;
  background:#fff;color:var(--demo-green);font-size:10px;font-weight:700;
  box-shadow:0 5px 16px rgba(25,70,55,.05);
  text-transform:uppercase;
}
.demo-kicker:before{content:"";width:5px;height:5px;background:var(--demo-green);border-radius:50%}
.demo-hero h1 {
  max-width: 780px;
  margin: 16px auto 10px;
  font-size: 51px;
  font-weight: 400;
  line-height: 1.02;
  /* letter-spacing: -2px; */
}
.demo-hero h1 span{color:var(--demo-green)}
.demo-hero-intro {
  max-width: 690px;
  margin: 23px auto;
  /* color: var(--demo-muted); */
  font-size: 16px;
}
.hero-highlights{
  display:flex;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:25px;
}
.hero-highlight{
  display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;
}
.hero-highlight i{
  width:32px;height:32px;border-radius:50%;background:var(--demo-soft);
  display:flex;align-items:center;justify-content:center;color:var(--demo-green);
  font-style:normal;font-size:14px;
}

/* Demo booking card */
.booking-section{margin-top:-25px;position:relative;z-index:2;padding-bottom:55px}
.booking-card{
  background:#fff;border:1px solid var(--demo-border);border-radius:17px;
  box-shadow:0 22px 55px rgba(25,48,60,.08);padding:25px;
}
.booking-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:8px}
.booking-copy{padding:8px 28px 15px 8px}
.booking-copy h2{
  margin:0 0 8px;font-size:36px;line-height:1.04;font-weight:500;letter-spacing:-1.2px;
}
.booking-copy h2 span{color:var(--demo-green)}
.booking-copy>p{color:var(--demo-muted);font-size:12px;margin:0 0 22px;max-width:420px}
.booking-form{
  display:grid;grid-template-columns:1fr 1fr;gap:9px;
}
.form-control,.form-select{
  min-height:40px;border:1px solid #e1e6e9;border-radius:6px;
  font-size:11px;color:#6e777e;box-shadow:none!important;
}
.form-control:focus,.form-select:focus{border-color:#8bdcc1}
.booking-form .full{grid-column:1/-1}
.booking-submit{
  grid-column:1/-1;border:0;border-radius:6px;background:var(--demo-green);
  color:#fff;min-height:42px;font-size:11px;font-weight:700;
}
.booking-submit:hover{background:var(--demo-green-dark)}
.privacy{
  text-align:center;color:#9aa2a8;font-size:9px;margin:8px 0 0;
}
.booking-visual{
  min-height:475px;border-radius:12px;background:
    radial-gradient(circle at 72% 15%,rgba(9,185,130,.12),transparent 25%),
    linear-gradient(145deg,#edf9f5,#f7fbfa);
  padding:25px;display:flex;flex-direction:column;justify-content:center;
}
.visual-label{
  color:var(--demo-green);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  margin-bottom:9px;
}
.booking-visual h3{font-size:28px;font-weight:500;line-height:1.15;margin:0 0 10px}
.visual-desc{font-size:12px;color:var(--demo-muted);max-width:390px;margin-bottom:20px}
.visual-points{display:grid;gap:11px}
.visual-point{
  display:flex;gap:10px;align-items:flex-start;padding:11px 13px;
  background:rgba(255,255,255,.8);border:1px solid #e0eee9;border-radius:9px;
}
.visual-check{
  width:24px;height:24px;border:1px solid #65d5b1;color:var(--demo-green);
  border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
}
.visual-point strong{display:block;font-size:11px;margin-bottom:1px}
.visual-point span{font-size:10px;color:#879098}

/* Shared sections */
.content-section{padding:75px 0}
.section-kicker{
  text-align:center;color:var(--demo-green);font-size:10px;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;
}
.section-title{
  text-align:center;font-size:32px;line-height:1.18;font-weight:500;
  letter-spacing:-.8px;margin:0 auto 10px;
}
.section-lead{text-align:center;max-width:650px;margin:0 auto 35px;color:var(--demo-muted);font-size:12px}

/* AI */
.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ai-card{
  padding:25px 22px;background:#fff;border:1px solid var(--demo-border);
  border-radius:12px;position:relative;min-height:155px;
}
.ai-card:before{
  content:"";position:absolute;top:0;left:22px;width:30px;height:2px;background:var(--demo-green)
}
.ai-icon{
  width:35px;height:35px;border-radius:10px;background:var(--demo-soft);
  color:var(--demo-green);display:flex;align-items:center;justify-content:center;
  margin-bottom:15px;font-size:13px;
}
.ai-card h3{font-size:15px;font-weight:600;margin:0 0 6px}
.ai-card p{font-size:11px;color:var(--demo-muted);margin:0}

/* GST */
.workflow-section{background:#f8fbfa}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.workflow-card{
  padding:22px;background:#fff;border-bottom:2px solid #d9eee7;
  min-height:125px;
}
.workflow-card strong{display:block;font-size:14px;margin-bottom:6px}
.workflow-card p{font-size:11px;color:var(--demo-muted);margin:0}

/* Steps */
.step-list{max-width:850px;margin:auto}
.step-row{
  display:grid;grid-template-columns:55px 190px 1fr;gap:18px;align-items:center;
  padding:17px 0;border-bottom:1px solid var(--demo-border);
}
.step-number{
  width:38px;height:38px;border-radius:50%;background:var(--demo-soft);
  color:var(--demo-green);display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;
}
.step-row strong{font-size:13px}
.step-row span{font-size:11px;color:var(--demo-muted)}

/* Accounting cycle */
.cycle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cycle-card{
  padding:22px;border:1px solid var(--demo-border);background:#fff;border-radius:11px;
  display:flex;gap:15px;align-items:flex-start;
}
.cycle-number{
  width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#20262c;color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;
}
.cycle-card h3{font-size:13px;margin:0 0 4px;font-weight:700}
.cycle-card p{font-size:10.5px;color:var(--demo-muted);margin:0}

/* Reporting / business reporting */
.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.report-card{
  padding:21px;background:#fff;border:1px solid var(--demo-border);border-radius:10px;
}
.report-card h3{font-size:13px;margin:0 0 7px}
.report-card p{font-size:10.5px;color:var(--demo-muted);margin:0}

/* Migration */
.migration-box{
  padding:38px;border-radius:15px;background:#f0fff9;border:1px solid #d8f3e9;
  text-align:center;
}
.migration-box h2{font-size:31px;font-weight:500;margin:0 0 8px}
.migration-box>p{font-size:12px;color:var(--demo-muted);margin:0 auto 27px;max-width:630px}
.pills{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.pill{padding:7px 12px;border-radius:30px;background:#fff;border:1px solid #dcece6;font-size:10px}
.migration-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:28px 0 9px}
.format-line{font-size:11px;color:#626c73}

/* Built for India */
.india-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.india-card{padding:22px;border-top:2px solid var(--demo-green);background:#fff;border-radius:0 0 10px 10px}
.india-card h3{font-size:13px;margin:0 0 5px}
.india-card p{font-size:10.5px;color:var(--demo-muted);margin:0}

/* Journey */
.journey-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.journey-card{text-align:center;padding:20px 12px}
.journey-card .num{
  width:38px;height:38px;margin:0 auto 11px;border-radius:50%;background:var(--demo-soft);
  color:var(--demo-green);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;
}
.journey-card h3{font-size:12px;margin:0 0 4px}
.journey-card p{font-size:10px;color:var(--demo-muted);margin:0}

/* Manage */
.manage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.manage-card{
  padding:21px;background:#fff;border:1px solid var(--demo-border);border-radius:11px;
}
.manage-card h3{font-size:13px;margin:0 0 5px}
.manage-card p{font-size:10.5px;color:var(--demo-muted);margin:0}

/* CTA */
.cta-section{padding:70px 0 90px}
.cta-box{
  text-align:center;padding:58px 25px;border-top:1px solid var(--demo-border);
  border-bottom:1px solid var(--demo-border);
}
.cta-box h2{font-size:38px;line-height:1.13;font-weight:500;letter-spacing:-1px;margin:0 0 9px}
.cta-box p{color:var(--demo-muted);font-size:12px;margin:0 0 23px}
.cta-buttons{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.cta-btn{
  display:inline-flex;align-items:center;justify-content:center;min-width:155px;
  padding:11px 20px;border-radius:6px;background:var(--demo-green);color:#fff;font-size:10px;font-weight:700;
}
.cta-btn.secondary{background:#fff;color:#30363b;border:1px solid #d2d9dd}
.cta-btn:hover{background:var(--demo-green-dark);color:#fff}
.cta-btn.secondary:hover{background:#f7f8f8;color:#30363b}



/* Responsive */
@media(max-width:991px){
  .demo-nav{gap:15px}
  .booking-grid{grid-template-columns:1fr}
  .booking-visual{min-height:auto}
  .ai-grid,.workflow-grid{grid-template-columns:repeat(2,1fr)}
  .report-grid,.india-grid,.manage-grid{grid-template-columns:repeat(2,1fr)}
  .journey-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:767px){
  .demo-topbar{height:auto;padding:8px 0}
  .demo-nav{display:none}
  .demo-topbar .demo-container{gap:10px}
  .demo-auth{margin-left:auto}
  .demo-hero{padding:48px 0 55px}
  .demo-hero h1{font-size:37px}
  .hero-highlights{gap:14px}
  .booking-section{margin-top:-15px}
  .booking-card{padding:14px}
  .booking-copy{padding:14px 10px 25px}
  .booking-copy h2{font-size:31px}
  .booking-form{grid-template-columns:1fr}
  .booking-form .full{grid-column:auto}
  .booking-submit{grid-column:auto}
  .ai-grid,.workflow-grid,.cycle-grid,.report-grid,.india-grid,.manage-grid{grid-template-columns:1fr}
  .step-row{grid-template-columns:45px 1fr;gap:12px}
  .step-row span{grid-column:2}
  .journey-grid{grid-template-columns:1fr 1fr}
  /* .footer-grid{grid-template-columns:repeat(2,1fr)} */
}
@media(max-width:480px){
  .demo-container{width:calc(100% - 26px)}
  .demo-hero h1{font-size:32px;letter-spacing:-1px}
  .hero-highlight{font-size:10px}
  .booking-visual{padding:20px}
  .section-title{font-size:28px}
  .cta-box h2{font-size:30px}
  /* .footer-grid{grid-template-columns:1fr} */
}

/* Flaticon UIcons */
.demo-nav a i,.demo-auth i,.hero-highlight i,.privacy i,.manage-card h3 i{font-size:inherit;line-height:1;vertical-align:-1px}
.demo-nav a{display:inline-flex;align-items:center;gap:4px}
.demo-auth a{display:inline-flex;align-items:center;gap:5px}
.hero-highlight i{font-size:14px}
.ai-icon i{font-size:20px;line-height:1}
.manage-card h3 i{color:var(--demo-green);margin-right:6px;font-size:16px}
.privacy i{color:var(--demo-green);margin-right:4px}




/* Accounting india features page */
:root{
  --brand:#18b77a;
  --brand-dark:#0c8f5d;
  --brand-soft:#e9fbf3;
  --ink:#17211d;
  --muted:#6c7973;
  --line:#e7ece9;
  --surface:#f7faf8;
  --white:#fff;
  --shadow:0 20px 60px rgba(24,65,48,.10);
  --radius:24px;
}

*{box-sizing:border-box}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  color:var(--ink);
  /* font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; */
  background:#fff;
  line-height:1.65;
}

.demo-features a{
  text-decoration:none;
}

.demo-features .container{
  max-width:1180px;
}


.demo-features .brand-mark{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#25c98a,#0da669);
  color:#fff;
  box-shadow:0 10px 25px rgba(24,183,122,.22);
}


.demo-features .btn-brand{
  background:var(--brand);
  color:#fff;
  border:0;
  border-radius:10px;
  padding:.78rem 1.15rem;
  font-weight:700;
  box-shadow:0 9px 22px rgba(24,183,122,.20);
}

.demo-features .btn-brand:hover{
  background:var(--brand-dark);
  color:#fff;
}

.demo-features .btn-lightline{
  border:1px solid #dfe7e2;
  background:#00b87f;
  color:#25332d;
  border-radius:10px;
  padding:.76rem 1.15rem;
  font-weight:700;
}


/* =========================================
   Hero
========================================= */

.demo-features .hero{
  position:relative;
  overflow:hidden;
  padding:200px 0 86px;
  background:
    radial-gradient(
      circle at 12% 18%,
      rgba(24,183,122,.13),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 15%,
      rgba(71,210,164,.12),
      transparent 27%
    ),
    linear-gradient(
      180deg,
      #f3fffa 0%,
      #fff 78%
    );
}

.demo-features .hero:before,
.demo-features .hero:after{
  content:"";
  position:absolute;
  border:1px solid rgba(24,183,122,.11);
  border-radius:50%;
  pointer-events:none;
}

.demo-features .hero:before{
  width:440px;
  height:440px;
  left:-250px;
  bottom:-290px;
}

.demo-features .hero:after{
  width:330px;
  height:330px;
  right:-190px;
  top:-180px;
}

.demo-features .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:50px;
  background:var(--brand-soft);
  color:#0b9360;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.demo-features .hero h1 {
  max-width: 900px;
  margin: 20px auto 18px;
  /* font-size: clamp(2.6rem, 6vw, 5rem); */
  line-height: 1.02;
  /* letter-spacing: -.055em; */
  font-weight: 400;
}

.demo-features .hero h1 .accent{
  color:var(--brand);
}

.demo-features .hero p.lead{
  max-width:760px;
  margin:0 auto;
  color:var(--muted);
  font-size:1.08rem;
}

.demo-features .hero-actions{
  margin-top:32px;
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
}

.demo-features .hero-trust{
  margin:55px auto 0;
  max-width:980px;
  display:flex;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}

.demo-features .trust-pill{
  padding:9px 14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:50px;
  color:#607069;
  font-size:.82rem;
  font-weight:600;
  box-shadow:0 8px 25px rgba(26,59,46,.04);
}


/* =========================================
   Dashboard Visual
========================================= */

.demo-features .dashboard-wrap{
  margin:65px auto 0;
  max-width:1040px;
}

.demo-features .dashboard{
  position:relative;
  background:#fff;
  border:1px solid #dfe9e4;
  border-radius:20px;
  box-shadow:0 30px 80px rgba(21,66,47,.15);
  overflow:hidden;
  text-align:left;
}

.demo-features .dash-top{
  height:48px;
  border-bottom:1px solid #edf1ef;
  display:flex;
  align-items:center;
  padding:0 16px;
  gap:7px;
}

.demo-features .dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#dbe4df;
}

.demo-features .dash-body{
  display:grid;
  grid-template-columns:165px 1fr;
  min-height:350px;
}

.demo-features .dash-side{
  background:#f7faf8;
  border-right:1px solid #edf1ef;
  padding:18px 12px;
}

.demo-features .side-logo{
  height:28px;
  width:70px;
  border-radius:7px;
  background:#dff7eb;
  margin-bottom:20px;
}

.demo-features .side-line{
  height:9px;
  border-radius:5px;
  background:#e2e9e5;
  margin:12px 5px;
}

.demo-features .side-line.active{
  background:#b7efd6;
  width:80%;
}

.demo-features .dash-main{
  padding:22px;
}

.demo-features .dash-title{
  height:13px;
  width:180px;
  background:#d8e2dd;
  border-radius:6px;
  margin-bottom:18px;
}

.demo-features .stat-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.demo-features .stat{
  height:80px;
  border:1px solid #edf1ef;
  border-radius:12px;
  padding:14px;
}

.demo-features .stat b{
  display:block;
  height:10px;
  width:52px;
  background:#c9d5cf;
  border-radius:5px;
  margin-bottom:10px;
}

.demo-features .stat span{
  display:block;
  height:15px;
  width:75px;
  background:#aeead0;
  border-radius:5px;
}

.demo-features .dash-grid{
  display:grid;
  grid-template-columns:1.55fr 1fr;
  gap:14px;
  margin-top:14px;
}

.demo-features .chart,
.demo-features .mini-card{
  border:1px solid #edf1ef;
  border-radius:12px;
  padding:16px;
  height:190px;
}

.demo-features .chart-lines{
  height:120px;
  margin-top:18px;
  display:flex;
  align-items:end;
  gap:9px;
}

.demo-features .bar{
  flex:1;
  border-radius:5px 5px 2px 2px;
  background:linear-gradient(#64d9ac,#c9f4e3);
}

.demo-features .bar:nth-child(1){height:40%}
.demo-features .bar:nth-child(2){height:65%}
.demo-features .bar:nth-child(3){height:48%}
.demo-features .bar:nth-child(4){height:80%}
.demo-features .bar:nth-child(5){height:62%}
.demo-features .bar:nth-child(6){height:92%}
.demo-features .bar:nth-child(7){height:72%}

.demo-features .mini-circle{
  width:88px;
  height:88px;
  border-radius:50%;
  margin:22px auto;
  border:16px solid #e1f8ee;
  border-top-color:var(--brand);
  border-right-color:#79dcb8;
}


/* =========================================
   Section Navigation
========================================= */

.demo-features .feature-nav{
  position:sticky;
  top:78px;
  z-index:20;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}

.demo-features .feature-nav .nav-scroll{
  display:flex;
  gap:8px;
  overflow:auto;
  padding:12px 0;
  scrollbar-width:none;
}

.demo-features .feature-nav .nav-scroll::-webkit-scrollbar{
  display:none;
}

.demo-features .feature-nav a{
  white-space:nowrap;
  padding:8px 13px;
  border-radius:50px;
  color:#68756f;
  font-size:.79rem;
  font-weight:700;
}

.demo-features .feature-nav a:hover{
  background:var(--brand-soft);
  color:var(--brand-dark);
}


/* =========================================
   Sections
========================================= */

.demo-features .section{
  padding:100px 0;
  position:relative;
}

.demo-features .section.alt{
  background:var(--surface);
}

.demo-features .section-head{
  text-align:center;
  max-width:780px;
  margin:0 auto 52px;
}

.demo-features .section-head h2{
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:800;
  margin:15px 0;
}

.demo-features .section-head p{
  color:var(--muted);
  margin:0;
}

.demo-features .section-kicker{
  color:var(--brand-dark);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}


/* =========================================
   Feature Card
========================================= */

.demo-features .feature-card{
  height:100%;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:27px;
  transition:.25s ease;
  box-shadow:0 8px 25px rgba(25,63,48,.035);
}

.demo-features .feature-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow);
  border-color:#d3e8df;
}

.demo-features .icon-box{
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:var(--brand-soft);
  color:var(--brand-dark);
  font-size:1.25rem;
  margin-bottom:18px;
}

.demo-features .feature-card h3{
  font-size:1.15rem;
  font-weight:800;
  letter-spacing:-.02em;
  margin-bottom:8px;
}

.demo-features .feature-card h4{
  font-size:.93rem;
  color:#394841;
  font-weight:700;
  margin-bottom:14px;
}

.demo-features .feature-card p{
  color:var(--muted);
  font-size:.91rem;
}

.demo-features .check-list{
  list-style:none;
  padding:0;
  margin:0;
}

.demo-features .check-list li{
  position:relative;
  padding-left:24px;
  margin:8px 0;
  color:#5f6c66;
  font-size:.86rem;
}

.demo-features .check-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:.66em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--brand);
  box-shadow:0 0 0 4px #e8faf2;
}

.demo-features .feature-card .tag{
  display:inline-block;
  background:#f1f5f3;
  color:#63716a;
  border-radius:50px;
  padding:5px 9px;
  font-size:.68rem;
  font-weight:800;
  margin-bottom:12px;
}


/* =========================================
   Split Feature
========================================= */

.demo-features .split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:65px;
  align-items:center;
}

.demo-features .split-copy h2{
  font-size:clamp(2rem,4vw,3.2rem);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:800;
}

.demo-features .split-copy p{
  color:var(--muted);
}

.demo-features .split-visual{
  border:1px solid #dfe9e4;
  border-radius:28px;
  padding:14px;
  background:linear-gradient(145deg,#f4fbf7,#fff);
  box-shadow:var(--shadow);
}

.demo-features .mock{
  background:#fff;
  border:1px solid #e7eeea;
  border-radius:18px;
  overflow:hidden;
}

.demo-features .mock-head{
  height:45px;
  border-bottom:1px solid #edf1ef;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 14px;
}

.demo-features .mock-content{
  padding:18px;
}

.demo-features .mock-title{
  height:11px;
  width:160px;
  background:#d6e1dc;
  border-radius:5px;
  margin-bottom:16px;
}

.demo-features .mock-row{
  height:45px;
  border:1px solid #edf1ef;
  border-radius:9px;
  margin:9px 0;
  display:flex;
  align-items:center;
  padding:0 12px;
  gap:10px;
}

.demo-features .mock-row i{
  color:var(--brand);
}

.demo-features .mock-row span{
  height:8px;
  width:100px;
  border-radius:5px;
  background:#dce5e1;
}

.demo-features .mock-row em{
  margin-left:auto;
  width:48px;
  height:9px;
  border-radius:5px;
  background:#bdeed9;
}


/* =========================================
   Big Category Grid
========================================= */

.demo-features .category-title{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:25px;
}

.demo-features .category-title h2{
  font-size:2rem;
  font-weight:800;
  letter-spacing:-.04em;
  margin:0;
}

.demo-features .category-title p{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  max-width:540px;
}

.demo-features .metric-band{
  margin-top:30px;
  padding:24px;
  border:1px solid #dceae3;
  border-radius:20px;
  background:linear-gradient(135deg,#effcf6,#fff);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.demo-features .metric strong{
  font-size:1.55rem;
  display:block;
  letter-spacing:-.03em;
}

.demo-features .metric span{
  font-size:.75rem;
  color:var(--muted);
}


/* =========================================
   CTA
========================================= */

.demo-features .cta{
  padding:100px 0;
  background:
    radial-gradient(
      circle at 15% 40%,
      rgba(93,224,174,.22),
      transparent 25%
    ),
    radial-gradient(
      circle at 85% 30%,
      rgba(24,183,122,.18),
      transparent 24%
    ),
    #09241a;
  color:#fff;
  overflow:hidden;
  position:relative;
}

.demo-features .cta h2{
  font-size:clamp(2.3rem,5vw,4.4rem);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:800;
}

.demo-features .cta p{
  color:#b7cbc3;
  max-width:680px;
  margin:18px auto 0;
}

.demo-features .btn-white{
  background:#fff;
  color:#0c5d40;
  border:0;
  border-radius:10px;
  padding:.82rem 1.2rem;
  font-weight:800;
}

.demo-features .btn-white:hover{
  background:#eaf8f2;
  color:#075437;
}

.demo-features .cta .btn-outline-light{
  border-radius:10px;
  padding:.78rem 1.15rem;
  font-weight:700;
}



/* =========================================
   Tablet
========================================= */

@media(max-width:991px){

  .demo-features .split{
    grid-template-columns:1fr;
    gap:35px;
  }

  .demo-features .dash-body{
    grid-template-columns:105px 1fr;
  }

  .demo-features .stat-row{
    grid-template-columns:repeat(2,1fr);
  }

  .demo-features .metric-band{
    grid-template-columns:repeat(2,1fr);
  }

}


/* =========================================
   Mobile
========================================= */

@media(max-width:767px){

  .demo-features .hero{
    padding:85px 0 65px;
  }

  .demo-features .section{
    padding:72px 0;
  }

  .demo-features .dash-side{
    display:none;
  }

  .demo-features .dash-body{
    grid-template-columns:1fr;
  }

  .demo-features .dash-grid{
    grid-template-columns:1fr;
  }

  .demo-features .feature-nav{
    top:66px;
  }

  .demo-features .category-title{
    display:block;
  }

  .demo-features .category-title p{
    margin-top:10px;
  }

  .demo-features .metric-band{
    grid-template-columns:1fr 1fr;
  }

}