* {
    margin: 0px;
    padding: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    
}

html,
body {
    background-color: #fff;
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 16px;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

@font-face {
    font-family: Gilroy-Heavy;
    src: url("../font/Gilroy-Heavy.ttf");
}

.font-gilorybold {
    font-family: Gilroy-Heavy;
}

@font-face {
    font-family: Gilroy-Regular;
    src: url("../font/Gilroy-Regular.ttf");
}

@font-face {
    font-family: Gilroy-Bold;
    src: url("../font/Gilroy-Bold.ttf");
}

@font-face {
    font-family: Gilroy-SemiBold;
    src: url("../font/gilroy_semibold.ttf");
}

@font-face {
    font-family: Gilroy-Black;
    src: url("../font/Gilroy-Black.ttf");
}

nav {

    background-image: linear-gradient(to bottom, #E66138 25%, #FC3901 75%) !important;
}

.navbar {
    padding-left: 25px;
    padding-bottom: 1px !important;
}

.navbar-brand {
    display: flex;
}

.loader2 {
    filter: alpha(opacity=80);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: white;
    opacity: 1;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border: 32px solid #FC3901;
    border-color: #FC3901 transparent #E66138 transparent;
    animation: lds-hourglass 1.2s infinite;
}

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}



.comreviewtextarea{
    height: 100px !important;
}
.closeModal i{
    color: #FF3A00;
}
.phoneicon{
    color: #FF3A00;  transform: rotate(-270deg);
}

  .modal-open::-webkit-scrollbar
  {
            display: none;
  }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}
li{
    list-style: none !important;
}
.icon-opacity-carousel{
    opacity: 1 !important;
  }

  .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);
  }
a{
    text-decoration: none !important;
}

.searchicon{
    cursor: pointer;
    padding: 5px 22px;
    margin-left: -20px;
    border-radius: 35px;
    color: #E66138 ;
    background-color: white;
display: flex;
justify-content: center;
align-items: center;
    font-size: 20px;

}
.searchbar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 470px;
    margin-right: 15px;
}



.serachinput::-webkit-input-placeholder { 
color: white;
font-family: Gilroy-Regular;
}
.serachinput{
    width: 100%;
    height: 40px;
    padding: 10px;
    border: none;
    font-size: 15px;
    background-color: #ff9879;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    font-family: Gilroy-Regular;
    color: white;
    
    padding-left: 20px !important;
}

.serachinput:focus{
  outline: none;
}
.sideBarBtn{
    padding-top: 10px;
    display: none;
    margin-right: 5px;
}
.navIcon{
    border-radius: 50%;
    background-color: #ff9879;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   height: 41px;
   width: 41px;
    color: white !important;
    margin: 0px 7px;
    cursor: pointer;
}
.serachHideIcon{
    display: none;
}
.navbar-nav{
    padding-top: 10px;
}
.mainText{
    font-size: 14px !important;
    color: rgba(238, 238, 238, 0.87);
    font-family: Gilroy-Regular;
  }

  .inputdiv{
 
    width: 100%;
      margin-top: -90px;
      padding: 0px 7px;
     
   
 }
 .closeicon{
     padding: 12px 22px 10px 22px;
     margin-left: -20px;
     border-radius: 35px;
     
     color: #E66138 ;
     background-color: white;
 
     font-size: 20px;
    
 }

 .content{
    padding: 120px 35px 0px 30px !important;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    
}
 
 .searchHideInput{
     width: 100%;
     height: 44px;
     padding: 10px;
     border: none;
     font-size: 15px;
     background-color: white;
     border-top-left-radius: 30px;
     border-bottom-left-radius: 30px;
     font-family: Gilroy-light;
     color: rgb(19, 14, 14);
     
     padding-left: 20px !important;
 }
 
 .searchHideInput:focus{
     outline: none;
   }




.sidebar{
    width: 250px ;
}

.fixed-top{
    z-index: 3 !important;
} 
.sidebarCard{
padding: 15px;
border: none;
width: 230px;
background: #FFFFFF;
-webkit-box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.02), 2px 0px 4px 3px rgba(0, 0, 0, 0.02);
        box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.02), 2px 0px 4px 3px rgba(0, 0, 0, 0.02);
border-radius: 15px;
margin-bottom: 10px;
}
.signIn{
    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: 41px;
    width: 100%;
    font-family: Gilroy-Bold;
    color: #FF450D !important;
    background: rgba(255, 60, 0, 0.17);
border-radius: 6px;
}
.signInSm,.sidemenuSm{
    width: 270px !important;
}
.sidebarCardSm{
    width: 300px !important;
}
.sidemenu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 41px;
    width: 100%;
    color: #414141 !important;
    background: #F3F3F3;
    
border-radius: 6px;
margin-top: 10px;


}
.sideIcon{
    font-size: 18px;
    margin-left: 15px;
    width: 33px;

}

.sideSpan{

    font-size: 12px !important ;
    font-family: Gilroy-Bold !important;
}
.activeBg{
    background-color: #FF450D;
    color: white !important;
}
.contactUs{
    pointer-events: none;
    padding: 10px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 10px;
    color: #FF450D !important;

                background: rgba(255, 60, 0, 0.17);
                border-radius: 6px;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                cursor: context-menu;
}

.contactUs .sideDiv{
    font-size: 11px;
    margin-left: 15px;

    margin-top: 5px;
    color: black;
}

.mainSidebar{
    position: fixed;
  top: 0px;
  width: 0px;
  bottom: 0px;
  overflow: hidden;
  background-color: white;
  
  height: auto !important;

  z-index: 6;

}
.sideBarBrand{
    height: 90px;
    padding-top: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #E66138), color-stop(75%, #FC3901)) !important;
    background-image: -o-linear-gradient(top, #E66138 25%, #FC3901 75%) !important;
    background-image: linear-gradient(to bottom, #E66138 25%, #FC3901 75%) !important;   
}
.webnumber,.webmail{
    font-family: Gilroy-Bold !important;
    color: rgba(238, 238, 238, 0.87);
}
.sideBarMaintext{
    
    font-size: 12px !important;
    color: rgba(238, 238, 238, 0.87);
    font-family: Gilroy-Regular !important;
}

.mainSidemenu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 41px;
    width: 100%;
    color: #414141;
    
    
border-radius: 6px;
margin-top: 10px;
}
.mainSideIcon{
    font-size: 20px;
    margin-left: 8px;
    width: 33px;
    color:#FF450D;

}
.mainSideSpan{
    font-size: 12px !important ;
    color: #860c0c;
}
.UsersideSpan{
    font-size: 14px;
    letter-spacing: 0.5px;
}
.UserSideIcon{
    font-size: 15px;
    margin-left: 15px;
    width: 25px;
}

/* ****************************************user div********************************* */


.userLoginDiv{
    padding: 10px;
   display: none;
    margin-bottom: 10px !important;
    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: 10px;

}
.usersideDatileDiv{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    width: 180px;
}
.userImageDiv{
width: 50px !important;

}


.userImageUp{
    height: 40px;
    width: 40px;
    border: 5px solid white;
    border-radius: 50%;
    overflow: hidden;

}
.userImageUp img{
    height: 40px;
    width: 40px;
    object-fit: cover;
}
.usersideImage{
    height: 40px !important;
    width: 40px !important;

}
.userEmailDiv{
margin-left: 10px;

}
.usersideDatileDiv .userName{
    font-weight: bold;
    font-size: 14px;
line-height: 14px;
margin-bottom: 3px;
color: white;

font-family: Gilroy-Bold;
}
.useremail{
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 0px;
    color: white;
    font-family: Gilroy-Regular;
}
.usersidemenu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 41px;
    width: 100%;
    color:white !important;
    background: rgba(255, 255, 255, 0.17);
    border-radius: 4px;
    margin-top: 10px;
    font-family: Gilroy-Bold;

}
.logOut{
    background: rgba(0, 0, 0, 0.49);
}
.activeUserSpan{
    background: #FFFFFF;
    color: black !important;
}

/* ****************************************content div********************************* */

.overlay {
    position: fixed;

    width: 100%;
    height: 100vh !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.431);
    z-index: 5;
    cursor: pointer;

  }

  .mainContent{
      overflow:hidden;
      width: 100%;
      padding:0px 25px ;
      margin-left: 10px;
  
     
  }
  .demo-border{
      border: 1px solid black;
  }

  
  .mainFooter{

      background: #262626;
      padding: 35px 10px;
      

  }
  .socialLinksUl{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;

  }
  .footerVegi{

    font-size: 44px;
    color: #FC3901 !important;
  }
  .socialLinksUl a{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 31px;
      width: 31px;
      color: #FC3901;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: white;
      border-radius: 50%;
      margin: 10px;
  }
  .footerSpan{

      font-size: 15px;
      margin: 10px 26%;
      font-family: Gilroy-Regular;
    
  }
  .footerImageDiv{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0px 20px !important;

      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
 
      margin:10px 0px !important;
  }
  .footerImage{
      height: 44px;
      margin: 10px;
      
  }
  .privacy{
      margin:10px 0px !important;
  }
  .privacy a{
      margin: 0px 10px;
      font-size: 14px;
      font-family: Gilroy-SemiBold;
      color: #656565 !important;
  }
.footerLongDes{
    color: rgba(255, 255, 255, 0.616);
}
.copyrightSlogan{
    color: #656565;margin-top:20px; font-family: Gilroy-Regular;
}

/* ************************************ productDatilesModal ********************************************* */


.productDatilesModal .modal-lg {
    width: 1000px !important;
   
}

#productImageCar .carousel-item {
    width: 100%;
    height: 100%;
    padding: 10px;

}

.carInnerDown {
    width: 100% !important;
}

.number{
    font-family: Gilroy-Bold !important;
}
.addBtn span{
    font-family: Gilroy-Bold !important;
}
.imageUpCar {

    width: 160px;
    height: 160px;
    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;
}
.carimage{
    width: 160px;
    height: 160px;
    object-fit: contain;
}
.carDiv {
     width: 45%;
}

.desdivcar {
    
    width: 55%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 30px;

}

.imageCarDiv {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.productDatilesModal .modal-content {
    border-radius: 20px !important;
    padding: 20px;
}

.mainFullProductContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}


.imageCarDiv .carousel {
    width: 100%;
}

.carouselItemIn {
    width: 100%;
    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;
}


.mPriceList {
    width: 100%;
  
}

.mainOnePrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 50px;
    justify-items: center;

    background: #F3F3F3;
    border-radius: 10px;
    padding: 2px 5px 2px 15px;
}

.mPoint {
    width: 13px;
    height: 13px;
    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%);
    margin-right: 10px;
}

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

.mproductPrice {
    color: #434343 !important;

    font-family: Gilroy-Bold;
    font-size: 14px;
    
}

.mainBtnDivUp {
    margin-top: 2px;
    width: 55% !important;
}

.mPriceList {
    margin-top: 20px !important
}
.mCategoryName{
    font-size: 16px;
line-height: 15px;
color: #FF3A00;
margin-bottom: 10px;
font-family: Gilroy-SemiBold;
}
.mProductName{
    font-size: 24px;
line-height: 28px;

color: #161616;
margin-bottom: 10px;
font-family: Gilroy-Bold;

}
.mDescripation{
    font-size: 14px;
line-height: 15px;
font-family: Gilroy-Regular;
color: #848484;
}
.favBtn{
    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: rgba(255, 58, 0, 0.12);
    border-radius: 10px;   
    width: 42px;
    height: 42px;
    font-size: 20px;
    margin-left: auto;
    cursor: pointer;
}

.closeModal{
    display: none;
}
.closeModal i{
    color: #FF3A00 !important;
}
.productDatilesModal .modal {
padding-right: 0px !important;
}


.modal::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
    display: none !important;
}


/* ********************************** sign out modal************************************************** */

.signOutModal{
    font-size: 15px;
    font-weight: 300;
}

.signOutModal .modal-content{
    border-radius: 20px ;
    overflow: hidden;
    border: none;
}
.signOutModal .mainSignDiv{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;

}
.signOutModal .LoginPart{
    width: 50%;

}
.signOutModal .footerPart{
    min-height: 550px !important;
    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%);
    width: 50%;

}

/* ************************************** map ***************************************** */


#mapUp{
    position: absolute;
top: 0px;
left: 0px; 
right:0px;
width: 100%;
height: 100%;
padding: 10px;
}
#map{
    width: 100%;
  height: 90%;
}

.mapUpBtn{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
    background-color: white;
    height: 10%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0px ;
}

.mapdoneBtn{
    height: 30px;
    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;
    width: 150px;
    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: 5px;
    color: white !important;
    font-family: Gilroy-Regular;
    
}
.mapBackBtn{
    height: 30px;
    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;
    width: 150px;
    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: 5px;
    color: white !important;
    font-family: Gilroy-Regular;
}
.currentbtn{
    height: 30px;
    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;
    width: 30px;
    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: 5px;
    color: white !important;
    margin-left: 10px;
    font-size: 14px;
    font-family: Gilroy-Regular;
}

.mapPoint{
    color: #FC3901;
    font-size: 20px;
    margin-left: 7px;
    
}

.gm-style-iw {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

#map .gm-style-iw button{
display: none !important;
}
/* ****************************************Logout model ********************************* */


.logModal{
    max-width: 350px;
height: 437px;
overflow: hidden;
}

.logoutModal{
    padding-right: 17px !important;
    padding-left: 17px !important;

}
.logoutModal::-webkit-scrollbar
{
  

    display: none;
}

.logoutModal .modal-content{
    border-radius: 20px !important;
    padding: 40px 20px 20px 20px;
  text-align: center;
}
.logAppName{
    background: -webkit-linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 70px !important;
    margin: 10px 0px; 
}

.logModalTitle{
    font-size: 24px;
    font-weight: bold; 
      color: #161616;
      font-family: Gilroy-Bold;
}

.logdis{
    font-size: 20px;
line-height: 19px;
text-align: center;
margin: 10px 5px; 
color: #959595;
font-family: Gilroy-Regular;
}

.logBtn{
    
    border-radius: 5px;
    height: 38px;
    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;
    font-size: 14px;
    
    margin: 10px 0px;
    }
.logDoneBtn{
    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%);
    color: #FFFFFF !important;
    font-family: Gilroy-SemiBold;
}

.logCancelBtn{
    background: #F4F4F4 !important;
    font-family: Gilroy-SemiBold;
    color: #535353!important;
}


/* ****************************************Logout model ********************************* */


.forModal{
    max-width: 350px;
height: 437px;
overflow: hidden;
}

.forgetModal{
    padding-right: 17px !important;
    padding-left: 17px !important;

}
.forgetModal::-webkit-scrollbar
{
  display: none;
}

.forgetModal .modal-content{
    border-radius: 20px !important;
    padding: 40px 20px 20px 20px;

}

.forAppName{
    background: -webkit-linear-gradient(180deg, #FF6738 0%, #FF3A00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 70px !important;
    margin: 10px 0px; 
    width: 100%;
    text-align: center;
}


.forModalTitle{
    font-size: 24px;
    font-weight: bold; 
      color: #161616;
      font-family: Gilroy-Bold;
      width: 100%;
      text-align: center;
}
.forgetDoneBtn{
    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%);
    color: #FFFFFF !important;
    font-family: Gilroy-SemiBold;
    border-radius: 5px;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    outline: none;
    border: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 16px;
    margin: 10px 0px;
    cursor: pointer;
    margin-top: 20px;
    }


   .forLable{
     font-size: 14px;
    line-height: 14px;
    text-align: center;
    font-family: Gilroy-SemiBold !important;
    color: #535353;
    }
    .forInput{
    height: 33px;
    background: #F4F4F4;
    border-radius: 5px;
    border: none;
    font-size: 13px !important;
    color: #535353e7 ;
    font-family: Gilroy-SemiBold !important;
    }
    .forgetModal .form-group {
        margin-bottom: 0.5rem !important;
    }

/* ***********************************footer model********************************** */

.signOutModal .smainFooter{

      padding: 35px 20px;
      

  }
  .signOutModal .socialLinksUl{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 20px !important;

  }
  .signOutModal .footerVegi{

    font-size: 44px;
  }
  
  .signOutModal .socialLinksUl a{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 40px;
      width: 40px;
      color: #FC3901;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: white;
      border-radius: 50%;
      margin: 10px;
      font-family: Gilroy-SemiBold !important;
  }
  .signOutModal .footerSpan{
      font-size: 15px;
      margin: 20px 10px;
      text-align: center;
      max-height: 130px;
      overflow: hidden;
line-height: 15px;
text-align: center;
font-family: Gilroy-Regular !important;
color: #E4E4E4;

  }
  .signOutModal .footerImageDiv{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0px 20px !important;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin:20px 0px 30px 0px !important;
  }
  .signOutModal .footerImage{
      height: 45px;
      margin: 10px;
    
  }
  .signOutModal .privacy{
      margin:10px 0px !important;
      font-size: 10px;
    line-height: 12px; color: rgba(255, 255, 255, 0.79);
  }
  .signOutModal .privacy a{
      margin: 0px 10px;
      font-size: 14px;
      font-family: Gilroy-Regular;
    color: rgba(255, 255, 255, 0.79) !important;
  }
  .signOutModal .copyrightSlogan{
    color:rgba(255, 255, 255, 0.637); margin-top:30px !important; font-family: Gilroy-Regular; font-size: 12px;
  }
  .signOutModal .LoginPart{
    width: 50%;
    padding: 25px 80px 30px 80px;
}

.signOutModal .registerBtn {
            width: 100%;
            height: 35px;
            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%);
            color: white;
            outline: none;
            border-radius: 5px;
            border: none;
            font-family: Gilroy-SemiBold;
            cursor: pointer;
            margin-top: 5px;
        }
        .signOutModal .nav{

  overflow: hidden;
  border-radius: 5px !important;
}
.signOutModal .nav-item{
    width: 50%;
}
.signOutModal .nav-link{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-family: Gilroy-SemiBold;
    color: black !important;
    font-size: 14px;
}
.signOutModal .nav-item .active {
    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: none;
color: white !important;


}
.signOutModal .modal-lg{
   max-width: 900px !important;
}
.signOutModal .sregisternow{
    font-family: Gilroy-Black;
font-size: 18px;

line-height: 19px;
text-align: center;

color: #303030;
}
.signOutModal .slabel{
    font-size: 14px;
line-height: 14px;
text-align: center;
font-family: Gilroy-SemiBold !important;
color: #535353;
}
.signOutModal .sinput{
height: 33px;
background: #F4F4F4;
border-radius: 5px;
border: none;
font-size: 13px !important;
color: #535353e7 ;
font-family: Gilroy-SemiBold !important;
}
.signOutModal .form-group {
    margin-bottom: 0.5rem !important;
}
input:focus{
    outline: none;
}
.signOutModal .googleLoginBtn {
    cursor: pointer;
height: 37px;
background: #FFFFFF;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
border-radius: 5px;
background-color: white;
width: 100% !important;
padding: 5px 40px;
color: #535353;
font-weight: 700;
font-size: 14px;
text-decoration: none !important;
outline: none;
border: none;
font-family: Gilroy-SemiBold !important;
}
.signOutModal{
    padding-left: 17px !important;
    padding-right: 17px !important;
}
.productDatilesModal{
    padding-left: 17px !important;
    padding-right: 17px !important;
}

.margileft35{
    margin-left: -35%;
}
.marginright35{
    margin-left:35%;
}
.lefticon-tab{
    color:white;font-size: 18px;padding-right:3px
}
.righticon-tab{
    color: white;font-size: 18px; padding-left:5px
}
.orClass{
    font-size: 14px;color: #535353; font-family: Gilroy-SemiBold;
}
.googlepriBtn{
    margin-bottom:3px; margin-right:5px
}
.forgetpassBtnn{
    font-size: 14px;color: #535353; font-family: Gilroy-SemiBold;   cursor: pointer;
}
.appnamespeColor{
    color: white !important;
}
.Appslogan{
    font-family: Gilroy-SemiBold;
}
/* ************************************update modal********************************************** */

.updateProfileModal{
    padding: 0px 17px !important;
}

.updateProfileModal .modalSm{
max-width: 394px !important;
}
.updateProfileModal .modal-content{
border-radius: 15px;
padding: 20px;
height: 421px;
}
.updateProdiv{
    display: flex;
    justify-content: center;
    align-items: center;
width: 122px;
height: 122px;
border-radius: 50%;
overflow: hidden;
text-align: center;

}

.updateProdiv img{
    height: 122px;
    width: 122px;

   object-fit: cover;
}
.UPlabel{
font-size: 14px;
color: #535353;
text-align: start;
font-family: Gilroy-SemiBold;
}

.upinput{
width: 230px;
height: 35px;
border: none;
background: #F4F4F4;
border-radius: 5px;
font-size: 14px;
font-family: Gilroy-SemiBold;

}
.updateProfileModal .form-group {
    margin-bottom: 8px !important;
}
.upTitle{
font-size: 18px;
line-height: 21px;
text-align: center;
color: #000000;
margin-bottom: 20px;
font-family: Gilroy-Bold;
}
.upUpdateIconBtn{
width: 25px;
height: 25px;
color: white !important;
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%);
margin-top: -30px;
border-radius: 50%;
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;
font-size: 10px !important;
cursor: pointer;

}
.updateBtn{
width: 230px;
height: 28px;
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: 5px;
border: none;
font-size: 12px;
line-height: 14px;
text-align: center;
margin-top: 10px;
color: #FFFFFF;
font-family: Gilroy-SemiBold;
cursor: pointer;
}


/* ***************************** address modal *********************************** */

.addressModal{
    padding: 0px 17px !important;
}
.modaladd{
    max-width: 700px !important;

}
.addressModal .modal-content{
    padding: 20px 50px;
    border-radius: 15px;
}
.addressModalPoint{
    height: 25px;
    width: 25px;
    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%;
    margin-right: 10px;
    margin-top: 2px;
}


.adtitle{
font-weight: 700;
font-size: 24px;
line-height: 28px;
font-family: Gilroy-Bold;
color: #161616;
}

.admainFrom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 15px;
    
}

.addressModal .form-group {
    margin-bottom: 0.5rem !important;
}

.adinput{
    width: 275px;
height: 35px !important;
border: none;
background: #F4F4F4;
border-radius: 5px;
font-size: 14px;
font-family:Gilroy-Regular;
}


.adlabel{
    font-size: 14px;
line-height: 14px;
text-align: center;
font-family: Gilroy-SemiBold;
color: #535353;
}
.addressTypeDiv{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
            border: none;
}

.addressType{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    width: 88px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px !important;
    background: #EFEFEF;
border-radius: 50px;
font-family: Gilroy-SemiBold;
cursor: pointer;
margin-right: 5px ;
}
.makDs{
    margin-top: 40px !important;
}
.mkdInput{
    margin-top: 5px !important;
}
.clickHereBtn{
    font-size: 12px !important;
    font-family: Gilroy-Regular;  
    cursor: pointer; 
    display:flex;
       justify-content: center;  
       align-items: center;
}
.defaultaddressText{
    
font-family: Gilroy-Regular;
font-size: 12px;
color: #535353;

}
.selecteType{
    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%);
    color: white !important;
}
.custom-control-label{
    font-size: 14px ;
    color: #535353 !important;
}

.addressAddBtn{
    font-size: 14px;
    height: 36px !important;
    margin-top: 3px;
    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;
    color: white !important;
    border: none;
    width: 275px;
    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%) ;
    font-family: Gilroy-Regular;
    cursor: pointer;

}

.cartEmptyText{
    font-size: 17px;
    color:black;
    font-family: Gilroy-Regular;
}
.addProductsBtn{
    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;
    font-size: 14px;
    color: white !important;
     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%);
     width: 230px;
     height: 40px;
     border-radius: 5px;
     margin-top: 10px;

     font-family: Gilroy-SemiBold;

}
.emptyCartDown{
    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: 400px; 
 margin-top: -25px;   
 -webkit-box-orient: vertical;   
 -webkit-box-direction: normal;   
     -ms-flex-direction: column;   
         flex-direction: column;
}
.nodataImgUp{
    height: 250px;
width: 250px;

}

.heartColor{
    color: #FF3A00;
}

.changeBtnDiv{
    position: relative;margin-top:2px !important;
}

  @media only screen and (max-width: 1200px) {
    .content{
        padding: 120px 5px 0px 30px !important;
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        
    }
  }

  @media only screen and (max-width: 1000px) {
    .searchbar{
        width: 350px;
    }
    .navbar-nav{
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
                flex-direction: row !important;
    }

    .footerSpan{

        margin: 10px 10%;
    }
    .mainFullProductContent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;

    }

    .carDiv {
         width: 100%;
    }

    .desdivcar {
        
        width: 100%;
        padding-left: 0px;
        margin-top: 10px;
    }
    .productDatilesModal .modal-lg {
        width: auto !important;
    }
    .mainBtnDivUp {
        width: 50% !important;
    }

    .signOutModal .modal-lg{
        max-width: 800px !important;
    }

      
    .signOutModal .LoginPart{
    width: 50%;
    padding: 25px 40px 30px 40px;
}
.signOutModal .smainFooter{

padding: 35px 10px;


}
   
}

@media only screen and (max-width: 800px) {
    .signOutModal .LoginPart{
    width: 100%;
    min-height: 570px !important;
   }
   .signOutModal .modal-lg{
    max-width: 400px !important;
    }
    .signOutModal .footerPart{
        display: none;
        width: 100%;
    
    }

    .signOutModal .mainSignDiv{
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }
}
@media only screen and (min-width: 771px) {
.mainSidebar{
 
    width: 0px !important;
    
}

.overlay {
    display: none;
}
}

@media only screen and (max-width: 900px) {
    .searchbar{
        width: 300px;
    }
}
@media only screen and (max-width: 771px) {
    .serachHideIcon{
        display: block;
    }
    .scrollSide{
        overflow-y: scroll;
        height: 100vh;
        padding-bottom: 500px !important ;
        padding-right: 15px;
        margin-right: -15px;
    }
    .scrollSide::-webkit-scrollbar
{
    display: none;
}

    .hidesidebar{
        display: none !important;
    }
    .searchbar{
        display: none;
    }
    .navbar-nav{
        padding-top: 0px;
    }
    
    .mainContent{
       
        padding:0px 25px ;
        margin-left: 0px !important;
 

    }
    .content{
        padding: 100px 0px 0px 0px !important;
        
    }
    .sideBarBtn{
        display: block;
    }
    .navbar{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .mainText{
        font-size: 10px !important;
    }
    .textg{
        padding: 5px !important;
    }
    .footerSpan{

        margin: 10px 5%;
    }
    .mainFooter{
        margin-top: 20px;
    }

    .admainFrom{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .modaladd{
        max-width: 400px !important;
    }
    .adinput{
        width: 100%;
    }

    .addressModal .modal-dialog-centered { 
        margin: auto;
      }  
      .addressModal{
          padding-top: 50px;
      
      }
      .addressAddBtn{
          width: 100%;
      }
}

@media only screen and (max-width: 600px) {
    .productDatilesModal .modal-lg {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-bottom: 0px !important;

    }
   
    .productDatilesModal{
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin-left: 0px !important;
        margin-right: 0px !important;
        margin-bottom: 0px !important;
}


.productDatilesModal .modal-content {
        border-radius: 20px !important;
        padding: 20px;
    }

    .favBtn{
        margin-left: 0px;
    }
  
.closeModal{
    display: block;
    font-size: 20px !important;
    
}
.productDatilesModal .modal-dialog-centered { 
    margin: auto !important;
  }  

.signOutModal .modal-dialog-centered { 
    margin: auto;
  }

  .updateProfileModal .modal-dialog-centered { 
    margin: auto;
  }
  .modaladd{
    max-width: 100% !important;

}
  .addressModal{
    padding: 0px 0px !important;
}

.logoutModal .modal-dialog-centered { 
    margin: auto;
  }  

  .forgetModal .modal-dialog-centered { 
    margin: auto;
  }  

  .mainBtnDivUp {
    margin-top: 1px;
}

.footerLongDes{
    font-size: 14px;
    text-align: center;
}
  }

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

    .signOutModal .slabel{
        font-size: 14px;
    }
    .signOutModal .sinput{
        height: 40px;
    }
    .navbar{
        padding-left: 5px !important;
        padding-right: 3px !important;
    }
    .showIcon{
        display: none ;
    }
    .navmain{
        margin-top: -8px !important;
    }

    .signOutModal .registerBtn {
        width: 100%;
        height: 40px;
    }

    .signOutModal .googleLoginBtn {
 
    height: 40px;
}

    .mainContent{
        padding:0px 0px 0px 7px !important;
    }
    .carousel{
        margin-right: 17px;
        margin-left: 10px;
    }

     .footerSpan{

        margin: 10px 1%;
    }
    .privacy a{
        margin: 0px 3px;
        font-size: 12px;
    }

    .signOutModal .modal-dialog-centered { 
        margin: auto;
      }  

      .addressModal .modal-content{
        padding: 20px 40px;
    }
    .addressModal{
        padding: 0px 0px !important;
    }
    .addressModal .modal-content{
        border-radius: 0px !important;
    }
    .adtitle{
        font-size: 20px;
    }

    .addressModalPoint{
        height: 20px;
        width: 20px;
        margin-top: 3px;
    }
}