.elementor-2842 .elementor-element.elementor-element-1e71e5b8{--display:flex;}.elementor-2842 .elementor-element.elementor-element-48a0d50e .e-contact-buttons{--e-contact-buttons-contact-button-icon:#FFFFFF;--e-contact-buttons-contact-button-icon-hover:#F3F5F8;--e-contact-buttons-button-bar-bg:#5B581A00;--e-contact-buttons-horizontal-offset:79px;}@media(max-width:1024px){.elementor-2842 .elementor-element.elementor-element-48a0d50e .e-contact-buttons{--e-contact-buttons-button-bar-padding-block-end:1px;--e-contact-buttons-button-bar-padding-block-start:1px;--e-contact-buttons-button-bar-padding-inline-end:1px;--e-contact-buttons-button-bar-padding-inline-start:1px;--e-contact-buttons-horizontal-offset:57px;--e-contact-buttons-vertical-offset:18px;}}@media(max-width:767px){.elementor-2842 .elementor-element.elementor-element-48a0d50e .e-contact-buttons{--e-contact-buttons-button-bar-padding-block-end:10px;--e-contact-buttons-button-bar-padding-block-start:10px;--e-contact-buttons-button-bar-padding-inline-end:5px;--e-contact-buttons-button-bar-padding-inline-start:5px;--e-contact-buttons-horizontal-offset:0px;--e-contact-buttons-vertical-offset:12px;}}/* Start custom CSS for contact-buttons-var-6, class: .elementor-element-48a0d50e *//* ==========================
  Floating Contact Buttons
  ========================== */

.e-contact-buttons {
    position: fixed;
    bottom: 20px; /* المسافة من أسفل الشاشة */
    right: 20px;  /* المسافة من اليمين */
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px; /* المسافة بين الأزرار */
}

.e-contact-buttons__contact-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;  /* حجم الأزرار */
    height: 56px;
    border-radius: 50%; /* شكل دائري */
    background-color: #25D366; /* لون واتساب */
    color: #fff;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.e-contact-buttons__contact-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}

/* الأيقونات داخل الأزرار */
.e-contact-buttons__contact-links a svg {
    width: 28px;
    height: 28px;
    fill: #fff;
}

/* اللون مختلف للهاتف */
.e-contact-buttons__contact-links a.e-fas-phone-alt {
    background-color: #0073aa; /* لون زر الاتصال */
}

/* ==========================
  Responsive: الهاتف المحمول
  ========================== */
@media (max-width: 480px) {
    .e-contact-buttons {
        bottom: 15px;
        right: 15px;
        gap: 10px;
    }

    .e-contact-buttons__contact-links a {
        width: 50px;
        height: 50px;
    }

    .e-contact-buttons__contact-links a svg {
        width: 24px;
        height: 24px;
    }
}/* End custom CSS */