.header{
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#navbar{
    width: 50rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#logo{
    height: 50px;
    width: 200px;
    padding-left:18px;
    cursor: pointer;
}
#list-ul{
    list-style-type: none;
    display:flex;
    bottom: 55px;
    right:100px;
    letter-spacing:2px;
}
li{
    margin:1px 8px;
    font-size: 13px;
    cursor: pointer;
}
.enquire-btn{
   cursor:pointer;
   bottom:40px;
   border-radius: 30px;
   height:40px;
   width:150px;
   color:white;
   background-color:green;
   border-style: none;
   font-weight: 40px;
}
#box2{
    height:320px;
    background: url(https://thumbs.dreamstime.com/b/doctor-stethoscope-hand-hospital-background-medical-medicine-concept-107863902.jpg);
    background-size:cover;
    background-repeat: no-repeat;
}
.centerText{
    background-color: rgba(29, 129, 29, 0.89);
    color:white;
    border-radius:50%;
    padding-left: 15px;
    padding-top:55px;
    display:inline-block;
    height: 180px;
    width:270px;
    margin-left: 150px;
    margin-top:50px;
}

#box3{
    height:550px;
   
   
}
.txt2{
    text-align: center;
    color:green;
    font-size: 40px;
}
.gridcontainer{
    display:grid;
    grid-template-rows:auto auto;
    grid-template-columns:auto auto ;
    padding:5px;
    column-gap: 10px;
    row-gap: 3px;
}
.content{
 
    width:600px;
    height:120px;
 
}
.content2{
    width:600px;
    height: 150px;
    margin-left: 90px;
    padding-bottom:30px;
    padding-left:4px;
    font-size: 14px;
  
   
}
.imgsmallcontent{
    height:100px;  
}
.imgsmall1{
    height:180px;
    width:150px;
    padding-left:5px;
    /* top-left top-right bottom-right bottom-left */ 
   border-radius: 0px 20px 20px 20px;
}
.imgsmall2{
    height:140px;
    width:100px; 
    margin-left:10px;
    border-radius: 25px 0px 25px 25px;
}
.imgsmall3{
    height:120px;
    width:80px; 
    margin-left:30px;
    margin-top:40px;
    border-radius: 20px 20px 0px 20px;
}
.gridimg{
    height:100px;
}
.services{
    height:500px;
    background-color: rgb(50, 126, 83);
}
.txt3{
    text-align: center;
    color:white;
    font-size: 40px;
    padding-top: 30px;;
}
.gridcontainer2{
    display:grid;
    grid-template-columns: 230px 230px 230px;
    grid-template-rows: 280px 280px 280px;
    column-gap:35px;
    justify-content: center;
    
     
}
.services-box {
    background-size: contain;
    border-radius: 0px 25px 25px 25px;
}

.services-box button {
    height:40px; 
    width:90px;
    margin-top: 15px;
    color:green;
    margin-left:73px;
    background-color:white;
    border-radius:30px;
    border:2px solid green;
}
h5{
    padding-top:134px;
    text-align: center;
    height:5px;
}
h6{
    text-align: center;
    height:5px;
}
.icons-ui{
    height:550px;
   
}
#grid-icons{
    height:350px;
    
    background-color: rgb(247, 237, 237);
    display:grid;
    grid-template-columns: 240px 240px 240px 240px;
    grid-template-rows: 160px 160px 160px 160px;
    gap:20px;
    padding:10px;
    justify-content: center;
    width:1050px;
    margin-left:120px;
    
    
}
.iconbox{
  
    background-color: white;
    border-radius: 20px;
}
.icon-image{
    height:60px;
    width:60px;
    padding-left:80px;
    padding-top:25px;
}
#ratings{
    
    height : 250px;
    background-color: rgba(21, 90, 30, 0.826);
    display:grid;
    grid-template-columns: 190px 190px 190px 190px;
    grid-template-rows: 220px 220px 220px 220px;
    column-gap: 100px;
    padding: 20px;
    justify-content: center;
}

.align1{
    text-align: center;
    padding-top:50px;
    color: white;
    font-size: 40px;
    font-family:
}
.align2{
    text-align: center;
    color:white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.baby-care{
    height:500px;
    
}
.pic1{ grid-area: pic; }
.head-txt { grid-area: header; }
.cont-txt1 { grid-area: txt1; }
.cont-txt2 { grid-area: txt2; }
.semi-grid{
    height:370px;
    
    width:1100px;
    margin-left:105px;
    margin-top:60px;
    display:grid;
    grid-template-areas:'pic header header header'
    'pic txt1 txt1 txt1'
    'pic txt2 txt2 txt2';
    column-gap: 70px;

}

.pic1{
  
    width:350px;
    background: url(https://media.istockphoto.com/id/676570626/photo/adorable-baby-smiles-at-pediatrician.jpg?b=1&s=170667a&w=0&k=20&c=3L_5dx7OK0758P11vLqBR_cTS7dMhlzk3MEv8S45_24=) no-repeat;
    background-size:cover;
    background-position: center;
    border-radius: 78px 0px 60px 78px;
}
.head-txt{
   
    height:60px;
    color:green;
    
}
.cont-txt1{
    
    height:150px;
}
.cont-txt2{
    
    height:150px;
}
.our-client{
    height:100px;
   
    text-align: center;
    font-size: 46px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:9px;
    padding-bottom:50px;
}
.client-logo{
   
    height:100px;
    display:flex;
    justify-content:center;
    padding:20px;
}
.client-button{
    width:110px;
    height:50px;
    color:green;
    background-color: white;
    margin:30px;
    font-weight: 600;
    border:1px solid rgba(0, 0, 0, 0.168);
}
}
.fbox1{ grid-area:box1; }
.fbox2{ grid-area:box2; }
.fbox3{ grid-area:box3; }
.fbox4{ grid-area:box4; }
.fbox5{ grid-area:box5; }
.fbox6{ grid-area:box6; }

#foot{
   
    height:400px;
    background-color: rgba(0, 0, 0, 0.873);
    display: grid;
    grid-template-areas: 'box1 box2 box3 box4 box5'
    'box1 box2 box3 box4 box5'
    'box1 box2 box3 box4 box5'
    'box1 box2 box3 box4 box5'
    'box1 box2 box3 box4 box5'
     'box6 box6 box6 box6 box6';
     color:white;
     column-gap: 20px ;
     row-gap: 10px;
}
.fbox1{
    height:350px;
    margin-left:40px;
    padding:30px 0px 20px 20px;
    
}
.fbox2{
    
    height:350px;
    margin-left:40px;
    margin-top:40px;
    padding:30px 0px 20px 20px;

}
.fbox3{
    height:350px;
    margin-left:40px;
    padding:30px 0px 20px 20px;
    
}
.fbox4{
    height:350px;
    margin-left:40px;
    padding:30px 0px 20px 20px;
    
}
.fbox5{
    height:350px;
    margin-left:40px;
    width:250px;
    padding:30px 0px 20px 20px;
    
}
.fbox6{
    height:30px;
    text-align: center;
    background-color: black;
    color:white;
    padding-bottom:15px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
    
}