/* الألوان والخطوط الخاصة */
body { font-family: 'Playpen Sans Arabic', cursive !important; padding-top: 75px; overflow-x: hidden; direction: rtl; }
.text-cyan { color: #00bcd4 !important; }
.main-title-dark { color: #050a44; }
.sub-title-cyan { color: #00bcd4; letter-spacing: 1px; }

/* الناف بار والسكشن الأول */
.custom-navbar { background: rgba(255, 255, 255, 0.98) !important; border-bottom: 2px solid #1a607c; }
.f-section { min-height: 90vh; background: url("/Style/Photos/sahrig.jpeg") no-repeat center center; background-size: cover; position: relative; }
.hero-overlay { position: absolute; inset: 0; background: rgba(26, 96, 124, 0.65); z-index: 1; }
.hero-content { position: relative; z-index: 2; }
.btn-hero-white { background: #fff; color: #142830 !important; border-radius: 50px; font-weight: 800; transition: 0.3s; box-shadow: 0 10px 20px rgba(0,0,0,0.2); }
.btn-hero-white:hover { background-color: #1a607c; color: white !important; }

/* تأثيرات الهوفر للكروت */
.service-card, .faq-card { transition: all 0.4s ease; cursor: pointer; border-radius: 20px; }
.service-card:hover { transform: translateY(-15px); background-color: #0d5d5d; color: #fff !important; }
.service-card:hover * { color:#05f0f0  !important; }
.faq-card:hover { transform: translateY(-8px); background: #0d1b4d !important; color: #fff !important;  border-color: #00bcd4; }
.faq-card:hover i { transform: rotate(360deg); transition: 0.5s; }

/* العناصر الثابتة */
.experience-box-new { position: absolute; bottom: -25px; left: 40px; background-color: #050a44; color: #00bcd4; border: 6px solid #fff; border-radius: 25px; min-width: 180px; z-index: 10; }
.sticky-contact { position: fixed; bottom: 30px; left: 30px; z-index: 9999; }
.sticky-btn { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #fff !important; transition: 0.3s; }
.whatsapp-btn { background-color: #25d366; animation: pulse-green 2s infinite; }
.phone-btn { background-color: #00acee; }

@keyframes pulse-green {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}