/* Add custom CSS styles below */ 
:root {
    --main-color:  #30458f;
    --second-color: #64a5d1;
   

}

header .top-navbar {
    background-color:var(--second-color) !important;
}

.main-nav-container i.header-btn__icon.sicon-user-circle,
.main-nav-container i.header-btn__icon.icon.sicon-shopping-bag{
    background-color: var(--main-color) !important;
    color:white;
    
}
i.sicon-menu.text-primary.text-2xl {
    color:#fff;
    border:1px solid var(--accent-color);
    width:40px !important;
    height:40px;
    padding:2px;
    overflow:hidden;
    position:relative;
    border-radius:50px;
    
}

.sicon-menu:before{
 left:50% !important;
    top:50% !important;
    position:absolute;
    transform:translate(-50% , -50%);
    
}

i.sicon-menu.text-primary.text-2xl {
    background-color:var(--main-color);
}



/**    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 ***/

custom-salla-product-card {
    border:1px solid var(--second-color);
    transition:0.5s !important;
        overflow: hidden;
}

 custom-salla-product-card:has(button.s-button-element.s-button-btn:hover){
box-shadow: 3px 3px 5px 4px #ddd !important;
border:1px solid   var(--main-color);
    
}
body.index custom-salla-product-card:has(button.s-button-element.s-button-btn:hover){
    transform:translateY(-10px);
box-shadow: 3px 3px 5px 4px #ddd !important;
border:1px solid   var(--main-color);
    
}
body.index salla-products-slider.s-products-slider-wrapper.hydrated .swiper.s-slider-container {
    padding:30px 0 !important;

}

button.s-button-element.s-button-btn {
    background-color:var(--second-color);
    color:#ffff;
    transition:0.4s;
        opacity:1;

    
}


button.s-button-element.s-button-btn:hover {
    background-color:var(--main-color) !important;
    color:#ffff;
    opacity:1;

    
}



body.index section.s-block.container .s-block__title {
    justify-content:center !important;
    align-items:center !important;
}

body.index section.s-block.container .s-block__title .right-side {
    display:flex;
    flex-direction:column;
    justify-content:center !important;
    text-align:center !important;
    gap:5px;
    padding-left:0;
}

body.index section.s-block.container .s-block__title .right-side p.child-title2 {
    margin-top:0;
    color:#000 !important;
    opacity:1;
    font-size:16px;
}

body.index section.s-block.container .s-block__title  h2 {
    width:fit-content;
    text-align:center;
    margin-inline:auto;
    background-color:#2C4491;
    color:#fff;
    font-size:1.5rem;
    padding:8px 16px;
    border-radius:14px;
}

body.index section.s-block.container .s-block__title .right-side  h3.child-title {
    font-size:18px;
}


footer.store-footer {
background-image:url(https://img.imgdd.com/8e9e4eda-a2f9-41af-a42c-89afccdfeb7f.png);
    background-position:center;
    background-size:cover;
    color:#fff !important;
}
footer.store-footer *{

    color:#fff !important;
}
.store-footer__inner {
    background-color:transparent !important;
}

@media(max-width:992px){
    body.index section.s-block.container .s-block__title .right-side p.child-title2 {
    font-size:15px;
}

body.index section.s-block.container .s-block__title  h2 {
    font-size:1.2rem;

}

body.index section.s-block.container .s-block__title .right-side  h3.child-title {
    font-size:14px;
    line-height:1.7;
}
  footer.store-footer *{
    justify-content:center;
    text-align:center;
    align-items:center;
}
}