body{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: Open Sans,sans-serif;
}.navbar{
   position: relative;
   top: -31px;
    /* border: 2px solid red; */
    display: flex;
    justify-content:space-between;
    height: 55px;
    border-bottom: .1px solid #80808026;

}.logo img{
    width: 155px;
position: absolute;
top : -31px;
left: 71px;
   
    
   
}.sub-nav{
    margin-right: 10%;
    display: flex;
    /* text-align: center; */
     justify-content: center;
     align-self: center;
     gap: 20px;
     position: relative;
     right:-41px;
}.logo{
    /* display: flex; */
     margin-left: 10%;
     

    
}.sub-nav a{
    text-decoration: none;
    font-size: 13px;
    font-family: 'Oswald', sans-serif;
    font: bold;
    font-weight: 600;

}.navbar button{
    background-color: #fa6075;
    font-weight: 600;
    border: none;
    color: white;
    padding: 10px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    top: -7px;
}.sub-nav div{
    position: relative;
    top: 10px;
}.ads{
    /* height: 20px; */
    /* position: relative; */
    
    background-color: #f94b4b;
    color: white;
    position: relative;
    top:-11px;
    text-align: center;
    
     font-weight: 400; 
    font-size: 14px;
    
}.ads > p{
    display: block;
    padding: 3px;
    font-weight: 800;
    font-size: 12px;
}.box2 a{
    color:#f94b4b;
}.box a:hover{
    color:#f94b4b;
}.sub-nav2{
    display: flex;
    
    justify-content: space-evenly;
    position: relative;
    top: -19px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}.sub-nav2 a{
    text-decoration: none;
    font-size: 13px;
    font-weight: 650;
    position: relative;
    top:-6px
    
    
}
.main-footer{
    position: absolute;
    /* top: 120vh; */
   background-color: #133b60;
    width: 99.8%;

}
.footer{
  
    /* border: 2px solid red; */
 
   
    /* height: 300px; */
    display: flex;
    justify-content: space-around;
    padding: 20px;
    
}.sub-footer li{
    list-style: none;
    margin-top: 20px;   
    margin-bottom: 15px;
    font-size: 11px;
    font-weight: 400;
    color: white;
}.sub-footer li:hover{
    color:#fa6075;
    cursor: pointer;
    
}.bottom-footer{
    display: flex;
    justify-content: space-around;
   gap : 20px
}.bottom2-footer li{
    list-style: none;
}.bottom-footer img{
    width: 21px;
    padding-top:10px;
    padding-bottom: 10px
}.bottom-footer img:hover{
    width: 22px;
    cursor: pointer;
    
}
    





.top{
    width: 100%;
}
.top>img{
    width: 100%;
}
.toptext{
    width: 60%;
    text-align: center;
    margin: auto;
}



.input-container {
    display: flex;
    align-items: center;
    /* background-color: #f2f2f2; */
    justify-content: center;
  }
  
  .input-addon {
    background-color: #f2f2f2;
    color: #333;
    font-size: 16px;
    padding: 30px;
    border: none;
    border-radius: 4px 0 0 4px;
  }
  
  input[type="tel"] {
    border: none;
    border-radius: 0 4px 4px 0;
    font-size: 16px;
    padding: 30px;
    width: 30%;
    background-color: #f2f2f2;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  }
  
  .link-button {
    background-color: #f71809f6;
    border: none;
    border-radius: 0 4px 4px 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    /* padding: 10px 20px; */
    text-align: center;
    text-decoration: none;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
  }


  .passage{
    text-align: center;
  }

  .mid{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    margin-left: 20%;
    margin-right: 20%;
    /* border: 2px solid black; */
  }

  .step{
    flex: 40%;
    /* border: 2px solid green; */
    
  }

  .blue{
    background-color: rgb(67, 67, 241);
    color: white;
    text-align: center;
    /* height: 100px; */
    /* justify-content: center; */
  }
  .blue>h1{
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .red{
    background-color: rgb(235, 63, 63);
    color: white;
    text-align: center;
  }
  .red>h1{
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }


  .bottom1{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    /* margin-left: 20%;
    margin-right: 20%; */
    /* margin-left: 15%; */
  }
  .img1{
    margin-left: 5%;
  }

  .bottom2{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    /* margin-left: 20%;
    margin-right: 20%; */
    /* margin-left: 15%; */
  }
  .img2{
    margin-left: 10%;
  }







  .foot{
    display: flex;
    margin-inline: 40px;
    
}
.foot1{
    margin-right: 6px;
}
.foot2{
    margin-left: 6px;
}