body{
    margin:0px;
}


#topnav {
    overflow: hidden; 
    padding-left: 0px;
    background: white;
	color: #23527c;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.topnav {
    overflow: hidden; 
    padding-left: 0px;
    width: 100%;
    background: white;
    position: fixed;
    top: 0;
    z-index: 9999;
}

.topnav a {
  color: #23527c;
  padding: 45px 10px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  float: right;
  transition: 0.5s;

}

.topnav a:hover {
  background-color: #fff;
  color: #02124f;
  //font-size: 16px;
}

.topnav img{
    padding: 15px 80px;
}

.topnav a.active {
  background-color: #fff;
  color: white;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 1200px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 1200px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: right;
	padding: 5px 5px;
	
  }

  
}


.hover-underline-animation {
  position: relative;
  display: inline-block;
  color: #191970;
  text-decoration: none;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 8px;
  bottom: 0;
  left: 0;
  background-color: #23527c;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
} 
#header{
    padding: 344px;
    display: flex;
    background-image: url("../images/img10.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin: auto;
}


#pre{
    text-align: center;
    padding: 10px;
	width : 100%;
    background-color: white;
}

#pre h4{
    padding: 10px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    text-align: justify;
    text-justify: inter-word;
    text-align: center;
    font-weight: bold;
    color:#191970;
}

#pre h3{
    color:#191970;
    
}
#pre h5{
    padding: 40px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    text-align: justify;
    text-justify: inter-word;
   
}

#ari{
    text-align: center;
    padding: 80px 20px;
    background: #003a62;
}

#ari img{
    position: relative;
    top: 60px;
    border: 7px solid #555;
}

#ari h3{
    color: white;
}

#ari h5{
    padding: 80px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-align: justify;
    text-justify: inter-word;
    color: white;
}

#lexi{
    text-align: center;
    padding: 80px 20px;
    background: #003a62;
}

#lexi img{
    top: 60px;
    border: 7px solid #555;
}

#lexi h3{
    color: white;
}

#pdf{
    border-radius: 8px;
    max-width: 100%;
    height: 100px;
    width : 130px;
}

#pdf img{
  transition: transform .2s;
  margin: 0 auto;
}

#pdf img:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

#space{
height: 30px;
}


#cons{
    text-align: center;
    padding: 60px;
    background-color: white;
    
}

#cons h3{
    color: #333;
}

#cons h4{
    padding: 10px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    text-justify: inter-word;
    text-align: center;
    font-weight: bold;
    color: #003a62;
}

#cons h5{
    
	padding: 40px 20px;
	text-align: center;
	text-justify: inter-word;
	font-size: 16px;
    color: black;
}



#par{
    text-align: center;
    padding: 90px;
}

#par h3{
    color:#191970;
    
}

#ima img{
  transition: transform .2s;
  padding: 20px 20px;

  margin: 0 auto;
}

#ima img:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.5); 
}

#cont{
    padding: 80px;
    background-color: #C0C0C0;
    
}

#cont h3{
    color: #003a62;
	text-align: center;
    
}

#cont p{
    color: #003a62;
    
}

#cont label{
    color: #003a62;
	text-align : left;
    
}


.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    background-color: #003a62;
 cursor: pointer;
    color: white;
    font-family: Comic Sans MS;
}


.btn {
    background-color: white;
    border: none;
    color: #191970;
    padding: 10px;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    position: fixed;
    left: 95%;
    top: 92%;
    border-radius: 50%;
    margin: 4px 2px;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}


html {
  scroll-behavior: smooth;
}


#footer{
    float: left;
    width: 100%;
    color:black;
    padding: 40px 10px;
}

#footer img{
    padding: 15px 0px; 
}

#footer h7{
    color:#191970;
    font-weight: bold;
}

#info{
    margin: auto;
    width: 70%;
    color:#333;
}

.mapouter{height:500px;width:100%;}
.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:100%;}


.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}


<style>
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}
</style>