| ... |
... |
@@ -218,4 +218,62 @@ |
| 218 |
218 |
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; |
| 219 |
219 |
} |
| 220 |
220 |
} |
|
221 |
+ |
|
222 |
+ /* ===== Prevent horizontal overflow ===== */ |
|
223 |
+ html, body { |
|
224 |
+ overflow-x: hidden; |
|
225 |
+ } |
|
226 |
+ |
|
227 |
+ /* Ensure hero gradients don't bleed */ |
|
228 |
+ .hero { |
|
229 |
+ overflow: hidden; /* contain background overflow */ |
|
230 |
+ background-repeat: no-repeat; |
|
231 |
+ background-attachment: scroll; |
|
232 |
+ } |
|
233 |
+ |
|
234 |
+ /* Fix possible grid or card overshoot */ |
|
235 |
+ .container { |
|
236 |
+ max-width: 100%; |
|
237 |
+ overflow-x: clip; /* hides subtle pixel overflow without scroll */ |
|
238 |
+ } |
|
239 |
+ |
|
240 |
+ /* Safety for large paddings/margins that might extend */ |
|
241 |
+ section, .widgets, .services, .metrics, .steps { |
|
242 |
+ margin-left: auto; |
|
243 |
+ margin-right: auto; |
|
244 |
+ } |
| 221 |
221 |
} |
|
246 |
+/* === Page side shadows (for centered layout) === */ |
|
247 |
+body { |
|
248 |
+ background: @bg; |
|
249 |
+ position: relative; |
|
250 |
+ |
|
251 |
+ /* Left and right soft shadows */ |
|
252 |
+ &::before, |
|
253 |
+ &::after { |
|
254 |
+ content: ""; |
|
255 |
+ position: fixed; |
|
256 |
+ top: 0; |
|
257 |
+ bottom: 0; |
|
258 |
+ width: 40px; /* width of fade */ |
|
259 |
+ pointer-events: none; |
|
260 |
+ z-index: 1; |
|
261 |
+ } |
|
262 |
+ |
|
263 |
+ &::before { |
|
264 |
+ left: 0; |
|
265 |
+ background: linear-gradient(to right, rgba(0,0,0,0.06), transparent 70%); |
|
266 |
+ } |
|
267 |
+ |
|
268 |
+ &::after { |
|
269 |
+ right: 0; |
|
270 |
+ background: linear-gradient(to left, rgba(0,0,0,0.06), transparent 70%); |
|
271 |
+ } |
|
272 |
+} |
|
273 |
+ |
|
274 |
+/* Ensure container content stays above the shadow fade */ |
|
275 |
+.agnease-landing { |
|
276 |
+ position: relative; |
|
277 |
+ z-index: 2; |
|
278 |
+} |
|
279 |
+ |
