/* Add custom CSS styles below */
section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
    margin:0px !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type .container{
    padding:0px !important;
    max-width: 100% !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type .container a img{
    border-radius: 0px !important;
}


.navbar-brand img {
    max-height: 3rem;
    width: auto;
    height: auto;
    max-width: 100px;
}

.top-navbar {
    display: flex !important;
    min-height: 48px !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
     --tw-bg-opacity: 1;
    background-color: rgba(24, 40, 87, 1) !important;
    background-color: rgba(24, 40, 87, var(--tw-bg-        opacity)) !important;
     --tw-text-opacity: 1 !important;
    color: rgba(209, 213, 219, 1) !important;
    color: rgba(209, 213, 219, var(--tw-text-opacity)) !important;
}

@media (min-width: 1024px) {
    .top-navbar {
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
         --tw-bg-opacity: 1;
    background-color: rgba(24, 40, 87, 1) !important;
    background-color: rgba(24, 40, 87, var(--tw-bg-        opacity)) !important;
     --tw-text-opacity: 1 !important;
    color: rgba(209, 213, 219, 1) !important;
    color: rgba(209, 213, 219, var(--tw-text-opacity)) !important;
    }
}

.topnav-is-dark .top-navbar {
    --tw-bg-opacity: 1;
    background-color: rgba(24, 40, 87, 1) !important;
    background-color: rgba(24, 40, 87, var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1;
    color: rgba(209, 213, 219, 1 !important);
    color: rgba(209, 213, 219, var(--tw-text-opacity))!important;
}
.sicon-menu:before {
   display : none !important;
}

.banner-entry {
    width: 60% !important;
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
}

@media (max-width: 768px) {
    .store-footer__inner {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      text-align: center !important;
    }
     .container a {
        display: flex; 
        justify-content: center !important;
        align-items: center !important;                
        margin: 0 auto !important;                           
    }
    .flex {
        justify-content: center !important;
        text-align: center !important;
    }

    .flex > div {
        margin: 0 auto !important;
    }
    
    .s-social-list {
        justify-content: center !important;
    }

    .s-social-link {
        margin: 0 10px !important;
    }
}

img[src="https://cdn.salla.sa/form-builder/KHrTkhsuh1wIEwAAcKOeynR5rOwFYVja3UunG29Y.gif"] {
    width: 800px !important;
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
}

img[src="https://cdn.salla.sa/form-builder/B8NCvn26VBZaYSLI1kaEbBJhoodNIs88Uf5llkNm.gif"]{
    width: 800px !important; 
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
}

.sicon-facebook2{
    color:#000345!important;
}

.sicon-youtube2{
    color:red!important;
}

.sicon-twitter{
    color:black!important;
}

.sicon-snapchat{
    color:#FDDA0D!important;
    
}

.sicon-tiktok{
    color:black!important;
}

.sicon-instagram2{
    color:#E1306C!important;
}

.store-footer__inner {
    border-bottom-width: 1px !important;
    border-style: dashed !important;
    border-bottom-color: rgba(255, 255, 255, 0.1)!important; 
    --tw-bg-opacity: 1 !important;
    background-color: rgba(24, 40, 87, 1)!important;
    background-color: rgba(24, 40, 87, var(--tw-bg-opacity))!important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.s-product-card-promotion-title {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 255, 0, 1) !important;
    background-color: rgba(255, 255, 0, var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(0, 0, 0, 1) !important;
    color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
}

element.style {
    align-content: center !important;
    height: 64px !important;
}

#mainnav .container{
    min-height: 84px !important;
    align-items: center !important;
    align-content: center !important;
}

.store-footer {
    position: relative !important;
    margin-top: 2rem !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgba(224, 224, 224, 1) !important;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, 1) !important;
    color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
}
    
.copyright-text p {
    --tw-text-opacity: 1 !important;
    color: rgba(255, 255, 255, 1) !important;
    color: rgba(0, 0, 0, var(--tw-text-opacity)) !important;
}