تواصل

[معرف voc_contact_form = "1"] <نمط> /* نموذج Voc - نموذج اتصال (للمساحات الصغيرة والضيقة) */ .voc-form-fields-container { عرض: فليكس؛ الاتجاه المرن: العمود؛ الفجوة: 0.8ريم؛ /* تم تقليص المسافات بشكل كبير */ الخلفية: شفافة؛ /* تمت إزالة الخلفية والحشوة السميكة */ الحدود: لا شيء؛ الحشو: 0؛ العرض: 100%؛ } .voc-نموذج-المجموعة { عرض: فليكس؛ الاتجاه المرن: العمود؛ الفجوة: 0.3ريم؛ /* تم تضييق المسافة بين العلامة والإدخال */ العرض: 100%؛ الهامش السفلي: 0 !مهم; } .voc التسمية { اللون: rgba(255، 255، 255، 0.8)! مهم؛ وزن الخط: 600؛ حجم الخط: 13 بكسل! مهم؛ /* الحد الأدنى لحجم الخط */ عائلة الخط: 'Inter'، sans-serif؛ عرض: فليكس؛ محاذاة العناصر: مركز؛ الفجوة: 0.2ريم؛ } .voc-المطلوبة-علامة { اللون: var(--brand-red, #f7374f) !مهم; } .voc-الإدخال { العرض: 100%؛ الخلفية: rgba(0, 0, 0, 0.2)! مهم; الحدود: 1px الصلبة rgba(255، 255، 255، 0.1)! مهم؛ اللون: #fff! مهم؛ الحشو: 0.7rem 1rem! مهم؛ /* ضعيف */ نصف قطر الحدود: 8 بكسل! مهم؛ /* الحد الأدنى من الزوايا البيضاوية */ حجم الخط: 14 بكسل! مهم؛ عائلة الخط: 'Inter'، sans-serif؛ الخطوط العريضة: لا شيء؛ الانتقال: كل 0.3 ثانية سهل؛ مرشح الخلفية: طمس (5 بكسل)؛ } .voc-الإدخال::placeholder { اللون: rgba(255، 255، 255، 0.3)! مهم؛ } .voc-الإدخال:التركيز { لون الحدود: var(--brand-red, #f7374f) !مهم; الخلفية: rgba(0, 0, 0, 0.4)! مهم; ظل الصندوق: 0 0 0 2px rgba(247, 55, 79, 0.1); } /* تحديد (القائمة المنبثقة) الإعدادات المخصصة */ .voc-حدد { المظهر: لا شيء؛ صورة الخلفية: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4% 22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5% 200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2ج 0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%2 05.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4- 7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E")! مهم؛ تكرار الخلفية: عدم التكرار! مهم؛ موقف الخلفية: 1rem الأيمن أعلى 50٪! مهم؛ حجم الخلفية: 0.6rem تلقائي! مهم؛ } .voc-حدد الخيار { الخلفية: #0f172a؛ اللون: #ففف؛ } /* إعدادات منطقة النص */ .voc-textarea { تغيير الحجم: عمودي؛ الحد الأدنى للارتفاع: 80 بكسل! مهم؛ /* تم تقليل الارتفاع بشكل كبير */ } /* تصميم مربع اختيار KVKK */ .voc-مربع الاختيار-المجمع { الهامش العلوي: 0.2rem؛ } .voc-مربع الاختيار-التسمية { عرض: فليكس؛ محاذاة العناصر: البداية المرنة؛ الفجوة: 0.6ريم؛ المؤشر: المؤشر؛ اللون: رغبا (255، 255، 255، 0.7)؛ ارتفاع الخط: 1.4؛ حجم الخط: 12 بكسل! مهم؛ /* تم تصغير نص KVKK */ } .voc-مربع الاختيار-الإدخال { المظهر: لا شيء؛ الحد الأدنى للعرض: 16 بكسل؛ الارتفاع: 16 بكسل؛ الحدود: 1 بكسل rgba (255، 255، 255، 0.2)! مهم؛ نصف قطر الحدود: 4 بكسل! مهم؛ الخلفية: rgba(0, 0, 0, 0.2)! مهم; المؤشر: المؤشر؛ الموقف: نسبي؛ الانتقال: كل 0.2 ثانية سهولة؛ الهامش العلوي: 1 بكسل؛ } .voc-مربع الاختيار-الإدخال: محدد { الخلفية: var(--brand-red, #f7374f) !مهم; لون الحدود: var(--brand-red, #f7374f) !مهم; } .voc-مربع الاختيار-الإدخال:محدد::بعد { المحتوى: ''; الموقف: مطلق؛ اليسار: 4 بكسل؛ الكرة: 2 بكسل؛ العرض: 4 بكسل؛ الارتفاع: 8 بكسل؛ الحدود: أبيض صلب؛ عرض الحدود: 0 2px 2px 0; تحويل: تدوير (45 درجة)؛ } .voc-مربع الاختيار-المحتوى أ { اللون: var(--brand-red, #f7374f) !مهم; زخرفة النص: تسطير؛ حجم الخط: 12 بكسل! مهم؛ } /* زر الإرسال (الحد الأدنى) */ .voc-إرسال-BTN { الهامش العلوي: 0.5ريم؛ الخلفية: var(--brand-red, #f7374f) !مهم; اللون: #fff! مهم؛ الحدود: لا شيء! مهم؛ الحشو: 0.8rem 1.5rem! مهم؛ /* ضعيف */ نصف قطر الحدود: 8 بكسل! مهم؛ /* الحواف المتوافقة */ وزن الخط: 600؛ حجم الخط: 14 بكسل! مهم؛ عائلة الخط: 'Inter'، sans-serif؛ المؤشر: المؤشر؛ عرض: فليكس؛ محاذاة العناصر: مركز؛ ضبط المحتوى: مركز؛ الفجوة: 0.5ريم؛ الانتقال: كل 0.3 ثانية سهل؛ العرض: 100%؛ } .voc-إرسال-BTN:تحوم { الخلفية: #e02040 !مهم; تحويل: ترجمةY(-1px); } /* تحميل الدوار */ .voc سبينر { العرض: كتلة مضمنة؛ العرض: 14 بكسل؛ الارتفاع: 14 بكسل؛ الحدود: 2px الصلبة rgba(255,255,255,0.3); نصف قطر الحدود: 50%؛ لون الحدود العلوي: #fff؛ الرسوم المتحركة: سهولة الدخول والخروج من vocSpin 1 إلى ما لا نهاية؛ } @keyframes vocSpin { إلى {تحويل: تدوير (360 درجة)؛ } }