*{
margin:0;
padding:0;
font-family: Arial;
box-sizing:border-box;
}

.navbar{
height:100px;
background-color:black;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}

.nav-logo img{
height:80px;
width:auto;
}

.navlogo img {
margin:0.5rem;
height:150px;
width:auto;
}

.m img{
padding:1rem;
height:auto;
width:100%;
}

.navimg{
display:flex;
justify-content:center;
}

.nav-cont{
height:30px;
display:flex;
justify-content:center;
align-items:center;
gap:2rem;
background-color:#5A72A0;
color:white;
}

a{
color:white;
}

a:active{
color:#7D7C7C
}

a{
text-decoration:none;
}

.image-1{
height:auto;
width:100%;
border-bottom:4px solid white;
}

.n img{
padding:1rem;
height:auto;
width:100%;
}

.m{
text-align:center;
}

.m a{
color:black;
}

.n{
text-align:center;
}

.n a{
color:black;
}

.footer1{
border-top:4px solid white;
margin-top:0.5rem;
background-color:#5A72A0;
height:5rem;
color:white;
text-align:center;
display:flex;
flex-direction:column;
justify-content:center;
}

.footer2{
background-color:black;
height:6rem;
display:flex;
align-items:center;
}

.footer2 img{
height:80px;
width:auto;
}

.n img{
padding:1rem;
height:auto;
width:100%;
}

.products{
display:flex;
flex-wrap:wrap;
justify-content:center;
}


.products1{
margin: 10px;
padding:10px;
background-color:white;
border: 10px solid transparent;
width: 400px;
border-radius:10%;
text-align:center;
}

.products img{
width:100%;
height: 14rem;
}

.products1:hover{
border: 10px solid #5A72A0;
}

.products a {
color:black;
text-decoration: underline;
}

.contact
{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:2cm;
padding:30px;
}

.contactus 
{
display:flex;
justify-content:center;
gap:1rem;
margin-bottom:0.8rem;
}

.contactus a
{
color:black;
}

#contactus1 
{
display:flex;
justify-content:center;
margin:0.8rem;
}


.form{
display:flex;
flex-direction:column;
align-items:center;
margin:1rem;
}

.h{
color:black;
margin:5px;
font-size:25px;
}