:root{
  --blue:#0757d8;--blue2:#0b8cff;--cyan:#31c9ff;--deep:#063a9b;--navy:#071b4d;
  --orange:#ff8a1c;--orange2:#ffb13f;--text:#172b4d;--muted:#5f7191;--soft:#eef7ff;
  --shadow:0 18px 55px rgba(5,45,120,.13);--shadow2:0 28px 85px rgba(5,45,120,.18);
  --radius:24px;--container:min(1180px,92%);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Open Sans',Arial,sans-serif;color:var(--text);background:#f7fbff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.container{width:var(--container);margin:auto}.topline{background:linear-gradient(90deg,#003c9d,#0b8cff);color:#fff;padding:9px 4%;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:14px}.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);box-shadow:0 10px 32px rgba(5,45,120,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand img{width:58px;height:58px;object-fit:cover;border-radius:16px;box-shadow:0 12px 30px rgba(7,87,216,.18)}.brand b{display:block;font-size:23px;color:var(--deep);letter-spacing:.5px}.brand small{display:block;font-size:12px;color:var(--muted)}.menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:5px}.menu>li{position:relative}.menu>li>a{min-height:44px;padding:12px 14px;display:flex;align-items:center;gap:7px;border-radius:13px;font-weight:800;color:#123765;white-space:nowrap;transition:.25s}.menu>li>a:hover,.menu>li:hover>a{background:linear-gradient(90deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 12px 30px rgba(7,87,216,.25);transform:translateY(-1px)}.arrow{font-size:11px}.submenu{position:absolute;top:54px;left:0;min-width:220px;list-style:none;padding:10px;margin:0;background:#fff;border-radius:18px;box-shadow:0 22px 60px rgba(5,45,120,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}.dropdown:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu a{display:block;padding:12px 14px;border-radius:12px;font-weight:800;color:#123765}.submenu a:hover{background:#eaf5ff;color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px 22px;background:linear-gradient(90deg,var(--orange),var(--orange2));color:#fff!important;font-weight:900;box-shadow:0 14px 32px rgba(255,138,28,.26);cursor:pointer;transition:.25s;white-space:nowrap}.btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn.secondary{background:#fff;color:var(--blue)!important;box-shadow:0 12px 28px rgba(7,87,216,.13)}.navbtn{padding:12px 18px}.hamb{display:none;background:linear-gradient(90deg,var(--blue),var(--blue2));color:#fff;border:0;border-radius:12px;font-size:24px;padding:8px 13px}.mobileMenu{display:none;padding:0 0 18px}.mobileMenu.show{display:grid;gap:8px}.mobileMenu a{background:#fff;padding:13px 15px;border-radius:14px;color:#123765;font-weight:800;box-shadow:0 8px 22px rgba(5,45,120,.08)}

/* HERO */
.hero{position:relative;padding:42px 0 28px;background:radial-gradient(circle at 12% 10%,rgba(49,201,255,.20),transparent 30%),linear-gradient(180deg,#f7fbff,#fff)}.heroGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);gap:46px;align-items:center;min-height:620px}.heroCopy{padding:20px 0}.pill{display:inline-flex;align-items:center;gap:8px;background:#eaf5ff;color:#0757d8;border:1px solid #d7eaff;border-radius:999px;padding:10px 16px;font-weight:900}.heroCopy h1{font-size:clamp(42px,5.4vw,70px);line-height:1.03;letter-spacing:-2px;color:var(--navy);margin:22px 0 20px}.heroCopy p{font-size:19px;line-height:1.85;color:#415a7f;max-width:720px}.heroBtns{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.heroStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px;max-width:650px}.heroStats b{background:#fff;border:1px solid #dcecff;border-radius:18px;padding:18px 14px;text-align:center;color:#0b4cb2;box-shadow:0 12px 34px rgba(5,45,120,.10)}.heroVisual{position:relative;aspect-ratio:1/1;width:100%;border-radius:34px;padding:12px;background:linear-gradient(135deg,#0757d8,#31c9ff);box-shadow:var(--shadow2);overflow:hidden}.heroVisual .slide{position:absolute;inset:12px;border-radius:26px;overflow:hidden;opacity:0;transition:opacity .7s ease}.heroVisual .slide.active{opacity:1}.heroVisual .slide img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:26px}.heroVisual .slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,60,.70),rgba(3,20,60,.05) 60%)}.slideCaption{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);border-radius:20px;padding:16px;color:#fff}.slideCaption b{display:block;font-size:20px}.slideCaption span{font-size:14px;color:#eaf6ff}.heroDots{position:absolute;right:24px;top:24px;z-index:5;display:flex;gap:8px}.dot{width:11px;height:11px;border-radius:50%;border:0;background:rgba(255,255,255,.55);cursor:pointer}.dot.active{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.22)}

/* SEARCH CARD */
.domainBar{width:min(1080px,92%);margin:72px auto 86px;position:relative;z-index:5;background:rgba(255,255,255,.98);border:1px solid rgba(7,87,216,.10);border-radius:30px;box-shadow:0 24px 70px rgba(5,45,120,.15);padding:26px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr);align-items:center;gap:24px}.domainBar h3{margin:0;font-size:clamp(20px,2.2vw,28px);line-height:1.25;font-weight:900;background:linear-gradient(90deg,#063a9b,#0b8cff,#31c9ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.domainSearch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.domainSearch input{width:100%;height:58px;border:1px solid #d7eaff;border-radius:16px;padding:0 18px;background:#fff;font:inherit;outline:0;box-shadow:inset 0 2px 10px rgba(7,42,120,.04)}.domainSearch input:focus{border-color:#0b8cff;box-shadow:0 0 0 4px rgba(11,140,255,.12)}.domainSearch .btn{height:58px}

/* SECTION GENERAL */
.section{padding:82px 0}.section.soft{background:#eef7ff}.section.gradient{background:linear-gradient(135deg,#eef7ff,#fff 55%,#e6f8ff)}.section.blue{background:linear-gradient(135deg,#063a9b,#0b8cff);color:#fff}.title{text-align:center;max-width:860px;margin:0 auto 42px}.eyebrow{display:inline-block;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.title h2,.split h2,.split2 h2{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-1.2px;color:var(--navy);margin-bottom:14px}.title p,.lead,.split p,.split2 p{color:var(--muted);line-height:1.8;font-size:17px}.blue .eyebrow{color:#dff5ff}.blue h2,.blue h3,.blue p{color:#fff}.split{display:grid;grid-template-columns:.85fr 1.3fr;gap:36px;align-items:start}.split2{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.cards3,.grid{display:grid;gap:24px}.cards3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.services{grid-template-columns:repeat(4,minmax(0,1fr))}.serviceRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.productCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:0;align-items:stretch}.card,.productCard,.testi,.timeline article,.video-card,.gallery figure{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(7,87,216,.08);transition:.25s;overflow:hidden}.card:hover,.productCard:hover,.testi:hover,.timeline article:hover,.video-card:hover,.gallery figure:hover{transform:translateY(-5px);box-shadow:0 26px 75px rgba(5,45,120,.17)}.card{padding:28px}.card p,.productCard p{color:var(--muted);line-height:1.75}.big{background:linear-gradient(135deg,#fff,#eef7ff)}

/* Kartu kolom rapi dengan judul gradasi */
.productCard,.card.icon{position:relative;min-height:365px;text-align:center;padding:0 26px 30px!important;display:flex;flex-direction:column;align-items:center}.productCard:before,.card.icon:before{content:"";display:block;width:calc(100% + 52px);height:112px;margin:0 -26px 26px;background:linear-gradient(135deg,#0757d8,#0b8cff)}.productCard:nth-child(1):before{background:linear-gradient(135deg,#ffb13f,#ed704b)}.productCard:nth-child(2):before{background:linear-gradient(135deg,#5ac7e9,#0777f5)}.productCard:nth-child(3):before{background:linear-gradient(135deg,#0b84ff,#0645b8)}.serviceRow .card.icon:nth-child(1):before{background:linear-gradient(135deg,#0757d8,#0b8cff)}.serviceRow .card.icon:nth-child(2):before{background:linear-gradient(135deg,#0799e8,#03c0ff)}.serviceRow .card.icon:nth-child(3):before{background:linear-gradient(135deg,#034fb8,#0b8cff)}.serviceRow .card.icon:nth-child(4):before{background:linear-gradient(135deg,#ff9a25,#ff6a3a)}.serviceRow .card.icon:nth-child(5):before{background:linear-gradient(135deg,#053b99,#00a8ff)}.productCard h3,.card.icon h3{position:absolute;top:0;left:0;right:0;height:112px;margin:0!important;padding:0 22px!important;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(21px,2vw,30px);line-height:1.15;letter-spacing:.6px;color:#fff!important;text-shadow:0 3px 12px rgba(0,30,100,.22)}.productCard .ic,.card.icon .ic{width:126px;height:126px;display:grid;place-items:center;border-radius:32px;background:linear-gradient(135deg,#eaf7ff,#fff);box-shadow:0 18px 45px rgba(7,87,216,.14);font-size:58px;margin:0 auto 22px}.productCard .btn{margin-top:auto}.productCard p,.card.icon p{text-align:center;font-size:16px;margin-bottom:18px}.blue .card{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);backdrop-filter:blur(12px)}.blue .card p{color:#eaf6ff}.blue .card.icon:before{background:linear-gradient(135deg,#fff,#dff5ff)!important}.blue .card.icon h3{color:#063a9b!important;text-shadow:none}.blue .card.icon .ic{background:rgba(255,255,255,.92)}

/* timeline, badges, testimonial */
.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.timeline article{padding:32px}.timeline article:before{content:"";display:block;height:7px;margin:-32px -32px 26px;background:linear-gradient(90deg,#0757d8,#31c9ff)}.timeline b{font-size:44px;color:#d9eaff}.timeline h3,.video-card h3,.contact.card h3,.map h3{background:linear-gradient(90deg,#0757d8,#0b8cff);color:#fff!important;border-radius:16px;padding:12px 16px;margin:0 0 14px!important;box-shadow:0 12px 26px rgba(7,87,216,.16)}.check{list-style:none;padding:0;margin:24px 0 0}.check li{margin:12px 0;padding-left:32px;position:relative}.check li:before{content:'✅';position:absolute;left:0}.badges,.jogloCards{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.badges span,.jogloCards span{background:#eef7ff;color:#0a4db7;border-radius:999px;padding:10px 14px;font-weight:900}.testiGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.testi{padding:24px}.stars{color:#ffb700;letter-spacing:2px}.testi p{color:#38506f;line-height:1.7}.avatar{display:flex;align-items:center;gap:10px;margin-top:14px}.avatar b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(90deg,#0757d8,#0b8cff);color:#fff}.avatar span{font-weight:900;color:#123765}.portfolio{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.portfolio span{background:#fff;border:1px solid #dcecff;box-shadow:0 10px 26px rgba(7,42,120,.08);padding:14px 18px;border-radius:14px;font-weight:900;color:#0b4cb2}

/* joglo gallery video contact */
.joglo{background:#061d56;color:#fff;position:relative;overflow:hidden}.joglo:before{content:"";position:absolute;inset:0;background:url('img/hero-4.jpg') center/cover no-repeat;opacity:.18}.joglo .container{position:relative}.joglo h2,.joglo p{color:#fff}.map{background:rgba(255,255,255,.95)}.map p{color:#123765}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gallery figure{margin:0;cursor:pointer}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.35s}.gallery figure:hover img{transform:scale(1.06)}.gallery figcaption{padding:15px}.gallery b{display:block;color:#123765}.gallery small{display:block;color:var(--muted);line-height:1.5}.note{text-align:center;color:var(--muted);margin-top:22px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-card{position:relative;color:var(--text);cursor:pointer}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.play{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(90deg,#ff8a1c,#ffb13f);color:#fff;font-size:26px;box-shadow:0 14px 32px rgba(255,138,28,.34)}.video-card h3{margin:18px 22px 10px!important}.video-card p{padding:0 22px 22px;color:var(--muted)}.contactSec{background:linear-gradient(135deg,#fff,#eef7ff)}.contact.card{padding:30px}.form{display:grid;gap:12px}.form input,.form select,.form textarea{width:100%;border:1px solid #d8e7ff;border-radius:14px;padding:15px;font:inherit;outline:0;background:#fff}.form input:focus,.form select:focus,.form textarea:focus{border-color:#0b8cff;box-shadow:0 0 0 4px rgba(11,140,255,.12)}.form textarea{min-height:130px}.alert{background:#e6fff4;color:#077045;border-radius:14px;padding:13px;margin-bottom:14px;font-weight:900}.seoText{padding:60px 0;background:#fff}.seoText h2{color:var(--deep)}.seoText p{color:var(--muted);line-height:1.8}

/* footer modal login */
.footer{background:#06133b;color:#dcecff;padding:60px 0 0}.footGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}.footer h3{color:#fff}.footer a{display:block;color:#dcecff;margin:8px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:18px;margin-top:36px}.wa{position:fixed;right:22px;bottom:22px;z-index:80;background:#19b65b;color:#fff!important;border-radius:999px;padding:14px 20px;font-weight:900;box-shadow:0 16px 36px rgba(25,182,91,.35)}.modal{position:fixed;inset:0;background:rgba(2,8,30,.92);z-index:999;display:none;align-items:center;justify-content:center;padding:36px}.modal.show{display:flex}.modal img,.modal video{max-width:90vw;max-height:82vh;border-radius:22px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.close,.prev,.next{position:absolute;border:0;border-radius:50%;background:#fff;color:#063a9b;font-size:34px;width:54px;height:54px;display:grid;place-items:center;cursor:pointer;box-shadow:0 15px 40px rgba(0,0,0,.3)}.close{top:26px;right:26px}.prev{left:26px;top:50%}.next{right:26px;top:50%}@keyframes reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.section,.card,.heroCopy,.heroVisual{animation:reveal .65s ease both}.login-page{min-height:100vh;margin:0;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#001f66 0%,#0757d8 42%,#47cbff 100%);overflow:hidden}.login-page:before,.login-page:after{content:"";position:fixed;border-radius:50%;opacity:.55;animation:floatBlob 8s ease-in-out infinite alternate}.login-page:before{width:420px;height:420px;left:-120px;top:-120px;background:rgba(255,255,255,.20)}.login-page:after{width:360px;height:360px;right:-80px;bottom:-100px;background:rgba(255,138,28,.28);animation-delay:1s}.login-box{position:relative;z-index:2;width:min(980px,96vw);min-height:600px;display:grid!important;grid-template-columns:.95fr 1.05fr;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.65);box-shadow:0 35px 110px rgba(0,22,75,.38);border-radius:34px!important;overflow:hidden;padding:0!important}.login-box>div:first-child{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:46px;background:linear-gradient(155deg,#073a9b,#0b8cff);color:#fff;position:relative}.login-box>div:first-child img{width:120px!important;height:120px!important;border-radius:28px!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important;margin-bottom:18px}.login-box h2{font-size:34px;margin:8px 0;color:inherit}.login-box p{line-height:1.7}.login-box .form{padding:52px;align-self:center;display:grid!important;gap:12px}.login-box label{font-weight:900;color:#0b326f}.login-box input{width:100%;border:1px solid #d7e9ff;border-radius:16px!important;padding:16px 17px!important;font-size:16px;outline:none;background:#f8fcff;transition:.25s}.login-box input:focus{border-color:#0b8cff;box-shadow:0 0 0 4px rgba(11,140,255,.14);background:#fff}.pass-wrap{position:relative}.pass-wrap input{padding-right:58px!important}.show-pass{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:13px;background:#eaf5ff;color:#0757d8;cursor:pointer;font-size:18px}.login-box .btn{width:100%;min-height:54px;border-radius:17px}.login-box a{color:#0757d8;font-weight:900}.login-box>p,.login-box>.alert{grid-column:2;padding:0 52px}.login-box>p:last-child{padding-bottom:28px}@keyframes floatBlob{from{transform:translateY(0) scale(1)}to{transform:translateY(30px) scale(1.08)}}

/* responsive */
@media(max-width:1100px){.menu,.navbtn{display:none}.hamb{display:block}.heroGrid{grid-template-columns:1fr;min-height:auto}.heroVisual{width:min(620px,100%);margin:auto}.heroCopy{text-align:center}.heroCopy p,.heroStats{margin-left:auto;margin-right:auto}.heroBtns{justify-content:center}.split,.split2{grid-template-columns:1fr}.productCards,.cards3,.timeline,.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.services,.serviceRow,.testiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.domainBar{grid-template-columns:1fr;margin:54px auto 72px}.login-box{grid-template-columns:1fr;max-width:560px}.login-box .form,.login-box>div:first-child{padding:34px}.login-box>p,.login-box>.alert{grid-column:1;padding:0 34px}}
@media(max-width:700px){.topline{font-size:12px}.nav{height:76px}.brand{min-width:unset}.brand small{display:none}.hero{padding-top:34px}.heroCopy h1{font-size:38px;letter-spacing:-1px}.heroCopy p{font-size:16px}.heroVisual{border-radius:26px;padding:10px}.heroVisual .slide{inset:10px;border-radius:20px}.heroVisual .slide img{border-radius:20px}.slideCaption{left:14px;right:14px;bottom:14px;padding:13px;border-radius:16px}.slideCaption b{font-size:16px}.slideCaption span{font-size:12px}.heroDots{right:20px;top:20px}.heroStats{grid-template-columns:repeat(2,1fr)}.domainBar{margin:36px auto 60px;padding:20px;border-radius:22px}.domainSearch{grid-template-columns:1fr}.domainSearch .btn{width:100%}.productCards,.cards3,.grid.services,.serviceRow,.timeline,.testiGrid,.video-grid,.gallery,.footGrid{grid-template-columns:1fr}.section{padding:62px 0}.productCard,.card.icon{padding-left:22px!important;padding-right:22px!important}.productCard:before,.card.icon:before{height:96px;width:calc(100% + 44px);margin-left:-22px;margin-right:-22px}.productCard h3,.card.icon h3{height:96px;font-size:23px}.productCard .ic,.card.icon .ic{width:110px;height:110px;font-size:50px}.wa{left:16px;right:16px;text-align:center;justify-content:center}.close{top:14px;right:14px}.prev{left:10px}.next{right:10px}.login-page{padding:14px}.login-box{border-radius:24px!important}.login-box h2{font-size:28px}.login-box .form,.login-box>div:first-child{padding:26px}.login-box>p,.login-box>.alert{padding:0 26px}}

/* =========================================================
   FIX LAYOUT ALUR KERJA & TESTIMONI - RAPI + WARNA BERBEDA
   ========================================================= */
#alur .timeline{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
  margin-top:36px !important;
}
#alur .timeline article{
  position:relative !important;
  min-height:300px !important;
  padding:34px 30px 32px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  border:0 !important;
  box-shadow:0 22px 55px rgba(8,48,120,.13) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  isolation:isolate !important;
}
#alur .timeline article:before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:112px !important;
  margin:0 !important;
  border-radius:28px 28px 0 0 !important;
  z-index:-1 !important;
  opacity:1 !important;
}
#alur .timeline article:nth-child(1):before{background:linear-gradient(135deg,#ffad32,#ff6b4a) !important;}
#alur .timeline article:nth-child(2):before{background:linear-gradient(135deg,#42d2ff,#006dff) !important;}
#alur .timeline article:nth-child(3):before{background:linear-gradient(135deg,#0b67df,#083aa7) !important;}
#alur .timeline article b{
  width:74px !important;
  height:74px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:24px !important;
  background:#fff !important;
  color:#0757d8 !important;
  font-size:30px !important;
  font-weight:900 !important;
  box-shadow:0 14px 32px rgba(0,0,0,.16) !important;
  margin-bottom:34px !important;
}
#alur .timeline article h3{
  background:transparent !important;
  color:#062b66 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 0 14px !important;
  font-size:24px !important;
  line-height:1.25 !important;
}
#alur .timeline article p{
  color:#43617f !important;
  line-height:1.75 !important;
  margin:0 !important;
  font-size:16px !important;
}

#testimoni .testiGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
  margin-top:36px !important;
}
#testimoni .testi{
  position:relative !important;
  min-height:245px !important;
  padding:28px !important;
  border-radius:26px !important;
  border:1px solid rgba(255,255,255,.4) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  box-shadow:0 20px 46px rgba(7,55,130,.13) !important;
  background:#fff !important;
}
#testimoni .testi:before{
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:12px !important;
}
#testimoni .testi:nth-child(6n+1):before{background:linear-gradient(90deg,#ffad32,#ff6b4a) !important;}
#testimoni .testi:nth-child(6n+2):before{background:linear-gradient(90deg,#42d2ff,#006dff) !important;}
#testimoni .testi:nth-child(6n+3):before{background:linear-gradient(90deg,#0757d8,#003b9f) !important;}
#testimoni .testi:nth-child(6n+4):before{background:linear-gradient(90deg,#00c48c,#00a3ff) !important;}
#testimoni .testi:nth-child(6n+5):before{background:linear-gradient(90deg,#8b5cf6,#0b8cff) !important;}
#testimoni .testi:nth-child(6n+6):before{background:linear-gradient(90deg,#f43f5e,#ffb703) !important;}
#testimoni .stars{
  display:inline-flex !important;
  width:max-content !important;
  color:#ffb703 !important;
  background:#fff8dc !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  margin-bottom:14px !important;
  letter-spacing:1px !important;
  font-size:14px !important;
}
#testimoni .testi p{
  color:#334e68 !important;
  line-height:1.75 !important;
  font-size:15.5px !important;
  margin:0 0 18px !important;
  flex:1 !important;
}
#testimoni .avatar{
  border-top:1px solid #e6eef8 !important;
  padding-top:16px !important;
  margin-top:0 !important;
}
#testimoni .avatar b{
  width:46px !important;
  height:46px !important;
  flex:0 0 46px !important;
}
#testimoni .testi:nth-child(6n+1) .avatar b{background:linear-gradient(135deg,#ffad32,#ff6b4a) !important;}
#testimoni .testi:nth-child(6n+2) .avatar b{background:linear-gradient(135deg,#42d2ff,#006dff) !important;}
#testimoni .testi:nth-child(6n+3) .avatar b{background:linear-gradient(135deg,#0757d8,#003b9f) !important;}
#testimoni .testi:nth-child(6n+4) .avatar b{background:linear-gradient(135deg,#00c48c,#00a3ff) !important;}
#testimoni .testi:nth-child(6n+5) .avatar b{background:linear-gradient(135deg,#8b5cf6,#0b8cff) !important;}
#testimoni .testi:nth-child(6n+6) .avatar b{background:linear-gradient(135deg,#f43f5e,#ffb703) !important;}
#testimoni .avatar span{color:#123765 !important;font-size:14px !important;line-height:1.3 !important;}

@media(max-width:1100px){
  #alur .timeline{grid-template-columns:1fr !important;max-width:720px !important;margin-left:auto !important;margin-right:auto !important;}
  #testimoni .testiGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  #alur .timeline,#testimoni .testiGrid{grid-template-columns:1fr !important;}
  #alur .timeline article{min-height:auto !important;padding:28px 24px !important;}
  #alur .timeline article:before{height:98px !important;}
  #alur .timeline article b{width:64px !important;height:64px !important;font-size:25px !important;margin-bottom:28px !important;}
  #testimoni .testi{min-height:auto !important;padding:24px !important;}
}