/* Add custom CSS styles below */ 



:root {
    --color-primary1: #024e80;
    --color-primary: #677280;
    --color-primary-dark: #0f71b2;
    --color-primary-light: #024e80;
    --color-primary-reverse: #ffffff;
    --dark-bg-main: #292929;
    --dark-text-main: #0f71b2;
    --dark-text-sec: #a9a9a9;
    --dark-grey: #3d3d3d;
    --text-btn: #ffffff;
    --bg-color: #ffffff;
    --header-bg: #0f71b2;
    --menu-bg: #c6e8ff;
    --footer-bg: #1a5884;
    
    
    
    
    --color-primary: #0e6faf;
    --color-primary-dark: #e6f1ff;
    --color-primary-light: #e6f1ff;
    --color-primary-reverse: #677280;
    --color-text: #ffffff;
    --border-radius-upto-5: 5px;
    --store-color: #096099;
    
    
}



style attribute {
    --color-primary: #0e6faf;
    --color-primary-dark: #e6f1ff;
    --color-primary-light: #e6f1ff;
    --color-primary-reverse: #677280;
    --color-text: #ffffff;
    --border-radius-upto-5: 5px;
    --store-color: #096099;
}


.product-entry__sub-title, .s-product-card-content-subtitle {
color: #ef4444 !important;
}

.text-primary {
    color: #096099 !important;
}


body {
    color: #0f71b2;
    
    background-color: #e1f0ff !important;
}

.app-inner {
    overflow-x: hidden;
    margin-right: auto;
    margin-left: auto;
    background-color: #ffffff !important;
}

.main-nav-container.fixed-pinned .inner {
    margin-right: auto;
    margin-left: auto;
    opacity: .95;
          background-color: #0e6faf !important;

}

.header-inner {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
      margin-left:0px; 
  margin-right:0px; 
  
      background-color: #0e6faf !important;

  
}


/* Apply only to the first section */
section:first-of-type {
  margin-top: 10px !important;
  margin-left:5px; 
  margin-right:5px; 
}

.s-product-card-entry, custom-salla-product-card {
    border-color: rgb(223 223 223);
    border-top-right-radius: 35px !important;
    border-top-left-radius: 35px !important;
    background-color: #ffffff !important;
}




#squares-2 > div > div > div > div > h3 {
display:none;
}

#squares-4 > div > div > div > div > h3 {
display:none;
}

section > .container {
    padding-right: 0 !important;
    padding-left: 0 !important;

}




@media (max-width: 767px) {
    .angel-products-1 .s-products-slider-card.swiper-slide, 
    .angel-products-2 .s-products-slider-card.swiper-slide, 
        .angel-products-3 .s-products-slider-card.swiper-slide, 
            .angel-products-4 .s-products-slider-card.swiper-slide, 
                .angel-products-5 .s-products-slider-card.swiper-slide, 
                    .angel-products-6 .s-products-slider-card.swiper-slide, 
                        .angel-products-7 .s-products-slider-card.swiper-slide, 
                            .angel-products-8 .s-products-slider-card.swiper-slide, 
                                .angel-products-9 .s-products-slider-card.swiper-slide, 
                                    .angel-products-10 .s-products-slider-card.swiper-slide, 
       .angel-products-11 .s-products-slider-card.swiper-slide                                    
    
     {
        width: 55%;
        max-width: unset;
    }
       
}

.store-footer, .store-footer i, .header-container i, .store-footer a, .mburger p, .s-cart-summary-total, .copyrights p {
    color: #ffffff !important;
}


@media (min-width: 768px) {
    .s-products-list-wrapper {
        FONT-VARIANT: JIS04;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.5rem;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

.angel-products-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}