/* Add custom CSS styles below */ 
:root {
    --main-color: #70e4ec;
}
   
.s-advertisement {
    position:fixed;
    width:100%;
    background-color:white !important;
    z-index:99999999999;
}

.s-advertisement button.s-advertisement-action {
display:none;
}


.main-nav-container.fixed-header .inner {
    margin-top:40px
}

header.store-header {
        margin-top:40px;
}

/**nav**/
.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;
    
}



.product-single swiper-wrapper s-slider-swiper-wrapper{
    padding-block:  20px !important;
}



@media (min-width: 992px) {


    body.index header.store-header {
        position: absolute!important;
        z-index: 9!important;
        top: 0!important;
        right: 0!important;
        left: 0!important
    }

    .top-navbar {
        border-bottom: 1px solid #fff;
        /* padding-bottom: 1.5rem; */
    }

    body.index .main-nav-container.shadow-default.bg-white {
        background-color: transparent!important;
        box-shadow: none
    }

    body.index .main-nav-container.shadow-default.bg-white.fixed-pinned {
        background-color: #fff!important
    }

    body.index .main-nav-container.shadow-default.bg-white ul li a span,body.index .top-navbar,body.index div#mainnav i.header-btn_icon.icon.sicon-shopping-bag,body.index div#mainnav i.header-btn_icon.sicon-user-circle {
        color: #fff
    }

    body.index .main-nav-container.shadow-default.bg-white.fixed-pinned i.header-btn_icon.icon.sicon-shopping-bag,body.index .main-nav-container.shadow-default.bg-white.fixed-pinned i.header-btn_icon.sicon-user-circle {
        color: #202b47!important
    }

    body.index .main-nav-container.shadow-default.bg-white.fixed-pinned ul li a span {
        color: var(--main-color)
    }
}
.top-navbar {
    background-color:var(--main-color) !important;
    color:#000 !important;
}




body.index{
    background-color:#e3e3e3 !important;
}


/**    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 ***/
/** banners blocks ***/
section#IRT__photos-slider-0
{
    margin-bottom: 0 !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}
.banner--fixed img {
    border-radius: 0 !important;
}
/** End banners ***/

/** products slider ***/



custom-salla-product-card {
    border:1px solid var(--main-color);
    transition:0.5s !important;
        overflow: hidden;
}
custom-salla-product-card:hover{
    
box-shadow: 3px 3px 5px 4px #ddd !important;
border:1px solid   #09a4b7;
    
}
body.index salla-products-slider.s-products-slider-wrapper.hydrated .swiper.s-slider-container {
    padding:70px 0 60px  0 !important;

}
.product-index salla-products-list.flex-1,
 .product-index-offers  salla-products-list.flex-1
 {
    padding-top: 30px !important;
    padding-inline: 15px !important;
}


.s-products-slider-slider  .s-slider-block__title button {
    background-color:var(--main-color);
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background-color:var(--main-color);
    color:#ffff;
}
/** products slider ***/


section.water-blog-section {
    background:#e3e3e3 !important ;
    padding-inline:0 !important;
    
}


section.water-blog-section .container {
    max-width:unset;
    padding-inline:0;
} 


section.water-blog-section .container .blog-card {
        border-radius:0 !important;

} 



section.water-blog-section .container .blog-card .image-section {
        height: 50% !important;
    width:90%;

}

section.water-blog-section .container .blog-card .image-section img {
         width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0px 20px 20px 0px
}


section.water-blog-section {
    background:#e3e3e3 !important ;
    padding-inline:0 !important;
    
}


section.water-blog-section .container {
    max-width:unset;
    padding-inline:0;
} 


section.water-blog-section .container .blog-card {
        border-radius:0 !important;

} 



section.water-blog-section .container .blog-card .image-section {
        height: 50% !important;
    width:90%;

}

section.water-blog-section .container .blog-card .image-section img {
         width: 100% !important;
    height: 100% !important ;
    object-fit: contain !important;
    border-radius: 20px 20px 20px 20px !important; 
}


section.image-section {
    padding: 0 0 0  0 !important ;
    margin-top:2rem;
}

section.image-section .container {
    max-width:unset !important;
    padding:0;
        border-radius:0 !important;
    

}
section.image-section .container .image-container{
        border-radius:0 !important;

}


section.image-section .container img {
    border-radius:0 !important;
}

body.index footer.store-footer {
    margin-top: -8px;
}


footer.store-footer .store-footer__inner {
    background-image:url('https://img.imgdd.com/c0281e9c-08cb-480b-893e-fdc977d752a4.webp');
    background-position:center;
    background-repeat:no-repeat ;
    background-size:cover;
    
}

.s-block--features__item {
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none !important;
}
@media(min-width: 1024px) {
.s-block--features__item:not(:last-child){
    position: relative;
}
.s-block--features__item:not(:last-child):before {
    position: absolute;
    content: '';
    width: 3px;
    height: 60px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
}

.s-block--features__item .feature-icon {
    height: 7rem;
    width: 7rem;
    background: #e3e3e3;
}

.s-block--features__item .feature-icon i:before {
    content: '';
    width: 70px;
    height: 70px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}

body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(1) > div > i:before{
    background-image:url('https://img.imgdd.com/1210d578-b22f-40d7-b84b-9f55098d6ec2.png');
}


body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(2) > div > i:before{
    background-image:url('https://img.imgdd.com/eb9f1bf4-6587-47bd-8963-6084dffa6861.png');
}
body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(3) > div > i:before{
    background-image:url('https://img.imgdd.com/593bd013-df05-444c-ab2a-9bbb99dad18f.png');
}
.s-block--features__item h2 {
    font-size: 18px!important;
    line-height: 1.7rem!important;
    color: #000
}

.s-block--features__item p {
display:none;
}

.s-block--features__item h2{
    color:var(--second-color);
}

.s-block--features__item {
        background: #e3e3e3;
    border-radius:12px;
}



body.index > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(4) > div > i::before {
     background-image:url('https://img.imgdd.com/d69f0cdc-f5c1-4fb8-bbe6-d23a301df7a5.png');
}

[title="snapchat"]{
  background-color: #FFFC00 !important;
  color: black !important;
}

[title="tiktok"]{
  background-color: black !important;
  color: white !important;
}


[title="twitter"]{
    background-color: black !important;
    color: white !important;
}
[title="instagram"]{
    background: linear-gradient(
    to right,
    #833ab4,#fd1d1d,#fcb045
  ) !important;
  color: wheat !important;
}                                                                                                                                                                                                  [title="snapchat"]{
  background-color: #FFFC00 !important;
  color: black !important;
}

[title="tiktok"]{
  background-color: black !important;
  color: white !important;
}
footer .md\:flex.items-center.justify-between.py-4.container.text-center *{
    color:#fff !important;
}

[title="twitter"]{
    background-color: black !important;
    color: white !important;
}
[title="instagram"]{
    background: linear-gradient(
    to right,
    #833ab4,#fd1d1d,#fcb045
  ) !important;
  color: wheat !important;
}


 div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a {
  justify-content:center;
 }



@media(max-width:992px){
    section.water-blog-section .container .blog-card .image-section{
        padding:0 !important;
       
    }

    
section.water-blog-section .container .blog-card .image-section {
        height: 50% !important;
    width:80%;
    margin:0 auto;

}
section.water-blog-section .container .blog-card {
    padding-top: 2rem;
}
section.water-blog-section .content {
    text-align: center;
}

footer * {
    justify-content:center;
    align-items:center;
    text-align:center;
    
}
}


/***card****/


custom-salla-product-card {
    overflow:visible !important;
    z-index:555;
    
}


custom-salla-product-card button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
 bottom: -50px;
    position:absolute;
    width: 100px;
    border-radius: 50%;
    height: 100px;
    font-size: 13px;
    padding:0;
    left:50%;
    transform:translateX(-50%);

    
}

.s-product-card-content {
    height:150px;

}



b.s-cart-summary-total {
    background-color: #fff;
    padding: 2PX 4PX;
    border-radius:12px;
    }

div#swiper-wrapper-919caf51f54dbcf7,div#swiper-wrapper-16279110374685316 {
    padding-block:50px;
}


/* .product-single  div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > salla-product-options {
  display:none;
 } */

salla-products-slider.s-products-slider-wrapper.hydrated {
    overflow:visible !important;
}

.whatsapp-button {
    bottom: 120px !important;
}
@media(max-width:992px){
    custom-salla-product-card {
    overflow:visible !important;
}

custom-salla-product-card button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    bottom:-55px;
    width:100px;
    border-radius:50%;
    height:100px;
    font-size:10px;
    padding:0;
}

.s-product-card-content {
    height:150px;
    display:flex;
    justify-content:center;
    align-items:center;
}

/* .product-single  div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 > form > salla-product-options {
    display:none;
} */
    .product-index  custom-salla-product-card button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
        bottom: -60px;
        width: 90px;
        border-radius: 50%;
        height: 90px;
        font-size: 10px;
        padding: 0;
    }
      .product-single  .s-products-slider-slider  .swiper-wrapper.s-slider-swiper-wrapper{
        padding-bottom:60px !important;
    }
}

 body.index custom-salla-product-card#\31 267975343 .s-product-card-image {
   overflow:visible;
  
 }
 body.index custom-salla-product-card#\31 267975343 .s-product-card-image img {
  top: -60px;
  height:130%;
  position:relative; 
  transition:0.5s;
  
  }
 body.index custom-salla-product-card#\31 267975343:hover .s-product-card-image img {
  top: -75px;
 
  }
body.index custom-salla-product-card#\31 267975343{
 height:350px !important;
}
@media(min-width:992px){
.swiper-wrapper.s-slider-swiper-wrapper {
    padding-block:60px !important;
}
}
.s-product-card-image:hover {
    opacity: 1;
}


#custom-product-features > div.payments-section.payment-methods-added > salla-payments > ul:nth-child(1) {
    display:none
}

.khpaya-social-grid {
    margin-bottom:10px
}