*
{
    padding: 0%;
    margin: 0%;
    text-decoration: none;
    list-style: none;
     font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}


/*==================================================swiper slider===================================  */
.HeaderWrapper
{
  width: 100%;
 
margin: auto;

}



 .swiper
  {
  width: 100%;
  height: 40px;
  margin: auto;
 
}
.swiper-slide
{
 background-color: #edede4ee;
   
    padding-top: 10px;
   
    
}
.swiper-slide h5
{
text-align: center;
color: rgb(95, 93, 93);
font-size: 17px;
font-weight: 200
}

/*=================================================menulogocartheadersection===================================  */


.logocartwrapper
{

  width: 100%;
  height: 80px;
  margin: auto;
  display: flex;
  justify-content: space-between;

}

.menuicon
{
  display: flex;
  justify-content: flex-start;
  flex-basis: 33.33%;
padding-top:18px ;
 padding-left: 10px;

}
.menuicon span
{
display: none;


}

.logoicon
{
  display: flex;
   flex-basis: 33.33%;
  justify-content: center;
  align-items: center;
   padding-bottom: 4px;
   
   
}

.logo img
{
  width: 180px;
  height: 26px;
 margin-bottom: 7px;

}


.headcarticon
{
   flex-basis: 33.33%;
  display: flex;
   justify-content: flex-end;
  
   padding-right: 10px;
  
   padding-bottom: 16px;
  
    
}
.headcart
{

  display: flex;
  flex-direction: column;
 
justify-content: center;
gap: 10px;

  
}

#cartcount
{
  
  width: 17px;
  height: 17px;
  background-color: black;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  font-size: 13px;
  margin-left: 4px;
  color: white;
  
  
}

.headcart img
{
  width: 24px;
  height: 24px;
  cursor: pointer;
}


/*==================================================Navigation=========================================  */
 .mainNavi
 {
  width: 100%;
  height: 30px;
 }
 .Naviwrraper
 {
  width: 99.50%;
  height:30px ;
 }
.navigationbar
{
  width: 99.30%;
  height: 30px;
   display: flex;
  justify-content:space-around;
  align-items: center;
  margin: auto;
  
}

.navigationbar a
{
   color: rgb(16, 16, 16);
  position: relative;
  cursor: pointer;
  }
 .navigationbar a::after
{
  content: "";
  position: absolute;
  bottom: -5px;
  height: 4px;
  width: 100%;
  left: 0;
  background-color: black;
  transition: 0.4s;
  transition-timing-function: ease-in-out;
  transform: scaleX(0);
}
.navigationbar a:hover::after
{
  transform: scale(1);
}



/*==================================================MenuBox=========================================  */

.Menubox
{
  width: 322px;
  height:100%;
 position: fixed;
 margin: auto;
  top: 0%;
  left: -322px;
border: 1px solid rgba(77, 75, 75, 0.211);
  border-left: none;
 z-index: 14;
 background-color: white;
 transition: 0.5s;

}

.menuboxoverlay
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index: 13;
  opacity: 1;
 display: none;
}



.close
{
width: 322px;
height: 0px;


}
.close span
{
 font-size: 25px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.menuwrapper
{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction:column;
  justify-content:space-between;
 
}



.menudivison
{
  width: 100%;
 height: 13.40%;
border: 1px solid #dbd7d7;
border-top: none;
align-items: baseline;
padding-top: 40px;
padding-left: 6px;



}

.menudivison a
{
 color: rgb(16, 16, 16);
 font-size: 15px;

}

.menuboxbutton
{
  width: 100%;
  height: 40px;
  background-color:white;
  align-items: center;
  text-align: center;
  padding-top: 2px;
}

.menuboxbutton button
{
 width: 98%;
 height: 35px;
  background:none;
   font-size: 16px;
   font-weight: 500;
background-color: black;
border: none;
 color: white

}


.showmenubox
{
left: 0px;
}
/*==================================================Registration Modal Box=========================================  */
.registrationwrapper
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: -60%;
  left: 50%;
  transform: translate(-50%,-50%);
 border-radius: 5px;
 z-index: 7;
 text-align: center;
 transition: 0.3s;
 overflow-y: auto;

 }
 
.registration
{
  width: 100%;
height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
 background-color:white;

color: white;

}

.registerh3
{
  width: 100%;
  height: 35px;
  background-color: black;
  color: white;
  font-weight: 550;
  font-size: 16px;
  padding-top: 5px;
  
}

.regteritem input
{
  width: 90%;
  height: 40px;
  
 border: 1px solid black;
 border-radius: 4px;
}
.regteritem input:focus {
  outline: none;
}


.regbutton
{
  width: 100%;

  background-color: black;
}

.regbutton button
{
width: 100%;
height: 40px;

background: 0 0;
border: none;
color: white;
font-size: 16px;
font-weight: 500;
}
.showregistration
{
  top: 50%;
  
}


.registrationwrapper .close span
{
 font-size: 25px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: white;
}
.error
{
  
  color: rgb(240, 50, 8);
  font-size: 14px;
  font-weight: 500;
  font-family: 'Times New Roman', Times, serif;
}

.overlay5
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index: -1;
  opacity: 0;
  transition: 0.3s;

}
.showoverlay
{
  z-index: 10;
  opacity: 10;
}

.sucessbox
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 80%;
  height:50%;
  top: -60%;
  left: 50%;
  transform: translate(-50%,-50%);
  border-radius: 15px;
  margin: auto;
  background-color:white;
  z-index: 11;
  box-shadow: 0px 0px 5px 0px #ccc;
  transition: 0.5s;
 }

 .sucessbox span
 {
  font-size: 40px;
 }
  .sucessbox img
  {
    width: 100%;
     height:55%;
  }

  .shopcontinue
  {
width: 80%;
background-color: black;
margin-bottom: 20px;
text-align: center;
border-radius: 5px;
  }
  .shopcontinue button
  {
    width: 80%;
padding: 8px;
background: 0 0;
border: none;
color: white;
font-size: 20px;
font-weight: 350;

  }
  .showsuccessbox
  {
    top: 50%;
  }

  /*==================================================SalwarKurtaPageTitle=====================================  */
  
  .slawarshirtsandalTitle 
  {
    width: 100%;
     text-align: center;
     padding-top: 5px;
   }
  .slawarshirtsandalTitle h1
  {
    
   font-size: 24px;
   font-weight: 450;
    }
    .slawarshirtsandalTitle p
    {
margin-top: 4px;
    }
/*==================================================SalwarKurtaPageSortSearchDivCss=====================================  */

  .SortandSize
  {
    
    width: 100%;
   padding-top: 12px;
   display: flex;
justify-content: center;
gap: 19px;
padding-left: 1px;
}
.Sortbutton
{
  background-color: #ccd5d569;
  width: 135px;
  height: 50px;
  border-radius: 5px;
}



#sortbutton
{
  border: none;
  background: none;
   width: 135px;
  height: 50px;
  font-size: 12px;
  text-align: center;
  color: #363635;
}

#sortbutton:focus
{
outline: none;

}


 
.SortbuttonX
{
  background-color: #ccd5d569;
  width: 135px;
  height: 50px;
  border-radius: 5px;
}



#sortbuttonX
{
  border: none;
  background: none;
   width: 135px;
  height: 50px;
  font-size: 12px;
  text-align: center;
  color: #363635;
}

#sortbuttonX:focus
{
outline: none;

}












/*==================================================SalwarKurtaProductGalleryDivCss=====================================  */
.gallerykurta
{
  width: 100%;
 
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
gap: 50px;
  
 
}
.gallerykurtawrapper
{

 width: 330px;
  height: 430px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
margin-bottom: 45px;
margin-top: 40px;

  
}
.gallerykurtawrapper img
{
  width:330px;
  height: 430px;

}
.gallerykurtawrapper p
{
  width: 330px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 7px;
}
.gallerykurtawrapper span
{
background-color:  #ccd5d569;
font-weight: 750;
font-size:15px ;
width: 45px;
color: rgb(19, 19, 19);
text-align: center;
border-radius: 7px;
display: inline-block;
font-family: 'Courier New', Courier, monospace;
}


/*==================================================SalwarKurtaProductGalleryDivCss=====================================  */

  .mainsingle
  {
    width: 100%;
     height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 15px;
    background-color:white;
    padding-right: 25px;
    
  }

  .singleproductimage
  {
    flex-basis: 65%;
    display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
  }
  .singleproductdetail
    { 
    flex-basis: 35%;
     font-size: 22px;
     background-color:white;
    
  }
  .singleproductdetailwrapper
  {
    font-size: 15px;
    font-weight: 400;
text-align: center;
}

    .icon1
    {
      text-align: center;
       font-size: 14px;
    }
    
     .singleproductiamgewrapper
     {
       position: relative;
     }
      .singleproductiamgewrapper button
      {
       
    width: 0px;
    height: 0px;
      } 

 .singleproductiamgewrapper i
 {
   
    font-size: 0px;
 }


      
  .singleproductiamgewrapper img
  {

    width: 400px;
    height: 550px;
  }
.titledescription
{
  width: 100%;
  font-size: 19px;
  text-align: start;
  font-weight: 500;
  
}

.titledescription ul li
{
font-weight: 600;

}



  .icon
  {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
   font-size: 25px;
    margin-top: 28px;
    gap: 85px;
   }
  .icon1 i
  {
    font-size: 33px;
  }
   .icon span
   {
    font-size: 33px;
   }

.sizetitle h4
{
 text-align: start;
 margin-top: 27px;
 color:#1b1a1a;
 font-weight:400;
 font-size: 14px;
}



.sizeselectmaster
{
  width: 100%;
  display: flex;
  justify-content: baseline;
  margin-top: 10px;
  gap: 10px;
}




.radiobox {
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid #e3dcdc;
  display: flex;
  justify-content: baseline;
  align-items: center;
  display: inline-block;
  font-size: 12px;
  border-radius: 5px;
  color: #4c4a4a;
  
  
  
  
  
}

input[type="radio"] {
  appearance: none;
}

input[type="radio"] + label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
 


}

input[type="radio"]:checked + label {
  background: rgb(18, 18, 18);
  color: white;
  
}
.sizeerrorspan
{
  width: 100%;
  
   text-align: start;
   
    color: rgb(236, 7, 7);

}


 .specifiction
   {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 15px;
    margin-top: 25px;
    text-align: start;
   
   }

   .singlepagequantity
   {
    color: #1b1a1a;
     font-weight: 400;
     font-size: 14px;
   }
   


.plusminusRemove
{ 
  
 width: 45px;
align-items: center;

 
  
}
.incredecre
{
 
  display: inline-flex;
  background-color: #edede4ee;
  align-items: center;
  border-radius: 2px;
  overflow: hidden;
  margin-top: 0px;
  
 
  }
.incredecre button
{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border: none;
 width: 45px;
 height: 40px;
 font-size: 12px;
 background: 0 0;
 color: #2a2a2a;
 cursor: pointer;
 }
.incredecre input
{
 width: 45px;
 height: 40px;
 text-align: center;
 border: none;
 color: #2a2a2a;
 font-size: 13px;
 background: 0 0;
 font-weight: 600;
 
}
#qunantity:focus-visible
{
outline: none;
}





.singlepageprice
{
  display: block;
  text-align: start;
 height: 25px;
  margin-top: 25px;
  align-items: center;
}


   .singlepageprice p
   {
    width: 100px;
    font-size: 17px;
    color: #0d0d0d;
    background-color: rgb(255, 119, 70);
     height: 25px;
      align-items: center;
      padding-top: 3px;
      color: black;
      font-weight: 550;
    
   
   }



   .satisfy
   {
width: 100%;
display: flex;
flex-direction: column;
align-items: baseline;
margin-top: 25px;
 padding-left: 0px;
 gap: 10px;
 font-size: 18px;
 text-align: start;

   }

   .BuyorAdd
   {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    margin-top: 25px;
}
   .Buybutt
   {
width: 100%;
background-color: #0d0d0d;
height: 40px;

}

.Buybutt button
{
  background:none;
border:  none;
width: 100%;
height: 40px;
color: white;
cursor: pointer;
}
   .Addbutt
   {
    width: 100%;
    background-color: #363635;
    height: 40px;
   
   }
   .Addbutt button
{
  background:none;
border:  none;
width: 100%;
height: 40px;
color: white;
 cursor: pointer;
}
.productdetails
{
  margin-top: 20px;
  font-size: 13px;
  color: #4e4d4d;
  padding-top: 20px;
  text-align: start;
 
}
.productdetails h3
{
 font-size: 17px;
 font-weight: 550;
  color: #0b0b0b;
 
}
.productdetails span
{
  font-weight: 550;
  color: #0b0b0b;
  padding-top: 5px;
}




.delivery  
{
  width: 100%;
  text-align: start;
   
  color: #312f2f;
  font-size: 13px;
  margin-top:25px;
  
  
}
.productdetails2
{
  
  font-size: 13px;
  color: #4e4d4d;
  padding-top: 10px;
  text-align: start;
 
}
.productdetails2 span
{
  padding-top: 25px;
  margin-top: 10px;
}


.delivery 
{
  font-size: 13px;
  margin-top: 10px;
  color: #4e4d4d;
padding-Top:  15px;
}




.delivery h3
{
font-size: 16px;
 font-weight: 600;
  color: #0b0b0b;
}



/*=======================================addtocartstickypopupDivCss==================================  */

.addcartpopup
{
 
width: 0%;
height: 0%;
}

.addcartpopup button
{
   width: 0%;
height: 0%;
font-size: 0px;

}

/*=======================================CartModalpopupDivCss==================================  */

.maincartoverlay
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index: 14;
  opacity: 1;
 display: none;
}



.Maincart
{
width: 464px;
  height:100%;
 position: fixed;
 margin: auto;
  top: 0;
 right: 0;
border: 1px solid #80808032;
 z-index: 14;

 display: flex;
 flex-direction: column;
 justify-content: space-around;
 background-color: white;
display: none;

}




/*=========== cartheader ======*/
.cartcloseicon
{
  width: 99%;
  margin-left: 10px;

}
.cartcloseicon span
{
  position: fixed;
  top: 0;
  right: 0;
  font-size: 27px;
  font-weight: 500;
  cursor: pointer;
 
}

.cartcloseicon h2
{
  font-weight: 400;
  font-size: 20px;
}


.cartheader
{
  display: inline-block;
  width: 98%;
  height: 29.33%;
margin-top: 15px;
  align-items: baseline;
 display: flex;
 flex-direction: column;
 justify-content:flex-start;
 margin-left: 10px;
 gap: 10px;




}


.carttitle
{
  
  align-items: baseline;
  

}
.carttitle p
{
  padding-top: 10px;
  font-size: 16px;
}
.carticon
{
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding-top: 10px;
  text-align: center;
  align-items: center;
  margin-top: 7px;
}
.carticon span
{ 
  font-size:35px;

}
#p1
{
  
font-size: 12px;
}



.messageproductadded 
{

   display: flex;
 
   width: 100%;
  height: 30px;
 padding-left: 35px;
 
  display: none;
  
  }
  .box
  { 
    
    background-color: rgba(90, 194, 90, 0.24);
  color: green;
  font-size: 14px;
 text-align: center;
    width: 90%;
    height: 40px;
    padding-top: 12px;
    border-radius: 6px;
  
  }

.messageproduct
{

   display: flex;
  width: 100%;
  height: 30px;
 padding-left: 35px;
 display: none;
  }



.box4
  { 
    
    background-color: rgba(251, 137, 126, 0.24);
  color: rgb(243, 53, 19);
  font-size: 14px;
 text-align: center;
    width: 90%;
    height: 40px;
    padding-top: 12px;
    border-radius: 6px;



  }

.AlredyproductAdded
{

   display: flex;
  width: 100%;
  height: 30px;
 padding-left: 35px;
 display: none;
  }



  .box5
  {
     background-color: rgba(41, 234, 215, 0.24);
  color: rgb(12, 12, 12);
  font-size: 14px;
 text-align: center;
    width: 90%;
    height: 40px;
    padding-top: 12px;
    border-radius: 6px;
  
  
  }



/*=========== cartdrawer ======*/

.cartdrawer
{
  width: 98%;
  height: 34.23%;
  display: flex;
  flex-direction: column;
   gap: 8px;
   overflow-y:auto;
   border-bottom: 1px solid #d7d2d2;
   margin-top: 10px;
   margin-left: 8px;

   

}
 .singlecartdarwer
    {
width: 100%;
display: flex;
justify-content: space-around;


    }


#removespan
{
  color: red;
  cursor: pointer;
   font-size: 12px;
}



.cartdrawer span
{
font-size: 15px;
}

.detaildrawer span
{
  display: inline-block;
  padding-left: 6px;
  font-size: 14px;
  color: #121212;
   font-weight: 400;

}



.detaildrawer
{
  display: flex;
  flex-direction: column;
  gap:10px;
  font-weight: 450;
  color: #2c2c2b;
    font-size: 13px;
}



.carttext span
{
  color: #4e4e4c;
  font-weight: 550;
  font-size: 13px;
}

.imagedrawer img
{
width: 100px;
height: 120px;
}




.removedrawer
{
  padding-top: 35px;
  font-size: 12px;
}
/*=========== cartdrawer ======*/
.cartfooter
{
  width: 98%;
  height: 36.33%;
  margin-left: 7px;
    

}
.cartshipping
{
width: 100%;
display: flex;
justify-content: space-between;
font-size: 13px;
color: #808080;

}
.cartsubtotal
{
width: 100%;
display: flex;
justify-content: space-between;
font-size: 15px;
margin-top: 4px;
font-weight: 550;
color: #121212;
}

.cartbutton
{
  width: 100%;
  height: 40px;
  background-color: #0d0d0d;
  cursor: pointer;

}
.cartbutton button
{
  width: 100%;
  height: 40px;
  background: none;
  border: none;
  font-size: 18px;
  color: white;
  font-weight: 500;
    cursor: pointer;

}
.cartfootertext
{
  color: rgb(247, 112, 28);
  text-align: center;
  margin-top: 8px;
}

.footertlinkcartview
{
  
  text-align: center;
   margin-top: 8px;
}
.footertlinkcartview span a
{
  margin-top: 25px;
color: #2a2a2a;
font-size: 15px;
}

/*--------------Tag of div--------------*/
.TagOfPay
{
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
    margin-top: 8px;
}
.pay1 img
{
  width: 35px;
  height: 30px;
}





/*=========== Full Page cart css======*/


.supermain
{
  width: 100%;
 
}


.fullcarth1
{
  width: 100%;
  margin: auto;
  text-align: center;
  
}


.fullcarth1 h1
{
  font-weight: 400;
  color: #0d0d0dd9;
}



.HeaderFullcartpage
{
  width: 100%;

  display: flex;

  justify-content:space-around;
  border-bottom: 1px solid  #80808028;
 
  padding-top: 30px;
  
 
}

.headerprice
{
  
  
  text-align: start;
 

}
.headertotal
{
  
  text-align: start;
  

}



.loopwrapper
{
  width: 100%;
  height: 150px;
  border-top: none;
  border-bottom: 1px solid #52525124;
 
}


.loopcartpage
{
 
  width: 100%;
  height: 110px;
  display: flex;
 margin-top: 10px;
  justify-content: space-around;
  padding-top: 20px;
  
}


.fullcartimage
{
  display: flex;
  justify-content: center;
  gap: 0px;
  flex-basis: 33.33%;
}

.fullcartimageflex2
{
  width: 100;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 14px;
  text-align: start;
  padding-left: 4px;

}


.fullcartimage img
{
  width: 100px;
  height: 105px;
}



.fullcartfootermain
{
  width: 100%;
  

}

.fullcartfooterwidth
{
  width: 100%;
  display: flex;
 justify-content: flex-end;

}


.fullcartfooter
{
  width: 400px;
  border: 1px solid #f4f0f0;
  display: flex;
  flex-direction: column;
  padding-top: 5px;
 
}
.price
{
  
  padding-top: 20px;
   flex-basis: 33.33%;
   text-align: center;

}
.total
{
   padding-top: 20px;
    flex-basis: 33.33%;
   
     
   text-align: center;
 
}

.price1
{
  display: none;
  width: 0px;
  height: 0px;
}
.fullcartshipping
{
  display: flex;
  justify-content: space-between;
  color: #808080;

}
.fullcartsubtotal
{
  display: flex;
  justify-content: space-between;
   padding-top: 5px;
}
.fullcartbutton
{
  width: 100%;
  background-color: #0d0d0d;
  height: 40px;
   padding-top: 8px;
   margin-top: 20px;
   
}
.fullcartbutton button
{
  width: 100%;
   height: 40px;
  background: none;
  border: none;
  color: white;
  padding-bottom: 15px;
  font-size: 17px;
  cursor: pointer;
}
.fullcartfootertext
{
  color: rgb(5, 132, 20);
  text-align: center;
  padding-top: 10px;
  margin-top: 20px;


}
 #span
{
font-size: 12px;
color: red;
}

/*-----------------overlay----------------------------*/
.overlay
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index: 16;
  opacity: 1;
 display: none;
}
.loginbuynow
{
width: 500px;
height:100%;
background-color: white;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: fixed;
z-index: 17;
 
overflow-y: scroll;
display: none;
}

.underheader
{
  width: 100%;
  height: 30px;
  background-color:rgb(179, 188, 188) ;
  text-align: center;
  font-size: 13px;
 padding-top: 5px;
  font-weight: 500;
  display: none;
 align-items: center;
  
}




/*-----------------login Checkout initializing----------------------------*/
.initializingcheckout
{
  
  position: fixed;
  top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
font-weight: 550;
color: #6b6a6a;
}

/*-----------------login Checkout Box----------------------------*/
.LoginHeader
{ 
   width: 100%;
  height: 60px;
   display: flex;
justify-content: center;


  }
.arrow
{
 
  flex-basis: 35%;
display: none;
font-size: 20px;

}
.arrow span i
{
  padding-left: 7px;
  padding-top: 12px;
  cursor: pointer;
}

.checkoutlogo
{
 flex-basis: 65%;
text-align: start;
display: none;
padding-top: 10px;
}

.checkoutlogo img
{  
  width: 120px; 
  height:20px

}







.SMSLogininput
{
   position: fixed;
     display: none;
     width: 100%;
     text-align: center;
     margin-top: 30px;
  
}

#title3
{
  font-weight: 550;

}

#title4
{
  font-size: 13px;
  color: #5e5c5c;
  font-weight: 450;
}

.SMSLogininput input
{
  width: 340px;
  height: 50px;
border: 1px solid #ccc;
 border-radius: 5px;
 background: white;
 margin-top: 25px;
 }


 .SMSLogininput input:focus
 {
  outline: none;
}

.SMSLogininput input::placeholder
{
  font-weight:400;
  padding-left: 20px;

}




.box6 .box7
{
  width: 100%;
  height: 40px;
 cursor: pointer;
  color: white;
} 

.box7
{
display: none;
}

.box6 button
{
   cursor: pointer;
  width: 70%;
  height: 40px;
background: none;
border: none;
color: white;
 background-color:#0d0d0d ;
 margin-top: 60px;
 
}
.box7 button
{
   cursor: pointer;
  width: 70%;
  height: 40px;
background: none;
border: none;
color: white;
 background-color: #0d0d0d;
  margin-top: 30px;
}















.orderSummary
{ 
 display: flex;
 justify-content: space-between;

 width: 94%;
  height: 50px;
  border-radius: 9px;
  padding-top: 8px;
    margin-left: 10px;
  margin-top:10px;
 padding-left: 5px;
 padding-right: 5px;
 
 

}
.orderspan 
{ 
display: none;
font-weight: 600;
padding-top: 4px;
  color: #474646e9;
  cursor: pointer;
}

.orderspan span
{  
  
 font-size: 13px;

}


.orderspan img
{  
  height: 15px;
padding-top: 7px;
}

.orderspan button
{
background: none;
border: none;
font-weight: 550;
color:  #474646e9;
cursor: pointer;
}


.orderlink span
{ 
  color: #0a0909;
  font-weight: 550;
  font-size: 14px;
 

}
.orderlink 
{ 
 padding-top: 4px;
display: none;
}




.h41
{
  display: flex;
  justify-content: space-between;
}

.h41 button
{
  background: none;
  border: none;
  color: rgb(26, 66, 230);
  background-color: white;
  display: none;
  font-weight: 600;
}



.h41 span
{
  font-size: 16px;
  font-weight: 250;
  display: none;
}
#changeaddress a
{
  font-size: 12px;
  color: blue;
  font-weight: 650;
  cursor: pointer;
}
.existinguser
{

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 7px;
   width: 94%;
   height: 95px;
margin-top: 15px;
  margin-left: 10px;
    border-radius: 9px;
    font-size: 13px;
   padding-left: 5px;
 padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 7px;
    display: none;
  
   
}
.deileveryadd span
{
 font-size: 11px;

 font-weight: 550;
 color: #313030;
}

#diliverytitel
{
  font-weight: 550;
  font-size: 14px;
}



#fullname,#address1
{
 
  display: none;
  
}
.phonemailicon
{
  display: flex;
  justify-content: flex-start;
  }

  .phonemailicon span 
  {
    padding-left: 5px;
display: none;
color: #7a7979;
font-weight: 600;
font-size: 11px;
margin-top: 4px;
  }

  .phonemailicon i
   {
display: none;
margin-top: 3px;
margin-left: 3px;
  }
  
.paymentmain
{
  margin-top: 15px;
 width: 94%;
  margin-left: 10px;
    border-radius: 9px;
    font-size: 13px;
   display: none;
}
  
#payvia
{
 
  font-size: 15px;
  display: none;
  margin-left: 10px;
  font-weight: 550;
}
.payviamethod
{ display: flex;
  flex-direction: column;

width: 95%;
 
  border-radius: 5px;
  padding-top: 8px;
  margin-left: 10px;
  margin-top: 4px;
  gap: 18px;
  display: none;
}
.payviamethod1
{
display: flex;
justify-content: space-between;

}

#paymenttotal 
{
  font-size: 12px;
  font-weight: 700;
  color: #454343;
}



.border 
{ 
  border-color: #f1f7f7fb; 
  border-width:1px; 
  border-style:solid; 
  border-left: none;
  border-right: none;
 padding-top: 20px;
 padding-bottom: 20px;
 
}

.payment1
{ 
display: none;
font-weight: 600;
  font-size: 13px;
  color: #191919e9;
  width:185px;
  align-items: center;
}
.payment2
{
  display: none;
font-weight: 600;
  font-size: 13px;
  color: #191919e9;
  width:133px;
  align-items: center;

}
.payment2
{
  display: flex;
  justify-content: start;
  cursor: pointer;
}

.payment2 button
{   font-size: 13px;
font-weight: 600;
background: none;
border: none;
  color: #282727e9;
  width:133px;
cursor: pointer;
 
}






.paymentlink a
{ 
  color: #474646e9;
  font-weight: 450;
  font-size: 15px;
}
.paymentlink 
{ 


display: none;
}

.userenterid1
{
  display: flex;
  justify-content: flex-start;
  width: 95%;
  height: 40px;
   margin-left: 8px;
 margin-top: 20px;
 font-weight: 600;
  color: black;
border-radius: 5px;
font-size: 14px;
padding-top: 10px;
padding-left: 10px;
gap: 8px;
}
#userenter1
{
  display: none;
}
#userenter2
{
  display: none;
}





/*----------------- Pop order Summary detail---------------------------*/

.summaryoverlay
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index: 18;
  opacity: 2;
 display: none;
}






.ordersummarymain
{
  width: 500px;
  height: 70%;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
background-color: rgba(204, 224, 224, 0.499);

 display: none;
 z-index: 18;


}
.summarytitle
{ 
  width: 100%;
  height: 40px;
   position: fixed;
  display: flex;
  justify-content: space-between;
  background-color: white;
 padding-left: 10px;

 border-top-left-radius: 10px;
  border-top-right-radius: 10px;


}
.summarytitle span
{
  font-size: 15px;
  font-weight: 550;
}
#closesummary
{
  font-size: 20px;
  color: #808080;
  cursor: pointer;
}

.orderloop

{  overflow: auto;
  width: 100%;
  height: 95%;
  margin-top: 22px;  
 background-color: rgb(248, 255, 255);
padding-top: 15px;
}

.ordercontain
{
  width: 94%;
  margin-left: 12px;
  display: flex;
  justify-content: flex-start;
  font-size: 12px;
 background-color: white;
  border-radius: 10px;
  gap: 15px;
  margin-top: 10px;
  padding-left: 8px;
  padding-top: 4px;
  border:1px solid #ecf7f9;
}

.orderimage img
{
  width: 70px;
  height: 65px;
  border-radius: 7px;
  margin-top: 4px;
}
.orderedetail span
{
font-weight: 550;
color: rgb(107, 106, 106);
font-size: 10px;
}


.summatytitle
{
  font-weight: 550;
  color: #0c0c0c;
  font-size: 12px;
}

.BillSummary
{ width: 95%;
  height: 40px;
 display: flex;
 justify-content: space-between;
 background-color: white;
  border:1px solid #d1ebf0;
 
  border-radius: 10px;
  padding-top: 8px;
  margin-left: 10px;
  margin-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
}
.BillSummary p
{
  color: #0d0d0d;
font-weight: 550;
font-size: 12px;

}

.BillSummary span
{
font-weight: 550;
font-size: 14px;
}

.billtitletag 
{
  width: 100%;
  padding-left: 11px;
  font-size: 14px;
  font-weight: 550;

}



.adddressoverlay
{
width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index: 21;
  opacity: 2;
 display: none;


}


.newuseraddress
{
width: 500px;
  height: 70%;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
background-color: rgba(204, 224, 224, 0.499);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
 display: none;
 z-index: 21;
 padding-left: 17px;
 }

.newuseraddress span
{
  margin-left: 4px;
}
.newadressswrapper 
{
  display: flex;
  flex-direction: column;
  
  width: 100%;
  height: 90%;
  border-radius: 5px;
 padding-top: 7px;
padding-left: 20px;
overflow-y: auto;
gap: 20px;

}



.newadressswrapper input
{
  text-align: center;
  height: 40px;
  width: 90%;
  border:1px solid rgba(180, 227, 240, 0.51);
 
  font-weight: 500;
  border-radius: 7px;
background-color: #d1ebf0;

}


 .newadressswrapper input:focus {
  outline: none;
  background-color: #deedf3fe;
}



.newadressswrapper button
{
   height: 40px;
  width: 90%;
border: none;
background: none;
background-color: black;
color: white;
 display: none;
 margin-bottom: 5px;
  border-radius: 10px;
  cursor: pointer;
}
.userenterid4
{
  
  width: 90%;
 text-align: center;
 border-radius: 7px;
  border:1px solid rgba(180, 227, 240, 0.51);

   margin-left: 7px;
  background-color: #d1ebf0;
  padding: 11px;
 
 
  display: none;
  }


.userenterid4 span
{
font-size: 14px;
font-weight: 550;

}

#newaddresstitle
{
  display: none;
  margin-left: 5px;
  margin-top: 4px;
  font-weight: 550;
  color: black;

}
  .error3
{
  
  color: rgb(193, 18, 18);
  font-size: 17px;
  font-weight: 1000;
  font-family: 'Times New Roman', Times, serif;
}
.changeaddressbutton button
{
  cursor: pointer;
  }
  #closeaddress
  {
    position: fixed;
    top: 0%;
    right: 0%;
    display: none;
    font-size: 24px;
    color: #6f6b6bdd;
    cursor: pointer;
  }

  /*-----------------Exit Pop Up----------------------------*/

.Exitoverlay
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index:21;
  opacity: 2;
 display: none;
}




.exitwrapper
{
  width: 500px;
  height: 35%;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
background-color: white;
display: none;
 z-index: 21;
 border-top-left-radius: 10px;
border-top-right-radius: 10px;


}
.exittitle
{
  width: 100%;
  height: 17%;
  display: flex;
  justify-content: space-between;
   border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #fff7f7;
border-bottom: 1px solid #ece4e4;
}
.titleexit
{
  margin-top: 8px;
  margin-left: 11px;
  font-weight: 600;
  color: black;
}
.exitcloseicon
{
font-size: 22px;
font-weight: 600;
color: #2a2a2a;
}
.exitbutton
{
  width: 100%;
  height: 83%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 27px;
  padding-left: 9px;
}
.yesexit  
{
width: 95%;
height: 50px;
  border-radius: 4px;
}

.yesexit button
{
  width: 95%;
height: 50px;
background: none;
color: black;
font-weight: 500;
border: 1px solid rgb(8, 143, 246);
font-size: 14px;
border-radius: 4px;
cursor: pointer;
}
 .Noexit 
{
width: 95%;
height: 50px;
  border-radius: 4px;
}
  .Noexit  button
{
  width: 95%;
height: 50px;
background: none;
color: white;
font-weight: 500;

font-size: 14px;
border-radius: 4px;
cursor: pointer;
background-color: black;

}
.yesexit button:hover {
  background-color: #2891f3;
  color: white;
}

 .Noexit  button:hover
  {
    background-color: #2891f3;
  color: white;
}
#exitcloseicon1
{
  cursor: pointer;
}
  /*-----------------confirm pop up----------------------------*/
.confirmorderoverlay
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index:22;
  opacity: 2;
  display: none;

}


.confirmorderwrapper  
{
  
  width: 500px;
  height: 30%;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
background-color: white;
display: none;
 z-index: 22;
 border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow-y: auto;

}

.confirmorder1
{
  width: 100%;
  height: 17%;
  display: flex;
  justify-content: space-between;
   border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #fff7f7;
border-bottom: 1px solid #ece4e4;
padding-left: 160px;
}


.confirmtitle
{
  margin-top: 8px;
  margin-left: 11px;
  font-weight: 600;
  color: black;
 
}
.confirmorderbutton
{
  width: 100%;
  height: 83%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 17px;
  padding-left: 4px;
  align-items: center;
  text-align: center;

}
.titleconfirmbutton
{
  width: 95%;
height: 40px;
  border-radius: 4px;
}

.titleconfirmbutton2
{
  width: 90%;
height: 60px;
  border-radius: 4px;
 border: 1px solid rgb(8, 143, 246);
  background-color: white;
  text-align: center;
  align-items: center;
  
display: none;
}




.titleconfirmbutton button
{
 width: 95%;
height: 40px;
background: none;
color: black;
font-weight: 500;
border: 1px solid rgb(8, 143, 246);
font-size: 14px;
border-radius: 4px;
cursor: pointer;
}

.payonlinebutton
{
  width: 95%;
height:40px;
  border-radius: 4px;

}

.payonlinebutton button
{

  
  width: 95%;
height: 40px;
background: none;
color: white;
font-weight: 500;
border: none;
font-size: 14px;
border-radius: 4px;
cursor: pointer;
background-color: black;
}

.titleconfirmbutton button:hover {
  background-color: #2891f3;
  color: white;
}

 .payonlinebutton  button:hover
  {
    background-color: #2891f3;
  color: white;
}
.confirmtotalamount
{
  width: 90%;
  height: 30px;
  background-color: rgb(196, 245, 196);
  color: black;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
 text-align: center;
  margin-top: 2px;
  padding-top: 4px;
  border-radius: 4px;
  margin-right: 15px;
  
}

 /*-----------------order sucess pop up----------------------------*/
.ordersucsessoverlay
{
width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index: 23;
  opacity: 1;
 display: none;
}
.ordersucessbox
{
  width: 500px;
height:100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
text-align: center;
align-items: center;
background-color: white;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: fixed;
z-index: 23;
display:none;

}



.ordersucessbox span
{
  font-size: 65px;
}
.orderh4tag
{
  margin-top: 100px;
  font-size: 17px;
  width: 100%;
  font-weight: 550;
}
.ordersucessbox p
{
  color: #808080;
  font-size: 12px;
  font-weight: 500;

}
 /*-----------------Login Of Oreder details track----------------------------*/
.userordertrackbox
{
width: 500px;
height:50%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);

border-radius: 2px;
}


.trackbox
{
  width: 100%;
height:100%;
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
justify-content: center;

}
.trackinput span
{
padding-right: 10px;
color: #525251;
font-weight: 500;
font-size: 15px;
}
.trackinput input
{
width: 240px;
border: 1px solid #808080;
height: 30px;
border-radius: 4px;



}
.trackinput input:focus
{
  outline: none;
}
#trackbutton
{
  width: 150px;
  height: 35px;
  background: none;
  border: none;
  background-color: black;
  color: white;
  cursor: pointer;

}
 /*-----------------Track Oreder details Page----------------------------*/
.ordertrackoverlay
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index: 25;
  opacity: 1;

}


.ordertrackmain
{
width: 500px;
height:100%;
display: flex;
flex-direction: column;
align-items: center;
background-color: rgb(231, 250, 249);
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: fixed;
z-index: 25;
border: 1px solid rgb(217, 254, 254);
border-radius: 4px;
overflow-y: auto;
}

.trackheader
{
width: 100%;
height: 50px;

text-align: center;
align-items: center;
font-weight: 450;


}


.ordertitletrack
{
  width: 100%;
height:50px;
background-color: white;
text-align: center;
padding-top: 10px;
position: static;

}
.ordertitletrack span
{
  position: fixed;
  top: 0;
  right: 0;
  font-size: 30px;
  font-weight: 600;
  color: #525251;
  cursor: pointer;
}
.trackorderwrapper
{
  width: 95%;
  height: 60%;
  background-color: white;
  margin-top: 7px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
 border-radius: 9px;
 border: 1px solid  #b5b2b2;
}
.singletrackdiv
{
  width: 97%;
  height: 80px;
  border: 1px solid rgb(162, 229, 237);
  display: flex;
  justify-content: space-between;
  margin-top: 7px;
  gap: 20px;
 border-radius: 7px;
  align-items: center;
}
.trackimage img
{
 width:65px;
  height:75px;
  border-radius: 7px;
  margin-top: 5px;
  flex-basis: 15%;
}


.trackspan
{
  font-size: 15px;
  
}

.tracktotal
{
  width: 95%;
  height: 50px;
  background-color: white;
margin-top: 7px;
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid  #b5b2b2;

color: #090909;
border-radius: 9px;
padding-left: 5px;
padding-right: 5px;


}

.tracktotal span
{
  font-weight: 600;
font-size: 13px;
}



.trackdetail
{
  font-size: 13px;
  color: #808080;
  flex-basis: 70%;

}

.trackdetail span
{
  font-weight: 550;
font-size: 13px;
 color: #575656;
}

.trackimage
{
   flex-basis: 15%;
}

.trackprice
{
  
  font-size: 13px;
  color: #808080;
  flex-basis: 15%;
  text-align: center;
 
  
}
.trackprice span
{
font-weight:550;
font-size: 13px;
 color: #444343;

}


.trackordertime
{
  width: 95%;
  height: 50px;
  background-color: white;
margin-top: 7px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
font-weight: 500;
color: #090909;
border-radius: 7px;
padding-left: 8px;
padding-right: 8px;
 border: 1px solid  #b5b2b2;


}

.trackordertime span
{

  font-weight: 600;
font-size: 13px;
}



.trackorderstasus
{
   width: 95%;
  height: 50px;
  background-color: white;
margin-top: 7px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
font-weight: 500;
color: #090909;
border-radius: 7px;
padding-left: 8px;
padding-right: 8px;
 border: 1px solid  #b5b2b2;
}

.trackorderstasus span
{

  font-weight: 600;
font-size: 13px;
}



.trackorderid
{
  width: 95%;
  height: 50px;
  background-color: white;
margin-top: 7px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 13px;
font-weight: 500;
color: #090909;
border-radius: 7px;
padding-left: 8px;
padding-right: 8px;
 border: 1px solid  #b5b2b2;
}

.trackorderid span
{

  font-weight: 600;
font-size: 13px;
}

.cancleorder
{
   width: 95%;
  height: 40px;
  border-radius: 3px;
padding-left: 8px;
padding-right: 8px;
padding-top: 3px;
background-color: black;
margin-top: 7px;
align-items: center;
text-align: center;
margin-bottom: 5px;

}
.cancleorder button
{
  width: 95%;
  height: 40px;
  background: none;
   font-weight: 600;
font-size: 14px;
border: none;
color: white;
cursor: pointer;

}
#canclemessage
{
  font-size: 13px;
  font-weight: 550;
  color: red;
}

.divwrapper
{
  width: 300px;
  height: 300px;
  background-color: #2891f3;
  display: flex;
}

.divwrapper img
{
width: 50px;
height: 50px;
}


 /*-----------------front page banner----------------------------*/

.mainbannerclass
{
  width: 100%;
 
  display: flex;
  flex-direction: column;
 overflow: hidden;
}


.Banner
{
width: 100%;
height: 620px;
overflow: hidden;
}

#img1
{
width: 100%;
height: 620px;
}
#img2
{
width: 0%;
height: 0px;
}


/*----------------explorebuttonDiv---------------------------*/

.TextandButton
{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
height: 200px;
text-align: center;
background-color: #8482822e;
 }
 .explorenow
 {
  display: flex;
  width: 180px;
  height: 60px;
  border:2px solid black;
  margin: auto;
   border-radius: 20px;
  padding-left: 25px;
  cursor: pointer;
 }

 .explorenow button
 {
background: 0 0;
border: none;
  cursor: pointer;
 }
 .TextandButton h1
 {
  font-weight: 300;
 }
 .explorenow span
 {
  font-size: 18px;
 }

/*----------------Front End Fetured Products Div---------------------------*/

.Feturedwrapper
{
  width: 100%;
  display: flex;
  flex-direction: column;

}

.Feturedtitle
{
  width: 100%;
  text-align: center;
  font-size: 22px;
}




/*----------------user return requesst page---------------------------*/
 .userreturnoverlay
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index: 29;
  opacity: 1;
  display:none;

}
#returnregisterclose
{
  cursor: pointer;
}

.userreturnmain
{
width: 500px;
height:450px;
position: fixed;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;

top: 55%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 4px;

}
.userreturnmain button
{
  background: none;
  border: none;
  width: 250px;
  height: 40px;
  background-color: black;
  color: white;
  cursor: pointer;
}

.requestregis
{
width: 500px;
height:100%;
  

display: none;

background-color: rgb(239, 252, 254);
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: fixed;
z-index: 29;

}
.returnrequestwrapper
{
  width: 500px;
height:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;

}

.returnwrapperheader
{
width: 100%;
height: 40px;
background-color: rgb(245, 241, 241);
text-align: center;
align-items: center;
padding-top: 8px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;

}

.returnwrapperheader h4
{
  font-size: 17px;
  font-weight: 500;
}



.returnrequestwrapper input
{

width: 285px;
height: 40px;
border-radius: 4px;
border: 1px solid black;
background-color:white;

}
.returnrequestwrapper input:focus
{
  outline: none;
}
#returnregisterclose
{
  position: fixed;
  top: 0;
  right: 0;
  font-size: 30px;
  font-weight: 600;
  color: #6f6d6d;
}


.returnrequestwrapper textarea
{

width: 285px;
height: 155px;
border-radius: 4px;
border: 1px solid #858585;
background-color:white;
overflow-y: auto;
 resize: none; 
}

.returnrequestwrapper textarea:focus
{outline: none;
}


.returnrequestwrapper button
{
background-color: black;
width: 285px;
height: 40px;
color: white;
cursor: pointer;
border-radius: 7px;
border: none;
}
.error5
{
  color: red;
}
.rquestsuccess
{
  width: 100%;
  height: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  align-items: center;


}
#correcticon
{
 font-size: 70px;
}
#dialoge
{
  font-weight: 600;
}
.vieworderid
{
  display: none;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  margin-top: 150px;
}

#ifno
{
  font-size: 12px;
  font-weight: 500;
  color: red;
}
#alredyregister
{
  font-size: 12px;
  font-weight: 500;
  color: red;

}

.vieworderid input
{


width: 285px;
height: 40px;
border-radius: 4px;
border: 1px solid black;
background-color:white;

}
.vieworderid input:focus
{
  outline: none;
}


.vieworderid button
{
background-color: black;
width: 285px;
height: 40px;
color: white;
cursor: pointer;
border-radius: 7px;
border: none;
}





.viewrequeststatus
{ 
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  justify-content:flex-start;
 margin-top: 50px;
  gap: 20px;
  align-items: center;
  padding-left: 10px;
 
}
.Rheader
{
  width: 95%;
  height: 50px;
  border-radius: 9px;
  background-color: white;
  text-align: center;
  display: flex;
  justify-content: space-between;
    text-align: center;
  align-items: center;
  font-size: 17px;
  padding-left: 4px; 
  padding-right: 4px;
  font-weight: 550;
  border: 1px solid #a6a3a3;
 
}
.Rstatus
{
 
  width: 95%;
  height: 50px;
  display:flex;
  justify-content: space-between;
  background-color: white;
   border-radius: 9px;
   text-align: center;
  align-items: center;
  font-size: 17px;
  padding-left: 4px; 
  padding-right: 4px;
  font-weight: 550;
  border: 1px solid #a6a3a3;
}
#currentorderidstatus
{
  color: #aaaaa7;
  font-size: 13px;
  font-weight: 550;
  font-family: Arial, Helvetica, sans-serif;
}
#Requeststatus
{
  color: #aaaaa7;
  font-size: 13px;
  font-weight: 550;
  font-family: Arial, Helvetica, sans-serif;

}

/*--------------FrontPage Featured Images--------------*/
.FeturedProducts
{
 
  text-align: center;
  margin-top: 150px;
}

.FeturedProducts h1
{
font-weight: 350;

}

.Feturedimages

{

display: flex;
 flex-wrap: wrap;
   justify-content: space-around;
gap: 25px;
 text-align: center;
        margin-top: 30px;
        overflow: hidden;
       
}


.Fimg
{
    
width: 320px;
height: 400px; 
flex-wrap: wrap;
gap: 10px;

 
}


.Fimg img
{
width: 320px;
height: 400px;


}


#ftitlespan
{
    text-transform: uppercase;
  font-size: 14px;
  
  font-weight: 400;
 color: rgb(6, 6, 6);

}



#fprice
{
  font-size: 14px;
  font-weight: 300;
  padding-left: 10px;
color: red;
}

.Frontcategory
{
  
  text-align: center;
  margin-top: 50px;
  
}
.Frontcategory h1
{
 font-weight: 350;
  
}


.Frontcategoryinner
{
  width:100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   gap: 80px;
   text-align: center;
   margin-top: 45px;
}

.categoryimages
{
    
 width: 340px;
 height: 350px;
 border-radius: 50%;
 border: 1px solid black;
 overflow: hidden;
cursor: pointer;


}
.categoryimages img
{
 
 width: 100%;
 height: 100%;

}









/*--------------FrontIConLOGo--------------*/
 .IconLogowrapper
 {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top:120px;
  margin-left: 12px;
  align-items: center;
  
 }

 .icondiv1
 {
  flex-basis: 33%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
 
  
 }
 .Truckdiv1 span
 {
  flex-basis: 33%;
  font-size: 55px;
 }
 .icondiv2
 {
  flex-basis: 33%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  
 }
 .CODdiv1 span
 {
  flex-basis: 33%;
  font-size: 55px;
 }
 .icondiv3
 {
  flex-basis: 33%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  
 
 } 
 .TopRatediv1 span
 {
  flex-basis: 33%;
  font-size:55px;
 }

 
/*--------------Footer--------------*/

.footerwrapper
{ display: flex;
  width: 100%;
  height: 300px;
  background-color: #ccd5d569 ;
  margin-top: 25px;
 

}

.Aboutus
{
  display: flex;
  flex-direction: column;
  justify-content:start;
  align-items: center;
  font-size: 13px;
  flex-basis: 33%;
  height: 300px;
  margin-top: 25px;
  text-align: start;
 
}
.abouttext
{
  width: 50%;
}

.info
{ flex-basis: 33%;
height: 300px;
display: flex;
flex-direction: column;
gap: 17px;
font-size: 13px;
justify-content: center;
align-items: start;
}
.links
{
  display: flex;
  flex-direction: column;
  gap: 17px;
  flex-basis: 33%;
    height: 300px;
    font-size: 13px;
justify-content: center;
align-items: baseline;
    
}

.info a:link 
{
  color: black;
}

/*--------------Accordian--------------*/
.Accordion
{
  display: none;
}

.copyright
{
  width: 100%;
  height: 100px;
  background-color:#ccd5d569 ;
  display: flex;
  justify-content: center;
}

.copylinks
{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 50px;

}
.copylinksdiv
{
  display: flex;
  flex-direction: column;

}

.panel a:link 
{
  color: black;
}


.copyrightdiv
{
  width: 100%;
  height: 100%;
   background-color:#ccd5d569 ;
   text-align: center;
}

.panel

  {
      background-color:#ccd5d569;
}


/*-----------------return policy----------------------------*/
.returnpolicyoverlay
{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  background: rgba(0,0,0,0.5);
  z-index: 30;
  opacity: 1;

}
.returnpolicy
{
width: 500px;
height:100%;
background-color: white;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: fixed;
z-index: 30;

overflow-y: scroll;
text-align: center;

}
.returnpolicy p
{
  font-size: 14px;
  color: #6d6d6c;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: start;
  margin-left: 7px;
}
.returnpolicy h4
{
font-weight: 450;
color: #444343;
}
.returnpolicy h2
{
font-weight: 500;
color: #363636;
}
.returnpolicy span
{
  position: absolute;
  top: 0;
  right: 1%;
  font-size: 20px;
}
/*-----------------Term of Services----------------------------*/

.termofservice
{
  width: 500px;
height:100%;
background-color: white;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: fixed;
z-index: 30;
overflow-y: scroll;
text-align: center;

}
.termofservice span
{
  position: absolute;
  top: 0;
  right: 1%;
  font-size: 20px;
}

.termofservice p
{
  font-size: 14px;
  color: #6d6d6c;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: start;
  margin-left: 7px;
}

.termofservice h4
{
    color: black;
 
}



.privacypolicy
{
width: 500px;
height:100%;
background-color: white;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: fixed;
z-index: 31;
overflow-y: scroll;
text-align: center;

}

.privacypolicy span
{
  position: absolute;
  top: 0;
  right: 1%;
  font-size: 20px;
}
.privacypolicy p
{
  font-size: 14px;
  color: #6d6d6c;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: start;
  margin-left: 7px;
}





.shippingpolicy
{
width: 500px;
height:100%;
background-color: white;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: fixed;
z-index: 30;
overflow-y: scroll;
text-align: center;

}
.shippingpolicy h1
{
  font-weight: 500;
color: #434141;
font-size: 18px;

}
.shippingpolicy h2
{
  font-weight: 400;
color: #363636;
font-size: 16px;
margin-top: 10px;
}
.shippingpolicy span
{
  position: absolute;
  top: 0;
  right: 1%;
  font-size: 20px;
}
.shippingpolicy p
{
  font-size: 14px;
  color: #6d6d6c;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  text-align: start;
  margin-left: 7px;
}