*{
   margin:0px; 
   padding:0px;
   box-sizing: border-box;

}
#footer1{
width:100%;
height:50vh;
background-color:#0087a8;
margin-top:50px;


}

#footer11{
   width:auto;
   height:70%;
   padding:20px;
   display:flex;
   justify-content: space-around;
   
   
}
#footer12{
width:100%;
height:30%;
margin:auto;
padding:10px;
display:flex;
justify-content: space-around;
align-items: center;
text-transform: uppercase;



}

.footer11-title{
border-bottom: 1px solid  #0fbce7e9;
font-size: 1vw;
text-transform: uppercase;

}

.footer11-parts{
   padding:3.5px;
   font-size: 1vw;
}

.footer111:hover{
   text-decoration: underline;
   
}

#footer11-div1{
 width:auto;
 height:auto;
   padding:10PX;
}

.footer121{
 width: auto;
 height:25px;
   font-size:1vw;
   background-color: #0b5e72;
   padding:5px;

}

.footer121:hover{
   text-decoration: underline;
}



#footer2{
width:100%;
height:45%;

background-color: #fff;
display:grid;
grid-template-columns: repeat(4,1fr);
gap:3%;
padding:2% 5%;

}

.footer2{
 
  padding:5px;
}

.footer21-title{
  border-bottom:1px solid #1c1c1c6e;
  
  margin:5px;
}

.footer21 h3 {
  color:black;
  font-size: 1vw;
  margin:3px;
  
}

.footer21 a p{
  color:#1c1c1c;
  font-size: 1vw;
  margin:5px;
}

.footer21{
font-family: sans-serif;
line-height: 115%;

}

.footer21 a p:hover{
  text-decoration: underline;
}


.footer211{
  width:100%;height:auto;
  display:grid;
  grid-template-rows:  repeat(4,1fr);
  
  border-left: 1px solid #1c1c1c70;
  gap:2%;
}

.footer2111{
  width:100%;

  padding:3px;
}

#footer3{
width:100%;
height:50px;
background-color: #03738f ;
display:flex;
justify-content: space-between;
align-items: center;
color:white;
padding: 0px 100px;
margin-bottom: 30px;
font-size: 1vw;

bottom:0px;
z-index:10;
}
.footer31{
  width:auto;
  height:40%;
}
.footer312{
  display:flex;
}

.footer312 img{
  margin-left:10px;
  cursor:pointer;
}