/* حاوية البنر الرئيسية */
.mohandes-hero-widget {
position: relative;
width: 100%;
height: 380px; /* زيادة بسيطة في الارتفاع لاستيعاب البيانات */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 12px;
overflow: hidden;
margin-bottom: 30px;
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: center;
font-family: 'Tajawal', sans-serif;
}
.mohandes-hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.8));
z-index: 1;
}
.mohandes-hero-content {
position: relative;
z-index: 2;
text-align: center;
color: #fff;
padding: 20px;
max-width: 90%;
}
.mohandes-hero-subtitle {
font-size: 1.5rem;
margin-bottom: 15px; /* تقليل المسافة لإفساح المجال للبيانات */
color: #fff;
font-weight: 800;
line-height: 1.5;
text-shadow: 0 3px 6px rgba(0,0,0,0.8);
}
/* (جديد) تنسيق شريط المعلومات */
.mohandes-meta-bar {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 15px;
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(5px);
padding: 8px 20px;
border-radius: 50px;
margin-bottom: 25px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.meta-item {
font-size: 0.9rem;
color: #f0f0f0;
display: flex;
align-items: center;
gap: 5px;
font-weight: 500;
}
.meta-separator {
color: #f39c12;
opacity: 0.7;
}
.mohandes-hero-btn {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #f39c12;
color: #fff !important;
text-decoration: none !important;
padding: 12px 40px;
border-radius: 50px;
font-weight: bold;
font-size: 1.1rem;
transition: all 0.3s ease;
border: 2px solid transparent;
box-shadow: 0 4px 15px rgba(243, 156, 18, 0.4);
}
.mohandes-hero-btn:hover {
background-color: #fff;
color: #f39c12 !important;
border-color: #f39c12;
transform: translateY(-3px);
}
.btn-icon {
margin-left: 10px;
font-size: 1.2rem;
}
/* --- Mobile Responsive --- */
@media (max-width: 768px) {
.mohandes-hero-widget {
height: 320px;
border-radius: 8px;
margin-bottom: 20px;
}
.mohandes-hero-subtitle {
font-size: 1.2rem;
margin-bottom: 15px;
}
.mohandes-meta-bar {
padding: 8px 15px;
gap: 10px;
border-radius: 15px;
flex-direction: column; /* في الجوال نجعل البيانات تحت بعضها للوضوح */
background: rgba(0, 0, 0, 0.4); /* خلفية أغمق قليلاً للقراءة في الجوال */
width: 80%;
margin-left: auto;
margin-right: auto;
}
.meta-separator {
display: none; /* إخفاء الفواصل في الوضع العمودي للجوال */
}
.mohandes-hero-btn {
padding: 10px 25px;
font-size: 1rem;
width: 100%;
box-sizing: border-box;
}
}
يمكن أن تكون هناك عدة أسباب لحدوث التسربات في شبكات المياه، بما في ذلك التآكل، أو الأنابيب المتهالكة، أو التثقيب أو الكسور في الأنابيب، أو سوء التركيب أو الصيانة الغير منتظمة.
أطلب خدمة كشف تسربات المياه الان
فحص التسربات | تقرير معتمد | إصلاح بالضمان
اترك تعليقاً