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

    /* box-sizing: inherit; */
}
.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;
       
        
       
    }

  }






.banner{
    width: 100%;
    height: 500px;
    background-image:url("https://o1-static-pages.s3.ap-south-1.amazonaws.com/shop101-home/images/banner/background.jpg") ;
      
      /* margin-top: 34px; */
      /* position: sticky; */
      background-position: center;

}
/* .banner img{
    width: 100%;
    height: 60%;
} */
.banner-holistic{
    width: 80%;
   margin: auto;
    display: flex;
    /* border:3px solid red ; */
    justify-content: space-between;
    
   


}
.banner-1{
    width: 40%;
 padding-top: 100px ;
 /* border: 1px solid black; */
 height:500px;
}
.banner-1 img{
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
    margin-bottom: 20px;
}
.banner-2{
    width: 50%;
    height: 300px;
  
    margin-top: 200px;
     
    font-size: 20px;
    /* border: 1px solid pink; */
}
.banner-2 input{
    margin-top: 10px;
    width: 300px;
    height: 40px;
    margin-left: 10px;
    border-radius: 5px;
   

}
 .banner-2 input::placeholder {
     padding-left: 10px;
     font-size: 20px;
}
.banner-2 h1{
    margin-top: 30px;
    color: #fa6075;
    margin-left: 10px;
}.banner-2 h3{
    margin-top: 30px;
}
.banner-2 button{
    width: 80px;
    height: 40px;
    /* background-color: #fa6075; */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border: none;
    border-radius: 2px;
    
}
#getlink{
    background-color: #fa6075;
}
.download{
     
            display: flex;
            justify-content: center;
            align-items: center;
            /* border: 1px solid black; */
            width: 50%;
            margin-top: 20px;
            background-color: #fa6075;
            border-radius: 4px;
}
.download>a{
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 20px;
    color: white;
}
.sub-down{
    margin-top: 4px;
    margin-left: 4px;
}
.download button {
    
    border: 1px solid green;
    
    /* display: inline; */
}
.download img{
    margin-top: 10px;
    margin-bottom: 10px;
  

}

  /* ************************************third step****************************************************************/
.step-to-resell{
    width: 70%;
    margin: auto;
    margin-top: 20px;


}
.step-to-resell h1{
    color: #fa6075;
}
.resell{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: 20px;
    justify-items: space-between;
    width: 90%;
    margin: auto;

}
.step,h3,p{
      margin-top: 12px;
      font-size: 20px;
}
.step button{
    margin-top: 15px;
    font-size: 15px;
    height: 30px;
}
.step button:hover{
    cursor: pointer;
    background-color: #fa6075;
    border-radius: 5px;
    border: none;
    color: white;
}

.btn{
    position: relative;
   float: left;
 
  
}
.btn button{
    color: #fa6075;
}
.sub-btn{
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
}
.btn:hover .sub-btn{
    display: block;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 3px;
}
.dropdown1{
    display: flex;
   

}
.dropdown1 input {
    width: 150px;
    height: 30px;
    /* background-color: #fa6075; */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
   margin-top: 14px;
    border-radius: 2px;
    border: 1px solid transparent;
}
.dropdown1 input::placeholder{
    padding-left: 10px;
    font-size: 10px;

}
.dropdown1 button{
    width: 80px;
    height: 30px;
    /* background-color: #fa6075; */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
     font-size: 10px;
    border-radius: 3px;
    margin-bottom: 20px;
    border: none;
    color: white;

}
.dropdown2{
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid black; */
    width: 100%;
    /* margin-top: 20px; */
    background-color: #fa6075;
    border-radius: 4px;

    
}
/* .dropdown2 button{
    width: 130px ;
    font-size: 10px;
    margin-bottom: 10px;
    background-color: #fa6075;
    border: none;
} */
.dropdown2 a{
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 20px;
    color: white;
   
}
.dropdown2 img{
    margin-top: 10px;
    margin-bottom: 10px; 
}
.drop-down{
    margin-top: 4px;
    margin-left: 4px;
   
   
}
/* *********************website advertisement******************************* */

.language{
    display: flex;
    width: 140px;
   
    
    justify-content: space-between;
    float: right;
    font-size: 10px;
}
.eng{
    color: #fa6075;
    border-right: 1px solid rgb(77, 67, 67);
   cursor: pointer;
}
.hindi{
 cursor: pointer;
    
    margin-top: 7px;
}

.hindi-img {
    display: none;
    
   
}
.heading{
    text-align: center;
    color: #fa6075;
    padding-top: 30px;
    padding-bottom: 30px;
}

.swiper {
    width: 100%;
    height: 800px;
    /* border: 1px solid black; */
    border-radius: 5px;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin: 5px; */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
   
  }

 

  .swiper {
    width: 80%;
    height: 400px;
    margin: 20px auto;
  }

  .append-buttons {
    text-align: center;
    margin-top: 20px;
  }

  .append-buttons button {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 13px;
  }
  .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;
        }
  }