/* Add custom CSS styles below */ 
/* Hide the popup by default */
/* Hide the popup by default */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background */
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup img {
    max-width: 80%;
    max-height: 80%;
    border-radius: 10px;
}


.store-footer__inner {
    border-bottom-width: 1px;
    border-style: dashed;
    border-bottom-color: rgba(255, 255, 255, 0.1);

    /* Add rounded corners */
    border-radius: 100px; /* Adjust the radius for smoother corners */

    /* Background styling */
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    padding-top: 10rem;
    padding-bottom: 10rem;

    /* Center image using flexbox */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; /* Keeps content stacked vertically */
}

/* Style for the image inside the footer */
.store-footer__inner img {
    max-width: 150px; /* Adjust the size of the image */
    height: auto; /* Keep aspect ratio */
    margin-top: 1rem; /* Add spacing if needed */
}

.leading-6 {
    line-height: 1.5rem;
}

element.style {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 3090px;
}
.store-footer__inner img {
    max-width: 1500px;
    height: auto;
    margin-top: 1rem;
}


window.onload = function () {
    // البحث عن عنصر الفوتر
    var footer = document.querySelector('.store-footer__inner');

    if (footer) {
        // إنشاء عنصر يحتوي على النص
        var importantLinks = document.createElement('div');
        importantLinks.textContent = 'روابط مهمة'; // النص الذي تريد إضافته
        importantLinks.style.textAlign = 'center'; // توسيط النص
        importantLinks.style.fontSize = '16px'; // حجم النص
        importantLinks.style.marginTop = '20px'; // مسافة علوية

        // إضافة النص إلى الفوتر
        footer.appendChild(importantLinks);
    } else {
        console.warn('لم يتم العثور على الفوتر!');
    }
};


@media (min-width: 640px) {
    .sm\:gap-8 {
        gap: 10rem;
    }
}


.s-payments-list-item {
    display: flex
;
    height: 3rem;
    width: 3rem;
    align-items: center;
    border-radius: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    padding: 0.25rem;
}


.s-payments-list-item img {
    max-height: 1590%;
    -o-object-fit: contain;
    object-fit: contain;
}

.s-payments-sbc-image {
    height: 1.5rem;
    border-radius: 0.125rem;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

















.slide--cat-entry {
    display: flex;
    height: 9rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(243, 244, 246, 1);
    border-color: rgba(243, 244, 246, var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1));
    background-image: url(''); /* Replace with your image URL */
    background-size: cover; /* Adjust image to cover the element */
    background-position: center; /* Center the image within the element */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    padding: 0.75rem;
    text-align: center;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}


.sicon-home-water:before {
    content: ""; /* Leave content empty */
    display: inline-block; /* Makes it behave like an inline element with block properties */
    width: 6rem; /* Set the width of the image */
    height: 6rem; /* Set the height of the image */
    background-image: url('https://cdn.salla.sa/form-builder/J8cvQDLQMqawzD2Pdu2BilQIYknJPGvGWMw6gNXU.png'); /* Replace with your image URL */
    background-size: cover; /* Adjust the image to cover the element */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    vertical-align: middle; /* Align with surrounding text or elements */
    border: 0.25rem solid rgba(0, 0, 0, 0.2); /* Add a border with a subtle color */
    border-radius: 50%; /* Make the border circular */
    box-sizing: border-box; /* Ensure the border is included in the element's dimensions */
}


.sicon-bed-single:before {
    content: "";
        display: inline-block; /* Makes it behave like an inline element with block properties */
    width: 6rem; /* Set the width of the image */
    height: 6rem; /* Set the height of the image */
    background-image: url('https://cdn.salla.sa/form-builder/FufXGtbEid6dCdmVlr87AXloWpwxu0wPASgXxMM7.png'); /* Replace with your image URL */
    background-size: cover; /* Adjust the image to cover the element */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    vertical-align: middle; /* Align with surrounding text or elements */
    border: 0.25rem solid rgba(0, 0, 0, 0.2); /* Add a border with a subtle color */
    border-radius: 50%; /* Make the border circular */
    box-sizing: border-box; /* Ensure the border is included in the element's dimensions */
}


.sicon-lego:before {
      content: "";
        display: inline-block; /* Makes it behave like an inline element with block properties */
    width: 6rem; /* Set the width of the image */
    height: 6rem; /* Set the height of the image */
    background-image: url('https://cdn.salla.sa/form-builder/0VnN5YcKdIAVg4ZTnRujZP7rxTyKdb2yn0mAb6vE.png'); /* Replace with your image URL */
    background-size: cover; /* Adjust the image to cover the element */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    vertical-align: middle; /* Align with surrounding text or elements */
    border: 0.25rem solid rgba(0, 0, 0, 0.2); /* Add a border with a subtle color */
    border-radius: 50%; /* Make the border circular */
    box-sizing: border-box; /* Ensure the border is included in the element's dimensions */
}  

.sicon-room-card:before {
    content: "";
        display: inline-block; /* Makes it behave like an inline element with block properties */
    width: 6rem; /* Set the width of the image */
    height: 6rem; /* Set the height of the image */
    background-image: url('https://cdn.salla.sa/form-builder/RlBwSrDSQPLhAwj9hAFZsSeAXOJgn9HEw1gwiShG.png'); /* Replace with your image URL */
    background-size: cover; /* Adjust the image to cover the element */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    vertical-align: middle; /* Align with surrounding text or elements */
    border: 0.25rem solid rgba(0, 0, 0, 0.2); /* Add a border with a subtle color */
    border-radius: 50%; /* Make the border circular */
    box-sizing: border-box; /* Ensure the border is included in the element's dimensions */
}


.sicon-lightbulb:before {
    content: "";
        display: inline-block; /* Makes it behave like an inline element with block properties */
    width: 6rem; /* Set the width of the image */
    height: 6rem; /* Set the height of the image */
    background-image: url('https://cdn.salla.sa/form-builder/1eEdWh68qoC5iZmWFQ1a3EMM0x8JaB2Gd6uXRDVc.png'); /* Replace with your image URL */
    background-size: cover; /* Adjust the image to cover the element */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    vertical-align: middle; /* Align with surrounding text or elements */
    border: 0.25rem solid rgba(0, 0, 0, 0.2); /* Add a border with a subtle color */
    border-radius: 50%; /* Make the border circular */
    box-sizing: border-box; /* Ensure the border is included in the element's dimensions */
}


.sicon-add_col_before:before {
    content: "";
        display: inline-block; /* Makes it behave like an inline element with block properties */
    width: 6rem; /* Set the width of the image */
    height: 6rem; /* Set the height of the image */
    background-image: url('https://cdn.salla.sa/form-builder/p7DEUZZuC6oPgBBqGWetxNF0Semd3mSgnro0EOTL.png'); /* Replace with your image URL */
    background-size: cover; /* Adjust the image to cover the element */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    vertical-align: middle; /* Align with surrounding text or elements */
    border: 0.25rem solid rgba(0, 0, 0, 0.2); /* Add a border with a subtle color */
    border-radius: 50%; /* Make the border circular */
    box-sizing: border-box; /* Ensure the border is included in the element's dimensions */
}

.sicon-store2:before {
    content: "";
        display: inline-block; /* Makes it behave like an inline element with block properties */
    width: 6rem; /* Set the width of the image */
    height: 6rem; /* Set the height of the image */
    background-image: url('https://cdn.salla.sa/form-builder/imKer31yTFn2AFlLz8KXAprJJ3vMfMpvtf4jrzA4.png'); /* Replace with your image URL */
    background-size: cover; /* Adjust the image to cover the element */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    vertical-align: middle; /* Align with surrounding text or elements */
    border: 0.25rem solid rgba(0, 0, 0, 0.2); /* Add a border with a subtle color */
    border-radius: 50%; /* Make the border circular */
    box-sizing: border-box; /* Ensure the border is included in the element's dimensions */
}



.sicon-shirt:before {
    content: "";
        display: inline-block; /* Makes it behave like an inline element with block properties */
    width: 6rem; /* Set the width of the image */
    height: 6rem; /* Set the height of the image */
    background-image: url('https://cdn.salla.sa/form-builder/B91e1BCSENI7cnA9CgD532F75Wbp7cMd1KGaWXRa.png'); /* Replace with your image URL */
    background-size: cover; /* Adjust the image to cover the element */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    vertical-align: middle; /* Align with surrounding text or elements */
    border: 0.25rem solid rgba(0, 0, 0, 0.2); /* Add a border with a subtle color */
    border-radius: 50%; /* Make the border circular */
    box-sizing: border-box; /* Ensure the border is included in the element's dimensions */
}