section:nth-of-type(1) .swiper-slide .md\:gap-4 {
    gap: 36rem !important;
    width: 100%;
    max-width: 100%;
}
a.text-xs.md\:text-lg.lg\:text-\[28px\].font-bold.py-1\.5.md\:py-2\.5.px-4.md\:px-10.rounded-\[10px\].w-fit.mt-1.md\:mt-0 {
    margin-inline: auto;
}
section:nth-of-type(1) h3.text-lg.md\:text-3xl.lg\:text-\[56px\] {
    display: flex !important;
    flex-direction: column !important;
    width: 50%;
}

section:nth-of-type(1) h3.text-lg.md\:text-3xl.lg\:text-\[56px\]::after {
    content: "وكل غالي له اختيار";
    display: flex;
    font-size: 48px;
    font-weight: 800;
    margin-top: 10px;
    justify-content: flex-end;
}
img.w-full.h-full.object-cover {
    object-position: top !important;
}
@media (max-width: 767px) {
    section:nth-of-type(1) h3.text-lg.md\:text-3xl.lg\:text-\[56px\]::after {
        content: "وكل غالي له اختيار";
        display: flex;
        font-size: 18px;
        font-weight: 800;
        margin-top: 10px;
        justify-content: flex-end;
    }
.main-banner-component .content {
    height: clamp(23.438rem,20.3935rem + 42.8565vw,56.25rem);
}
}
@media (max-width: 767px) {
    section:nth-of-type(1) .swiper-slide .md\:gap-4 {
        gap: 14rem !important;
    }

    section:nth-of-type(1) .swiper-slide .container.relative.z-\[5\] h3 {
        font-size: 20px !important;
    }
}
/* Product card */
@media (min-width: 992px) {
.s-product-card-image {
    min-height: 350px;}}
.s-product-card-content-category.text-secondary { /* Color of Category in the product card */
  color: #f07367 !important;}
.s-product-card-entry .s-product-card-image {
  border: solid 2px #f3f4f6;
  background-color: #fff;}
.s-product-card-content-title,
.s-product-card-content-category,
.s-product-card-content-subtitle {
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;}
button.s-button-element {
  padding: 5px !important;}
button.s-button-element span.s-button-text {
  line-height: 1.7;}
.absolute.w-5.md\:w-\[27px\].h-5.md\:h-\[27px\].rounded-full.border-4.border-white.bg-transparent.cursor-pointer {
    display: none;
}
@media (min-width: 768px) {
    .advanced-categories-component .s-slider-swiper-wrapper {
        display: flex;
        justify-content: center;
    }
}
.grid.grid-cols-2.md\:grid-cols-3.lg\:grid-cols-4.gap-x-4.md\:gap-x-8.lg\:gap-x-11.gap-y-8 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* Desktop */
@media (min-width: 768px) {
    .max-w-\[830px\].flex.flex-col.gap-2.md\:gap-4.items-center.text-center {
        gap: 37em !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .max-w-\[830px\].flex.flex-col.gap-2.md\:gap-4.items-center.text-center {
        gap: 17em !important;
    }
}
.footer-image-popup {
    display: block;
    width: 100%;
    max-width: 100px;
    margin-top: 15px;
    cursor: pointer;
}
.opacity-0.group-hover\:opacity-100.transition-opacity.duration-500.min-h-\[303px\].md\:min-h-\[450px\].relative.z-\[5\].p-4.md\:p-10.flex.items-center.justify-center {
    display: none;
}