body {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255);
}

.footer-is-light .store-footer .store-footer__inner {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255);
}
.shadow-default {
    --tw-shadow: 5px 10px 30px #ffffff0d;
}

.footer-is-light .store-footer {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255);
   
}
element.style {
}
.navbar-brand img {
    max-height: 5rem;
    max-width: 100px;
    width: auto;
}

#main-content > section:nth-child(1) > div > a > img {
    margin-top: -13rem;
}
#main-links-1 .swiper {
    display: flex;
    flex-wrap: wrap; /* يسمح بتوزيع العناصر على عدة أسطر إذا لزم الأمر */
    justify-content: space-between; /* يوزع العناصر بالتساوي */
}

#main-links-1 .swiper > * {
    width: 75%; /* يجعل كل عنصر يأخذ ثلث العرض */
    box-sizing: border-box; /* يضمن أن المساحة تشمل الحواف */
}

#main-content > section:nth-child(1) > div {
    box-sizing: border-box; /* تأكد من أن padding لا يؤثر على حجم العنصر */
    padding-left: 0px;  /* ضبط padding الأيسر */
    padding-right: 0px; /* ضبط padding الأيمن */
}

.header-btn__icon {
    align-items: center;
    border-radius: 9999px;
    border-width: 1px;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    width: 2.5rem;
    --tw-border-opacity: 1;
    border-color: #e5e7eb;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: #9f9f9f;
}