/* Add custom CSS styles below */ 
@media only screen and (min-width: 1024px) {
    .main-menu li.root-level > a {
        padding-bottom: 1rem;
    }
  .main-nav-container.fixed-pinned .main-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
}

@media (max-width: 600px) {
.marquee .text-\[18px\] {
    font-size: 15px;
}
.index .navbar-brand img:not(.fixed-header img) {
    max-width: 70px;
}
.index  .fixed-header .navbar-brand img {
    width: 70px  !important;
}
.index .search-btn svg {
    width: 15px !important;
    height: 15px !important;
}
.index  .search-btn {
    padding: 7px;
    margin-right: 0px;
}
.lang-icone {
    font-size: 15px;
    padding: 7px;
}
}

/*titles*/
.image-title .title-heade {
    background: none !important;
}

/*fixed banner*/
section:nth-child( 1 of .landing-page-first-banner) .txt.w-full {
    padding-bottom: 1rem;
    justify-content: flex-end !important ;
}
@media (max-width: 767px) {
section.landing-page-first-banner button.w-\[200px\] {
    width: 150px;
    height: 45px;
    margin-top: 0.5rem;
}
h1.animate__animated {
    width: 100% !important;
    font-size: 22px !important;
    line-height: 2.3rem;
    text-align: center !important;
}
.landing-page-first-banner * {
    text-align: center;
    text-align-last: center;
    align-self: center;
}}

/*slider + bg*/
.s-block--slider-with-bg {
    background-color: rgb(235 217 196) !important;
}
.s-block--slider-with-bg .slider-bg:before {
    opacity: 0;
}
section:nth-child( 1 of .s-block--slider-with-bg ) h3, section:nth-child( 1 of .s-block--slider-with-bg ) p {
    justify-self: flex-start;
}
section:nth-child( 1 of .s-block--slider-with-bg ) p {
    margin-right: 15% !important;
}
section:nth-child( 2 of .s-block--slider-with-bg ) .container.relative.pt-8.sm\:pt-20 h3 {
    width: 65% !important;;
    justify-self: center;
}
section:nth-child( 3 of .s-block--slider-with-bg ) .container.relative.pt-8.sm\:pt-20 h3 {
    width: 40% !important;;
    justify-self: center;
}
section:nth-child( 4 of .s-block--slider-with-bg ) .container.relative.pt-8.sm\:pt-20 h3, section:nth-child( 4 of .s-block--slider-with-bg ) .container.relative.pt-8.sm\:pt-20 p {
    justify-self: flex-end;
}
section:nth-child( 4 of .s-block--slider-with-bg ) .container.relative.pt-8.sm\:pt-20 p {
    margin-left: 0% !important;
}
section:nth-child( 4 of .s-block--slider-with-bg ) .container.relative.pt-8.sm\:pt-20 h3 {
    margin-left: 15% !important;
}
@media (min-width: 767px) {
.s-block--slider-with-bg .container.relative.pt-8.sm\:pt-20 h3, .s-block--slider-with-bg .container.relative.pt-8.sm\:pt-20 p {
    font-size: 30px !important;
    line-height: 55px !important;
}}
@media (min-width: 1200px) {
.s-block--slider-with-bg .container.relative.pt-8.sm\:pt-20 h3, .s-block--slider-with-bg .container.relative.pt-8.sm\:pt-20 p {
    font-size: 50px !important;
    line-height: 75px !important;
}}


/*products*/
.like-product .s-product-card-content-title {
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.outof-stock {
    color: #ffffff;
}
.s-product-card-image-full {
    max-height: 350px !important;
   height: 350px !important;
}
.like-product .s-product-card-content {
    height: auto;
}
@media (max-width:767px){
.s-product-card-vertical .s-product-card-image-full  {
   max-height: 250px !important;
   height: 250px !important;
}
.s-products-slider-card {
    max-width: 250px!important;
}
}
@media (min-width: 768px) {
    .index .g-products.md\:mb-20 {
        margin-bottom: 0rem !important;
    }
  .index .g-products .s-block__title {
    margin-bottom: 0rem;
}
}


/*E-mail*/
footer .text-\[var\(--footer-color\)\] {
    color: #fff !important
}

/*Footer*/
.copyright-text * {
    color: #fff !important;
}
@media (max-width:767px){
.pb-\[100px\] {
    padding-bottom: 0; 
}
}
@media (max-width:991px){
footer salla-menu.flex.gap-2.hydrated {
    justify-content: center;
}
}
@media (min-width:1500px){
footer .justify-center.rtl\:lg\:pl-20 {
    justify-self: flex-end;
}
}
@media (max-width:500px) {
    [id^=gb-widget] {
        bottom: 77px !important;
            }
}
.VisitorsCounter22503 {
    display: none !important;
}

/*product page*/
article#productDescription li {
    list-style: inside !important;
}
article#productDescription  span, article#productDescription li > strong,
.main-content h1{
    color: initial;
}