@import url('https://fonts.googleapis.com/css?family=Exo:400,700');

.top-one{
    display:flex;
    flex-wrap: wrap;
    margin-top: 3%;

}

.top-one .contact-form{
    margin-top: 2%;
    background: #fbfcff;
}
.top-one .contact-form h4{
   margin: 2% 4%;
   font-family: "Rubik", sans-serif; 
   font-size: 30px;
   font-weight: 600;
}
.top-one form {
  display: flex;
  flex-wrap: wrap;
} 
.top-one form .form-group {
 margin: 2% 4%;
} 
.top-one form .form-group input,.top-one form .form-group textarea{
 background: #e6e5e5;
 color: #111;
 padding: 15px 10px;
} 
.top-one form button {
 margin: 2% 4%;
 padding: 10px ;
 border: none;
 background: #044bcf;
 color: #fff;
 font-size: 18px;
 border-radius: 5px;
 font-family: "Rubik", sans-serif;
 transition: 0.3s;
 box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} 
.top-one form button:hover {
 background: #0e0127;
} 
.top-one img{
   width: 100%;
} 
.top-two{
   margin-top: 3% 0;
   display: flex;
   flex-wrap: wrap;
} 
.top-two .map iframe {
   width: 100%;
   height: 80vh;
} 
.top-two .adrs{
   background: #1769FE;
} 
.top-two .adrs .loc{
   display: flex;
   margin: 5% 10%;
   padding: 20px;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
} 


.top-two .adrs .loc i.fa{
   padding: 20px;
   margin :0 20px 10%;
   border-radius: 50%;
   background: #FEB100;
   color:#fbfcff;
} 
.top-two .adrs .loc h6{
   color:#fbfcff;
} 
.top-two .adrs .loc p{
   color:#fbfcff;
} 


@media(max-width:450px){
    .top-two .adrs .loc i.fa{
       padding: 5px;
       margin :0 10px 20%;
    } 
    .top-two .adrs .loc h6{
       color:#fbfcff;
    } 
    .top-two .adrs .loc p{
       color:#fbfcff;
       text-align:left;
    }
}