/*
 * Shared header & footer of the Rainbow Automation design (taken from the home page, 01-index.html).
 * Selectors are scoped to the header/footer so they do not clash with the styles of the inner pages.
 */
.top-ribbon,.meta-bar,header.ra-header,footer.ra-footer{
  --ink:#23252b;--muted:#6c7480;--green:#2eb453;--gold:#f3a51b;--red:#ec2331;--purple:#8b28a4;--blue:#2684d9;--max:1240px;
  font-family:Inter,Arial,Helvetica,sans-serif;line-height:normal;font-size:16px;color:var(--ink)
}
.meta-bar .wrap,header.ra-header .wrap,footer.ra-footer .wrap{width:min(var(--max),calc(100% - 32px));margin:auto}
header.ra-header img,footer.ra-footer img{max-width:100%;display:block}

.top-ribbon{height:8px;background:linear-gradient(90deg,var(--green) 0 20%,var(--gold) 20% 40%,var(--red) 40% 60%,var(--purple) 60% 80%,var(--blue) 80% 100%)}
.meta-bar{background:#111822;color:#d7dde8;font-size:12px}
.meta-bar .wrap{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 0}
header.ra-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}
header.ra-header .nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
header.ra-header .brand{display:flex;gap:12px;align-items:center;min-width:0}
header.ra-header .brand img{height:72px;width:72px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06);padding:7px}
header.ra-header .brand-text{min-width:0}
header.ra-header .brand-text strong{display:block;font-size:26px;letter-spacing:-1px;line-height:1.05;text-transform:uppercase}
header.ra-header .brand-text small{display:block;margin-top:4px;color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:10px}
header.ra-header .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:999px;border:none;font-size:13px;font-weight:800;line-height:normal;cursor:pointer;transition:.22s ease;box-shadow:0 10px 24px rgba(38,132,217,.13);white-space:normal}
header.ra-header .btn:hover{transform:translateY(-2px)}
header.ra-header .btn::after{content:"";position:absolute;top:0;bottom:0;left:-130%;width:60%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transition:left .6s ease}
header.ra-header .btn:hover::after{left:155%}
header.ra-header .btn-primary{background:linear-gradient(135deg,var(--blue),#1e6eb8);color:#fff}
header.ra-header .menu-btn{display:none;background:#fff;border:1px solid #dce1e8;padding:8px 12px;border-radius:12px;font-size:24px;line-height:normal;color:inherit}
header.ra-header .ra-nav-five a{transition:color .2s,transform .2s}

footer.ra-footer{background:#10161f;color:#c6d0dc;margin:0;padding:0}
footer.ra-footer .footer-top{padding:54px 0 20px;display:grid;grid-template-columns:1.2fr .9fr .9fr 1fr;gap:24px}
footer.ra-footer .footer-brand img{height:76px;width:76px;padding:8px;background:#fff;border-radius:18px;margin-bottom:12px}
footer.ra-footer .footer-brand strong{display:block;font-size:24px;color:#fff;letter-spacing:-1px;text-transform:uppercase}
footer.ra-footer .footer-brand p{margin:12px 0 0;font-size:13px;color:#b9c5d3;line-height:1.85}
footer.ra-footer .footer-col h4{margin:4px 0 14px;color:#fff;font-size:15px}
footer.ra-footer .footer-col a,footer.ra-footer .footer-col span{display:block;margin:9px 0;font-size:13px;color:#c6d0dc}
footer.ra-footer .footer-bottom{padding:18px 0 26px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#aeb9c6}

@media (max-width:1100px){
  footer.ra-footer .footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  header.ra-header .menu-btn{display:block}
  header.ra-header .nav .btn-primary{display:none}
  header.ra-header .brand img{height:60px;width:60px}
  header.ra-header .brand-text strong{font-size:22px}
  footer.ra-footer .footer-top{grid-template-columns:1fr}
  footer.ra-footer .footer-bottom{flex-direction:column}
  .meta-bar .wrap{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
  .meta-bar .wrap,header.ra-header .wrap,footer.ra-footer .wrap{width:min(var(--max),calc(100% - 20px))}
  header.ra-header .brand-text strong{font-size:20px}
}
@media (prefers-reduced-motion:reduce){header.ra-header .btn::after{display:none}}

/* Bangla / English language switch */
.ra-language-switch{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #dde5ee;border-radius:9px;background:#fff;color:#142640;font-size:13px;font-weight:800;line-height:1.3;min-height:38px;cursor:pointer;transition:background .2s,box-shadow .2s}.ra-language-switch:hover{background:#f1f6ff;box-shadow:0 3px 12px #1233}.ra-language-switch:focus-visible{outline:3px solid #3182ce;outline-offset:2px}html[lang="bn"] body{font-family:system-ui,"Noto Sans Bengali","Hind Siliguri",Arial,sans-serif}html[lang="bn"] h1,html[lang="bn"] h2,html[lang="bn"] h3{letter-spacing:normal!important;line-height:1.4!important}html[lang="bn"] .ra-nav-five a{letter-spacing:normal!important}@media(max-width:1000px){.ra-language-switch{margin-left:6px}}@media(max-width:750px){.ra-language-switch{order:2;margin-left:auto}.ra-nav-five{order:3}}