* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* font-family: 'Poppins', sans-serif; */

  /* box-sizing: inherit; */
}
.main-nav{
   padding-top: 12px;
   /* position: fixed; */
}

.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
   
} 
@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;
     
      
     
  }

}







.aBanner {
  width: 100%;
 background-image: url("https://o1-static-pages.s3.ap-south-1.amazonaws.com/shop101-about-us/images/banner.jpg");
   height: 160px;
    margin: 0;
    border: 5px solid  #fa7471;
    
}
.aBanner h1{
margin-left: 23px;
margin-top: 30px;
color: white;
padding-top: 30px;

}
.aResell{
  display: flex;

  width: 85%;
  margin: auto;
  justify-content: space-between;
  margin-top: 30px;

}
.aResell h1{
  color: #fa7471;
}
.aResell p{
  font-size: 20px;
  margin-top: 40px;
}
 @media  (min-width: 200px) and (max-width: 768px) { 
     .aResell{
      display: flex;
      flex-direction: column;
     }
     .aResell2{
      margin-top: 20px;
     }
      
   } 
   .btn{
    /* position: -webkit-sticky;
    position: sticky; */
       
       position: fixed;
       margin: 500px 0 0 1200px;
       z-index: 2;
      
   }
   .shop{
    width: 100%;
    background-color: #eff3f7;
    margin-top: 10px;
    padding-bottom: 40px;
   }
   .shop h2{
    text-align: center;
    padding-top: 20px;
    color:#fa7471;
    font-size: 25px;
   }
    .shop hr{
      width: 40px;
       margin: auto;
       margin-top: 20px;
       border: 3px solid 
       #2e3748;
    }
   .popularities{
      width: 70%;
      margin: auto;
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
      font-size: 15px;
     
   }
   
   .popularities img{
    display: block;
    margin: auto;
   }
   .popularities mark{
        font-weight:bold;
        background-color: #eff3f7;
        opacity:1;
        color: #fa7471;

   }
   @media  (min-width: 200px) and (max-width: 768px) { 
    .popularities{
     display: flex;
     flex-direction: column;
    }
    .popularities h4{
      text-align: center;
    }
    .popularities div{
      margin-top: 12px;
    }
    /* .aResell2{
     margin-top: 20px;
    } */
     
  } 
  .guide{
    width: 100%;
    margin-top: 12px;
    padding-bottom: 30px;
  }
  .guide h1{
      text-align: center;
      color: #fa7471;
  }
  .guide hr{
    width: 40px;
    margin: auto;
    margin-top: 20px;
    border: 3px solid 
    #2e3748;
  }
  .guide img{
      width: 90%;
      display: block;
      margin: auto;
  }
  .story{
    display: flex;
    justify-content: space-around;
    background-color: #eff3f7;
  }
  .story2{
    /* border: 1px solid black; */
    width: 50%;
    box-sizing: border-box;
   padding-top: 150px;
  }
  /* .story1 img{
    height: 700px;
  } */
  .story hr{
    width: 40px;
      float: left;
    margin-top: 10px;
    border: 3px solid 
    #2e3748;
  }
  .story2 h1{
    color: #fa7471;
  }
  .story2 p{
    font-size: 20px;
    color: #2e3748;
    margin-top: 20px;
  }
  @media  (min-width: 200px) and (max-width: 768px) { 
    .story{
     display: flex;
     flex-direction: column;
    }
    .story1 img{
      display: block;
      margin: auto;
    }
    .story2{
      text-align: center;
      width: 100%;
      
    }
    .story2 hr{
     margin-left:50%;
    }
  }
  .main{
    padding-top: 30px;
    width: 80%;
    margin: auto;
    display: flex;
    padding-bottom: 30px;
  }
  .main hr{
    width: 40px;
  
  margin-top: 10px;
  border: 3px solid 
  #2e3748;
 


  }
  @media  (min-width: 200px) and (max-width: 768px) { 
    .main{
     display: flex;
     flex-direction: column;
   
  }
}
  .main h1{
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fa7471;
  }
  .main p{
    padding-top: 20px;
    font-size: 18px;
    color: #2e3748;
  }
  .team{
    padding-bottom: 30px;
  }
  .ourTeam h1{
    text-align: center;
    color: #fa7471;
  }
  .ourTeam hr{
    width: 40px;
    float: left;
  margin-top: 10px;
  border: 3px solid 
  #2e3748;
  display: block;
  margin: auto;
  margin-left: 150px;
  }
  .sub-ourTeam{
    width: 60%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 30px;
    font-size:larger;
    font-size: 17px;
    color: #2e3748;
   
  }
  .main-footer{
    /* position: absolute; */
    top: 120vh;
   background-color: #133b60;
    width: 99.8%;

}

 /***********888888888************* founders *********************888888**************************************/

  .main-founders{
    background-color: #eff3f7;
    padding-top: 30px;
    padding-bottom: 30px;
       
  }
  .main-founders h1{
    text-align: center;
    color: #fa6075;
  }
  .main-founders hr{
    width: 50px;
    margin: auto;
  margin-top: 10px;
  margin-bottom: 20px;
  border: 3px solid 
  #2e3748;


  }
  .founders{
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
  }
  .founders div{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: white;
    padding: 30px 10px 60px 12px;
  }
  .founders h3{
    text-align: center;
    font-size: 17px;
    margin-top: 18px;
  }


         /* **********************************investers **********************************************/
 .main-investers{
      padding-top: 40px;
      padding-bottom: 40px;
 }
.main-investers h1{
    text-align: center;
    color: #fa6075;
}
.main-investers>hr{
  width: 50px;
  margin: auto;
margin-top: 10px;
margin-bottom: 20px;
border: 3px solid 
#2e3748;

}
.investers{
  width: 80%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
  padding-top: 10px;
  justify-content: space-between;
  font-size: 18px;
  color: #2e3748;
}
.investers img{
  display: block;
  margin: auto;
  margin-top: 40px;
}


.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;
        }
  }