@media  (min-width: 700px) {
.header-is-light .header-components {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    background: #146518;
}
.banner-entry {
    position: relative;.menu-fixed-bar
    display: flex;
    max-height: 646px;F
    min-height: 246px;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    border-radius: 1px;
    --tw-bg-opacity: 1;
    background-color: rgba(243,244,246,var(--tw-bg-opacity));
    padding: .625rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
}
.header-is-light .fixed-pinned.header-components, .header-is-light .fixed-pinned .inner {
    --tw-bg-opacity: 1;
    background-color: rgb(20 101 24);
    --tw-text-opacity: 1;
    color: rgba(29, 31, 31, var(--tw-text-opacity));
}
.header-icon-button #s-cart-icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
.page-header {
    background-size: cover;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    display: flex;
    align-items: center;
    justify-content: center;
    background: #146518 !important;
}
salla-slider .slide--one-fourth {
    height: auto;
    width: 100%;
    max-width: 259px;
    padding-left: 5px;
    padding-right: 5px;
}
.page-header {
    background-size: cover;
    background: #146518 !important;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    display: flex;
    align-items: center;
    justify-content: center;
}
    --tw-text-opacity: 1;
    color: rgb(255 255 255) !important;
.header-is-light .header-components .s-cart-summary-wrapper li a, .header-is-light .header-components .main-menu li a
.pt-6.text-center.grid {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.features-home .features-home-grid, .s-block--features .features-home-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));

    grid: 3px;
    gap: 15px;
}
.store-footer h3 {
    margin-bottom: .625rem;
    font-size: 1rem;
    display: flex;
    line-height: 1.5rem;
    background: #d3a662;
    border-radius: 10px;
    height: 30px;
    POSITION: relative;
    justify-content: center;
    font-weight: 700;
    Z-INDEX: 1;
    WIDTH: 100PX;
    right: 36%;
    MARGIN: 10PX 140PX;
}
p.md\:max-w-sm.leading-6.my-4.text-sm.rtl\:md\:pl-6.ltr\:md\:pr-6 {
    display: flex !important;
    justify-content: center !important;
    text-align: center;
    align-items: center;
    position: relative;
    right: 37%;
}
.navbar-brand img {
    max-height: 5rem !important;
    max-width: 188px !important;
    margin-top: 2px !important;
}
.header-components .left-side .header-icon-button {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
}

@media  (max-width: 700px) {
.banner-entry {
    position: relative;
    display: flex;
    max-height: 646px;
    min-height: 70px;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden;
    border-radius: 1px;
    --tw-bg-opacity: 1;
    background-color: rgba(243,244,246,var(--tw-bg-opacity));
    padding: .625rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
}
salla-slider .slide--one-fourth {
    height: auto;
    width: 100%;
    max-width: 234px;
    padding-left: 5px;
    padding-right: 5px;
}
.store-footer h3 {
    margin-bottom: .625rem;
    font-size: 1rem;
    display: flex;
    line-height: 1.5rem;
    background: #d3a662;
    border-radius: 10px;
    height: 30px;
    POSITION: relative;
    justify-content: center;
    font-weight: 700;
    Z-INDEX: 1;
    WIDTH: 100PX;
    MARGIN: 10PX 140PX;
}

.menu-fixed-bar::after {
    content: "";
    position: absolute;
    width: 244px;
    height: 68px;
    display: flex;
    top: 15px;
    background-color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/2GWEyNr7NMUgwWagCTTd6G8PBUOY2yr2WBwu86Kg.png);
    margin: 25px 0px;
    RIGHT: 13.5%;
    background-size: cover;
}
.menu-fixed-bar {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    padding: 3.5rem;
    background: #146518;
    height: 152px;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow);
}
.main-menu li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    font-size: .875rem;
    background: #146518;
    margin-bottom: 10px;
    height: 45px;
    line-height: 1.25rem;
    --tw-text-opacity: ;
    border-radius: 20px;
    color: rgb(255 255 255);
    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(.4,0,.2,1);
    transition-duration: 300ms;
}
h2.menu-title {
    text-align: center;
    animation: animate 2.5s linear infinite;
font-size: 15px;
}
.menu-title {
    border-bottom-width: 1px;
    padding: 2px 17px 17px 20px;
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.menu-is-open #mainnav {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    border-left: #146518 solid 2px;
}
/*
@keyframes animate
{

        0%,
        {
            opacity: 0;
        font-size: 12px;

        }
       50%
        {
        font-size: 15px;
            opacity: 0.5;
        }
       100%
        {
        font-size: 20px;
            opacity: 1;
        }

}
}

*/



.footer-content.grid.grid-cols-2.md\:flex.flex-wrap.gap-2\.5.lg\:gap-4 {
    display: block !important;
}




salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    height: auto;
    width: 100%;
    overflow: hidden;
    border-radius: 0px 0px 2px 2px;
}
[dir=rtl] .carousel-slider .swiper {
    padding-left: 0rem;
}
.swiper .swiper-pagination-bullet {
    position: relative;
    margin-bottom: .625rem;
    box-sizing: content-box;
    height: 8px;
    width: 8px;
    rder-radius: 9999px;
    background-color: #146518;
    opacity: 1;
}

.rounded {
    border-radius: 0px;
}

.s-block--fixed-banner .banner--fixed {
    position: relative;
    max-height: auto;
    min-height: auto;
    overflow: hidden;
    border-radius: 2px;
}
.navbar-brand img {
    max-height: 3rem;
    max-width: 145px;
}
section.s-block.s-block--photos-slider {
    margin-top: 0px !important;
}

.header-is-light .header-components {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    background: #146518;
}
.header-components-top {
    z-index: 10;
    display: flex;
    justify-content: space-between;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: #146518;
    background-color: #146518;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .625rem;
    padding-right: .625rem;
}
.page-header .breadcrumbs {
    width: auto;
    color: #ffffff;
}
.header-is-light .header-components {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    background: #146518;
}
.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
header.page-header.h-16.has-overlay--opacity-option.has-overlay--opacity-0 {
    background: #146518 !important;
}
.header-icon-button #s-cart-icon {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
[dir=rtl] a.s-cart-summary-wrapper .s-cart-summary-total {
    padding-right: .625rem !important;
    color: #fff;
}
.navbar-brand img {
    max-height: 3rem;
    max-width: 145px;
    margin-top: -16px;
}
adding-right: 0px !important;
}
.header-components-top .header-icon-button, .header-components-top .s-user-menu-trigger, .header-components-top .search-btn {
    height: 30px;
    width: 30px;
    order-radius: 9999px;
    padding: 0;
    background: #fff;
    --tw-text-opacity: 1;
    color: rgb(34 68 83);
}
.btn--gray {
    display: inline-flex;
    min-height: 30px;

}
.swiper-slide.swiper-slide-active {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.product-entry__image {
    position: relative;
    height: 24rem;
    width: 100%;
    flex-shrink: 0;
    overflow: hidden;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255);
}
.product-entry__image {
    height: 15rem !important;
}


.rounded {
    border-radius: 12px;
}
.h-12 {
    height: 37px;
}
.w-48 {
    width: 9rem;
    background: #146518;
    color: #fff;
}
.s-block__title {
    position: relative;
    display: flex;
    background: #146518;
    height: 2px;
    flex-wrap: wrap;
    align-items: center;
    align-items: center;
    margin: 27px 0px;
    justify-content: center;
}
.s-block__title .center-side {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(20 101 24);
    padding-left: .625rem;
    padding-right: .625rem;
    margin-top: -15px;
    height: 31px;
    border-radius: 11px;
    color: #fff;
}
.s-block__title {
    position: relative;
    display: flex;
    background: #146518;
    height: 2px;
    flex-wrap: wrap;
    align-items: center;
    align-items: center;
    margin: 27px 0px;
    justify-content: center;
}


.grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}


.product-entry {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-x: hidden;
    border-width: 1px;
    border-radius: 10px !important;
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
}
.s-block__title h2, .s-block__title h1 {
    position: relative;
    font-size: 17px;
    line-height: 1.75rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 4px;
    line-height: 1.2;
}
img.w-full.object-contain.rounded {
    border-radius: 0px !important;
}
button.undefined.s-button-element.s-button-link.s-button-solid.s-button-primary-link.s-button-loader-center {
    background: #146518;
    color: #fff !important;
}
.product-entry salla-add-product-button salla-button button .s-button-text {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
}
.promotion-badge {
    position: absolute!important;
    top: .75rem!important;
    z-index: 1!important;
    max-width: 65%!important;
    overflow: hidden!important;
    margin-left: 6px;
    border-radius: 9999px!important;
    background-color: #414042!important;
    background-color: #146518 !important;
    padding-left: .625rem!important;
    padding-right: .625rem!important;
    padding-top: .375rem!important;
    padding-bottom: .375rem!important;
    font-size: .75rem!important;
    line-height: 1rem!important;
    color: #ff6767!important;
    color: var(--color-primary-reverse)!important;
}








.features-home .s-block--features__item, .s-block--features .s-block--features__item {
    position: relative;
    border-width: 0;
    --tw-bg-opacity: 1;
    background-color: #146518;
    padding: .625rem;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow,0 0 rgba(0,0,0,0)),var(--tw-ring-shadow,0 0 rgba(0,0,0,0)),var(--tw-shadow);
    --tw-shadow-color: rgba(0, 0, 0, 0.05);
    --tw-shadow: var(--tw-shadow-colored);
    transition-property: box-shadow;
    color: #fff;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
}


.features-home .s-block--features__item .feature-icon-div .feature-icon, .s-block--features .s-block--features__item .feature-icon-div .feature-icon {
    font-size: 33px;
    position: relative;
    z-index: 10;
    margin: .25rem;
    --tw-text-opacity: 1;
    color: rgb(34 68 83);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    background: #fff;
    height: 50px;
    display: flex;
    justify-content: center;
    width: 51px;
    align-items: center;
    border-radius: 32px;
}


.features-home .s-block--features__item .feature-icon-div .feature-icon, .s-block--features .s-block--features__item .feature-icon-div .feature-icon {
    font-size: 33px;
    position: relative;
    z-index: 10;
    margin: .25rem;
    --tw-text-opacity: 1;
    color: rgb(34 68 83);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    background: #fff;
    height: 50px;
    display: flex;
    justify-content: center;
    width: 51px;
    align-items: center;
    border-radius: 32px;
}

.s-block--features__item h4 {
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #fff !important;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgba(31,41,55,var(--tw-text-opacity));
}

.features-home .s-block--features__item p, .s-block--features .s-block--features__item p {
    color: #fff !important;
    position: relative;
    opacity: .75;
}
.features-home .s-block--features__item:hover .feature-icon-div .feature-icon, .s-block--features .s-block--features__item:hover .feature-icon-div .feature-icon {
    margin: .25rem;
    --tw-text-opacity: 1;
    color: rgb(34 68 83);
}
.testimonials-itme.swiper-slide.slide--one-third.swiper-slide-active {
    background: #146518;
    margin: 0px 17px;
    border-radius: 16px;
    width: 92%;
    color: #fff;
}
.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
.header-components-top .header-icon-button, .header-components-top .s-user-menu-trigger, .header-components-top .search-btn {
    height: 30px;
    width: 30px;
    order-radius: 9999px;
    padding: 0;
    background: #fff;
    --tw-text-opacity: 1;
    color: rgb(34 68 83);
}

.footer-content.grid.grid-cols-2.md\:flex.flex-wrap.gap-2\.5.lg\:gap-4 {
    display: block !important;
}
.mb-2\.5 {
    margin-bottom: 36Px;
}
.footer_is_dark .store-footer__top a {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    display: flex;
    justify-content: center;
}
.store-footer {
    position: relative;
    --tw-bg-opacity: 1;
    background-color: rgb(34 68 83);
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
}
.store-footer {
    position: relative;
    --tw-bg-opacity: 1;
    padding-top: 20px !important;
    background-color: #146518;
    border-radius: 22px 22px 0px 0px;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
}

p.md\:max-w-sm.leading-6.my-4.text-sm.rtl\:md\:pl-6.ltr\:md\:pr-6 {
    display: flex !important;
    justify-content: center !important;
}
.footer_is_dark .footer-bottom {
    --tw-bg-opacity: 1;
    background-color: #146518;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
}
.py-4 {
    padding-top: 0rem;
    padding-bottom: -1rem;
}
.payment-methods .itme-method, .payment-methods .itme-maroof {
    margin-bottom: .625rem;
    width: 45px;
    height: 30px;
    border-radius: 4px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(243,244,246,var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    padding: .25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
p.text-gray-400.mb-2\.5.md\:mb-0 {
    display: none;
}
.flex-center {
    display: flex;
    width: 45px;
    height: 31px;
    border-radius: 5px !important;
    align-items: center;
    justify-content: center;
}/*
.store-footer h3::after {
    content: "";
    display: block;
    BACKGROUND: #d3a662;
    POSITION: absolute;
    HEIGHT: 2PX;
    WIDTH: 382PX;
    Z-INDEX: -1;
    JUSTIFY-CONTENT: center;
    ALIGN-ITEMS: center;
    MARGIN: 14PX 0PX;
    ALIGN-ITEMS: center;
  
}*/
.mb-2\.5 {
    margin-bottom: 36Px;
    BORDER: #d3a662 SOLID 1PX;
    BORDER-RADIUS: 15PX;
}
.user-contacts .links-contact .links-icon {
    display: flex;
    height: 1.75rem;
    width: 1.75rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 0px;
}
.footer_is_dark .store-footer__top a {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    display: flex;
    MARGIN-BOTTOM: 7PX;
    justify-content: center;
}
a.footer-logo {
    MARGIN: 6PX 0PX !important;
}

.flex.justify-between.items-center.mt-auto {
    BACKGROUND: #146518;
    WIDTH: 232PX;
    DISPLAY: FLEX;
    JUSTIFY-CONTENT: center;
    MARGIN-RIGHT: -12PX;
    POSITION: relative;
    TOP: 12PX;
}
.product-entry salla-add-product-button salla-button button {
    border-radius: 15px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229,231,235,var(--tw-border-opacity));
    color: #414042;
    color: var(--color-primary);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
    width: 44px;
    height: 35px;
    MARGIN: 7PX;
    POSITION: relative;
    RIGHT: -3PX;
}
.s-product-card-content-sub {
    margin-bottom: 1.25rem;
    display: flex;
    COLOR: #FFF;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    MARGIN: 0PX 15PX;
}

.w-full.grid.grid-cols-1.md\:grid-cols-3.gap-5 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !IMPORTANT;
}