#l_product_banner_5902296d-302e-4fe5-82d7-5de6a5d00a69 > div{
    margin-top:20px
}
#l_custom_products11bbbe51-f05f-4baa-9def-0e35e0e2faf8 > div{
   margin-top:10px 
}
#l_room_gallery_21696734-ed8f-4162-a537-df0b4b4b0b76 > div{
   margin-top:10px;
}
#l_custom_productsacc03762-5a10-43e0-9280-d71d7b96eeaa > div{
   margin-top:10px;
}
#l_gallery-609d1781-2586-44c9-994b-b94172dcf9c9 > div{
   margin-top:10px;
}
#l_product_banner_5902296d-302e-4fe5-82d7-5de6a5d00a69{
   display:flex;
   justify-content: space-between;
}
#l_custom_products11bbbe51-f05f-4baa-9def-0e35e0e2faf8 > div{
   margin-top:30px
}
#slider-banner_636d8247-6ffc-4484-91d2-0c436d4b27b8 > swiper-slide > a > picture > img{
   margin-bottom: 20px;
}


/* ===== Richline block ===== */
.richline-footer {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none !important;
    color: #75727B !important;
    font-size: 0.875rem;
}

/* ===== Richline logo ===== */
.richline-footer img {
    height: 18px;
}

/* ===== Text styling (Zid + Richline) ===== */
.richline-footer p,
.border-border-light a p {
    letter-spacing: 0.17px !important;
    font-family: "Almarai", sans-serif !important;
    font-weight: 400 !important;
    font-size: 0.875rem !important;
    line-height: 1.43 !important;
    color: #ffffff !important;
    margin: 0 !important;
}

    .richline-footer img {
        height: 16px;
    }
}

/* ===== Add space under footer ===== */
.border-border-light.mt-6.border-t.pt-6 {
    margin-bottom: 50px !important;
}

@media only screen and (max-width: 768px) {
    .footer-bottom-section {
        flex-direction: column-reverse !important;
        gap: 0px;
    }
}

/* ADD LOGO ABOVE FOOTER TEXT */
.footer-about-us-div::before{
    content:"";
    display:block;
    
    width:180px;
    height:80px;

    background-image:url("https://i.postimg.cc/xT9476ps/Layer-2.png"); /* REPLACE WITH YOUR POSTIMAGE LINK */
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;

    margin-bottom:20px;
}

/* MOBILE */
@media (max-width:768px){

    .footer-about-us-div::before{
        margin:0 auto 20px auto;
        width:140px;
        height:60px;
    }

    .footer-about-us-div{
        text-align:center !important;
    }
}

@media (min-width: 1024px){

    /* Center the whole slider */
    .room-gallery .swiper-wrapper{
        justify-content: center;
        transform: none !important;
    }

    /* Make exactly 3 images fit nicely */
    .room-gallery swiper-slide{
        width: calc(33.333% - 20px) !important;
        max-width: 350px;
        margin-left: 20px !important;
    }

    /* Optional: remove extra spacing on last item */
    .room-gallery swiper-slide:last-child{
        margin-left: 0 !important;
    }

    /* Hide arrows if only 3 items */
    .room-gallery .swiper-button-next,
    .room-gallery .swiper-button-prev{
        display: none !important;
    }
}

.room-gallery .img_container,
.room-gallery .room-link,
.room-gallery swiper-slide{
    height: auto !important;
    min-height: unset !important;
}

.room-gallery .room_img{
    width: 100%;
    height: auto !important;
    display: block;
    object-fit: contain !important;
}

.room-gallery .swiper{
    direction: ltr !important;
}

.room-gallery .swiper-wrapper{
    flex-direction: row-reverse !important;
}

.home-product-details p{
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
}

.home-product-details p::before{
    content: "لوحة مجسمة تجسد المسجد النبوي الشريف بكل تفاصيله الروحانية والمعمارية. الفوائد والأهداف: تنمية مهارات التفكير وحل المشكلات. تعزيز مهارات التجميع واللصق. تطوير مهارات التلوين والتعتيق اليدوي. تعريف الأطفال بتراث المملكة ومعالمها.";

    display: block;
    font-size: 15px;
    line-height: 2;
    color: #333;
}

/* Force all menu text to a visible color */
#sliding-menu,
#sliding-menu a,
#sliding-menu span,
#sliding-menu .menu-link,
#sliding-menu .clickable-span,
#sliding-menu li,
#sliding-menu .slide-menu__backlink {
    color: #000000 !important; /* Change to any color */
}

/* Optional: hover color */
#sliding-menu a:hover,
#sliding-menu .menu-link:hover,
#sliding-menu .clickable-span:hover {
    color: #fa8507 !important;
}

/* Optional: submenu arrows */
#sliding-menu .slide-menu-arrow,
#sliding-menu .slide-menu__decorator {
    color: #000000 !important;
}

@media (width <= 992px) {
    .menu-header-theme-bg-primary {
        background: #42362c !important;
    }
}

.slide-menu .close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    font-size: 24px;
    background-color: rgb(255 255 255 / 94%);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    color: #000000;
    transition: background-color 0.25s ease, color 0.25s ease;
}