/*Cairo*/

.inner {
    background-color: #00000026;
}
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Lemonada:wght@300..700&display=swap');


*{
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;

}

/**/

:root {
    --font-main: 'PingARLT';
    --bg-color:linear-gradient(180deg, #D09BAC 0%, #653140 100%);

}




/* Add custom CSS styles below */ 
   .mburger span, .mburger p {
    color: #000000;
  
}
.mburger span {
    background: #000;
  
}


/***main banner**/




.NG-hero-section .swiper.s-slider-container .swiper-slide:not(:first-child) {
  display: none;
}
 .NG-hero-section .flex.flex-col.items-start {
  
    width: 40%;


}

/***main banner**/

.NG-main-banner .right-img-wrapper {
    width: 100%;
}
/*NG-categories-1 **/

.NG-categories .card-inner {
    height: 600px;
}
/*******************/
/******.GL-promotional-banner*/
.GL-promotional-banner .relative h2 {
    background: #AA5F73CC;
    padding: 7px;
}
/******.GL-promotional-banner*/


.copyright-text p {

    color: #fff !important;
}

.copyright-text p a {
    color: #fff;
}
.copyright-text p a:hover {
    color: #fff;
}

.CA-newsletter h2 {
    display: none;
}

/******************/
.s-product-card-horizontal 
salla-add-product-button salla-button button ,
.GL-promotional-banner .btn-swap {
  background: var(--bg-color)
}

/******************************/
@media (max-width: 768px) {
/***main banner**/
 .NG-hero-section .flex.flex-col.items-start {  
    width: 60%;
  
}

.NG-hero-section-0 .subtext {
    color: #ffffff;
    display: none !important;
}
  
/***main banner**/
/*NG-categories-1 **/
.NG-categories .card-inner {
    height: 450px;
}
/*NG-categories-1 **/
  
.GL-promotional-banner.ng-s-block  .overflow-hidden {
    height: 310px;
}
/*****مدمج***/
  .NG-main-banner .text-wrapper {
    opacity: 1;

    width: 100%;
  
}

.NG-main-banner .text-wrapper h1 {
    font-size: 26px;
    width: 100%;
    max-width: 100%;
}  


/*********************/

  footer * {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }

  .the-logo {
    height: 70px;
  }
}