/* Add custom CSS styles below */ 
body {
    background-color: #fff;
}
.main-nav-container.fixed-pinned .navbar-brand img ,.navbar-brand img{
    max-height: 5rem;
}
/*start customize main-banner*/
.landing-page-fixed-bannar-0 h1{
   font-size:32px;
   line-height:40px;
   font-weight:700;
   margin-bottom:10px;
}

.landing-page-fixed-bannar-0 p{
   font-size:25px;
   line-height:30px;
   font-weight:400;
   margin-bottom:10px;
}

.landing-page-fixed-bannar-0 .btn-changing{
   border-radius:8px
}
/*end*/

/*start customize banner-images*/
.banner-images h2{
   font-size:20px;
   line-height:38px;
   font-weight:700; 
}
/*end*/

.bg-white.\!bg-\[var\(--bg-body\)\] {
   background-color: transparent !important;
}

/*start customize sq-images*/
.sq-images h2 , .sq-images p{
   color:#2e2e2e;
   font-size:32px;
   line-height:65px;
   font-weight:500;
}

/*end*/

/*start customize image-text*/
.image-text{
   background-color:#ffffff;
}
.image-text h2{
   font-size:32px;
   font-weight:800;
   line-height:40px;
}
.image-text .btn-changing , .shadow-f-color , .btn-changing{
   border-radius:8px;
}
/*end*/


/*start customize section*/

salla-slider.photos-slider .swiper-slide {
   padding: 0rem;
   margin: 0rem;
   width: 100%;
}

.s-slider-block__title-nav {
   visibility: hidden;
}

salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
   padding: 0rem;
}  
/*end*/

/*media*/
@media(max-width:768px){
.landing-page-fixed-bannar-0 h1{
   font-size:20px;
   line-height:30px;
}
.sq-images h2 , .sq-images p{
   font-size:20px;
   line-height:30px;
}
.image-text h2{
   font-size:20px;
}
.el_features .products {
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.numbers .products {
   grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
footer *{
   text-align:center;
   margin-right:auto;
   margin-left:auto;
}
   .landing-page-fixed-bannar-0 p{
      display:none;
   }
}
/*end*/


.content_improved {
    grid-template-rows: unset;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas: unset;
}
.content_improved .cat {
    grid-area: unset !important;
}

@media(max-width:768px){
.content_improved {
    grid-template-rows: repeat(3, 220px);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-template-areas: unset;
}
}


/*------------------*/
.banner-images .content-image.container .cat:last-child{
    display:none;
}

.banner-images .content-image.container{
    width:55%;
}
.banner-images .content-image.container .cat .box-text-cat{
    background-color:#3e3d3d73;
    padding:1rem;
    border-radius:8px;
    border:2px solid #fff;
    top: 60px;
    right: 30px;
    left:30px;
}
.banner-images .content-image.container .cat .box-text-cat h2{
    font-size:20px;
}
.banner-images .content-image.container .cat .box-text-cat p{
    font-size:14px;
}

.banner-images .content-image.container .cat:first-child .box-text-cat{
    top: 80%;
}

.offers h2{
    color:#fff;
}


@media(max-width:768px){
  .banner-images .content-image.container .cat:first-child .box-text-cat{
    top: 20%;
}
.banner-images .content-image.container .cat .box-text-cat h2{
    font-size:16px;
}
}

section#featured-products-style2-4 {
    background-color: #fff;
}

.s-product-options-thumbnails-wrapper div p {
    color: #000;
}


/* start customize setion*/
.md\:grid-cols-3 {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
a.banner-entry{
    width: 30% !important;
    height: 255px !important;
    background-color:unset;
}
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-size: contain;
    background-repeat: no-repeat;
}

@media(min-width:768px) and (max-width:1200px){
a.banner-entry{
    width: 30% !important;
    height: 160px !important;
    background-color:unset;
}
}
@media(max-width:767px){
a.banner-entry{
    width: 30% !important;
    height: 75px !important;
    background-color:unset;
}
}

/* end customize setion*/

.lazy__bg.lazy.entered.loaded {
    transition: transform .5s;
}
.lazy__bg.lazy.entered.loaded:hover {
    transform: scale(.9);
}

/* =======================================
   تعديلات إضافية لمتجر annex-sa.com
   ======================================= */

/* 4. إخفاء علامات التحريك (النقاط) في البانر المتحرك */
.swiper-pagination {
    display: none !important;
}

/* =======================================
   5. تحريك أيقونة الواتساب
   ======================================= */

.whatsapp-info {
    right: 18px !important;
    left: auto !important;
    bottom: 150px; !important;
    height: 48px; !important;
    width: 48px; !important;
    border-radius: 15px; !important;

}