/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Lateef:wght@200;300;400;500;600;700;800&display=swap');

.NG-hero-section-0 .flex.flex-col.items-start {
    margin-right: clamp(1rem, -0.7985rem + 7.6735vw, 6.875rem);
    width: 30%;
    left: 10rem !important;
    right: unset;
    top: 16rem;
}
.NG-hero-section .flex.flex-col.items-start h1 {
    width: 75%;
    font-family: "Lateef", serif;
    font-weight: 700;
    font-size: 82px;
    line-height: 1.5;
}

.NG-hero-section-7 .flex.flex-col.items-start {
    margin-right: clamp(1rem, -0.7985rem + 7.6735vw, 6.875rem);
    width: 34%;
    left: 6rem !important;
    right: unset;
    top: 7rem;
}

.GL-promotional-banner h2 {
    font-size: 40px;
}


@media (max-width: 768px) {

.NG-hero-section-0 .flex.flex-col.items-start {
    margin-right: clamp(1rem, -0.7985rem + 7.6735vw, 6.875rem);
    width: 40%;
    left: 0 !important;
    right: unset;
    top: 6rem;
}
  
  .NG-marquee-banner .aspect-video {
    object-fit: contain;
}
  .NG-hero-section .flex.flex-col.items-start h1{
   font-size: 25px ;
 }
 .NG-hero-section .subtext-bottom p{
display: none;
 }

  
.GL-promotional-banner  
 .flex.flex-col {
    height: 600px !important;
}
.GL-promotional-banner  .container img {
    object-fit: fill;
}
/*****مدمج***/
.NG-hero-section-0 .subtext {

    display: none !important;
}
.GL-promotional-banner h2 {
    font-size: 25px;
}
  .NG-hero-section-7 .flex.flex-col.items-start {
    margin-right: clamp(1rem, -0.7985rem + 7.6735vw, 6.875rem);
    width: 41%;
    left: 0rem !important;
    right: unset;
    top: 2rem !important;
}
}