/***
*
*
*/

.d-header-box {
  width: 90%;
  margin: 5px auto;
  display: grid;
  grid-template-columns: 1fr 4fr; 
  gap: 5px; 
}

aside {
  padding-top: 30px;
  padding-left: 5px;
   padding-right: 5px;
  background-color: var(--gray-100);
}


main{
  padding: 10px;
  display: grid;
  grid-template-rows: repeat(11, auto); 
  background-color: var(--gray-100);
  gap: 5px;
}

h1{
  text-align: center;
  margin: 10px;
}

.d-right-navigat{
  width: 60%;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 10px;
}

.d-right-navigat a{
  text-align: center;
  text-decoration: none;  
  padding: 10px 0; 
}

.d-internal-medicine{
  display: grid;
  grid-template-rows: repeat(10, auto);
  gap: 5px;

}

#d-medicine-doctor{
  width: 70%;
  display: grid;
  grid-template-columns: repeat(8, auto);
  gap: 5px;
}

.d-surgery-navigat{
  display: grid;
  grid-template-rows: repeat(7, auto);
  gap: 5px;

}

#d-surger{
  width: 70%;
  display: grid;
  grid-template-columns: repeat(6, auto);
  gap: 5px;
}

.d-obstetrics-and-gynecology-navigat{
  display: grid;
  grid-template-rows: repeat(3, auto);
  gap: 5px;
}

#d-obstetrics-and-gynecology{
  width: 20%;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 5px;

}


#d-pediatrics nav, #d-Ophthalmology nav, #d-Dentistry nav, #d-Otorhinolaryngology nav, #d-oncology nav,#d-triditional nav,#d-skin nav{
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 5px;
}

#d-Ophthalmology, #d-Dentistry,#d-Otorhinolaryngology,#d-oncology, #d-triditional,#d-skin,#d-pediatrics{
  display: grid;
  grid-template-rows: repeat(2, auto);
  gap: 5px;
}