/* Add custom CSS styles below */ 
:root{
  --main-text-color: #fff;
}
body{
  background-color: #01071B ;
}

/* start header */
header .inner.bg-inherit.w-full {
    background: #01071B;
}
.main-menu li.root-level>a,
.header-btn__icon{
    color: #fff !important;
}
.main-menu li>a {
        color: var(--color-primary);
}

/* start hero banner */
body.index section:first-of-type{
  margin-top: 0;
}
salla-slider.photos-slider .swiper-slide {
    margin: 0;
    padding: 0;
    width: 100%;
    border-radius: 0;
}
salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding: 0;
}
.s-slider-v-centered .s-slider-block__title-nav {
    display: none;
}

/* start fixed banner */
section.s-block.s-block--fixed-banner .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.banner--fixed img {
    background-color: unset !important;
}

/* start product-single page */
body.product-single form.form.product-form,
body.cart section.cart-item,
body.cart div.sticky .shadow-default.transition-height{
  border: 2px solid #fff;
  border-radius: 8px;
}
body.product-single form.form.product-form section,
.s-quantity-input-input{
  background-color: transparent;
}
body.product-single .form-label,
body.product-single #main-content h1,
.text-gray-500,
.text-gray-900{
    color: #fff !important;
}
select#product-filter {
    color: #000;
}
.s-breadcrumb-arrow svg,
.s-slider-nav-arrow svg{
    fill: #fff !important;
}
/* start reviews */
.s-reviews-testimonial {
    background: transparent;
    border: 2px solid #040d2a;
}
.s-block--testimonials .s-slider-block__title-nav button{
  background: #061543;
  box-shadow: none;
}
/* start blog */
body.page-single .content.content--single-page {
    color: #000;
}

/* start footer */
.footer-is-light .store-footer .store-footer__inner {
 background-color: #050E2A;
 color: #fff;
 border: none;
}
.footer-is-light .store-footer {
  background-color: #050E2A;
  margin-top: 6rem;
  position: relative
}
footer.store-footer::before {
    content: "";
    background-image: url(https://i.ibb.co/6JqgHP8V/Group-7.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    transform: translateY(-100%);
}
@media(max-width:767px){  
.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 * {
    text-align: center;
    justify-content: center;
}
}