/* Main menu pages, contact and about (Mohamed, 5 Oct 2026: "do the main menu pages and contact and about first"): shared
   by their v2 bodies (wrapper class sv2-pg), loaded after site-v2.css. Photos carry the homepage's lighter shades of
   5 Oct 2026 (home-v2.css: hero film on laptops, service tiles, contact photo), with the homepage's phone hero shade;
   the earlier v2 pages keep site-v2.css as it is. */
.sv2-pg .sv2-hero-media::after{background:linear-gradient(90deg,rgba(4,16,33,.66),rgba(4,16,33,.48) 48%,rgba(4,16,33,.08)),linear-gradient(0deg,rgba(4,16,33,.45),transparent 42%)}
[dir="rtl"] .sv2-pg .sv2-hero-media::after{background:linear-gradient(270deg,rgba(4,16,33,.66),rgba(4,16,33,.48) 48%,rgba(4,16,33,.08)),linear-gradient(0deg,rgba(4,16,33,.45),transparent 42%)}
/* hero words pure white with the homepage's soft shadow; the outline button on a dark fill */
.sv2-pg .sv2-hero :is(h1,.sv2-hero-lead,.sv2-crumbs,.sv2-hero-points){text-shadow:0 1px 2px rgba(0,0,0,.45),0 2px 18px rgba(0,0,0,.35)}
.sv2-pg .sv2-hero .sv2-btn-outline-light:not(:hover){background:rgba(4,16,33,.55)}
.sv2-pg .sv2-tile::before{background:linear-gradient(180deg,rgba(7,16,30,0) 0%,rgba(7,16,30,.1) 35%,rgba(7,16,30,.7) 66%,rgba(7,16,30,.9) 100%)}
.sv2-pg .sv2-tile :is(h3,p){text-shadow:0 1px 10px rgba(0,0,0,.5)}
.sv2-pg .sv2-cta::before{background:linear-gradient(90deg,rgba(5,13,26,.8) 0%,rgba(5,13,26,.6) 52%,rgba(5,13,26,.28) 100%)}
[dir="rtl"] .sv2-pg .sv2-cta::before{background:linear-gradient(270deg,rgba(5,13,26,.8) 0%,rgba(5,13,26,.6) 52%,rgba(5,13,26,.28) 100%)}
@media(max-width:600px){
.sv2-pg .sv2-hero-media::after,[dir="rtl"] .sv2-pg .sv2-hero-media::after{opacity:.72;background:linear-gradient(180deg,rgba(4,16,33,.75),rgba(4,16,33,0) 34%),linear-gradient(90deg,rgba(4,16,33,.84),rgba(4,16,33,.72) 70%,rgba(4,16,33,.55)),linear-gradient(0deg,rgba(4,16,33,.54),transparent 50%)}
.sv2-pg .sv2-tile::before{background:linear-gradient(180deg,rgba(7,16,30,0) 0%,rgba(7,16,30,.12) 30%,rgba(7,16,30,.76) 62%,rgba(7,16,30,.92) 100%)}
.sv2-pg .sv2-cta::before,[dir="rtl"] .sv2-pg .sv2-cta::before{background:linear-gradient(180deg,rgba(5,13,26,.62) 0%,rgba(5,13,26,.78) 100%)}
}
