.elementor-254 .elementor-element.elementor-element-7c6b6db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:54px;--margin-left:0px;--margin-right:0px;}.elementor-254 .elementor-element.elementor-element-7c6b6db:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-7c6b6db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://granter.se/wp-content/uploads/2025/10/red_phone_image_fixed-m5KnJZM7e7uRr5wl.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-254 .elementor-element.elementor-element-f4974f8{--display:flex;--margin-top:29px;--margin-bottom:14px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-254 .elementor-element.elementor-element-a712e39 .elementor-heading-title{color:#000000;}.elementor-254 .elementor-element.elementor-element-c98d579{--display:flex;}.elementor-254 .elementor-element.elementor-element-0e8209f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-254 .elementor-element.elementor-element-48d4f73{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--margin-top:0px;--margin-bottom:69px;--margin-left:0px;--margin-right:0px;}.elementor-254 .elementor-element.elementor-element-c2cde3f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;line-height:26px;color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-254 .elementor-element.elementor-element-1157812{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-254 .elementor-element.elementor-element-f9de627{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--margin-top:0px;--margin-bottom:69px;--margin-left:0px;--margin-right:0px;}.elementor-254 .elementor-element.elementor-element-3cb071a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;line-height:26px;color:#000000;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-254 .elementor-element.elementor-element-c98d579{--width:77%;}.elementor-254 .elementor-element.elementor-element-48d4f73{--width:50%;}.elementor-254 .elementor-element.elementor-element-f9de627{--width:50%;}}/* Start custom CSS for shortcode, class: .elementor-element-4fb437d *//* تنسيق الخط داخل نموذج Contact Form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 label {
  font-family: 'Poppins', sans-serif; /* يمكنك تغييره إلى أي خط */
  font-size: 16px; /* حجم الخط */
  color: #000000; /* لون النص */
}

/* تنسيق زر الإرسال */
.wpcf7 input[type="submit"] {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: bold;
  background-color: #0073aa;
  color: white;
  border: none;
  padding: 10px 25px;
  border-radius: 4px;
  cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #ff0000;
}
/* تغيير شكل زر Skicka في Contact Form 7 */
.wpcf7 input[type="submit"] {
  background-color: #000000; /* اللون الأزرق الحالي */
  color: #ffffff; /* لون النص */
  border: none;
  padding: 10px 25px;
  border-radius: 6px; /* الزوايا الدائرية */
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s ease;
}

/* لون الزر عند المرور بالماوس */
.wpcf7 input[type="submit"]:hover {
  background-color: #ff0000; /* مثال: أحمر عند المرور */
}

/* تنسيق رسالة النجاح في Contact Form 7 */
.wpcf7-response-output {
  font-family: 'Poppins', sans-serif;  /* نوع الخط */
  font-size: 18px;                     /* حجم الخط */
  color: #000000;                      /* لون النص */
  font-weight: bold;                   /* خط غامق */
  background: transparent;             /* بدون خلفية */
  border: 2px solid #e63946;           /* الإطار الأحمر (لون Granter) */
  border-radius: 8px;                  /* زوايا ناعمة */
  padding: 20px;                       /* مساحة داخلية */
  line-height: 1.6;                    /* تباعد الأسطر */
  box-shadow: none;                    /* بدون ظل */
}

/* تنسيق رسالة الخطأ (اختياري) */
.wpcf7 form.invalid .wpcf7-response-output {
  border-color: #d9534f;               /* لون الإطار في حال الخطأ */
  background: transparent;             /* بدون خلفية */
  color: #b30000;                      /* نص أحمر عند الخطأ */
  font-weight: bold;
}/* End custom CSS */