/* Add custom CSS styles below */
html,
body {
 
    overflow-x: hidden !important;
}


.navbar-brand img {
    max-height: 5rem;
}

:root {
    --main-color: #FF6A13;
    --white-color: white;
    --black-color: black;
}

/*  scrollbar  */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0A1626;
}

::-webkit-scrollbar-thumb {
    background-color: var(--main-color);
    ;
}

salla-trust-badges.s-trust-badges-wrapper.hydrated * {
    display: none !important;
}

body {
    background-color: var(--white-color);
}

#main-content>section:nth-child(1) {
    margin-top: 0;
}

.main-nav-container.fixed-header .inner {
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 0 0 20px 20px;
}

.main-nav-container.fixed-pinned .main-menu>li>a {
    padding-bottom: 20px;
    padding-top: 30px;
}
.sub-menu{
    background: #0a1626 !important;
}
.top-navbar {
    background-color: #0F1E33 !important;
    color: var(--white-color) !important;
}

.bg-inherit {
    background: #0A1626
}


button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock,
button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
  display: none;
}

[dir="rtl"]
  section.s-block.s-block--photos-slider
  salla-slider.photos-slider
  .swiper {
  padding: 0 !important;
}


.bg-inherit * {
    color: var(--white-color) !important;
}

.s-cart-summary-count {
    color: var(--white-color) !important;
}

.top-navbar .s-search-input {
    background-color: var(--white-color) !important;
}

.main-menu li.root-level>a:hover {
    transform: translateY(-3px);
}

.s-user-menu-login-btn svg {
    fill: var(--white-color) !important;
}

i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag,
i.sicon-menu,
.s-user-menu-login-btn {
    background: var(--main-color) !important;
    color: var(--white-color) !important;
    box-shadow: rgb(100 100 111 / 0.2) 0 7px 29px 0;
    transition: 0.3s;
}

i.sicon-menu {
    padding: 8px;
    border-radius: 50%;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 65px;
}

i.header-btn__icon.sicon-user-circle:hover,
i.header-btn__icon.icon.sicon-shopping-bag:hover {
    background: var(--white-color) !important;
    color: var(--main-color) !important;
    box-shadow: rgb(100 100 111 / 0.2) 0 7px 29px 0;
    transform: translateY(-3px);
    transition: 0.3s;
}

#main-content>section:nth-child(2) {
    margin-top: 0 !important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    padding: 0 !important;
    margin-top: 0px !important;
    width: 100% !important;
    border-radius: 0 !important;
}


.s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
}



img.w-full {
    border-radius: 0;
}



.banner--fixed img {
    border-radius: 0;
    background-color: #fff0;
}









.banner-entry {
    background: #fff;
}

.s-block__title {
    justify-content: center;
}



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

a[href*="tiktok"] {
    background: #000;
    color: #fff;
    border: none;
}

a[href*="snapchat"] {
    background: #ff0;
    border: none;
}

.s-social-link a[href*="snapchat"] svg {
    fill: #000 !important;
}

a[href*="youtube"] {
    background: red;
    border: none;
    color: #fff;
}

footer a[href*="x"] {
    background: #000;
    border: none;
    color: #fff;
}

.store-footer {
    background: var(--white-color) !important;
}

.store-footer__inner {
    background: #0F1E33 !important;
    color: var(--white-color) !important;
}

.copyright-text p {
    color: var(--main-color) !important;
}

@media (max-width: 767px) {
    #main-content>section:nth-child(2) {
        margin-top: 0;
    }

    .right-side h2 {
        font-size: 24px;
        padding: 0 10px;
    }

    .main-nav-container {
        min-height: 63px;
    }

    .store-footer__inner * {
        justify-content: center;
        text-align: center;
    }
}

#mainnav .sicon-menu {
    width: 2.5rem;
}

.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
}