/*
Theme Name: Banglar Gateway IT
Theme URI: https://rstechbd.com/
Author: RS Tech BD
Author URI: https://rstechbd.com/
Description: Professional RS Tech BD design system. Navy, royal blue and sparing cyan on white; yellow with dark text only for booking buttons.
Version: 2.0
License: GNU General Public License v2 or later
Text Domain: banglar-gateway-it
*/
:root{--navy:#0A2540;--royal:#1D4ED8;--cyan:#06B6D4;--yellow:#FFD60A;--ink:#0F172A;--muted:#475569;--line:#E2E8F0;--paper:#F8FAFC;--white:#FFFFFF}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:"Noto Sans Bengali","Hind Siliguri","Segoe UI",system-ui,-apple-system,Arial,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}
img{max-width:100%;height:auto}a{color:var(--royal)}a:hover{color:var(--navy)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.container{max-width:1140px;margin:0 auto;padding:0 20px;width:100%}
h1{font-size:clamp(26px,4vw,34px);line-height:1.35;margin:0 0 16px;color:var(--navy);overflow-wrap:break-word}h2{font-size:clamp(21px,3vw,27px);line-height:1.4;margin:28px 0 12px;color:var(--navy)}h3{font-size:19px;line-height:1.45;margin:20px 0 8px;color:var(--navy)}h4{font-size:17px;margin:16px 0 8px;color:var(--navy)}p{margin:0 0 14px}ul,ol{margin:0 0 16px;padding-left:22px}li{margin-bottom:6px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:var(--yellow);color:var(--navy);padding:8px 12px;z-index:99}
.topbar{background:var(--navy);color:#E2E8F0;font-size:13.5px}.topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px}.topbar a{color:#fff}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:12px;color:var(--navy);text-decoration:none;min-width:0}.brand img{width:52px;height:52px;object-fit:contain;border-radius:10px}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:24px;letter-spacing:-.2px;color:var(--navy)}.brand-text span{font-size:12.5px;color:var(--muted);font-weight:600}
.nav{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto;align-items:center}.nav a{color:var(--navy);text-decoration:none;font-weight:700;font-size:15px;padding:9px 11px;border-radius:8px}.nav a:hover,.nav a:focus{background:var(--paper);color:var(--royal)}
.header-phone{color:var(--navy);font-weight:800;text-decoration:none;border:1.5px solid var(--royal);padding:9px 14px;border-radius:999px;white-space:nowrap}.header-phone:hover{background:var(--paper)}
.button,.wp-block-button__link,button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-block;background:var(--royal);color:#fff!important;text-decoration:none;border:1px solid var(--royal);border-radius:10px;padding:11px 20px;font-weight:700;font-size:15.5px;line-height:1.4;cursor:pointer;text-align:center}.button:hover,.wp-block-button__link:hover,button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{filter:brightness(1.07)}
.button.secondary,.button.outline{background:#fff;color:var(--royal)!important}.button.cyan{background:var(--royal);border-color:var(--royal)}
.site-header .button,a[href*="/book-a-technician"],a[href*="book-a-technician"].button,.rs-book,.rs-wa{background:var(--yellow)!important;color:var(--navy)!important;border-color:var(--yellow)!important}
.page-head{background:linear-gradient(135deg,var(--navy),var(--royal));color:#fff;padding:36px 0 30px}.page-head h1{color:#fff;margin:6px 0 0}.eyebrow{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.page-content{padding:28px 0 48px;min-height:320px}.page-content>h2:first-child,.page-content>h3:first-child{margin-top:0}
.service-card,.product-card,.blog-card,.bg-card,.card,.team-card,.rs-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px;height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px 3px rgba(10,37,64,.06)}.service-card h3,.product-card h3,.blog-card h2,.bg-card h3,.card h3{margin-top:0}.service-card p,.product-card p,.blog-card p,.bg-card p{color:var(--muted);display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important;overflow:visible!important}.service-card a,.product-card a,.blog-card a{margin-top:auto}
.services-grid,.products-grid,.bg-grid,.team-grid,.rs-grid,.rs-grid3,.woocommerce ul.products,.related.products ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.services-grid>*,.products-grid>*,.bg-grid>*,.team-grid>*,.rs-grid>*,.rs-grid3>*,.woocommerce ul.products li.product{height:100%;margin:0!important;width:auto!important;float:none!important}
.service-card img,.product-card img,.bg-card img,.team-card img,.blog-card img,.woocommerce ul.products li.product img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#fff;display:block;margin-bottom:14px}.product-card img,.woocommerce ul.products li.product img{object-fit:contain;padding:10px}
.team-member img,img[alt*="Rakibul"],img[alt*="Technician"]{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center top!important;background:#fff!important}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.product-card .price{color:var(--navy);font-size:18px;font-weight:800}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px;color:var(--navy);padding:0 4px 8px}.woocommerce div.product{padding-top:8px}.woocommerce div.product .woocommerce-product-gallery img{aspect-ratio:4/3;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px}.woocommerce div.product form.cart{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.woocommerce div.product .quantity input{width:70px}.woocommerce-tabs{margin-top:28px}.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error{border-top-color:var(--royal);background:var(--paper)}
form,.bg-form,.contact-form,.booking-form{display:grid;gap:12px}label{font-weight:700;color:var(--navy);display:block;margin-bottom:2px}input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="date"],input[type="datetime-local"],select,textarea{width:100%;padding:11px 13px;border:1px solid #CBD5E1;border-radius:10px;font:inherit;font-size:15.5px;background:#fff;color:var(--ink)}textarea{min-height:120px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--royal);box-shadow:0 0 0 3px rgba(29,78,216,.15);outline:none}
.bg-price,.price-box,.booking-summary,.notice{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--cyan);border-radius:12px;padding:16px 18px}
.site-footer{background:var(--navy);color:#E2E8F0;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:28px;padding:40px 0 28px}.site-footer h3,.site-footer h4{color:#fff;margin-top:0}.site-footer a{color:#CBD5E1;text-decoration:none;display:block;margin:7px 0}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);padding:16px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}.footer-bottom nav{display:flex;gap:16px;flex-wrap:wrap}.footer-bottom nav a{display:inline}
/* Homepage template overrides: inline styles in the page load after this file, so these win. */
.rs{max-width:1140px!important}.rs-top{background:var(--navy)!important}.rs-head{border-bottom:3px solid var(--royal)!important;padding:16px!important}.rs-badge{background:var(--navy)!important;color:var(--yellow)!important}.rs-hero{background:linear-gradient(135deg,var(--navy),var(--royal))!important;padding:32px 20px!important;align-items:center}.rs-hero h1{font-size:clamp(26px,4vw,34px)!important;line-height:1.35!important}.rs-hero img{aspect-ratio:4/3;object-fit:cover;max-height:340px}.rs-pill{background:var(--cyan)!important}.rs-sec{padding:32px 20px!important}.rs-sec h2{font-size:clamp(21px,3vw,27px)!important}.rs-card .ic,.service-icon,.bg-icon{display:none!important}.rs-card::before,.service-card::before{content:"\2713";width:52px;height:52px;min-height:52px;border-radius:12px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin-bottom:12px}.rs-card{text-align:left!important}.rs-card h3{margin-top:0!important}.rs-card a{margin-top:auto}.rs-foot{background:var(--navy)!important;grid-template-columns:1.3fr 1fr 1fr 1.2fr!important}.rs-foot h3{color:#fff!important}.rs-qr{display:none!important}.rs-offer{background:var(--navy)!important}.rs-stats{background:var(--royal)!important}.rs-blue{background:var(--royal)!important}.rs-form input,.rs-form select,.rs-form textarea{border:1px solid #CBD5E1!important}
@media(max-width:900px){.services-grid,.products-grid,.bg-grid,.team-grid,.rs-grid,.rs-grid3,.woocommerce ul.products,.footer-grid,.rs-foot{grid-template-columns:repeat(2,minmax(0,1fr))!important}.header-inner{flex-direction:column;align-items:flex-start}.nav{margin-left:0}.site-header{position:static}}
@media(max-width:600px){.services-grid,.products-grid,.bg-grid,.team-grid,.rs-grid,.rs-grid3,.woocommerce ul.products,.footer-grid,.rs-foot{grid-template-columns:1fr!important}.brand-text strong{font-size:21px}.page-head{padding:28px 0 24px}.page-content{padding:22px 0 36px}}
/* RS Tech BD centred icon fix (2026-11-02): replaces single-letter badges with centred professional icons. Inline page/template styles load later, so !important is used only for badge geometry and icon display. */
.rsx-page .rsx-icon,.rsx-icon,.rs-ic{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;margin:0 auto 14px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-radius:14px!important;background:linear-gradient(135deg,#EAF2FF,#D6E6FF)!important;border:1px solid #D6E6FF!important;box-shadow:0 2px 8px rgba(6,38,95,.08)!important;font-size:0!important;line-height:0!important;color:transparent!important;text-align:center!important}
.rsx-page .rsx-icon svg,.rsx-icon svg,.rs-ic svg{width:28px!important;height:28px!important;min-width:28px!important;flex:0 0 auto!important;stroke:#075BD8!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.rsx-page .rsx-icon svg .fill-royal,.rs-ic svg .fill-royal{fill:#075BD8!important;stroke:none!important}
.rsx-page .rsx-qcard{text-align:left}
.rsx-page .rsx-qcard .rsx-icon{margin:0 auto 12px!important}
.rsx-page .rsx-card .rsx-icon{margin:0 auto 14px!important}
/* Fallback generic icon if the footer icon script is unavailable: a clean monitor icon, centred, never a letter. */
.rsx-page .rsx-icon:empty,.rsx-icon:empty,.rs-ic:empty{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:28px 28px!important}
/* Centred icons added to Why Choose cards and booking steps by the footer script. */
.rsx-why-icon,.rsx-step-icon{width:52px;height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;border-radius:14px;background:linear-gradient(135deg,#EAF2FF,#D6E6FF);border:1px solid #D6E6FF;box-shadow:0 2px 8px rgba(6,38,95,.08)}
.rsx-why-icon svg,.rsx-step-icon svg{width:26px;height:26px;stroke:#075BD8;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rsx-why>div{text-align:center}
.rsx-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.rsx-steps li .rsx-step-icon{margin:0 0 6px}
/* All Services (plugin) cards: centred professional icon badge, replacing the checkmark badge. */
.rs-plugin-icon{width:56px!important;height:56px!important;min-width:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 14px!important;border-radius:14px!important;background:linear-gradient(135deg,#EAF2FF,#D6E6FF)!important;border:1px solid #D6E6FF!important;box-shadow:0 2px 8px rgba(6,38,95,.08)!important;overflow:hidden!important}
.rs-plugin-icon svg{width:28px!important;height:28px!important;stroke:#075BD8!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media (max-width:640px){.rsx-page .rsx-icon,.rsx-icon,.rs-ic,.rs-plugin-icon{width:52px!important;height:52px!important;min-width:52px!important}.rsx-page .rsx-icon svg,.rsx-icon svg,.rs-ic svg,.rs-plugin-icon svg{width:26px!important;height:26px!important}}

/* RS Tech BD compact single-row header fix (2026-11-02): horizontal menu, clean lockup, no second-row button, max 1320px. */
html,body{overflow-x:hidden}
.topline,.topbar{background:#06265F!important;color:#fff!important}
.topline .container,.topbar .container{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;max-width:1320px!important}
.site-header{position:sticky!important;top:0!important;z-index:100!important;background:#fff!important;border-bottom:1px solid #dbe7f5!important}
.site-header .container.header-inner,.site-header .header-inner{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:nowrap!important;padding:10px 20px!important;max-width:1320px!important;margin:0 auto!important;width:100%!important}
.site-header .rs-lockup{display:flex!important;align-items:center!important;gap:12px!important;flex-shrink:0!important;min-width:0!important}
.site-header .rs-badge{width:48px!important;height:48px!important;border-radius:50%!important;background:#06265F!important;color:#FFD52A!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;font-size:18px!important;flex-shrink:0!important}
.site-header .custom-logo-link{flex-shrink:0!important}
.site-header .custom-logo{height:48px!important;width:auto!important;max-width:120px!important}
.site-header .brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;line-height:1.1!important;text-decoration:none!important;color:#06265F!important;flex-shrink:0!important}
.site-header .brand-name{font-size:21px!important;font-weight:800!important;color:#06265F!important;white-space:nowrap!important;line-height:1.1!important}
.site-header .brand-sub{font-size:12px!important;color:#475569!important;white-space:nowrap!important;line-height:1.2!important}
.site-header .nav-menu{flex:1 1 auto!important;display:flex!important;justify-content:center!important;min-width:0!important}
.site-header .nav-menu ul{display:flex!important;flex-wrap:nowrap!important;gap:12px!important;list-style:none!important;margin:0!important;padding:0!important;align-items:center!important}
.site-header .nav-menu li{list-style:none!important;margin:0!important;padding:0!important}
.site-header .nav-menu a{color:#111827!important;text-decoration:none!important;font-weight:600!important;font-size:14px!important;white-space:nowrap!important;padding:8px 2px!important;display:block!important}
.site-header .nav-menu a:hover{color:#075BD8!important}
.site-header a.header-cta,.site-header .button.header-cta{background:#FFD52A!important;color:#111827!important;font-weight:800!important;text-decoration:none!important;padding:10px 16px!important;border-radius:12px!important;white-space:nowrap!important;flex-shrink:0!important;font-size:14px!important;border:0!important}
.site-header .rs-nav-toggle{display:none!important;background:#075BD8!important;color:#fff!important;border:0!important;border-radius:10px!important;padding:9px 12px!important;font-weight:700!important;cursor:pointer!important;flex-shrink:0!important;font-size:14px!important}
@media(max-width:1100px){.site-header .nav-menu ul{gap:8px!important}.site-header .nav-menu a{font-size:13px!important}.site-header a.header-cta,.site-header .button.header-cta{padding:9px 12px!important;font-size:13px!important}}
@media(max-width:900px){.site-header .header-inner,.site-header .container.header-inner{flex-wrap:wrap!important}.site-header .rs-nav-toggle{display:block!important;margin-left:auto!important}.site-header .nav-menu{display:none!important;width:100%!important;order:4!important;flex:none!important}.site-header .nav-menu.open{display:block!important}.site-header .nav-menu ul{flex-direction:column!important;align-items:flex-start!important;gap:0!important}.site-header .nav-menu li{width:100%!important}.site-header .nav-menu a{padding:11px 0!important;border-top:1px solid #e2e8f0!important;width:100%!important}}
/* RS Tech BD centred icon fix, part 2 CSS (2026-11-02) */
/* AMC cards link to /service-plans/ : hide the wrong globe SVG and show a calendar/contract icon, centred. */
a[href="/service-plans/"] .rsx-icon svg{display:none!important}
a[href="/service-plans/"] .rsx-icon{background:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M9 15l2 2 4-4'/%3E%3C/svg%3E") no-repeat center/28px 28px!important}
/* All Services cards (plugin shortcode): hide the dark checkmark badge, add a centred professional icon badge via ::before. Per-service icons by link slug; monitor is the fallback. */
main>a:has(h3)>div:first-child,main>a:has(h3)>span:first-child{display:none!important}
main>a:has(h3)::before{content:"";display:block;width:56px;height:56px;margin:0 auto 14px;border-radius:14px;border:1px solid #D6E6FF;box-shadow:0 2px 8px rgba(6,38,95,.08);background:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E") no-repeat center/28px 28px}
main>a[href*="laptop"]:has(h3)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v10H4z'/%3E%3Cpath d='M2 19h20'/%3E%3C/svg%3E")}
main>a[href*="printer"]:has(h3)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9V3h12v6'/%3E%3Crect x='3' y='9' width='18' height='8' rx='2'/%3E%3Cpath d='M6 17v4h12v-4'/%3E%3C/svg%3E")}
main>a[href*="cctv"]:has(h3)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h11v9H3z'/%3E%3Cpath d='M14 11l7-3v9l-7-3'/%3E%3C/svg%3E")}
main>a[href*="virus"]:has(h3)::before,main>a[href*="security"]:has(h3)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v5c0 5-3.5 8-7 9-3.5-1-7-4-7-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
main>a[href*="data"]:has(h3)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5'/%3E%3Cpath d='M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6'/%3E%3C/svg%3E")}
main>a[href*="network"]:has(h3)::before,main>a[href*="lan"]:has(h3)::before,main>a[href*="wifi"]:has(h3)::before,main>a[href*="internet"]:has(h3)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2.5'/%3E%3Ccircle cx='5' cy='18' r='2.5'/%3E%3Ccircle cx='19' cy='18' r='2.5'/%3E%3Cpath d='M10 7l-3.5 8.5M14 7l3.5 8.5M7.5 18h9'/%3E%3C/svg%3E")}
main>a[href*="windows"]:has(h3)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 12h18M12 3v18'/%3E%3C/svg%3E")}
main>a[href*="remote"]:has(h3)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='13' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E")}
/* Booking / process steps: a small centred icon badge before each step, by step order. */
main ol li::before{content:"";display:block;width:44px;height:44px;margin:0 auto 8px;border-radius:12px;border:1px solid #D6E6FF;background:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11'/%3E%3C/svg%3E") no-repeat center/24px 24px}
main ol li:nth-child(2)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M9 15l2 2 4-4'/%3E%3C/svg%3E")}
main ol li:nth-child(3)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 3.5-6 8-6s8 2 8 6'/%3E%3C/svg%3E")}
main ol li:nth-child(4)::before{background-image:linear-gradient(135deg,#EAF2FF,#D6E6FF),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23075BD8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E")}


/* RS Tech BD professional CTA buttons — Service Plan page 147 and Service Charge page 149 only. Help page intentionally excluded. Converts the bottom plain-text CTA link row into buttons; destinations and link text unchanged. */
body.page-id-147 main .page-content > p:last-child,
body.page-id-149 main .page-content > p:last-child { display:flex; flex-wrap:wrap; align-items:center; gap:14px; font-size:0; margin-top:24px; }
body.page-id-147 main .page-content a[href$="/book-a-technician/"],
body.page-id-147 main .page-content a[href$="/contact-us/"],
body.page-id-147 main .page-content a[href$="/services/"],
body.page-id-149 main .page-content a[href$="/book-a-technician/"],
body.page-id-149 main .page-content a[href$="/contact-us/"] { display:inline-flex; align-items:center; justify-content:center; min-height:48px; box-sizing:border-box; max-width:100%; padding:13px 24px; border-radius:14px; font-family:"Hind Siliguri","Noto Sans Bengali",sans-serif; font-size:16px; font-weight:700; line-height:1.4; text-decoration:none !important; text-align:center; box-shadow:0 4px 14px rgba(6,38,95,0.18); transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease; }
body.page-id-147 main .page-content a[href$="/book-a-technician/"],
body.page-id-149 main .page-content a[href$="/book-a-technician/"] { background:#FFD52A !important; color:#06265F !important; border:2px solid #FFD52A !important; }
body.page-id-147 main .page-content a[href$="/contact-us/"],
body.page-id-147 main .page-content a[href$="/services/"],
body.page-id-149 main .page-content a[href$="/contact-us/"] { background:#FFFFFF !important; color:#06265F !important; border:2px solid #075BD8 !important; }
body.page-id-147 main .page-content a[href$="/book-a-technician/"]:hover,
body.page-id-147 main .page-content a[href$="/contact-us/"]:hover,
body.page-id-147 main .page-content a[href$="/services/"]:hover,
body.page-id-149 main .page-content a[href$="/book-a-technician/"]:hover,
body.page-id-149 main .page-content a[href$="/contact-us/"]:hover { transform:translateY(-1px); box-shadow:0 8px 20px rgba(6,38,95,0.25); }
body.page-id-147 main .page-content a[href$="/book-a-technician/"]:hover,
body.page-id-149 main .page-content a[href$="/book-a-technician/"]:hover { background:#06265F !important; color:#FFFFFF !important; border-color:#06265F !important; }
body.page-id-147 main .page-content a[href$="/contact-us/"]:hover,
body.page-id-147 main .page-content a[href$="/services/"]:hover,
body.page-id-149 main .page-content a[href$="/contact-us/"]:hover { background:#075BD8 !important; color:#FFFFFF !important; border-color:#075BD8 !important; }
@media (max-width:600px) {
  body.page-id-147 main .page-content > p:last-child,
  body.page-id-149 main .page-content > p:last-child { flex-direction:column; align-items:stretch; }
  body.page-id-147 main .page-content a[href$="/book-a-technician/"],
  body.page-id-147 main .page-content a[href$="/contact-us/"],
  body.page-id-147 main .page-content a[href$="/services/"],
  body.page-id-149 main .page-content a[href$="/book-a-technician/"],
  body.page-id-149 main .page-content a[href$="/contact-us/"] { width:100%; }
}

/* Service Plan CTA row by content (unique: only this page's CTA paragraph contains book + contact + services links) — fallback if body-class scoping is unavailable. */
main .page-content p:has(> a[href$="/book-a-technician/"]):has(> a[href$="/contact-us/"]):has(> a[href$="/services/"]) { display:flex; flex-wrap:wrap; align-items:center; gap:14px; font-size:0; margin-top:24px; }
main .page-content p:has(> a[href$="/book-a-technician/"]):has(> a[href$="/contact-us/"]):has(> a[href$="/services/"]) a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; box-sizing:border-box; max-width:100%; padding:13px 24px; border-radius:14px; font-family:"Hind Siliguri","Noto Sans Bengali",sans-serif; font-size:16px; font-weight:700; line-height:1.4; text-decoration:none !important; text-align:center; box-shadow:0 4px 14px rgba(6,38,95,0.18); }
main .page-content p:has(> a[href$="/book-a-technician/"]):has(> a[href$="/contact-us/"]):has(> a[href$="/services/"]) a[href$="/book-a-technician/"] { background:#FFD52A !important; color:#06265F !important; border:2px solid #FFD52A !important; }
main .page-content p:has(> a[href$="/book-a-technician/"]):has(> a[href$="/contact-us/"]):has(> a[href$="/services/"]) a[href$="/contact-us/"],
main .page-content p:has(> a[href$="/book-a-technician/"]):has(> a[href$="/contact-us/"]):has(> a[href$="/services/"]) a[href$="/services/"] { background:#FFFFFF !important; color:#06265F !important; border:2px solid #075BD8 !important; }
@media (max-width:600px) {
  main .page-content p:has(> a[href$="/book-a-technician/"]):has(> a[href$="/contact-us/"]):has(> a[href$="/services/"]) { flex-direction:column; align-items:stretch; }
  main .page-content p:has(> a[href$="/book-a-technician/"]):has(> a[href$="/contact-us/"]):has(> a[href$="/services/"]) a { width:100%; }
}

/* TEST147 */
body.page-id-147 { background-color:lime !important; }

/* End of TEST147 — restore normal white page background (original theme body background). */
body.page-id-147 { background-color:#FFFFFF !important; }
/* RS Tech BD image position/size fix — 2026-11-02. Backup: pre-change style.css is preserved as the theme's existing style copy files; this block is appended at the end so removing it restores the previous behaviour. No image subject, price, contact, header, footer, menu or section order is changed. */
img{max-width:100%;box-sizing:border-box}
main img, .page-content img, .entry-content img, .wp-block-image img{height:auto}
/* Homepage hero: full technician photo, face at top of frame, never cropped, never overflowing */
.hero-image img, .rsx-hero-img img, .rs-hero-img img, main .hero img{width:100% !important;height:auto !important;aspect-ratio:auto !important;object-fit:contain !important;object-position:center top !important;display:block;margin:0 auto;background:#0A2540;border-radius:16px}
/* Homepage section images (booking, Why Choose, categories, additional services): consistent, centred, undistorted */
.rsx-section-img img, .booking-image img, .why-choose-image img, .rs-booking-img img, .rs-why-img img{width:100% !important;height:auto !important;object-fit:contain !important;object-position:center top !important;display:block;margin:0 auto}
/* Universal service hero: fixed 3:2 slot, max 1200px wide (=1200x800), icon or photo centred in it */
.service-hero-media{width:100% !important;max-width:1200px !important;aspect-ratio:3/2 !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;margin:0 auto !important}
.service-hero-media img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center top !important;display:block}
.service-hero-media svg, .service-hero-icon svg{width:96px !important;height:96px !important;max-width:96px !important;flex:none}
.service-hero-icon{display:flex !important;align-items:center !important;justify-content:center !important}
/* Service / archive / All Services cards: one consistent thumbnail slot, centred icons, no overflow */
.service-card, .related-card, .all-services-card{overflow:hidden}
.service-card-icon, .related-card-icon, .service-icon{width:56px !important;height:56px !important;min-width:56px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 12px auto !important}
.service-card-icon svg, .related-card-icon svg, .service-icon svg{width:40px !important;height:40px !important;max-width:40px !important}
.service-card img, .related-card img{width:100% !important;height:auto !important;aspect-ratio:3/2 !important;object-fit:cover !important;object-position:center top !important;display:block}
/* Archive and All Services grids: equal card heights so no image/text overlaps on wrap */
.services-grid, .related-grid, .rs-grid, .rs-grid3{display:grid;align-items:stretch}
.service-card, .related-card{height:100%}
/* Technician / team portraits: full face must stay in frame — contain, never cover-crop */
.team-member img, img[alt*="Rakibul"], img[alt*="Technician"], .team-card img{width:100% !important;height:auto !important;aspect-ratio:auto !important;object-fit:contain !important;object-position:center top !important;display:block;margin:0 auto !important;max-height:560px !important;background:#F1F5F9}
/* Blog featured images: one consistent 16:9 slot */
.blog-card img, .post-card img, .blog-list img{width:100% !important;height:auto !important;aspect-ratio:16/9 !important;object-fit:cover !important;object-position:center top !important;display:block}
/* Products / WooCommerce Shop: consistent square slot, placeholder included, centred, undistorted */
.woocommerce ul.products li.product img, .woocommerce div.product div.images img, .product-card img, .woocommerce-placeholder{width:100% !important;height:auto !important;aspect-ratio:1/1 !important;object-fit:contain !important;object-position:center center !important;display:block;margin:0 auto !important;background:#F1F5F9}
.woocommerce ul.products li.product{overflow:hidden}
/* Brands strip and category icons: centred, fixed height, never stretched */
.brands-strip img, .brand-strip img{height:48px !important;width:auto !important;max-width:140px !important;object-fit:contain !important;display:block;margin:0 auto}
/* General below-fold / content images: reserve space to avoid layout shift */
.page-content img, .entry-content img{aspect-ratio:auto}
@media (max-width:640px){
 .service-hero-media{aspect-ratio:3/2 !important;max-width:100% !important}
 .hero-image img, .rsx-hero-img img{width:100% !important;height:auto !important}
 .team-member img{max-height:420px !important}
 .services-grid, .related-grid, .rs-grid, .rs-grid3{grid-template-columns:1fr !important}
 .service-card-icon, .related-card-icon{margin:0 auto 12px auto !important}
}

/* RS Tech BD modern footer 2026-11-02: deep navy, white text, 4 columns, stacked on mobile. */
.rs-footer{background:#06265F;color:#fff;font-family:'Hind Siliguri','Noto Sans Bengali',sans-serif;padding:56px 0 0;margin:0;box-sizing:border-box}
.rs-footer *{box-sizing:border-box}
.rs-footer-inner{max-width:1200px;margin:0 auto;padding:0 24px}
.rs-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:40px}
.rs-footer-logo{display:inline-block;color:#fff;text-decoration:none;font-size:26px;font-weight:700;line-height:1.2}
.rs-footer-logo span{color:#FFC107}
.rs-footer-sub{color:#fff;margin:6px 0 12px;font-size:14px}
.rs-footer-desc{color:#fff;line-height:1.7;margin:0 0 16px}
.rs-footer h3{color:#fff;font-size:18px;margin:0 0 16px}
.rs-footer ul{list-style:none;margin:0;padding:0}
.rs-footer ul li{margin:0 0 10px}
.rs-footer a{color:#fff;text-decoration:none}
.rs-footer a:hover,.rs-footer a:focus{color:#fff;text-decoration:underline}
.rs-footer-social{display:inline-block;font-weight:600}
.rs-footer address{font-style:normal;line-height:1.7;margin:0 0 12px}
.rs-footer-contact p{margin:0 0 10px;line-height:1.6}
.rs-footer-btns{margin-top:18px;display:flex;flex-direction:column;gap:12px}
.rs-footer-btn{display:inline-block;text-align:center;padding:12px 18px;border-radius:8px;font-weight:700;text-decoration:none}
.rs-footer-btn-book{background:#FFC107;color:#06265F}
.rs-footer-btn-book:hover,.rs-footer-btn-book:focus{background:#FFC107;color:#06265F;text-decoration:underline}
.rs-footer-btn-wa{background:transparent;color:#fff;border:1px solid #fff}
.rs-footer-btn-wa:hover,.rs-footer-btn-wa:focus{background:transparent;color:#fff;text-decoration:underline}
.rs-footer-bottom{border-top:1px solid rgba(255,255,255,.25);padding:20px 0 24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.rs-footer-bottom p{margin:0}
.rs-footer-bottom nav{display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:900px){.rs-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:600px){.rs-footer{padding-top:40px}.rs-footer-inner{padding:0 20px}.rs-footer-grid{grid-template-columns:1fr;gap:28px}.rs-footer-btn{width:100%}.rs-footer-bottom{flex-direction:column;align-items:flex-start}}