.slide--cat-entry i {
    margin-bottom: 1rem;
    height: 7rem !important;
    width: 7rem !important;
    border-radius: unset !important;
   
}
body#app {
    overflow-x: hidden;
}
:root {
   
    --color-primary: #a67649;
    --color-primary-dark: #88b2ba;
    --color-primary-light: #d4feff;
    --color-primary-reverse: #2f5961;
}
.main-nav-container .inner,.main-nav-container.fixed-header .inner,.top-nav {
    background: #fff;
           position: relative;

}

/*****************banners*************/
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
    position: relative;
}
section.s-block.s-block--fixed-banner.wide-placeholder .container {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
}

section.s-block.s-block--fixed-banner.wide-placeholder:after {
    content: "";
    width: 100%;
    height: 20px;
    background: url(https://i.ibb.co/P1ZBCS0/triangles.png);
    position: absolute;

    left: 0px;
    transform: translateY(99%);
    animation: marqueear 26s linear infinite;
 background-repeat: repeat-x;

}
a.side-slide.lazy-background.loaded {
    background-size: cover;
    background-color: transparent !important;
}

@keyframes marqueear {
  0% { transform: translatex(-100%); }
  100% { transform: translatex(100%); }
}
.s-block--default-home-slider .swiper {
    background-color: transparent;
}





/**********products ***********/
.product-entry--horizontal {
    border: 1px solid #e1e1e1;
    box-shadow: 0px 1px 5px 0px #767676;
}

@media (min-width: 768px){
.product-entry--horizontal {
    flex-direction: row;
    height: 75%;
border: 1px solid #f1f1f1;
    box-shadow: 0px 0px 4px 0px #5e5a5a;
}}
@media (min-width: 768px){
salla-slider .slide--one-half {
    width: 35%;
    padding-left: 1rem;
    padding-right: 1rem;
}}
img.h-full.w-full.transition-opacity.hover\:opacity-90.object-cover.lazy-load.loaded {
    object-fit: cover;
    object-position: top;
}

.swiper-slide.slide--one-half {
    padding: 10px;
}
@media (max-width: 768px){
   .s-block--slider-with-bg .slider-bg {
    background-size: 145%;
    background-position: top;

}}

.s-block--slider-with-bg .product-entry {
    border: 1px solid #ffffff;
    box-shadow: 0px 0px 3px 0px #6c6c6c;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
    padding: 3px 0px;
}
.s-block--slider-with-bg {
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgba(249,250,251,var(--tw-bg-opacity));
    padding-bottom: 0rem;
}

/*****************banners*************/
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 0;
}

section.s-block.s-block--fixed-banner.wide-placeholder .container {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
    padding: 0px;
}


a.side-slide.lazy-background.loaded {
    background-size: cover;
    background-color: transparent !important;
}

@keyframes marqueear {
  0% { transform: translatex(-100%); }
  100% { transform: translatex(100%); }
}
.s-block--default-home-slider .swiper {
    background-color: transparent;
}





/**********products ***********/
.product-entry--horizontal {
    border: 1px solid #e1e1e1;
    box-shadow: 0px 1px 5px 0px #767676;
}

@media (min-width: 768px){
.product-entry--horizontal {
    flex-direction: row;
    height: 75%;
border: 1px solid #f1f1f1;
    box-shadow: 0px 0px 4px 0px #5e5a5a;
}}
@media (min-width: 768px){
salla-slider .slide--one-half {
    width: 35%;
    padding-left: 1rem;
    padding-right: 1rem;
}}
img.h-full.w-full.transition-opacity.hover\:opacity-90.object-cover.lazy-load.loaded {
    object-fit: cover;
    object-position: top;
}

.swiper-slide.slide--one-half {
    padding: 10px;
    width: 57%;
}


button.btn--wishlist.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    background: #ab8058;
    color: #000;
}

.s-block--slider-with-bg .product-entry {
    border: 1px solid #ffffff;
    box-shadow: 0px 0px 3px 0px #6c6c6c;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
    padding: 3px 0px;
}
.s-block--slider-with-bg {
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgba(249,250,251,var(--tw-bg-opacity));
    padding-bottom: 0rem;
}

/******************triangles*********/
.s-button-primary-outline:hover {
    color: #fff;
    background: black !important;
}

a.slide--cat-entry:hover {
    background: #040404;
}
a.slide--cat-entry:hover.slide--cat-entry h4 {
    color: #fff !important;
}
#swiper-wrapper-5ac566d845877067 > div.swiper-slide.slide--one-sixth.swiper-slide-next > a {
    background: #000 !important;
}
#swiper-wrapper-5ac566d845877067 > div.swiper-slide.slide--one-sixth.swiper-slide-next > a > h4 {
    color: #fff !important;
}

.swiper-slide.slide--one-sixth[aria-label="2 / 4"] a {
    background: #000;
}
.swiper-slide.slide--one-sixth[aria-label="2 / 4"] a h4 {
    color: #fff;
}

.swiper-slide.slide--one-sixth[aria-label="4 / 4"] a {
    background: #000;
}
.swiper-slide.slide--one-sixth[aria-label="4 / 4"] a h4 {
    color: #fff;
}


.swiper-slide.slide--one-sixth[aria-label="2 / 4"] a:hover h4 {
    color: black !important;
}

.swiper-slide.slide--one-sixth[aria-label="2 / 4"] a:hover {
    background: white;
}


.swiper-slide.slide--one-sixth[aria-label="4 / 4"] a:hover h4 {
    color: black !important;
}

.swiper-slide.slide--one-sixth[aria-label="4 / 4"] a:hover {
    background: white;
}

a.slide--cat-entry {
    border: 1px solid #bfbfbf;
    box-shadow: 0px 0px 4px 0px #726f6f;
}


/*********foooooter **********/
.store-footer__top.pb-4.lg\:pb-10.pt-10.lg\:pt-22.space-y-8.divide-y.divide-dashed.divide-white\/10 {
    background: #000;
    position: relative;
}
.store-footer__top.pb-4.lg\:pb-10.pt-10.lg\:pt-22.space-y-8.divide-y.divide-dashed.divide-white\/10:before{

  content: "";
    width: 100%;
    height: 20px;
    background: url(https://i.ibb.co/P1ZBCS0/triangles.png);
    position: absolute;
    top:0;
    left: 0px;

    animation: marqueear 26s linear infinite;
 background-repeat: repeat-x;


}
.col-span-3.lg\:col-span-2, .col-span-6.lg\:col-span-3.flex.flex-col.flex-1.items-center.text-center.lg\:text-start.lg\:items-start.space-y-6, .col-span-3.lg\:col-span-1 {
    color: #fff !important;
}
.root-level {
    background: linear-gradient(105deg, white, #b18356);
}