/* Generated from D:\1 ofaami_job_gh_for_business.html — scoped under .tpl-business. Do not edit by hand. */

.tpl-business{
  --green:#08783f;--green2:#0b9b55;--deep:#043d27;--orange:#ff5a0a;
  --yellow:#ffd968;--ink:#10231b;--muted:#68756f;--line:#e3ebe6;
  --soft:#f5faf7;--purple:#7957d5;--blue:#2779db;
  --shadow:0 22px 60px rgba(4,61,39,.12);
}
.tpl-business *{box-sizing:border-box}

.tpl-business{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#fff}
.tpl-business a{text-decoration:none;color:inherit}
.tpl-business button{font:inherit}
.tpl-business .container{width:min(1180px,calc(100% - 48px));margin:auto}
.tpl-business .topbar{height:38px;background:#052b1c;color:#fff;display:flex;align-items:center;justify-content:center;gap:11px;font-size:11px}
.tpl-business .topbar b{background:#0b9b55;border-radius:20px;padding:4px 9px}
.tpl-business .topbar a{color:#b9ebcd;text-decoration:underline}

.tpl-business .nav{height:78px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.tpl-business .nav>.container{height:100%;display:flex;align-items:center;gap:27px}
.tpl-business .logo{display:flex;align-items:center;gap:9px;margin-right:auto}
.tpl-business .logo-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#0aa45b,#056132);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px #08783f2b}
.tpl-business .logo strong{font:800 17px Manrope;letter-spacing:-.5px}
.tpl-business .logo small{display:block;font-size:9px;color:#718079}
.tpl-business .navlinks{display:flex;align-items:center;gap:23px;font-size:11px;font-weight:700}
.tpl-business .navlinks a{padding:30px 0;position:relative}
.tpl-business .navlinks a.active{color:var(--green)}
.tpl-business .navlinks a.active:after{content:"";position:absolute;height:3px;left:-8px;right:-8px;bottom:0;background:var(--green);border-radius:4px}
.tpl-business .nav-actions{display:flex;align-items:center;gap:8px}
.tpl-business .nav-btn{background:#fff;border:1px solid #dce5df;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:700}
.tpl-business .nav-btn.green{background:var(--green);border-color:var(--green);color:#fff;padding:11px 17px}
.tpl-business .menu{display:none;border:0;background:none}

.tpl-business .hero{padding:65px 0 45px;background:linear-gradient(180deg,#fff 0%,#f8fcfa 100%);overflow:hidden}
.tpl-business .hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:40px;align-items:center}
.tpl-business .kicker{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--green)}
.tpl-business h1{font:800 51px/1.08 Manrope;letter-spacing:-2.4px;margin:10px 0 17px}
.tpl-business h1 span{color:var(--green)}
.tpl-business .hero-copy>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:505px}
.tpl-business .hero-pills{display:flex;gap:17px;margin:26px 0 25px;flex-wrap:wrap}
.tpl-business .pill{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:700}
.tpl-business .pill i{width:28px;height:28px;padding:7px;border-radius:8px;background:#eaf7ef;color:var(--green)}
.tpl-business .pill:nth-child(3) i{background:#fff0e9;color:var(--orange)}
.tpl-business .buttons{display:flex;gap:10px;flex-wrap:wrap}
.tpl-business .primary, .tpl-business .secondary{display:inline-flex;align-items:center;gap:7px;padding:12px 17px;border-radius:9px;font-size:11px;font-weight:800;border:1px solid var(--green)}
.tpl-business .primary{background:var(--green);color:#fff}
.tpl-business .secondary{background:#fff;color:var(--ink);border-color:#dce5df}
.tpl-business .hero-visual{height:390px;position:relative}
.tpl-business .hero-visual:before{content:"";position:absolute;width:330px;height:330px;background:#dff3e7;border-radius:50%;right:35px;top:20px}
.tpl-business .hero-visual:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#ffdc7b;left:25px;top:72px;opacity:.55}
.tpl-business .hero-visual img{position:absolute;z-index:2;width:76%;height:92%;right:6%;bottom:0;object-fit:cover;object-position:center;border-radius:23px;box-shadow:var(--shadow)}
.tpl-business .stat-card{position:absolute;z-index:5;right:-5px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 15px;display:flex;gap:9px;align-items:center;box-shadow:var(--shadow);min-width:155px}
.tpl-business .stat-card i{width:35px;height:35px;padding:8px;border-radius:9px;background:#eaf7ef;color:var(--green)}
.tpl-business .stat-card strong{display:block;font-size:15px}.tpl-business .stat-card small{font-size:9px;color:var(--muted)}
.tpl-business .s1{top:75px}.tpl-business .s2{top:163px}.tpl-business .s2 i{background:#fff0e9;color:var(--orange)}.tpl-business .s3{top:251px}.tpl-business .s3 i{background:#eaf2ff;color:var(--blue)}

.tpl-business .trusted{padding:27px 0 34px;border-bottom:1px solid var(--line)}
.tpl-business .trusted p{text-align:center;font-size:12px;font-weight:700;margin:0 0 21px}
.tpl-business .brands{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;color:#505c56;filter:grayscale(1);opacity:.8}
.tpl-business .brand{font:800 18px Manrope;letter-spacing:-1px}

.tpl-business .section{padding:72px 0}
.tpl-business .section-head{text-align:center;margin-bottom:32px}
.tpl-business .section h2{font:800 31px Manrope;letter-spacing:-1.4px;margin:8px 0}
.tpl-business .section-head p{font-size:12px;line-height:1.7;color:var(--muted);max-width:650px;margin:auto}

.tpl-business .solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.tpl-business .solution{border:1px solid var(--line);border-radius:14px;padding:23px;background:#fff;min-height:190px;box-shadow:0 8px 24px #0b39220a;transition:.2s}
.tpl-business .solution:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.tpl-business .icon{width:43px;height:43px;border-radius:11px;background:#eaf7ef;color:var(--green);display:grid;place-items:center}
.tpl-business .solution:nth-child(2) .icon{background:#fff5db;color:#d48a00}
.tpl-business .solution:nth-child(3) .icon{background:#f2edff;color:var(--purple)}
.tpl-business .solution:nth-child(4) .icon{background:#eaf2ff;color:var(--blue)}
.tpl-business .solution:nth-child(5) .icon{background:#e9f7f0;color:var(--green)}
.tpl-business .solution:nth-child(6) .icon{background:#fff0e9;color:var(--orange)}
.tpl-business .solution h3{font-size:13px;margin:15px 0 7px}.tpl-business .solution p{font-size:10px;line-height:1.6;color:var(--muted);margin:0 0 10px}.tpl-business .learn{font-size:10px;font-weight:800;color:var(--green)}

.tpl-business .why{background:var(--soft);border:1px solid #e5eee8;border-radius:19px;padding:35px}
.tpl-business .why-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.tpl-business .why-item{text-align:center}
.tpl-business .why-icon{width:50px;height:50px;border-radius:50%;background:#fff;display:grid;place-items:center;margin:auto;box-shadow:0 7px 20px #0b39220a;color:var(--green)}
.tpl-business .why-item:nth-child(2) .why-icon{color:var(--orange)}.tpl-business .why-item:nth-child(3) .why-icon{color:#29945c}.tpl-business .why-item:nth-child(4) .why-icon{color:var(--blue)}.tpl-business .why-item:nth-child(5) .why-icon{color:var(--purple)}
.tpl-business .why-item h4{font-size:11px;margin:11px 0 5px}.tpl-business .why-item p{font-size:9px;line-height:1.5;color:var(--muted);margin:0}

.tpl-business .industries{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.tpl-business .industry{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #0b39220a}
.tpl-business .industry img{width:100%;height:125px;object-fit:cover}
.tpl-business .industry-body{padding:14px}.tpl-business .industry h3{font-size:11px;margin:0 0 5px}.tpl-business .industry p{font-size:9px;line-height:1.5;color:var(--muted);margin:0}

.tpl-business .testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tpl-business .testimonial{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}
.tpl-business .stars{color:#f39a19;font-size:12px;letter-spacing:2px}
.tpl-business .testimonial>p{font-size:11px;line-height:1.65;color:#49564f;min-height:65px}
.tpl-business .user{display:flex;align-items:center;gap:9px}.tpl-business .user img{width:36px;height:36px;border-radius:50%;object-fit:cover}.tpl-business .user strong{display:block;font-size:10px}.tpl-business .user small{font-size:8px;color:var(--muted)}

.tpl-business .cta-banner{background:var(--deep);border-radius:18px;overflow:hidden;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center}
.tpl-business .cta-banner img{width:100%;height:260px;object-fit:cover}
.tpl-business .cta-copy{padding:32px 40px}.tpl-business .cta-copy h2{font:800 29px Manrope;margin:0 0 10px}.tpl-business .cta-copy p{font-size:12px;line-height:1.65;color:#c7ded2;max-width:440px}.tpl-business .cta-copy .primary{background:var(--yellow);border-color:var(--yellow);color:#17301f}.tpl-business .cta-copy .secondary{background:transparent;border-color:#ffffff55;color:#fff}

.tpl-business .footer{background:#063c27;color:#dcebe3;padding:48px 0 16px;margin-top:70px}
.tpl-business .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:30px}.tpl-business .footer h4{font-size:11px;color:#fff}.tpl-business .footer a, .tpl-business .footer p{font-size:10px;line-height:2;color:#b6cfc3;display:block}.tpl-business .footer-brand p{max-width:245px;line-height:1.7}
.tpl-business .apps{display:flex;gap:6px;flex-wrap:wrap}.tpl-business .app{background:#101713;border:1px solid #ffffff20;border-radius:7px;padding:7px 9px;font-size:8px;color:#fff}.tpl-business .app b{font-size:10px}
.tpl-business .copyright{border-top:1px solid #ffffff20;margin-top:28px;padding-top:14px;display:flex;justify-content:space-between;font-size:9px;color:#9fbcaf}
.tpl-business .chat{position:fixed;right:22px;bottom:22px;width:55px;height:55px;border:0;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;box-shadow:0 15px 30px #08783f45;z-index:60}

@media(max-width:1000px){
 .tpl-business .navlinks{display:none}.tpl-business .menu{display:block}
 .tpl-business .hero-grid, .tpl-business .cta-banner{grid-template-columns:1fr}.tpl-business .hero-visual{height:330px}.tpl-business .solutions{grid-template-columns:repeat(2,1fr)}.tpl-business .industries{grid-template-columns:repeat(3,1fr)}.tpl-business .why-grid{grid-template-columns:repeat(3,1fr);row-gap:25px}.tpl-business .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .tpl-business .container{width:calc(100% - 28px)}.tpl-business .topbar{font-size:9px}.tpl-business .nav{height:68px}.tpl-business .nav-btn:not(.green){display:none}
 .tpl-business h1{font-size:39px}.tpl-business .hero{padding-top:45px}.tpl-business .hero-visual{height:285px}.tpl-business .hero-visual img{width:88%;right:6%}.tpl-business .stat-card{display:none}
 .tpl-business .trusted{padding-bottom:25px}.tpl-business .brands{justify-content:center}.tpl-business .brand{font-size:14px}
 .tpl-business .section{padding:55px 0}.tpl-business .solutions{grid-template-columns:1fr}.tpl-business .why{padding:25px 15px}.tpl-business .why-grid{grid-template-columns:1fr 1fr}.tpl-business .industries{grid-template-columns:1fr 1fr}.tpl-business .industry img{height:105px}
 .tpl-business .testimonials{grid-template-columns:1fr}.tpl-business .cta-copy{padding:27px}.tpl-business .cta-banner img{height:220px}.tpl-business .footer-grid{grid-template-columns:1fr 1fr}.tpl-business .copyright{display:block;line-height:2}
}