.web-service-page{--service-navy:#101827;--service-gold:#ffba1b;--service-muted:#536174;color:var(--service-navy);background:#fff;font-family:Archivo,Arial,sans-serif}
.web-service-page *{box-sizing:border-box}
.web-service-page .container{max-width:1320px;width:100%;padding-inline:12px;margin-inline:auto}
.web-service-hero{position:relative;overflow:hidden;background-color:#0c1729;background-image:linear-gradient(90deg,rgba(8,18,34,.38),rgba(8,18,34,.1) 58%,transparent),var(--pf-page-hero-image);background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff}
.web-service-hero-inner{position:relative;z-index:1;min-height:450px;padding-top:42px;padding-bottom:70px}
.web-service-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#ccd6e3;font-size:14px;font-weight:600}
.web-service-breadcrumb a{color:#fff}
.web-service-breadcrumb span[aria-hidden]{color:var(--service-gold)}
.web-service-hero-copy{max-width:800px;margin-top:68px}
.web-service-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.13em;color:var(--service-gold);font-weight:800;font-size:14px}
.web-service-hero h1{color:#fff;font-size:clamp(38px,4.2vw,68px);font-weight:800;line-height:1.07;letter-spacing:-.045em;margin:16px 0 20px}
.web-service-hero p{color:#e2e9f1;font-size:18px;line-height:1.7;max-width:700px;margin:0}
.web-service-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}
.web-service-button{display:inline-flex;align-items:center;gap:18px;background:var(--service-gold);color:#111b2c!important;padding:15px 20px;border-radius:8px;font-weight:800;box-shadow:0 12px 28px rgba(255,186,27,.16);transition:transform .2s,box-shadow .2s}
.web-service-button:hover{transform:translateY(-3px);box-shadow:0 18px 30px rgba(255,186,27,.24)}
.web-service-text-link{color:#fff!important;font-weight:700;display:inline-flex;gap:10px;align-items:center}
.web-service-text-link:hover{color:var(--service-gold)!important}
.web-service-section-nav{background:#fff;border-bottom:1px solid #dfe5ec;box-shadow:0 8px 22px rgba(13,25,44,.045)}
.web-service-section-nav .container{display:flex;gap:30px;overflow-x:auto;white-space:nowrap}
.web-service-section-nav a{padding:18px 0;color:#223044;font-size:15px;font-weight:700;border-bottom:3px solid transparent}
.web-service-section-nav a:hover,.web-service-section-nav a:focus{color:#8b5d00;border-bottom-color:var(--service-gold)}
.web-service-main{padding:76px 0 96px!important;background:linear-gradient(#f7f9fc,#fff 70%)}
.web-service-main .row{align-items:start;--bs-gutter-x:24px}
.web-service-content{display:grid;gap:24px}
.web-service-block{background:#fff;border:1px solid #e0e6ed;border-radius:16px;padding:34px;box-shadow:0 18px 38px rgba(18,33,54,.045);scroll-margin-top:100px}
.web-service-block h2,.web-service-block h3{color:#121e31;font-weight:800;line-height:1.22;letter-spacing:-.025em}
.web-service-block h2{font-size:clamp(27px,2.3vw,38px);margin:0 0 14px}
.web-service-block h3{font-size:25px;margin:0 0 16px}
.web-service-block p{color:#4b5a6d;font-size:16px!important;line-height:1.8;text-align:left!important;font-weight:400!important;margin:0 0 16px}
.web-service-block p:last-child{margin-bottom:0}
.web-service-block .web-service-kicker{display:block;color:#9a6900;text-transform:uppercase;font-weight:800;font-size:13px;letter-spacing:.11em;margin-bottom:14px}
.web-service-overview{padding:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.web-service-overview img{display:block;width:100%;height:100%;min-height:320px;max-height:440px;object-fit:cover}
.web-service-overview .web-service-overview-copy{padding:38px;align-self:center}
.web-service-features{background:#f8fafc}
.web-service-features ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none!important;padding:0!important;margin:0!important}
.web-service-features li{display:flex!important;align-items:flex-start;gap:12px;background:#fff;border:1px solid #e2e8ef;padding:17px 18px;border-radius:10px;font-size:15px;line-height:1.55;color:#26364a;min-width:0}
.web-service-features li i{color:#a77300!important;padding:4px 0 0!important;flex:none}
.web-service-banner-card{padding:0;overflow:hidden}
.web-service-banner-card img{display:block;width:100%;height:auto}
.web-service-sidebar{scroll-margin-top:100px}
.web-service-sidebar>div{border-radius:14px;overflow:hidden}
.web-service-sidebar .p-4{padding:26px!important;border:1px solid #e1e7ee;border-radius:14px}
.web-service-sidebar h3{font-size:24px;font-weight:800;color:#142239}
.web-service-sidebar .form-control{font-size:15px;padding:12px 14px}
.web-service-sidebar .btn{font-weight:700}
@media(max-width:1199px){.web-service-hero-copy{max-width:690px}}
@media(max-width:991px){.web-service-main{padding:48px 0 70px!important}.web-service-sidebar{margin-top:24px}.web-service-overview{grid-template-columns:1fr}.web-service-overview img{max-height:350px;min-height:240px}}
@media(max-width:600px){.web-service-hero{background-image:linear-gradient(90deg,rgba(8,18,34,.9),rgba(8,18,34,.74)),var(--pf-page-hero-image);background-position:69% center}.web-service-hero-inner{min-height:0;padding-top:30px;padding-bottom:55px}.web-service-hero-copy{margin-top:48px}.web-service-hero h1{font-size:40px}.web-service-hero p{font-size:16px}.web-service-section-nav .container{gap:23px}.web-service-section-nav a{font-size:14px}.web-service-block{padding:24px}.web-service-overview{padding:0}.web-service-overview .web-service-overview-copy{padding:26px}.web-service-features ul{grid-template-columns:1fr}.web-service-main{padding:36px 0 60px!important}}