body{
  background-color: #fffbf7 !important;
}
.angel-ad__item a {
        color:#460703  !important;

}

#mainnav > div > div > div > div.flex.items-center.justify-end.w-1\/3 > salla-cart-summary > a > span{color: #912535 !important;
}

.header-inner.inner.bg-white.da-bgm * {
    color:#eeb975 !important;}
.header-inner.inner.bg-white.da-bgm {                             background:#8d1b2b  !important;
    padding: 8px 20px;
    border-radius: 0 0 54px 54px;}


.store-header.z-3 .shadow-none:not(.fixed-pinned) .inner{background:#40211259 !important;}

.s-cart-summary-count {
    background:#e8b070;
}
img.logo-light {
    height: 3.5rem !important;
}

@media (max-width: 767px) {
.header-inner.inner.bg-white.da-bgm { 
    background:#4f0f05  !important;
    padding: 0px;
    border-radius: 0 0 20px 20px;}


img.logo-light {
    height: 2.5rem !important;
}}




/************** banners ******************/
 
section.s-block.s-block--photos-slider{
  border-radius:0px;}
.s-block--fixed-banner .container{
max-width:100% !important;
margin-right:0px !important;
margin-left:0px !important;
padding-right:0px !important;
padding-left:0px !important;
}
.banner--fixed img {
border-radius: 0rem !important;
 background-color: transparent;

}
/* catagries */
img.w-full.object-contain.lazy.object-cover.aspect-square.loaded {
    object-fit: contain !important;
     height: 243px !important;
}
.s-slider-v-centered .s-slider-block__title-nav button path
{
    fill:#edb874 !important ;
}


/* features */
section.s-block.s-block--features.angel-features.bg-gray-100.da-bgg.py-8.mask-block  h4 {
    color: #3f0702;
}
section.s-block.s-block--features.angel-features.bg-gray-100.da-bgg.py-8.mask-block  p {
    color: #b2864e;
}

@media (max-width: 767px) {
#app > div.app-inner> section.s-block.s-block--banners.container > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
    .banner-entry {
    height: 74px;
}}

.s-slider-block__title-right h2{
    position: relative;

}

.s-slider-block__title-right h2::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -5px;  
    width: 50%; 
    height: 2px;
    background-color: #8d2b1b;
    border-radius: 3px;
    transition: width 0.5s ease-out; 
}

.s-slider-block__title-right:hover h2::after {
    width: 100%;  
}












/********* products **********/
/* From Uiverse.io by adamgiebl */ 
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
  color: white;
  background: #8d1b2b;;
  transition: ease-out 0.5s;
  border: 2px solid #8d1b2b;;
  border-radius: 10px;
  box-shadow: inset 0 0 0 0 #ffffff;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
  color: #8d1b2b !important;
  box-shadow: inset 0 -100px 0 0 #ffffff;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:active {
  transform: scale(0.9);
}
.s-products-slider-card.swiper-slide {
    transition: transform 0.3s ease ;  
}

.s-products-slider-card.swiper-slide:hover {

    transform: translateY(-7px);  
}

.s-products-slider-card.swiper-slide {
    padding-top: 20px;
}


/************ footer ************/
 footer > div{
border-radius: 80px 80px 0 0 !important;
}


@media (max-width: 767px) {
 footer > div{
border-radius: 30px 30px 0 0 !important;
}

}



.store-footer a:hover * ,a.block.mb-5.last\:mb-0.text-sm.leading-none.da-tm.hover\:text-primary{
    color: #fff !important;
}
.store-footer a:hover * ,a.block.mb-5.last\:mb-0.text-sm.leading-none.da-tm.hover\:text-primary:hover{
    color: #edb874 !important;
  
}

footer.store-footer {
    padding-top: 50px;
color:  #fff !important;}

.footer-middle h3 {
    color:  #fff !important;
}

footer-top.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr > div.footer-social.flex.flex-col > div > h3   {color:  #fff !important;
}















.banner_{
    background-color: #ebb876;
    text-align:center;
    padding-block:16px;
    
}
.banner-content {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.text-animation {
    display: inline-block;
    margin-left: 20px;
    animation: moveRight 8s linear infinite alternate;
    color: white;
    display:flex;

}
.Group_animated {
    margin-inline: 100px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.Group_animated span {
    font-size: 20px;
    color:black;
}

@keyframes moveRight {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(50%);
  }
}