/*
Theme Name: Mhsoft Techs
Theme URI: https://mhsofttechs.com
Author: Mhsoft Techs LLP
Author URI: https://mhsofttechs.com
Description: Custom theme for Mhsoft Techs LLP – software development company in Rawalpindi. Includes the complete Mhsoft website: Home, About, Services, Contact, 5 product pages and 12 service pages, with mega-menu navigation, chat assistant, contact form (saved under Enquiries and emailed), SEO meta and structured data. On activation it creates all pages, sets the homepage and builds the Primary menu.
Version: 1.6.112
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: Proprietary
Text Domain: mhsoft
*/

/* ==========================================================================
   Mhsoft design stylesheet – colour tokens, fonts, animations, responsive
   rules (desktop / tablet / mobile), hover states and menu visibility.
   Loaded with wp_enqueue_style() from functions.php.
   ========================================================================== */
:root{--m-g0:#C9D8F0;--m-g1:#7A9FD4;--m-g2:#426EB5;--m-bg:#050708;--m-bg2:#0A1220;--m-card:#0D1626;--m-fg:#fff;--m-fg2:#E6EDF8;--m-mut:#A9B3C2;--m-acc:#7A9FD4;--m-line:122,159,212;--m-tint:255,255,255;--m-navrgb:5,7,8;--m-inrgb:5,7,8}
html,body{background:var(--m-bg)}
[data-if-off]{display:none!important}
@keyframes tb-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html{scroll-behavior:smooth}
body{margin:0;background:var(--m-bg);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
button,input,select,textarea{font-family:inherit}
a{color:#7A9FD4;text-decoration:none}a:hover{color:#fff}
::selection{background:#17499F;color:#fff}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes svcbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes fill{0%{width:0}75%,100%{width:100%}}
@keyframes node{0%,100%{box-shadow:0 0 0 0 rgba(66,110,181,0)}50%{box-shadow:0 0 0 8px rgba(66,110,181,.14)}}
@keyframes blink{50%{opacity:0}}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes glow{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinr{to{transform:rotate(-360deg)}}
@keyframes dash{to{stroke-dashoffset:-40}}
body{margin:0;background:var(--m-bg);-webkit-font-smoothing:antialiased}
a{color:#7A9FD4;text-decoration:none}
a:hover{color:#fff}
@keyframes ab-mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
body{margin:0;background:var(--m-bg);-webkit-font-smoothing:antialiased}
a{color:#7A9FD4;text-decoration:none}
a:hover{color:#fff}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
body{margin:0;background:var(--m-bg);-webkit-font-smoothing:antialiased}
a{color:#7A9FD4;text-decoration:none}
a:hover{color:#fff}
input::placeholder,textarea::placeholder{color:#6B7689}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
body{margin:0;background:var(--m-bg);-webkit-font-smoothing:antialiased}
a{color:#7A9FD4;text-decoration:none}
a:hover{color:#fff}
@keyframes pp-pulse{0%{box-shadow:0 0 0 0 rgba(122,159,212,.55)}100%{box-shadow:0 0 0 14px rgba(122,159,212,0)}}
@keyframes pp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pp-scan{0%{top:8%}100%{top:88%}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
body{margin:0;background:var(--m-bg);-webkit-font-smoothing:antialiased}
a{color:#7A9FD4;text-decoration:none}
a:hover{color:#fff}
@keyframes sp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes sp-grow{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@keyframes sp-pulse{0%{box-shadow:0 0 0 0 rgba(122,159,212,.6)}100%{box-shadow:0 0 0 12px rgba(122,159,212,0)}}
@keyframes sp-blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}
.mh0{background:transparent}
.mh1{backdrop-filter:none}
.mh2{-webkit-backdrop-filter:none}
.mh3{border-bottom:1px solid transparent}
@media (min-width:1000px){.mh4{display:flex}}@media (max-width:999.98px){.mh4{display:none}}
.mh5:hover{color:var(--m-fg)!important;background:rgba(var(--m-tint),.06)!important}
@media (max-width:999.98px){.mh6{display:none}}
.mh7{color:var(--m-mut)}
.mh8{transform:none}
.mh9{opacity:0}
.mha{transform:translateY(10px)}
.mhb{pointer-events:none}
@media (min-width:1000px){.mhc{display:grid}}@media (max-width:999.98px){.mhc{display:none}}
.mhd:hover{background:#F0F4FB!important;transform:translateX(3px)!important;color:#17499F!important}
.mhe:hover{color:#050708!important}
.mhf:hover{background:#050708!important;color:#fff!important}
@media (min-width:1000px){.mhg{display:inline-flex}}@media (max-width:999.98px){.mhg{display:none}}
.mhh:hover{background:#426EB5!important;color:var(--m-fg)!important}
@media (min-width:1000px){.mhi{display:none}}@media (max-width:999.98px){.mhi{display:flex}}
@media (min-width:1000px){.mhj{display:none}}
.mhk:hover{color:var(--m-fg)!important}
.mhl:hover{background:#17499F!important;border-color:#17499F!important;color:var(--m-fg)!important}
.mhm{transform:translateY(16px) scale(.94)}
.mhn{visibility:hidden}
.mho:hover{background:rgba(255,255,255,.22)!important}
.mhp:hover{border-color:#426EB5!important;transform:translateX(3px)!important}
.mhq:hover{background:#426EB5!important}
.mhr:hover{transform:scale(1.06)!important;background:#17499F!important}
@media (min-width:1024px){.mhs{padding:117px 0 clamp(40px,5vh,64px)}}@media (max-width:1023.98px){.mhs{padding:clamp(130px,16vw,170px) 0 clamp(40px,5vh,64px)}}
@media (min-width:1024px){.mht{min-height:calc(100vh - 36px)}}@media (max-width:1023.98px){.mht{min-height:auto}}
@media (min-width:1024px){.mhu{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}}@media (max-width:1023.98px){.mhu{grid-template-columns:minmax(0,1fr)}}
.mhv{opacity:1}
.mhw{pointer-events:auto}
@media (min-width:1024px){.mhx{font-size:clamp(46px, min(5.2vw, 9vh), 96px)}}@media (max-width:1023.98px){.mhx{font-size:clamp(42px, 11vw, 72px)}}
.mhy:hover{background:#426EB5!important;color:var(--m-fg)!important;box-shadow:0 16px 60px rgba(66,110,181,.65)!important}
.mhz{transform:translateY(24px)}
.mh10{transform:translateY(-24px)}
@media (min-width:1180px){.mh11{height:601px}}@media (min-width:1024px) and (max-width:1179.98px){.mh11{height:509px}}@media (min-width:720px) and (max-width:1023.98px){.mh11{height:620px}}@media (max-width:719.98px){.mh11{height:503px}}
@media (min-width:1024px){.mh12{margin-right:clamp(0px,7vw,130px)}}@media (max-width:1023.98px){.mh12{margin-right:0px}}
@media (min-width:1180px){.mh13{transform:scale(0.970)}}@media (min-width:1024px) and (max-width:1179.98px){.mh13{transform:scale(0.822)}}@media (min-width:720px) and (max-width:1023.98px){.mh13{transform:scale(1.000)}}@media (max-width:719.98px){.mh13{transform:scale(0.812)}}
.mh14{filter:none}
.mh15{transform:translateX(40px) scale(.96)}
.mh16{filter:blur(8px)}
.mh17{transform:translateX(-40px) scale(.96)}
@media (min-width:1024px){.mh18{display:flex}}@media (max-width:1023.98px){.mh18{display:none}}
.mh19:hover{color:var(--m-fg)!important;background:rgba(var(--m-line),.12)!important}
@media (max-width:1023.98px){.mh1a{display:none}}
.mh1b{height:32px}
.mh1c{background:#7A9FD4}
.mh1d{height:6px}
.mh1e{background:rgba(var(--m-line),.3)}
.mh1f:hover{transform:translateY(-8px)!important;border-color:rgba(var(--m-line),.6)!important;box-shadow:0 40px 90px rgba(23,73,159,.4)!important}
.mh1g:hover{transform:translateY(-6px)!important;border-color:rgba(var(--m-line),.6)!important;box-shadow:0 40px 90px rgba(23,73,159,.45)!important}
@media (min-width:820px){.mh1h{position:sticky}}@media (max-width:819.98px){.mh1h{position:static}}
@media (min-width:820px){.mh1i{margin-bottom:40px}}@media (max-width:819.98px){.mh1i{margin-bottom:20px}}
@media (min-width:820px){.mh1j{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}@media (max-width:819.98px){.mh1j{grid-template-columns:minmax(0,1fr)}}
@media (min-width:820px){.mh1k{height:clamp(320px,34vw,440px)}}@media (max-width:819.98px){.mh1k{height:240px}}
.mh1l:hover{background:var(--m-bg)!important;color:var(--m-fg)!important}
.mh1m:hover{transform:translateY(-6px)!important;border-color:rgba(var(--m-line),.55)!important;box-shadow:0 40px 90px rgba(23,73,159,.35)!important}
@media (min-width:1024px){.mh1n{grid-column:span 7}}@media (max-width:1023.98px){.mh1n{grid-column:span 12}}
@media (min-width:1024px){.mh1o{grid-column:span 5}}@media (min-width:820px) and (max-width:1023.98px){.mh1o{grid-column:span 6}}@media (max-width:819.98px){.mh1o{grid-column:span 12}}
@media (min-width:1024px){.mh1p{grid-column:span 4}}@media (min-width:820px) and (max-width:1023.98px){.mh1p{grid-column:span 6}}@media (max-width:819.98px){.mh1p{grid-column:span 12}}
.mh1q:hover{color:var(--m-fg)!important;border-color:#fff!important}
@media (min-width:1024px){.mh1r{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1023.98px){.mh1r{grid-template-columns:minmax(0,1fr)}}
.mh1s:hover{transform:scale(1.025)!important}
.mh1t:hover{background:#17499F!important;color:var(--m-fg)!important}
@media (min-width:1024px){.mh1u{height:300vh}}@media (max-width:1023.98px){.mh1u{height:auto}}
@media (min-width:1024px){.mh1v{position:sticky}}@media (max-width:1023.98px){.mh1v{position:relative}}
@media (min-width:1024px){.mh1w{height:100vh}}@media (max-width:1023.98px){.mh1w{height:auto}}
@media (min-width:1024px){.mh1x{padding:96px 0 40px}}@media (max-width:1023.98px){.mh1x{padding:96px 0}}
@media (min-width:1024px){.mh1y{flex-direction:row}}@media (max-width:1023.98px){.mh1y{flex-direction:column}}
@media (min-width:1024px){.mh1z{padding:0 max(clamp(20px,4vw,48px), calc((100vw - 1320px) / 2 + 48px))}}@media (max-width:1023.98px){.mh1z{padding:0 clamp(20px,4vw,48px)}}
@media (min-width:1024px){.mh20{width:max-content}}@media (max-width:1023.98px){.mh20{width:100%}}
@media (min-width:1024px){.mh21{width:min(980px, 72vw)}}@media (max-width:1023.98px){.mh21{width:100%}}
@media (min-width:1024px){.mh22{height:min(540px, calc(100vh - 330px))}}@media (max-width:1023.98px){.mh22{height:auto}}
@media (min-width:820px){.mh23{flex-direction:row}}@media (max-width:819.98px){.mh23{flex-direction:column}}
@media (min-width:820px){.mh24{flex:0 0 44%}}@media (max-width:819.98px){.mh24{flex:0 0 240px}}
.mh25:hover{background:#17499F!important;border-color:#17499F!important}
@media (min-width:1024px){.mh26{transform:translateX(calc(50% - min(780px, 60vw) / 2 - 0 * (min(780px, 60vw) + 24px)))}}@media (max-width:1023.98px){.mh26{transform:translateX(calc(50% - 86vw / 2 - 0 * (86vw + 24px)))}}
@media (min-width:1024px){.mh27{width:min(780px, 60vw)}}@media (max-width:1023.98px){.mh27{width:86vw}}
.mh28{background:linear-gradient(150deg,rgba(23,73,159,.55),rgba(10,18,32,.95) 65%)}
.mh29{border:1px solid rgba(var(--m-line),.4)}
.mh2a{box-shadow:0 50px 110px rgba(23,73,159,.35)}
.mh2b{transform:scale(1)}
.mh2c{cursor:default}
.mh2d{background:rgba(var(--m-tint),.03)}
.mh2e{border:1px solid rgba(var(--m-line),.14)}
.mh2f{box-shadow:none}
.mh2g{opacity:0.4}
.mh2h{transform:scale(0.92)}
.mh2i{cursor:pointer}
.mh2j{width:32px}
.mh2k{width:8px}
@media (min-width:1000px){.mh2l{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media (max-width:999.98px){.mh2l{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1000px){.mh2m{position:sticky}}@media (max-width:999.98px){.mh2m{position:static}}
.mh2n:hover{background:#426EB5!important;color:#fff!important}
.mh2o{transform:rotate(45deg)}
.mh2p{grid-template-rows:1fr}
.mh2q{grid-template-rows:0fr}
@media (min-width:1000px){.mh2r{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}@media (max-width:999.98px){.mh2r{grid-template-columns:minmax(0,1fr)}}
.mh2s:hover{padding-left:16px!important;background:linear-gradient(90deg,rgba(23,73,159,.18),transparent)!important;color:var(--m-fg)!important}
.mh2t:hover{border-color:rgba(var(--m-line),.45)!important;transform:translateY(-4px)!important}
@media (min-width:900px){.mh2u{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}@media (max-width:899.98px){.mh2u{grid-template-columns:minmax(0,1fr)}}
@media (min-width:900px){.mh2v{position:sticky}}@media (max-width:899.98px){.mh2v{position:static}}
@media (min-width:900px){.mh2w{height:240px}}@media (max-width:899.98px){.mh2w{height:200px}}
.mh2x:hover{border-color:#426EB5!important;transform:translateY(-4px)!important;box-shadow:0 40px 90px rgba(23,73,159,.3)!important;color:var(--m-fg)!important}
@media (min-width:1000px){.mh2y{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}@media (max-width:999.98px){.mh2y{grid-template-columns:minmax(0,1fr)}}
.mh2z:focus{border-color:#7A9FD4!important;box-shadow:0 0 0 4px rgba(66,110,181,.25)!important}
.mh30{border:1px solid #426EB5}
.mh31{background:#17499F}
.mh32{border:1px solid rgba(var(--m-line),.22)}
.mh33:hover{background:#426EB5!important;transform:translateY(-2px)!important}
.mh34:hover{background:rgba(var(--m-tint),.06)!important}
@media (min-width:1000px){.mh35{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}@media (max-width:999.98px){.mh35{grid-template-columns:minmax(0,1fr)}}
.mh36:hover{background:#426EB5!important;color:var(--m-fg)!important;transform:translateY(-2px)!important}
.mh37:hover{background:rgba(255,255,255,.08)!important;border-color:#7A9FD4!important;color:var(--m-fg)!important}
@media (min-width:720px){.mh38{padding:0 60px 40px 0}}@media (max-width:719.98px){.mh38{padding:0 0 70px 0}}
@media (min-width:720px){.mh39{grid-template-columns:150px minmax(0,1fr)}}@media (max-width:719.98px){.mh39{grid-template-columns:minmax(0,1fr)}}
@media (min-width:720px){.mh3a{display:flex}}@media (max-width:719.98px){.mh3a{display:none}}
@media (max-width:719.98px){.mh3b{display:none}}
@media (min-width:720px){.mh3c{padding:20px 150px 20px 20px}}@media (max-width:719.98px){.mh3c{padding:20px 20px 20px 20px}}
@media (min-width:720px){.mh3d{left:-8px}}@media (max-width:719.98px){.mh3d{left:12px}}
.mh3e:hover{background:#17499F!important;color:#fff!important}
.mh3f:hover{border-color:#426EB5!important;transform:translateY(-4px)!important}
.mh3g:hover{background:rgba(255,255,255,.06)!important;color:var(--m-fg)!important}
.mh3h{border:1px solid rgba(var(--m-line),.45)}
.mh3i{background:rgba(66,110,181,.25)}
.mh3j:hover{border-color:#426EB5!important;background:var(--m-card)!important;transform:translateY(-3px)!important;color:var(--m-fg)!important}
.mh3k:hover{background:rgba(255,255,255,.12)!important;color:var(--m-fg)!important}
@media (min-width:720px){.mh3l{padding:0 0 40px 40px}}@media (max-width:719.98px){.mh3l{padding:0 0 70px 0}}
@media (min-width:720px){.mh3m{position:absolute}}@media (max-width:719.98px){.mh3m{position:relative}}
@media (min-width:720px){.mh3n{margin:0}}@media (max-width:719.98px){.mh3n{margin:24px auto 0}}
@media (min-width:1000px){.mh3o{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:999.98px){.mh3o{grid-template-columns:minmax(0,1fr)}}
.mh3p:hover{background:var(--m-bg)!important;color:var(--m-fg)!important;transform:translateY(-2px)!important}
.mh3q:hover{background:rgba(5,7,8,.45)!important;color:var(--m-fg)!important}
@media (min-width:1000px){.mh3r{right:-12px}}@media (max-width:999.98px){.mh3r{right:8px}}
.mh3s:hover{transform:translateY(-6px) scale(1.01)!important}
.mh3t:hover{border-color:#426EB5!important;background:rgba(23,73,159,.14)!important;transform:translateX(4px)!important}
@media (min-width:1000px){.mh3u{order:2}}@media (max-width:999.98px){.mh3u{order:1}}
@media (min-width:1000px){.mh3v{order:1}}@media (max-width:999.98px){.mh3v{order:2}}
.mh3w:hover{background:rgba(5,7,8,.4)!important;transform:translateY(-4px)!important}
.mh3x:hover{border-color:#426EB5!important;transform:translateY(-3px)!important;color:var(--m-fg)!important}
.mh3y:hover{background:rgba(var(--m-tint),.06)!important;color:var(--m-fg)!important}

/* Product mockups: no boxed glass panel – they float on the page (covers layouts saved before 1.4.4 as well) */
[style*="backdrop-filter:blur(18px)"],
.mh-elx .mhs-qr,.mh-elx .mhs-r4,.mh-elx .mhs-r5{background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;border-radius:0!important}
[style*="backdrop-filter:blur(18px)"] img,
.mh-elx .mhs-qr img,.mh-elx .mhs-r4 img,.mh-elx .mhs-r5 img{filter:drop-shadow(0 20px 50px rgba(0,0,0,.6)) drop-shadow(0 0 1.5px rgba(201,216,240,.55))!important}

/* Footer logo: tight-cropped artwork, larger and left-aligned with the text below (Elementor layouts included) */
footer img[alt="Mhsoft Techs LLP"]{height:72px!important;width:auto!important;max-width:100%;display:block}

/* polish: equal-height cards, no cut-off media */
.mh2t,.mh3x{height:100%;box-sizing:border-box}
img,video{max-width:100%}
@media (min-width:1024px){.mh1x{padding:88px 0 32px}}

/* type-system */
:root{--t-body:16px;--t-body-lh:1.7}
h1,h2,h3{text-wrap:balance}
section p{text-wrap:pretty}
button[aria-expanded]{font-family:"Plus Jakarta Sans",sans-serif}
@media (max-width:767.98px){#faq button[aria-expanded]{font-size:17px!important}#faq p{padding-right:44px!important;font-size:16px!important}}

/* lba-grids */
@media (max-width:1000px){.mh-gf{grid-template-columns:1fr!important}.mh-gf>.mh-gfc{order:-1}}
@media (max-width:860px){.mh-g4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:620px){.mh-g3{grid-template-columns:1fr!important}.mh-g4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}}

/* one-font */
body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,p,a,li,span,label{font-family:"Plus Jakarta Sans",sans-serif}
.elementor-widget-heading .elementor-heading-title,.elementor-widget-text-editor,.elementor-button,.elementor-widget-container{font-family:"Plus Jakarta Sans",sans-serif}

/* no-pin: How We Work is a normal 2x2 card grid, not a pinned full-screen section */
@media (min-width:1024px){.mh1u{height:auto}.mh1v{position:relative}.mh1w{height:auto}.mh1x{padding:clamp(56px,6vw,88px) 0}.mh18{display:none!important}.mh20{width:100%;max-width:1320px;margin:0 auto;box-sizing:border-box;padding:0 clamp(20px,4vw,48px);display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));transform:none!important}.mh21{width:100%}.mh22{height:auto}.mh23{flex-direction:column}.mh24{flex:0 0 220px}}