
* {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none;
    /* width: 100%; */
}


/* <!-- What are you lookin start --> */
    #whatare1 {
        display: flex;
        justify-content: space-around;
        width: 80%;
        /* border: 1px solid; */
        margin: auto;
        margin-bottom: 2%;
    }
    #whatare2 {
        display: flex;
     
    }
    #whatare2 > h4{
        color: rgb(2, 165, 177);
        margin-left: 20px;
       
    }

    #whatare2 > p{
        margin-top: 21px;
    }

/* <!-- What are you lookin end --> */


/* search start */
    #searchbar1 {
        display: block;
        width: 65%;
        height: 40px;
        /* justify-content: center; */
        text-align: center;
       /* margin: auto; */
       border-radius: 20px;
       border: 1px solid grey;
    }

    #searchbar0 {
        display: flex;
        /* border: 1px solid; */
        /* width: 60%; */
        margin: auto;
        justify-content: center;
        
    }

    #searchbar2 {
        border-radius: 20px;
        width: 8%;
        font-size: 20px;
        font-weight: 500;
        border: transparent;
        background-color: rgb(2, 165, 177);
        color: white;
        margin-left: -8%;
        cursor: pointer;

    }
        

/* search end */





/* medicine start */
.product {
    margin-bottom: 2%;

}
    #medicine_slide1 {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 18px;
        width: 95%;
        margin: auto;
        margin-top: 4%;
        margin-bottom: 30px;
    }

    #medicine_slide2 {
        /* border: 1px solid; */
        height: 200px;
        /* width: 150px; */
    }
    a {
        text-decoration: none;
        margin-top: 20px;
        text-align: center;
        /* margin-top: -30px; */
       
    }

    #medicine_slide2 > img {
        height: 60%;
    }
    #medicine_slide2 > h4 {
        /* margin-top: 4%; */
        /* border: 1px solid grey; */
        text-align: center;
        text-align: center;
        color: rgb(83, 81, 81);
        font-size: 14px;
    }


    #medicine_slide2 > p {
        margin-top: -14%;
        text-align: center;
        font-size: 13px;
        color: red;
    }
/* medicine end */




/* slide1( flat 22%) start */

    .product {
        height: 300px;
        /* border: 1px solid blue; */
    }

    .product-card {
        flex: 0 0 auto;
        /* border: 1px solid blue; */
        width: 33%;
        height: 250px;
        margin-right: 10px;
        margin-left: 10px;
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
        border-radius: 5%;
        margin-bottom: 20px;
        margin-top: 20px;
        
       
      }

    
  
      .img1{
        height: 100%;
        width: 100%;
        /* border: 1px solid;  */
      }
  
      .product-image {
        position: relative;
        width: 100%;
       height: 100%;
        overflow: hidden;
        border-radius: 5%;
        /* border: 1px solid; */
        
      }
 
      
      
      .product-container {
        padding: 0 10vw;
        display: flex;
        /* border: 1px solid red; */
        overflow-x: auto;
        margin-left: -10%;
        scroll-behavior: smooth;
      }
      
      .product-container::-webkit-scrollbar {
        display: none;
      }
      
  
      .pre-btn,
      .nxt-btn {
        /* font-size: 50px; */
        border: none;
        font-size: 20px;
        font-weight: 800;
        color: white;
        width: 5vw;
        /* height: 210%; */
        position: absolute;
        margin-top: 10%;
        background-color: transparent;
        /* top: 10ch; */
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgb(61, 59, 59);
        border-radius: 20px;

        width: 30px;
        text-align: center;
        /* border: 1px solid red; */
        height: 33px;
        cursor: pointer;
        z-index: 8;
      }
      
      .pre-btn {
        /* color: red; */
        left: 0;
        transform: rotate(180deg);
      }
      
      .nxt-btn {
        /* color: red; */
        right: 0;
      }
      
      /*  */
      
      .pre-btn:hover,
      .nxt-btn:hover{
        opacity: 1;
        color: red;
      }
      

/* slide1( flat 22%) end */





/* offer jusr start */

#commonh2{
    padding-left: 2%;
    /* color: red; */
    margin-bottom: 4%;
    
}

#offerjust2 {
    display: flex;
    padding-left: 2%;
    margin-bottom: 4%;
    /* border: 1px solid red; */

    
    
}

#offerjust3 {
    display: flex;
    margin: auto;
    border: 1px solid rgb(237, 234, 234);
    height: 60px;
    width: 30%;
    /* border: 1px solid red; */
    margin-left: 2%;


}

#offerjust3 > img {
width: 20%;
}

#offerjust3 > p {
    font-size: 12px;
    margin-left: 4%;
    
   
    }
    #offerjustimg{
        height: 20px;
        padding: 6%;
        /* display: flex;
        margin: auto; */
    }
    #offerjustimg + p{
        margin-top: 6%;
    }

   
/* offer just end */





/* shop by cat start */

.product1 {
    height: 300px;
    /* border: 1px solid blue; */
    margin: 50px 0;

    margin-bottom: 8%;
}

.product-card1 {
    flex: 0 0 auto;
    /* border: 1px solid blue; */
    width: 15%;
    height: 200px;
    margin-right: 20px;
    margin-left: 10px;
    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */

    /* box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px; */

    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    border-radius: 5%;
    margin-bottom: 40px;
    margin-top: 40px;
    
   
  }



  .product-image1 {
    position: relative;
    width: auto;
   height: 100%;
   /* border: 1px solid; */
    overflow: hidden;
    border-radius: 5%;
    /* border: 1px solid; */
    
  }

  .product-image1  p {
    font-size: 10px;

  }

  
  
  .product-container1 {
    padding: 0 10vw;
    display: flex;
    /* border: 1px solid red; */
    overflow-x: auto;
    margin-left: -10%;
    height: 130%;
    scroll-behavior: smooth;

  }
  
  .product-container1::-webkit-scrollbar {
    display: none;
  }
  

  .pre-btn1,
  .nxt-btn1 {
    /* font-size: 50px; */
    border: none;
    font-size: 20px;
    font-weight: 800;
    color: white;
    width: 5vw;
    /* height: 210%; */
    position: absolute;
    margin-top: 10%;
    background-color: transparent;
    /* top: 10ch; */
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(61, 59, 59);
    border-radius: 20px;

    width: 30px;
    text-align: center;
    /* border: 1px solid red; */
    height: 33px;
    cursor: pointer;
    z-index: 8;
  }
  
  .pre-btn1 {
    /* color: red; */
    left: 0;
    transform: rotate(180deg);
  }
  
  .nxt-btn1 {
    /* color: red; */
    right: 0;
  }
  
  /*  */
  
  .pre-btn1:hover,
  .nxt-btn1:hover{
    opacity: 1;
    color: red;
  }
  
.commonslideimg1 {
/* width: 80%; */
height: 100%;
margin: auto;
display: block;
/* border: 1px solid red; */
}



.product-image1 + p {
    font-weight: 500;
    font-size: 14px;
    color: rgb(64, 61, 61);

}
/* shop by cat end */





/* shop by cat static start */


#orderwith1 {
    width: 100%;
    display: flex;
    margin-bottom: 4%;
    margin-top: -4%;
}

#orderwith2 {
    display: flex;
    margin: auto;
    height: 140px;
    justify-content: center;
    border: 1px solid rgb(239, 234, 234);
    margin-right: 20px;
    padding: 1%;
    font-size: 14px;
}

#orderwith2:nth-child(1) { 
    background-color: rgb(193, 230, 217);
}

#orderwith2:nth-child(2) { 
    background-color: rgb(226, 230, 193);
}


#orderwith2:nth-child(3) { 
    background-color: rgb(230, 193, 218);
}

#orderwithimg {
height: 100px;
width: 120px;
margin-right: 5%;
display: block;
margin: auto;
}

#shopbybut {
    width: 100px; background-color: rgb(35, 174, 165); height: 30px; border: transparent; margin-top: -10px;
    border-radius: 10px;
}

#bstyle12 {
    background-color: rgb(35, 174, 165);
    border-radius: 50%;
    color: white;
    margin-right: 10px;
}

/* shop by cat static end */




/* new launches start */


#commonh2 + p {
    margin-left: 2%;
    margin-top: -3.5%;
    margin-bottom: 4%;
}

#detaildes {
    display: flex;
    font-size: 10px;
    /* width: 100%; */
    margin-top: -13%;
    color: grey;
    
    
}

#detaildes1 > p:nth-child(1){
    color: rgb(53, 111, 120);
    font-weight: 400;
}

#detaildes1 {
    margin-top: -13%;
    display: flex;
    font-size: 10px;
    /* width: 100%; */
    color: red;
}


/* new launches end */





/* trending near you start */

/* same as new launches */


/* trending near you end */


/* <!-- lab test by health start --> */
#labtestby0 {
    background-color: rgb(230, 247, 255);
}
    #labtestb1 {
        color: purple;
        
    }


    #labtestby1 {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 15px;
        /* border: 1px solid grey; */
    }

    #labtestby2 > img{
        height: 30px;
        width: 30px;
        display: block;
        margin: auto;
        margin-right: 10px;
    }

    #labtestby2  {
        display: flex;
        margin: auto;

        /* border: 1px solid; */
    }

    #labtestby2  p {
        font-size: 8px;
    }

    #labtestbyp1 {
        margin-top: -12px;

    }



/* <<<<<<< HEAD */

    #labtestcard1 {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        /* grid-template-rows: repeat(1, 40px); */
        gap: 20px;
        margin-top: 4%;
        /* border: 1px solid red; */
        
    }
    #labtestcard1 img {
        width: 100%;
        /* border: 1px solid blue; */
    }

    #labtestcardimg{
        width: 100%;
    }
    /* #labtestcard1 > img {
        width: 100%;
    } */
/* <!-- lab test by health end --> */




/* become a plus member start */
#becomeaplus1 {
    display: flex;
    margin: auto;
    justify-content: space-around;
    gap: 15px;
    margin-top: 3%;
    /* border: 1px solid red; */
    background-color: rgb(142, 100, 232);
    margin-bottom: 4%;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;

}

#becomeaplus1 > div {
    /* border: 1px solid red; */
    display: block;
    margin: auto;
    color: white;
 
}

#becomeaplusb {
    color: goldenrod;
}

#becomeaplusbut {
    background-color: goldenrod;
    border: transparent;
    height: 30px;
    border-radius: 5px;
    color: white;
    font-weight: 500;
}


/* become a plus member end */





/* payment offer :start */
.img11 {
    height: 100%;
    width: 100%;
    /* border: 1px solid;  */
  }

  .product-image9 {
    position: relative;
    width: 100%;
   height: 100%;
    overflow: hidden;
    border-radius: 5%;
    /* border: 1px solid; */
    
  }
  .product-container111 {
    display: flex;
    height: 100px;
    /* border: 1px solid red; */
    margin-top: -2%;
    margin-bottom: 4%;
  }

  .product-card111 {
    display: flex;
    margin-left: 20px;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
  }
/* payment offer end */


/* featured brand card :start */
  #featuredbrandbox {
    border: 1px solid aliceblue;
    margin-top: -4%;
    margin-bottom: 4%;
    background-color: aliceblue;
  }
/* featured brand card emd */






/* deal of day :start */

#dealofdaybox {
    display: flex;
    /* border: 1px solid; */
    height: 35px;
    margin-top: 7%;
    margin-bottom: 2%;
    
}
#commonh211 {
    margin-top: -5px;
}

#dealofdaybut {
    margin-left: 2%;
    height: 35px;
    font-weight: 600;
    background-color: rgb(247, 179, 6);
    color: white;
    border: transparent;
    border-radius: 5px;
}

/* deal of day :end */
/* ======= */
/* trending near you end */

/* 
new launches end */

/* >>>>>>> f2cf87148a74f6b7d91c6d8aaa16969ab2021ca1 */
