/* ── Retail-POS-Software START ── */
  :root{
    --nav:#262a36; --grn:#7ba440; --org:#f6693c; --orgh:#e05528;
    --blu:#1a56db; --blul:#EEF3FF; --blus:#DBEAFE;
    --grn2:#16a34a; --dk:#0f1c3f; --dk2:#1a2236;
    --tx:#374151; --mu:#6b7280; --brd:#e5e7eb;
    --wh:#fff; --bg:#fff; --bg2:#f8faff;
  }
   section {overflow: hidden;}
   .faq-ques{font-size:1.05rem;}
    .faq-solutions{font-size:0.975rem;}
    .faq-solutions a {display:inline-block; color: #000000 !important;font-weight: 500;text-decoration: underline;}
.faq-solutions a:hover {color: #006de1 !important;}
.para-link {color: #000000;font-weight: 500;text-decoration: underline;}
.para-link:hover {color: #006de1;text-decoration: underline;}
.faq-solutions-list li {gap: 0.2rem;}
.faq-solutions a:hover {text-decoration: underline;}
.dark-section .para-link:hover, .dark-block .para-link:hover {color: #f6693c;}
.dark-section .para-link, .dark-block .para-link {color: #ffffff;text-decoration: underline;}





  /* ── shared ── */
  .thumb-link{min-width:92px;}
  .ey{font-size: 1rem;font-weight: 600;letter-spacing: .14em;text-transform: uppercase;color: #f13a00;margin-bottom: 10px;}
  .sh2{font-size:2.225rem;font-weight:700;color:var(--dk);letter-spacing:-.025em;line-height:1.2;margin-bottom:14px;}
  .sh2 .bl{color:var(--blu);}
  .sh2 .sh2highlight {color:#1a56db}
  .sr{width:48px;height:2px;background:linear-gradient(90deg, #4c84ff, #fc1eff);margin-bottom:20px;}
  .sb{font-size: 1.125rem;line-height: 1.65;color: #262a36;font-family: 'Poppins';font-weight: 400;}

  .bf{display:inline-flex;align-items:center;gap:9px;background:var(--org);color:#fff;font-family:'Poppins',sans-serif;font-size:.935rem;font-weight:600;letter-spacing:.04em;padding:13px 28px;border-radius:999px;text-decoration:none;border:2px solid var(--org);transition:all .25s;box-shadow:0 4px 18px rgba(246,105,60,.35);}
  .bf:hover{background:var(--orgh);border-color:var(--orgh);color:#fff;transform:translateY(-2px);box-shadow:0 8px 28px rgba(246,105,60,.45);}
  .bo{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--dk);font-family:'Poppins',sans-serif;font-size:.86rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:13px 28px;border-radius:999px;text-decoration:none;border:2px solid #d1d5db;transition:all .25s;}
  .bo:hover{border-color:var(--blu);color:var(--blu);transform:translateY(-2px);}
  .bw{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--dk);font-family:'Poppins',sans-serif;font-size:.86rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:13px 28px;border-radius:999px;text-decoration:none;border:2px solid #fff;transition:all .25s;box-shadow:0 4px 18px rgba(0,0,0,.15);}
  .bw:hover{background:transparent;color:#fff;transform:translateY(-2px);}
  .cc{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;}
    /* reveal */
  .rv{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);}
  .rv.in{opacity:1;transform:translateY(0);}
  .rvr{opacity:0;transform:translateX(36px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);}
  .rvr.in{opacity:1;transform:translateX(0);}
  .d1{transition-delay:.08s;} .d2{transition-delay:.16s;} .d3{transition-delay:.24s;}
  .d4{transition-delay:.32s;} .d5{transition-delay:.40s;} .d6{transition-delay:.50s;}

  /* ── S1 HERO ── */

 
 .hero {padding: 72px 0 0;text-align: center;overflow: hidden;background: #fff;    position: relative;}
 .hero-bg-shape {position: absolute;top: -120px;right: -160px;width: 700px;height: 700px;border-radius: 50%;background: radial-gradient(ellipse at center, #e8f2ff 0%, rgba(219, 234, 254, 0) 70%);pointer-events: none;z-index: 0;}
 .pill-card.pill-br {bottom: -18px;right: -16px;animation-delay: 2s;}
 .pill-icon.green {background: #DCFCE7;color: var(--green);}
 .pill-icon {width: 36px;height: 36px;border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 1rem;flex-shrink: 0;}
 .pill-info .pill-num {font-size: 1rem;font-weight: 700;color: var(--text-dark);line-height: 1;}
 .pill-info .pill-lbl{font-size: .68rem;color: var(--text-muted);font-weight: 500;margin-top: 1px;}
 .pill-card {position: absolute;z-index: 2;background: #fff;border: 1px solid #ccc;border-radius: 10px;padding: 10px 16px;box-shadow: 0 4px 20px rgba(15, 28, 63, .1);display: flex;align-items: center;gap: 10px;min-width: 160px;animation: float 4s ease-in-out infinite;}
 @keyframes float{
     0%, 100% {transform: translateY(0);}
     50% {transform: translateY(-7px);}
 }

 .hh1{font-size: 3.8rem;font-weight: 800;color: #262a36;margin-bottom: 4rem;}
 .hh1-blue{color: var(--blu);}
 .hh1 .txt-underline{position:relative;display:inline-block;}
 .hh1 .txt-underline::after {content: '';position: absolute;left: 0;bottom: -3px;width: 100%;height: 3px;background: linear-gradient(90deg, #4c84ff, #fc1eff);border-radius: 2px;}

.hbd{font-size: 1.3rem;line-height: 1.75;color: #262a36;max-width: 1300px;margin: 0 auto 4rem;font-weight: 400;}
.hcta{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:60px;}
.vstage{overflow:hidden; background:linear-gradient(to top, #1a1a1a 70%, #ffffff 30%)}
.vriser{transform:translateY(100px);opacity:0;transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .9s cubic-bezier(.22,1,.36,1);}
.vriser.risen{transform:translateY(0);opacity:1;}
.dfr{max-width:1000px;margin:0 auto;background:#1c1c1c;border-radius:22px;overflow:hidden; padding:14px 14px 0;box-shadow:0 -8px 48px rgba(0, 0, 0, .12), 0 0 0 7px rgb(255 255 255);}
.dbar{display:flex;align-items:center;gap:8px;padding:0 8px 12px;}
.dd{width:10px;height:10px;border-radius:50%;display:block;}
.dd.r{background:#ff5f56;} .dd.y{background:#ffbd2e;} .dd.g{background:#27c93f;}
.durl{flex:1;background:#2d2d2d;border-radius:6px;height:26px;display:flex;align-items:center;padding:0 12px;gap:6px;}
.durl i{color:#6b7280;font-size:.7rem;} .durl span{font-size:.65rem;color:#9ca3af;font-weight:500;}
.ewrap{position:relative;padding-bottom:56.25%;height:0;border-radius:10px 10px 0 0;overflow:hidden;background:#000;}
.ewrap iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block;}

    /* ── S2 BRANDS ── */
.bsec{padding:80px 0 50px;background:linear-gradient(to bottom, #1a1a1a 50%, #ffffff 50%);overflow:hidden;}
.bsec-container{box-shadow:0 8px 40px rgba(15,28,63,.10); border-radius:25px; }
.mout{position:relative;margin-bottom:14px;}
.bsec-container .mout::before, .bsec-container .mout::after{display:none; content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;}
.mout::before,.mout::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;}
.mout::before{left:0;background:linear-gradient(90deg,var(--bg2),transparent);}
.mout::after{right:0;background:linear-gradient(-90deg,var(--bg2),transparent);}
.mtr{overflow:hidden;white-space:nowrap;}
.min{display:inline-flex;gap:12px;padding:6px 0;}
.tl .min{animation:scl 38s linear infinite;}
.tr .min{animation:scr 42s linear infinite;}
  @keyframes scl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @keyframes scr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
  .mtr:hover .min{animation-play-state:paused;}
  .bc{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;border:1.5px solid var(--brd);border-radius:12px;padding:10px 20px;/*box-shadow:0 2px 8px rgba(15,28,63,.06);*/transition:all .25s;height:75px;width:200px;}
  .bc img{width:auto;height:40px;object-fit:contain;display:block;border-radius:4px;}
  .bc:hover{box-shadow:0 6px 24px rgba(26,86,219,.13);border-color:rgba(26,86,219,.3);transform:translateY(-3px);}
  .bfn{text-align:center;margin-top:32px;font-size:.95rem;font-weight:600;    display: inline-flex;align-items: center;    font-family: 'Poppins';text-decoration: underline;font-style:italic;
    color: #F44336;}
   .bfn:hover{color: #1a56db;}
  .bfn i{color:#6c7793;margin-right:5px;}


  /* ── S3 WHAT IS ── */
  .wsec{padding:90px 0 100px;background:#fff;}
  .wtags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px;}
  .wtag{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border:1.5px solid var(--brd);border-radius:999px;padding:6px 14px;font-size:.76rem;font-weight:600;color:var(--dk);transition:all .2s;}
  .wtag i{color:var(--blu);font-size:.83rem;}
  .wtag:hover{border-color:var(--blu);background:var(--blul);color:var(--blu);}
  .wcard{position:relative;z-index:1;background:#fff;border:1.5px solid var(--brd);border-radius:20px;padding:24px;box-shadow:0 8px 40px rgba(15,28,63,.10);transition:all .3s;}
  .wcard:hover{box-shadow:0 16px 56px rgba(26,86,219,.14);transform:translateY(-4px);}
  .wch{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
  .wchio{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--blu),#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0;box-shadow:0 4px 14px rgba(26,86,219,.3);}
  .wcht{font-size:.87rem;font-weight:700;color:var(--dk);line-height:1.2;}
  .wchs{font-size:.69rem;font-weight:500;color:var(--mu);margin-top:2px;}
  .lbadge{margin-left:auto;display:inline-flex;align-items:center;gap:5px;background:#DCFCE7;color:var(--grn2);font-size:.67rem;font-weight:700;padding:4px 10px;border-radius:999px;}
  .ldot{width:7px;height:7px;border-radius:50%;background:var(--grn2);animation:bl 2s ease-in-out infinite;}
  @keyframes bl{0%,100%{opacity:1;}50%{opacity:.3;}}
  .wdiv{height:1px;background:var(--brd);margin:0 0 18px;}
  .wcg{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:9px;}
  .wci{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;background:var(--bg2);border:1px solid var(--brd);border-radius:10px;padding:12px 5px;transition:all .2s;cursor:default;}
  .wci:hover{background:var(--blul);border-color:rgba(26,86,219,.25);transform:translateY(-2px);}
  .wcii{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.87rem;}
  .wcil{font-size:.8rem;font-weight:600;color:var(--dk);line-height:1;}
  .wcis{font-size:.65rem;font-weight:600;background:#DCFCE7;color:var(--grn2);padding:2px 6px;border-radius:999px;}
  .wst{display:flex;align-items:center;justify-content:space-around;margin-top:18px;padding-top:16px;border-top:1px solid var(--brd);}
  .wstn{font-size:.98rem;font-weight:800;color:var(--dk);line-height:1;}
  .wstn sup{font-size:.58rem;color:var(--blu);}
  .wstl{font-size:.65rem;font-weight:500;color:var(--mu);margin-top:2px;}
  .wsep{width:1px;height:30px;background:var(--brd);}
  .wdots{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background-image:radial-gradient(circle,#CBD5E1 1.5px,transparent 1.5px);background-size:14px 14px;pointer-events:none;z-index:0;border-radius:8px;}
  .fpill{position:absolute;bottom:-16px;left:-16px;display:flex;align-items:center;gap:9px;background:#fff;border:1.5px solid var(--brd);border-radius:12px;padding:9px 15px;box-shadow:0 6px 24px rgba(15,28,63,.10);z-index:2;animation:fy 4s ease-in-out infinite;}
  @keyframes fy{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
  .fpio{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#fff4f0,#ffe8e0);color:var(--org);display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;}
  .fpt{font-size:.74rem;font-weight:700;color:var(--dk);line-height:1;}
  .fps{font-size:.62rem;font-weight:500;color:var(--mu);margin-top:2px;}

  /* ── S4 VERTICALS ── */
  .aprl-rtl-vertical {position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(0deg, rgb(0 0 0 / 79%) 50%, transparent);padding-top: 5rem;}
  .aprl-rtl-vertical .vertical-title, .aprl-rtl-vertical  .vertical-tag{color:#ffffff;margin-bottom: 0.5rem;}
   .aprl-rtl-vertical .vertical-title{font-size:1.4rem; display:block}
    .aprl-rtl-vertical .vertical-tag span a{color:#ffffff;}
      .aprl-rtl-vertical .vertical-title:hover, .aprl-rtl-vertical .vertical-tag span a:hover {color:#ff9e48}
  .aprl-rtl-vertical .round{border:0px;}
    .owl-item .vertical-link{display:block;}
  .owl-item .vertical-link:hover{ background:linear-gradient(0deg, rgb(0 0 0 / 79%) 50%, transparent)}
  .vsec{padding:90px 0 100px;background:#ffffff;}
  .vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:42px;}
  .vcard{background:#fff;border:1.5px solid var(--brd);border-radius:20px;padding:0 0 20px;text-decoration:none;color:inherit;transition:all .28s;display:flex;flex-direction:column;gap:0;overflow:hidden;}
  .vcard:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(26,86,219,.14);border-color:rgba(26,86,219,.28);}
  .vimg{width:100%;height:130px;object-fit:cover;display:block;}
  .vbody{padding:16px 18px 0;}
  .viw{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:10px;}
  .vtit{font-size:.9rem;font-weight:700;color:var(--dk);line-height:1.25;margin-bottom:5px;}
  .vsub{font-size:.7rem;color:var(--mu);font-weight:500;line-height:1.6;margin-bottom:12px;}
  .varr{font-size:.72rem;font-weight:700;color:var(--blu);display:flex;align-items:center;gap:5px;transition:gap .2s;}
  .vcard:hover .varr{gap:8px;}


  /*-Blog--*/
 #divScrollerIndustry .owl-nav{gap: 0.35rem;display: flex;justify-content: center;margin: 0px;padding: 0.5rem;}
 #divScrollerIndustry  .owl-prev,  #divScrollerIndustry .owl-next {position: relative;left: auto !important;right: auto !important;width: 34px;border: 1px solid #ccc;border-radius: 25px;
    height: 34px;display: inline-flex;align-items: center;justify-content: center;padding: 0px !important;}
 #divScrollerIndustry .owl-prev {left: 0;right: 50px;}
 #divScrollerIndustry  .owl-next {right: -11px;left: 0;}



  /* ── S5 WHY CHOOSE DARK ── */
 .wysec{padding:90px 0 100px;background:var(--dk2);position:relative;overflow:hidden;}
 .wysec::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(26,86,219,.18) 0%,transparent 70%);pointer-events:none;}
 .wysec .sh2{color:#fff;}
 .wysec .sb{color:rgba(255,255,255,.85);}
 .wysec .ey{color:var(--org);}
 .wysec .sr{background:linear-gradient(90deg, #4c84ff, #fc1eff);}
 .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
 .fcard{background:#161c2c;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:2rem 1.5rem;transition:all .28s; font-family:Poppins}
 .fcard:hover{background:rgba(255,255,255,.09);border-color:rgba(26,86,219,.45);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3);} 

 .fico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:14px;}
 .ftit{font-size: 1.25rem;font-weight: 600;color: #fff;margin-bottom: 0.5rem;line-height: 1.3;}
 .fbd{font-size:1rem;line-height:1.7;color:rgba(255,255,255,.8);}

 .fgrid-dark .fcard{background:#ffffff;border:1px solid rgba(0,0,0,.1);border-radius:18px;padding:2rem 1.5rem;transition:all .28s; font-family:Poppins}
 .fgrid-dark .fcard:hover{background:rgba(255,255,255,1);border-color:rgba(0,0,0,.25);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1);}
 .fgrid-dark .ftit{font-size: 1.25rem;font-weight: 600;color: #000;margin-bottom: 0.5rem;line-height: 1.3;}
 .fgrid-dark .fbd{font-size:1rem;line-height:1.7;color:rgba(0,0,0,.8); margin-bottom:0px;}

    /* ── S6 FREEDOM OF CHOICE — BENTO TRENDING ── */
  .csec{padding:100px 0 110px;background:url('/content/images/apparel-pos.webp') no-repeat;    background-position: right center;background-size: contain;position:relative;overflow:hidden;}
  .mfg-csec{background:url('/content/images/img-mfg.webp') no-repeat;background-position: right center;background-size: contain;position:relative;overflow:hidden;}
  .csec .ey{color:var(--org);}
  .csec .sh2{color:#262a36;}
  .csec .sh2 .grd{color:#1a56db}
  .csec .sb{color:#262a36;}
  .csec .sr{background:linear-gradient(90deg, #4c84ff, #fc1eff);}
  .bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-bottom:52px; font-family:Poppins}
  .bcl{grid-column:span 5;}
  .bcm{grid-column:span 4;}
  .bcs{grid-column:span 3;}
  .bcf{grid-column:span 12;}
  .ben-c{background:rgb(14 21 40 / 90%);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:30px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;}
  .ben-c:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 24px 60px rgba(0,0,0,.4);border-color:rgba(255,255,255,.22);}
  /*.ben-c::before{content:'';position:absolute;inset:-1px;border-radius:23px;background:linear-gradient(135deg,var(--org),var(--blu),var(--grn),var(--org));background-size:300% 300%;opacity:0;transition:opacity .35s;z-index:-1;animation:gspin 4s linear infinite;}*/
  .ben-c::before{content:'';position:absolute;inset:-1px;border-radius:23px;background:linear-gradient(45deg, rgb(2 14 37 / 74%), rgb(24 95 189 / 40%));background-size:300% 300%;opacity:0;transition:opacity .35s;z-index:-1;animation:gspin 4s linear infinite;}
  
   .ben-c:hover::before{opacity:1;}
  @keyframes gspin{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
  .ben-c>*{position:relative;z-index:1;}
  .card-glow{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none;z-index:0;}
  .ftag{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--org),#f97316);color:#fff;font-size:.63rem;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;}
  .ftag-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:bl 1.5s ease-in-out infinite;}
  .bico-lg{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;margin-bottom:20px;position:relative;}
  .bico-lg::after{content:'';position:absolute;inset:-4px;border-radius:22px;background:inherit;opacity:.3;filter:blur(12px);z-index:-1;}
  .bico-md{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:18px;}
  .bico-sm{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:14px;}
  .bh{font-size:1.4rem;font-weight:600;color:#fff;line-height:1.2;margin-bottom:10px;letter-spacing:-.02em;}
  .bmh{font-size:1.4rem;font-weight:600;color:#fff;line-height:1.25;margin-bottom:8px;letter-spacing:-.02em;}
  .bsh{font-size:1.4rem;font-weight:600;color:#fff;line-height:1.25;margin-bottom:6px;}
  .bp{font-size:1rem;line-height:1.75;color:rgba(255,255,255,1);margin-bottom:22px;}
  .bmp{font-size:1rem;line-height:1.7;color:rgba(255,255,255,1);margin-bottom:18px;}
  .bsp{font-size:1rem;line-height:1.65;color:rgba(255,255,255,1);}
  .blink{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:.8rem;font-weight:700;text-decoration:none;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 18px;transition:all .25s;}
  .blink:hover{background:var(--org);border-color:var(--org);color:#fff;gap:11px;}
  .blink i{transition:transform .25s;}
  .blink:hover i{transform:translateX(3px);}
  .bchecks{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px;}
  .bchecks li{font-size:1rem;color:rgba(255,255,255,1);display:flex;align-items:flex-start;gap:8px;line-height:1.5;}
  .bck{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.58rem;flex-shrink:0;margin-top:1px;}
  .statbar{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px 32px;}
  .bstn{font-size:1.6rem;font-weight:800;color:#fff;line-height:1;}
  .bstn span{color:var(--org);}
  .bstl{font-size:.66rem;font-weight:500;color:rgba(255,255,255,.5);margin-top:4px;letter-spacing:.04em;text-transform:uppercase;}
  .bstsep{width:1px;height:44px;background:rgba(255,255,255,.12);}
  /* extra reveal variants */
  .rv-scale{opacity:0;transform:scale(.94) translateY(18px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);}
  .rv-scale.in{opacity:1;transform:scale(1) translateY(0);}
  .rv-left{opacity:0;transform:translateX(-32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);}
  .rv-left.in{opacity:1;transform:translateX(0);}

  



  /* ── S7 REVIEWS DARK ── */
  .revsec{position:relative;}
/*  .revsec{padding:90px 0 100px;background:#222838;position:relative;overflow:hidden;}*/
  .revsec::before{content:'';position:absolute;top:-150px;right:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(246,105,60,.12) 0%,transparent 70%);pointer-events:none;}
  .revsec .sh2{color:#fff;}
  .revsec .sb{color:rgba(255,255,255,.58);}
  .revsec .ey{color:var(--org);}
  .revsec .sr{background:linear-gradient(90deg, #4c84ff, #fc1eff);}
  .rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:42px;}
  .rcard{background:rgb(35 42 63 / 95%);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px;transition:all .28s;display:flex;flex-direction:column;gap:12px;}
  .rcard:hover{background:rgb(35 42 63 / 100%);border-color:rgba(246,105,60,.35);transform:translateY(-4px);}
  .rstars{display:flex;gap:3px;color:#fbbf24;font-size:.82rem;}
  .rtxt{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.9);font-style:italic;}
  .rtxt::before{content:'\201C';font-size:1.6rem;line-height:.5;vertical-align:-.35em;color:var(--org);margin-right:3px;font-style:normal;}
  .rauth{display:none;align-items:center;gap:9px;margin-top:auto;}
  .rav{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blu),#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0;}
  .rname{font-size:1.05rem;font-weight:600;color:#fff;line-height:1.2;}
  .rrole{font-size: 0.95rem;color: rgb(255 255 255 / 58%);font-weight: 400;}

  /* ── S8 COMPARISON ── */
  .cmsec{padding:90px 0 100px;/*background:var(--bg2);border-top:1px solid var(--brd);*/}
  .ctw{overflow-x:auto;border-radius:18px;box-shadow:0 8px 40px rgba(15,28,63,.10);}
  .ct{width:100%;border-collapse:collapse;background:#fff;}
  .ct th{padding:16px 22px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-bottom:2px solid var(--brd); font-family: var(--FontFamilyPoppins);}
  .ct th:first-child{text-align:left;color:var(--mu);width:36%;}
  .ct th.lc{background:linear-gradient(135deg,var(--blu),#0ea5e9);color:#fff;text-align:center;border-radius:16px 16px 0 0;}
  .ct th.gc{color:var(--mu);text-align:center;}
  .ct td{padding:13px 22px;font-size:1.05rem;border-bottom:1px solid var(--brd);vertical-align:middle; font-family: var(--FontFamilyPoppins);}
  .ct td:first-child{font-weight:500;color:var(--dk);}
  .ct td.lc{background:rgba(26,86,219,.03);}
  .ct td.gc{color:var(--mu);}
  .ct tr:last-child td{border-bottom:none;}
  .ct tr:hover td{background:var(--bg2);}
  .ct tr:hover td.lc{background:rgba(26,86,219,.06);}
  .ci{font-size:.95rem;}
  .ci.y{color:var(--grn2);} .ci.n{color:#ef4444;} .ci.p{color:#f59e0b;}


/* ── S9 BENEFITS — EDITORIAL MAGAZINE LAYOUT ── */
  .besec{padding:100px 0 110px;background:#1a2236;position:relative;overflow:hidden;}
  .besec::before{content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse 70% 50% at 10% 50%,rgba(123,164,64,.12) 0%,transparent 60%),
    radial-gradient(ellipse 50% 60% at 90% 20%,rgba(246,105,60,.1) 0%,transparent 60%);
    pointer-events:none;}
  .besec .container{position:relative;z-index:1;}
  .besec .sh2{color:#fff;}
  .besec .sh2 .bl{color:#86efac;}
  .besec .sb{color:rgba(255,255,255,.85);}
  .besec .ey{color:var(--org);}
  .besec .sr{background:linear-gradient(90deg,var(--org),var(--grn));}

  /* 2-col split: left = big feature, right = vertical list */
  .be-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;font-family: 'Poppins';}

  /* LEFT: large numbered feature highlight */
  .be-big{display:flex;flex-direction:column;gap:28px;}
  .be-big-item{display:flex;gap:20px;align-items:flex-start;padding:24px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:all .3s;cursor:default;}
  .be-big-item:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);transform:translateX(6px);}
  .be-big-num{font-size:2.5rem;font-weight:900;line-height:1;min-width:52px;letter-spacing:-.04em;background:linear-gradient(135deg,var(--org),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
  .be-big-content{}
  .be-big-title{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:7px;line-height:1.25;}
  .be-big-text{font-size:1rem;line-height:1.72;color:rgba(255,255,255,.8);}
  .be-big-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
  .be-pill{font-size:.65rem;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1);}

  /* RIGHT: inline list with icons + dividers */
  .be-list{display:flex;flex-direction:column;}
  .be-list-item{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:all .25s;cursor:default;}
  .be-list-item:first-child{padding-top:0;}
  .be-list-item:last-child{border-bottom:none;padding-bottom:0;}
  .be-list-item:hover .be-list-ico{transform:scale(1.1);}
  .be-list-ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:transform .25s;}
  .be-list-title{font-size:1.25rem;font-weight:500;color:#fff;line-height:1.25;margin-bottom:4px;}
  .be-list-text{font-size:0.95rem;line-height:1.65;color:rgba(255,255,255,.75);}

 

  /* ── S10 INTEGRATIONS — HUB & SPOKE ── */
  .insec{padding:100px 0 110px;background:#f6f7f9;position:relative;overflow:hidden;}
  .insec::before{content:'';position:absolute;inset:0;background-image:linear-gradient(var(--brd) 1px,transparent 1px),linear-gradient(90deg,var(--brd) 1px,transparent 1px);
    background-size:48px 48px;pointer-events:none;opacity:.25;}
  .insec .sh2 .bl{color:var(--blu);}


  /* center hub */
  .hub-center{
    position:relative;z-index:4;
    width:120px;height:120px;border-radius:50%;
    background:linear-gradient(135deg,var(--blu),#0ea5e9);
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    box-shadow:0 0 0 16px rgba(26,86,219,.08),0 0 0 32px rgba(26,86,219,.04),0 16px 48px rgba(26,86,219,.4);
    animation:hub-pulse 3s ease-in-out infinite;
  }
  @keyframes hub-pulse{0%,100%{box-shadow:0 0 0 16px rgba(26,86,219,.08),0 0 0 32px rgba(26,86,219,.04),0 16px 48px rgba(26,86,219,.4);}50%{box-shadow:0 0 0 22px rgba(26,86,219,.1),0 0 0 44px rgba(26,86,219,.05),0 16px 48px rgba(26,86,219,.5);}}
  .hub-center i{font-size:2rem;color:#fff;}
  .hub-center span{font-size:.55rem;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.08em;text-transform:uppercase;}

  /* orbit rings (decorative) */
  .hub-ring{position:absolute;border-radius:50%;border:1px dashed rgba(26,86,219,.2);pointer-events:none;animation:spin-slow 30s linear infinite;}
  .hub-ring.r1{width:260px;height:260px;}
  .hub-ring.r2{width:430px;height:430px;animation-direction:reverse;animation-duration:50s;}
  @keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}






  /* API tags row */
  .api-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:44px;}
  .api-chip{display:inline-flex;align-items:center;gap:7px;
    background:#fff;border:1.5px solid var(--brd);
    border-radius:999px;padding:8px 18px;
    font-size:.77rem;font-weight:600;color:var(--dk);
    box-shadow:0 2px 8px rgba(15,28,63,.06);
    transition:all .25s;}
  .api-chip i{color:var(--blu);font-size:.85rem;}
  .api-chip:hover{border-color:var(--blu);background:var(--blul);color:var(--blu);transform:translateY(-2px);box-shadow:0 6px 20px rgba(26,86,219,.12);}



    /* ═══════════ S11 AWARDS ═══════════ */
  .awsec{padding:80px 0 90px;background:var(--nav);position:relative;overflow:hidden;}
  .awsec::before{content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(123,164,64,.12) 0%,transparent 60%);
    pointer-events:none;}
  .awsec .ey{color:var(--org);}
  .awsec .sh2{color:#fff;}
  .awsec .sr{background:linear-gradient(90deg, #4c84ff, #fc1eff);margin:0 auto 40px;}
  /* Marquee-style award row */
  .aw-track-wrap{overflow:hidden;position:relative;margin-bottom:0;}
  .aw-track-wrap::before,.aw-track-wrap::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
  .aw-track-wrap::before{left:0;background:linear-gradient(90deg,var(--nav),transparent);}
  .aw-track-wrap::after{right:0;background:linear-gradient(-90deg,var(--nav),transparent);}
  .aw-track{display:flex;gap:24px;animation:awscroll 28s linear infinite;}
  .aw-track:hover{animation-play-state:paused;}
  @keyframes awscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .aw-card{font-family: var(--FontFamilyPoppins); flex-shrink:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:28px 36px;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:200px;transition:all .3s;cursor:default;}
  .aw-card:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25);transform:translateY(-5px);}
  .aw-logo{font-size:1.2rem;font-weight:600;color:#fff;letter-spacing:-.02em;}
  .aw-stars{display:flex;gap:2px;color:#fbbf24;font-size:.8rem;}
  .aw-rating{font-size:1.5rem;font-weight:800;color:#fff;line-height:1;}
  .aw-rating span{font-size:.7rem;color:rgba(255,255,255,.5);font-weight:500;margin-left:2px;}
  .aw-badge{font-size:.62rem;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;}
  /* Trophy row */
  .aw-trophies{display:flex;justify-content:center;flex-wrap:wrap;gap:32px;margin-top:50px;}
  .aw-trophy{display:flex;flex-direction:column;align-items:center;gap:8px;}
  .aw-trophy-ico{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,rgba(246,105,60,.25),rgba(246,105,60,.1));border:1px solid rgba(246,105,60,.3);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--org);}
  .aw-trophy-label{font-size:.72rem;font-weight:600;color:rgba(255,255,255,.55);text-align:center;max-width:90px;line-height:1.4;}




    /* ═══════════ S12 CUSTOMER STORIES ═══════════ */
  .strsec{padding:100px 0 110px;background:#fff;}
  .strsec .sh2 .bl{color:var(--blu);}
  .str-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:52px;font-family: 'Poppins';position:relative;}
  /*.str-grid:before {content: "";position: absolute;width: 80%;height: 80%;background: rgb(0 0 0 / 9%);filter: blur(120px);top: 0;left: 0;right: 0;margin: auto;bottom: 0;}*/
  .str-card{border-radius:10px;overflow:hidden;/*background:var(--bg2);*/ background:#ffffff;border:1.5px solid var(--brd);cursor:pointer;transition:all .3s;display:flex;flex-direction:column;position:relative;}
  .str-card:hover{transform:translateY(-6px);box-shadow:0 10px 10px rgba(15,28,63,.13);border-color:rgba(26,86,219,.3);}
  /* thumbnail */
  .str-thumb{position:relative;padding-bottom:56.25%;   background:#0f1c3f;}
  .str-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
  .str-card:hover .str-thumb img{transform:scale(1.05);}
  .str-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);transition:background .3s;}
  .str-card:hover .str-play{background:rgba(0,0,0,.5);}
  .str-play-btn{width: 40px;height: 40px;border-radius: 50%;background: rgb(246 105 60);display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.3rem;transition: transform .3s;border: 3px solid #fff;position: absolute;right: 20px;bottom: -20px;}
  .str-card:hover .str-play-btn{transform:scale(1.15);}
  /* card body */
  .str-body{padding:20px;padding: 20px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
  .str-brand{font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--org);margin-bottom:6px;}
  .str-title{font-size: 1.1rem;font-weight: 500;color: #181c26;line-height: 1.35;margin-bottom:0.8rem;}
  .str-quote{font-size:0.95rem;line-height:1.5;color:#666666;}
  .str-person{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--brd);}
  .str-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blu),#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff;flex-shrink:0;}
  .str-name{font-size:1rem;font-weight:600;color:var(--dk);line-height:1.2;    margin-bottom: 0.1rem;}
  .str-role{font-size: .85rem;color: #666;}
  /* Modal */
  .vid-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);align-items:center;justify-content:center;backdrop-filter:blur(6px);}
  .vid-modal.active{display:flex;}
  .vid-modal-inner{position:relative;width:90%;max-width:860px;}
  .vid-modal-close{position:absolute;top:-44px;right:0;background:rgba(255,255,255,.15);border:none;border-radius:50%;width:36px;height:36px;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;}
  .vid-modal-close:hover{background:var(--org);}
  .vid-modal-frame{position:relative;padding-bottom:56.25%;height:0;border-radius:16px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.6);}
  .vid-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none;}



  /* ═══════════ S14 MULTI-OUTLET ═══════════ */
  .mosec{padding:100px 0 110px; background:#ffffff;}
  /* Alternating feature rows — magazine style */
  .mo-headline{font-size:2.225rem;font-weight:700;color:var(--dk);letter-spacing:-.03em;line-height:1.15;margin-bottom:16px;}
  .mo-headline span{color:var(--blu);}
  .mo-intro{    font-size: 1.05rem;line-height: 1.8;color: #262a36;max-width:850px;margin-bottom:2rem;    font-family: 'Poppins';}
  /* vertical timeline-style feature list */
  .mo-timeline{position:relative;padding-left:32px; font-family:Poppins}
  .mo-timeline::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--blu),var(--grn),var(--org));border-radius:1px;}
  .mo-step{position:relative;margin-bottom:40px;}
  .mo-step:last-child{margin-bottom:0;}
  .mo-dot{position:absolute;left:-32px;top:4px;width:14px;height:14px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 3px var(--blu);background:var(--blu);transition:all .3s;}
  .mo-step:hover .mo-dot{transform:scale(1.3);box-shadow:0 0 0 5px rgba(26,86,219,.2);}
  .mo-step-title{font-size: 1.3rem;font-weight: 600;color: #171a25;margin-bottom:6px;line-height:1.3;}
  .mo-step-body{font-size: 0.95rem;line-height: 1.75;color: #262a36;}
  /* right side — visual dashboard mockup */
  .mo-visual{background:var(--dk);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(15,28,63,.2);}
  .mo-visual-bar{background:rgba(255,255,255,.05);padding:12px 18px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);}
  .mo-visual-dot{width:10px;height:10px;border-radius:50%;}
  .mo-visual-title{font-size:.7rem;font-weight:600;color:rgba(255,255,255,.4);margin-left:6px;letter-spacing:.05em;}
  .mo-dash{padding:22px;}
  .mo-dash-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;}
  .mo-kpi{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px 12px;text-align:center;}
  .mo-kpi-n{font-size:1.15rem;font-weight:800;color:#fff;line-height:1;}
  .mo-kpi-n span{color:var(--org);}
  .mo-kpi-l{font-size:.58rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.07em;margin-top:3px;}
  .mo-chart{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:14px;margin-bottom:10px;}
  .mo-chart-label{font-size:.62rem;color:rgba(255,255,255,.35);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;}
  .mo-bars{display:flex;align-items:flex-end;gap:5px;height:60px;}
  .mo-bar{flex:1;border-radius:3px 3px 0 0;animation:barrise 1.2s cubic-bezier(.22,1,.36,1) both;}
  @keyframes barrise{from{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
  .mo-store-list{display:flex;flex-direction:column;gap:6px;}
  .mo-store{background:rgba(255,255,255,.05);border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;}
  .mo-store-name{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.6);}
  .mo-store-badge{font-size:.58rem;font-weight:700;color:#86efac;background:rgba(123,164,64,.2);padding:2px 8px;border-radius:999px;}
  

  /* Section background */
.cta-dark {background: radial-gradient(circle at top, #1a0d09, #020617);position: relative;overflow: hidden;}
.cta-dark::before {content: "";position: absolute;width: 500px;height: 500px;background: rgba(241, 74, 39, 0.25);filter: blur(120px);top: -120px;left: -120px;}
.cta-title {font-size: 2.2rem;font-weight: 600;color: #fff;}
.highlight {background: linear-gradient(90deg, #f14a27, #ff7a59);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.cta-subtitle {color: #fff;font-size: 1.25rem;font-weight: 200;}
.cta-btn {padding: 14px 30px;border-radius: 50px;font-weight: 500;font-size: 15px;color: #fff;background: linear-gradient(90deg, #f14a27, #ff7a59);border: none;transition: all 0.3s ease;box-shadow: 0 10px 30px rgba(241, 74, 39, 0.4);}
.cta-btn:hover {transform: translateY(-2px) scale(1.04);box-shadow: 0 18px 45px rgba(241, 74, 39, 0.6);color: #fff;}

.wsec-box-wrapper {display: flex;gap: 12px;margin-top: 20px;}
.wsec-box {flex: 1;background: #ffffff;border-radius: 10px; padding: 16px;text-align: left;box-shadow: 0 4px 14px rgba(0,0,0,0.06);transition: all 0.3s ease;border: 1px solid #f0f0f0;}
.wsec-box:hover {transform: translateY(-5px);box-shadow: 0 8px 22px rgba(0,0,0,0.1);}
.wsec-box-icon {font-size: 20px;margin-bottom: 8px;}
.wsec-box h6 {font-size: 14px;font-weight: 600;margin-bottom: 5px;}

.partnerSection {background: #f6f7f9;}
.partnerlist {background: var(--bs-white);border-radius: 10px;border: 15px solid rgb(18 43 122 / 4%);box-shadow: 0px 10px 25px rgb(0 6 96 / 8%);}

 .section-head{font-family: var(--FontFamilyPoppins);font-size: 1.8rem;font-weight: 600;color: #262a36;margin-bottom: 0.5rem;}
 .section-desc {font-family: var(--FontFamilyPoppins);font-size: 1rem;font-weight: 500;color: #222222;line-height: 1.8;}
/*Manucaturing Start*/
/* Decorative background mesh */
.hcERP-section::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 15% 0%,rgba(0,112,224,0.12) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 90% 100%,rgba(0,178,255,0.08) 0%,transparent 55%),radial-gradient(ellipse 40% 30% at 50% 50%,rgba(0,60,120,0.06) 0%,transparent 70%);pointer-events:none;z-index:0;}
.hcERP-section{background: #1a2236;padding:80px 0; }
.hcERP-section > * {position:relative;z-index:1;}
/*.hcERP__container {max-width:1160px;margin:0 auto;padding:0 24px;}*/
.hcERP__grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:48px;}
.hcERP-card {background:rgb(0 10 36 / 27%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px 26px 30px;position:relative;transition:transform 0.28s cubic-bezier(.22,.68,0,1.2),border-color 0.25s ease,box-shadow 0.25s ease;cursor:default;overflow:hidden;}
.hcERP-card::before {content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-2),var(--accent));opacity:0;transition:opacity 0.25s ease;border-radius:16px 16px 0 0;}
.hcERP-card:hover {transform:translateY(-5px);border-color:var(--border-accent);box-shadow:0 20px 50px rgba(0,0,0,0.45),0 0 0 1px rgba(0,178,255,0.12);background:var(--bg-card-hover);}
.hcERP-card:hover::before {opacity:1;}
.hcERP-card-number {font-size:50px;font-weight:100;color:rgb(255 255 255 / 7%);line-height:1;position:absolute;top:14px;right:18px;letter-spacing:-0.04em;user-select:none;transition:color 0.25s ease;}
.hcERP-card:hover .hcERP-card-number {color:rgb(245 105 60 / 25%);}
.hcERP-icon {width:44px;height:44px;border-radius:12px;background:rgb(245 105 60 / 10%);border:1px solid rgb(245 105 60 / 15%);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:transform 0.25s ease,background 0.25s ease;}
.hcERP-card:hover .hcERP-icon {transform:scale(1.08);}
.hcERP-icon svg {width:20px;height:20px;color:#f6693c;}
.hcERP-card-title {font-size: 1.25rem;font-weight: 600;color: #fff;margin-bottom: 0.5rem;line-height: 1.3;}
.hcERP-card-body {font-size: 0.95rem;line-height: 1.6;color: rgba(255, 255, 255, .8); margin-bottom:0px;}
.hcERP__cta-row {display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding-top:12px;}
.hcERP__cta-divider {width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent);margin-bottom:40px;}
.hcERP__btn {display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:14px;font-weight:600;border-radius:10px;padding:13px 28px;text-decoration:none;transition:all 0.22s ease;letter-spacing:0.01em;cursor:pointer;border:none;}
.hcERP__btn--primary {background:linear-gradient(135deg,var(--accent-2) 0%,var(--accent) 100%);color:#fff;box-shadow:0 4px 20px rgba(0,178,255,0.3);}
.hcERP__btn--primary:hover {box-shadow:0 6px 30px rgba(0,178,255,0.5);transform:translateY(-2px);}
.hcERP__btn--secondary {background:transparent;color:var(--accent);border:1.5px solid rgba(0,178,255,0.4);}
.hcERP__btn--secondary:hover {background:var(--accent-glow);border-color:var(--accent);transform:translateY(-2px);}
.hcERP__btn svg {width:16px;height:16px;flex-shrink:0;}

.vertical-title{font-family:'Open Sans', 'sans-serif'; font-size:1.1rem; font-weight:var(--FontWeight600); text-align:left;color: var(--bs-black);text-align:center; margin-bottom:0px;line-height:normal;position:relative; padding-bottom:0.4rem; margin-bottom:0.35rem;}
.vertical-title:after{ content:""; position:absolute; bottom:0; left:50%; width:15px; height:1px; margin-left:-8px; background-color:#ff5200;}
.vertical-tag{font-size:0.8rem; font-weight:var(--FontWeight600); color:#2a2a2a; text-align:center; font-family:'Open Sans';}
.vertical-tag span{display:inline-block; border-right:1px solid #999999; line-height:0.8; padding-right:0.3rem; margin-right:0.3rem;}
.vertical-tag span:last-child{border-right:0;padding-right:0; margin-right:0;}
.vertical-box:hover{box-shadow: 0px 5px 30px rgba(0, 0, 0 , 0.15);  z-index:1;}
.vertical-box:hover .arrow{animation-name: bounceAlpha;animation-duration:1.4s;animation-iteration-count:infinite;animation-timing-function:linear;}
.vertical-box:hover .arrow.primera{animation-name: bounceAlpha;animation-duration:1.4s;animation-delay:0.2s;animation-iteration-count:infinite;animation-timing-function:linear;}
.arrow-animated{display: flex;height:30px;align-items: center;justify-content: center;}
.round {position: absolute;border:1px solid var(--bs-white);width:30px;height:30px;border-radius: 100%;}
#cta{width:100%; cursor: pointer; position: absolute;}
#cta .arrow{left: 30%;}
.arrow {position: absolute; bottom: 0;  margin-left:0px; width:8px; height:8px; background-size: contain; top:10px;}
.segunda{margin-left: 8px;}
.next {
-webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
mask-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);
background-color: #f94e2b;}
@keyframes bounceAlpha {
  0% {opacity: 1; -webkit-transform: translateX(0px) scale(1);    -moz-transform: translateX(0px) scale(1);    transform: translateX(0px) scale(1);   }
  25%{opacity: 0; -webkit-transform:translateX(10px) scale(0.9);  -moz-transform:translateX(10px) scale(0.9);  transform:translateX(10px) scale(0.9);   }
  26%{opacity: 0; -webkit-transform:translateX(-10px) scale(0.9); -moz-transform:translateX(-10px) scale(0.9); transform:translateX(-10px) scale(0.9);  }    
  55% {opacity:1; -webkit-transform: translateX(0px) scale(1);    -moz-transform: translateX(0px) scale(1);    transform: translateX(0px) scale(1);   }
}

@media (min-width:769px) and (max-width:1024px) {
.hcERP__grid {grid-template-columns:repeat(2,1fr);}
}

/*Manucaturing End*/




  /* ── RESPONSIVE ── */
/*  @media(max-width:1199px){.vgrid{grid-template-columns:repeat(2,1fr);}.bcl,.bcm{grid-column:span 6;}.bcs{grid-column:span 6;}}
  @media(max-width:991px){.hero{padding:52px 0 0;}.vgrid{grid-template-columns:repeat(2,1fr);}.cgrid{grid-template-columns:1fr;}.rgrid{grid-template-columns:repeat(2,1fr);}.nlinks{display:none;}.wy-visual{display:none!important;}.wy-item.open .wy-body{max-height:200px!important;}.be-layout{grid-template-columns:1fr;}}
  @media(max-width:767px){.vgrid{grid-template-columns:1fr;}.rgrid{grid-template-columns:1fr;}.bento-grid{grid-template-columns:1fr;}.bcl,.bcm,.bcs,.bcf{grid-column:span 1;}.statbar{flex-direction:column;gap:20px;}.bstsep{width:60%;height:1px;}.wcg{grid-template-columns:repeat(3,1fr);}.bf,.bo,.bw{width:100%;justify-content:center;}}
*/

  /* ── RESPONSIVE ── */
  @media(max-width:1199px){
      .csec{background-position:right bottom;}
      .vgrid{grid-template-columns:repeat(2,1fr);}
      .fgrid{grid-template-columns:repeat(2,1fr);}
      .ingrid{grid-template-columns:repeat(3,1fr);}
      .bcl,.bcm{grid-column:span 6;}
      .bcs{grid-column:span 12;}
  }
  @media(max-width:991px){
      .hero{padding:0;}
      .hcta{margin-bottom:0px;}
      .hh1,.hbd{margin-bottom:2rem;}

      .bsec, .wsec, .vsec, .wysec, .csec, .revsec, .cmsec, .besec, .insec, .awsec, .strsec, .mosec{padding:50px 0 50px 0; }
      .vgrid{grid-template-columns:repeat(2,1fr);}
      .fgrid{grid-template-columns:repeat(2,1fr);}
      .cgrid{grid-template-columns:1fr;}
      .rgrid{grid-template-columns:repeat(2,1fr);}
      .begrid{grid-template-columns:repeat(2,1fr);}
      .ingrid{grid-template-columns:repeat(3,1fr);}
      .fpill{display:none;}.nlinks{display:none;}
    .be-layout{grid-template-columns:1fr;}
    .mo-timeline{padding-left:24px;}
    .mo-visual{margin-top:40px;}
  }
  @media(max-width:767px){
 .section-desc{font-size: 0.85rem; line-height:normal;}
 .section-head {font-size: 1.25rem;font-weight: 500;}

      .hcERP-section {padding:1.5rem 0;}
.hcERP__grid {display:flex; overflow-x:auto; overflow-y:hidden;}
.hcERP__header {margin-bottom:40px;}
.hcERP-card{padding:1rem; flex:0 0 auto;width: 100%;max-width: 100%;}
.hcERP-icon {width: 34px;height: 34px;}
.hcERP-card-number {font-size:42px;}
.hcERP-card-title{font-size:1.05rem;margin-bottom:0.15rem;}
.hcERP-card-body{font-size:0.85rem;}
.wsec-box{padding:0.5rem;text-align:center;}
.wsec-box h6{font-size:0.85rem; font-weight:500;}
      .rv, .rv-scale{opacity:1;transform: none;}
       .dfr{border-radius:0px; box-shadow:none;}
       .bsec, .be-big-item, .fcard{padding:1rem;}
       .rvr, .mo-step-title i, .bw i, .fcard .fico{display:none;}
      .hh1, .sh2,   .mo-headline, .cta-title{font-size:1.25rem}
     .bh, .bmh, .bsh,  .aw-logo  {font-size: 1.15rem;}
      .ftit,  .be-big-title,.be-list-title, .mo-step-title {font-size: 1.05rem;}
      .mo-step-title{font-weight:500;}
       .wsec, .vsec, .wysec, .csec, .revsec, .cmsec, .besec, .insec, .awsec, .strsec, .mosec{padding:1.5rem 0 1.5rem 0; }
      .hbd, .d2, .ey, .sb, .fbd, .bp, .bchecks li, .bmp, .bsp, .rtxt, .ct th, .ct td, .be-big-text, .be-list-text, .str-brand, .str-quote, .mo-intro, .mo-step-body, .cta-subtitle{font-size:0.85rem; line-height:normal;}
      .hh1,.hbd, .bento-grid, .mo-step, .str-grid{margin-bottom:1rem;}
      .mout{margin-bottom:0px;}
      .bf, .bw{padding: 0.6rem;font-size: 0.85rem;text-transform: capitalize;line-height: normal; text-align:center; letter-spacing:normal; font-weight: 600;}
      .ct th{padding:0.5rem;text-transform:capitalize; font-weight:500;}
      .ci.y, .ci.p, .ci.n {display: block;margin: auto;text-align: center;}
      .ct th.lc{border-radius:0px;}
      .ct td, .rcard{padding:0.4rem}
      .ct td.lc, .ct td.gc{text-align:center; font-size:0.75rem;}
     /* .ct td{white-space:nowrap;}
      .ct td.lc, .ct td.gc{white-space:normal;}*/
      .bf i, hero-bg-shape,.mout::before, .mout::after, .be-big-num, .mo-dot, .mo-timeline::before, .hero-bg-shape{display:none;}
   .aw-track{animation: awscroll 5s linear infinite;}
      .ben-c{border-radius:10px;}
      .aprl-rtl-vertical .vertical-tag{display:block;}
      .cs-hint {font-size: 0.7rem;font-family: 'Poppins';font-weight: 400;padding: 0 1rem;}
      .fgrid, .rgrid,  .mo-timeline {display:flex; overflow-x:auto; overflow-y:hidden; }
      .rgrid{flex-direction:column; height:560px; overflow:auto;gap: 0.5rem;}
      .fcard, .rcard, .mo-step {flex: 0 0 auto;width: 100%;max-width: 100%;}
      .mo-step{padding:0.5rem; border:1px solid #f0f0f0; border-radius:8px;margin-right: 0.5rem;margin-bottom: 0px;}
      .cta-dark::before{background:rgba(241, 74, 39, 0.1);}
      .aw-card, .ben-c, .cta-btn{padding:0.5rem;}
      .mo-timeline{padding:0px}
      .bico-lg, .bico-md, .bico-sm {width: 44px;height: 44px;border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.7rem;margin-bottom: 10px;position: absolute;right: 18px;}
      .bsec-container {box-shadow: 0px 6px 8px -6px #ccc;border-radius: 10px;}

      .bc{width:150px; height:auto; padding:0.5rem; border-radius:4px;}
      .bc img{height:34px;}
      .bfn{margin:0.5rem 0}
      .min{gap:5px;}
      .hh1 .txt-underline::after{height:1px;}
      .vgrid{grid-template-columns:1fr;}
   /*   .fgrid{grid-template-columns:1fr;}*/
      .rgrid{grid-template-columns:1fr;}
      .begrid{grid-template-columns:1fr;}
      .ingrid{grid-template-columns:repeat(2,1fr);}
      .wcg{grid-template-columns:repeat(3,1fr);}
      .bf,.bo,.bw{width:100%;justify-content:center;}
      .bento-grid{grid-template-columns:1fr;}
      .bcl,.bcm,.bcs,.bcf{grid-column:span 1;}
      .statbar{flex-direction:column;gap:20px;}
      .bstsep{width:60%;height:1px;}
       .hub-wrap{min-height:340px;}
    .hub-center{width:90px;height:90px;}
    .hub-center i{font-size:1.5rem;}
    .hub-ring.r1{width:180px;height:180px;}
    .hub-ring.r2{width:300px;height:300px;}
    .hub-node-ico{width:40px;height:40px;font-size:.95rem;}
    .hub-node-label{font-size:.55rem;max-width:52px;}
    .str-grid{grid-template-columns:1fr;}

  }
 

    /* ── Retail-POS-Software End ── */