:root{--navy:#0d2f6e;--blue:#1b8ad3;--green:#5fb62a;--dgreen:#2f8f3a;--orange:#f28c1e;--ink:#17233b;--soft:#f3f8fc;--bs-primary:#1b8ad3;--bs-body-color:#17233b}
body{font-family:'Nunito Sans',system-ui,sans-serif;color:var(--ink);line-height:1.65}
h1,h2,h3,h4,h5,.navbar-brand{font-family:'Sora',sans-serif;letter-spacing:-.01em;color:var(--navy)}
a{color:var(--blue)}
.navbar{box-shadow:0 2px 14px rgba(13,47,110,.08)}
.navbar-brand img{height:52px}
.nav-link{font-weight:600;color:var(--navy)!important;padding:.5rem .9rem!important}
.nav-link.active,.nav-link:hover{color:var(--dgreen)!important}
.btn-enpat{background:var(--green);border:0;color:#fff;font-weight:700;border-radius:50rem;padding:.7rem 1.6rem}
.btn-enpat:hover{background:var(--dgreen);color:#fff}
.btn-ghost{border:2px solid #fff;color:#fff;font-weight:700;border-radius:50rem;padding:.65rem 1.5rem}
.btn-ghost:hover{background:#fff;color:var(--navy)}
.hero{background:radial-gradient(circle at 80% 30%,#1b8ad3 0,#0d2f6e 62%);color:#fff;padding:5rem 0 6rem;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-2px;height:70px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}
.hero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.1}
.hero .lead{color:#dbeaf8;max-width:34rem}
.hero .tag{color:var(--orange);font-weight:700;font-size:1.1rem}
.logo-card{background:transparent;border-radius:50%;padding:1.5rem;/*box-shadow:0 25px 60px rgba(0,0,0,.35);*/max-width:420px;margin:auto}
.logo-card img{width:95%;border-radius:50%}
.page-head{background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff;padding:4rem 0 5rem;position:relative}
.page-head h1{color:#fff;font-weight:800}
.page-head p{color:#dbeaf8;max-width:40rem}
.page-head:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:50px;background:#fff;border-radius:50% 50% 0 0/100% 100% 0 0}
section{padding:4.5rem 0}
.bg-soft{background:var(--soft)}
.sec-title{font-weight:800;font-size:clamp(1.6rem,3vw,2.3rem)}
.trust{margin-top:-1rem;padding:1rem 0 0}
.trust .item{display:flex;gap:.8rem;align-items:center;font-weight:700;color:var(--navy)}
.trust i{font-size:1.8rem;color:var(--dgreen)}
.svc{background:#fff;border-radius:1rem;padding:1.8rem;height:100%;border:1px solid #e1ebf4;border-top:5px solid var(--blue);transition:.2s}
.svc:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(13,47,110,.12)}
.svc.g{border-top-color:var(--green)}.svc.o{border-top-color:var(--orange)}.svc.n{border-top-color:var(--navy)}
.ico{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;font-size:1.6rem;color:#fff;background:linear-gradient(135deg,var(--blue),var(--navy));margin-bottom:1rem}
.g .ico{background:linear-gradient(135deg,var(--green),var(--dgreen))}.o .ico{background:linear-gradient(135deg,#ffb04a,var(--orange))}
.chip{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid #cfe1f0;color:var(--navy);font-weight:700;border-radius:50rem;padding:.5rem 1.1rem;margin:.3rem}
.chip i{color:var(--green)}
.step{position:relative;padding-left:4rem;margin-bottom:1.6rem}
.step b{position:absolute;left:0;top:0;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-family:Sora}
.step:not(:last-child):before{content:"";position:absolute;left:1.35rem;top:2.9rem;bottom:-1.6rem;width:2px;background:#cfe1f0}
.cta{background:linear-gradient(120deg,var(--dgreen),var(--green));color:#fff;border-radius:1.5rem;padding:3rem 2rem}
.cta h2{color:#fff}
.photo{border-radius:1.2rem;min-height:320px;background:linear-gradient(135deg,var(--blue),var(--navy));display:grid;place-items:center;color:#fff;text-align:center;padding:2rem;box-shadow:0 20px 40px rgba(13,47,110,.2)}
.photo i{font-size:4rem;color:var(--orange)}
.job{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid #e1ebf4;border-radius:1rem;padding:1.2rem 1.3rem;text-decoration:none;color:inherit;height:100%;transition:.2s}
.job:hover{border-color:var(--green);box-shadow:0 10px 26px rgba(47,143,58,.15);color:inherit}
.job .ico{margin:0;flex:none}
.job h3{font-size:1.1rem;margin:0}
.job small{color:#5b6b85}
.badge-open{background:#e6f5da;color:var(--dgreen);font-weight:700;border-radius:50rem;padding:.3rem .8rem;font-size:.8rem}


#erimg {
    width: 35%;
}

ul li::marker {
  color: var(--green); /* Change to your preferred hex or CSS color */
  font-size: 1.2em; /* Optional: increase bullet size */
}

.list-check{list-style:none;padding:0}.list-check li{padding-left:1.8rem;position:relative;margin-bottom:.5rem}
.list-check li:before{content:"\F26A";font-family:bootstrap-icons;position:absolute;left:0;color:var(--green)}
.side{background:var(--soft);border-radius:1rem;padding:1.5rem}
footer{background:var(--navy);color:#c9d8ee;padding:3.5rem 0 1.5rem}
footer h5{color:#fff;font-size:1.05rem}
footer a{color:#c9d8ee;text-decoration:none}footer a:hover{color:var(--green)}
footer .logo{background:#fff;border-radius:.8rem;padding:.4rem;height:55px}
.social a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);display:inline-grid;place-items:center;margin-right:.4rem;font-size:1.15rem;color:#fff}
.social a:hover{background:var(--green);color:#fff}
.social.dark a{background:var(--soft);color:var(--navy)}.social.dark a:hover{background:var(--green);color:#fff}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:99;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:1.8rem;box-shadow:0 8px 22px rgba(0,0,0,.3)}
.wa-float:hover{color:#fff;background:#1da851}
.form-control,.form-select{border-radius:.7rem;padding:.7rem 1rem}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.jobcard{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e1ebf4;border-radius:1.1rem;overflow:hidden;text-decoration:none;color:var(--ink);transition:.25s}
.jobcard:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(13,47,110,.16);color:var(--ink)}
.jimg{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy)}
.jimg img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.jobcard:hover .jimg img{transform:scale(1.06)}
.jimg .badge-open{position:absolute;top:.8rem;left:.8rem;background:#fff}
.jbody{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;flex:1}
.jbody h3{font-size:1.2rem;margin-bottom:.4rem}
.jbody p{color:#4b5b77;font-size:.95rem;flex:1}
.jlink{color:var(--dgreen);font-weight:700}
@media (prefers-reduced-motion:reduce){.jimg img,.jobcard{transition:none}}
