/*
Theme Name: Webon Blue White Pro 2.5
Theme URI: https://webon.co.in/
Author: Webon Technologies
Description: Blue and white professional business website for Webon Technologies.
Version: 2.5.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: webon-blue-white
*/
:root{--blue:#1769e0;--blue2:#0b8cf0;--dark:#0a1b35;--text:#34445b;--muted:#6b7a90;--pale:#f3f8ff;--line:#dfe8f3;--white:#fff;--shadow:0 16px 45px rgba(20,66,120,.11);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{text-decoration:none}img{max-width:100%;height:auto}
.wb-container{width:min(1180px,92%);margin:0 auto}
.wb-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 2px 15px rgba(15,40,80,.04)}
.wb-header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.wb-logo{font-size:31px;font-weight:900;letter-spacing:-1.5px;color:var(--dark)}.wb-logo span{color:var(--blue)}
.wb-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:27px}.wb-nav a{color:#41516a;font-weight:700;font-size:15px}.wb-nav a:hover{color:var(--blue)}
.wb-nav .current-menu-item a{color:var(--blue)}.wb-nav .menu-item:last-child a{background:var(--blue);color:#fff;padding:10px 17px;border-radius:9px}
.wb-toggle{display:none;background:none;border:0;font-size:29px;color:var(--dark)}
.wb-hero{background:linear-gradient(135deg,#edf6ff 0%,#fff 58%,#f5faff 100%);padding:90px 0 86px;overflow:hidden}
.wb-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center}.wb-eyebrow{display:inline-block;background:#dcebff;color:#1459bf;padding:7px 13px;border-radius:30px;font-size:12px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}
.wb-hero h1{font-size:clamp(45px,5vw,69px);line-height:1.04;letter-spacing:-3px;color:var(--dark);margin:18px 0}.wb-hero h1 span{color:var(--blue)}
.wb-lead{font-size:19px;color:var(--muted);max-width:670px}.wb-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.wb-btn{display:inline-block;padding:13px 21px;border-radius:10px;font-weight:800;border:1px solid transparent}.wb-primary{background:var(--blue);color:#fff;box-shadow:0 10px 25px rgba(23,105,224,.2)}.wb-primary:hover{background:#0d58c7;color:#fff}.wb-outline{background:#fff;border-color:#d7e1ee;color:var(--dark)}.wb-outline:hover{border-color:var(--blue);color:var(--blue)}
.wb-panel{background:#fff;border:1px solid #dce6f1;border-radius:24px;padding:17px;box-shadow:0 25px 65px rgba(22,74,132,.15)}.wb-panel-top{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid var(--line);font-weight:800;color:var(--dark);font-size:13px}.wb-dots{display:flex;gap:5px}.wb-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#cbd7e6}.wb-panel-body{padding:18px}.wb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wb-stat{background:#f4f8fd;border-radius:12px;padding:13px}.wb-stat small{display:block;color:var(--muted);font-size:10px}.wb-stat strong{font-size:20px;color:var(--dark)}.wb-chart{height:135px;margin-top:12px;background:linear-gradient(#f2f8ff,#fff);border-radius:14px;position:relative;overflow:hidden}.wb-chart:after{content:"";position:absolute;left:7%;right:7%;bottom:31px;height:65px;border-top:4px solid var(--blue);border-radius:50%;transform:skewY(-8deg)}

.wb-section{padding:82px 0}.wb-soft{background:var(--pale)}.wb-heading{text-align:center;max-width:760px;margin:0 auto 43px}.wb-kicker{color:var(--blue);font-weight:900;font-size:12px;letter-spacing:1.2px;text-transform:uppercase}.wb-heading h2{font-size:40px;line-height:1.12;letter-spacing:-1.5px;color:var(--dark);margin:9px 0 12px}.wb-heading p{color:var(--muted);font-size:17px;margin:0}
.wb-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.wb-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.wb-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:29px;box-shadow:0 7px 24px rgba(20,55,100,.035)}.wb-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);transition:.2s}.wb-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#e9f3ff;color:var(--blue);font-size:25px;margin-bottom:18px}.wb-card h3{color:var(--dark);font-size:20px;margin:0 0 9px}.wb-card p,.wb-card li{color:var(--muted)}.wb-card ul{padding-left:19px}.wb-tag{display:inline-block;background:#eaf3ff;color:#1459bf;border-radius:30px;padding:5px 10px;font-size:11px;font-weight:900}
.wb-product{position:relative}.wb-product .wb-tag{position:absolute;right:24px;top:24px}.wb-product h3{font-size:24px}.wb-product li{padding:6px 0;border-bottom:1px dashed #e1e9f2}.wb-product li::marker{color:var(--blue)}
.wb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.wb-step-no{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900;margin-bottom:14px}.wb-step h3{color:var(--dark);margin:0 0 5px}.wb-step p{color:var(--muted);font-size:14px}
.wb-dark{background:var(--dark);color:#fff;border-radius:27px;padding:54px}.wb-dark h2{font-size:38px;line-height:1.15;margin:0 0 12px}.wb-dark p{color:#c9d5e6;max-width:740px}.wb-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:23px}.wb-checks div{color:#e3ebf7}.wb-checks div::before{content:"✓";color:#61b7ff;font-weight:900;margin-right:9px}
.wb-cta{padding:70px 0}.wb-cta-box{background:#eef7ff;border:1px solid #d8eafa;border-radius:26px;text-align:center;padding:54px}.wb-cta-box h2{color:var(--dark);font-size:38px;letter-spacing:-1px;margin:0 0 10px}.wb-cta-box p{color:var(--muted);max-width:650px;margin:0 auto}
.wb-page-hero{padding:68px 0;background:linear-gradient(135deg,#edf6ff,#fff)}.wb-page-hero h1{font-size:50px;line-height:1.1;letter-spacing:-2px;color:var(--dark);margin:10px 0}.wb-page-hero p{font-size:18px;color:var(--muted);max-width:720px}
.wb-content{padding:70px 0}.wb-content h2,.wb-content h3{color:var(--dark)}.wb-content p,.wb-content li{color:var(--muted)}
.wb-footer{background:#071a33;color:#c9d5e6;padding:52px 0 20px}.wb-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.wb-footer h3{color:#fff}.wb-footer a{color:#c9d5e6}.wb-footer-logo{font-size:29px;font-weight:900;color:#fff}.wb-footer-logo span{color:#65b7ff}.wb-copy{border-top:1px solid #29405e;margin-top:38px;padding-top:17px;font-size:13px}
@media(max-width:850px){.wb-nav{display:none}.wb-toggle{display:block}.wb-nav.open{display:block;position:absolute;top:78px;left:0;right:0;background:#fff;padding:12px 5%;border-bottom:1px solid var(--line)}.wb-nav.open ul{display:block}.wb-nav.open li{padding:9px 0}.wb-hero-grid,.wb-grid3,.wb-grid2,.wb-footer-grid{grid-template-columns:1fr}.wb-hero{padding:62px 0}.wb-hero h1{font-size:46px}.wb-steps{grid-template-columns:repeat(2,1fr)}.wb-section{padding:62px 0}.wb-heading h2{font-size:34px}.wb-dark{padding:38px 27px}.wb-page-hero h1{font-size:41px}}
@media(max-width:520px){.wb-steps,.wb-checks{grid-template-columns:1fr}.wb-stats{grid-template-columns:1fr}.wb-hero h1{font-size:40px}.wb-cta-box{padding:36px 20px}.wb-cta-box h2{font-size:31px}}