/* Add custom CSS styles below */ 
/* Add custom CSS styles below */

body{

background-color:#fff !important;

}

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



section.s-block:nth-of-type(1){

margin-top: 0 !important;

}



salla-slider.photos-slider .swiper, salla-slider.photos-slider .swiper-slide{

margin-left: 0 !important;

margin-right: 0 !important;

width: 100% !important;

max-width: 100% !important;

padding: 0 !important;

}


.banner--fixed img{

border-radius: 0px !important;

}


.banner-entry {

height: 345px;

border-radius: 0px;

}


.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8{

gap: 0px;

}


i.header-btn__icon.sicon-user-circle, i.header-btn__icon.icon.sicon-shopping-bag, .top-navbar {

background-color: #cbacad;

color: #fff;

}


button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {

background-color: #cbacad;

color: #fff;

}


.s-product-card-vertical{

border: solid 0.1px #a71a2d69;

box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);

}


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

margin-bottom: 20px;

}


.s-block--features__item .feature-icon {

background-color: transparent;

height: 5rem;

width: 5rem;

}


i.sicon-store2 {

content: url(https://i.ibb.co/mvmchmY/22.png); width: 4rem;

}


i.sicon-shipping-fast {

content: url(https://i.ibb.co/1zfJTQg/11.png); width: 4rem;

}


i.sicon-fire {

content: url(https://i.ibb.co/chzS9Zk/33.png); width: 4rem;

}


section.s-block.s-block--features.container {

background-color: #e6cc9d;

margin: 4rem 0 0 0;

max-width: unset;

padding-inline: 25rem;

}


.s-block--features__item {

background: transparent;

}



.store-footer {

margin-top: 0;

}


footer.store-footer {

padding-top: 0;

background-color: #e4cb9f !important;

}


.store-footer__inner {

background: #cdaeaf !important;

color: white;

border-radius: 150px 150px 0 0;

padding-top: 11rem;

}


.s-block--features__item p {

color: black;

}



.store-footer__inner .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {

position: relative !important;

gap: 2rem;

}


.store-footer__inner .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6::before{

content: '';

position: absolute;

display: block;

top: -90px;

left: 50%;

transform: translate(-50%, -50%);

background-image: url(https://i.ibb.co/7KFfQ0n/1.png);

background-size: contain;

background-repeat: no-repeat;

height: 150px;

width: 150px;

}




@media (max-width: 768px){

section.s-block.s-block--features.container {

padding-inline: 0rem;

}


.store-footer__inner * {

text-align: center;

justify-content: center;

}


.banner-entry {

height: 230px;

border-radius: 10px;

}

.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8{

gap: 20px;

}

}




.marketing-section {

margin-top: 2rem;

margin-bottom: 2rem

}


@media(max-width: 992px) {

.grid-box div {

width:100%!important

}

}


.first-offer svg path:first-child {

animation-name: svg-1;

animation-duration: 1.5s;

animation-timing-function: ease-out;

animation-iteration-count: infinite;

transform-origin: bottom center

}


.first-offer svg path:last-child {

animation-name: svg-2;

animation-duration: 1.5s;

animation-timing-function: ease-out;

animation-iteration-count: infinite;

transform-origin: bottom;

fill: #fff

}


@keyframes svg-1 {

0% {

transform: scale(.7)

}


50% {

transform: scale(1)

}


100% {

transform: scale(.65)

}

}


@keyframes svg-2 {

0% {

transform: rotateY(60deg)

}


50% {

transform: rotateY(-60deg)

}


100% {

transform: rotateY(60deg)

}

}



/** copuncode */


.coupon-container {

border: 2px solid #d4b4b3;

width: 100% !important;!i;!;

text-align: center;

margin: 25px auto;

padding: 11px;

border-radius: 15px;

}

.coupon-header {

font-size: 22px;

font-weight: bolder;

color: #624241;

margin-bottom: 5px;

}

.coupon-subheader {

font-size: 21px;

color: #471339;

margin-bottom: 15px;

}


#couponCode {

width: 80%;

padding: 10px;

font-size: 16px;

text-align: center;

margin-bottom: 10px;

border: 1px solid #ccc;

border-radius: 4px;

}


#copyButton {

width: 80%;

padding: 10px;

font-size: 16px;

background-color: #28a745;

color: white;

border: none;

border-radius: 4px;

cursor: pointer;

}


#copyButton:hover {

background-color: #218838;

}