/* Add custom CSS styles below */

#app .home-sec-5 .grid {
  display: grid;
  grid-template-columns: 1fr 1fr ;
  grid-template-rows: auto auto ;
  gap: 12px;
}


/*الكبيرة */
 #app .home-sec-5 .banner-outer:nth-child(1) {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  height: 100%; 
  }

  
/* الصورةالي فوق*/
#app .home-sec-5 .banner-outer:nth-child(3) {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}



/* الي تحت */
 #app .home-sec-5 .banner-outer:nth-child(2) {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}