/* Add custom CSS styles below */ 
p.text-gray-400.mb-2\.5.md\:mb-0
{
    color: #805810;
}
@media (max-width: 767px) {

    /* الـ Grid الرئيسي */
    .images-grid__grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        height: auto !important;
    }

    /* كل الأعمدة الرئيسية */
    .images-grid__grid > .images-grid__col {
        height: auto !important;
        min-height: 0 !important;
        width: 100% !important;
    }

    /* =========================
       الصورة 1 - عرض كامل
       ========================= */
    .images-grid__grid > .images-grid__col:nth-child(1) {
        grid-column: 1 / -1 !important;
    }

    .images-grid__grid > .images-grid__col:nth-child(1) .images-grid__item {
        height: 300px !important;
    }


    /* =========================
       الصورة 2 - عرض كامل
       ========================= */
    .images-grid__grid > .images-grid__col:nth-child(2) {
        grid-column: 1 / -1 !important;
    }

    .images-grid__grid > .images-grid__col:nth-child(2) > .images-grid__item {
        height: 220px !important;
        margin-bottom: 10px !important;
    }


    /* =========================
       الصورة 3 + 4 - نصفين
       ========================= */
    .images-grid__subgrid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }

    .images-grid__subgrid > a {
        width: 100% !important;
        height: 180px !important;
    }


    /* =========================
       الصورة 5 - عرض كامل
       ========================= */
    .images-grid__grid > .images-grid__col:nth-child(3) {
        grid-column: 1 / -1 !important;
    }

    .images-grid__grid > .images-grid__col:nth-child(3) .images-grid__item {
        height: 300px !important;
    }


    /* =========================
       الصور
       ========================= */
    .images-grid__item {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    .images-grid__col .images-grid__image {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

}
img.lazy.w-full.h-full.object-cover.object-center.min-h-\[250px\].max-h-\[350px\].lg\:max-h-\[700px\].loaded {
    object-fit: fill;
}
img.aspect-\[14\/13\].w-full.rounded-2xl.lazy.object-cover.group-hover\:scale-110.duration-400.loaded {
    object-fit: fill;
}