/* Add custom CSS styles below */
    /************ banner **************/
    
    
    /**    silder block ***/
section.s-block.s-block--photos-slider {
    margin-top: 0;
}
section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}
.home-slider.photos-slider .s-slider-block__title-nav {
    display:none !important;
}
/** End silder block ***/
section:nth-of-type(2){
margin:0px !important;
} 
.feature-icon i{
color:white !important;
}   
    
  @media (min-width: 992px){
       ul.main-menu.mm-spn--open {
    background: #5b4b34 !important;
}
}
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0px!important;
    max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top:0px;
    margin-bottom:10px;    
}

.product-index .main-menu li>a:hover , .product-single .main-menu li>a:hover{
    color:#e6efee;
}
section.s-block--banners .banner-entry{
    background-color:transparent !important;
    height: 500px;
}
section.s-block--banners .banner-entry .lazy__bg.loaded {
    background-size: contain  !important;
    background-repeat:no-repeat;
    background-position:center;
}
@media(max-width:992px){
    section.s-block--banners .grid{
        grid-template-columns:repeat(2,1fr) !important;
    }
    section.s-block--banners .banner-entry{
    background-color:transparent !important;
    height: 150px;
}
}

footer a[href*=instagram] {
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
border:none
}
footer a[href*=tiktok] {
   background: black;
    color:white;
border:none
}
footer a[href*=snapchat] {
    background:yellow;
    
  border:none
}

.s-social-link a[href*=snapchat] svg {
    fill:#000 !important; 
}
footer a[href*=youtube] {
    background:red;
border:none;
    color:white;
}
footer a[href*="https://twitter.com/kassaroperfumes?s=21&t=dPsT83LOpbBZR7BpZZn6UA"] {
    background:#000;
border:none;
    color:white;
}
/*body.index .banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}*/

body.index .main-menu-row {
    z-index:222;
    background-color:#f6e3d42b !important;
}
body.index .s-block--enhanced-features__item .feature-icon {
   background: #5b4b34;
    border-radius: 999999px;
    padding: 10px;
    height: 5rem;
    width: 5rem;
}
.s-block--enhanced-features.mini-features .s-block--enhanced-features__item p {
    display: none;
}
.product-card {box-shadow: rgb(0,0,0,0.3) 0px 1px 3px;}

.fit-slider-products .s-slider-swiper-wrapper .swiper-slide {
    padding-bottom: 7px;
    padding-top: 7px;
}

.product-card__image {
    background: white;
}

body.index footer.store-footer {
  /*  margin-top: 0;*/
}

.cart div#swiper-wrapper {
    display: none;
}

.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);
    }
}

.marketing-section {
    margin-top: 2rem;
    margin-bottom: 2rem;}
    
    
@media (max-width: 767px){

.grid-box div {
    width: 100% !important;
}

}

.cart .s-reviews-container:first-child 
    {
   display: none;
    }

/************ تصغير حجم اللوجو **************/
.logo {
    height: 50px;
    max-height: 143px;
    max-width: 300px;
}

/* Add custom CSS styles below */