/* Add custom CSS styles below */ 

/* Global */

body {

    background-color: #FFFFFF !important;

}



.s-block.s-block--fixed-banner.wide-placeholder .container {

  padding-right: 0 ;

  padding-left: 0 ;

}



.banner--fixed img {

  background-color: transparent;

}

/* End of Global */

 /*Navbar*/

.main-nav-container.shadow-default.bg-white{

  background-color: #fff !important;

}

  .navbar-brand img {

    max-width: 290px;

  }

@media only screen and (min-width: 1024px) {

  .main-menu li.root-level>a {

      color:#003271;

  }

}

.top-navbar {

  display: flex;

  min-height: 48px;

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

 background: linear-gradient(180deg, #003271, #E9F0F3);

}



.text-primary {

  color: #003271;

}

.s-menu-topnav-list {

  

  color: #fffff9 !important;

}



.header-btn__icon {

  color: #003271;

  border-color: #003271;

}

.s-search-icon svg {



  fill: #fff !important;

}



.navbar-brand img {

  max-height: 4.5rem;

}



.s-cart-summary-total {

  color: #003271;

}



/*End of navbar*/

  /*main-section*/

:nth-child(1 of section.s-block.s-block--fixed-banner.wide-placeholder) {

  margin-top: 0;

}

.s-block.s-block--fixed-banner.wide-placeholder .container {

    padding-right: 0 ;

    padding-left: 0 ;

  }

:nth-child(1 of section.s-block.s-block--fixed-banner.wide-placeholder) .container{

   max-width:100%;

   border-reduis:0;

}

@media (min-width: 1280px) {

  .container {

    max-width: 1280px;

  }

}

.container {

  width: 100%;

  margin-right: auto;

  margin-left: auto;



}

/*End of main-section*/  



/*Categories*/



.s-slider-controls-outer .s-slider-block__title-nav {

  display: none !important;

}



.s-slider-block__title {

  justify-content: center;

}

  

section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide > a {

  background-color: transparent;

  border-width: 0;

  height: 100%;

}

  

section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide > a > h2 { 

  display:none;

}

  

section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper {

  justify-content: space-between;

}

  

section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide > a > img {

  width: 100%;

  height: 100%;

  transition: .3s;

}

  

.rounded-full {

  border-radius: 0;

}

  

section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide > a > img:hover {

  transform : translateY(10px);

  transform : scale(1.1);

}

@media (min-width: 1024px) {

  salla-slider .slide--one-sixth {

   

    width: 22% !important;

  }

}

@media (min-width: 992px) {

  section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container.swiper-initialized.swiper-horizontal .s-slider-swiper-wrapper .swiper-slide {

    width: 250px;

  }

}



  section.s-block.s-block--categories {

    margin-top: -2rem !important;

  }

  .s-slider-has-notitle .s-slider-block__title {

 

  display: none !important;

}

/*End of Categories*/



/* Tabs Products */

.s-block--tabs-produtcs .tab-trigger.is-active button {

  color: #fff;

}

  

section.s-block--tabs-produtcs {

  background-color: #fff;

  padding: 0;

}

  

@media (min-width: 640px) {

    .sm\:py-16 {

        padding-top: 0;

        padding-bottom: 0;

    }

}

.s-button-primary-outline {

  fill: #414042;

  fill: var(--color-primary);

  color: #414042;

  color: var(--color-primary);

  background-color: #E9F0F3 ;

}

/* End of Tabs Products */

/* Products Section */



.s-slider-block__title-left {

  display: none !important;

}



.s-slider-block__title {

    justify-content: center !important;

    display: flex;

    align-items: center !important;

   

}





  .s-slider-block__title-right h2 {

    color:#002669 !important;

  }





h2 {

  color: #002669 !important; 

}



.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *), .s-slider-block__title-right:where([dir=rtl],[dir=rtl] *) {

  padding-left: 0;   

}



.s-slider-block__title h2 {

  text-align:center;

}



.s-slider-block__title h2:after {

  content: '';

  position: absolute;

  top: 22px;

  left: 50%;

  transform: translateX(-50%);

  width: 150px;

  height: 17px;

  background: url(https://i.ibb.co/W4SyC1x1/Line-12.png) no-repeat center;

  background-size: contain;

}



.s-product-card-fit-height.s-product-card-vertical .s-product-card-image {

  background-color: #fff;

}

  

.s-products-list-vertical-cards {

    padding: .3rem !important;

}



.s-product-card-vertical {

  padding: 0.1rem;

  overflow: hidden;

  box-shadow: 0px 0px 6px -1px #002669;

}



.swiper-wrapper.s-slider-swiper-wrapper {

  padding-top: .4rem;

  padding-bottom: .4rem;

}



.s-product-card-content {

  border-radius: 0;

}



.s-product-card-content-title {

  overflow: hidden;

   display: -webkit-box;

   -webkit-line-clamp: 1; /* number of lines to show */

   line-clamp: 1; 

   -webkit-box-orient: vertical;

}



.s-product-card-content-title a {

  color:#1D1500;

}



.s-product-card-content-sub {

  justify-content: flex-start;

}

  

.s-button-wide {

   background-color: #003271;

  color: #fff;

  border-radius: 10px !important;

}

  

.s-product-card-vertical img {

  transition: .5s;

}

  

.s-product-card-image img.loaded {

  aspect-ratio: 4/4 !important ;

}



.s-product-card-vertical:hover img {

  opacity : .9;

  transform : translateY(10px);

  transform : scale(1.1);

}

/* Features */

.s-block__title-left {

  display: none !important;

}

@media (min-width: 640px) {

  .two-row .banner-entry:first-child {

    grid-column: span 1 / span 1;

    grid-row: span 1 / span 2;

  }

}

  

.s-block__title {

  align-items: center;

  justify-content: center;

}



.s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *) {

  padding-left: 0;

}



.s-block__title h2 {

 color:#002669 ;

  

}



.s-block__title h2:after {

  content: '';

  position: absolute;

  top: 22px;

  left: 50%;

  transform: translateX(-50%);

  width: 150px;

  height: 17px;

  background: url(https://i.ibb.co/W4SyC1x1/Line-12.png) no-repeat center;

  background-size: contain;

}



:nth-child(2 of section.s-block.s-block--banners.container) .one-row .banner-entry {

    background-color: transparent;

}



@media (min-width: 768px) {

    :nth-child(2 of section.s-block.s-block--banners.container) .md\:grid-cols-3 {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

}



@media (max-width: 768px) {

    :nth-child(2 of section.s-block.s-block--banners.container) .md\:grid-cols-3 {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

}



@media (min-width: 992px) {

  :nth-child(2 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {

    height: 234px;

  }

}



@media (max-width: 992px) {

  :nth-child(2 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {

    height: 200px;

  }

}



.lazy__bg {

    background-size: contain;

    background-repeat: no-repeat;

}



.gap-3 {

    gap: 0.75rem;

}

.grid-flow-row {

  grid-auto-flow: column;

}

@media (max-width: 768px) { 

  .banner-entry {

    height: 110px; /* يمكنك تعديل الارتفاع حسب الحاجة */

  }

}



  .banner-entry {

   

    background-color: transparent;

  }

  @media (min-width: 768px) {

  .md\:grid-cols-3 {

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  }

}

@media (max-width: 768px) { /* عند شاشات الهواتف */

  .md\:grid-cols-3{

   

    grid-template-rows: repeat(2,minmax(0, 1fr) ); /* صفين */

    gap: 8px; /* المسافة بين العناصر */

  }

}

/* End Features */

/*Customer reviews*/

.s-reviews-header-wrapper {

  justify-content: center !important;

  align-items: center !important ;

}



.s-reviews-header {

  color:#002669;

  margin-left: 0;

  margin-right: 0;

  text-align: center !important;

}



.s-reviews-testimonial {

  background-color:transparent !important;

  border-radius: 10px !important;

  margin-top: 7px;

  box-shadow:#002669 0px 0px 5px -1px;

}



.s-reviews-header:after{

  content: '';

  position: relative !important;

  

  left: 50%;

  transform: translateX(-50%);

  width: 150px;

  height: 17px;

  background: url(https://i.ibb.co/W4SyC1x1/Line-12.png) no-repeat center;

  background-size: contain;

  display:block !important;

}



.s-reviews-container .swiper-slide-next .s-reviews-testimonial {

  align-items: center;

  justify-content: center;

}



.s-reviews-testimonial__text { 

   color: #0A002A; 

   display: flex;

   flex-direction: column; 

   align-items: center; 

}



.s-reviews-testimonial__name_wrapper { 

  align-self: center !important; 

  margin-bottom: 0.5rem; 

  text-align: left;

}



.s-reviews-testimonial__text p {

  color: #14272C;

}



.s-reviews-testimonial__text p {

  margin-bottom: 0.5rem;

  margin-top: 1.5rem;

  line-height: 1.5rem;

  font-size:18px;

}



.s-rating-stars-wrapper { 

  

  color: gold; 

  align-self: center !important;

  margin-top: 0.5rem; 

}



.s-reviews-testimonial__info h2 {

   color: #002669  !important;

   

}

/* End of Customer reviews*/

/* Footer */

  .footer-is-light .store-footer {

 background-image: url(https://i.ibb.co/0jhH9HZC/Rectangle-210-1.png);

    background-size: cover;

    color: #fff;

  }

  .flex.items-center.m-0 h3{

  text-indent: -9999px; 

    white-space: nowrap;

    overflow:hidden;

  }

   .store-footer__inner .container.grid > div:nth-of-type(1) h3 {

  display: none !important;

}

  footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a::after  {

    content: '';

    display:block;

   z-index: .9999;

    width: 160px;

    height: 100px;

    background: url(https://i.ibb.co/jPRwLvTV/7f0aab30-6711-4007-9cb2-5d219897e145-2-4.png) no-repeat center; 

  ;

    background-size: contain;

  }

  

  

  footer > div.store-footer__inner {

    background-color: transparent !important;

  }

  .s-social-list.hydrated {

    place-content: center;

  }

  

  @media (min-width: 992px) {

      footer.store-footer .container.grid {

          grid-template-columns: repeat(3, minmax(0, 1fr));

          justify-items: center;

      }

  }

 .store-footer__inner .container.grid>div p {

      margin-top: auto !important ;

  }

  footer.store-footer * {

      text-align: center;

      justify-content: center;

  }

  

  @media (min-width: 1024px) {

      .store-footer__inner {

          padding-bottom: 1rem;

      }

  }



.s-social-list.hydrated {

  margin-top: auto;

}

  

  @media (min-width: 640px) {

      .store-footer {

          margin-top: 2rem;

      }

  }

  .store-footer__inner .container.grid>div:nth-of-type(1) {

      padding-left: 0;

      grid-column: span 1 / span 2;

  }

  footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a {

    justify-content: center;

 

  }

  footer > div.store-footer__inner > div > div:nth-child(3) {

    justify-items: center;

  }

  

  .text-sm.copyright-text {

    color: #fff;

  }

  .max-w-sm {

  max-width: none;

}

.copyright-text p {

   

    color: #ffffff !important;

}

  /* End of Footer */