/* Add custom CSS styles below */ 
.NG-hero-section .flex.flex-col.items-start {
    width: 70%;
    right:  0 !important;
 
}

.NG-hero-section-0 .block-title {
    color: #ffffff;
    font-size: 35px;
  width: 50%;
}



@media (max-width: 768px) {
.NG-hero-section .flex.flex-col.items-start {
    width: 90%;
    right:  0 !important;
 
}

  .NG-hero-section-0 .block-title {
    color: #ffffff;
    font-size: 12px;
  
}

/*NG-categories-1 **/
.NG-categories .card-inner {
    height: 450px;
}
/*NG-categories-1 **/
  
.GL-promotional-banner  
 .flex.flex-col {
    height: 600px !important;
}
/*****مدمج***/
  .NG-main-banner .text-wrapper {
    opacity: 1;

    width: 100%;
  
}

.NG-main-banner .text-wrapper h1 {
    font-size: 26px;
    width: 100%;
    max-width: 100%;
}  
.NG-marquee-banner .aspect-video {
    object-fit: contain;
}

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

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

  .the-logo {
    height: 70px;
  }

  
}