*{margin:0px;}
body{font-size:14px; color:rgb(32, 30, 30);}
body{font-family: Poppins;}
#head{width:90%; padding:20px 5%; background:white;}
#head a{text-decoration: none;}
#head .fir{float:left;  padding:0px;}
#head .sec{float:right; margin-top:23px;} 
#head .sign{color:white; background:#00008B;} 
#head .log{color:white; background:#9E90FF;} 
#head .sec a{display:inline-block;  height:40px;  border-radius:5px; line-height:40px; width:100px; text-align: center; margin-left:5px; border:0px;} 
#head .fir img{height:80px; } 


#first{width:44%;  padding:200px 28%; text-align:center; background-color:rgba(167, 209, 216, 0.9); background-image: url(../img/bg.png); background-size: 50%;}
#first h1{font-size:40px;}
#first p{display:block; margin:20px 0px;}
#first a{margin:0px auto;display:block;  height:50px;  border-radius:5px; line-height:50px; width:140px; text-align: center;  border:0px;color:white; background:#00008B; text-decoration:none;}


#sechead {width: 90%; margin: 0px auto 0px auto;   }
#sechead .hef{float:left; width:48%; padding-top:80px;}
#sechead .hef p{line-height:30px; margin:15px 0px; }
#sechead .hef a{ display:block;  height:50px;  border-radius:5px; line-height:50px; width:140px; text-align: center;  border:0px;color:white; background:#00008B; text-decoration:none;}
#sechead .hef img{display:inline-block; height:50px;}
#sechead .hes{width:40%; float:right; text-align:center;}
#sechead .hes img{height:550px;}


#why{width: 90%; padding:100px 5%; background:rgb(218, 238, 242);}
#why b{display:block; margin:5px 0px;}
#why img{width:80px; margin-top:40px;}
#why h1{text-align: center;}
#why .box{display:inline-block; width:20%; padding:10px 2%; text-align: center; vertical-align: top;}


#foot {width: 90%; padding:50px 5%; background:black; opacity: 0.8;}
#foot p{color:white;   margin-top:100px; margin-bottom: 5px;}
#foot .bos{display:inline-block; width:19%;  vertical-align: top; }
#foot .bos img{width:250px;}  
#foot .ov{width:29% ; margin-right:12%; }
#foot .ov a{display:inline-block; width:40px; height:40px; background-color:white; border-radius: 5px;}
#foot .ox{width:13% ;}
#foot .bos b{display:block;  color:white;}
#foot .ox a{display:block; margin-top:15px; color:white; margin-left:5px;}
#foot .ov a:hover{opacity:0.8;}
#foot .instagram{background-image:url(../img/instagram.jpg); background-size: 100%; background-repeat: no-repeat; margin-left:2px;}
#foot .facebook{background-image:url(../img/facebook.jpg); background-size: 100%; background-repeat: no-repeat;}
#foot .whatsapp{background-image:url(../img/whatsapp.jpg); background-size: 100%; background-repeat: no-repeat; margin-left:2px;}
#foot .twitter{background-image:url(../img/twitter.jpg); background-size: 100%; background-repeat: no-repeat;margin-left:2px;}
#last{width:100%; background-color:black; padding:10px 0px 5px 0px; text-align: center; color:white;}
#last a{color:white; text-decoration: none;}

@media (max-width:750px){
 
    #head .sec a{ width:70px; margin-left:3px; } 
    #head .fir img{height:70px; } 
    


 #sechead { margin: 0px auto; padding:50px 0px;}
#sechead .hef{float:none; width:100%; padding-top:0px; text-align: center;}
#sechead .hef a{ margin:0px auto;}
#sechead .hes{width:100%; float:none; text-align:center; }

#sechead .hes img{height:auto; width:100%; margin-top:40px;}


#why b{display:block; margin:5px 0px;}
#why img{width:60px; margin-top:60px;}
#why{ margin: 40px auto;}
#why .box{display:block; width:80%; padding:0px 10%; }


#first{width:90%;  padding:100px 5% 120px 5%; text-align:center; }
#first h1{font-size:35px;}

#first img{height:50px; }

#foot .bos{display:block; width:100%;  }
#foot .ox{margin-top: 20px ;}
}