/* *************************************** slied ************************************ */



.leftBtn{

    

    z-index:2;

    top: 41%;

    left: -15px;

    color:#FF450D !important;

        padding-right: 5px;

    font-size: 18px;

    position: absolute;

    border-radius: 50%;

    width: 36px;

    height: 36px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    background: white;

    -webkit-box-shadow: -4px 0px 4px -1px rgba(0, 0, 0, 0.1);

            box-shadow: -4px 0px 4px -1px rgba(0, 0, 0, 0.1);



}

.rightBtn{

    z-index:2;

    top: 41%;

    right: -15px;

    color:#FF450D !important;

    padding-right: 0px;

    font-size: 18px;

    position: absolute;

    border-radius: 50%;

    width: 36px;

    height: 36px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    background: white;

    -webkit-transform: rotate(-180deg);

        -ms-transform: rotate(-180deg);

            transform: rotate(-180deg);

    





-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

        box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);

}





.mainCahngeBtnDiv{

    position: relative

}

.slideShow {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow-x: scroll;

    overflow-y: hidden;

    height: 210px;

    z-index: 1;

    scrollbar-width: none !important;

}



.scrollBarhide{

    scrollbar-width: none !important;

}

.scrollBarhide::-webkit-scrollbar {

    display: none !important;



}







.imageUp {

    height: 200px;

 

    border-radius: 10px;

    z-index: 1;

}



.slideimage {

width: 500px;

z-index: 1;

  margin: 5px

}

.mainslidePart{

position: relative;

}

        





/* *************************************** category ************************************ */



.mainCategoryPart{

    position: relative;

  

}

.mainCategory{

  

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow-x: scroll;

   

    height: 185px;

    z-index: 1;

   

}







.mainCateCard{

    border-radius: 10px;

width: 140px;

height: 170px;



overflow: hidden;

margin: 7px;

background: #F9F9F9;

border-radius: 10px;

}

.cateImgUp{

    margin: 15px 10px 0px 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    height: 100px;

    overflow: hidden;



}



.categoryImage{

    height: 100px;

    width: 100px;

    object-fit: contain;

}

.catName{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;    

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding:  10px 0px 10px 0px; 

    color: #585858c7;



    font-size: 15px;

    text-align:center;

    font-family: Gilroy-Bold;

}

.catName p{

    text-transform:uppercase !important ;

}







.point{



    height: 17px;

    width: 17px;

    margin: 5px 5px 0px 0px;

    background-color: #FF450D;

    border-radius: 50%;

    

}

.titleDiv{

    margin: 10px 0px;

}



.titleDiv .mainProductCategoryName{

    font-size: 17px;

    font-family: Gilroy-Bold;

}





/* *************************************** Item ************************************ */



.mainPageProduct{

    position: relative !important;

}

.itemCategoryProduct{

    height: 335px ;

}

.mainProduct{

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow-x: scroll;

    height: 270x;

    z-index: 1;

}



.mainProductCard{

    border-radius: 10px;

    width: 195px;

    height: 280px;

    

    overflow: hidden;

    margin: 7px;

    border-radius: 10px;



    background: #FFFFFF;

-webkit-box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.04);

        box-shadow: 0px 1px 6px 3px rgba(0, 0, 0, 0.04);

border-radius: 10px;

padding: 10px 10px 0px 10px;



}

.productImgUp{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    height: 126px;

    width: 126px;



    overflow: hidden;

    cursor: pointer;



}

.productImage{

    height: 126px;

    width: 126px;

    object-fit: contain;

}

.productNameDiv{

    margin-top: 10px;

}

.productName{

    font-weight: 700;

    font-size: 14px;

    text-align:center;

    font-family: Gilroy-Bold !important;

    margin-bottom: 0px !important;

    color: #303030 !important;



}



.productPrice{

    font-size: 14px;

    font-family: Gilroy-SemiBold;

  color: #A1A1A1;

}

.mainBtndiv{

    position: relative;

    margin-top: 10px;

}

.addBtn, .outofstock{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    height: 38px;

    background: -webkit-gradient(linear, left top, left bottom, from(#FF6738), to(#FF3A00));

    background: -o-linear-gradient(top, #FF6738 0%, #FF3A00 100%);

    background: linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);

    border-radius: 8px;

    color: white !important;

    font-family: Gilroy-Bold;



  z-index: 1;

}



.number{

    

font-family: Gilroy-Bold;

}

.addAfterBtn{

    position: absolute;

    top: 0px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    width: 100%;

    background: -webkit-gradient(linear, left top, left bottom, from(#FF6738), to(#FF3A00));

    background: -o-linear-gradient(top, #FF6738 0%, #FF3A00 100%);

    background: linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);

    border-radius: 8px;

    height: 38px;

    padding: 3px 5px !important;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    color: white !important;

 

   

}

.cutomAddBtn{

    background-color: #ff9474;

 height: 30px  ;

 width: 32px;

 color: white;

 display: -webkit-box;

 display: -ms-flexbox;

 display: flex;

 -webkit-box-pack: center;

     -ms-flex-pack: center;

         justify-content: center;

 -webkit-box-align: center;

     -ms-flex-align: center;

         align-items: center;

 border-radius: 5px;

 cursor: pointer;



}

.mainImageDiv{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    width: 100%;

}

.carouselUp{

    margin:50px 0px;

}

.homeReview{



    display: -webkit-box;



    display: -ms-flexbox;



    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    width: 100%;

    margin-top: 50px;

  

}



.marginleftReviewBtn{

    margin-left: -170%;

  }

.marginrightReviewBtn{

    margin-left:170%;

}

.leftreviewiconBtn{

    color:white;font-size: 18px;padding-right:3px

}

.rightreviewiconBtn{

    color: white;font-size: 18px; padding-left:5px

}

.homecategorytitle{

    font-family: Gilroy-Bold;margin-bottom: 0px !important;

}

.homeReviewTitleDiv{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

 

}

.homeReviewPoint{

    height: 24px;

    width: 24px;

    margin: 0px 10px 0px 10px;

    border-radius: 50%;

    background: -webkit-gradient(linear, left top, left bottom, from(#FF6738), to(#FF3A00));

    background: -o-linear-gradient(top, #FF6738 0%, #FF3A00 100%);

    background: linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);

}

.reviewTitle{

    font-size: 28px;

    

    font-family: Gilroy-Bold;

}

.homeReview .carousel{

    width: 70%;

  

}

#carouselExampleControls .carousel-item{

   padding: 20px;

height: 189px;

background: #FBFBFB;

border-radius: 15px !important;

}

.reviewDes{

    font-family: Gilroy-Regular;

    font-size: 14px;

    line-height: 15px;

    color: #707070;

    font-family: Gilroy-Regular;



}

  

.userReviewDiv{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  margin-top: 8px;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;



}

.userImage{

    height: 47px;

    width: 47px;

    border-radius: 50%;

    margin-right: 10px;

    overflow: hidden;

}



.mainCuserImage{

    height: 47px;

    width: 47px;

    object-fit: cover;

}

.desDiv{

    height: 98px;

  

    overflow: hidden;

}



.stars i{

 font-size: 14px;

 color: #FF3A00;

}

.userName{

    font-size: 14px;

    font-family: Gilroy-Black;

}

   .icon-opacity-carousel{

     opacity: 1 !important;

   }

   .icon-carousel-mr{

     margin-right: 50%;

   }

   .icon-carousel-ml{

     margin-left: 50%;

   }

   #item-bar .active{

     background-color:white;

   }

   .icon-tab{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    height: 36px;

    width: 36px;

    border-radius: 50%;

    background: -webkit-gradient(linear, left top, left bottom, from(#FF6738), to(#FF3A00));

    background: -o-linear-gradient(top, #FF6738 0%, #FF3A00 100%);

    background: linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);



    -webkit-box-shadow: -4px 0px 4px -1px rgba(0, 0, 0, 0.1);



            box-shadow: -4px 0px 4px -1px rgba(0, 0, 0, 0.1);

  }

 

  

@media only screen and (max-width: 1200px) {

    .carousel{

        width: 80%;

    }

}

@media only screen and (max-width: 600px) {

  

    .point{



        height: 10px;

        width: 10px;

        margin: 7px 5px 0px 0px;

        background: -webkit-gradient(linear, left top, left bottom, from(#FF6738), to(#FF3A00));

        background: -o-linear-gradient(top, #FF6738 0%, #FF3A00 100%);

        background: linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);

        border-radius: 50%;

        

    }

    .slideimage {

        width: 320px;

    }

    .slideShow{

        height: 140px;

    }



    .mainCategory{

        height: 140px;

       

    }

    .mainCateCard{

        width: 100px;

        height: 130px;

        margin: 5px;

    }

    .cateImgUp{

        margin: 5px 10px 0px 10px;

        height: 80px;

    }

    .categoryImage{

        height: 80px;

        width: 80px;

    }

    .catName{

        font-size: 14px !important;

        padding:  10px 0px 3px 0px; 

     

    }

    .leftCatBtn , .rightCatBtn,#rightBtn,#leftBtn,.rightItemBtn,.leftItemBtn{

        display: none;

    }

  .mainProductCard{

    width: 150px;

    height: 214px;

    padding: 5px 8px 0px 8px;



  }

  

  .productImgUp{



    height: 100px;  

    width: 100px;

    

  }



  .productImage{

    height: 100px;

    width: 100px;

  

}

  .productNameDiv{

      margin-top: 5px !important;

    

  }

  .productName{

    font-size: 15px;



}



.productPrice{

    font-size: 14px;

}

.addBtn{

    height: 40px;

}

.addAfterBtn{



    height: 40px;

    padding: 5px 5px !important;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    color: white !important;

   

}

.cutomAddBtn{

    height: 30px !important;

    width: 30px;

}

.itemCategoryProduct{

    height: 255px;

}



.homeReview{

    margin-top: 20px;

    padding-left: 7px;

}



.homeReview .carousel{

    width: 100%;

}

.homeReview .carouselUp{

margin:20px 0px;

}

.desDiv{

    height: 120px;

}

#carouselExampleControls .carousel-item{

    height: 210px;

}

.mainContent{

    padding:0px 0px 0px 0px !important;

}

.titleDiv{

    margin-left: 7px;

    margin-top: 20px;

}

.slideShow{

    margin-bottom: -15px;

}

.mainCategory{

    margin-bottom: -10px;

}

    }