@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
.sicon-shopping-bag:before {
    font-family: FontAwesome;
    content: "\f291";
    font-size: 20px;
    color: #e6d8c3
}
.sicon-user-circle:before{
    font-family: FontAwesome;
    content: "\f2bd";
    font-size: 20px;
    color: #e6d8c3
}
.sicon-menu:before {
    font-family: FontAwesome;
    content: "\f550";
    font-size: 20px;
    color: #e6d8c3
}
.s-fast-checkout-button.rtl {
    background-color: #e6d8c3;
    }
.bg-white{
background-color: #022952
}
.s-block--hero-slider .swiper-slide .overlay-bg:after { 
background-color: rgb(0 60 60 / 51%)
}
.text-white{
    color: rgb(22 59 125);
    }
   .navbar-brand img{
        margin-right: 4rem;
}
.header-btn__icon{
border-width: 2px;
border-color:#e6d8c3
}
.main-menu li>a{
    color: #aba279
}
.slide--cat-entry {
gap: 1px
padding-left: 22rem;
}
.slide--cat-entry i{
margin-bottom: 1rem;
}
.slide--cat-entry{
background-color: rgb(0 0 0 / 0%);
border-color: rgb(243 244 246 / 0%);
}
.sicon-packed-box {
  content: url('https://cdn.salla.sa/gZNwrz/yVK5oNjDn51h9v0ewD5XCwjsitzzponcJKUWJyz9.png');
  width: 100px;     
  height: 100px;    
  border-radius: 50%; 
  object-fit: cover; 
}
.sicon-fabric-swatch {
  content: url('https://cdn.salla.sa/gZNwrz/TJd76Avh1MAIpBDmIjLDrfrX139dVPweBHcQkBpI.png');
  width: 100px;     
  height: 100px;    
  border-radius: 50%; 
  object-fit: cover; 
}
.sicon-cake {
  content: url('https://cdn.salla.sa/DGrKPy/NOQeD7ql1zYBBGkAwc7qS5fezrOvozvjxKrOyleh.png');
  width: 100px;     
  height: 100px;    
  border-radius: 50%; 
  object-fit: cover; 
}
.sicon-game-controller-alt {
  content: url('https://cdn.salla.sa/gZNwrz/myRcHXnLedFxeS3NmUBlXiPg1yz2la1kQzAcXFJm.png');
  width: 100px;     
  height: 100px;    
  border-radius: 50%; 
  object-fit: cover; 
}
.lg\:text-title-size{
    color: white;
}
.lg\:text-title-size{
  font-family: 'Cairo', sans-serif;
   font-weight: 600; 
  font-size: 23px;
    color: #e6d8c3
}
.line-clamp-2{
  font-family: 'Cairo', sans-serif;
   font-weight: 600; 
  font-size: 15px;
  color: #e6d8c3
}
.leading-tight{
line-height: 2.25;
}
.s-slider-block__title h2 ,.s-reviews-header{
  border-bottom: 3px solid #022952;
      padding-bottom: 4px;
}
.s-slider-block__title h2 ,.s-reviews-header{
  font-family: 'Cairo', sans-serif;
   font-weight: 600; 
  font-size: 20px;
color: #022952
}
.s-product-card-content{
background-color: #022952
}
.s-product-card-content-title a {
font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 12px;
color: #e6d8c3
}
.s-product-card-price{
font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 14px;
color: #e6d8c3
}
.footer-is-light .store-footer .store-footer__inner{
border-bottom-color: rgb(243 244 246);
}
.footer-is-light .store-footer .store-footer__inner{
 border-top: 9px solid #e6d8c3; 
   border-top-left-radius: 40px;   
  border-top-right-radius: 40px; 
  border-bottom-left-radius: 0px;  
  border-bottom-right-radius: 0px; 
}
.footer-is-light .store-footer .store-footer__inner ,.md\:flex{
    background-color: rgb(2 41 82);
   border-bottom-color: rgb(2 41 82);
 }
 .store-footer h3{
 font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 18px;
color: #e6d8c3
}
.leading-6{
 font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 12px;
color: #e6d8c3
}
.s-contacts-item  {
 font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 12px;
color: #e6d8c3
}
.s-contacts-icon{
color: #e6d8c3
border-color: #e6d8c3
border-width: 2px;
}
.copyright-text p:before {
  content: "الحقوق محفوظة الى متجر مسار @2025"; 
   font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 12px;
color: #e6d8c3
}
.copyright-text p  {
  font-size:0; /*صنع بإتقان على منصة سلة */
}
.copyright-text p:before {
  font-size: 14px; 
}
.s-reviews-testimonial{
 background-color: #022952
 }
 .s-reviews-testimonial__text p ,.s-reviews-testimonial__info h2{
    font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 12px;
color: #e6d8c3
}
.mm-spn.mm-spn--light{
background-color: rgb(1 31 61)
}
.mm-spn.mm-spn--navbar.mm-spn--main{
 font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 16px;
color: #e6d8c3
}
.top-navbar{
 background-color: rgb(10 60 61);
}
.top-navbar .s-search-input , .btn--rounded-gray{
background-color: #aba279;
}
.s-cart-summary-total{
 font-family: 'Outfit', sans-serif; 
font-size: 16px;
color: #e6d8c3
}
.s-block--features__item{
 background-color: rgb(10 60 61);
  border-radius: 50px;
}
.s-block--features__item p{
 font-family: 'Cairo', sans-serif;
font-weight: 400; 
font-size: 10px;
color: #e6d8c3
}
.s-block--features__item h2{
 font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 12px;
color: #aba279
}
.sicon-ellipsis-vertical-filled:before {
    font-family: FontAwesome;
    content: "\e561";
    font-size: 35px;
    color: rgb(10 60 61)
}
.sicon-shipping-fast:before {
    font-family: FontAwesome;
    content: "\f48b";
    font-size: 35px;
    color: rgb(10 60 61)
}
.sicon-fire:before {
    font-family: FontAwesome;
    content: "\f53b";
    font-size: 35px;
    color: rgb(10 60 61)
}
.s-menu-footer-item{
 font-family: 'Cairo', sans-serif;
font-weight: 400; 
font-size: 10px;
color: #e6d8c3
}
.iti__flag.iti__sa{
  content: url('https://cdn.salla.sa/DGrKPy/sCR7NyXh4hDtvHkKZZ7Zd0WeHZguGHVDNsOUyGPW.jpg');
 width: 40px;     
  height: 20px; 
  object-fit: cover; 
}
.iti__flag.iti__gb{
  content: url('https://cdn.salla.sa/DGrKPy/zdfJt5Sxpmbowy0uEhA7hx1fXtFgcjGLGfBp0Ajp.jpg');
 width: 40px;     
  height: 20px; 
  object-fit: cover; 
}
.topnav-link-item{
color: #aba279
}
.top-navbar{
display: none;
}
.slide--cat-entry h2{
 font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 15px;
color: #022952
}
.store-footer a {
font-family: 'Cairo', sans-serif;
font-weight: 600; 
font-size: 12px;
color: #e6d8c3
}
.s-button-primary-outline{
color: #e6d8c3
}
.main-menu li>a{
color: #e6d8c3
}
.p-5{
  background-color: #ffffff
}
overflow: hidden;
}
.banner--fixed img {
  border-radius: 12px;
  transition: transform 0.8s ease, box-shadow 0.8s ease;
  animation: fadeUp 1.2s ease forwards;
  opacity: 0;
}

.banner--fixed img:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}