/* Bhubaneswar uses the typography, spacing, colors and buttons from home.css. */
.rcs-hero{background:var(--paper)}
.rcs-hero nav{color:var(--muted)}
.rcs-hero .hero-description{max-width:620px}
.rcs-card{height:100%;border:1px solid var(--line);border-radius:var(--radius);padding:38px;background:var(--soft);color:var(--ink)}
.rcs-card>i{font-size:34px;color:var(--red)}
.bbs-office-title{font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-1.2px;margin:24px 0 18px}
.rcs-card address{font-style:normal;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:18px}
.rcs-card p{font-size:15px;color:var(--muted);margin:0}
.rcs-card>a{font-size:14px;font-weight:650;overflow-wrap:anywhere}
.rcs-card>a:hover{color:var(--red)}
.bbs-service-intro{padding:70px 0 46px;border-top:1px solid var(--line)}
.bbs-service-intro .eyebrow,.bbs-category .eyebrow{color:var(--muted)}
.bbs-category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.bbs-category-nav a{border:1px solid var(--line);padding:10px 16px;border-radius:9px;font-size:14px;font-weight:600;background:var(--paper)}
.bbs-category-nav a:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.rcs-section{padding:0 0 100px}
.bbs-category{scroll-margin-top:100px}
.bbs-category-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:46px}
.bbs-category-heading .eyebrow{margin-bottom:18px}
.rcs-intro{color:var(--muted);max-width:650px;margin:20px 0 0}
.bbs-count{font-size:12px;letter-spacing:1.5px;white-space:nowrap;border:1px solid var(--line);border-radius:9px;padding:8px 14px;color:var(--muted)}
.bbs-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bbs-service{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);padding:34px;color:var(--ink);background:var(--soft);transition:transform .2s,border-color .2s}
.bbs-service:hover{color:var(--ink);border-color:var(--red);transform:translateY(-3px)}
.bbs-service>i{font-size:34px;color:var(--red)}
.bbs-service h3{font-size:26px;line-height:1.2;letter-spacing:-.6px;font-weight:600;margin:25px 0 15px}
.bbs-service p{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:28px}
.bbs-service>span{margin-top:auto;padding-top:17px;border-top:1px solid var(--line);font-size:14px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:12px}
.bbs-service>span i{color:var(--red)}
#messaging .bbs-service{background:#191a1f;border-color:#3c3d45;color:#fff}
#messaging .bbs-service>i,#messaging .bbs-service>span i{color:#fc6974}
#messaging .bbs-service p{color:#b4b4be}
#messaging .bbs-service>span{border-color:#3c3d45}
#marketing .bbs-service{background:#ffe8ea;border-color:#e8bdc1}
#marketing .bbs-service>span{border-color:#e8bdc1}
#web-it .bbs-service{background:#f0f0f3}
.rcs-cta{background:var(--red);border-radius:var(--radius);padding:46px;color:#fff}
.rcs-cta h2{color:#fff}
.rcs-cta p{color:#ffe3e5;margin-top:23px}
.rcs-cta .button.red{background:#fff;color:var(--ink)}
@media(max-width:1100px){.bbs-service{padding:28px}}
@media(max-width:991px){.bbs-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.rcs-section{padding-bottom:70px}.bbs-category-heading{margin-bottom:35px}.rcs-card{padding:28px}}
@media(max-width:600px){.rcs-section{padding-bottom:57px}.bbs-service-intro{padding:45px 0 35px}.bbs-service-grid{grid-template-columns:1fr;gap:20px}.bbs-category-heading{margin-bottom:28px}.bbs-count{display:none}.bbs-service{padding:27px;border-radius:18px}.bbs-service h3{font-size:24px}.rcs-intro{font-size:15px}.bbs-category-nav a{font-size:13px;padding:9px 13px}.rcs-card{padding:27px;border-radius:18px}.bbs-office-title{font-size:28px}.rcs-cta{padding:27px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.bbs-service{transition:none}}

/* City photograph and overlapping office address in the homepage palette. */
.bbs-city-visual{position:relative;isolation:isolate;padding:14px 0 0 14px;max-width:600px;margin-left:auto}
.bbs-city-visual:before{content:"";position:absolute;inset:0 20px 85px 0;z-index:-1;background:#ffe8ea;border-radius:32px;transform:rotate(-3deg)}
.bbs-city-frame{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--ink);min-height:360px}
.bbs-city-photo{display:block;width:100%;height:380px;object-fit:cover;object-position:center}
.bbs-city-shade{position:absolute;inset:0;background:linear-gradient(180deg,#18191d30 0%,transparent 30%,#18191dca 100%)}
.bbs-city-badge{position:absolute;top:22px;left:22px;display:flex;align-items:center;gap:9px;background:#ffffffed;color:var(--ink);border:1px solid #fff;border-radius:30px;padding:9px 13px;font-size:10px;font-weight:700;letter-spacing:1.2px}
.bbs-city-badge i{color:var(--red);font-size:14px}
.bbs-city-caption{position:absolute;left:28px;right:28px;bottom:70px;color:#fff}
.bbs-city-caption>span{font-size:10px;letter-spacing:1.7px;font-weight:650;color:#ffe3e5}
.bbs-city-caption p{font-size:36px;letter-spacing:-1.2px;line-height:1.1;font-weight:650;margin:12px 0 0}
.bbs-address-card{position:relative;margin:-45px 20px 0;padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px #18191d0e}
.bbs-address-heading{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.bbs-address-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#ffe8ea;color:var(--red);font-size:23px;flex-shrink:0}
.bbs-address-label{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--muted);margin-bottom:5px}
.bbs-address-heading h2{font-size:19px;font-weight:650;line-height:1.3;letter-spacing:-.4px;margin:0}
.bbs-address-card address{font-size:14px;color:var(--muted);font-style:normal;line-height:1.7;margin:0 0 10px}
.bbs-address-card>p{font-size:12px;color:var(--muted);margin:0 0 16px}
.bbs-address-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;font-weight:650}
.bbs-address-actions a:first-child{color:var(--red)}
.bbs-address-actions i{margin-right:4px}
.bbs-address-actions a:hover,.bbs-office-email:hover{text-decoration:underline}
.bbs-office-email{display:inline-block;font-size:12px;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}
@media(max-width:1100px) and (min-width:992px){.rcs-hero .hero-copy h1{font-size:58px;letter-spacing:-3px}}
@media(max-width:991px){.bbs-city-visual{margin:0 auto;width:100%}}
@media(max-width:600px){.bbs-city-visual{padding:10px 0 0 8px}.bbs-city-frame{border-radius:20px;min-height:320px}.bbs-city-photo{height:340px}.bbs-city-badge{top:17px;left:17px;font-size:9px}.bbs-city-caption{left:22px;bottom:65px}.bbs-city-caption p{font-size:32px}.bbs-address-card{margin:-40px 10px 0;padding:20px}.bbs-address-heading h2{font-size:18px}.bbs-address-actions{align-items:flex-start;flex-direction:column}}

/* Match the service pages' breadcrumb offset and spacing. */
.rcs-hero.hero{padding-top:30px}
.bbs-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);margin-bottom:46px}
.bbs-breadcrumb a:hover{color:var(--red)}
@media(max-width:600px){.rcs-hero.hero{padding-top:23px}.bbs-breadcrumb{font-size:12px;gap:9px;margin-bottom:30px}}

/* Use the same hero heading scale as the service pages. */
.rcs-hero .hero-copy h1{font-size:clamp(44px,5.1vw,70px);font-weight:700;line-height:1.06;letter-spacing:-3.4px;margin:0 0 25px}
@media(max-width:1100px){.rcs-hero .hero-copy h1{font-size:57px}}
@media(max-width:850px){.rcs-hero .hero-copy h1{font-size:66px}}
@media(max-width:600px){.rcs-hero .hero-copy h1{font-size:clamp(38px,10.7vw,57px);letter-spacing:-2px}}