/*  .wrapper{
/*       display:grid;
/*       /* grid-template-columns:1fr 1fr 1fr;*/
/*       grid-template-columns:repeat(3, 1fr);
/*       grid-gap:1em;
/*       /* grid-auto-rows:100px; */
/*       grid-auto-rows: minmax(100px, auto);
/*     } */



 .nested{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      grid-auto-rows: 70px;
      grid-gap:1em;
    }

 .wrapper > div{
      background:#eee;
      padding:1em;
	   
    }
 .wrapper > div:nth-child(odd){
      background:#eee;
     
    }

 .nested > div{
      border:#333 1px solid;
      padding:1em;
	}
	
 .GrayBack{   /* Background will be Gray for this div */
      background:#dddddd;
     
    }	
	

 h1{
    color: #cc0000;     /* Red */
    font-size: 2.0em;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 0; /* Remove margin below <h1> */
	}

	
 .h1{
    color: #cc0000;     /* Red */
    font-size: 2.5em;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    margin-bottom: 0; /* Remove margin below <h1> */
	}

 .h1des{
    color: #cc0000;     /* Red */
   /* font-size: 2.5em; */
    font-style: italic;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 0; /* Remove margin above <h1> */
	}


 h2{
    color: #0F52BA;     /* Blue */
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 0; /* Remove margin above <h1> */
    
	}

 .h2{
    color: #0F52BA;     /* Blue */
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    margin-top: 0; /* Remove margin above <h1> */
	}


 .h2des{
    color: #0F52BA;     /* Blue */
    font-style: italic;
    letter-spacing: 0.5px;
    text-align: center;
	}


  p {
    text-align: center;
    padding-bottom: 0px; /* Adjust the value to control the space between paragraphs */
  }


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

.box {
    background-color: white;
    border: 2px solid #ccc;
    padding: 20px;
    text-align: center;
    background-color: #dddddd;
}

.box img {
    max-width: 100%;
    height: auto;
}

.container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Responsive grid */
    gap: 20px;
    padding: 20px;
}