/* InsightBD R22 — retained Portfolio navigation + editorial content. */
.ib-projects-nav{display:inline-block;position:relative;z-index:40;vertical-align:middle;flex:0 0 auto}
.ib-projects-nav summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:13px 16px;white-space:nowrap;color:inherit}
.ib-projects-nav summary::-webkit-details-marker{display:none}
.ib-projects-nav summary span{font-size:.75em}
.ib-projects-subnav{position:absolute;top:100%;left:0;min-width:210px;background:#fff;color:#222;box-shadow:0 12px 35px #0002;border-radius:7px;padding:7px;z-index:100}
.ib-projects-nav:not([open]) .ib-projects-subnav{display:none}
.ib-projects-subnav a{display:block;padding:11px 15px;color:#222!important;text-decoration:none;border-radius:4px}
.ib-projects-subnav a:hover,.ib-projects-subnav a:focus-visible{background:#eef2ec}
.ib-faq-header-link{padding:13px 16px;color:inherit;text-decoration:none}
.ib-category-bar{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 34px}
.ib-category-bar a{padding:10px 18px;border:1px solid #999;border-radius:99px;color:inherit;text-decoration:none}
.ib-category-bar a.selected{background:#416746;color:white;border-color:#416746}
.ib-faq-list{max-width:960px;margin:24px auto 38px}
.ib-faq-list details{border-bottom:1px solid #adb3b6;padding:21px 10px}
.ib-faq-list summary{font-size:1.1rem;cursor:pointer;font-weight:650}
.ib-faq-list p{line-height:1.8;margin-top:15px}
.ib-r22-section{padding:70px 24px;margin:0;width:100%;box-sizing:border-box;color:inherit}
.ib-r22-container{max-width:1190px;margin:0 auto}
.ib-r22-eyebrow{display:block;font-weight:750;letter-spacing:.17em;font-size:.73rem;text-transform:uppercase;opacity:.8;margin-bottom:16px}
.ib-r22-section h2{font-size:clamp(1.75rem,3.3vw,3rem);line-height:1.15;font-weight:750;max-width:820px;margin:0 0 20px}
.ib-r22-section p{font-size:1.02rem;line-height:1.8;max-width:880px;margin:0 0 18px;opacity:.9;white-space:normal}
.ib-r22-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0 26px}
.ib-r22-card{background:color-mix(in srgb,currentColor 4%,transparent);border:1px solid color-mix(in srgb,currentColor 16%,transparent);padding:27px 23px;border-radius:9px;min-width:0}
.ib-r22-card h3{font-size:1.25rem;line-height:1.3;font-weight:730;margin:10px 0 14px}
.ib-r22-card p{font-size:.96rem;margin:0}
.ib-r22-index{font-size:.82rem;font-weight:750;letter-spacing:.09em;opacity:.62}
.ib-r22-steps{list-style:none;padding:0;margin:30px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.ib-r22-steps li{display:flex;gap:11px;padding:20px 16px;border-top:2px solid currentColor;font-size:.96rem;line-height:1.6}
.ib-r22-steps span{font-size:.85rem;font-weight:800;opacity:.55}
.ib-r22-link{display:inline-block;text-decoration:underline;text-underline-offset:5px;font-weight:750;color:inherit;margin-top:7px}
.ib-r22-process{background:color-mix(in srgb,currentColor 4%,transparent)}
.ib-r22-page-note{margin:30px auto 45px;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}
.insight-exact .ib-r22-section{font-family:inherit;text-align:left;clear:both}
.ib-r22-original-intro{padding:26px 20px;margin:23px auto;max-width:1050px;clear:both}.ib-r22-original-intro h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.14;color:#242f32}.ib-r22-original-intro p{font-size:1.12rem;line-height:1.8;color:#404d4b;max-width:920px}.ib-r22-original-intro a{font-weight:750;text-decoration:underline;color:#a92e27}.ib-r22-original-note{font-size:1rem;line-height:1.7;padding:0 20px}
.insight-exact .ib-r22-section h2{color:#323b39}
.insight-exact .ib-r22-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.insight-exact .ib-r22-card{background:#f7f8f7;color:#333}
.insight-exact .ib-r22-process{background:#f4f6f4}
.insight-exact .ib-r22-section p{color:#393e3d}
.insight-exact .ib-r22-home-block{clear:both;display:block}
.insight-legacy-nav li .ib-projects-nav summary{padding:14px;color:inherit;font-size:14px}
.insight-legacy-nav li .ib-projects-subnav{z-index:200}
@media (max-width:900px){.ib-r22-cards{grid-template-columns:1fr!important}.ib-r22-steps{grid-template-columns:1fr 1fr}.ib-projects-subnav{position:static;box-shadow:none;border:0;background:transparent;padding:4px 4px 10px}.ib-projects-subnav a{color:inherit!important}.ib-projects-nav{display:block;width:100%}.ib-projects-nav summary{padding:13px 16px}.insight-legacy-nav .ib-projects-nav summary{display:block}}
@media (max-width:600px){.ib-r22-section{padding:48px 18px}.ib-r22-steps{grid-template-columns:1fr}.ib-r22-card{padding:22px}.ib-r22-section p{font-size:.98rem}.ib-faq-list summary{font-size:1rem}}

/* R22.1 menu: Home / Service / Project / Portfolio / About Us / FAQs / Contact Us. */
.ib-r22-mobile-nav{display:none}
.ib-r22-mobile-nav > summary{cursor:pointer;list-style:none}
.ib-r22-mobile-nav > summary::-webkit-details-marker{display:none}
.ib-projects-nav summary{font-weight:inherit}
/* Footer link sequence is defined server-side, so every theme uses the same seven links. */
@media(min-width:761px){
 body:not(.insight-exact) .site-header .nav-bar .nav-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
 body:not(.insight-exact) .site-header .nav-bar .nav-inner>.ib-projects-nav{align-self:stretch;display:flex;align-items:center}
 body.insight-exact .insight-legacy-nav .ib-projects-nav{display:block}
}
@media(max-width:760px){
 body:not(.insight-exact) .site-header .nav-bar .nav-inner{display:none!important}
 body.insight-exact .insight-legacy-nav #insight-nav-list,
 body.insight-exact .insight-legacy-nav #insight-nav-list.is-open{display:none!important}
 body.insight-exact .insight-legacy-nav .insight-menu-toggle{display:none!important}
 .ib-r22-mobile-nav{display:block!important;width:100%;clear:both;position:relative;z-index:210;background:inherit;color:inherit}
 .ib-r22-mobile-nav>summary{display:block;padding:15px 22px;font-size:16px;font-weight:700;line-height:1.4;white-space:nowrap;letter-spacing:.02em}
 .ib-r22-mobile-nav[open]>summary{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent)}
 .ib-r22-mobile-nav-links{display:flex;flex-flow:column nowrap;gap:0;padding:6px 14px 16px;background:inherit;color:inherit;box-shadow:0 15px 18px #0002}
 .ib-r22-mobile-nav-links>a,.ib-r22-mobile-nav-links>.ib-projects-nav>summary{display:block!important;flex:none!important;text-align:left!important;white-space:normal!important;min-width:0!important;width:100%!important;height:auto!important;max-width:100%!important;padding:12px 14px!important;font-size:15px!important;font-weight:650!important;line-height:1.5!important;letter-spacing:normal!important;overflow:visible!important;color:inherit!important;text-decoration:none!important;border-radius:5px}
 .ib-r22-mobile-nav-links>.ib-projects-nav{display:block!important;position:relative;width:100%!important;max-width:100%;flex:none}
 .ib-r22-mobile-nav-links>.ib-projects-nav>.ib-projects-subnav{display:block;position:static!important;min-width:0!important;margin:0 0 4px 15px;box-shadow:none!important;border-left:2px solid color-mix(in srgb,currentColor 15%,transparent);background:transparent!important;padding:2px 8px}
 .ib-r22-mobile-nav-links>.ib-projects-nav:not([open])>.ib-projects-subnav{display:none!important}
 .ib-r22-mobile-nav-links>.ib-projects-nav .ib-projects-subnav a{font-size:14px!important;padding:10px!important;color:inherit!important}
 .ib-r22-mobile-nav-links>a:hover,.ib-r22-mobile-nav-links>a:focus-visible,.ib-r22-mobile-nav-links>.ib-projects-nav>summary:hover{background:color-mix(in srgb,currentColor 12%,transparent)}
 body.insight-exact .insight-legacy-nav .ib-r22-mobile-nav{background:#354837;color:#fff}
 body.insight-exact .insight-legacy-nav .ib-r22-mobile-nav>summary{color:#fff}
 body.insight-exact .insight-legacy-nav .ib-r22-mobile-nav-links>a{color:#fff!important}
 body.insight-exact .insight-legacy-nav .ib-r22-mobile-nav .ib-projects-nav summary{color:#fff!important}
 body.insight-exact .insight-legacy-nav .ib-r22-mobile-nav .ib-projects-subnav a{color:#fff!important}
}
/* Navigation contrast: modern themes have dark nav backgrounds but inherit dark body text. */
body:not(.insight-exact) .site-header .nav-bar .nav-inner > .ib-projects-nav > summary{color:#f3f4f5!important}
body.insight-exact .insight-legacy-nav .ib-projects-nav > summary{color:#fff!important}
@media(max-width:760px){
 body:not(.insight-exact) .site-header .nav-bar .ib-r22-mobile-nav{color:#f3f4f5!important}
 body:not(.insight-exact) .site-header .nav-bar .ib-r22-mobile-nav > summary{color:#f3f4f5!important}
 body:not(.insight-exact) .site-header .nav-bar .ib-r22-mobile-nav-links>a,
 body:not(.insight-exact) .site-header .nav-bar .ib-r22-mobile-nav-links>.ib-projects-nav>summary,
 body:not(.insight-exact) .site-header .nav-bar .ib-r22-mobile-nav-links>.ib-projects-nav .ib-projects-subnav a{color:#f3f4f5!important}
}