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;
    
}
.mobile-container {
position: absolute;
display: none;
;
top:37px;
left: 97%;
/* max-width: 480px; */
margin: auto;
/* background-color: #555; */
height: 500px;
/* z-index: 2; */
color: white;
border-radius: 10px;
}

@media only screen and (max-width: 800px) {
    .mobile-container {
        position: absolute;
    display: block;
        top:37px;
        left: 95%;
        /* max-width: 480px; */
        margin: auto;
        /* background-color: #555; */
        height: 500px;
        /* z-index: 2; */
        color: white;
        border-radius: 10px;
        }
  }
  @media only screen and (max-width: 800px) {
    .navbar{
        position: relative;
        top: 11px;
         /* border: 2px solid red; */
         display: flex;
         justify-content:space-between;
         height: 55px;
         border-bottom: .1px solid #80808026;
         /* display: none; */
     
     }.logo img{
         width: 155px;
     position: absolute;
     top : -31px;
     left: 71px;
     display: block;
        
         
        
     }.sub-nav{
         margin-right: 10%;
         display: flex;
         /* text-align: center; */
          justify-content: center;
          align-self: center;
          gap: 20px;
          position: relative;
          right:-41px;
          display: none;
     }.logo{
         /* display: flex; */
          margin-left: 10%;
          display: block;
     
         
     }.sub-nav a{
         text-decoration: none;
         font-size: 13px;
         font-family: 'Oswald', sans-serif;
         font: bold;
         font-weight: 600;
         display: none;
     
     }.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;
         display: none;
     }.sub-nav div{
         position: relative;
         top: 10px;
         display: none;
     }.ads{
         /* height: 20px; */
         /* position: relative; */
         
         background-color: #f94b4b;
         color: white;
         position: relative;
         top:-11px;
         text-align: center;
         
          font-weight: 400; 
         font-size: 14px;
         display: none;
         
     }.ads > p{
         display: block;
         padding: 3px;
         font-weight: 800;
         font-size: 12px;
         display: none;
     }.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;
         display: none;
     }.sub-nav2 a{
         text-decoration: none;
         font-size: 13px;
         font-weight: 650;
         position: relative;
         top:-6px;
         display: none;
         
         
     }
  }
  @media only screen and (max-width: 300px) {

    .logo img{
        width: 20px;
    position: absolute;
    top : -31px;
    left: 71px;
    display: block;
       
        
       
    }

  }