تواصل معنا

/* --- Global Styles (يمكنك استخدام نفس ملف الأنماط إذا كانت هذه جزءًا من نفس القالب) --- */ .cu-container { /* Contact Us Container */ font-family: 'Cairo', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: 800px; margin: 20px auto; padding: 30px; /* زيادة الحشو قليلاً */ background-color: #fef9fc; border-radius: 12px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); /* ظل أكثر نعومة */ direction: rtl; color: #444; }

.cu-container h2 { color: #E91E63; text-align: center; margin-bottom: 25px; font-size: 28px; /* حجم أكبر للعنوان الرئيسي */ } .cu-container h3 { color: #C2185B; margin-top: 35px; margin-bottom: 20px; font-size: 22px; border-bottom: 2px solid #f8bbd0; /* خط خفيف تحت العناوين الفرعية */ padding-bottom: 10px; }

.cu-container p, .cu-container li { line-height: 1.8; color: #555; font-size: 16px; margin-bottom: 15px; } .cu-container .cu-intro-text { font-size: 17px; text-align: center; margin-bottom: 30px; color: #666; }

/* --- Contact Methods Section --- */ .cu-contact-methods { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* تخطيط شبكي متجاوب */ gap: 25px; /* مسافة بين العناصر */ margin-bottom: 30px; }

.cu-contact-item { background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07); display: flex; align-items: center; transition: transform 0.3s ease, box-shadow 0.3s ease; } .cu-contact-item:hover { transform: translateY(-5px); box-shadow: 0 6px 15px rgba(233, 30, 99, 0.15); }

.cu-contact-item .cu-icon { font-size: 28px; /* حجم الأيقونة */ color: #E91E63; margin-left: 20px; /* هامش لليسار (لأننا RTL) */ flex-shrink: 0; /* لمنع الأيقونة من التقلص */ width: 40px; /* عرض ثابت للأيقونة */ text-align: center; } .cu-contact-item .cu-icon svg { /* لتنسيق أيقونات SVG إذا استخدمت */ width: 30px; height: 30px; fill: #E91E63; }

.cu-contact-item .cu-details a { color: #D81B60; text-decoration: none; font-weight: bold; font-size: 17px; } .cu-contact-item .cu-details a:hover { text-decoration: underline; } .cu-contact-item .cu-details span { display: block; font-size: 15px; color: #777; }

/* --- Social Media Section --- */ .cu-social-media ul { list-style-type: none; padding: 0; display: flex; justify-content: center; gap: 20px; /* مسافة بين أيقونات التواصل */ flex-wrap: wrap; /* للسماح بالالتفاف على الشاشات الصغيرة */ }

.cu-social-media li a { display: inline-block; color: #fff; background-color: #E91E63; width: 45px; height: 45px; border-radius: 50%; text-align: center; line-height: 45px; /* لتوسيط الأيقونة عمودياً */ font-size: 20px; /* حجم أيقونة الخط، أو تجاهله إذا استخدمت SVG */ transition: background-color 0.3s ease, transform 0.3s ease; } .cu-social-media li a:hover { background-color: #C2185B; transform: scale(1.1); } .cu-social-media li a svg { width: 22px; height: 22px; fill: #fff; vertical-align: middle; /* محاذاة أفضل لـ SVG داخل الرابط */ position: relative; top: -1px; /* تعديل طفيف للمحاذاة */ }

/* --- Optional Map/Address Section --- */ .cu-map-section { margin-top: 30px; text-align: center; } .cu-map-section img { /* If using an image for map */ max-width: 100%; height: auto; border-radius: 8px; border: 1px solid #f0f0f0; } .cu-map-section iframe { /* If embedding Google Maps */ width: 100%; height: 350px; border:0; border-radius: 8px; }

/* --- Responsive Adjustments --- */ @media (max-width: 768px) { .cu-contact-methods { grid-template-columns: 1fr; /* عمود واحد على الشاشات الأصغر */ } } @media (max-width: 600px) { .cu-container { padding: 20px 15px; } .cu-container h2 { font-size: 24px; } .cu-container h3 { font-size: 20px; } .cu-contact-item { padding: 20px; } .cu-contact-item .cu-icon { font-size: 24px; margin-left: 15px; } .cu-contact-item .cu-icon svg { width: 26px; height: 26px; } .cu-contact-item .cu-details a { font-size: 16px; } .cu-social-media li a { width: 40px; height: 40px; line-height: 40px; font-size: 18px; } .cu-social-media li a svg { width: 20px; height: 20px; }

}

تواصل معنا نسعد دائمًا بتلقي استفساراتكم واقتراحاتكم. فريقنا جاهز للرد عليكم في أقرب وقت ممكن. لا تترددوا في التواصل معنا عبر إحدى الطرق التالية:

menstrualcalc@gmail.com للإستفسارات العامة والدعم

+212708721017 للتواصل السريع (إذا متاح)

تابعنا على وسائل التواصل الاجتماعي <path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.2-2.403.041-3.439.219-.937 1.407-5.957 1.407-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.395 2.143.889 2.741.099.12.112.225.083.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 12.017 0z"> <path d="M12 2.163c3.204 0 3.584.012 4.85.07 1.263.058 2.14.29 2.88.565.784.302 1.396.704 2.004 1.312s.99 1.24 1.313 2.024c.28.732.51 1.608.565 2.872.057 1.266.07 1.646.07 4.85s-.013 3.584-.07 4.85c-.058 1.263-.29 2.14-.565 2.88-.302.784-.704 1.396-1.312 2.004s-1.24.99-2.024 1.313c-.732.28-1.608.51-2.872.565-1.266.057-1.646.07-4.85.07s-3.584-.013-4.85-.07c-1.263-.058-2.14-.29-2.88-.565-.784-.302-1.396-.704-2.004-1.312s-.99-1.24-1.313-2.024c-.28-.732-.51-1.608-.565-2.872-.057-1.266-.07-1.646-.07-4.85s.013-3.584.07-4.85c.058-1.263.29-2.14.565-2.88.302-.784.704-1.396 1.312-2.004s1.24-.99 2.024-1.313c.732-.28 1.608.51 2.872.565C8.416 2.175 8.796 2.163 12 2.163zm0 1.802c-3.088 0-3.44.01-4.642.066-1.17.054-1.806.27-2.228.432-.51.19-.89.44-1.27.823-.37.37-.62.75-.81 1.252-.16.42-.38 1.05-.43 2.228C2.77 9.584 2.76 9.943 2.76 12s.01 2.416.066 3.618c.054 1.17.27 1.806.432 2.228.19.51.44.89.823 1.27.37.37.75.62 1.252.81.42.16 1.05.38 2.228.43 1.203.057 1.554.067 4.642.067s3.44-.01 4.642-.067c1.17-.054 1.806-.27 2.228-.43.51-.19.89-.44 1.27-.823.37-.37.62-.75.81-1.252.16-.42.38-1.05.43-2.228.057-1.203.067-1.554.067-4.642s-.01-3.44-.067-4.642c-.054-1.17-.27-1.806-.43-2.228-.19-.51-.44-.89-.823-1.27-.37-.37-.75-.62-1.252-.81-.42-.16-1.05-.38-2.228-.43C15.44 3.975 15.088 3.965 12 3.965zm0 3.073c-2.76 0-4.994 2.233-4.994 4.994s2.234 4.994 4.994 4.994 4.994-2.233 4.994-4.994S14.76 7.038 12 7.038zm0 8.187c-1.764 0-3.193-1.43-3.193-3.193S10.236 8.835 12 8.835s3.193 1.43 3.193 3.193-1.429 3.193-3.193 3.193zm4.762-8.412c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25z">

موقعنا الجغرافي

نتطلع لسماع أخباركم ومساعدتكم بكل ما نستطيع!

MENSTRUALCALC

افهمي دورتكِ بثقة: أدوات ومعرفة لصحتكِ

تواصل معنا

تواصل معنا

تابعنا على وسائل التواصل الاجتماعي

موقعنا الجغرافي