/* Add custom CSS styles below */ 
.app-inner {
    background: #6a608f;
}

.banner--fixed img {
    background-color: unset;
}

section.art-faq {
    background: #6a608f;
}

.accordion-container div {
    background: #fff;
    border-radius: 10px;
}

.accordion-container > div {
    padding: 20px;
    margin-bottom: 5px;
}

.slider-bg {
    background-image: unset!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
    background: #6a608f;
}

.s-block--slider-with-bg .slider-bg:before {
    background-color: unset;
}

.s-block--slider-with-bg {
    background-color: rgb(106 96 143);
}

.s-product-card-content-title a {
    color: #fff;
    font-weight: bold;
}

.s-products-slider-slider .s-slider-swiper-wrapper .s-product-card-entry .s-product-card-content .s-product-card-content-sub h4 {
    font-size: 16px;
    font-weight: 700;
    color: rgb(255 255 255) !important;
}

body.index  .art-product-card-content-footer-text .s-button-btn {
    width: 100% !important;
    margin-top: 20px !important;
}

.s-block--slider-with-bg .slider-bg h3 {
    text-align: center;
    font-size: 32px;
}


.s-block--slider-with-bg .slider-bg:before {
    background-color: unset;
    background-image: url(https://cdn.salla.sa/wWpAwz/zViGipfWWVzJnT1QJjWBo2yByFyhmHvoc1LvB4EO.png);
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: 0% 13%;
}



.app-inner {
    background: #6a608f;
    background-image: url(https://cdn.salla.sa/wWpAwz/fIOjbmMeVPK4lOewJ1zcmoDjUxIXdNllV1lxPdEm.png);
    background-repeat: space;
}


.s-product-card-content-footer {
    margin-top: 15px;
}

.s-product-card-content-sub {
    display: none;
}

.aspect-square h3 {
    background: #6a608f;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.aspect-square .opacity-50 {
    opacity: 0!important;
}

.aspect-square .items-center {
    align-items: self-end!important;
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgba(75, 85, 99, 1);
    color: rgb(255 255 255);
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255);
    border-color: rgb(255 255 255);
}

.art-main-content .art-product-form .form-label b {
    color: #fff;
}

salla-add-product-button button {
    background: #fff !important;
    color: #6a608f !important;
}

.s-breadcrumb-arrow svg path {
    fill: #fff;
}

.s-comments.s-comments-product {
    background: #6a608f;
}



footer.store-footer.art-store-footer .items-center {
    background: #554c7a;
}

footer.store-footer.art-store-footer {
    background-color: unset;
    background-image: url(https://cdn.salla.sa/wWpAwz/6VPNSRKRpYIkkcDrGQ80kyqAHKac5DJCwNRrqCYx.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0% 13%;
    background-color: #605785 !important;
}

footer.store-footer.art-store-footer .grid.grid-col-1 .items-center {
    background: unset !important;
}

.s-product-card-fit-height .s-product-card-image {
    height: 18rem;
    max-height: 18rem !important;
    
}

.art-main-content .art-single-btns .s-button-icon .s-button-text {
    z-index: 10;
    color: #fff;
}

#product-351217924 form.form.product-form.art-product-form, #product-819211198 form.form.product-form.art-product-form, #product-1163730093 form.form.product-form.art-product-form, #product-529760433 form.form.product-form.art-product-form, #product-1244575419 form.form.product-form.art-product-form, #product-1209366665 form.form.product-form.art-product-form, #product-959564860 form.form.product-form.art-product-form
 {
    display: none;
}


.flex.whitespace-nowrap.gap-4.items-center {
    display: none;
}

form.form.product-form.art-product-form section.flex.p-2 {
    display: none;
}

.main-content.art-main-content {
    padding: 10px 20px;
    background: #6a608f;
    border: 1px solid #eeeeee14;
    border-radius: 10px;
}

.s-products-list .s-slider-swiper-wrapper .s-product-card-entry .s-product-card-image, .s-products-list .s-products-list-wrapper .s-product-card-entry .s-product-card-image, .s-products-slider-slider .s-slider-swiper-wrapper .s-product-card-entry .s-product-card-image, .s-products-slider-slider .s-products-list-wrapper .s-product-card-entry .s-product-card-image {
    border-radius: 10px !important;
    border: 4px solid #a8996e;
}

.art-features-slider .swiper-wrapper {
    gap: 10px;
}

.art-features-slider .swiper-wrapper .flex.flex-col {
    background: #594f7e;
    height: 200px;
    border-radius: 15px;
    width: 24.33% !important;
}


@media only screen and (max-width: 768px) {
  .art-features-slider .swiper-wrapper .flex.flex-col {
    background: #594f7e;
    height: 200px;
    border-radius: 15px;
    width:unset !important;
}
}

select#product-filter {
    color: #000;
}
.s-product-card-content-title a:hover {
    color: #ffffff;
    color: #ffffff;
}

.s-products-list .s-product-card-content-footer .s-button-btn, .s-products-slider-slider .s-product-card-content-footer .s-button-btn {
    width: 40px;
    transition: 0.3s;
    border-radius: 10px !important;
    background: #7d968d !important;
    color: #fff !important;
}

.aspect-square .bg-origin-content {
    background-origin: content-box;
    border-radius: 10px !important;
    border: 3px solid #a8996e;
}

.s-products-list .s-product-card-content-footer .s-button-btn:hover, .s-products-slider-slider .s-product-card-content-footer .s-button-btn:hover {
    background-color: #a8996e !important;
    color: #fff!important;
    opacity: 1 !important;
}

body.index .art-product-card-content-footer-text .s-button-btn {
    width: 100% !important;
    margin-top: 0px !important;
}


.content.content--single-page {
    background: #6a608f;
    border: 1px solid #eeeeee14;
    margin-bottom: 50px;
}

.main-content.art-main-content h1 {
    color: #a8996e;
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, 1);
    border-color: rgb(209 213 219 / 12%);
}

.art-main-content .art-single-btns .s-button-icon {
    background-color: transparent !important;
    border-radius: 0 !important;
    position: relative !important;
    z-index: 10 !important;
    border-color: #7d968d  !important;
    background-color: #7d968d  !important;
    border-radius: 5px !important;
}

.art-main-content .art-single-btns .s-button-icon:after {
    background-color: #a8996e !important;
    background-color: #a8996e !important;
}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    background-color: #7d968d !important;
    color: #fff !important;
}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center:hover {
    background-color: #a8996e !important;
    opacity: 1;
}