.chah-bazkoni-stage1{ --navy:#102c35; --deep:#071c23; --teal:#18c6bb; --orange:#f17b3d; --cream:#fff8f2;

.shabiri-ji-stage1{ font-family:Tahoma,Arial,sans-serif; background:#071820; color:#fff; overflow:hidden; position:relative;

.haft-chenar-stage1{ font-family:Tahoma,Arial,sans-serif; background:#071923; color:#fff; padding:0; overflow:hidden;

```html .briank-stage1{ --bg:#07131f; --bg2:#0d2433; --cyan:#18d6df; --orange:#ff8a3d; --green:#19c784;

.alghadir-stage1{ --dark:#071b2b; --dark2:#123d52; --cyan:#09bfd0; --orange:#ff8a3d; --white:#fff; --text:#17313f; font-family:Tahoma,Arial,sans-serif; background: radial-gradient(circle at top right,rgba(9,191,208,.18),transparent 30%), linear-gradient(135deg,#f2f8fa,#ffffff); padding:25px 15px 45px; } .alghadir-stage1 *{ box-sizing:border-box; } .alghadir-stage1 .wrap{ width:min(1200px,100%); margin:auto; } /* Header */ .alghadir-stage1 .top-header{ background:linear-gradient(135deg,var(--dark),var(--dark2)); border-radius:30px; padding:25px;

.dolatabad-stage1{ --bg:#061521; --bg2:#0b2537; --cyan:#22d8e6; --orange:#ff9b3d; --white:#f6fcff;

.molavi-stage1{ --navy:#061827; --navy2:#0b2c43; --blue:#087df0; --cyan:#00c6d7; --orange:#ff7a18; --green:#12b886; --white:#fff; font-family:tahoma,Arial,sans-serif; background:#f3f8fb; padding:0; overflow:hidden; } .molavi-stage1 *{ box-sizing:border-box; } .m1-wrap{ max-width:1250px; margin:auto; padding:0 18px; } /* HEADER */ .m1-header{ position:relative; min-height:720px;

.vahdat-stage1{ --dark:#071d2e; --blue:#087df0; --cyan:#00baca; --orange:#ff7917; --bg:#f4f8fb; font-family:tahoma,Arial,sans-serif; background: radial-gradient(circle at 90% 10%,rgba(8,125,240,.14),transparent 28%), radial-gradient(circle at 10% 90%,rgba(255,121,23,.10),transparent 30%), var(--bg); padding:40px 18px; } .vahdat-stage1 *{ box-sizing:border-box; } .v1-wrap{ max-width:1200px; margin:auto; } /* هدر */ .v1-header{ background:#fff; border-radius:30px; overflow:hidden; border:1px solid #dfebf1; box-shadow:0 15px 45px rgba(6,27,43,.08); } .v1-top{ display:grid; grid-template-columns:1.1fr .9fr; gap:25px; align-items:center; padding:35px; } .v1-content h1{ font-size:clamp(30px,4vw,48px); line-height:1.5; color:var(--dark); margin:10px 0; } .v1-content h1 span{ color:var(--blue); } .v1-tag{ display:inline-block; background:#eaf8ff; color:#08658d; padding:8px 16px; border-radius:30px; font-size:11px; font-weight:bold; } .v1-content p{ font-size:13px; line-height:2.2; color:#657b8b; } .v1-buttons{ margin-top:20px; } .v1-buttons a{ display:inline-block; padding:13px 20px; border-radius:12px; text-decoration:none; font-size:12px; font-weight:bold; margin:4px; } .v1-call{ background:var(--dark); color:#fff; } .v1-wa{ background:#dcf8ea; color:#087755; } .v1-image{ height:390px; border-radius:25px; overflow:hidden; position:relative; } .v1-image img{ width:100%; height:100%; object-fit:cover; } .v1-image-box{ position:absolute; bottom:15px; right:15px; left:15px; background:rgba(6,27,43,.88); padding:18px; border-radius:18px; color:#fff; } .v1-image-box strong{ display:block; font-size:16px; margin-bottom:7px; } .v1-image-box span{ font-size:10px; line-height:1.8; color:#d2e2e9; } /* منو */ .v1-menu{ background:linear-gradient(135deg,#061b2b,#10415e); padding:20px; display:flex; flex-wrap:wrap; gap:10px; } .v1-menu a{ flex:1; min-width:120px; text-align:center; padding:12px; background:rgba(255,255,255,.08); border-radius:12px; color:#fff; text-decoration:none; font-size:11px; transition:.3s; } .v1-menu a:hover{ background:#00baca; } /* معرفی */ .v1-intro{ margin-top:25px; background:#fff; border-radius:25px; border:1px solid #dfebf1; padding:30px; } .v1-intro h2{ font-size:25px; color:var(--dark); margin:0 0

.khayyam-pro-header{ --dark:#071827; --dark2:#0d2942; --blue:#087cff; --cyan:#00c6dc; --orange:#ff7a00;

.abbasi-plumbing-header{ --navy:#071a2b; --navy2:#0d2b43; --teal:#00b8a9; --cyan:#16d9e3; --orange:#ff9f43;