:root{
    --navy-950:#081226;
    --navy-900:#0B1B36;
    --navy-800:#122B52;
    --navy-700:#1B3A6B;
    --green-600:#15924A;
    --green-500:#1EA855;
    --green-400:#3DC172;
    --green-100:#E4F7EA;
    --green-700:#0F7A3D;
    --off:#F5F8F6;
    --white:#FFFFFF;
    --ink:#0E1524;
    --muted:#5B6B7C;
    --line:#E4EAE7;
    --shard: polygon(22% 0%, 100% 0%, 78% 100%, 0% 100%);
    --radius:18px;
    --shadow-soft: 0 20px 50px -25px rgba(11,27,54,0.35);
    --ease: cubic-bezier(.22,.85,.31,1);
  }
  
  
  body{
    margin:0;
    font-family:'Inter',sans-serif;
    color:var(--ink);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,h4,.display{
    font-family:'Plus Jakarta Sans',sans-serif;
    letter-spacing:-0.02em;
    margin:0;
  }
  
  
  
  
  
  
  .eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:12.5px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
    color:var(--green-500);
  }
  .eyebrow::before{content:""; width:16px; height:2px; background:var(--green-500); display:inline-block; border-radius:2px;}
  .btn{
    display:inline-flex; align-items:center; gap:10px;
    padding:14px 24px; border-radius:100px; font-weight:700; font-size:15px;
    border:1.5px solid transparent; transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .3s, color .3s, border-color .3s;
    white-space:nowrap;
  }
  .btn-primary{background:var(--green-500); color:#fff; box-shadow:0 14px 28px -14px rgba(21,146,74,.65);}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 18px 34px -14px rgba(21,146,74,.75);}
  .btn-outline{border-color:rgba(255,255,255,.4); color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,.12); transform:translateY(-2px);}
  .btn-outline-dark{border-color:var(--navy-800); color:var(--navy-900);}
  .btn-outline-dark:hover{background:var(--navy-900); color:#fff; transform:translateY(-2px);}
  .btn svg{width:16px; height:16px; transition:transform .3s var(--ease);}
  .btn:hover svg{transform:translateX(3px);}

  /* reveal on scroll — slide in from left/right, no blur */
  .reveal{opacity:0; transform:translateX(-14px); transition:opacity .22s var(--ease), transform .22s var(--ease); will-change:transform,opacity;}
  .reveal.in{opacity:1; transform:translateX(0);}
  .reveal.from-right{transform:translateX(14px);}
  .reveal.from-right.in{transform:translateX(0);}
  .reveal.from-up{transform:translateY(10px);}
  .reveal.from-up.in{transform:translateY(0);}
  .stagger .reveal:nth-child(odd){transform:translateX(-14px);}
  .stagger .reveal:nth-child(even){transform:translateX(14px);}
  /* straight-reveal: every card rises from the same direction, no left/right zig-zag */
  .straight-reveal.reveal, .straight-reveal .reveal{transform:translateY(10px) !important;}
  .straight-reveal.reveal.in, .straight-reveal .reveal.in{transform:translateY(0) !important;}
  .stagger .reveal:nth-child(1){transition-delay:.01s;}
  .stagger .reveal:nth-child(2){transition-delay:.03s;}
  .stagger .reveal:nth-child(3){transition-delay:.05s;}
  .stagger .reveal:nth-child(4){transition-delay:.07s;}
  .stagger .reveal:nth-child(5){transition-delay:.09s;}
  .stagger .reveal:nth-child(6){transition-delay:.11s;}
  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1; transform:none; transition:none;}
    html{scroll-behavior:auto;}
  }

  /* dot-grid decoration */
  .dot-grid{
    display:grid; grid-template-columns:repeat(4,5px); gap:7px;
  }
  .dot-grid span{width:4px; height:4px; border-radius:50%; background:currentColor; opacity:.28;}

  
  
  
  
  
  
  
  
  
  
  
  
  .desktop-nav a:hover::after{width:100%;}
  
  
  
  
  
  

  
  
  
  
  
  .mobile-menu-close:hover{background:var(--off); border-color:var(--navy-300, var(--line));}
  
  
  
  
  
  
  .mobile-menu .btn-primary{margin-top:28px; justify-content:center; width:100%; padding:16px;}
  
  .mobile-menu-foot-bar{
    display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:14px; padding:14px 16px; font-size:13px; color:var(--muted);
  }
  .mobile-menu-foot-bar .mmf-divider{width:2px; height:16px; background:var(--green-500); border-radius:2px; flex-shrink:0;}
  

  /* ============ HERO ============ */
  .hero{position:relative; overflow:hidden; background:var(--navy-950); min-height:640px;}
  .slide{position:absolute; inset:0; opacity:0; transition:opacity 1.4s ease;}
  .slide.active{opacity:1;}
  .slide img{width:100%; height:100%; object-fit:cover; transform:scale(1.08); transition:transform 7s ease-out;}
  .slide.active img{transform:scale(1);}
  .slide::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(100deg, rgba(8,18,38,.94) 0%, rgba(8,18,38,.78) 32%, rgba(8,18,38,.42) 62%, rgba(8,18,38,.15) 100%);
  }
  .hero-shard{
    position:absolute; right:-6%; bottom:-8%; width:46%; aspect-ratio:1.1/1;
    background:linear-gradient(135deg, var(--green-400), var(--green-600));
    clip-path:var(--shard); opacity:.9; z-index:2; filter:blur(.2px);
    animation:float 7s ease-in-out infinite;
  }
  @keyframes float{0%,100%{transform:translateY(0);} 50%{transform:translateY(-14px);}}
  .hero-content{position:relative; z-index:3; padding:120px 22px 190px; max-width:1180px; margin:0 auto;}
  .hero-badge{
    display:inline-flex; align-items:center; gap:8px; padding:7px 16px; border-radius:100px;
    background:rgba(30,168,85,.16); border:1px solid rgba(61,193,114,.4);
    color:var(--green-400); font-weight:700; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
    margin-bottom:22px;
  }
  .hero-content h1{
    font-size:clamp(32px,7vw,58px); color:#fff; font-weight:800; line-height:1.08; max-width:720px;
  }
  .hero-content h1 .accent{color:var(--green-400);}
  .hero-content p{color:rgba(255,255,255,.78); font-size:16.5px; max-width:480px; margin-top:20px;}
  .hero-btns{display:flex; flex-wrap:wrap; gap:14px; margin-top:32px;}
  .hero-controls{position:absolute; bottom:120px; left:0; right:0; z-index:4; display:flex; justify-content:space-between; align-items:center; padding:0 22px; max-width:1180px; margin:0 auto; pointer-events:none;}
  .arrow-btn{
    pointer-events:auto; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.3); color:#fff; display:flex; align-items:center; justify-content:center;
    backdrop-filter:blur(6px); transition:background .3s;
  }
  .arrow-btn:hover{background:rgba(255,255,255,.22);}
  .dots{position:absolute; bottom:96px; left:50%; transform:translateX(-50%); z-index:4; display:flex; gap:9px;}
  .dot{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.35); transition:all .4s var(--ease); border:none;}
  .dot.active{width:26px; border-radius:5px; background:var(--green-400);}

  /* trust strip overlapping hero */
  .trust-strip{
    position:relative; z-index:5; margin:-96px auto 0; max-width:1080px; padding:0 18px;
  }
  .trust-card-grid{
    background:#fff; border-radius:22px; box-shadow:var(--shadow-soft);
    display:grid; grid-template-columns:repeat(2,1fr); gap:0;
    overflow:hidden;
  }
  .trust-item{padding:28px 22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line);}
  .trust-item:nth-child(2n){border-right:none;}
  .trust-icon{
    width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center;
    margin-bottom:14px;
  }
  .trust-item h4{font-size:15.5px; font-weight:700; color:var(--navy-900); margin-bottom:6px;}
  .trust-item p{font-size:13.5px;}

  /* ============ SECTION GENERIC ============ */
  section{padding:88px 0;}
  .section-head{max-width:640px; margin-bottom:52px;}
  .section-head h2{font-size:clamp(26px,4.2vw,40px); font-weight:800; color:var(--navy-900); margin-top:14px; line-height:1.15;}
  .section-head p{margin-top:16px; font-size:16px;}
  .section-head.center{margin-left:auto; margin-right:auto; text-align:center;}

  /* platform / stats — navy */
  .platform{background:var(--navy-950); color:#fff; position:relative; overflow:hidden;}
  .platform::before{
    content:""; position:absolute; top:-140px; left:-100px; width:420px; height:420px; border-radius:50%;
    background:radial-gradient(circle, rgba(30,168,85,.18), transparent 70%);
  }
  .platform .section-head h2{color:#fff;}
  .platform .section-head p{color:rgba(255,255,255,.68);}
  .stat-row{display:grid; grid-template-columns:repeat(2,1fr); gap:26px; margin-top:56px; position:relative; z-index:2;}
  .trust-strip{padding:22px 0; background:#fff; border-bottom:1px solid var(--line);}
  .ts-row{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px 30px;}
  .ts-item{display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:var(--navy-900); white-space:nowrap;}
  .ts-item svg{color:var(--green-600); flex-shrink:0;}
  .rb-btn:hover{background:var(--green-600);}
  .stat{text-align:center; padding:22px 10px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08);}
  .stat .num{font-family:'Plus Jakarta Sans'; font-size:clamp(28px,5vw,40px); font-weight:800; color:var(--green-400);}
  .stat .lbl{font-size:12.5px; color:rgba(255,255,255,.6); margin-top:6px; letter-spacing:.02em;}

  /* core services */
  .services-grid{display:grid; grid-template-columns:1fr; gap:18px;}
  .svc-preview-grid{display:grid; grid-template-columns:1fr; gap:14px; margin-top:34px;}
  .svc-preview-card{
    display:flex; align-items:center; gap:15px; padding:19px 18px; background:#fff; border:1.5px solid var(--line);
    border-top:3px solid var(--green-500); border-radius:16px;
    transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
  }
  .svc-preview-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-soft); border-color:var(--green-500);}
  .spc-ic{width:46px; height:46px; border-radius:13px; background:var(--green-100); color:var(--green-700); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .spc-text{flex:1; min-width:0;}
  .spc-text .spc-title{display:block; font-family:'Plus Jakarta Sans'; font-weight:800; font-size:14.5px; color:var(--navy-900); line-height:1.25;}
  .spc-text .spc-sub{display:block; font-size:11.5px; color:var(--muted); margin-top:3px;}
  .spc-arrow{color:var(--green-600); flex-shrink:0; transition:transform .3s var(--ease);}
  .svc-preview-card:hover .spc-arrow{transform:translateX(4px);}
  @media(min-width:640px){.svc-preview-grid{grid-template-columns:1fr 1fr;}}
  .svc-more-note{
    display:flex; align-items:center; gap:14px; margin-top:28px; padding:18px 20px;
    background:linear-gradient(120deg, var(--navy-900), var(--navy-800)); border-radius:16px; flex-wrap:wrap;
  }
  .smn-badge{
    width:38px; height:38px; border-radius:11px; background:rgba(61,193,114,.18); color:var(--green-400);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .smn-text{flex:1; min-width:180px; font-size:13px; color:rgba(255,255,255,.78); line-height:1.5;}
  .smn-text strong{color:#fff; font-weight:800;}
  .smn-link{
    display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:800; color:var(--green-400);
    padding:9px 15px; border:1.5px solid rgba(61,193,114,.4); border-radius:100px; white-space:nowrap; transition:.25s;
  }
  .smn-link:hover{background:var(--green-500); color:#fff; border-color:var(--green-500);}
  .service-card{
    background:#fff; border:1px solid var(--line); border-radius:20px; padding:22px 18px;
    transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s;
    position:relative; overflow:hidden;
    display:flex; align-items:stretch; gap:14px;
  }
  .service-card:hover{transform:translateY(-6px); box-shadow:var(--shadow-soft); border-color:transparent;}
  .sc-body{flex:1; min-width:0; display:flex; flex-direction:column;}
  .sc-top{display:flex; align-items:center; gap:10px; margin-bottom:16px;}
  .service-card .num-tag{
    font-family:'Plus Jakarta Sans'; font-weight:800;
    font-size:12px; color:var(--green-600); background:var(--green-100);
    padding:4px 10px; border-radius:100px; letter-spacing:.03em;
  }
  .service-icon{
    width:50px; height:50px; border-radius:14px;
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .service-icon.ic-dark{background:var(--navy-900); color:var(--green-400);}
  .service-icon.ic-green{background:linear-gradient(135deg, var(--green-400), var(--green-600)); color:#fff;}
  .service-card h3{font-size:17px; font-weight:700; color:var(--navy-900); margin-bottom:8px; line-height:1.25;}
  .service-card p{font-size:13.5px; flex:1;}
  .sc-more{
    display:inline-flex; align-items:center; gap:8px; margin-top:16px; align-self:flex-start;
    background:var(--green-100); color:var(--green-700, var(--green-600)); font-weight:700; font-size:13px;
    padding:8px 8px 8px 16px; border-radius:100px; transition:background .3s;
  }
  .sc-more .sc-arrow{
    width:26px; height:26px; border-radius:50%; background:var(--green-500); color:#fff;
    display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:transform .35s var(--ease);
  }
  .service-card:hover .sc-more{background:var(--green-500); color:#fff;}
  .service-card:hover .sc-more .sc-arrow{transform:translateX(3px); background:#fff; color:var(--green-600);}
  .sc-decor{
    width:64px; flex-shrink:0; border-left:1px solid var(--line);
    display:flex; flex-direction:column; align-items:center; gap:16px; padding-left:14px; padding-top:2px;
  }
  .sc-decor-icon{
    width:40px; height:40px; border-radius:12px; background:var(--green-100); color:var(--green-600);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
  }
  .sc-decor .dot-grid{color:var(--navy-900);}
  .center-cta{display:flex; justify-content:center; margin-top:44px;}

  /* featured service image strip */
  .feat-strip{display:grid; grid-template-columns:1fr; gap:16px; margin-top:34px;}
  .feat-card{
    position:relative; border-radius:20px; overflow:hidden; height:260px;
    box-shadow:var(--shadow-soft); transition:transform .4s var(--ease);
  }
  .feat-card:hover{transform:translateY(-5px);}
  .feat-card img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s var(--ease);}
  .feat-card:hover img{transform:scale(1.06);}
  .feat-overlay{position:absolute; inset:0; background:linear-gradient(0deg, rgba(6,13,28,.92) 8%, rgba(6,13,28,.45) 55%, rgba(6,13,28,.1) 100%);}
  .feat-body{position:absolute; left:0; right:0; bottom:0; padding:20px 20px 22px; color:#fff;}
  .feat-tag{display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--green-400); background:rgba(30,168,85,.16); border:1px solid rgba(61,193,114,.4); padding:4px 11px; border-radius:100px; margin-bottom:10px;}
  .feat-body h4{font-size:19px; font-weight:800; line-height:1.25;}
  .feat-body p{font-size:13px; color:rgba(255,255,255,.8); margin-top:6px; max-width:320px;}
  .feat-link{display:inline-flex; align-items:center; gap:6px; margin-top:14px; font-size:13px; font-weight:700; color:#fff; border-bottom:1.5px solid var(--green-400); padding-bottom:2px;}

  /* discover */
  .discover{background:var(--off);}
  .discover-wrap{display:grid; grid-template-columns:1fr; gap:44px; align-items:center;}
  .discover-img-wrap{position:relative;}
  .discover-img-wrap img{border-radius:24px; box-shadow:var(--shadow-soft); width:100%; height:340px; object-fit:cover;}
  .discover-badge{
    position:absolute; bottom:-18px; left:-14px; background:#fff; border-radius:16px; padding:16px 18px;
    box-shadow:var(--shadow-soft); display:flex; align-items:center; gap:12px; max-width:230px;
  }
  .discover-badge .dot-ic{width:38px; height:38px; border-radius:10px; background:var(--navy-900); flex-shrink:0; display:flex; align-items:center; justify-content:center;}
  .discover-badge strong{display:block; font-size:13.5px; color:var(--navy-900);}
  .discover-badge span{font-size:11.5px; color:var(--muted);}
  .pillar-list{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:26px;}
  .pillar{
    padding:18px 16px; background:#fff; border-radius:16px; border:1px solid var(--line);
    transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s; position:relative; overflow:hidden;
  }
  .pillar:hover{transform:translateY(-5px); box-shadow:var(--shadow-soft); border-color:transparent;}
  .pillar .p-icon{width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:12px;}
  .pillar:nth-child(odd) .p-icon{background:var(--navy-900); color:var(--green-400);}
  .pillar:nth-child(even) .p-icon{background:linear-gradient(135deg, var(--green-400), var(--green-600)); color:#fff;}
  .pillar h4{font-size:14.5px; font-weight:700; color:var(--navy-900);}
  .pillar p{font-size:12.5px; margin-top:4px;}

  /* digital platform content cards */
  .dp-cards{display:grid; grid-template-columns:1fr; gap:14px; margin-top:44px;}
  .dp-card{
    display:block; padding:22px; background:#fff; border-radius:18px; border:1px solid var(--line);
    transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s;
  }
  .dp-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-soft); border-color:transparent;}
  .dp-card.featured{background:var(--navy-900); border-color:var(--navy-900);}
  .dp-card.featured .dp-tag{background:rgba(61,193,114,.16); color:var(--green-400);}
  .dp-card.featured h4{color:#fff;}
  .dp-card.featured p{color:rgba(255,255,255,.68);}
  .dp-card.featured .dp-link{color:var(--green-400);}
  .dp-tag{
    display:inline-block; font-size:10.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
    padding:5px 10px; border-radius:20px; background:var(--green-100); color:var(--green-700); margin-bottom:10px;
  }
  .dp-tag.edu{background:#EAF1FF; color:#2C56D6;}
  .dp-tag.biz{background:#FBEFE0; color:#B4680B;}
  .dp-tag.train{background:#F1E9FB; color:#7A3FC9;}
  .dp-tag.guide{background:#E4F7EA; color:var(--green-700);}
  .dp-card h4{font-size:15.5px; font-weight:800; color:var(--navy-900); line-height:1.3;}
  .dp-card p{font-size:12.5px; margin-top:6px; line-height:1.55;}
  .dp-link{display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:700; color:var(--green-600); margin-top:12px;}
  @media(min-width:640px){.dp-cards{grid-template-columns:repeat(2,1fr);}}
  @media(min-width:980px){.dp-cards{grid-template-columns:repeat(3,1fr);} .dp-card.featured{grid-row:span 2;}}
  button.dp-card{text-align:left; width:100%; font-family:inherit; cursor:pointer;}
  .dp-guide-panel{max-height:0; overflow:hidden; transition:max-height .5s var(--ease);}
  .dp-guide-panel.open{max-height:900px;}
  .dp-guide-inner{margin-top:20px; padding:26px 22px; background:var(--green-100); border-radius:18px;}
  .dp-guide-inner h3{font-size:17px; font-weight:800; color:var(--navy-900); margin-bottom:16px;}
  .dp-guide-steps{display:flex; flex-direction:column; gap:12px; counter-reset:step; list-style:none; padding:0;}
  .dp-guide-steps li{position:relative; padding-left:34px; font-size:13px; color:#2C3646; line-height:1.55;}
  .dp-guide-steps li::before{
    counter-increment:step; content:counter(step); position:absolute; left:0; top:0; width:24px; height:24px;
    border-radius:50%; background:var(--green-500); color:#fff; font-size:11.5px; font-weight:800;
    display:flex; align-items:center; justify-content:center;
  }
  .dp-guide-steps li strong{color:var(--navy-900);}

  /* why infopoint */
  .why-grid{display:grid; grid-template-columns:1fr; gap:16px;}
  .why-card{padding:26px 22px; border-radius:var(--radius); background:#fff; border:1px solid var(--line); transition:box-shadow .4s, transform .4s var(--ease);}
  .why-card:hover{box-shadow:var(--shadow-soft); transform:translateY(-4px);}
  .why-card .w-ic{width:40px; height:40px; border-radius:11px; background:var(--navy-900); color:var(--green-400); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
  .why-card h4{font-size:16px; font-weight:700; color:var(--navy-900); margin-bottom:6px;}
  .why-card p{font-size:13.5px;}
  .why-tagline{text-align:center; margin-top:44px; font-family:'Plus Jakarta Sans'; font-weight:700; font-size:19px; color:var(--navy-900);}
  .why-tagline .accent{color:var(--green-600);}

  /* trust credibility — About Infopoint */
  .credibility{
    border-radius:28px; padding:38px 24px 32px; position:relative; overflow:hidden; color:#fff;
    margin:0 22px; background-size:cover; background-position:center right;
  }
  .cred-bg{position:absolute; inset:0; background-size:cover; background-position:60% center; opacity:.85;}
  .cred-overlay{position:absolute; inset:0; background:linear-gradient(175deg, rgba(6,13,28,.98) 8%, rgba(7,15,31,.95) 34%, rgba(8,18,38,.88) 62%, rgba(8,18,38,.8) 100%);}
  .credibility::after{content:none;}
  .cred-swoosh{position:absolute; top:0; right:0; width:60%; height:70%; z-index:1; pointer-events:none;}
  .cred-inner{position:relative; z-index:2;}
  .cred-badges{display:flex; flex-wrap:wrap; gap:9px; margin-bottom:20px;}
  .cred-badge{display:inline-flex; align-items:center; gap:6px; padding:7px 14px 7px 10px; border-radius:100px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.22); font-size:11.5px; font-weight:700;}
  .cred-badge svg{flex-shrink:0;}
  .credibility h3{font-size:clamp(23px,4.6vw,32px); font-weight:800; max-width:560px; line-height:1.25;}
  .credibility h3 .accent{color:var(--green-400);}
  .credibility p{color:rgba(255,255,255,.75); max-width:520px; margin-top:14px; font-size:14.5px;}
  .cred-pillars{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:26px;}
  .cred-pillar{
    background:rgba(11,27,54,.55); border:1px solid rgba(255,255,255,.14); border-radius:14px; padding:16px 14px;
    backdrop-filter:blur(4px); transition:background .3s, transform .3s var(--ease);
  }
  .cred-pillar:hover{background:rgba(11,27,54,.75); transform:translateY(-3px);}
  .cred-pillar .cp-ic{width:34px; height:34px; border-radius:9px; background:rgba(61,193,114,.16); border:1px solid rgba(61,193,114,.4); color:var(--green-400); display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
  .cred-pillar strong{display:block; font-size:13.5px; font-weight:700;}
  .credibility .btn{margin-top:26px;}
  .cred-trust-strip{position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:18px; margin-top:26px; padding-top:22px; border-top:1px solid rgba(255,255,255,.14);}
  .cred-trust-strip .cts-item{display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:rgba(255,255,255,.85);}
  .cred-trust-strip svg{color:var(--green-400); flex-shrink:0;}

  /* testimonials */
  .testi-wrap{max-width:900px; margin:0 auto;}
  .testi-featured{
    background:linear-gradient(150deg, var(--navy-900), var(--navy-950)); border-radius:26px; padding:34px 22px 30px;
    position:relative; overflow:hidden;
  }
  .testi-featured::before{content:""; position:absolute; top:-100px; left:-80px; width:280px; height:280px; border-radius:50%; background:radial-gradient(circle, rgba(30,168,85,.18), transparent 70%);}
  .testi-featured::after{content:""; position:absolute; bottom:-90px; right:-70px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle, rgba(30,168,85,.12), transparent 70%);}
  .testi-inner-card{
    position:relative; z-index:1; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
    border-radius:20px; padding:26px 22px 22px;
  }
  .testi-track{overflow:hidden; border-radius:20px; position:relative; z-index:1;}
  .testi-single .testi-inner-card{max-width:640px; margin:0 auto;}
  .testi-quote-mark{color:var(--green-400); opacity:.55; margin-bottom:6px;}
  .testi-stars{display:flex; gap:3px; justify-content:flex-end; margin-bottom:16px;}
  .testi-stars svg{color:#F5B301;}
  .testi-featured .testi-quote-big{color:#fff; font-size:19px; font-weight:700; line-height:1.4; font-family:'Plus Jakarta Sans';}
  .testi-featured .testi-quote-sub{color:rgba(255,255,255,.72); font-size:14px; margin-top:12px; line-height:1.6;}
  .testi-person{display:flex; align-items:center; gap:14px; margin-top:22px;}
  .testi-avatar-wrap{position:relative; flex-shrink:0;}
  .testi-avatar{
    width:68px; height:68px; border-radius:50%; object-fit:cover; border:3px solid var(--green-400); display:block;
    box-shadow:0 0 0 4px rgba(30,168,85,.18);
  }
  .testi-avatar-badge{
    position:absolute; bottom:-4px; right:-4px; width:26px; height:26px; border-radius:50%; background:#fff;
    display:flex; align-items:center; justify-content:center; box-shadow:0 3px 8px rgba(0,0,0,.3);
  }
  .testi-person-name{color:#fff; font-weight:800; font-size:15px;}
  .testi-person-role{color:var(--green-400); font-size:12.5px; font-weight:600; margin-top:2px;}
  .testi-featured .testi-tag{margin-top:14px; background:rgba(255,255,255,.1); color:#fff; border:1px solid rgba(255,255,255,.16);}

  .testi-mini-grid{display:grid; grid-template-columns:1fr; gap:14px; margin-top:18px;}
  .testi-mini{
    background:var(--navy-900); border-radius:16px; padding:18px 18px 20px; color:#fff;
    transition:transform .35s var(--ease), box-shadow .35s var(--ease);
  }
  .testi-mini:hover{transform:translateY(-4px); box-shadow:var(--shadow-soft);}
  .testi-mini-top{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
  .testi-mini-quote-ic{color:var(--green-400); opacity:.7;}
  .testi-mini-stars{display:flex; gap:2px;}
  .testi-mini-stars svg{color:#F5B301; width:11px; height:11px;}
  .testi-mini p.tmq{font-size:13px; color:rgba(255,255,255,.85); line-height:1.55; min-height:60px;}
  .testi-mini-foot{display:flex; align-items:center; gap:10px; margin-top:14px;}
  .testi-mini-av{
    width:36px; height:36px; border-radius:50%; flex-shrink:0; display:flex; align-items:center; justify-content:center;
    font-weight:800; font-size:13px; color:#fff;
  }
  .testi-mini-name{font-size:12.5px; font-weight:700; color:#fff;}
  .testi-mini-role{font-size:11px; color:var(--green-400); font-weight:600;}

  /* community */
  .community{background:var(--navy-950); color:#fff; position:relative; overflow:hidden; padding-bottom:56px;}
  .community::before{content:""; position:absolute; top:-160px; right:-140px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle, rgba(30,168,85,.16), transparent 70%);}

  .comm-head{margin-bottom:28px;}
  .comm-head h2{font-size:clamp(26px,7.4vw,38px); font-weight:800; color:#fff; line-height:1.1;}
  .comm-underline{width:42px; height:4px; background:var(--green-500); border-radius:3px; margin-top:12px; margin-bottom:16px;}
  .comm-head p{color:rgba(255,255,255,.68); font-size:15px; max-width:380px; line-height:1.55;}

  .comm-grid{display:grid; grid-template-columns:1fr; gap:18px; margin-top:0;}
  .comm-card{
    background:#fff; border-radius:28px; padding:26px 22px;
    display:flex; flex-direction:column; gap:15px; transition:transform .4s var(--ease), box-shadow .4s var(--ease);
    color:var(--ink); position:relative;
  }
  .comm-card:hover{transform:translateY(-5px); box-shadow:0 24px 50px -20px rgba(0,0,0,.5);}
  .comm-card-top{display:flex; align-items:flex-start; justify-content:space-between; gap:10px;}
  .comm-ic{width:56px; height:56px; border-radius:16px; background:var(--green-500); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .comm-badge{font-size:12.5px; font-weight:700; padding:7px 16px; border-radius:100px; background:var(--green-100); color:var(--green-700,var(--green-600)); white-space:nowrap;}
  .comm-badge.blue{background:#EAEFFE; color:#2C56D6;}
  .comm-card h4{font-size:21px; font-weight:800; color:var(--navy-900); line-height:1.2;}
  .comm-card p{color:var(--muted); font-size:14px; line-height:1.55;}

  .comm-link-box{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    background:var(--green-100); border-radius:16px; padding:13px 14px;
  }
  .comm-link-box.blue{background:#EEF1FE;}
  .comm-link-left{display:flex; align-items:center; gap:10px; min-width:0;}
  .comm-link-ic{width:32px; height:32px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--green-600);}
  .comm-link-box.blue .comm-link-ic{color:#2C56D6;}
  .comm-link-text{min-width:0;}
  .comm-link-text .clt-label{display:block; font-weight:800; font-size:13.5px; color:var(--green-600);}
  .comm-link-box.blue .clt-label{color:#2C56D6;}
  .comm-link-text .clt-url{display:block; font-size:12px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:150px;}
  .comm-copy{
    flex-shrink:0; border:1.5px solid var(--green-500); color:var(--green-600); background:transparent;
    font-weight:700; font-size:12.5px; padding:8px 15px; border-radius:100px; transition:background .3s, color .3s;
  }
  .comm-link-box.blue .comm-copy{border-color:#2C56D6; color:#2C56D6;}
  .comm-copy:hover, .comm-copy.copied{background:var(--green-500); color:#fff;}
  .comm-link-box.blue .comm-copy:hover, .comm-link-box.blue .comm-copy.copied{background:#2C56D6; color:#fff; border-color:#2C56D6;}

  .comm-join-btn{
    width:100%; justify-content:center; padding:16px 20px; border-radius:100px; font-size:15.5px; font-weight:800;
    display:flex; align-items:center; gap:9px; color:#fff; background:var(--green-500); border:none;
    transition:transform .35s var(--ease), box-shadow .35s var(--ease);
    box-shadow:0 14px 28px -14px rgba(21,146,74,.65);
  }
  .comm-join-btn:hover{transform:translateY(-2px);}
  .comm-join-btn.blue{background:#3457E0; box-shadow:0 14px 28px -14px rgba(52,87,224,.55);}
  .comm-join-btn svg{flex-shrink:0;}
  .comm-join-btn .cj-arrow{margin-left:auto; transition:transform .3s var(--ease);}
  .comm-join-btn:hover .cj-arrow{transform:translateX(3px);}

  .comm-cta-bar{
    margin-top:22px; background:linear-gradient(120deg, var(--green-600), var(--green-500));
    border-radius:18px; padding:20px 20px; display:flex; flex-direction:column; gap:16px; align-items:flex-start;
    position:relative; overflow:hidden;
  }
  .comm-cta-bar::after{content:""; position:absolute; right:-40px; top:-40px; width:140px; height:140px; border-radius:50%; background:rgba(255,255,255,.12);}
  .comm-cta-left{display:flex; align-items:center; gap:14px; position:relative; z-index:1;}
  .comm-cta-ic{width:44px; height:44px; border-radius:12px; background:rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .comm-cta-bar strong{display:block; font-size:15px; font-weight:800;}
  .comm-cta-bar span{font-size:12.5px; color:rgba(255,255,255,.85);}
  .comm-cta-bar .btn{position:relative; z-index:1; background:#fff; color:var(--green-600); width:100%; justify-content:center; padding:13px 20px;}

  /* FAQ */
  .faq-item{border-bottom:1px solid var(--line);}
  .faq-q{
    width:100%; display:flex; justify-content:space-between; align-items:center; gap:16px;
    padding:22px 4px; background:none; border:none; text-align:left; font-family:'Plus Jakarta Sans';
    font-weight:700; font-size:16px; color:var(--navy-900);
  }
  .faq-q .plus{width:26px; height:26px; border-radius:50%; border:1.5px solid var(--line); flex-shrink:0; position:relative; transition:transform .4s var(--ease), background .3s, border-color .3s;}
  .faq-q .plus::before,.faq-q .plus::after{content:""; position:absolute; background:var(--navy-900); transition:transform .3s, background .3s;}
  .faq-q .plus::before{top:50%; left:6px; right:6px; height:1.6px; transform:translateY(-50%);}
  .faq-q .plus::after{left:50%; top:6px; bottom:6px; width:1.6px; transform:translateX(-50%);}
  .faq-item.open .plus{background:var(--green-500); border-color:var(--green-500);}
  .faq-item.open .plus::before,.faq-item.open .plus::after{background:#fff;}
  .faq-item.open .plus::after{transform:translateX(-50%) scaleY(0);}
  .faq-a{max-height:0; overflow:hidden; transition:max-height .5s var(--ease);}
  .faq-a-inner{padding:0 4px 24px; font-size:14.5px; color:var(--muted); max-width:640px;}

  /* final CTA — Need Professional Support */
  .final-cta{
    background:linear-gradient(165deg, var(--navy-900) 0%, var(--navy-950) 55%), var(--fcbg-img, none);
    background-size:cover; background-position:center;
    border-radius:28px; padding:52px 24px 34px; margin:0 22px; text-align:center; position:relative; overflow:hidden;
    color:#fff;
  }
  .final-cta .fc-bg{position:absolute; inset:0; background-size:cover; background-position:center; opacity:.55; mix-blend-mode:normal;}
  .final-cta .fc-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,18,38,.55) 0%, rgba(8,18,38,.88) 70%, var(--navy-950) 100%);}
  .final-cta::before{content:""; position:absolute; top:-30%; left:-20%; width:70%; height:70%; border-radius:50%; background:radial-gradient(circle, rgba(30,168,85,.28), transparent 65%); z-index:1;}
  .fc-content{position:relative; z-index:2;}
  .fc-ic{
    width:64px; height:64px; border-radius:50%; margin:0 auto 20px; display:flex; align-items:center; justify-content:center;
    background:rgba(61,193,114,.12); border:1.5px solid rgba(61,193,114,.4); color:var(--green-400);
  }
  .final-cta h2{color:#fff; font-size:clamp(22px,4vw,30px); font-weight:800; line-height:1.2; margin-top:8px;}
  .final-cta h2 .accent{color:var(--green-400);}
  .final-cta p{color:rgba(255,255,255,.78); max-width:400px; margin:12px auto 0; font-size:13.5px; line-height:1.6;}
  .final-cta p .accent{color:var(--green-400); font-weight:600;}
  .final-btns{display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:26px;}
  .final-cta .btn-white{background:#fff; color:var(--navy-900); width:100%; justify-content:center;}
  .final-cta .btn-white:hover{transform:translateY(-2px);}
  .fc-subbtns{display:flex; gap:12px; width:100%; margin-top:4px;}
  .fc-subbtns .btn{flex:1; justify-content:center; padding:12px 14px; font-size:13.5px;}
  .contact-info-row{display:flex; flex-direction:column; gap:12px; margin-top:26px; text-align:left;}
  .contact-row-item{
    display:flex; align-items:center; gap:14px; border-radius:18px; padding:16px 16px;
    transition:transform .3s var(--ease), border-color .3s; border:1px solid; position:relative;
  }
  .contact-row-item:hover{transform:translateY(-3px);}
  .contact-row-item.wa{background:rgba(30,168,85,.12); border-color:rgba(61,193,114,.35);}
  .contact-row-item.call{background:rgba(43,92,209,.12); border-color:rgba(74,120,224,.35);}
  .contact-row-item.mail{background:rgba(147,68,224,.12); border-color:rgba(168,101,230,.35);}
  .cri-ic{width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .cri-ic.wa{background:#25D366; color:#fff;}
  .cri-ic.call{background:#3B6FE0; color:#fff;}
  .cri-ic.mail{background:#9B4FE0; color:#fff;}
  .cri-text{flex:1; min-width:0;}
  .cri-text .cri-lbl{display:block; font-size:10px; text-transform:uppercase; letter-spacing:.07em; font-weight:800;}
  .contact-row-item.wa .cri-lbl{color:#3DC172;}
  .contact-row-item.call .cri-lbl{color:#6D93EE;}
  .contact-row-item.mail .cri-lbl{color:#C08CF0;}
  .cri-text .cri-title{display:block; font-size:15px; font-weight:800; color:#fff; margin-top:2px;}
  .cri-text .cri-val{display:block; font-size:12px; color:rgba(255,255,255,.6); margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .cri-arrow{color:rgba(255,255,255,.4); flex-shrink:0;}
  .contact-satisfy{
    display:flex; align-items:center; gap:14px; border:1px solid rgba(255,255,255,.14); border-radius:18px; padding:18px 16px; margin-top:2px;
    background:rgba(255,255,255,.04);
  }
  .contact-satisfy .cs-ic{width:42px; height:42px; border-radius:50%; border:1.5px solid rgba(61,193,114,.5); color:var(--green-400); display:flex; align-items:center; justify-content:center; flex-shrink:0; background:rgba(30,168,85,.1);}
  .contact-satisfy strong{display:block; font-size:14px; font-weight:800; color:#fff;}
  .contact-satisfy p{font-size:12px; color:rgba(255,255,255,.62); margin-top:4px; line-height:1.5;}
  .contact-community-strip{
    display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px;
    border:1px solid rgba(255,255,255,.14); border-radius:18px; padding:16px 18px; margin-top:2px;
    background:rgba(255,255,255,.04);
  }
  .ccs-text strong{display:block; font-size:14px; font-weight:800; color:#fff;}
  .ccs-text span{display:block; font-size:12px; color:rgba(255,255,255,.62); margin-top:3px;}
  .ccs-btns{display:flex; gap:8px; flex-wrap:nowrap;}
  .ccs-btn{flex:1 1 0; text-align:center;}
  .ccs-btn{
    font-size:12.5px; font-weight:700; padding:9px 14px; border-radius:10px; white-space:nowrap;
    background:var(--green-500); color:#fff; border:1.5px solid var(--green-500); transition:.25s;
  }
  .ccs-btn.outline{background:transparent; color:#fff; border-color:rgba(255,255,255,.3);}
  .ccs-btn:hover{opacity:.88;}

  
  footer::before{
    content:""; position:absolute; top:-120px; right:-100px; width:380px; height:380px; border-radius:50%;
    background:radial-gradient(circle, rgba(61,193,114,.14), transparent 70%); pointer-events:none;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .footer-statement{
    position:relative; z-index:2; margin-top:44px; padding:26px 22px; border-top:1px solid rgba(255,255,255,.09);
    text-align:center; font-size:13px; color:rgba(255,255,255,.5); line-height:1.75; max-width:680px; margin-left:auto; margin-right:auto;
  }
  .footer-bottom{
    position:relative; z-index:2; border-top:1px solid rgba(255,255,255,.09); padding:22px 0 26px;
    display:flex; flex-direction:column; gap:10px; font-size:12.5px; color:rgba(255,255,255,.45);
  }
  
  
  
  .footer-credit{text-align:center; font-size:11.5px; color:rgba(255,255,255,.3); padding-top:14px; margin-top:4px; border-top:1px solid rgba(255,255,255,.06);}
  
  

  /* floating whatsapp */
  .float-wa{
    position:fixed; right:18px; bottom:22px; z-index:400; width:56px; height:56px; border-radius:50%;
    background:var(--green-500); display:flex; align-items:center; justify-content:center; box-shadow:0 14px 30px -10px rgba(21,146,74,.7);
    animation:pulse 2.6s ease-in-out infinite;
  }
  @keyframes pulse{0%,100%{box-shadow:0 14px 30px -10px rgba(21,146,74,.7);} 50%{box-shadow:0 14px 40px -6px rgba(21,146,74,.9);}}

  /* ============ DESKTOP ============ */
  @media (min-width:860px){
    .hamburger, .mobile-menu{display:none;}
    nav.desktop-nav{display:block;}
    .testi-featured{padding:44px 40px;}
    .testi-single .testi-inner-card{max-width:680px;}
    .testi-quote-big{font-size:22px !important;}
    .trust-card-grid{grid-template-columns:repeat(4,1fr);}
    .trust-item{border-bottom:none;}
    .trust-item:last-child{border-right:none;}
    .stat-row{grid-template-columns:repeat(4,1fr);}
    .services-grid{grid-template-columns:repeat(4,1fr);}
    .discover-wrap{grid-template-columns:1fr 1fr;}
    .tutoring-wrap{grid-template-columns:1fr 1fr;}
    .docs-inner{grid-template-columns:1.15fr .85fr;}
    .why-grid{grid-template-columns:repeat(3,1fr);}
    .feat-strip{grid-template-columns:1fr 1fr;}
    .gallery-slider{height:460px;}
    .comm-grid{grid-template-columns:1fr 1fr;}
    .credibility{padding:56px 60px;}
    .cred-pillars{grid-template-columns:repeat(4,1fr);}
    .cred-inner{max-width:640px;}
    .final-cta{padding:70px 60px;}
    .fc-content{max-width:640px; margin:0 auto;}
    .final-cta .btn-white{width:auto;}
    .fc-subbtns{width:auto;}
    .final-btns{align-items:center;}
    .contact-info-row{flex-direction:row; flex-wrap:wrap; justify-content:center;}
    .contact-row-item{flex:1 1 240px;}
    .contact-satisfy{flex:1 1 100%;}
    .comm-cta-bar{flex-direction:row; align-items:center; justify-content:space-between;}
    .comm-cta-bar .btn{width:auto;}
    .comm-illus{width:260px; height:260px;}
    section{padding:120px 0;}
    .hero-content{padding:170px 22px 230px;}
    .footer-top{grid-template-columns:1.2fr 2fr; gap:60px;}
    .footer-cols{grid-template-columns:repeat(3,1fr);}
    .footer-bottom-row{flex-wrap:nowrap;}
  }
  @media (min-width:560px) and (max-width:859px){
    .footer-cols{grid-template-columns:repeat(3,1fr);}
  }
  @media (min-width:640px) and (max-width:859px){
    .services-grid{grid-template-columns:1fr 1fr;}
    .why-grid{grid-template-columns:1fr 1fr;}
  }

  /* ================= ADMISSION DOCS BAND ================= */
  .docs-band{background:linear-gradient(135deg,var(--navy-900),var(--navy-800)); border-radius:28px; padding:52px 32px; position:relative; overflow:hidden;}
  .docs-band::before{content:""; position:absolute; top:-120px; right:-100px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle, rgba(30,168,85,.25), transparent 70%);}
  .docs-inner{display:grid; grid-template-columns:1fr; gap:30px; position:relative; z-index:1;}
  .docs-badge{display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:var(--green-400); font-size:11.5px; font-weight:700; letter-spacing:1px; padding:7px 14px; border-radius:99px; text-transform:uppercase;}
  .docs-inner h2{color:#fff; font-size:clamp(23px,4vw,32px); font-weight:800; margin-top:16px; line-height:1.2;}
  .docs-copy{color:rgba(255,255,255,.7); margin-top:12px; font-size:15px; max-width:520px;}
  .docs-list{list-style:none; margin:26px 0 0; padding:0; display:grid; grid-template-columns:1fr; gap:12px;}
  .docs-list li{display:flex; align-items:center; gap:10px; color:#fff; font-size:14.5px; font-weight:600;}
  .docs-list li svg{flex-shrink:0; color:var(--green-400);}
  .docs-foot{margin-top:30px; display:flex; flex-wrap:wrap; gap:16px 22px; align-items:center;}
  .docs-tags{font-size:12.5px; color:rgba(255,255,255,.65); font-weight:600;}
  .docs-tags b{color:var(--green-400); font-weight:700;}
  @media(min-width:700px){ .docs-list{grid-template-columns:1fr 1fr;} }

  /* ================= GALLERY SLIDER ================= */
  .gallery-slider{position:relative; border-radius:26px; overflow:hidden; height:340px; box-shadow:var(--shadow-soft);}
  .gallery-slide{position:absolute; inset:0; opacity:0; transition:opacity 1s ease;}
  .gallery-slide.active{opacity:1;}
  .gallery-slide img{width:100%; height:100%; object-fit:cover;}
  .gallery-slide-overlay{position:absolute; inset:0; background:linear-gradient(0deg, rgba(8,18,38,.8), rgba(8,18,38,0) 60%);}
  .gallery-caption{position:absolute; left:0; right:0; bottom:0; padding:26px 30px;}
  .gallery-caption span{font-size:11px; font-weight:700; letter-spacing:1.5px; color:var(--green-400); text-transform:uppercase;}
  .gallery-caption h3{font-size:clamp(17px,2.6vw,24px); font-weight:800; margin-top:8px; color:#fff;}
  .gallery-dots{position:absolute; right:22px; bottom:22px; display:flex; gap:7px; z-index:2;}
  .gallery-dots .dot{width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.4); border:none; cursor:pointer; transition:.3s; padding:0;}
  .gallery-dots .dot.active{background:var(--green-400); width:22px; border-radius:5px;}

  /* ================= TESTIMONIAL SLIDER ================= */
  .testi-slide{display:none;}
  .testi-slide.active{display:block; animation:testiFade .6s ease;}
  @keyframes testiFade{from{opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);}}
  .testi-slider-dots{display:flex; justify-content:center; gap:8px; margin-top:24px; position:relative; z-index:1;}
  .testi-slider-dots .dot{width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.3); border:none; cursor:pointer; transition:.3s; padding:0;}
  .testi-slider-dots .dot.active{background:var(--green-400); width:20px; border-radius:5px;}