
body{
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: var(--font_style);
	background: var(--site_background);
	line-height: normal;
}
.modal-backdrop.show {
  opacity: 0.7;
}
p,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-family: var(--font_style);
	color: var(--all-main-color);
}
p{
	font-size: 15px;
	  font-family: var(--font_style);
}
a{
	text-decoration: none;
	font-family: var(--font_style);
}
a:hover{
	text-decoration: none;
}
ul{
	list-style: none;
	margin:0;
	padding:0;
	font-family: var(--font_style);  
}
textarea:focus, input:focus,select:focus{
    outline: none;
}

button:focus{
	outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
.form-control:focus{
	outline: none;
	box-shadow: none;
}
.wraper{
	width: 100%;
	height: auto;
	position: relative;
	padding: 30px 0 0;
}
.checkout-wraper{
	width: 100%;
}
.site-container{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
	flex-wrap: wrap;
}

.wraper .left-part{
	width: 70.65%;
	-moz-flex:0 0 70.65%;
	-webkit-flex:0 0 70.65%;
	-ms-flex:0 0 70.65%;
	margin-left: 2.63%;
}
.wraper .right-part{
	width: 22.50%;
	-moz-flex:0 0 22.50%;
	-webkit-flex:0 0 22.50%;
	-ms-flex:0 0 22.50%;
	margin-left: 1.75%;
}
.banner{
	width: 100%;
	height: calc(100 * (435vw/1520));
	height: -webkit-calc(100 * (435vw/1520));
	height: -moz-calc(100 * (435vw/1520));
	position: relative;
	border-radius: var(--element_corner);
	overflow: hidden;
	/*margin-bottom:calc(100 * (24vw/1520));
	margin-bottom:-webkit-calc(100 * (24vw/1520));  
	margin-bottom:-moz-calc(100 * (24vw/1520));*/   
/*	background: var(--all_button_back); */
}
.banner:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(1, 1, 1, 0.49) 100%);
	background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(1, 1, 1, 0.49) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(1, 1, 1, 0.49) 100%);
}
.banner video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.banner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.banner .logo{
  width: fit-content;
  max-width: 100px;
	margin-right: 20px;
}
.banner .company-name{
  width: auto;
  height: auto;
  position: absolute;
  left: 32px;
  bottom: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
/*  justify-content: space-evenly;*/
}
.banner .company-name .name-logo-p{
	color: #fff;
  font-size: calc(100 * (25vw/1520));
  font-size: -webkit-calc(100 * (25vw/1520));
  font-size: -moz-calc(100 * (25vw/1520));
}
.banner .company-name .name-logo{
	max-width: calc(100 * (500vw/1520));
}
.banner .company-name h3{
	font-size: var( --name_font_size);
	font-weight: var(--name_font_weight);
	color: var(--name_font_color);
	font-family: var( --name_font_style);
	font-style: var(--name_font_decoration);
	line-height: var(--name_font_size);
}
.banner .user-btn{
	/*width: calc(100 * (400vw/1520));
	width: -webkit-calc(100 * (400vw/1520));
	width: -moz-calc(100 * (400vw/1520));*/
	height: auto;
	position: absolute;
	top: calc(100 * (30vw/1520));
	top: -webkit-calc(100 * (30vw/1520));
	top: -moz-calc(100 * (30vw/1520));
	right: calc(100 * (30vw/1520));
	right: -webkit-calc(100 * (30vw/1520));
	right: -moz-calc(100 * (30vw/1520));
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.banner .profile-drop2{
	display: none;
}
.banner .profile-drop{
	width: calc(100 * (45vw/1520));
	width: -webkit-calc(100 * (45vw/1520));
	width: -moz-calc(100 * (45vw/1520));
	max-height: calc(100 * (45vw/1520));
	max-height: -webkit-calc(100 * (45vw/1520));
	max-height: -moz-calc(100 * (45vw/1520));
	height: auto;
	position: relative;
	border-radius: calc(100 * (20vw/1520));
	right: 0;
	background: #fff;
	transition: 0.3s;
}
.banner .profile-drop.open{
	width: calc(100 * (400vw/1520));
	width: -webkit-calc(100 * (400vw/1520));
	width: -moz-calc(100 * (400vw/1520));
	height: auto;
	max-height: 500px;
	position: absolute;
	top: 0;
	overflow: hidden;
  padding: calc(100*(12vw / 1520));
}
.banner .profile-drop.d-block{
	display: block;
}
.banner .profile-drop.open .name{
	display: flex;
	justify-content: space-between;
	align-items: center;
/*	padding-left: 30px;*/
}
.banner .profile-drop .name h6{
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
	font-weight: 600;
	display: none; 
	padding: calc(100 * (15vw/1520)) 0 0 calc(100 * (15vw/1520));
}
.banner .icon{
	width: calc(100 * (45vw/1520));
	width: -webkit-calc(100 * (45vw/1520));
	width: -moz-calc(100 * (45vw/1520));
	height: calc(100 * (45vw/1520));
	height: -webkit-calc(100 * (45vw/1520));
	height: -moz-calc(100 * (45vw/1520));
	border-radius: calc(100 * (12vw/1520));
	background: #fff;
	position: relative;
	cursor: pointer;
}
.banner .profile-drop .user-menu{
	width: 100%;
	height: auto;
	max-height: 0;
	padding: calc(100 * (8vw/1520));
	overflow: hidden;
	transition: 0.3s;
	overflow: hidden;	
}
.banner .profile-drop.open .user-menu{
	max-height: 500px;
/*	padding-bottom: 20px;*/
}
.banner .profile-drop .user-menu ul li{
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	padding: 10px;
	border-radius: 10px;
	display: block;
	box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	transition: 0.3s;
	height: calc(100 * (50vw/1520));
	height: -webkit-calc(100 * (50vw/1520));
	height: -moz-calc(100 * (50vw/1520));
}
.banner .profile-drop .user-menu ul li:hover{
	background: var(--small_element_color);
}
.banner .profile-drop .user-menu ul li a{
	color:var(--all_main_color);
  display: block;
  width: 100%;
}
.banner .profile-drop .user-menu ul li a:hover{
	color:var(--all_main_color);
}

.banner .icon:after{
	display: none;
}
.banner .dropdown-menu{
	width: calc(100 * (250vw/1520));
	width: -webkit-calc(100 * (250vw/1520));
	width: -moz-calc(100 * (250vw/1520));
	border-radius: 10px;
	transform: translate3d(3px, 35px, 0px) !important;
}
.banner .langauge:after{
	display: none;
}
.banner .dropdown-menu li{
	display: block;
}

.banner .dropdown-menu a{
	width: 100%;
	height: auto;
	position: relative;
	display: table;
	border-bottom: 1px solid #f3f3f3;
	padding: 10px 20px;
	cursor: pointer;
	display: table;
	color: var(--all_main_color);

}
.banner .dropdown-menu a img{
	width: 40px;
	height: 25px;
	border-radius: 3px;
	margin-right: 7px;
}
.banner .dropdown-menu a:hover{
	background: var(--all_button_back);
	color: var(--all_button_color);
}
.banner .dropdown-menu a.active{
	background: var(--all_button_back);
	color: var(--all_button_color);
}
.banner .langauge{
  width: calc(100*(45vw / 1520));
  width: -webkit-calc(100*(45vw / 1520));
  width: -moz-calc(100*(45vw / 1520));
  height: calc(100*(45vw / 1520));
  height: -webkit-calc(100*(45vw / 1520));
  height: -moz-calc(100*(45vw / 1520));
  border-radius: calc(100*(12vw / 1520));
  padding: calc(100*(3vw / 1520));
  margin-right: calc(100*(12vw / 1520));
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  cursor: pointer;
}
.banner .langauge img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: calc(100*(12vw / 1520));
}
.banner .langauge2{
	display: none;
}
.banner .langauge select{
	background: transparent;
	border: none;
	width: calc(100 * (45vw/1520));
	width: -webkit-calc(100 * (45vw/1520));
	width: -moz-calc(100 * (45vw/1520));
	height: calc(100 * (45vw/1520));
	height: -webkit-calc(100 * (45vw/1520));
	height: -moz-calc(100 * (45vw/1520));
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	-moz-appearance: none;
  -webkit-appearance: none;
  text-align: center;
  padding-top:2px;
  color: var(--all_main_color);
  padding: 0 8px;

}
.banner .left-side-btun{
	position: absolute;
	display: flex;
	width: auto;
	height: auto;
	top: calc(100 * (30vw/1520));
	top: -webkit-calc(100 * (30vw/1520));
	top: -moz-calc(100 * (30vw/1520));
	left: calc(100 * (30vw/1520));
	left: -webkit-calc(100 * (30vw/1520));
	left: -moz-calc(100 * (30vw/1520));
}
.banner .info-btn{
	width: calc(100 * (45vw/1520));
	width: -webkit-calc(100 * (45vw/1520));
	width: -moz-calc(100 * (45vw/1520));
	height: calc(100 * (45vw/1520));
	height: -webkit-calc(100 * (45vw/1520));
	height: -moz-calc(100 * (45vw/1520));
	border-radius: calc(100 * (12vw/1520));
	background: #fff;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.banner .back-btn{
	width: calc(100 * (45vw/1520));
	width: -webkit-calc(100 * (45vw/1520));
	width: -moz-calc(100 * (45vw/1520));
	height: calc(100 * (45vw/1520));
	height: -webkit-calc(100 * (45vw/1520));
	height: -moz-calc(100 * (45vw/1520));
	background: #fff;
	border-radius: 13px;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	color: #a0a0a4;
	padding-right: 2px;
	margin-right: 8px;
}
.banner .orderbyte-logo{
	width: 100%;
	height: auto;
	position: absolute;
	right: 10px;
	bottom: -20px;
  width: fit-content;
  max-width: 100px;
/*	display: none; */
}
.banner .orderbyte-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-width: 75px;
  border-radius: 10px;
}

.redpulse {
  background: #ff0000;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  right: -5px;
  animation-name: blink;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

@keyframes blink {
  50% {opacity: 0;}
}
.banner .tab-box{
	width: auto;
	height: auto;
	position: absolute;
	left: 0;
	bottom: -1px;
	display: none; 
}
.banner .tab-box .tab-btn{
	margin: 0;
}
.banner .tab-box .tab-btn span{
	display: table;
	text-decoration: none;
	color: var(--all-main-color);
	background: #E0E0E0;
	border-radius: 20px 20px 0 0;
	padding: 7px 20px;
	font-size: 14px;
}
.banner .tab-box .tab-btn input{
	display: none;
}
.banner .tab-box .tab-btn input:checked ~ span{
	background: var(--all_button_back);
	color: #fff;
  font-weight: bold;
  font-size: 17px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.banner .tab-box .tab-btn.active{
	background: #fff;
}
.today-offer{
	width: 100%;
	height: auto;
	position: relative;
}
.today-offer .owl-stage{
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
}
.today-offer .offer-item{
	width: 100%;
	height: 100%;
	border-radius: 100px;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
	padding: 11px 25px 11px 10px;
	align-items: center;
	background: #FE7E33;
}
.today-offer .offer-item.item-2{
	background: #E89528;
}
.today-offer .offer-item.item-3{
	background: #EFC203;
}
.today-offer .offer-item .image{
	width: calc(100 * (108vw/1520));
	width: -webkit-calc(100 * (108vw/1520));
	width: -moz-calc(100 * (108vw/1520));
	height: calc(100 * (108vw/1520));
	height: -webkit-calc(100 * (108vw/1520));
	height: -moz-calc(100 * (108vw/1520));
	border-radius: 50%;
	overflow: hidden;
	background: #fff;
	flex: 0 0 calc(100 * (108vw/1520));
	flex: 0 0 -webkit-calc(100 * (108vw/1520));
	flex: 0 0 -moz-calc(100 * (108vw/1520));
	margin-right: 10px;
}
.today-offer .offer-item .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.today-offer .offer-item .text h6{
	font-weight: 600;
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
	color: #fff;
}
.today-offer .offer-item .text p{
	font-style: normal;
	font-weight: 400;
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	line-height: 108.3%;
	color: #fff;
	margin-top: 5px;
}
.catagory-dish{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 23px;
}
.catagory-dish .cat-item{
	width: 100%;
	height: calc(100 * (144vw/1520));
	height: -webkit-calc(100 * (144vw/1520));
	height: -moz-calc(100 * (144vw/1520));
	border-radius: var(--element_corner);
	overflow: hidden;
	position: relative;
}
.catagory-dish .cat-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.catagory-dish .cat-item .overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(47, 47, 47, 0.34);
	left: 0;
	top: 0;
	padding: 12px;
}
.catagory-dish .cat-item .overlay h5{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	color: #fff;
	font-weight: 600;
}
.catagory-dish .cat-item .overlay p{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	color: #fff;
}
.food-item{
	width: 100%;
	height: auto;
	position: relative;
	position: sticky;
	top: 0;
	z-index: 9;
	background: var(--site_background);
  border-radius: 0 0 10px 10px;
  display: -webkit-box; 
	display: -moz-box;    
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;
  margin-top: 26px;
}
.food-item .arrow{
	top: 0;
	z-index: 999;
	width: calc(100 * (47vw/1520));
	width: -webkit-calc(100 * (47vw/1520));
	width: -moz-calc(100 * (47vw/1520));
	height: calc(100 * (47vw/1520));
	height: -webkit-calc(100 * (47vw/1520));
	height: -moz-calc(100 * (47vw/1520));
  font-size: calc(1200 * (25px/1520));
  line-height: calc(1200 * (27px/1520));
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid var(--cat_button_color);
  background: var(--cat_button_back);
  color: var(--cat_button_color) !important;
	display: -webkit-box;     
	display: -moz-box;      
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.food-item .arrow.left-arrow{
	left: 0;
}
.food-item .arrow.right-arrow{
	right: 0;
}
.food-item .menu-item{
  width: 85%;
  margin: 0 auto;
	height: calc(100 * (55vw/1520));
	height: -webkit-calc(100 * (55vw/1520));
	height: -moz-calc(100 * (55vw/1520));
	position: relative;
	white-space: nowrap;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 2px 0;
}
.menu-item::-webkit-scrollbar {
  display: none;
}
.menu-item::-moz-scrollbar {
  display: none;
  background: #fff;
}
.food-item ul{
	width: 100%;
	position: absolute;
	white-space: nowrap;
}
.food-item ul li{
	display: inline-block;
	margin-right: 15px;

}
.food-item ul li a{
	width: 100%;
	height: calc(100 * (47vw/1520));
	height: -webkit-calc(100 * (47vw/1520));
	height: -moz-calc(100 * (47vw/1520));
	background: var(--cat_button_back);
	border-radius: 10px;
	/*box-shadow:  0px 0px 15px var(--cat_button_saddow);
	-webkit-box-shadow:0px 0px 15px var(--cat_button_saddow);
	-moz-box-shadow:0px 0px 15px var(--cat_button_saddow);*/
	display: -webkit-box; 
	display: -moz-box;    
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	border-radius: 30px;
	transition: 0.3s;
	padding: 0 15px;
	border: 1px solid var(--cat_button_border);
	transition: 0.3s;
	color: var(--cat_button_color);
	font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));
}
/*.food-item ul li a:hover{
	background: var(--cat_active_back);
	color: var(--cat_active_color);
}*/
.food-item ul li a.active{
	background: var(--cat_active_back);
	color: var(--cat_active_color);
}
.populer-now{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0 0px;
/*	padding-top: 20px;*/
}
.populer-now .title{
	width: 100%;
	height: auto;
	position: relative;
	margin: 10px 0 15px 0;
}
.populer-now .title h3{
	color: var(--category_font_color);
	font-weight: 400;
	font-size: calc(100 * (36vw/1520));
	font-size: -webkit-calc(100 * (36vw/1520));
	font-size: -moz-calc(100 * (36vw/1520));
	line-height: 44px;
}
.populer-now .mb-30{
	margin-bottom: 30px;
}
.populer-now .prod-card{
	width: 50%;
/*	margin: 0 calc(100 * (10vw/1520));*/
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.populer-now .item{
	width: 100%;
	height: 100%;
	position: relative;
	background: var(--dish_card_background_transparent);
	border-radius: var(--element_corner);
	box-shadow: 0px 0px 25px -10px #979797;
	-webkit-box-shadow: 0px 0px 25px -10px #979797;
	-moz-box-shadow: 0px 0px 25px -10px #979797;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-direction: row;
	cursor: pointer;
}
.populer-now .item .image{
	width: 45%;
	height: calc(100 * (224vw/1520));
	height: -webkit-calc(100 * (224vw/1520));
	height: -moz-calc(100 * (224vw/1520));
	position: relative;
	border-radius: var(--element_corner);
	overflow: hidden;
}
.populer-now .item .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 0.3s;
}
.populer-now .item .image .mark-icon{
	position: absolute;
	right: 3px;
	top: 3px;
	border-radius: 13px;
	display: flex;
	background: #fff;
	padding-right: 9px;
	align-items: center;
}
.populer-now .item .image .mark-icon p{
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: var(--all_button_back);
}
.populer-now .item .image .icon{
	border-radius: 7px;
	margin-right: 7px;
}
.populer-now .item .text{
	width: 100%;
	height: auto;
	position: relative;
	padding: calc(100 * (20vw/1520)) calc(100 * (20vw/1520)) calc(100 * (20vw/1520)) 0;
	/*overflow-y: auto;
	overflow-x:hidden;*/
	overflow: hidden;
	bottom: 0;
	background: var(--dish_card_background_transparent);
	border-radius: var(--element_corner);
	transition:position 0.3s;
	flex: 1;
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-wrap: wrap;
	align-content: space-between; 
}
.populer-now .item .text.item-padd{
	padding-left: calc(100 * (20vw/1520)) !important;
}
.populer-now .item .text .top{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.populer-now .item .text .bottom{
	width: 100%;
}
.populer-now .item .heading{
	width: 100%;
	height: auto;
  	padding: 0 10px;
  	position: relative;
  	justify-content: space-between;
}
.populer-now .item .heading h3{
	color: var(--dish_card_text_color);
	font-weight: 600;
	font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));
  line-height: calc(100 * (26vw/1520));
  margin-bottom: calc(100 * (10vw/1520));
  height: calc(100 * (50vw/1520));
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.populer-now .item .heading p{
	font-weight: 400;
	font-size: calc(100 * (12vw/1520));
	font-size: -webkit-calc(100 * (12vw/1520));
	font-size: -moz-calc(100 * (12vw/1520));
	line-height: 14px;
	color: var(--dish_card_text_color);
}
.populer-now .item .desc{
	width: 100%;
	height: auto;
	min-height: 20px;
	max-height: 70px;
	overflow:hidden;
	padding:0 10px;
	scrollbar-color: var(--small_element_scroll) #f1f1f1;
	scrollbar-width: thin;
	margin-bottom: 10px;
	margin-top: 12px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}
.populer-now .item .desc p{
	color: var(--dish_card_text_color);
	font-weight: 400;
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	line-height: calc(100 * (17vw/1520));

}
.populer-now .item .link-btn{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:0px 10px 0;
}
.populer-now .item .link-btn h5{
	color: var(--dish_card_text_color);
/*	font-weight: 600;*/
	font-size: calc(100 * (24vw/1520));
	font-size: -webkit-calc(100 * (24vw/1520));
	font-size: -moz-calc(100 * (24vw/1520));
	line-height: 29px;
}
.populer-now .item .link-btn .add-btn {
  background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
  border-radius: calc(100 * (15vw/1520));
  border-radius: -webkit-calc(100 * (15vw/1520));
  border-radius: -webkit-calc(100 * (15vw/1520));
  width:calc(100 * (49vw/1520));
  width:-webkit-calc(100 * (49vw/1520));
  width:-moz-calc(100 * (49vw/1520));
  height: calc(100 * (49vw/1520));
  height: -webkit-calc(100 * (49vw/1520));
  height: -moz-calc(100 * (49vw/1520));
  font-size: calc(100 * (55vw/1520));
  font-size: -webkit-calc(100 * (55vw/1520));
  font-size: -moz-calc(100 * (55vw/1520));
  font-weight: 300;
  color: var(--small_element_text);
  display: -webkit-box; 
	display: -moz-box;    
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;
    align-items: center;
    justify-content: center;
    line-height: 40px;
}
.populer-now .owl-carousel .owl-item{
	padding-bottom: 10px;
}
.populer-now .owl-carousel .owl-stage{
	display: -webkit-box; 
	display: -moz-box;    
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;
}


.all-food{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0 0px;
/*	padding-top: 20px;*/
}
.all-food .title{
	width: 100%;
	height: auto;
	position: relative;
	margin: 10px 0 15px 0;
}
.all-food .title h3{
	color: var(--category_font_color);
	font-weight: 400;
	font-size: calc(100 * (36vw/1520));
	font-size: -webkit-calc(100 * (36vw/1520));
	font-size: -moz-calc(100 * (36vw/1520));
	line-height: 44px;
}
.all-food .mb-30{
	margin-bottom: 30px;
}
.all-food .prod-card{
	width: 50%;
/*	margin: 0 calc(100 * (10vw/1520));*/
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.all-food .item{
	width: 100%;
	height: 100%;
	position: relative;
	background: var(--dish_card_background_transparent);
	border-radius: var(--element_corner);
	box-shadow: 0px 0px 25px -10px #979797;
	-webkit-box-shadow: 0px 0px 25px -10px #979797;
	-moz-box-shadow: 0px 0px 25px -10px #979797;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-direction: column;
	cursor: pointer;
}
.all-food .item .image{
	width: 100%;
	height: calc(100 * (350vw/1520));
	height: -webkit-calc(100 * (350vw/1520));
	height: -moz-calc(100 * (350vw/1520));
	position: relative;
	border-radius: var(--element_corner);
	overflow: hidden;
}
.all-food .item .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 0.3s;
}
.all-food .item .image .mark-icon{
	position: absolute;
	right: 3px;
	top: 3px;
	border-radius: 13px;
	display: flex;
	background: #fff;
	padding-right: 9px;
	align-items: center;
}
.all-food .item .image .mark-icon p{
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: var(--all_button_back);
}
.all-food .item .image .icon{
	border-radius: 7px;
	margin-right: 7px;
}
.all-food .item .text{
	width: 100%;
	height: auto;
	position: relative;
	/*padding: calc(100 * (20vw/1520)) calc(100 * (20vw/1520)) calc(100 * (20vw/1520)) 0;*/
	padding: calc(100*(15vw / 1520));
	/*overflow-y: auto;
	overflow-x:hidden;*/
	overflow: hidden;
	bottom: 0;
	background: var(--dish_card_background_transparent);
	border-radius: var(--element_corner);
	transition:position 0.3s;
	flex: 1;
  display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-wrap: wrap;
	align-content: space-between; 
}
.all-food .item .text.item-padd{
	padding-left: calc(100 * (20vw/1520)) !important;
}
.all-food .item .text .top{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.all-food .item .text .bottom{
	width: 100%;
}
.all-food .item .heading{
	width: 100%;
	height: auto;
  	padding: 0 10px;
  	position: relative;
  	justify-content: space-between;
}
.all-food .item .heading h3{
	color: var(--dish_card_text_color);
	font-weight: 600;
	font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));
  line-height: calc(100 * (26vw/1520));
  margin-bottom: calc(100 * (10vw/1520));
  height: calc(100 * (50vw/1520));
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.all-food .item .heading p{
	font-weight: 400;
	font-size: calc(100 * (12vw/1520));
	font-size: -webkit-calc(100 * (12vw/1520));
	font-size: -moz-calc(100 * (12vw/1520));
	line-height: 14px;
	color: var(--dish_card_text_color);
}
.all-food .item .desc{
	width: 100%;
	height: auto;
	min-height: 20px;
	max-height: 70px;
	overflow:hidden;
	padding:0 10px;
	scrollbar-color: var(--small_element_scroll) #f1f1f1;
	scrollbar-width: thin;
	margin-bottom: 10px;
	margin-top: 12px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}
.desc::-webkit-scrollbar {
  width: 3px;
}
.desc::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.desc::-webkit-scrollbar-thumb {
 background: var(--small_element_scroll);
}
.desc::-webkit-scrollbar-thumb:hover {
  background: var(--small_element_scroll);
}
.all-food .item .desc p{
	color: var(--dish_card_text_color);
	font-weight: 400;
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	line-height: calc(100 * (18vw/1520));

}
.all-food .item .link-btn{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:0px 10px 0;
}
.all-food .item .link-btn h5{
	color: var(--dish_card_text_color);
/*	font-weight: 600;*/
	font-size: calc(100 * (24vw/1520));
	font-size: -webkit-calc(100 * (24vw/1520));
	font-size: -moz-calc(100 * (24vw/1520));
	line-height: 29px;
}
.all-food .item .link-btn h5 del{
	color: #979797;
	font-size: calc(100 * (20vw/1520));
	margin-left: calc(100 * (10vw/1520));;
}
.all-food .item .link-btn .add-btn {
  background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
  border-radius: calc(100 * (15vw/1520));
  border-radius: -webkit-calc(100 * (15vw/1520));
  border-radius: -webkit-calc(100 * (15vw/1520));
  width:calc(100 * (49vw/1520));
  width:-webkit-calc(100 * (49vw/1520));
  width:-moz-calc(100 * (49vw/1520));
  height: calc(100 * (49vw/1520));
  height: -webkit-calc(100 * (49vw/1520));
  height: -moz-calc(100 * (49vw/1520));
  font-size: calc(100 * (55vw/1520));
  font-size: -webkit-calc(100 * (55vw/1520));
  font-size: -moz-calc(100 * (55vw/1520));
  font-weight: 300;
  color: var(--small_element_text);
  display: -webkit-box; 
	display: -moz-box;    
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;
    align-items: center;
    justify-content: center;
    line-height: 40px;
}
.all-food .owl-carousel .owl-item{
	padding-bottom: 10px;
}
.all-food .owl-carousel .owl-stage{
	display: -webkit-box; 
	display: -moz-box;    
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;
}



.all-food .horizenCard .item {
  	flex-direction: column;
}
.all-food .card-dish.switchCard .item {
    flex-direction: row !important;
}
.all-food .card-dish.rectCard .item {
    flex-direction: row-reverse;
}

/*.all-food .horizenCard .item .image{
	width: 100%;
}*/
.all-food .varticalCard .item .image {
    height: 251px;
}
.all-food .varticalCard .item .desc {
    display: block;
}
.all-food .card-dish.twoCard{
	padding: 0 9px;
}
.all-food .card-dish.twoCard .item .image{
	height: calc(100 * (200vw/1520));
}
.all-food .card-dish.twoCard .item .text{
	padding: 10px 0;
}
.all-food  .card-dish.twoCard .item .heading h3{
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
    height: 35px;
    -webkit-line-clamp: 2;
}
.all-food .card-dish.twoCard .item .link-btn h5{
	font-size: 17px;
}
.all-food .card-dish.twoCard .item .desc{
	/* display: none; */
    height: 15px;
    min-height: unset;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.all-food .card-dish.twoCard .item .link-btn .add-btn{
    width: 35px;
    height: 35px;
    border-radius: 10px;
    font-size: 35px;
}
.all-food .card-dish.rectCard .item .text{
	padding: 10px 0;
}
.all-food .card-dish.rectCard .item .image{
	/*width: 141px;
	height: 138px;*/
	width: 45%;
  height: calc(100 * (224vw/1520));
  height: -webkit-calc(100 * (224vw/1520));
  height: -moz-calc(100 * (224vw/1520));
}
.all-food .card-dish.rectCard .item .heading h3{
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    height: 40px;
    -webkit-line-clamp: 2;
}
.all-food .card-dish.rectCard .item .link-btn h5{
	font-size: 19px;
}
.all-food .card-dish.rectCard .item .desc {
	/* display: none; */
    height: 13px;
    min-height: unset;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.all-food .card-dish.rectCard .item .link-btn .add-btn{
    width: 35px;
    height: 35px;
    border-radius: 10px;
    font-size: 35px;
}
.right-part .right-side-part{
  position: fixed; /* fixed */
  width: calc(100 * (333vw/1520));
  height: auto;
/*  max-height: 95vh;*/
  overflow: hidden;
	/*width: 100%;
	height: auto;*/
	background: #F3F3F3;
	border-radius: 25px;
	padding: 21px 0 0 0;
}
.right-part .right-side-part .check-content{
	width: 100%;
	height: auto;
/*	min-height: calc(100vh - 160px);*/
	min-height: calc(100vh - 230px);
}
.right-part .right-side-part .check-content .mob{
	display: none;
}
.right-side-part .myorder{
	width: 100%;
	height: auto;
	position: relative;
	display: -webkit-box; 
	display: -moz-box;    
	display: -ms-flexbox;  
	display: -webkit-flex; 
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
	padding: 0px calc(100 * (20vw/1520));
	padding: 0px -webkit-calc(100 * (20vw/1520));
	padding: 0px -moz-calc(100 * (20vw/1520));
}
.right-side-part .myorder h4{
	font-weight: 600;
	font-size: calc(100 * (26vw/1520));
  font-size: -webkit-calc(100 * (26vw/1520));
  font-size: -moz-calc(100 * (26vw/1520));
	letter-spacing: 0.833333px;
	color: var(--all-main-color);
}
.right-side-part .myorder .btun{
	width: auto;
	height: calc(100 * (42vw/1520));
	height: -webkit-calc(100 * (42vw/1520));
	height: -moz-calc(100 * (42vw/1520));
	border-radius: 11px;
	background: #fff;
	color: var(--all_main_color);
	border: 1px solid #fff;
	border:none;
	transition: 0.3s;
	padding: 0px 12px;
	font-weight: 700;
	font-size: calc(100 * (19vw/1520));
	font-size: -webkit-calc(100 * (19vw/1520));
	font-size: -moz-calc(100 * (19vw/1520));
	line-height: 19px;
	display: -webkit-box;
	display: -moz-box; 
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.right-side-part .myorder .btun img{
	width: calc(100 * (22vw/1520));
}
.right-side-part .delevary-details{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 10px;
	padding: 0px calc(100 * (20vw/1520));
	padding: 0px -webkit-calc(100 * (20vw/1520));
	padding: 0px -moz-calc(100 * (20vw/1520));
}
.right-side-part .delevary-details .switch-field {
	overflow: hidden;
	width: 100%;
/*	display: table;*/
	display: flex;
	border-radius: calc(100 * (12vw/1520));
	background: var(--main_switch_back);
/*	padding: 5px;*/
	margin-bottom: 10px;
}

.right-side-part .delevary-details .switch-title {
  margin-bottom: 0.5em;
}

.right-side-part .delevary-details .switch-field input {
  display: none;
}

.right-side-part .delevary-details .switch-field label {
  float: left;
  width: 100%;
}

.right-side-part .delevary-details .switch-field label {
  display: inline-block;
  background-color: transparent;
  color:var(--switch_font_color);
  font-weight: 600;
  font-size: calc(100 * (21vw/1520));
	font-size: -webkit-calc(100 * (21vw/1520));
	font-size: -moz-calc(100 * (21vw/1520));
	line-height: 18px;
  text-align: center;
  text-shadow: none;
  padding: 0.5em 1em;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
  margin: 0;
  height: calc(100 * (40vw/1520));
  height: -webkit-calc(100 * (40vw/1520));
  height: -moz-calc(100 * (40vw/1520));
  display: -webkit-box;
  display: -moz-box;   
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;   
  align-items: center;
  justify-content: center; 
}

.right-side-part .delevary-details .switch-field label:hover {
	cursor: pointer;
}

.right-side-part .delevary-details .switch-field input:checked + label {
  background-color: var(--all_button_back);
  color:#fff;
}

.right-side-part .delevary-details .switch-field label:first-of-type {
/*  border-radius: 3px 0 0 3px;*/
   border-radius: calc(100 * (12vw/1520));
}

.right-side-part .delevary-details .switch-field label:last-of-type {
  border-radius: 0 3px 3px 0;
  border-radius: calc(100*(12vw / 1520));
}
.right-side-part .address-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0px calc(100 * (20vw/1520));
	padding: 0px -webkit-calc(100 * (20vw/1520));
	padding: 0px -moz-calc(100 * (20vw/1520));
	margin-bottom: 10px;
}
.right-side-part .address-box .address{
	width: 100%;
	height: auto;
	position: relative;
	padding: 10px 12px;
	background: #fff;
    border-radius: calc(100 * (12vw/1520));
    display: -webkit-box;
   display: -moz-box;   
   display: -ms-flexbox;
   display: -webkit-flex; 
   display: flex;   
    justify-content: space-between;
    align-items: center;
}
.right-side-part .address-box .address .left{
	width: 100%;
	height: auto;
	display: -webkit-box;
  display: -moz-box;   
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;  
  align-items: center; 
}
.right-side-part .address-box .address .left img{
	margin-right: 10px;
}
.right-side-part .address-box .address .left h4{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	word-break: break-word;
}
.right-side-part .address-box .address .left p{
	color: #8F8F8F;
	font-size: 13px;
}
.right-side-part .address-box .address .right{
	flex: 0 0 30px;
	text-align: right;
	cursor: pointer;
}

/*--- Start for delivaryTime modal ---*/
.delivaryTime .address-box{
	width: 100%;
	height: auto;
	position: relative;
	/*padding: 0px calc(100 * (20vw/1520));
	padding: 0px -webkit-calc(100 * (20vw/1520));
	padding: 0px -moz-calc(100 * (20vw/1520));
	margin-bottom: 10px;*/
}
.delivaryTime .address-box .address{
	width: 100%;
	height: auto;
	position: relative;
	padding: 10px 12px;
	background: #eaeaea;
    border-radius: 20px;
    display: -webkit-box;
   display: -moz-box;   
   display: -ms-flexbox;
   display: -webkit-flex; 
   display: flex;   
    justify-content: space-between;
    align-items: center;
}
.delivaryTime .address-box .address .left{
	width: 100%;
	height: auto;
	display: -webkit-box;
  display: -moz-box;   
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;   
  align-items: center;
}
.delivaryTime .address-box .address .left img{
	margin-right: 10px;
}
.delivaryTime .address-box .address .left h4{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	word-break: break-word;
	font-weight: 500;
}
.delivaryTime .address-box .address .left p{
	color: #8F8F8F;
	font-size: 13px;
}
.delivaryTime .address-box .address .right{
	flex: 0 0 30px;
	text-align: right;
}
/*--- End for delivaryTime modal ---*/

.right-side-part .delivary-time-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0px calc(100 * (20vw/1520));
	padding: 0px -webkit-calc(100 * (20vw/1520));
	padding: 0px -moz-calc(100 * (20vw/1520));
	margin-bottom: 10px;
}
.right-side-part .delivary-time-box .delivary-time{
	width: 100%;
	height: auto;
	position: relative;
	border-radius: calc(100 * (12vw/1520));
	padding: 10px 12px;
	background: #fff;
	display: -webkit-box;
  display: -moz-box;   
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;   
  justify-content: space-between;
  align-items: center;
}
.right-side-part .delivary-time-box .delivary-time .left{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
}
.right-side-part .delivary-time-box .delivary-time .left img{
	margin-right: 10px;
}
.right-side-part .delivary-time-box .delivary-time .left h4{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
}
.right-side-part .delivary-time-box .delivary-time .right{
	flex: 0 0 30px;
	text-align: right;
	cursor: pointer;
}
.empty_cart_class{
	min-height: 45vh;
}
.cart-items{
	width: 100%;
	height: auto;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px calc(100 * (20vw/1520));
	padding: 0px -webkit-calc(100 * (20vw/1520));
	padding: 0px -moz-calc(100 * (20vw/1520));
	margin-bottom: 0px;
	scrollbar-color: var(--small_element_scroll) #f1f1f1;
  	scrollbar-width: thin;
}
.cart-items::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.cart-items::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.cart-items::-webkit-scrollbar-thumb {
  background: var(--small_element_scroll);
}
.cart-items::-webkit-scrollbar-thumb:hover {
  background: var(--small_element_scroll);
}
.cart-items .item{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 10px;
/*	display: flex;*/
	justify-content: space-between;
	background: #fff;
	padding:12px;
	border-radius: calc(100 * (12vw/1520)); 
}
.cart-items .item .close {
    width: 13px;
    height: 13px;
    position: absolute;
    top: -3px;
    right: 10px;
}
.cart-items .item .left-part{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
	padding: 0;
	margin: 0;
  flex: auto;
}
.cart-items .item .left-part .image{
	width:calc(100 * (80vw/1520));
	width:-webkit-calc(100 * (80vw/1520));
	width:-moz-calc(100 * (80vw/1520));
	height: calc(100 * (75vw/1520));
	height: -webkit-calc(100 * (75vw/1520));
	height: -moz-calc(100 * (75vw/1520));
	border-radius: 14px;
	overflow: hidden;
	margin-right: 7px;
	flex: 0 0 calc(100 * (80vw/1520));
	position: relative;
}
.cart-items .item .left-part .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.cart-items .item .left-part .image .ofr-cart-img{
  position: absolute;
  object-fit: unset;
  width: 24px;
  height: auto;
  object-position: unset;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 6px;
}
.cart-items .item .left-part .text{
	width: auto;
	height: auto;
	float: right;
	position: relative;
	/*min-height: calc(100 * (85vw/1520));
	min-height: -webkit-calc(100 * (85vw/1520));
	min-height: -moz-calc(100 * (85vw/1520));*/	
	flex: auto;
	padding: 5px 0 0;
}
.cart-items .item .left-part .text .ingredients-sec{
	width: 100%;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
}
.cart-items .item .left-part .text .heading{
	width: 100%;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
	justify-content: space-between;
	margin-bottom: calc(100 * (10vw/1520));
	margin-bottom: -webkit-calc(100 * (10vw/1520));
	margin-bottom: -moz-calc(100 * (10vw/1520));
}
.cart-items .item .left-part .text .heading .cart-name-base{
	font-weight: 500;
  font-size: calc(100 * (16vw/1520));
  font-size: -webkit-calc(100 * (16vw/1520));
  font-size: -moz-calc(100 * (16vw/1520));
	line-height: calc(100 * (19vw/1520));
	color: var(--all-main-color);
}
.cart-items .item .left-part .text .heading h6{
	font-weight: 500;
  font-size: calc(100 * (16vw/1520));
  font-size: -webkit-calc(100 * (16vw/1520));
  font-size: -moz-calc(100 * (16vw/1520));
	line-height: calc(100 * (19vw/1520));
	color: var(--all-main-color);
/*	flex: 0 0 69%;*/
	overflow: hidden;
	text-overflow: ellipsis;
  height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cart-items .item .left-part .text .heading h3{
	font-weight: 600;
	font-size: calc(100 * (16vw/1520));
  font-size: -webkit-calc(100 * (16vw/1520));
  font-size: -moz-calc(100 * (16vw/1520));
/*	line-height: 22px;*/
	color: var(--all-main-color);
  margin-left: 5px;
  white-space: nowrap;
}
.cart-items .item .left-part .text del{
	color: #979797;
}
.cart-items .item .left-part .text .heading h3.del-actual-price{
	color: #979797;
  font-weight: 500;
}
.cart-items .item .left-part .text .action p{
	font-weight: 400;
	font-size: calc(100 * (18vw/1520));
    font-size: -webkit-calc(100 * (18vw/1520));
    font-size: -moz-calc(100 * (18vw/1520));
	line-height: 22px;
	color: var(--all-sub-color);
}
.cart-items .item .left-part .text .action{
	width: 100%;
	height: auto;
	position: relative;
	display: -webkit-box; 
	display: -moz-box;   
	display: -ms-flexbox; 
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cart-items .item .left-part .text .action .qtySelector{
	width: calc(100 * (99vw/1520));
	width: -webkit-calc(100 * (99vw/1520));
	width: -moz-calc(100 * (99vw/1520));
	height: calc(100 * (36vw/1520));
	height: -webkit-calc(100 * (36vw/1520));
	height: -moz-calc(100 * (36vw/1520));
	background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
	border-radius: 8px;
	position: relative;
	justify-content: center;
	align-items: center;
/*	margin-left: 10px;*/
}
.cart-items .item .left-part .text .action .qtySelector .form-control{
	width: 36px;
    height: 36px;
    text-align: center;
    font-weight: 400;
    border: none;
    font-size: 17px;
    color: var(--all_button_color);
    background: transparent;
    padding: 0;
}
.cart-items .item .left-part .text .action .qtySelector .value-button{
	font-size: calc(100 * (33vw/1520));
	font-size: -webkit-calc(100 * (33vw/1520));
	font-size: -moz-calc(100 * (33vw/1520));
	font-weight: normal;
	color: var(--all_button_color);
	line-height: 31px;
	cursor: pointer;
}
.cart-items .item .left-part .text p {
    font-size: calc(100 * (15vw/1520));
    font-size: -webkit-calc(100 * (15vw/1520));
    font-size: -moz-calc(100 * (15vw/1520));
    color: #B5B5B9;
    line-height: 10px;
    margin-top: 4px;
}
.your-comment-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0px calc(100 * (20vw/1520));
	padding: 0px -webkit-calc(100 * (20vw/1520));
	padding: 0px -moz-calc(100 * (20vw/1520));
	margin-bottom: 10px;
}
.your-comment{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	border-radius: 20px;
	padding: 10px 12px;
	
}
.your-comment .heading{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.your-comment h4{
	font-weight: 400;
	font-size: calc(100 * (16vw/1520));
    font-size: -webkit-calc(100 * (16vw/1520));
    font-size: -moz-calc(100 * (16vw/1520));	line-height: 20px;
}
.your-comment .heading img{
	transform: rotate(-90deg);
	transition: 0.3s;
}
.your-comment .heading img.down{
	transform: rotate(0deg);
}
.your-comment h5{
	font-weight: 400;
	font-size: calc(100 * (15vw/1520));
  font-size: -webkit-calc(100 * (15vw/1520));
  font-size: -moz-calc(100 * (15vw/1520));
	line-height: 18px;
	color: #636363;
	/*margin-bottom: 10px;
	margin-top: 10px;*/
}
.your-comment .cmt-body{
	height: auto;
	max-height: 0;
	width: 100%;
	overflow: hidden;
	transition: 0.3s;
}
.your-comment .cmt-body.open{
	max-height: 600px;
}
.your-comment p{
	font-weight: 400;
	font-size: calc(100 * (14vw/1520));
    font-size: -webkit-calc(100 * (14vw/1520));
    font-size: -moz-calc(100 * (14vw/1520));
	line-height: 17px;
	color: #8F8F8F;
}
.your-comment .item{
	margin-bottom: 8px;
}
.cutlery{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0 calc(100 * (20vw/1520));
	margin-bottom: 10px;
}
.cutlery .action{
	width: 100%;
	height: auto;
	position: relative;
	display: -webkit-box; 
	display: -moz-box;   
	display: -ms-flexbox; 
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	padding: 12px;
	border-radius: calc(100 * (12vw/1520));
}
.cutlery .action a{
	margin-left: 17px;
}
.cutlery .action .qtySelector{
	width: calc(100 * (99vw/1520));
	width: -webkit-calc(100 * (99vw/1520));
	width: -moz-calc(100 * (99vw/1520));
	height: calc(100 * (36vw/1520));
	height: -webkit-calc(100 * (36vw/1520));
	height: -moz-calc(100 * (36vw/1520));
	background: #C4C4C4;
  border: 1px solid var(--all_button_border);
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
}
.cutlery .action .qtySelector .form-control{
	width: 36px;
    height: 36px;
    text-align: center;
    font-weight: 400;
    border: none;
    font-size: 17px;
    color: var(--all_button_color);
    background: transparent;
    padding: 0;
}
.cutlery .action .qtySelector .value-button{
	font-size: calc(100 * (33vw/1520));
	font-size: -webkit-calc(100 * (33vw/1520));
	font-size: -moz-calc(100 * (33vw/1520));
	font-weight: normal;
	color: var(--all_button_color);
	line-height: 31px;
	cursor: pointer;
}
.cutlery p{
	font-size: calc(100 * (16vw/1520));
    font-size: -webkit-calc(100 * (16vw/1520));
    font-size: -moz-calc(100 * (16vw/1520));
	color: var(--all-main-color);
	font-weight: 500;
}
.promo-code{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0 calc(100 * (20vw/1520));
	margin-bottom: 10px;
}
.promo-code .form-group{
	margin: 0;
	background: #fff;
	border-radius: calc(100 * (12vw/1520));
	padding: 12px;
}
.promo-code .form-box{
	border-radius: 13px;
	background: #F5F4F4;
}
.promo-code .form-control{
	width: 100%;
	height: calc(100 * (41vw/1520));
	height: -webkit-calc(100 * (41vw/1520));
	height: -moz-calc(100 * (41vw/1520));
	border-radius: 8px 0 0 8px;
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	border:none;
	background: transparent;
	border-right: none;
	color: var(--all-main-color);
}
.promo-code .form-control::placeholder{
	color:#807F83;
}
.promo-code .use-btn{
	height: calc(100 * (41vw/1520));
	height: -webkit-calc(100 * (41vw/1520));
	height: -moz-calc(100 * (41vw/1520));
	padding: 0 20px;
	background: #C4C4C4;
	color: #fff;
  border: 1px solid var(--all_button_border);
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	font-weight: 400;
/*	border:none;*/
	border-radius: 13px;
	cursor: pointer;
	text-transform: uppercase;
}
.promo-code label{
	font-size: 17px;
	font-weight: 400;
	color: var(--all-main-color);
}
.promo-code a{
	font-size: 18px;
	font-weight: 500;
	color: #242016;
	text-decoration: none;
}
.free-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0 15px;
	margin-bottom: 10px;
	/*display: none;*/
}
.free-box .free-part{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	border-radius: calc(100 * (12vw/1520));
	padding: 10px;
}
.free-box .free-part .heading{
	width: 100%;
	height: auto;
	background: #F5F4F4;
	padding: 7px 10px;
	margin-bottom: 40px;
	/*font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));*/
  font-size: calc(100*(30vw / 1520));
  font-size: -webkit-calc(100*(30vw / 1520));
  font-size: -moz-calc(100*(30vw / 1520));
  border-radius: calc(100*(12vw / 1520));
}
.free-box .free-part .heading p{
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	font-weight: 500;
	line-height: 108.8%;
}
.free-box .free-part .pog-bar{
	width: 100%;
	height: auto;
	position: relative;
	margin: 25px 0;
}
.free-box .free-part .pog-bar .pog-line{
	width: 100%;
	height: auto;
	height: 8px;
	background:#E7E4E4;
	position: relative;
}
.free-box .free-part .pog-bar .pog-line .leftPoint{
	content: '';
	width: auto;
	height: auto;
	position: absolute;
	left: -1px;
	border-radius: 50%;
	top:-25px;
}
.free-box .free-part .pog-bar .pog-line .leftPoint p{
	font-size: 17px;
	color: #C3C3C3;
}
.free-box .free-part .pog-bar .pog-line .leftPoint span{
	width: 18px;
	height: 18px;
	position: relative;
	display: table;
	background: var(--small_element_color);
	border-radius: 50%; 
	z-index: 99;
}
.free-box .free-part .pog-bar .pog-line .rightPoint{
	content: '';
	width: auto;
	height: auto;
	position: absolute;
	right: -1px;
	border-radius: 50%;
	top:-25px;
}
.free-box .free-part .pog-bar .pog-line .rightPoint p{
	font-size: 17px;
	color: #C3C3C3;
}
.free-box .free-part .pog-bar .pog-line .rightPoint span{
	width: 18px;
	height: 18px;
	position: relative;
	display: table;
	background:#E7E4E4;
	border-radius: 50%;
	float: right; 
}
.free-box .free-part .pog-bar .pog-line .cover{
	height: 100%;
	position: absolute;
/*	background: var(--small_element_color);*/
	background: #19bf88;
	left: 0;
	top: 0;
	z-index: 9;
}
.free-box .free-part .pog-bar .pog-line .coverEx{
	height: 100%;
	position: absolute;
	background: var(--small_element_color);
	left: 0;
	top: 0;
}
.free-box .free-part .pog-bar .pog-line .cover .valuePoint{
	content: '';
	width: auto;
	height: auto;
	position: absolute;
	right: -1px;
	border-radius: 50%;
	top:-25px;
}
.free-box .free-part .pog-bar .pog-line .cover .valuePoint p{
	font-size: 17px;
	color: #C3C3C3;
}
.free-box .free-part .pog-bar .pog-line .cover .valuePoint span{
	width: 18px;
	height: 18px;
	position: relative;
	display: table;
	background: var(--small_element_color);
	border-radius: 50%;
	float: right; 
}
.free-box .free-part .text{
	width: 100%;
	height: auto;
	position: relative;
	margin: 10px 0;
}
.free-box .free-part .text p{
	font-size: calc(100 * (15vw/1520));
	font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
	line-height: 110%;
}
.free-box .free-part .free-item-box{
	width: 100%;
	height: auto;
	position: relative;
	overflow-y:auto;
	/*-ms-overflow-style: none;
     scrollbar-width: none; */
    scrollbar-color: var(--small_element_color) #f1f1f1;
    scrollbar-width: thin;
    cursor: -webkit-grabbing; 
    cursor: grabbing;
}
/*.free-item-box::-webkit-scrollbar {
  display: none;
}
.free-item-box::-moz-scrollbar {
  display: none;
  background: #fff;
}*/
.free-item-box::-webkit-scrollbar {
  height: 6px;
}
.free-item-box::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.free-item-box::-webkit-scrollbar-thumb {
 background: var(--small_element_scroll);
}
.free-item-box::-webkit-scrollbar-thumb:hover {
  background: var(--small_element_scroll);
}
.free-box .free-part .free-item-box .scroll_div{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	white-space: nowrap;
	width: 100%;
}
.free-box .free-part .free-item-box .item{
	max-width: calc(100 * (300vw/1520));
	max-width: -webkit-calc(100 * (300vw/1520));
	max-width: -moz-calc(100 * (300vw/1520));
	height: auto;
	margin-right: 6px;
	background: #fff;
	border-radius: 19px;
	box-shadow: 0px 0px 24.1745px -9.66982px #979797;
	-webkit-box-shadow: 0px 0px 24.1745px -9.66982px #979797;
	-moz-box-shadow: 0px 0px 24.1745px -9.66982px #979797;
	flex: 0 0 50%;
	display: flex;
  flex-direction: row;
}
.free-box .free-part .free-item-box .item .image{
  width: calc(100 * (138vw/1520));
  width: -webkit-calc(100 * (138vw/1520));
  width: -moz-calc(100 * (138vw/1520));
  height: calc(100 * (141vw/1520));
  height: -webkit-calc(100 * (141vw/1520));
  height: -moz-calc(100 * (141vw/1520));
/*	width: 100%;*/
	height: 102px;
	border-radius: 19px;
	overflow: hidden;
}
.free-box .free-part .free-item-box .item .image img{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}
.free-box .free-part .free-item-box .item .con-text{
	padding: 7px 7px 10px;
	flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.free-box .free-part .free-item-box .item .con-text .text-bottom{
	width: 100%;
	height: auto;
}
.free-box .free-part .free-item-box .item .con-text h5{
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	line-height: 99.5%;
	margin-bottom: 5px;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: break-spaces;
}
.free-box .free-part .free-item-box .item .con-text p{
	font-size: calc(100 * (12vw/1520));
	font-size: -webkit-calc(100 * (12vw/1520));
	font-size: -moz-calc(100 * (12vw/1520));
	line-height: 13px;
	color: #9E9E9E;
	margin-bottom: 10px;
}
.free-box .free-part .free-item-box .item .con-text .btun{
	width: 100%;
	display: table;
	text-align: center;
	border-radius: calc(100 * (10vw/1520));
	padding: 7px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	font-size: calc(100 * (15vw/1520));
	font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
}
.free-box .free-part .free-item-box .item .con-text .btun.btun-gray{
	background: #C4C4C4;
	color: #fff;
	border:1px solid #C4C4C4;
}
.payment-part{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0 calc(100 * (20vw/1520));
	margin-bottom: 10px;
}
.payment-part .list-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0 12px;
	background: #fff;
	border-radius: calc(100 * (12vw/1520));
}
.payment-part .item-row{
	width: 100%;
	height: auto;
	position: relative;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #E7E4E4; 
}
.payment-part .item-row p{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	font-weight: 400;
	display: flex;
	align-items: center;
}
.payment-part .item-row p img{
	margin-left: 10px;
	cursor: pointer;
}
.payment-part .item-row h5{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	font-weight: 500;
	color: #787879;
	white-space: nowrap;
}
.payment-part .item-row h5 span{
/*	color:var(--small_element_color);*/
}
.payment-part .grand-total{
	width: 100%;
	height: auto;
	position: relative;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
}
.payment-part .grand-total p{
	/*font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));*/
  font-size: calc(100*(30vw / 1520));
  font-size: -webkit-calc(100*(30vw / 1520));
  font-size: -moz-calc(100*(30vw / 1520));
	font-weight: 600;
}
.payment-part .grand-total h5{
	font-size: calc(100 * (24vw/1520));
	font-size: -webkit-calc(100 * (24vw/1520));
	font-size: -moz-calc(100 * (24vw/1520));
	font-weight: 600;
}
.checkout-btn-box{
  width: 100%;
	height: auto;
	padding: calc(100 * (15vw/1520));
	/*background: #f3f3f3;
  bottom: 0;
  z-index: 999;*/
}
.checkout-btn-box p{
	font-size: 13px;
	color: #b5b5b5;
  width: 93%;
  text-align: center;
  margin: 10px auto;
}
.checkout-btn-box p a{
	font-size: 13px;
}
.checkout-btn-box a{
	font-size: calc(100 * (13vw/1520));
	font-size: -webkit-calc(100 * (13vw/1520));
	font-size: -moz-calc(100 * (13vw/1520));
	color: #B5B5B5;
	word-break: break-all;
	text-decoration: underline;
}
.checkout-btn-box p a{
	color: #b5b5b5;
	text-decoration: underline;
}
.checkout-btn-box .tnc{
  color: #000;
  margin: 0 auto;
  font-size: calc(100 * (17vw/1520));
  font-size: -webkit-calc(100 * (17vw/1520));
  font-size: -moz-calc(100 * (17vw/1520));
  width: 90%;
  /*text-align: center;*/
}
.checkout-btn-box .tnc a{
	font-size: calc(100 * (17vw/1520));
  font-size: -webkit-calc(100 * (17vw/1520));
  font-size: -moz-calc(100 * (17vw/1520));
}
.checkout-btn-box .tnc span{
  font-size: calc(100 * (23vw/1520));
  font-size: -webkit-calc(100 * (23vw/1520));
  font-size: -moz-calc(100 * (23vw/1520));
  color: #19BF88;
}
.checkout-btn-box .tnc span img{
  width: calc(100 * (19vw/1520));
  margin-bottom: calc(100 * (12vw/1520));
}
.checkout-btn-box .radio-item{
	margin-top: calc(100 * (15vw/1520));
	display: none;
}
.checkout-btn-box .radio-item .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
  margin: 0;
  display: flex;
  font-weight: 400;
  color: #000;
  padding: 0 calc(100 * (20vw/1520));
}
.checkout-btn-box .radio-item .form-group input{
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.checkout-btn-box .radio-item .form-group label span.checkbox {
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    width: 18px;
    height: 18px;
    display: table;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 7px;
    flex: 0 0 18px;
    background: var(--all_button_back);
}
.checkout-btn-box .radio-item .form-group input:checked + span.checkbox:after {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.test-class .radio-item{
	display: none;
}
.test-class .radio-item .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
  margin: 0;
  display: flex;
  font-weight: 400;
  color: #000;
  padding: 0 calc(100 * (20vw/1520));
}
.test-class .radio-item .form-group input{
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.test-class .radio-item .form-group label span.checkbox {
    position: relative;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    width: 18px;
    height: 18px;
    display: table;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 7px;
    flex: 0 0 18px;
    background: var(--all_button_back);
}
.test-class .radio-item .form-group input:checked + span.checkbox:after {
    content: '';
    display: block;
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.checkout-btn-box .btun-box{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  margin-bottom: calc(100 * (12vw/1520));
}
.checkout-btn-box .btun-box .app-btun{
	display: table;
	height: 32px;
	border:2px solid #EAEAEA;
	padding: 0 10px;
	border-radius: 15px;
	margin-right: 10px;
	display: none;
	text-align: center;
}
.checkout-btn-box .btun-box .app-btun img{
	height: 100%;
}
.checkout-btn-box .checkout-btn{
	font-style: normal;
	font-weight: 500;
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	line-height: 29px;
	text-align: center;
	text-transform: uppercase;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border: 1px solid var(--all_button_back);
	padding: calc(100 * (10vw/1520)) 20px;
	padding: -webkit-calc(100 * (10vw/1520)) 20px;
	padding: -moz-calc(100 * (10vw/1520)) 20px;
	display: table;
	width: 100%;
	border-radius: 11px;
	transition: 0.8s;
	text-decoration: none;
	margin-bottom: 0px;
	text-decoration: none;
  width: 100%;
  margin-top: 5px;
  cursor: pointer;
}
.checkout-btn-box .checkout-btn:hover{
  background: #19bf88;
  border: 1px solid #19bf88;
}

.right-side-part .recom{
	width: 100%;
	height: auto;
	position: relative;
	/*min-width: 345px;*/
	margin-bottom: 15px;
	display: none;
	padding:0 15px;
	margin-top: 20px;	
}
.right-side-part .recom .owl-carousel .owl-stage{
	display: flex;
}
.right-side-part .recom h4{
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
}

.right-side-part .recom .item{
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
	border-radius: 19px;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
   /* min-width: 315px;*/
    box-shadow: 0px 3px 27px #DDDDDD;
    -webkit-flex;box-shadow: 0px 3px 27px #DDDDDD;
    -moz-box-shadow: 0px 3px 27px #DDDDDD;
}
.right-side-part .recom .item .image{
	width: 117px;
	height: 120px;
	border-radius: 19px;
	flex: 0 0 117px;
	margin-right: 8px;
	overflow: hidden;
}
.right-side-part .recom .item .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.right-side-part .recom .item .text{
	width: 60%;
    height: auto;
    position: relative;
    padding: 10px 10px 10px 0;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.right-side-part .recom .item .text .recom-bottom{
	width: 100%;
}
.right-side-part .recom .item .text h5{
	font-weight: 400;
	font-size: 17px;
	line-height: 99.5%;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.right-side-part .recom .item .text p{
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color:  #9E9E9E;
}
.right-side-part .recom .item .text h6{
	font-weight: 400;
	font-size: 17px;
	line-height: 21px;
	text-align: center;
  background: var(--all_button_back);
  color: var(--all_button_color);
	border-radius: 13px;
	padding: 10px;
	margin-top: 5px;
}
.card-view{
	width: 100%;
	height: auto;
	position: relative;
    padding:0 15px;
    margin-top: 15px;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: flex-end;
}
.card-view .btn-box{
	width: auto;
	height: auto;
	position: relative;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 13px rgba(194, 194, 194, 0.53);
	-webkit-box-shadow: 0px 0px 13px rgba(194, 194, 194, 0.53);
	-moz-box-shadow: 0px 0px 13px rgba(194, 194, 194, 0.53);
    display: none;
}
.card-view .btun{
	background: transparent;
	border:none;
	padding: 9px;
	width: 44px;
}
.card-view .btun.active{
	background: #C3C3C3;
	border-radius: 10px;
}
.card-view .filter{
	font-size: 20px;
	border:none;
	border-radius: 10px;
	color: #fff;
	background: var(--small_element_color);
	padding: 7px 20px;
}
.main-order-btn{
	width: 100%;
	height: auto;
	position: fixed;
	left: 0;
	bottom: 0;
	background: var(--site_background);
	display: none;
	text-align: center;
	padding:0 15px;
}
.main-order-btn .myOrder-button{
	width: 100%;
	height: auto;
	position: relative;
	border: 1px solid var(--all_button_border);
	font-size: 20px;
	background: var(--all_button_back);
  color: var(--all_button_color);
	font-weight: 500;
	margin: 10px auto;
	padding: 10px;
	border-radius: 15px;
	text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.right-part .right-side-part .back-btun {
  width: 100%;
  display: none;
  position: relative;
  text-align: center;
  height: 53px;
  padding: 9px 0;
}

.right-part .right-side-part .back-btun h5 {
  color: #080713;
  font-size: 27px;
  line-height: 33px;
  font-weight: 400;

}

.right-part .right-side-part #order_close {
  position: relative;
  width: 43px;
  height: 43px;
  font-size: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 15px;
  border: none;
  background: #FFFFFF;
  box-shadow: 0 1px 14px rgba(187, 187, 187, 0.3);
  position: absolute;
  left: 15px;
  top: 5px;
}

.right-part .right-side-part .back-btun .order_delete {
  position: relative;
  width: 43px;
  height: 43px;
  font-size: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: none;
  background: #FFFFFF;
  box-shadow: 0 1px 14px rgba(187, 187, 187, 0.3);
  position: absolute;
  right: 15px;
  top: 5px;
}
.split{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	padding: 0 15px;
	display: none;
	margin-bottom: 7px;
}
.split .btun{
	width: 100%;
	display: table;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	padding: 7px;
	font-size: 23px;
}
.checkout-wraper .backbtn{
    position: relative;
    width: 43px;
    height: 43px;
    font-size: 24px;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 15px;
    border: none;
    background: #FFFFFF;
    box-shadow: 0 1px 14px rgb(187 187 187 / 30%);
    left: 15px;
    top: 5px;
    display: none;
}
.checkout-header{
	width: 100%;
	height: auto;
	position: relative;
/*	background: #F3F3F3;*/
	border-radius: 30px;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  padding: 21px calc(100 * (20vw/1520)) 0;
  justify-content: space-between;
  align-items: center;
}
.checkout-header h3{
	font-weight: 600;
	font-size: calc(100 * (52vw/1520));
	font-size: -webkit-calc(100 * (52vw/1520));
	font-size: -moz-calc(100 * (52vw/1520));
}
.checkout-header h3 a{
	color: var(--all_main_color);
}
.checkout-header h3 a:hover{
	color: var(--all_main_color);
}
.checkout-header .user-btn{
	width: calc(100 * (250vw/1520));
	width: -webkit-calc(100 * (250vw/1520));
	width: -moz-calc(100 * (250vw/1520));
	height: calc(100 * (45vw/1520));
	height: -webkit-calc(100 * (45vw/1520));
	height: -moz-calc(100 * (45vw/1520));
	position: absolute;
	right: calc(100 * (20vw/1520));
	right: -webkit-calc(100 * (20vw/1520));
	right: -moz-calc(100 * (20vw/1520));
	display: flex;
	justify-content: flex-end;
	align-items: center;
	top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.checkout-header .dropdown-menu{
	width: calc(100 * (250vw/1520));
	width: -webkit-calc(100 * (250vw/1520));
	width: -moz-calc(100 * (250vw/1520));
	border-radius: 10px;
	transform: translate3d(3px, 35px, 0px) !important;
}
.checkout-header .langauge:after{
	display: none;
}
.checkout-header .dropdown-menu li{
	display: block;
}

.checkout-header .dropdown-menu a{
	width: 100%;
	height: auto;
	position: relative;
	display: table;
	border-bottom: 1px solid #f3f3f3;
	padding: 10px 20px;
	cursor: pointer;
	display: table;
	color: var(--all_main_color);

}
.checkout-header .dropdown-menu a img{
	width: 40px;
	height: 25px;
	border-radius: 3px;
	margin-right: 7px;
}
.checkout-header .dropdown-menu a:hover{
	background: var(--all_button_back);
	color: var(--all_button_color);
}
.checkout-header .langauge{
  width: calc(100*(45vw / 1520));
  width: -webkit-calc(100*(45vw / 1520));
  width: -moz-calc(100*(45vw / 1520));
  height: calc(100*(45vw / 1520));
  height: -webkit-calc(100*(45vw / 1520));
  height: -moz-calc(100*(45vw / 1520));
  border-radius: calc(100*(12vw / 1520));
  padding: calc(100*(3vw / 1520));
  margin-right: calc(100*(12vw / 1520));
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  cursor: pointer;
}
.checkout-header .langauge2{
	display: none;
}
.checkout-header .profile-drop2{
	display: none;
}
.checkout-header .langauge img{
	width: 100%;
	height: 100%;
	border-radius: calc(100*(12vw / 1520));
}
.checkout-header .icon{
  width: calc(100*(45vw / 1520));
  width: -webkit-calc(100*(45vw / 1520));
  width: -moz-calc(100*(45vw / 1520));
  height: calc(100*(45vw / 1520));
  height: -webkit-calc(100*(45vw / 1520));
  height: -moz-calc(100*(45vw / 1520));
  border-radius: calc(100*(12vw / 1520));
  background: #fff;
  position: relative;
  cursor: pointer;
}
.checkout-header .icon img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.checkout-header .info-btn{
	width: calc(100 * (45vw/1520));
	width: -webkit-calc(100 * (45vw/1520));
	width: -moz-calc(100 * (45vw/1520));
	height: calc(100 * (45vw/1520));
	height: -webkit-calc(100 * (45vw/1520));
	height: -moz-calc(100 * (45vw/1520));
	background: #fff;
	border-radius: 13px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: calc(100 * (20vw/1520));
	top: -webkit-calc(100 * (20vw/1520));
	top: -moz-calc(100 * (20vw/1520));
	left: calc(100 * (20vw/1520));
	left: -webkit-calc(100 * (20vw/1520));
	left: -moz-calc(100 * (20vw/1520));
}
.checkout-header .profile-drop{
  width: calc(100*(45vw / 1520));
  width: -webkit-calc(100*(45vw / 1520));
  width: -moz-calc(100*(45vw / 1520));
  max-height: calc(100*(45vw / 1520));
  max-height: -webkit-calc(100*(45vw / 1520));
  max-height: -moz-calc(100*(45vw / 1520));
  height: auto;
  position: relative;
  border-radius: calc(100*(20vw / 1520));
  right: 0;
  background: #fff;
  transition: 0.3s;
}
.checkout-header .profile-drop.open{
  width: calc(100*(300vw / 1520));
  width: -webkit-calc(100*(300vw / 1520));
  width: -moz-calc(100*(300vw / 1520));
  height: auto;
  max-height: 500px;
  position: absolute;
  top: 0;
  overflow: hidden;
  padding: calc(100*(12vw / 1520));
}
.checkout-header .profile-drop.d-block{
	display: block;
}
.checkout-header .profile-drop.open .name{
	display: flex;
	justify-content: space-between;
	align-items: center;
/*	padding-left: 21px;*/
}
.checkout-header .profile-drop .name h6{
  font-size: calc(100*(23vw / 1520));
  font-size: -webkit-calc(100*(23vw / 1520));
  font-size: -moz-calc(100*(23vw / 1520));
  font-weight: 600;
  display: none;
  padding: calc(100*(15vw / 1520)) 0 0 calc(100*(15vw / 1520));
}
.checkout-header .profile-drop .user-menu{
  width: 100%;
  height: auto;
  max-height: 0;
  padding: calc(100*(8vw / 1520));
  overflow: hidden;
  transition: 0.3s;
  overflow: hidden;
}
.checkout-header .profile-drop.open .user-menu{
	max-height: 500px;
/*	padding-bottom: 20px;*/
}
.checkout-header .profile-drop .user-menu ul li{
  font-size: calc(100*(20vw / 1520));
  font-size: -webkit-calc(100*(20vw / 1520));
  font-size: -moz-calc(100*(20vw / 1520));
  padding: 10px;
  border-radius: 10px;
  display: block;
  box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
  -webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
  -moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
  transition: 0.3s;
  height: calc(100*(50vw / 1520));
  height: -webkit-calc(100*(50vw / 1520));
  height: -moz-calc(100*(50vw / 1520));
}
.checkout-header .profile-drop .user-menu ul li:hover{
	background: var(--small_element_color);
}
.checkout-header .profile-drop .user-menu ul li a{
  color: var(--all_main_color);
  display: block;
  width: 100%;
}
.checkout-header .profile-drop .user-menu ul li a:hover{
	background: var(--small_element_color);
	color: var(--small_element_text);
}
.checkout-header .profile-drop .user-menu ul li a span {
  float: left;
  margin-right: 10px;
}
.checkval_msg{
	color: #ff0000 !important;
	font-size: calc(100 * (18vw/1520)) !important;
	font-weight: 400 !important;
	text-align: left !important;
}
.checkout{
	width: 100%;
	height: auto;
	position: relative;
	background:#F3F3F3;
	border-radius: 30px;
	/*padding: 20px 37px 20px;*/
	padding: calc(100 * (20vw/1520));
	/*margin-bottom: 30px;
	margin-top: 24px;*/
}
.checkout .pr{
/*	padding-right: 9px;*/
	margin-bottom: 24px;
}
.checkout .pl{
/*	padding-left: 9px;*/
	margin-bottom: 24px;
}
.checkout_tooltip_img {
    margin-left: 10px;
    cursor: pointer;
}
.checkout h3{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	font-weight: 600;
	margin-bottom: 10px;
}
.checkout h3 span{
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	color: #f00;
	font-weight: 400;
}
.checkout .form-group .checkout-label, .checkout .checkout-label{
  color: #f00;
  top: -7px;
  right: 11px;
  position: absolute;
  font-size: 20px;
  z-index: 1;
}
.checkout .form-group .form-control {
    height: calc(100 * (47vw/1520));
    height: -webkit-calc(100 * (47vw/1520));
    height: -moz-calc(100 * (47vw/1520));
/*    border-radius: 12px;*/
    background: #fff;
    border: none;
/*    margin-bottom: 24px;*/
    color: var(--all-main-color);
    font-size: calc(100 * (18vw/1520));
    font-size: -webkit-calc(100 * (18vw/1520));
    font-size: -moz-calc(100 * (18vw/1520));
    border-radius: calc(100 * (12vw/1520));
}
.checkout .form-group p{
  font-size: calc(100 * (18vw/1520));
  font-weight: 600;
  padding-left: 5px;
}
.checkout .form-group .edit-btun, .checkout .edit-btun{
	position: absolute;
  right: 20px;
  top: 3px;
  cursor: pointer;
}
.checkout .btun{
	display: none;
}
.your-order{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0;
	border-radius: 30px;
/*	background: #F3F3F3;
	margin-bottom: 20px;*/
}
.your-order .title{
	width: 100%;
	height: auto;
	padding: 0 30px 0 30px;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
	justify-content: space-between;
	margin-bottom: 24px;
	align-items: center;
}
.your-order .title h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	font-weight: 600;
}
.your-order .title .icon{
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 15px;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
}
.your-order .order-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0 15px;
}
.your-order .order-box .item{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
	justify-content: space-between;
	margin-bottom: 20px;
	background: #fff;
	padding:13px 50px 13px 13px;
	border-radius: 20px;
	align-items: flex-start;
}
.your-order .order-box .item .dtl{
	width: 50%;
	height: auto;
	/*display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
	justify-content: flex-start;
	align-items: flex-start;*/
}
.your-order .order-box .item .dtl .image{
	width: calc(100 * (110vw/1520));
	width: -webkit-calc(100 * (110vw/1520));
	width: -moz-calc(100 * (110vw/1520));
	height: calc(100 * (110vw/1520));
	height: -webkit-calc(100 * (110vw/1520));
	height: -moz-calc(100 * (110vw/1520));
	border-radius: 14px;
	overflow: hidden;
	float: left;
	margin-right: calc(100 * (23vw/1520));
	margin-right: -webkit-calc(100 * (23vw/1520));
	margin-right: -moz-calc(100 * (23vw/1520));
}
.your-order .order-box .item .dtl .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.your-order .order-box .item .dtl h5{
	font-weight: 400;
	font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));
	line-height: 27px;
	margin-bottom: 10px;
}
.your-order .order-box .item .dtl p{
	font-weight: 400;
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	line-height: 15px;
	color: #979797;
/*	margin-bottom: 10px;*/
}
.your-order .order-box .item .price{
	width: 45%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.your-order .order-box .item .price .action{
	width: 90px;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.your-order .order-box .item .dtl .ingredients-sec{
  width: 100%;
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
}
.your-order .order-box .item .price .action p{
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	font-weight: 500;
	white-space: nowrap; 
}
.your-order .order-box .item .price h3{
	font-weight: 400;
	font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));
	line-height: 27px;
	white-space: nowrap;
}
.your-order .order-box .item .price h3.del-actual-price{
  color: #979797;
  font-weight: 500;
}
.recomandation{
	width: 100%;
	height: auto;
	position: relative;
	padding:0 calc(100 * (20vw/1520)) 21px;
	/*border-radius: 30px;
	background: #F3F3F3;	*/
}
.recomandation .owl-stage{
	display: flex;
}
.recomandation h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	font-weight: 600;
	margin-bottom: 10px;
}
.recomandation .item{
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
	border-radius: 19px;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  cursor: pointer;
}
.recomandation .item .image{
	width:calc(100 * (138vw/1520));
	width:-webkit-calc(100 * (138vw/1520));
	width:-moz-calc(100 * (138vw/1520));
	height:calc(100 * (141vw/1520));
	height:-webkit-calc(100 * (141vw/1520));
	height:-moz-calc(100 * (141vw/1520));
	border-radius: 19px;
	flex: 0 0 calc(100 * (138vw/1520));
	margin-right: calc(100 * (15vw/1520));
	overflow: hidden;
}
.recomandation .item .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.recomandation .item .text{
	width: 100%;
	height: auto;
	position: relative;
	padding: 10px 10px 10px 0;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.recomandation .item .text .recom-bottom{
	width: 100%;
	height: auto;
}
.recomandation .item .text h5{
	font-weight: 400;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	line-height: 99.5%;
	margin-bottom: 5px;
}
.recomandation .item .text p{
	font-weight: 400;
	font-size: calc(100 * (12vw/1520));
	font-size: -webkit-calc(100 * (12vw/1520));
	font-size: -moz-calc(100 * (12vw/1520));
	line-height: 14px;
	color:  #9E9E9E;
}
.recomandation .item .text h6{
	font-weight: 400;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	line-height: calc(100 * (24vw/1520));
	text-align: center;
/*	background: #F5F4F4;*/
	border-radius: calc(100 * (12vw/1520));
	padding: calc(100 * (10vw/1520));
	margin-top: 5px;
  background: var(--all_button_back);
  color: var(--all_button_color);
}

.modal-content{
	border-radius: calc(100 * (25vw/1520));
	border-radius: -webkit-calc(100 * (25vw/1520));
	border-radius: -moz-calc(100 * (25vw/1520));
}
.modal-content .close{
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 9;
}
.restoInfo .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.restoInfo .modal-content .modal-body{
	padding: 19px 42px;
}
#cart_empty_modal .modal-content .modal-body{
	padding: 50px;
}

#cart_empty_modal .modal-content .modal-body .btn-sec{
	display: flex;
}
.restoInfo .modal-content .modal-body .logo{
	width: calc(100 * (167vw/1520));
	width: -webkit-calc(100 * (167vw/1520));
	width: -moz-calc(100 * (167vw/1520));
	margin: auto;
	margin-bottom: 7px;
}
.restoInfo .modal-content .modal-body .logo img{
	width: 100%;
}
.restoInfo .modal-content .modal-body h3{
	text-align: center;
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	line-height: 37px;
	font-weight: 600;
	margin-bottom: 20px;
}
.restoInfo .modal-content .modal-body .dtl-box{
	width: 100%;
	height: auto;
	position: relative;
}
.restoInfo .modal-content .modal-body .dtl-box p{
	text-align: center;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	line-height: calc(100 * (24vw/1520));
	padding: 10px 0;
	border-bottom: 1px solid #EAEAEA;
}
.restoInfo .modal-content .modal-body .dtl-box p:last-child{
	border:none;
}
.restoInfo .modal-content .modal-body .ordernow-btn{
	width: 100%;
	height: auto;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	display: table;
	border-radius: 15px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	text-align: center;
	padding: 10px;
	margin-top: 10px;
}
.restoInfo .modal-content .modal-body .ordernow-btn-del {
	width: 100%;
	height: auto;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	display: table;
	border-radius: 15px;
  background: #fff;
  color: #000;
  border: 1px solid var(--all_button_border);
	text-align: center;
	padding: 10px;
	margin-top: 10px;
}
.location .modal-dialog{
	max-width: calc(100 * (824vw/1520));
	max-width: -webkit-calc(100 * (824vw/1520));
	max-width: -moz-calc(100 * (824vw/1520));
}
.location .modal-content .modal-body{
	padding: calc(100 * (30vw/1520)) calc(100 * (42vw/1520));
}
.location .modal-content .modal-body h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	margin-bottom: 20px;
}
.location .modal-content .modal-body h6{
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
	background: #F3F3F3;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
}
.location .modal-content .modal-body .form-control{
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
	background: #F3F3F3;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
	border:none;
	border-radius: 0;
}
.location .modal-content .modal-body .mobile-location h4{
	display: none;
}
.location .modal-content .modal-body .mobile-location h6{
	display: none;
}
.location .modal-content .modal-body .map{
	width: 100%;
	height: calc(100 * (339vw/1520));
	height: -webkit-calc(100 * (339vw/1520));
	height: -moz-calc(100 * (339vw/1520));
	border-radius: 20px;
	background: #efefef;
	margin-bottom: 10px;
	overflow: hidden;
}
.location .modal-content .modal-body h6{
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
	line-height: 108.8%;
}
.location .modal-content .modal-body .btun-box{
	width: 100%;
	height: auto;
	position: relative;
	text-align: right;
	margin-top: 10px;
}
.location .modal-content .modal-body .btun-box .take-btn{
	width: 165px;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	border-radius: 15px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	padding: 7px 15px;
	display: none;
}
.location .modal-content .modal-body .btun-box .back-btn{
	width: 165px;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	border-radius: 15px;
	background: #979797;
	color: #fff;
	border:1px solid #979797;
	padding: 7px 15px;
	margin-left: 10px;
	display: inline-block;
}
.paymentMethod .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.paymentMethod .modal-body{
	padding: 30px;
}
.paymentMethod .modal-body h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	margin-bottom: 20px;
}
.paymentMethod .modal-body .with-card-btun{
	width: 100%;
	height: auto;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	display: table;
	border-radius: 15px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
}
.paymentMethod .modal-body .paymentapp-btn{
	width: 100%;
	border: 2px solid #EAEAEA;
	box-shadow: 0px 3px 30px rgba(195, 195, 195, 0.16);
	-webkit-box-shadow: 0px 3px 30px rgba(195, 195, 195, 0.16);
	-moz-box-shadow: 0px 3px 30px rgba(195, 195, 195, 0.16);
	text-align: center;
	display: table;
	border-radius: 15px;
	margin-bottom: 10px;
}
.paymentMethod .modal-body .paymentapp-btn img{
	height: calc(100 * (55vw/1520));
	height: -webkit-calc(100 * (55vw/1520));
	height: -moz-calc(100 * (55vw/1520));
}
.paymentPop .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.paymentPop .modal-body{
	padding: 50px 30px 30px;
}
.paymentPop .modal-body .heading{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.paymentPop .modal-body .heading h3{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
}
.paymentPop .modal-body .heading h4{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
}
.paymentPop .modal-body .tip-box{
	width: 100%;
	height: auto;
	background: #fff;
	border-radius: 20px;
	padding:15px 10px;
	box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	-webkit-box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	-moz-box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	margin-bottom: 10px;
}
.paymentPop .modal-body .tip-box .top-title{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.paymentPop .modal-body .tip-box .top-title h6{
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
}
.paymentPop .modal-body .tip-box .top-title h5{
	font-size: calc(100 * (25vw/1520));
	font-size: -webkit-calc(100 * (25vw/1520));
	font-size: -moz-calc(100 * (25vw/1520));
	color:#787879;
}
.paymentPop .modal-body .tip-box .tip{
	width: 100%;
}
.paymentPop .modal-body .tip-box .tip input{
	display: none;
}
.paymentPop .modal-body .tip-box .tip label{
	margin: 0;
}
.paymentPop .modal-body .tip-box .tip label span{
	display: table;
	border-radius: 30px;
	width: calc(100 * (96vw/1520));
	width: -webkit-calc(100 * (96vw/1520));
	width: -moz-calc(100 * (96vw/1520));
	height: calc(100 * (55vw/1520));
	height: -webkit-calc(100 * (55vw/1520));
	height: -moz-calc(100 * (55vw/1520));
	margin-right: 5px;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
	align-items: center;
	justify-content: center;
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: 500;
	color:#474747;
	background: #F5F4F4;
	cursor: pointer;
}
.paymentPop .modal-body .tip-box .tip input:checked ~ span{
	background: var(--small_element_color);
	color: #fff;
}
.paymentPop .modal-body .switch-box{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
	justify-content: space-between;
	border-radius: 20px;
	margin-bottom: 10px;
	background: #fff;
	padding: 12px 12px 12px;
	box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	-webkit-box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	-moz-box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
}
.paymentPop .modal-body .switch-box p{
	color: #B5B5B5;
	font-weight: 400;
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	line-height: 20px;
}
.paymentPop .modal-body .switch-box .switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 28px;
  margin-bottom: 0;
  flex:0 0 48px;
  margin-left: 5px;
}

.paymentPop .modal-body .switch-box .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.paymentPop .modal-body .switch-box .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #C4C4C4;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.paymentPop .modal-body .switch-box .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 5px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.paymentPop .modal-body .switch-box .switch input:checked + .slider {
  background-color: var(--small_element_color);
}

.paymentPop .modal-body .switch-box .switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.paymentPop .modal-body .switch-box .switch input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.paymentPop .modal-body .btun-box{
	background: #F5F4F4;
	border-radius: 15px;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    margin-bottom: 10px;
}
.paymentPop .modal-body .btun-box .total{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
}
.paymentPop .modal-body .btun-box .total h5{
	font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));
}
.paymentPop .modal-body .btun-box .total h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
}
.paymentPop .modal-body .btun-box .pay-btn{
	width: 60%;
	height: auto;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	display: table;
	border-radius: 15px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	flex: 0 0 60%;
}
.paymentPop .modal-body .terms-box{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.paymentPop .modal-body .terms-box p{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	line-height: 21px;
	color: #B5B5B5;
}
.paymentPop .modal-body .terms-box p a{
	color: #B5B5B5;
	text-decoration: underline;
}/*
.orderSuccess .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.orderSuccess .modal-dialog .modal-body{
	padding: 30px;
}
.orderSuccess .modal-dialog .modal-body .icon{
	width:calc(100 * (119vw/1520));
	width:-webkit-calc(100 * (119vw/1520));
	width:-moz-calc(100 * (119vw/1520));
	margin: auto;
	margin-bottom: 10px;
}
.orderSuccess .modal-dialog .modal-body .icon img{
	width: 100%;
}
.orderSuccess .modal-dialog .modal-body h5{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	font-weight: 600;
	line-height: 37px;
	text-align: center;
}
.orderSuccess .modal-dialog .modal-body h6{
	font-size: calc(100 * (26vw/1520));
	font-size: -webkit-calc(100 * (26vw/1520));
	font-size: -moz-calc(100 * (26vw/1520));
	font-weight: 400;
	line-height: 32px;
	text-align: center;
	margin-bottom: 10px;
}
.orderSuccess .modal-dialog .modal-body .text-box{
	width: 100%;
	height: auto;
	position: relative;
	border-bottom:2px solid #EAEAEA;
	padding: 10px 0;
}
.orderSuccess .modal-dialog .modal-body .text-box:last-child{
	border:none; 
}
.orderSuccess .modal-dialog .modal-body .text-box ul li{
	display: inline-block;
	margin-right: 20px;
}
.orderSuccess .modal-dialog .modal-body .text-box p{
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	line-height: 24px;
	font-weight: bold;
}
.orderSuccess .modal-dialog .modal-body .text-box h6{
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
	line-height: 108.8%;
	text-align: left;
}
.orderSuccess .modal-dialog .modal-body .sms-btn{
	width: 100%;
	height: auto;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	display: table;
	border-radius: 15px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
}*/
.orderSuccess .modal-dialog{
	max-width: calc(100 * (450vw/1520));
	max-width: -webkit-calc(100 * (450vw/1520));
	max-width: -moz-calc(100 * (450vw/1520));
	margin-top: 0;
}
.orderSuccess .modal-dialog .modal-body{
	padding: 30px 0;
}
.orderSuccess .modal-content .close {
  background: #fff;
	border-radius: calc(100 * (12vw/1520));
	border-radius: -webkit-calc(100 * (12vw/1520));
	border-radius: -moz-calc(100 * (12vw/1520));
	/*padding: 5px;*/
  right: calc(100 * (8vw/1520));
  top: calc(100 * (8vw/1520));
}
.orderSuccess .modal-dialog .modal-body .keep-text-mob{
  background-color: #061737;
  color: #fff;
  font-size: calc(100 * (17vw/1520));
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding: calc(100 * (25vw/1520)) 0;
  position: relative;
  border-radius: 10px 10px 0 0;
  border-radius: calc(100 * (12vw/1520)) calc(100 * (12vw/1520)) 0 0;
  border-radius: -webkit-calc(100 * (12vw/1520)) -webkit-calc(100 * (12vw/1520)) 0 0;
  border-radius: -moz-calc(100 * (12vw/1520)) -moz-calc(100 * (12vw/1520)) 0 0;
}
.orderSuccess .modal-dialog .modal-body .orderSuccess-content{
	padding: 0 calc(100 * (20vw/1520));
}
.orderSuccess .modal-dialog .modal-body .map{
    width: 100%;
    height: calc(100 * (250vw/1520));
    height: -webkit-calc(100 * (250vw/1520));
    height: -moz-calc(100 * (250vw/1520));
/*    border-radius: 20px;*/
    background: #efefef;
/*    margin-bottom: 10px;*/
    overflow: hidden;
    position: relative;
    left: 0;
/*    top: -30px;*/
}
.orderSuccess .modal-dialog .modal-body .success-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 30px 0;
}
.orderSuccess .modal-dialog .modal-body .icon{
	width:calc(100 * (100vw/1520));
	width:-webkit-calc(100 * (100vw/1520));
	width:-moz-calc(100 * (100vw/1520));
  margin: calc(100 * (20vw/1520)) auto;
  float: none;
}
.orderSuccess .modal-dialog .modal-body .icon img{
	width: 100%;
}
.orderSuccess .modal-dialog .modal-body h5{
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	font-weight: 600;
	line-height: calc(100 * (23vw/1520));
	text-align: center;
}
.orderSuccess .modal-dialog .modal-body h5.thank-msg{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	font-weight: 600;
	line-height: 37px;
	text-align: center;
}
.orderSuccess .modal-dialog .modal-body h6{
	font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));
	font-weight: 400;
	line-height: 32px;
	text-align: center;
/*	margin-bottom: 10px;*/
}
.orderSuccess .modal-dialog .modal-body .text-box{
	width: 100%;
	height: auto;
	position: relative;
/*	border-bottom:2px solid #EAEAEA;*/
	padding: 5px 0;
	text-align: center;
/*	margin-top: 50px;*/
}
.orderSuccess .modal-dialog .modal-body .text-box:last-child{
	border:none; 
}
.orderSuccess .modal-dialog .modal-body .text-box ul li{
	display: inline-block;
	margin-right: 20px;
}
.orderSuccess .modal-dialog .modal-body .text-box p{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
  line-height: calc(100 * (32vw/1520));
	font-weight: 400;
}
.orderSuccess .modal-dialog .modal-body .text-box h6{
	font-size: calc(100 * (14vw/1520));
	font-size: -webkit-calc(100 * (14vw/1520));
	font-size: -moz-calc(100 * (14vw/1520));
	line-height: calc(100 * (20vw/1520));
	text-align: center;
}
.orderSuccess .modal-dialog .modal-body .text-box h6 a{
	 color: var(--all-main-color);
}
.orderSuccess .modal-dialog .modal-body .rvw_img_close{
  position: absolute;
  /*top: 2px;*/
  right: 0;
  z-index: 100;
  cursor: pointer;
  line-height: 10px;
  /*border-radius: 50%;*/
  padding: 0;
  border: none;
  opacity: 0.8;
}
.orderSuccess .modal-dialog .modal-body .success-box .keep-text{
	width: 80%; 
	margin: 0 auto; 
	float: none; 
	text-align: center; 
	line-height: 25px; 
	margin-bottom: 10px; 
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	font-weight: 600;
}
.orderSuccess .modal-dialog .modal-body .rvw-text{
	width: 80%; 
	margin: 0 auto; 
	float: none;
	text-align: center;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
  font-weight: 600;
  margin-bottom: calc(100 * (10vw/1520));
}
.orderSuccess .modal-dialog .modal-body .call-sec{
  width: 100%;
  min-height: 50px;
  height: auto;
  padding: 0;
  margin: 0 auto;
  display: none;
  text-align: left;
}
.orderSuccess .modal-dialog .modal-body .call-sec:first-child{
	float: right;
}
.orderSuccess .modal-dialog .modal-body .phn-sec{
  width: 100%;
  min-height: 40px;
  height: auto;
  padding: 0;
  margin: 0 auto;
  display: flex;
}
.orderSuccess .modal-dialog .modal-body .phn-call{
  display: flex;
  justify-content: space-between;
  width: 46%;
  min-height: 50px;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #DADADA;
  text-align: center;
  padding: 0 10px;
  background: #fff;
  cursor: pointer;
  float: none;
  margin: 0 auto;
  align-items: center;
  padding: 10px 5px;
}
.orderSuccess .modal-dialog .modal-body .mob-call{
  display: block;
  justify-content: space-between;
  width: 46%;
  min-height: 45px;
  height: 100%;
  /*border-radius: 10px;
  border: 1px solid #DADADA;*/
  text-align: center;
  padding: 0 10px;
  background: #fff;
  cursor: pointer;
  float: none;
  margin: 0 auto;
  align-items: center;
}
.orderSuccess .modal-dialog .modal-body .phn-call img{
  width: 20%;
  height: 100%;
  float: left;
}
.orderSuccess .modal-dialog .modal-body .phn-call p{
  width: 70%;
  float: right;
  text-align: left;
  color: #19bf88;
  font-size: 15px;
}
.orderSuccess .modal-dialog .modal-body .status-box .status-head{
	text-align: center;
  font-size: calc(100 * (21vw/1520));
	font-weight: 600;
/*	margin-bottom: 10px;*/
}
.orderSuccess .modal-dialog .modal-body .status-box{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 10px;
}
.orderSuccess .modal-dialog .modal-body .status-box p{
	text-align: center;
	font-size: 17px;
	font-weight: 400;
}
.orderSuccess .modal-dialog .modal-body .status-box .status{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	/*margin-top: 10px;
	margin-bottom: 15px;*/
	margin: 10px 0;
}
.orderSuccess .modal-dialog .modal-body .status-box .status .status-point{
  width: calc(100 * (65vw/1520));
  height: calc(100 * (65vw/1520));
	border-radius: 50%;
	background: #EAEAEA;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 60px;
  margin-bottom: 0;
}
.orderSuccess .modal-dialog .modal-body .status-box .status .status-point img{
	width: calc(100 * (30vw/1520));
}
.orderSuccess .modal-dialog .modal-body .status-box .status .status-point.active{
	background: #19bf88;
}
.orderSuccess .modal-dialog .modal-body .status-box .status .status-text{
	font-size: 12px;
  font-weight: 600;
  height: 10px;
  margin-top: 5px;
}
.orderSuccess .modal-dialog .modal-body .status-box .status .status-line{
	width: 30px;
	height: 0px;
	border-top:2px dashed #EAEAEA;
	flex: 0 0 30px;
/*	margin-bottom: 10px;*/
}
.orderSuccess .modal-dialog .modal-body .status-box .status .status-line.active{
	border-top:2px dashed #19bf88;
}
.orderSuccess .modal-dialog .modal-body .sms-btn{
/*	width: 270px;*/
	height: auto;
	font-size: calc(100 * (15vw/1520));
	font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
	display: table;
	border-radius: 15px;
/*	background: var(--all_button_back);*/
	background: #19bf88;
	color: var(--all_button_color);
/*	border:1px solid var(--all_button_border);*/
	border: none;
	text-align: center;
	padding: 8px 35px;
	margin: auto;
	text-transform: uppercase;
}
.orderSuccess .modal-dialog .modal-body .rating-box{
	width: 100%;
	height: auto;
	position: relative;
}
.orderSuccess .modal-dialog .modal-body .rating-box h4{
	font-size: 19px;
	font-weight: 600;
	text-align: center;
}
.orderSuccess .modal-dialog .modal-body .sharing-box{
	width: 100%;
	height: auto;
	position: relative;
}
.orderSuccess .modal-dialog .modal-body .sharing-box h4{
	font-size: calc(100 * (25vw/1520));
	font-size: -webkit-calc(100 * (25vw/1520));
	font-size: -moz-calc(100 * (25vw/1520));
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
.orderSuccess .modal-dialog .modal-body .star-rating {
  direction: rtl;
/*  display: inline-block;*/
  padding: 5px 0;
  cursor: default;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
.orderSuccess .modal-dialog .modal-body .star-rating input[type=radio] {
  display: none;
}
.orderSuccess .modal-dialog .modal-body .star-rating label {
  /*color: #bbb;*/
  color: var(--small_element_color);
  /*font-size: calc(100 * (50vw/1520));
  font-size: -webkit-calc(100 * (50vw/1520));
  font-size: -moz-calc(100 * (50vw/1520));*/
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin: 0 10px;
}
.orderSuccess .modal-dialog .modal-body .star-rating label:hover,
.orderSuccess .modal-dialog .modal-body .star-rating label:hover ~ label,
.orderSuccess .modal-dialog .modal-body .star-rating input[type=radio]:checked ~ label {
/*  color: var(--small_element_color);*/
	color: #19bf88;
}
.orderSuccess .modal-dialog .modal-body .select-cat{
	width: 100%;
	height: auto;
	position: relative;
	display:flex;
	justify-content: space-around;
	margin-bottom: 10px;
}
.orderSuccess .modal-dialog .modal-body .select-cat .select-option{
/*	margin: 0 10px;*/
}
.orderSuccess .modal-dialog .modal-body .select-cat .select-option input{
	display: none;
}
.orderSuccess .modal-dialog .modal-body .select-cat .select-option label{
	display: table;
	/*width: 87px;
	height: 80px;*/
	border-radius: 10px;
	border: 2px solid var(--small_element_color);
	text-align: center;
	padding: 10px 0;
	background: #fff;
	cursor: pointer;
}
.orderSuccess .modal-dialog .modal-body .select-cat .select-option input:checked ~ label{
	background: #EAEAEA;
}
.orderSuccess .modal-dialog .modal-body .rating-box .msg{
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}

.orderSuccess .modal-dialog .modal-body .apology{
  font-size: calc(100 * (12vw/1520));
  font-size: -webkit-calc(100 * (12vw/1520));
  font-size: -moz-calc(100 * (12vw/1520));
}
.orderSuccess .modal-dialog .modal-body .rating-box .comment-box{
	width: 100%;
	margin-bottom: 10px;
}
.orderSuccess .modal-dialog .modal-body .rating-box .comment-box .form-control{
	background: #F3F3F3;
	border-radius: 0;
	border: none;
	height: calc(100 * (90vw/1520));
  font-size: calc(100 * (15vw/1520));
  font-size: -webkit-calc(100 * (15vw/1520));
  font-size: -moz-calc(100 * (15vw/1520));
}
.orderSuccess .modal-dialog .modal-body .rating-box .add-photo-box{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 10px;
}
.orderSuccess .modal-dialog .modal-body .rating-box .add-photo-box label{
	display: table;
	margin: auto;
/*	margin-top: 10px;*/
	cursor: pointer;
}
.orderSuccess .modal-dialog .modal-body .rating-box .add-photo-box .up-msg{
	margin-top: 30px; 
}
.orderSuccess .modal-dialog .modal-body .rating-box .add-photo{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: center;
}
.orderSuccess .modal-dialog .modal-body .rating-box .add-photo .photo{
	width: auto;
	/*width: 33.33%;
	height: 80px;*/
	margin-right: 5px;
	overflow: hidden;
  position: relative;
}
.orderSuccess .modal-dialog .modal-body .rating-box .add-photo .photo:last-child{
	margin: 0;
}
.orderSuccess .modal-dialog .modal-body .rating-box .add-photo .photo img{
	width: 100%;
}
.orderSuccess .modal-dialog .modal-body .rating-box .share-box{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin: 70px 0;
}
.orderSuccess .modal-dialog .modal-body .rating-box .share-box p{
	margin-bottom: 20px;
	font-weight: 600;
}
.orderSuccess .modal-dialog .modal-body .rating-box .share-box .map-option{
	width: 100%;
	height: auto;
	position: relative;
	/*display: flex;*/
	justify-content: center;
	margin-bottom: 10px;
}
.orderSuccess .modal-dialog .modal-body .rating-box .share-box .map-option label{
	display: block;
	align-items: center;
	margin: 40px 0;
}
.orderSuccess .modal-dialog .modal-body .sharing-box .share-box{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin: 70px 0;
}
.orderSuccess .modal-dialog .modal-body .sharing-box .share-box p{
	/*margin-bottom: 20px;*/
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
  font-weight: 600;
  width: 80%;
  float: none;
  margin: 0 auto;
  text-align: center;
}
.orderSuccess .modal-dialog .modal-body p.rvw_txt{
  font-weight: 600;
  float: none;
  margin: 15px auto;
  text-align: center;
}
.orderSuccess .modal-dialog .modal-body .sharing-box .share-box .map-option{
	width: 100%;
	height: auto;
	position: relative;
	display: block;
	margin-bottom: 10px;
}
.orderSuccess .modal-dialog .modal-body .sharing-box .share-box .map-option label{
	display: block;
	align-items: center;
	margin: 40px 0;
}
.orderSuccess .modal-dialog .modal-body .rating-box .share-box .map-option label input{
	display: none;
}
.orderSuccess .modal-dialog .modal-body .rating-box .share-box .map-option label span{
	width: 29px;
	height: 29px;
	border-radius: 5px;
	border: 1px solid #D8D8D8;
	display: table;
	margin-right: 10px;
	position: relative;
}
.orderSuccess .modal-dialog .modal-body .rating-box .share-box .map-option label input:checked ~ span{
	background: var(--small_element_color);
	border: 1px solid var(--small_element_color);
}
.orderSuccess .modal-dialog .modal-body .rating-box .share-box .map-option label input:checked ~ span:after{
	content: '';
    position: absolute;
    width: 17px;
    height: 12px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(-45deg);
    left: 5px;
    top: 4px;
}
.disable-btn{
	width: auto;
	height: auto;
	font-size: calc(100 * (21vw/1520));
	font-size: -webkit-calc(100 * (21vw/1520));
	font-size: -moz-calc(100 * (21vw/1520));
	display: table;
	border-radius: 15px;
	background: #bbb;
	color: #fff;
	border:1px solid #bbb;
	text-align: center;
	padding: 10px 35px;
	margin: auto;
	text-transform: uppercase;
}
.ratingPop .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}

.ratingPop .modal-dialog .modal-body{
	padding: 40px 30px 30px;
}
.ratingPop .modal-dialog .modal-body .promo-box{
	width: 100%;
	height: auto;
	position: relative;
}
.ratingPop .modal-dialog .modal-body .promo-box h5{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	line-height: 36px;
	margin-bottom: 10px;
}
.ratingPop .modal-dialog .modal-body .copycode{
	width: 100%;
	height: auto;
	background: #F3F3F3;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    padding: 7px 0 7px 15px;
    margin-bottom: 20px;
}
.ratingPop .modal-dialog .modal-body .copycode input{
	background: transparent;
	border:none;
	width: 100%;
	font-size: calc(100 * (24vw/1520));
	font-size: -webkit-calc(100 * (24vw/1520));
	font-size: -moz-calc(100 * (24vw/1520));
}
.ratingPop .modal-dialog .modal-body .copycode button{
	background: none;
	border: none;
}
.ratingPop .modal-dialog .modal-body .namebox{
	width: 100%;
	height: auto;
	text-align: center;
}
.ratingPop .modal-dialog .modal-body .namebox h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	line-height: 37px;
	margin-bottom: 10px;
}
.ratingPop .modal-dialog .modal-body .namebox p{
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	line-height: 101.99%;
}
.ratingPop .modal-dialog .modal-body .star-rating {
  direction: rtl;
  display: inline-block;
  padding: 20px 0;
  cursor: default;
  width: 100%;
  text-align: center;
}
.ratingPop .modal-dialog .modal-body .star-rating input[type=radio] {
  display: none;
}
.ratingPop .modal-dialog .modal-body .star-rating label {
  color: #bbb;
  font-size: calc(100 * (50vw/1520));
  font-size: -webkit-calc(100 * (50vw/1520));
 font-size: -moz-calc(100 * (50vw/1520));
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin: 0 10px;
}
.ratingPop .modal-dialog .modal-body .star-rating label:hover,
.ratingPop .modal-dialog .modal-body .star-rating label:hover ~ label,
.ratingPop .modal-dialog .modal-body .star-rating input[type=radio]:checked ~ label {
  color: var(--small_element_color);
}
.ratingPop .modal-dialog .modal-body .input-box{
	width: 100%;
	height: auto;
	position: relative;
}
.ratingPop .modal-dialog .modal-body .input-box .form-group label{
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
}
.ratingPop .modal-dialog .modal-body .input-box .form-group .form-control{
	background: #F3F3F3;
	border: none;
	border-radius: 0;
	height: 38px;
}
.ratingPop .modal-dialog .modal-body .input-box .form-group .form-control.area{
	height: 74px;
}
.ratingPop .modal-dialog .modal-body .input-box .form-group .send-btn{
	width: 100%;
	height: auto;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	border-radius: 15px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	cursor: pointer;
}
.thnkFeedback .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.thnkFeedback .modal-body{
	padding: 50px 30px 30px;
	text-align: center;
}
.thnkFeedback .modal-body h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
}
.thnkFeedback .modal-body p{
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
}
.shareFeedback .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.shareFeedback .modal-body{
	padding: 40px 30px 30px;
}
.shareFeedback .modal-body .heading{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
.shareFeedback .modal-body .heading h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	margin-bottom: 10px;
}
.shareFeedback .modal-body .heading p{
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
}
.shareFeedback .modal-body .scroll-box-share{
	width: 100%;
	height: auto;
	overflow-x: auto;
	-ms-overflow-style: none;
     scrollbar-width: none; 
}
.scroll-box-share::-webkit-scrollbar {
  display: none;
}
.scroll-box-share::-moz-scrollbar {
  display: none;
  background: #fff;
}
.shareFeedback .modal-body .icon-box{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
}
.shareFeedback .modal-body .icon-box label{
	margin:0 5px;
}
.shareFeedback .modal-body .icon-box label input{
	display: none;
}
.shareFeedback .modal-body .icon-box label span{
	width: calc(100 * (85vw/1520));
	width: -webkit-calc(100 * (85vw/1520));
	width: -moz-calc(100 * (85vw/1520));
	height: calc(100 * (85vw/1520));
	height: -webkit-calc(100 * (85vw/1520));
	height: -moz-calc(100 * (85vw/1520));
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	border: 2px solid #979797;
	padding: 10px;
}
.shareFeedback .modal-body .icon-box label span img{
	width: 100%;
}
.shareFeedback .modal-body .icon-box label input:checked ~ span{
	border-color: var(--small_element_color);
}
.shareFeedback .modal-body .btun-box{
	width: 100%;
	height: auto;
	position: relative;
}
.shareFeedback .modal-body .btun-box p{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	color: color: #87898C;
	margin-bottom: 10px;
	text-align: center;
}
.shareFeedback .modal-body .btun-box .send-btn{
	width: 100%;
	height: auto;
	display: table;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	border-radius: 15px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
}
.productDetails-popup .modal-dialog{
	max-width: calc(100 * (924vw/1520));
	max-width: -webkit-calc(100 * (924vw/1520));
	max-width: -moz-calc(100 * (924vw/1520));
}
.productDetails-popup .modal-content .close {
    position: absolute;
    right: 0px;
    top: 0;
    right: 15px;
    top: 5px;
}
.productDetails-popup .modal-body{
	padding: 40px 15px 15px;
}
.productDetails-popup .modal-body .product-img{
	width: 100%;
	height: calc(100 * (290vw/1520));
	height: -webkit-calc(100 * (290vw/1520));
	height: -moz-calc(100 * (290vw/1520));
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}
.productDetails-popup .modal-body .product-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.productDetails-popup .modal-body .product-img .close {
    position: absolute;
    background: #fff;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    opacity: 1;
    border-radius: 10px;
    left: 10px;
    top: 10px;
    display: none;
}
.productDetails-popup .modal-body .product-img .mark-icon {
    position: absolute;
    right: 11px;
    top: 17px;
    border-radius: 13px;
    display: flex;
    background: #fff;
    padding-right: 9px;
    align-items: center;
}
.productDetails-popup .modal-body .product-img .icon {
    border-radius: 7px;
    margin-right: 7px;
}
.productDetails-popup .modal-body .product-img .mark-icon p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--all_button_back);
}
.productDetails-popup .modal-body .quantity{
	width: 100%;
	height: calc(100 * (35vw/1520));
	position: relative;
}
.productDetails-popup .modal-body .quantity .qtySelector{
	width: calc(100 * (112vw/1520));
	width: -webkit-calc(100 * (112vw/1520));
	width: -moz-calc(100 * (112vw/1520));
	height: calc(100 * (44vw/1520));
	height: -webkit-calc(100 * (44vw/1520));
	height: -moz-calc(100 * (44vw/1520));
	margin: auto;
	background: var(--all_button_back);
    border: 1px solid var(--all_button_border);
	border-radius: 30px;
	top: -23px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails-popup .modal-body .quantity .qtySelector .form-control{
	width: calc(100 * (50vw/1520));
	width: -webkit-calc(100 * (50vw/1520));
	width: -moz-calc(100 * (50vw/1520));
	height: 40px;
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 18px;
    color: var(--all_button_color);
    background: transparent;
}
.productDetails-popup .modal-body .quantity .qtySelector .value-button{
	font-size: calc(100 * (33vw/1520));
	font-size: -webkit-calc(100 * (33vw/1520));
	font-size: -moz-calc(100 * (33vw/1520));
	font-weight: normal;
	color: var(--all_button_color);
	line-height: 33px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails-popup .modal-body .name{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0 0px;
	margin-bottom: 20px;
	background: #fff;
}
.productDetails-popup .modal-body .name .heading{
	width: 100%;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
	justify-content: space-between;
	margin-bottom: 5px;
	/*padding: 0;*/
	padding: 5px;
	/*align-items: center;*/
}
.productDetails-popup .modal-body .name .heading h4{
	font-size: calc(100 * (27vw/1520));
	font-size: -webkit-calc(100 * (27vw/1520));
	font-size: -moz-calc(100 * (27vw/1520));
	font-weight: 500;
}
.productDetails-popup .modal-body .name .heading h5{
	font-size: calc(100 * (27vw/1520));
	font-size: -webkit-calc(100 * (27vw/1520));
	font-size: -moz-calc(100 * (27vw/1520));
	font-weight: 500;
	white-space: nowrap;
}
.productDetails-popup .modal-body .name .weights{
	width: 100%;
	height: auto;
	position: relative;
  display: -webkit-flex;
  justify-content: space-between;
}
.productDetails-popup .modal-body .name .weights p{
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	color: #9E9E9E;
	font-weight: 400;
}
.productDetails-popup .modal-body .name p{
	color: #9E9E9E;
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	padding-left: 6px;
}
.productDetails-popup .modal-body .pr-0{
	padding-right: 0;
}
.productDetails-popup .modal-body .on-scroll{
	height: calc(100 * (465vw/1520));
	height: -webkit-calc(100 * (465vw/1520));
	height: -moz-calc(100 * (465vw/1520));
	overflow-y: auto;
	/*padding-right: 15px;*/
	padding-right: 20px;
	scrollbar-color: var(--small_element_color) #f1f1f1;
  scrollbar-width: thin;
}
.on-scroll::-webkit-scrollbar {
  width: 3px;
}
.on-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.on-scroll::-webkit-scrollbar-thumb {
 background: var(--small_element_scroll);
}
.on-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--small_element_scroll);
}
.productDetails-popup .modal-body .comment-box {
  width: 100%;
  height: auto;
  position: relative;
}

.productDetails-popup .modal-body .comment-sec {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 25px;
  border-radius: 12px;
  overflow: hidden;
  background: #F5F4F4;
}

.productDetails-popup .modal-body .comment-sec .cmt-btn {
  width: 100%;
  background: #F5F4F4;
  padding: 8px 10px;
  border-radius: 12px;
  position: relative;
}

.productDetails-popup .modal-body .comment-sec .cmt-btn p {
  color: #6F6F6F;
  font-size: calc(100 * (15vw/1520));
  font-size: -webkit-calc(100 * (15vw/1520));
  font-size: -moz-calc(100 * (15vw/1520));
  font-weight: 400;
}



.productDetails-popup .modal-body .comment-sec .cmt-btn .icon {
  width: 13px;
  height: 13px;
  position: absolute;
  right: 10px;
  top: 6px;
}

.productDetails-popup .modal-body .comment-sec .cmt-btn .icon.close {
  transform: rotate(45deg);
  right: 4px;
}

.productDetails-popup .modal-body .comment-sec .cmt-field {
  width: 100%;
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s;
}

.productDetails-popup .modal-body .comment-sec .cmt-field.open {
  max-height: 100px;
}

.productDetails-popup .modal-body .comment-sec .cmt-field .form-control {
  height: 60px;
  background: transparent;
  border: none;
  border-radius: 12px;
  padding: 0 10px;
}
.productDetails-popup .modal-body .addon {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 25px;
}

.productDetails-popup .modal-body .addon h4 {
  color: #000;
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
  font-weight: 600;
  margin-bottom: 15px;
}
.productDetails-popup .modal-body .addon h5{
  color: #000;
  font-size: calc(100 * (18vw/1520));
  font-size: -webkit-calc(100 * (18vw/1520));
  font-size: -moz-calc(100 * (18vw/1520));
  font-weight: 500;
  margin-bottom: 15px;
}


.productDetails-popup .modal-body .addon .items {
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.productDetails-popup .modal-body .addon .items .left {
  width: 80%;
  display: flex;
  align-items: center;
}

.productDetails-popup .modal-body .addon .items .right {
  text-align: right;
}

.productDetails-popup .modal-body .addon .action {
  display: flex;
  align-items: center;
}

.productDetails-popup .modal-body .addon .action .qtySelector{
  /*width: calc(100 * (86vw/1520));
	width: -webkit-calc(100 * (86vw/1520));
	width: -moz-calc(100 * (86vw/1520));*/
  width: calc(100 * (78vw/1520));
	width: -webkit-calc(100 * (78vw/1520));
	width: -moz-calc(100 * (78vw/1520));
	/*height: calc(100 * (31vw/1520));
	height: -webkit-calc(100 * (31vw/1520));
	height: -moz-calc(100 * (31vw/1520));*/
	height: calc(100 * (27vw/1520));
	height: -webkit-calc(100 * (27vw/1520));
	height: -moz-calc(100 * (27vw/1520));
  margin: auto;
  background: var(--all_button_back);
  border: 1px solid var(--all_button_border);
  border-radius: 30px;
  position: relative;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.productDetails-popup .modal-body .addon .action .qtySelector .form-control{
  width: 34px;
  height: 31px;
  text-align: center;
  font-weight: 400;
  border: none;
  font-size: 17px;
  color: var(--all_button_color);
  background: transparent;
  padding: 0;
}

.productDetails-popup .modal-body .addon .action .qtySelector .value-button{
  font-size: calc(100 * (27vw/1520));
  font-size: -webkit-calc(100 * (27vw/1520));
  font-size: -moz-calc(100 * (27vw/1520));
  font-weight: normal;
  color: var(--all_button_color);
  line-height: 31px;
  cursor: pointer;
}

.productDetails-popup .modal-body .addon .action .ofr_qtySelector{
  width: calc(100 * (86vw/1520));
	width: -webkit-calc(100 * (86vw/1520));
	width: -moz-calc(100 * (86vw/1520));
	height: calc(100 * (31vw/1520));
	height: -webkit-calc(100 * (31vw/1520));
	height: -moz-calc(100 * (31vw/1520));
  margin: auto;
  background: var(--all_button_back);
  border: 1px solid var(--all_button_border);
  border-radius: 30px;
  position: relative;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.productDetails-popup .modal-body .addon .action .ofr_qtySelector .form-control{
  width: 34px;
  height: 31px;
  text-align: center;
  font-weight: 400;
  border: none;
  font-size: 17px;
  color: var(--all_button_color);
  background: transparent;
  padding: 0;
}

.productDetails-popup .modal-body .addon .action .ofr_qtySelector .value-button{
  font-size: calc(100 * (27vw/1520));
  font-size: -webkit-calc(100 * (27vw/1520));
  font-size: -moz-calc(100 * (27vw/1520));
  font-weight: normal;
  color: var(--all_button_color);
  line-height: 31px;
  cursor: pointer;
}

.productDetails-popup .modal-body .addon .items p {
  font-size: calc(100 * (15vw/1520));
  font-size: -webkit-calc(100 * (15vw/1520));
  font-size: -moz-calc(100 * (15vw/1520));
  white-space: nowrap;
}

.productDetails-popup .modal-body .addon .items .form-group {
  margin: 0;
}

.productDetails-popup .modal-body .addon .items .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.productDetails-popup .modal-body .addon .items .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (15vw/1520));
  font-size: -webkit-calc(100 * (15vw/1520));
  font-size: -moz-calc(100 * (15vw/1520));
  margin: 0;
  display: flex;
  align-items: center;
}

.productDetails-popup .modal-body .addon .items .form-group label span {
  position: relative;
   border: 1px solid #D4D5DA;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: 18px;
  height: 18px;
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
  border-radius: 50%;
  flex: 0 0 18px;
}

/*.productDetails-popup .modal-body .addon .items .form-group span:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #D4D5DA;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
  border-radius: 50%
}*/

.productDetails-popup .modal-body .addon .items .form-group input:checked + span:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  background: var(--small_element_color);
  border-radius: 50%;
}

.productDetails-popup .modal-body .addon .items .form-group input:checked + span {
  border: 1px solid var(--small_element_color);
  background: #fff;
}

.productDetails-popup .modal-body .recom{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 10px;
}
.productDetails-popup .modal-body .recom .owl-carousel .owl-stage{
	display: flex;
}
.productDetails-popup .modal-body .recom h4{
	 font-size: calc(100 * (20vw/1520));
	  font-size: -webkit-calc(100 * (20vw/1520));
	  font-size: -moz-calc(100 * (20vw/1520));
	font-weight: 600;
	margin-bottom: 15px;
}
.productDetails-popup .modal-body .recom .recom-item{
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
	border-radius: 19px;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    box-shadow: 0px 3px 27px #DDDDDD;
    -webkit-flex;box-shadow: 0px 3px 27px #DDDDDD;
    -moz-box-shadow: 0px 3px 27px #DDDDDD;
}

.productDetails-popup .modal-body .recom-image{
	width: calc(100 * (117vw/1520));
	width: -webkit-calc(100 * (117vw/1520));
	width: -moz-calc(100 * (117vw/1520));
	height: calc(100 * (120vw/1520));
	height: -webkit-calc(100 * (120vw/1520));
	height: -moz-calc(100 * (120vw/1520));
	border-radius: 19px;
	/*flex: 0 0 117px;*/
	flex: 0 0 calc(100 * (117vw/1520));
	margin-right: 8px;
	overflow: hidden;
}
.productDetails-popup .modal-body .recom-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.productDetails-popup .modal-body .recom .recom-item .recom-text{
	width: 60%;
	height: auto;
	position: relative;
	padding: 10px 15px 10px 0;
	flex: 0 0 60%;
	display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.productDetails-popup .modal-body .recom .recom-item .recom-text .recom-bottom{
	width: 100%;
}
.productDetails-popup .modal-body .recom .recom-item .recom-text h5{
	font-weight: 400;
	font-size: calc(100 * (17vw/1520));
  font-size: -webkit-calc(100 * (17vw/1520));
  font-size: -moz-calc(100 * (17vw/1520));
	line-height: 99.5%;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.productDetails-popup .modal-body .recom .recom-item .recom-text p{
	font-weight: 400;
	font-size: calc(100 * (12vw/1520));
  font-size: -webkit-calc(100 * (12vw/1520));
  font-size: -moz-calc(100 * (12vw/1520));
	line-height: 14px;
	color:  #9E9E9E;
}
.productDetails-popup .modal-body .recom .recom-item .recom-text h6{
	font-weight: 400;
	font-size: calc(100 * (17vw/1520));
	  font-size: -webkit-calc(100 * (17vw/1520));
	  font-size: -moz-calc(100 * (17vw/1520));
	line-height: 21px;
	text-align: center;
	background: #F5F4F4;
	border-radius: 13px;
	padding:7px 10px;
	margin-top: 5px;
}
.productDetails-popup .modal-body .bottom-stiky{
	padding: 10px 15px 0 0;
	background: #fff;
    border-radius: 25px;
}
.productDetails-popup .modal-body .cart-btn {
   font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
  text-transform: uppercase;
  font-weight: 400;
  background: var(--all_button_back);
  color: var(--all_button_color) !important;
  border: 1px solid var(--all_button_border);
  border-radius: 15px;
  text-decoration: none;
  margin: auto;
  width: 100%;
  display: table;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
}

.cardDetails .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.cardDetails .modal-body{
	padding: 30px;
}
.cardDetails .modal-body h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	margin-bottom: 20px;
}
.cardDetails .modal-body .card-box{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	border-radius: 10px;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    padding: 6px 10px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;

}
.cardDetails .modal-body .card-box p{
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
}
.cardDetails .modal-body .card-box label{
	margin: 0;
}
.cardDetails .modal-body .card-box label input{
	display: none;
}
.cardDetails .modal-body .card-box label span{
	display: table;
	width: 27px;
	height: 27px;
	border-radius: 7px;
	background: #DADADA;
	cursor: pointer;
	position: relative;
}
.cardDetails .modal-body .card-box label input:checked ~ span{
	background: var(--small_element_color);
}
.cardDetails .modal-body .card-box label input:checked ~ span:before{
	content: '';
    width: 20px;
    height: 11px;
    background: transparent;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: absolute;
    left: 4px;
    top: 5px;
}
.cardDetails .modal-body .add-btn{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	border-radius: 10px;
	display: table;
    padding: 6px 10px;
    margin-bottom: 10px;
    font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	color: var(--all_main_color);

}
.cardDetails .modal-body .total{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.cardDetails .modal-body .total p{
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
}
.cardDetails .modal-body .total h5{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
}
.cardDetails .modal-body .putcarddtl{
	width: 100%;
	height: auto;
	position: relative;
	padding: 20px;
	background: #fff;
	box-shadow: 0px 4px 41px rgba(0, 0, 0, 0.1);
	border-radius: 23px;

}
.cardDetails .modal-body .putcarddtl .form-control{
	border-radius: 0;
	border:none;
	border-bottom: 2px solid #dfdfdf;
}
.cardDetails .modal-body .putcarddtl p{
	font-size: 14px;
	line-height: 15px;
}
.cardDetails .modal-body .putcarddtl .card-icon{
	position: absolute;
	right: 15px;
    top: 0;
}
.cardDetails .modal-body  .rememberpart{
	width: 100%;
	height: auto;
	position: relative;
	margin:  10px 0;
}
.cardDetails .modal-body .rememberpart label{
	margin: 0;
}
.cardDetails .modal-body .rememberpart label input{
	display: none;
}
.cardDetails .modal-body .rememberpart label span{
	display: table;
	width: 27px;
	height: 27px;
	border-radius: 7px;
	background: #DADADA;
	cursor: pointer;
	position: relative;
	float: left;
	margin-right: 10px;
}
.cardDetails .modal-body .rememberpart label input:checked ~ span{
	background: var(--small_element_color);
}
.cardDetails .modal-body .rememberpart label input:checked ~ span:before{
	content: '';
    width: 20px;
    height: 11px;
    background: transparent;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: absolute;
    left: 4px;
    top: 5px;
}
.cardDetails .modal-body .pay-btn {
   font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
  text-transform: uppercase;
  font-weight: 400;
  background: var(--all_button_back);
  color: var(--all_button_color) !important;
  border: 1px solid var(--all_button_border);
  border-radius: 15px;
  text-decoration: none;
  margin: auto;
  width: 100%;
  display: table;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
}
.cardDetails .modal-body .tcpart{
	text-align: center;
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.cardDetails .modal-body .tcpart p{
	color: #B5B5B5;
	font-size: 14px;
	line-height: 17px;
}
.cardDetails .modal-body .tcpart p a{
	color: #B5B5B5;
	text-decoration: underline;
}
.infoModal .modal-dialog{
	max-width: calc(100 * (550vw/1520));
	max-width: -webkit-calc(100 * (550vw/1520));
	max-width: -moz-calc(100 * (550vw/1520));
}

.infoModal .modal-body{
	padding: 20px 28px;
}
.infoModal .modal-body .heading{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    margin-bottom: 20px;
}
.infoModal .modal-body .heading h4{
	font-size: calc(100 * (26vw/1520));
	font-size: -webkit-calc(100 * (26vw/1520));
	font-size: -moz-calc(100 * (26vw/1520)); 
	font-weight: 600;
	margin-left: 10px;
}
.infoModal .modal-body .form-group{
	position: relative;
}
.infoModal .modal-body .form-group .form-control{
	height: 39px;
	border-radius: 10px;
	border:none;
	box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
}
.infoModal .modal-body .form-group .edit-info{
	position: absolute;
	top: 9px;
	right: 10px;
	cursor: pointer;
}
.infoModal .modal-body .btun-box{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
}
.infoModal .modal-body .btun-box .back-btn{
	background: #C3C3C3;
	border:none;
	border-radius: 15px;
	padding: 10px 15px;
	text-transform: uppercase;
	color: #fff;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	cursor: pointer;
	border:2px solid #C3C3C3;
}
.infoModal .modal-body .btun-box .delete-btn{
  width: 100%;
  height: auto;
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
  font-size: -moz-calc(100*(20vw / 1520));
  line-height: calc(100*(25vw / 1520));
  padding: calc(100*(8vw / 1520)) 0;
  border-radius: calc(100*(25vw / 1520));
  display: table;
  background: #fff;
  color: #000;
  border: 1px solid var(--all_button_border);
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  cursor: pointer;
}
.infoModal .modal-body .btun-box .save-btn{
  width: 100%;
  height: auto;
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
  font-size: -moz-calc(100*(20vw / 1520));
  line-height: calc(100*(25vw / 1520));
  padding: calc(100*(8vw / 1520)) 0;
  border-radius: calc(100*(25vw / 1520));
  display: table;
  background: var(--all_button_back);
  color: var(--all_button_color);
  border: 1px solid var(--all_button_border);
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  cursor: pointer;
}

.infoModal .modal-body h4{
	font-size: calc(100 * (26vw/1520));
	font-size: -webkit-calc(100 * (26vw/1520));
	font-size: -moz-calc(100 * (26vw/1520)); 
	font-weight: 600;
/*	margin-bottom: 20px;*/
}
.infoModal .modal-body .card-box{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	border-radius: 10px;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  padding: 6px 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: calc(100 * (25vw/1520));
	font-size: -webkit-calc(100 * (25vw/1520));
	font-size: -moz-calc(100 * (25vw/1520));
}
.infoModal .modal-body .card-box p{
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	flex: 0 0 75%;
}
.infoModal .modal-body .card-box label{
	margin: 0;
}
.infoModal .modal-body .card-box label input{
	display: none;
}
.infoModal .modal-body .card-box label span{
	display: table;
	width: 27px;
	height: 27px;
	border-radius: 7px;
	background: #DADADA;
	cursor: pointer;
	position: relative;
}
.infoModal .modal-body .card-box label input:checked ~ span{
	background: var(--small_element_color);
}
.infoModal .modal-body .card-box label input:checked ~ span:before{
	content: '';
    width: 20px;
    height: 11px;
    background: transparent;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: absolute;
    left: 4px;
    top: 5px;
}
.infoModal .modal-body .card-box .edit-btn{
	float: left;
	margin-right: 10px;
}
.infoModal .modal-body .add-btn{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	border-radius: 10px;
	display: table;
    padding: 6px 10px;
    margin-bottom: 20px;
    font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	color: var(--all_main_color);

}
.infoModal .modal-body .putaddress-box{
	width: 100%;
	height: auto;
	position: relative;
}
.infoModal .modal-body .putaddress-box .form-group{
	margin-bottom: 10px;
}
.infoModal .modal-body .putaddress-box .form-group .form-control{
	height: calc(100 * (47vw/1520));
	background: #F3F3F3;
	box-shadow: none;
	border-radius: calc(100 * (12vw/1520));
}
.infoModal .modal-body .putaddress-box .form-group .form-control.textarea{
	height: calc(100 * (90vw/1520));
}
.infoModal .modal-body .putaddress-box .form-group .form-control.area{
	height: 72px;
}
.myordermodal .modal-dialog{
	max-width: calc(100 * (550vw/1520));
	max-width: -webkit-calc(100 * (550vw/1520));
	max-width: -moz-calc(100 * (550vw/1520));
}
.myordermodal .modal-body{
	padding: 30px;
}
.myordermodal .modal-body h4{
	font-size: calc(100 * (26vw/1520));
	font-size: -webkit-calc(100 * (26vw/1520));
	font-size: -moz-calc(100 * (26vw/1520)); 
	font-weight: 600;
	margin-bottom: 20px;
}
.myordermodal .modal-body .card{
	border:none;
	box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	border-radius: 10px;
	margin-bottom: 10px;
}
.myordermodal .modal-body .card .card-header{
	border:none;
	background: no-repeat;
	padding: 0;
}
.myordermodal .modal-body .card .card-header .btun{
	padding: 10px 15px;
	cursor: pointer;
}
.myordermodal .modal-body .card .card-header .btun .heading{
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
  padding: 0 0 10px 0;
}
.myordermodal .modal-body .card .card-header .btun .heading h6{
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	line-height: 21px;
	flex: 0 0 70%;
    overflow: hidden;
    text-overflow: ellipsis; 
}
.myordermodal .modal-body .card .card-header .btun .heading .price-box{
	display: flex;
	flex: 0 0 90px;
}
.myordermodal .modal-body .card .card-header .btun .heading h5{
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	line-height: 21px;
	white-space: nowrap; 
	min-width: 20px;
}
.myordermodal .modal-body .card .card-header .btun p{
	font-size: calc(100 * (15vw/1520));
	font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
	line-height: 18px; 
	padding: 10px 0 0 0;
}
.myordermodal .modal-body .card .card-header .btun p span{
	color: #979797;
}
.myordermodal .modal-body .card .card-body{
	padding: 5px 15px;
}
.myordermodal .modal-body .card .card-body .order-item{
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
.myordermodal .modal-body .card .card-body .order-item p{
	font-size: calc(100 * (15vw/1520));
	font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
	line-height: 16px; 
	color: #4E4E4F;
}

.myordermodal .modal-body .card .card-body .order-item .price-box{
	display: flex;
	flex: 0 0 90px;
}
.myordermodal .modal-body .card .card-body .order-item h6{
	font-size: calc(100 * (15vw/1520));
	font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
	line-height: 16px; 
	color: #4E4E4F;
	white-space: nowrap;
	display: table;
	min-width: 20px;
}
.myordermodal .modal-body .card .card-body .btun-box{
	width: 100%;
	height: auto;
	position: relative;
	display: table;
	margin-top: 15px;
	margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.myordermodal .modal-body .card .card-body .btun-box .reorder-btun{
	/*background: #C3C3C3;
	border:none;
	border-radius: 15px;
	padding: 7px 20px;
	text-transform: uppercase;
	color: #fff;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	cursor: pointer;
	float: right;*/

	width: 100%;
  height: auto;
  font-size: calc(100*(20vw / 1520));
  font-size: -webkit-calc(100*(20vw / 1520));
  font-size: -moz-calc(100*(20vw / 1520));
  line-height: calc(100*(25vw / 1520));
  padding: calc(100*(8vw / 1520)) 0;
  border-radius: calc(100*(25vw / 1520));
  display: table;
  background: #fff;
  color: #000;
  border: 1px solid var(--all_button_border);
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  cursor: pointer;
}
.myordermodal .modal-body .card .card-body .btun-box .track-btun{
	/*background: #19bf88;
	border:none;
	border-radius: 15px;
	padding: 7px 20px;
	text-transform: uppercase;
	color: #fff;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	cursor: pointer;
	float: right;
	text-align: center;*/


  width: 100%;
  height: auto;
  font-size: calc(100*(20vw / 1520));
  font-size: -webkit-calc(100*(20vw / 1520));
  font-size: -moz-calc(100*(20vw / 1520));
  line-height: calc(100*(25vw / 1520));
  padding: calc(100*(8vw / 1520)) 0;
  border-radius: calc(100*(25vw / 1520));
  display: table;
  background: var(--all_button_back);
  color: var(--all_button_color);
  border: 1px solid var(--all_button_border);
  text-align: center;
  text-transform: uppercase;
  margin-top: 10px;
  cursor: pointer;
}

.signupModal .modal-dialog{
	max-width: calc(100 * (550vw/1520));
	max-width: -webkit-calc(100 * (550vw/1520));
	max-width: -moz-calc(100 * (550vw/1520));
}

.signupModal .modal-content .close{
  right: 7px;
  top: 7px;
}

.signupModal .modal-body{
	padding: 45px 20px 20px;
}
.signupModal .modal-body .heading{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  margin-bottom: 10px;
  text-align: center;
}
.signupModal .modal-body .heading h4{
	font-size: calc(100 * (26vw/1520));
	font-size: -webkit-calc(100 * (26vw/1520));
	font-size: -moz-calc(100 * (26vw/1520)); 
	font-weight: 600;
  width: 100%;
}
.signupModal .modal-body .tab-btn{
	width: 100%;
	height: auto;
	position: relative;
	border-bottom: 0;
	box-shadow: 0px 1px 14px rgb(187 187 187 / 30%);
    -webkit-box-shadow: 0px 1px 14px rgb(187 187 187 / 30%);
    -moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	background: #fff;
	border-radius: 10px;
	padding: 7px 5px;
	margin-bottom: 30px;
}
.signupModal .modal-body .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (19vw/1520));
  font-size: -webkit-calc(100 * (19vw/1520));
  font-size: -moz-calc(100 * (19vw/1520));
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #000;
}
.signupModal .modal-body .form-group label.active {
    font-weight: 600;
}
.signupModal .modal-body .form-group .form-checkbox {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.signupModal .modal-body .form-group label span.checkbox {
  position: relative;
  border: 2px solid #ff0000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: 18px;
  height: 18px;
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
  flex: 0 0 18px;
}
.signupModal .modal-body .form-group input:checked + span.checkbox:after {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #ff0000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.signupModal .modal-body .tab-btn .nav-item{
	width: 48%;
	margin: 0 1%;
}
.signupModal .modal-body .tab-btn .nav-item .nav-link{
	font-size: 17px;
	color: #646464;
	background: #F3F3F3;
	border-radius: 8px;
	text-align: center;
	border:1px solid #F3F3F3;
}
.signupModal .modal-body .tab-btn .nav-item .nav-link.active{
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
}
.signupModal .modal-body .form-group{
	position: relative;
}
.signupModal .modal-body .form-group .form-control{
	height: 39px;
	border-radius: 10px;
	border:none;
	box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
	-moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
}
.signupModal .modal-body .form-group .eye{
	position: absolute;
	right: 10px;
  top: 10px;
}
.signupModal .modal-body .rewards{
	display: flex;
	margin: 10px 0;
}
.signupModal .modal-body .rewards .reward-section{
	width: 100%;
  text-align: center;
  font-size: calc(100 * (33vw/1520));
}
.signupModal .modal-body .rewards .reward-section p{
  font-size: calc(100 * (18vw/1520));
}
.signupModal .modal-body .btun-box{
	/*width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;*/

  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-end;
  bottom: 0;
/*  background: var(--site_background);*/
  padding: 20px 0 0;
  z-index: 9;
}
.signupModal .modal-body .btun-box .back-btn{
	background: #C3C3C3;
	border:none;
	border-radius: 15px;
	padding: 10px 20px;
	text-transform: uppercase;
	color: #fff;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	cursor: pointer;
	border:2px solid #C3C3C3;
}
.signupModal .modal-body .btun-box .delete-btn{
	background: #fff;
	border:none;
	border-radius: 15px;
	padding: 10px 20px;
	text-transform: uppercase;
	color: #979797;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	cursor: pointer;
	border:2px solid #EAEAEA;
}
.signupModal .modal-body .btun-box .save-btn{
/*	width: 100%;
	background: var(--all_button_back);
	border:2px solid var(--all_button_border);
	border:none;
	border-radius: 15px;
	padding: 10px 50px;
	text-transform: uppercase;
	color: var(--all_button_color);
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	cursor: pointer; 
  margin: 0 auto;
	margin-top: 20px;*/


  font-size: calc(100*(23vw / 1520));
  font-size: -webkit-calc(100*(23vw / 1520));
  font-size: -moz-calc(100*(23vw / 1520));
  text-transform: uppercase;
  /* font-weight: 700; */
  background: var(--all_button_back);
  color: var(--all_button_color) !important;
  border-radius: calc(100*(18vw / 1520));
  border: none;
  text-decoration: none;
  /* width: 40%; */
  padding: calc(100*(10vw / 1520)) calc(100*(60vw / 1520));
  margin: 0 auto;
  margin-top: calc(100*(15vw / 1520));
  cursor: pointer;
}
.signupModal .modal-body .ex-boxes{
	width: 100%;
	height: auto;
	position: relative;
  margin: 10px 0 20px 0;
  text-align: center;
}
.signupModal .modal-body .ex-boxes p{
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
}
.signupModal .modal-body .ex-boxes p a{
	color: #ff0000;
}
.signupModal .modal-body .ex-box{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 10px;
	text-align: center;
}
.signupModal .modal-body .ex-box p.txt{
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	line-height: calc(100 * (25vw/1520));
  color: #857777;
}
.signupModal .modal-body .ex-box p.txt span{
	font-weight: 600;
	color: #000;
}
.signupModal .modal-body .ex-box p a{
	color: #ff0000;
}

.checkoutPop .modal-dialog{
		max-width: calc(100 * (824vw/1520));
	    max-width: -webkit-calc(100 * (824vw/1520));
	    max-width: -moz-calc(100 * (824vw/1520));
}
.checkoutPop .modal-dialog .modal-content{
	width: 100%;
	height: auto;
	margin-top: 0;
}
.checkoutPop .modal-body{
	padding: 0;
	background: #fff;
	padding: 50px 20px 20px;
	border-radius: 30px;
}
.checkoutPop .modal-body .close{
	z-index: 9;
}
.checkoutPop .modal-body .map{
	width: 100%;
	height: 100%;
	position: relative;
	background: #ccc;
	border-radius: 20px;
	overflow: hidden;
}
.checkoutPop .modal-body .input-box{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	bottom: 0;
	border-radius: 20px 20px 0 0;
	padding: 0;
}
.checkoutPop .modal-body .input-box .form-group.mr-0{
	margin-bottom: 0;
}
.checkoutPop .modal-body .input-box .form-group{
	position: relative;
}
.checkoutPop .modal-body .input-box .form-group .req-form{
	width: 100%;
	position: relative;
}
.checkoutPop .modal-body .input-box .form-group .checkout-label{
	color: #f00;
  right: -1px;
  position: absolute;
  top: -5px;
  font-size: 16px;
  z-index: 9;
}
.checkoutPop .modal-body .input-box .form-group .form-control{
	height: 35px;
	position: relative;
	background:#F3F3F3;
	border:none;
}
.checkoutPop .modal-body .input-box .form-group .edit-btun {
    position: absolute;
    top: 7px;
    right: 10px;
    cursor: pointer;
    cursor: pointer;
}
.checkoutPop .modal-body .input-box .form-group .form-control.area{
	height: 98px;
}
.checkoutPop .modal-body .input-box .form-group .save-btn {
    width: 100%;
    font-size: 23px;
    border-radius: 15px;
    background: var(--all_button_back);
    color: var(--all_button_color);
    border: 1px solid var(--all_button_border);
    padding: 7px 15px;
}
.checkoutPop .modal-body .map .close {
    position: absolute;
    background: #fff;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    border-radius: 10px;
    left: 10px;
    top: 10px;
}

.splitModal{
	z-index: 99999;
}

.splitModal .modal-dialog{
	max-width: calc(100 * (500vw/1520));
	max-width: -webkit-calc(100 * (500vw/1520));
	max-width: -moz-calc(100 * (500vw/1520));
}
.splitModal .modal-body{
	padding: 45px 20px 20px;
}
.splitModal .modal-body h4{
	font-size: calc(100 * (26vw/1520));
	font-size: -webkit-calc(100 * (26vw/1520));
	font-size: -moz-calc(100 * (26vw/1520));
	margin-bottom: 20px;
}
.splitModal .modal-body .tab-btn{
	width: 100%;
	height: auto;
	position: relative;
	border-bottom: 0;
	box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	background: #fff;
	border-radius: 20px;
	padding: 7px 5px;
}
.splitModal .modal-body .tab-btn .nav-item{
	width: 48%;
	margin: 0 1%;
}
.splitModal .modal-body .tab-btn .nav-item .nav-link{
	font-size: 17px;
	color: #646464;
	background: #F3F3F3;
	border-radius: 14px;
	text-align: center;
	border:1px solid #F3F3F3;
}
.splitModal .modal-body .tab-btn .nav-item .nav-link.active{
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
}
.splitModal .modal-body .tab-content{
	padding-top: 10px;
}
.splitModal .modal-body .tab-content .input-box{
	background: #fff;
	padding: 7px;
	border-radius: 14px;
	box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	display: flex;
	justify-content: space-between;
}
.splitModal .modal-body .tab-content .input-box  p{
	margin: 10px;
	font-size: 17px;
}
.splitModal .modal-body .tab-content .input-box .form-group{
	margin: 0;
	position: relative;
}
.splitModal .modal-body .tab-content .input-box .form-control{
	background: #F9F7F7;
	border-radius: 14px;
	font-size: 18px;
	padding: 10px;
	border:none;
	text-align: center;
}
.splitModal .modal-body .tab-content .input-box .form-control:read-only{
	background: #f3f3f3;
}
.splitModal .modal-body .tab-content .input-box .form-group span{
	position: absolute;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.splitModal .modal-body .tab-content .items-box{
	background: #fff;
	padding: 12px 10px;
	border-radius: 14px;
	box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
}
.splitModal .modal-body .tab-content .items-box .items-row{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #f3f3f3;
	padding: 8px 0;
}
.splitModal .modal-body .tab-content .items-box .items-row:last-child{
	border:none;
}
.splitModal .modal-body .tab-content .items-box .items-row p{
	font-size: 17px;
	font-weight: 500;
}
.splitModal .modal-body .tab-content .items-box .items-row label{
	margin: 0;
	font-size: 17px;
}
.splitModal .modal-body .tab-content .items-box .items-row label input{
	display: none;
}
.splitModal .modal-body .tab-content .items-box .items-row label span{
	display: table;
	width: 25px;
	height: 25px;
	border-radius: 7px;
	float: left;
	background: #D7D7D7;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
}
.splitModal .modal-body .tab-content .items-box .items-row label input:checked ~ span{
	background: var(--small_element_color);
}
.splitModal .modal-body .tab-content .items-box .items-row label input:checked ~ span:after{
	content: '';
    position: absolute;
    width: 20px;
    height: 11px;
    border-left: 5px solid #fff;
    border-bottom: 5px solid #fff;
    transform: rotate(-45deg);
    left: 2px;
    top: 4px;
}
.splitModal .modal-body .payment-part{
	padding: 0;
	margin-top: 10px;
	margin-bottom: 20px;
}
.splitModal .modal-body .payment-part .list-box{
	box-shadow: 0px 3px 27px rgba(183, 183, 183, 0.19);
}
.splitModal .modal-body .btun-box{
	width: 100%;
/*	display: flex;*/
	margin-bottom: 15px;
}
.splitModal .modal-body .btun-box .app-btun {
    display: table;
    height: 48px;
    border: 2px solid #EAEAEA;
    padding: 0 10px;
    border-radius: 15px;
    margin-right: 10px;
    text-align: center;
}
.splitModal .modal-body .checkout-btn {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    text-align: center;
    background: var(--all_button_back);
    color: var(--all_button_color);
    border: 1px solid var(--all_button_border);
    padding: 10px;
    display: table;
    width: 100%;
    border-radius: 11px;
    transition: 0.3s;
    text-decoration: none;
    margin-bottom: 0px;
    text-decoration: none;
    width: 100%;
    margin-top: 5px;
}
.splitModal .modal-body .checkout-btn-del {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    text-align: center;
    background: #fff;
    color: #000;
    border: 1px solid var(--all_button_border);
    padding: 10px;
    display: table;
    width: 100%;
    border-radius: 11px;
    transition: 0.3s;
    text-decoration: none;
    margin-bottom: 0px;
    text-decoration: none;
    width: 100%;
    margin-top: 5px;
}
.splitModal .modal-body .share-btn {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
    text-align: center;
    background:#EAEAEA;
    color: #535353;
    padding: 10px;
    display: table;
    width: 100%;
    border-radius: 11px;
    transition: 0.3s;
    text-decoration: none;
    margin-bottom: 0px;
    text-decoration: none;
    width: 100%;
    margin-top: 5px;
}
.splitModal .modal-body .tc-box{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin-top: 10px;
}
.splitModal .modal-body .tc-box p{
	color: #B5B5B5;
}
.splitModal .modal-body .tc-box p a{
	color: #B5B5B5;
	text-decoration: underline;
}

.paymentRating .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.paymentRating .modal-body{
	padding: 50px 30px 30px;
}
.paymentRating .modal-body .heading{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.paymentRating .modal-body .heading h3{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
}
.paymentRating .modal-body .heading h4{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
}
.paymentRating .modal-body .tip-box{
	width: 100%;
	height: auto;
	background: #fff;
	border-radius: 20px;
	padding:15px 10px;
	box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	-webkit-box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	-moz-box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	margin-bottom: 10px;
}
.paymentRating .modal-body .tip-box .top-title{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.paymentRating .modal-body .tip-box .top-title h6{
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
}
.paymentRating .modal-body .tip-box .top-title h5{
	font-size: calc(100 * (25vw/1520));
	font-size: -webkit-calc(100 * (25vw/1520));
	font-size: -moz-calc(100 * (25vw/1520));
	color:#787879;
}
.paymentRating .modal-body .tip-box .tip{
	width: 100%;
}
.paymentRating .modal-body .tip-box .tip input{
	display: none;
}
.paymentRating .modal-body .tip-box .tip label{
	margin: 0;
}
.paymentRating .modal-body .tip-box .tip label span{
	display: table;
	border-radius: 30px;
	width: calc(100 * (96vw/1520));
	width: -webkit-calc(100 * (96vw/1520));
	width: -moz-calc(100 * (96vw/1520));
	height: calc(100 * (55vw/1520));
	height: -webkit-calc(100 * (55vw/1520));
	height: -moz-calc(100 * (55vw/1520));
	margin-right: 5px;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
	align-items: center;
	justify-content: center;
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: 500;
	color:#474747;
	background: #F5F4F4;
	cursor: pointer;
}
.paymentRating .modal-body .tip-box .tip input:checked ~ span{
	background: var(--small_element_color);
	color: #fff;
}
.paymentRating .modal-body .switch-box{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
	justify-content: space-between;
	border-radius: 20px;
	margin-bottom: 10px;
	background: #fff;
	padding: 12px 12px 12px;
	box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	-webkit-box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
	-moz-box-shadow: 0px 3px 28px rgba(183, 183, 183, 0.32);
}
.paymentRating .modal-body .switch-box p{
	color: #B5B5B5;
	font-weight: 400;
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	line-height: 20px;
}
.paymentRating .modal-body .switch-box .switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 28px;
  margin-bottom: 0;
  flex:0 0 48px;
  margin-left: 5px;
}

.paymentRating .modal-body .switch-box .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.paymentRating .modal-body .switch-box .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #C4C4C4;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.paymentRating .modal-body .switch-box .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 5px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.paymentRating .modal-body .switch-box .switch input:checked + .slider {
  background-color: var(--small_element_color);
}

.paymentRating .modal-body .switch-box .switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.paymentRating .modal-body .switch-box .switch input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.paymentRating .modal-body .btun-box{
	background: #fff;
	border-radius: 15px;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    margin-bottom: 10px;
}
.paymentRating .modal-body .btun-box .total{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
}
.paymentRating .modal-body .btun-box .total h5{
	font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));
}
.paymentRating .modal-body .btun-box .total h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
}
.paymentRating .modal-body .btun-box .pay-btn{
	width: 100%;
	height: auto;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	display: table;
	border-radius: 15px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	flex: 0 0 100%;
}
.paymentRating .modal-dialog .modal-body .promo-box{
	width: 100%;
	height: auto;
	position: relative;
}
.paymentRating .modal-dialog .modal-body .promo-box h5{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	line-height: 36px;
	margin-bottom: 10px;
}
.paymentRating .modal-dialog .modal-body .copycode{
	width: 100%;
	height: auto;
	background: #F3F3F3;
	display: flex;
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    padding: 7px 0 7px 15px;
    margin-bottom: 20px;
}
.paymentRating .modal-dialog .modal-body .copycode input{
	background: transparent;
	border:none;
	width: 100%;
	font-size: calc(100 * (24vw/1520));
	font-size: -webkit-calc(100 * (24vw/1520));
	font-size: -moz-calc(100 * (24vw/1520));
}
.paymentRating .modal-dialog .modal-body .copycode button{
	background: none;
	border: none;
}
.paymentRating .modal-dialog .modal-body .namebox{
	width: 100%;
	height: auto;
	text-align: center;
}
.paymentRating .modal-dialog .modal-body .namebox h4{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	line-height: 37px;
	margin-bottom: 10px;
}
.paymentRating .modal-dialog .modal-body .namebox p{
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	line-height: 101.99%;
}
.paymentRating .modal-dialog .modal-body .star-rating {
  direction: rtl;
  display: inline-block;
  padding: 20px 0;
  cursor: default;
  width: 100%;
  text-align: center;
}
.paymentRating .modal-dialog .modal-body .star-rating input[type=radio] {
  display: none;
}
.paymentRating .modal-dialog .modal-body .star-rating label {
  color: #bbb;
  font-size: calc(100 * (50vw/1520));
  font-size: -webkit-calc(100 * (50vw/1520));
 font-size: -moz-calc(100 * (50vw/1520));
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin: 0 10px;
}
.paymentRating .modal-dialog .modal-body .star-rating label:hover,
.paymentRating .modal-dialog .modal-body .star-rating label:hover ~ label,
.paymentRating .modal-dialog .modal-body .star-rating input[type=radio]:checked ~ label {
  color: var(--small_element_color);
}
.paymentRating .modal-dialog .modal-body .input-box{
	width: 100%;
	height: auto;
	position: relative;
}
.paymentRating .modal-dialog .modal-body .input-box .form-group label{
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
}
.paymentRating .modal-dialog .modal-body .input-box .form-group .form-control{
	background: #F3F3F3;
	border: none;
	border-radius: 0;
	height: 38px;
}
.paymentRating .modal-dialog .modal-body .input-box .form-group .form-control.area{
	height: 74px;
}
.paymentRating .modal-dialog .modal-body .input-box .form-group .send-btn{
	width: 100%;
	height: auto;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	border-radius: 15px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
}

.delivaryTime .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.delivaryTime .modal-body{
	padding: calc(100 * (35vw/1520));
}
.delivaryTime .modal-body h4{
	font-weight: 600;
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	text-align: center;
  margin-bottom: calc(100 * (10vw/1520));
}
.delivaryTime .modal-body .heading{
	text-align: center; 
	margin-bottom: calc(100 * (20vw/1520));
}
.delivaryTime .modal-body .picker{
	width: 100%;
	height: auto;
	position: relative;
	display: table;
  padding: 0;
  margin: 0 0 10px 0;
}
.delivaryTime .modal-body .search-form{
/*	margin-bottom: 0 !important;*/
	margin: 0.5rem 0 !important;
}
.delivaryTime .modal-body .picker .selDel{
	font-size: calc(100 * (19vw/1520));
	font-size: -webkit-calc(100 * (19vw/1520));
	font-size: -moz-calc(100 * (19vw/1520));
	height: calc(100 * (45vw/1520));
	height: -webkit-calc(100 * (45vw/1520));
	height: -moz-calc(100 * (45vw/1520));
	font-family:"Courier New", Courier, monospace;
	font-weight: 600;
}
.delivaryTime .modal-body .picker .left-picker{
	width: 48%;
	height: auto;
	float: left;
}
.delivaryTime .modal-body .picker .right-picker{
	width: 48%;
	height: auto;
	float: right;
}
.delivaryTime .modal-body .sch_btn_box{
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
	align-items: center;
}
.delivaryTime .modal-body .save-btn {
    width: 100%;
    background: var(--all_button_back);
    border-radius: calc(100 * (8vw/1520));
    border: none;
    padding: calc(100 * (15vw/1520)) 0;
    text-transform: uppercase;
    color: var(--all_button_color);
    font-size: calc(100 * (22vw/1520));
    font-size: -webkit-calc(100 * (22vw/1520));
    font-size: -moz-calc(100 * (22vw/1520));
    cursor: pointer;
    margin-top: calc(100 * (20vw/1520));
}
.delivaryTime .modal-body .cancel-btn {
    width: 100%;
/*    background: #eaeaea;*/
		background: #000;
    border-radius: calc(100 * (8vw/1520));
    border: none;
    padding: calc(100 * (15vw/1520)) 0;
    text-transform: uppercase;
    color: #fff;
    font-size: calc(100 * (22vw/1520));
    font-size: -webkit-calc(100 * (22vw/1520));
    font-size: -moz-calc(100 * (22vw/1520));
    cursor: pointer;
    margin-top: calc(100 * (20vw/1520));
}

.voice_ai_modal{
  z-index: 999999;
  background: transparent;
}
.voice_ai_modal .modal-dialog{
	max-width: calc(100 * (900vw/1520));
}
.voice_ai_modal .modal-content{
    background: transparent;
}
.voice_ai_modal .modal-body{
	padding: 0 !important;
}
.voice_ai_modal .modal-body .voice_ai_modal_iframe{
  width: 100%;
  height: calc(100 * (700vw/1520));
  max-height: 70vh;
  margin: 0;
  padding: 0;
  border-radius: calc(100 * (25vw/1520)) calc(100 * (25vw/1520)) 0 0;
  border: none;
}
.voice_ai_modal .modal-body .close {
  position: absolute;
  right: 12px;
  top: 8px;
  opacity: 1;
}
.voice_ai_modal .modal-body .close img{
  width: calc(100 * (33vw/1520));
}

.voice_ai_modal .modal-body .voice_ai_modal_footer{
  background: #A0D8B5;
  text-align: center;
  padding: calc(100 * (16vw/1520));
  border-radius: 0 0 calc(100 * (25vw/1520)) calc(100 * (25vw/1520));
  margin-top: -5px;
  display: none;
}

.voice_ai_modal .modal-body .voice_ai_modal_footer .title-text{
	color: #542D6B;
  font-size: calc(100 * (25vw/1520));
  font-weight: bold;
}

.voice_ai_modal .modal-body .voice_ai_modal_footer .dtl-text{
	color: #000;
	font-size: calc(100 * (21vw/1520));
}

.dish_grp{
  display: none;
}

.show_grp{
  display: block;
}

.dish_grp_cat{
  display: none !important;
}

.show_grp_cat{
  display: inline-block !important;
}

.actv_grp{
  border: #fff 5px solid;
}

.checkout-btn-box .checkout-btn.mob{
	display: none;
}

.checkout-btn-box .checkout-btn.desk{
	display: block;
}

.ind_grp{
	margin-bottom: 20px;
}
.currency-font{
	font-family: var(--currency_font_style);
}
.closed-modal .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.closed-modal .modal-content{
	background: #E56353;
}
.closed-modal .modal-body{
	padding: 70px 20px;
	text-align: center;
}
.closed-modal .modal-body h3{
	color: #fff;
	margin-top: 15px;
}
.closed-modal .modal-body h5{
	color: #fff;
}
















.newReview .modal-body .heading{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
.newReview .modal-body .heading h3{
	font-weight: 600;
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 15px;
}
.newReview .modal-body .heading p{
	font-weight: 400;
	font-size: 17px;
	line-height: 101.99%;
}
.newReview .modal-header{
	padding: 0 10px;
}
.newReview .modal-body .emoji-box{
	width:100%;
	height: auto;
	position: relative;
	margin-bottom: 11px;
}
.newReview .modal-body .emoji-box label input{
	display: none;
}
.newReview .modal-body .emoji-box label{
	width: 18%;
	text-align: center;
	margin: 0;
}
.newReview .modal-body .emoji-box label span{
	display: table;
	margin: auto;
	padding: 5px;
	background: #fff;
	border-radius: 20px;
}
.newReview .modal-body .emoji-box label span img{
	width: 100%;
}

.newReview .modal-body .emoji-box label input:checked + span{
	box-shadow: 0px 3px 17px -5px rgba(0, 0, 0, 0.29);
}
.newReview .send-btn{
	border-radius: 30px;
	padding: 10px 20px;
	color: var(--all_button_color);
	font-weight: 400;
	font-size: 15px;
	line-height: 21px;
	background: var(--all_button_back);
	border: 1px solid var(--all_button_border);

}
.newReview .share-btn{
	padding: 9px 13px;
	border-radius: 30px;
	background: #FFFFFF;
	border: 1px solid #D6D6D6;
	font-weight: 400;
	font-size: 15px;
	line-height: 21px;
	color: #9F9F9F;

}
.newReview .share-box{
	position: absolute;
	padding: 12px 13px;
	background: #EEEEED;
	border-radius: 10px;
	left: 0px;
	bottom: -37px;
	display: none;
}

.newReview .share-box a{
	display: inline-block;
	background: #fff;
	padding: 3px;
	border-radius: 10px;
	margin: 0 2px;
	width: 43px;
}

.changeable-box{
	width: 100%;
	height: auto;
	position: relative;
}
.changeable-box .like-box{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 20px;
}
.changeable-box .like-box h5{
	font-weight: 400;
	font-size: 15px;
	line-height: 101.99%;
	margin-bottom: 9px;
}
.changeable-box .like-box .select-item{
	width: 100%;
	height: auto;
	position: relative;
}
.changeable-box .like-box .select-item label{
	margin:0;
}
.changeable-box .like-box .select-item label input{
	display: none;
}
.changeable-box .like-box .select-item label span{
	padding: 8px 18px;
	display: table;
	border-radius: 30px;
	background: #E0E0E0;
	color: #636363;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
}
.changeable-box .like-box .select-item.upset label span{
	padding: 8px 15px;
}
.changeable-box .like-box .select-item label input:checked + span{
	background:var(--all_button_back);
	color: var(--all_button_color);
}
.changeable-box .like-box .select-item.upset label input:checked + span{
	background:#605E5E;
	color: #fff;
}
.changeable-box .like-box .select-item.upset label input:checked + span{
	background:#605E5E;
	color: #fff;
}
.changeable-box .comment-box{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 30px;
}
.changeable-box .comment-box h5{
	font-weight: 400;
	font-size: 15px;
	line-height: 101.99%;
	margin-bottom: 7px;
}
.changeable-box .comment-box .form-control{
	background: #F3F3F3;
	border-radius: 5px;
	height: 115px;
	border: none;
	padding: 11px 13px;
	margin-bottom: 15px;
}
.changeable-box .comment-box .form-control::placeholder{
	font-weight: 400;
	font-size: 13px;
	line-height: 101.99%;
	color: #686868;

}
.changeable-box .comment-box p{
	font-weight: 400;
	font-size: 15px;
	line-height: 118.99%;
}
.changeable-box .comment-box p span{
	font-weight: 700;
	margin-left: 10px;
}
.changeable-box .text-box{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 10px;
}
.changeable-box .text-box h5{
	font-weight: 400;
	font-size: 15px;
	line-height: 101.99%;
	margin-bottom: 5px;
}
.changeable-box .text-box .form-control{
	height: 26px;
	border-radius: 5px;
	background: #F3F3F3;
	border: none;
	padding: 0px 11px;
	font-size: 13px;
}
.changeable-box .text-box .form-control::placeholder{
	font-weight: 400;
	font-size: 13px;
	line-height: 132.49%;
}
.changeable-box .text-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 8px;
	background: #F3F3F3;
	border-radius: 5px;
	margin-bottom: 17px;
}
.changeable-box .text-box p{
	font-weight: 400;
	font-size: 12px;
	line-height: 110.99%;
	color: #3C3C3C;
}

.customModal .modal-dialog{
	max-width: calc(100 * (585vw/1520));
	max-width: -webkit-calc(100 * (585vw/1520));
	max-width: -moz-calc(100 * (585vw/1520));
}
.customModal .modal-dialog .modal-body{
	padding: 20px;
}
.customModal .modal-dialog .modal-body h4{
  font-size:24px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}
.customModal .modal-dialog .modal-body .iconTest{
  width: 100%;
  height: auto;
  display: flex;
  margin-bottom: 20px;
}
.customModal .modal-dialog .modal-body .iconTest .icon{
  width: 50px;
  height: 50px;
  flex:0 0 50px;
  margin-right: 10px;
}
.customModal .modal-dialog .modal-body .iconTest .icon img{
  width: 100%;
}
.customModal .modal-dialog .modal-body .iconTest .text{
  width: 100%;
  height: auto;
}
.customModal .modal-dialog .modal-body .btn-box{
  width: 100%;
  height: auto;
  position: relative;
}
.customModal .modal-dialog .modal-body .btn-box .close-btn{
  width:48%;
  height: auto;
  color: #000;
  background: #efefef;
  border: 1px solid #efefef;
  border: none;
  padding: 10px;
  margin-right: 2%;
  border-radius:30px;
}
.customModal .modal-dialog .modal-body .btn-box .install-btn {
  width:48%;
  height: auto;
  color: var(--all_button_color);
  background: var(--all_button_back);
  border: 1px solid var(--all_button_border);
  border: none;
  padding: 10px;
  border-radius:30px;
}

.all-food .horizenCard .item {
  /*  flex-direction: row;
	flex-direction: row-reverse;*/
	flex-direction: column;
}
/*.all-food .horizenCard .item .image{
	width: 45%;
}*/
.all-food .varticalCard .item .desc{
	display: none;
}
.all-food .varticalCard .item .image{
	height: 140px;
}

.card-payment .total{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.card-payment .total p{
	font-size: 20px;
}
.card-payment .total h5{
	font-size: 24px;
}
.card-payment .putcarddtl{
	width: 100%;
	height: auto;
	position: relative;
	padding: 20px;
	background: #fff;
	box-shadow: 0px 4px 41px rgba(0, 0, 0, 0.1);
	border-radius: 23px;

}
.card-payment .putcarddtl label{
	margin: 0;
}
.card-payment .putcarddtl .form-control{
	border-radius: 0;
	border:none;
	border-bottom: 2px solid #dfdfdf;
}
.card-payment .putcarddtl p{
	font-size: 14px;
	line-height: 15px;
}
.card-payment .putcarddtl .card-icon{
	position: absolute;
	right: 15px;
    top: 0;
}
.card-payment  .rememberpart{
	width: 100%;
	height: auto;
	position: relative;
	margin:  10px 0;
}
.card-payment .rememberpart label{
	margin: 0;
	display: flex;
	align-items: center;
}
.card-payment .rememberpart label input{
	display: none;
}
.card-payment .rememberpart label span{
	display: table;
	width: 27px;
	height: 27px;
	border-radius: 7px;
	background: #DADADA;
	cursor: pointer;
	position: relative;
	float: left;
	margin-right: 10px;
}
.card-payment .rememberpart label input:checked ~ span{
	background: var(--small_element_color);
}
.card-payment .rememberpart label input:checked ~ span:before{
	content: '';
    width: 20px;
    height: 11px;
    background: transparent;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    position: absolute;
    left: 4px;
    top: 5px;
}
.card-payment .pay-btn {
   font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  background: var(--all_button_back);
  color: var(--all_button_color) !important;
  border: 1px solid var(--all_button_border);
  border-radius: 15px;
  text-decoration: none;
  margin: auto;
  width: 100%;
  display: table;
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
}
.card-payment .tcpart{
	text-align: center;
	width: 100%;
	height: auto;
	margin-top: 10px;
}
.card-payment .tcpart p{
	color: #B5B5B5;
	font-size: 14px;
	line-height: 17px;
}
.card-payment .tcpart p a{
	color: #B5B5B5;
	text-decoration: underline;
}
.tip-box{
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	padding:10px 0;
/*	border-radius: 20px;*/
	margin-bottom: 10px;
	border-bottom: 1px solid #E7E4E4;
}
.tip-box .heading{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 17px;
}
.tip-box .heading p{
	color: #080713;
	font-weight: 500;
  font-size: calc(100 * (17vw/1520));
  font-size: -webkit-calc(100 * (17vw/1520));
  font-size: -moz-calc(100 * (17vw/1520));
  display: flex;
  align-items: center;
}
.tip-box .heading p img {
  margin-left: 10px;
  cursor: pointer;
}
.tip-box .heading h4{
	color: #787879;
  font-size: calc(100 * (17vw/1520));
  font-size: -webkit-calc(100 * (17vw/1520));
  font-size: -moz-calc(100 * (17vw/1520));
  font-weight: 500;
}
.tip-box .heading h4 a{
	margin-left: 5px;
}
.tip-box .tip{
	width: 100%;
	height: auto;
	position: relative;
}
.tip-box .tip h4{
	margin-bottom: 10px;
}
.tip-box .tip input{
	display: none;
}
.tip-box .tip label{
	margin: 5px 0;
	width: 10%;
	cursor: pointer;
}
.tip-box .tip label.other_tip{
	width: 14%;
}
.tip-box .tip label.no_tip{
	width: 14%;
}
.tip-box .tip label.no_tip span.selected{
	background: var(--small_element_color);
	color: #fff;
}
.tip-box .tip label span{
  display: table;
  border-radius: 17px;
  /*width: 39px;
  height: 20px;*/
/*  margin-right: 5px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 500;
  color: #000;
  background: #F5F4F4;
  padding: 5px 8px;
  font-size: calc(1200 * (17px/1520));
  font-size: -webkit-calc(1200 * (17px/1520));
  font-size: -moz-calc(1200 * (17px/1520));
}
.tip-box .tip input:checked ~ span{
	background: var(--small_element_color);
	color: #fff;
}
.tip-box .curr_sign{
  font-size: calc(100 * (17vw/1520));
  font-size: -webkit-calc(100 * (17vw/1520));
  font-size: -moz-calc(100 * (17vw/1520));
  margin-right: 5px;
}
.tip-box .form-box{
	margin-top: 9px;
	width: 30%;
	/*background: #F5F4F4;
	border-radius: 13px;*/
}
.tip-box .form-control{
	width: 68%;
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	background: #F5F4F4;
  border-radius: 5px 0 0 5px;
  padding: 2px 1px 2px 6px;
	border-right: none;
	color: var(--all-main-color);
}
.tip-box .form-control::placeholder{
	color:#807F83;
}
.tip-box .use-btn{
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
	padding: 0 20px;
	background: #C4C4C4;
	color: #fff;
  border: 1px solid var(--all_button_border);
	font-size: calc(100 * (16vw/1520));
	font-size: -webkit-calc(100 * (16vw/1520));
	font-size: -moz-calc(100 * (16vw/1520));
	font-weight: 400;
/*	border:none;*/
	border-radius: 13px;
	cursor: pointer;
	text-transform: uppercase;
}
.tip-box .close {
	float: none;
   /* position: absolute;
    top: -3px;
    right: 0;*/
}

.tip-box .close img{
	width: 13px !important;
}

.myordermodal .modal-body .card .card-header .btun p span.ord_hst_st{
	color: #19bf88;
	cursor: pointer;
	text-decoration: underline;
}

.myordermodal .modal-body .card .card-header .btun p a.ord_hst_st{
	color: #19bf88;
	cursor: pointer;
	text-decoration: underline;
}


.productDetails2-popup .modal-dialog{
	max-width: calc(100 * (900vw/1520));
	max-width: -webkit-calc(100 * (900vw/1520));
	max-width: -moz-calc(100 * (900vw/1520));
}
.productDetails2-popup .modal-content{
	background: var(--site_background);
}
.productDetails2-popup .modal-content .close {
  position: absolute;
  right: 0px;
  top: 0;
  /*right: 15px;
  top: 12px;*/
  right: 8px;
  top: 8px;
  background: var(--site_background);
  opacity: 1;
  /*font-size: calc(100 * (50vw/1520));
  font-weight: 500;*/
  color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-content .close .fa-close:before{
	-webkit-text-stroke: 5px var(--site_background);
}
.productDetails2-popup .modal-body{
	/*max-height: 90vh;
	overflow-y:auto; 
	padding: 39px 35px 0px;*/
	padding: calc(100 * (25vw/1520)) 0;
}
.productDetails2-popup .modal-body .prod-scroll{
/*  max-height: 70vh;*/
	max-height: 62vh;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 30px 15px 0;
  padding: 0 10px 0 20px
}

.productDetails2-popup .modal-body .prod-scroll::-webkit-scrollbar {
  width: calc(100 * (10vw/1520));
}

/* Track */
.productDetails2-popup .modal-body .prod-scroll::-webkit-scrollbar-track {
  border-radius: calc(100 * (10vw/1520));
  background: #efefef;
}
 
/* Handle */
.productDetails2-popup .modal-body .prod-scroll::-webkit-scrollbar-thumb {
  background: var(--all_button_back);
  border-radius: calc(100 * (10vw/1520));
}

/* Handle on hover */
.productDetails2-popup .modal-body .prod-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--all_button_back);;
}

.productDetails2-popup .modal-body .top-content-box{
	display: flex;
}

.productDetails2-popup .modal-body .image-box{
	width:100%;
	height: auto;
	position: relative;
	height: calc(100 * (250vw/1520));
	border-radius: calc(100*(20vw / 1520));
	overflow: hidden;
  margin-bottom: calc(100*(25vw / 1520));
  margin-right: calc(100*(30vw / 1520));
}
.productDetails2-popup .modal-body .sub-prod-img{
	height: calc(100 * (325vw/1520));
}
.productDetails2-popup .modal-body .image-box img{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}
.productDetails2-popup .modal-body .text{
	width: 100%;
	height: auto;
	position: relative;
  margin-bottom: calc(100*(25vw / 1520));
}
.productDetails2-popup .modal-body .text .title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
}
.productDetails2-popup .modal-body .text .title h3{
	font-size: calc(100 * (30vw/1520));
	font-weight: 700;
	line-height: calc(100 * (34vw/1520));
	text-overflow: ellipsis;
	/*width: 70%;
	flex:0 0 70%;*/
	overflow: hidden;
	padding: 0 10px 0 0;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .text .title h4{
	font-size: calc(100 * (30vw/1520));
	font-weight: 500;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .text p{
	font-size: calc(100 * (18vw/1520));
	line-height: calc(100 * (23vw/1520));
	font-weight: 400;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .text .desc{
	font-size: calc(100 * (15vw/1520));
	color: var(--dish_card_text_color);
	font-weight: 400;
	line-height: calc(100 * (15vw/1520));
	margin-bottom: 10px;
	display: -webkit-flex;
  justify-content: space-between;
}
.productDetails2-popup .modal-body .radio-part{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 28px;
}
.productDetails2-popup .modal-body .radio-part .title{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 11px;
}
.productDetails2-popup .modal-body .radio-part .title h5{
	font-size: calc(100 * (25vw/1520));
	line-height: calc(100 * (30vw/1520));
	font-weight: 700;
}
.productDetails2-popup .modal-body .radio-part .title h5 span{
	font-size: calc(100 * (14vw/1520));
	color: #A4A4A4;
	font-weight: 4;
	margin-left: calc(100 * (46vw/1520));
}
.productDetails2-popup .modal-body .radio-part .radio-item{
	width:100%;
	height: auto;
	position: relative;
	border-bottom:1px solid #EAEAEA;
	display: flex;
	justify-content: space-between;
	padding: 16px 0;
}
.productDetails2-popup .modal-body .radio-part .radio-item:last-child{
	border: none;
}
.productDetails2-popup .modal-body .radio-part .radio-item .left-part-radio{
	width: 60%;
	height: auto;
	flex: 0 0 60%;
	margin: 0;
}
.productDetails2-popup .modal-body .radio-part .radio-item .left-part-radio .form-group {
  margin: 0;
}

.productDetails2-popup .modal-body .radio-part .radio-item .left-part-radio .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.productDetails2-popup .modal-body .radio-part .radio-item .left-part-radio .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (19vw/1520));
  font-size: -webkit-calc(100 * (19vw/1520));
  font-size: -moz-calc(100 * (19vw/1520));
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.productDetails2-popup .modal-body .radio-part .radio-item .left-part-radio .form-group label.active{
	font-weight: 600;
	color: #323643;
}
.productDetails2-popup .modal-body .radio-part .radio-item .left-part-radio .form-group label span {
  position: relative;
   border: 1px solid #D4D5DA;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: 18px;
  height: 18px;
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
  border-radius: 50%;
  flex: 0 0 18px;
}

.productDetails2-popup .modal-body .radio-part .radio-item .left-part-radio .form-group input:checked + span:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  background: var(--small_element_color);
  border-radius: 50%;
}

.productDetails2-popup .modal-body .radio-part .radio-item .left-part-radio .form-group input:checked + span {
  border: 1px solid var(--small_element_color);
  background: #fff;
}
.productDetails2-popup .modal-body .radio-part .radio-item .right-part-radio{
	width: 40%;
	height: auto;
	flex: 0 0 40%;
  text-align: right;
  padding-right: 5px;
}
.productDetails2-popup .modal-body .radio-part .radio-item .right-part-radio p{
	font-size: calc(100 * (18vw/1520));
	font-weight: 500;
}
.productDetails2-popup .modal-body .radio-part .radio-item .right-part-radio p.active{
	font-weight: 600;
	color: #323643;
}
.productDetails2-popup .modal-body .topping-part{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 44px;
}
.productDetails2-popup .modal-body .topping-part .title{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: flex-end;
	margin-bottom: 27px;
}
.productDetails2-popup .modal-body .topping-part .title .heading{
	width: 70%;
	height: auto;
	flex: 0 0 70%;
}
.productDetails2-popup .modal-body .topping-part .title .heading h4{
	font-size: calc(100 * (25vw/1520));
	font-weight: 700;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .topping-part .title .cata{
	width: 10%;
	height: auto;
	flex: 0 0 10%;
	text-align: center;
}
.productDetails2-popup .modal-body .topping-part .title .cata p{
	font-size: calc(100 * (16vw/1520));
	color: #A4A4A4;
}
.productDetails2-popup .modal-body .topping-part .topping-item{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #EAEAEA;
	padding:16px 0;
  align-items: center;
}
.productDetails2-popup .modal-body .topping-part .topping-item:last-child{
	border: none;
}
.productDetails2-popup .modal-body .topping-part .topping-item .name{
	width: 50%;
	height: auto;
	flex: 0 0 50%;
}
.productDetails2-popup .modal-body .topping-part .topping-item .name p{
	font-size: calc(100 * (19vw/1520));
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .topping-part .topping-item .name p.active{
	font-weight: 600;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .topping-part .topping-item .name p.gray{
	color: #636369;
	font-weight: 300;
}
.productDetails2-popup .modal-body .topping-part .topping-item .name p.inactive{
	color: #979797;
	font-weight: 400;
}
.productDetails2-popup .modal-body .topping-part .topping-item .quantity{
	width: 15%;
	height: auto;
	flex: 0 0 15%;
}
.productDetails2-popup .modal-body .topping-part .topping-item .quantity .qtySelector{
	width: calc(100 * (100vw/1520));
	width: -webkit-calc(100 * (100vw/1520));
	width: -moz-calc(100 * (100vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
  background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails2-popup .modal-body .topping-part .topping-item .quantity .qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails2-popup .modal-body .topping-part .topping-item .quantity .qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails2-popup .modal-body .topping-part .topping-item .quantity .ofr_qtySelector{
	width: calc(100 * (100vw/1520));
	width: -webkit-calc(100 * (100vw/1520));
	width: -moz-calc(100 * (100vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
  background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails2-popup .modal-body .topping-part .topping-item .quantity .ofr_qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails2-popup .modal-body .topping-part .topping-item .quantity .ofr_qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails2-popup .modal-body .topping-part .topping-item .quantity .pmr_qtySelector{
	width: calc(100 * (100vw/1520));
	width: -webkit-calc(100 * (100vw/1520));
	width: -moz-calc(100 * (100vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
  background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
	border-radius: 30px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.productDetails2-popup .modal-body .topping-part .topping-item .quantity .pmr_qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails2-popup .modal-body .topping-part .topping-item .quantity .pmr_qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails2-popup .modal-body .topping-part .topping-item .price-radio{
	width: 50%;
	height: auto;
	flex: 0 0 50%;
  position: relative;
  text-align: right;
  /*display: flex;
  align-items: center;*/
}
.productDetails2-popup .modal-body .topping-part .topping-item .price{
	width: 40%;
	height: auto;
	flex: 0 0 40%;
	float: right;
  line-height: 34px;
  padding-right: 5px;
/*	text-align: center;*/
}
.productDetails2-popup .modal-body .topping-part .topping-item .price p{
	font-size: calc(100 * (17vw/1520));
	color: var(--dish_card_text_color);
/*	font-weight: 600;*/
}
.productDetails2-popup .modal-body .topping-part .topping-item .price p.active{
	font-weight: 600;
}
.productDetails2-popup .modal-body .topping-part .topping-item .price p.gray{
	color:#C2C2C2;
	font-weight: 400;
}
.productDetails2-popup .modal-body .topping-part .topping-item .price p.inactive{
	color: #979797;
	font-weight: 400;
}
.productDetails2-popup .modal-body .topping-part .topping-item .radio-select{
	width: 20%;
	height: auto;
	flex: 0 0 20%;
	float: right;
}
.productDetails2-popup .modal-body .topping-part .topping-item .radio-select label{
	display: table;
	width: 30px;
	height: 30px;
	border: 2px solid #D1D3D4;
	border-radius: 50%;
	margin:auto;
	padding: 2px;
	cursor: pointer;
	display: flex;
}
.productDetails2-popup .modal-body .topping-part .topping-item .radio-select label input{
	display: none;
}
.productDetails2-popup .modal-body .topping-part .topping-item .radio-select label span{
	width: 15px;
	height: 26px;
	border-radius: 30px 0 0 30px;
	background: #D1D3D4;
	display:table;
}
.productDetails2-popup .modal-body .topping-part .topping-item .radio-select label span{
	width: 12px;
	height: 22px;
	border-radius: 30px 0 0 30px;
	background: #D1D3D4;
	display:table;
}
.productDetails2-popup .modal-body .topping-part .topping-item .radio-select label input:checked ~ span{
	background: var(--all_button_back);
}
.productDetails2-popup .modal-body .topping-part .topping-item .radio-select label.style2{
	justify-content: flex-end;
}
.productDetails2-popup .modal-body .topping-part .topping-item .radio-select label.style2 span{
	width: 12px;
	height: 22px;
	border-radius: 0 30px 30px 0;
	background: #D1D3D4;
	display:table;
}
.productDetails2-popup .modal-body .topping-part .topping-item .radio-select label.style3{
	justify-content:center;
	
}
.productDetails2-popup .modal-body .topping-part .topping-item .radio-select label.style3 span{
	border-radius: 50%;
	width: 22px;
	height: 22px;
}
.productDetails2-popup .modal-body .comment-box {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 40px;
}
.productDetails2-popup .modal-body .comment-box p{
  font-size: calc(100*(21vw / 1520));
  font-weight: 600;
  text-transform: uppercase;
}

.productDetails2-popup .modal-body .comment-sec {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 25px;
  border-radius: 12px;
  overflow: hidden;
  background: #F5F4F4;
}

.productDetails2-popup .modal-body .comment-sec .cmt-btn {
  width: 100%;
  background: #F5F4F4;
  padding: 12px 10px;
  border-radius: 12px;
  position: relative;
}

.productDetails2-popup .modal-body .comment-sec .cmt-btn p {
  color: #6F6F6F;
  font-size: calc(100 * (15vw/1520));
  font-size: -webkit-calc(100 * (15vw/1520));
  font-size: -moz-calc(100 * (15vw/1520));
  font-weight: 400;
}

.productDetails2-popup .modal-content .top-item-name{
	display: block;
  position: fixed;
  width: 100%;
  height: auto;
  background: var(--site_background);
  left: 0;
  border-radius: calc(100 * (23vw/1520)) calc(100 * (23vw/1520)) 0 0;
  border-radius: -webkit-calc(100 * (23vw/1520)) -webkit-calc(100 * (23vw/1520)) 0 0;
  border-radius: -moz-calc(100 * (23vw/1520)) -moz-calc(100 * (23vw/1520)) 0 0;
  z-index: 9;
  text-align: left;
  font-weight: bold;
  padding: 14px 50px 14px 35px;
  display: none;
}

.productDetails2-popup .modal-content .top-item-name h3{	
    font-size: calc(100 * (30vw/1520));
    color: var(--dish_card_text_color);
}

.productDetails2-popup .modal-body .comment-sec .cmt-btn .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 7px;
}

.productDetails2-popup .modal-body .comment-sec .cmt-btn .icon.close {
  transform: rotate(45deg);
  right: 4px;
}
.productDetails2-popup .modal-body .comment-sec .cmt-field {
  width: 100%;
  height: auto;
  overflow: hidden;
  transition: 0.3s;
  /*max-height: 100px;
  padding: 20px 0;*/
}

.productDetails2-popup .modal-body .comment-sec .cmt-field.open {
  max-height: 100px;
}

.productDetails2-popup .modal-body .comment-sec .cmt-field .form-control {
  background: transparent;
  border: none;
  border-radius: 12px;
  /*height: 60px;
  padding: 0 10px;*/
  height: 100px;
  padding: 10px;
}
.productDetails2-popup .modal-body .recom{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 11px;
}
.productDetails2-popup .modal-body .recom .owl-carousel{
	background: #F5F4F4;
	padding: 20px;
	border-radius: 12px;
}
.productDetails2-popup .modal-body .recom .owl-carousel .owl-stage{
	display: flex;

}
.productDetails2-popup .modal-body .recom h4{
	font-size: calc(100 * (25vw/1520));
  font-size: -webkit-calc(100 * (25vw/1520));
  font-size: -moz-calc(100 * (25vw/1520));
	font-weight: 700;
	margin-bottom: 15px;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .recom .recom-item{
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
	border-radius: 19px;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  box-shadow: 0px 3px 27px #DDDDDD;
  -webkit-flex;box-shadow: 0px 3px 27px #DDDDDD;
  -moz-box-shadow: 0px 3px 27px #DDDDDD;
}

.productDetails2-popup .modal-body .recom-image{
	width: calc(100 * (117vw/1520));
	width: -webkit-calc(100 * (117vw/1520));
	width: -moz-calc(100 * (117vw/1520));
	height: calc(100 * (120vw/1520));
	height: -webkit-calc(100 * (120vw/1520));
	height: -moz-calc(100 * (120vw/1520));
	border-radius: 19px;
	/*flex: 0 0 117px;*/
	flex: 0 0 calc(100 * (117vw/1520));
	margin-right: 8px;
	overflow: hidden;
}
.productDetails2-popup .modal-body .recom-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.productDetails2-popup .modal-body .recom .recom-item .recom-text{
	width: 60%;
	height: auto;
	position: relative;
	padding: 10px 15px 10px 0;
	flex: 0 0 60%;
	display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.productDetails2-popup .modal-body .recom .recom-item .recom-text .recom-bottom{
	width: 100%;
}
.productDetails2-popup .modal-body .recom .recom-item .recom-text h5{
	font-weight: 400;
	font-size: calc(100 * (17vw/1520));
  font-size: -webkit-calc(100 * (17vw/1520));
  font-size: -moz-calc(100 * (17vw/1520));
	line-height: 99.5%;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.productDetails2-popup .modal-body .recom .recom-item .recom-text p{
	font-weight: 400;
	font-size: calc(100 * (12vw/1520));
  font-size: -webkit-calc(100 * (12vw/1520));
  font-size: -moz-calc(100 * (12vw/1520));
	line-height: 14px;
	color:  #9E9E9E;
}
.productDetails2-popup .modal-body .recom .recom-item .recom-text h6{
	font-weight: 400;
	font-size: calc(100 * (17vw/1520));
	  font-size: -webkit-calc(100 * (17vw/1520));
	  font-size: -moz-calc(100 * (17vw/1520));
	line-height: 21px;
	text-align: center;
	background: #F5F4F4;
	border-radius: 13px;
	padding:7px 10px;
	margin-top: 5px;
}
.productDetails2-popup .modal-body .other-content-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0;
}
.productDetails2-popup .modal-body .btn-box{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items:flex-end;
	position: sticky;
	bottom: 0;
	background: var(--site_background);
	padding: 10px 40px 10px 35px;
	z-index: 9;
  margin-bottom: 10px;
}
.productDetails2-popup .modal-body .btn-box .quantity{
  margin-right: 20px;
  width: 18%;
}
.productDetails2-popup .modal-body .btn-box .quantity p{
  font-size: calc(100 * (20vw/1520));
  font-weight: 400;
  color: var(--dish_card_text_color);
  margin-bottom: calc(100 * (20vw/1520));
}
.productDetails2-popup .modal-body .btn-box .quantity .qtySelector{
  background: var(--small_element_color);
  /* border: 1px solid var(--all_button_border); */
  border-radius: calc(100 * (18vw/1520));
  padding: calc(100 * (10vw/1520)) 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.productDetails2-popup .modal-body .btn-box .quantity .qtySelector .form-control{
  width: calc(100 * (60vw/1520));
  width: -webkit-calc(100 * (60vw/1520));
  width: -moz-calc(100 * (60vw/1520));
  /* height: calc(100 * (44vw/1520)); */
  font-size: calc(100 * (23vw/1520));
  font-size: -webkit-calc(100 * (23vw/1520));
  font-size: -moz-calc(100 * (23vw/1520));
  line-height: calc(100 * (28vw/1520));
  font-weight: 500;
  color: #fff;
  text-align: center;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
}
.productDetails2-popup .modal-body .btn-box .quantity .qtySelector .value-button{
  font-size: calc(100 * (30vw/1520));
  font-size: -webkit-calc(100 * (30vw/1520));
  font-size: -moz-calc(100 * (30vw/1520));
  line-height: calc(100 * (27vw/1520));
  font-weight: normal;
  color: #fff;
  /* line-height: 29px; */
  cursor: pointer;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.productDetails2-popup .modal-body .btn-box .btns-sec{
	display: flex;
	width: 82%;
}
.productDetails2-popup .modal-body .btn-box .cart-btn {
  font-size: calc(100 * (23vw/1520));
  font-size: -webkit-calc(100 * (23vw/1520));
  font-size: -moz-calc(100 * (23vw/1520));
  text-transform: uppercase;
  /* font-weight: 700; */
  background: var(--all_button_back);
  color: var(--all_button_color) !important;
  border-radius: calc(100 * (18vw/1520));
  border: none;
  text-decoration: none;
  width: 100%;
  padding: calc(100*(10vw / 1520)) calc(100*(25vw / 1520));
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.productDetails2-popup .modal-body .btn-box .cart-btn.short{
  display: block;
  text-align: center;
  width: auto;
  padding: calc(100*(10vw / 1520)) calc(100*(75vw / 1520));
  margin: 0 auto;
  margin-bottom: calc(100*(15vw / 1520));
}
.productDetails2-popup .modal-body .btn-box .cancel-btn {
  font-size: calc(100 * (23vw/1520));
  font-size: -webkit-calc(100 * (23vw/1520));
  font-size: -moz-calc(100 * (23vw/1520));
  text-transform: uppercase;
  /* font-weight: 700; */
  /* background: #eaeaea; */
  background: var(--cat_button_back);
  color: var(--cat_button_color);
  border-radius: calc(100 * (18vw/1520));
  border: none;
  text-decoration: none;
  width: 100%;
  padding: calc(100 * (10vw/1520)) 0;
  cursor: pointer;
  border: 1px solid var(--cat_button_border);
}
.productDetails2-popup .modal-body .btn-box .cart-btn .adcrt{
	/*width: 50%;*/
}
.productDetails2-popup .modal-body .btn-box .cart-btn .adcrt_amt{
	/*width: 50%;*/
	display: -ms-flexbox;
	display: -webkit-flex; 
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-evenly;
  gap: 1rem;
}
.productDetails2-popup .modal-body .btn-box .cart-btn .adcrt_amt .adcrt_amt_nonofr{
  font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
}
.productDetails2-popup .modal-body .btn-box .cart-btn span{
/*	margin-left: 10%;*/
}
.productDetails2-popup .modal-body .group-4{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: calc(100 * (20vw/1520));
}

.productDetails2-popup .modal-body .group-4 .title{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 11px;
}
.productDetails2-popup .modal-body .title-top{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
/*	justify-content: space-between;*/
	align-items: center;
}
.productDetails2-popup .modal-body .title-top img{
	width: 14%;
	margin: 0;
	padding: 0;
	margin-left: 10%;
}
.productDetails2-popup .modal-body .title-top h5{
	font-size: calc(100 * (25vw/1520));
	font-weight: 500;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .group-4 .title h5{
	font-size: calc(100 * (25vw/1520));
	font-weight: 500;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .group-4 .title .grp-req{
	font-size: calc(100 * (20vw/1520));
	color: #fff;
/*	font-weight: 500;*/
	margin-left: calc(100 * (26vw/1520));
}
.productDetails2-popup .modal-body .title .grp-req2{
/*	color: #979797; */
	/* #fff for trejostacos */
	color: var(--modifier_choice_text_font_color);
  display: flex;
  align-items: center;
  font-weight: 400;
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	padding: 10px 0;
}
.productDetails2-popup .modal-body .title .grp-req2 img{
	width: 14%;
	margin: 0;
	padding: 0;
	margin-left: 10%;
}
.productDetails2-popup .modal-body .title .grp-req2 p{
  display: inline-block;
  background: #fff207;
  padding: 5px 9px 1px 9px;
  border-radius: 20px;
  font-size: calc(100 * (18vw/1520));
  vertical-align: middle;
  margin-right: 5px;
}
.productDetails2-popup .modal-body .title .grp-req2 p:before {
  content: "\2713";
  padding: 0;
  margin: 0;
  margin-right: 5px;
  font-size: calc(100 * (19vw/1520));
  vertical-align: middle;
}
.productDetails2-popup .modal-body .group-4 .radio-item{
	width:100%;
	height: auto;
	position: relative;
	border-bottom:1px solid #EAEAEA;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
}
.productDetails2-popup .modal-body .group-4 .radio-item:last-child{
	border: none;
}
.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio{
	/*width: 45%;
	flex: 0 0 45%;*/
	height: auto;
	margin: 0;
}
.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group {
  margin: 0;
}

.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (19vw/1520));
  font-size: -webkit-calc(100 * (19vw/1520));
  font-size: -moz-calc(100 * (19vw/1520));
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 400;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group label.active {
	font-weight: 600;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group label.inactive{
	color: #979797;
	font-weight: 400;
}

.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group label span.radio {
  position: relative;
  border: 2px solid var(--all_button_back);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: 18px;
  height: 18px;
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
  border-radius: 50%;
  flex: 0 0 18px;
}
.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group input:checked + span.radio:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  background: var(--all_button_back);
  border-radius: 50%;
}
.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group input:checked + span.radio {
  border: 2px solid var(--all_button_back);
/*  background: #fff;*/
}

.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group label span.checkbox {
  position: relative;
  border: 2px solid var(--all_button_back);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: 18px;
  height: 18px;
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
  flex: 0 0 18px;
}
.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group input:checked + span.checkbox:after {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid var(--all_button_back);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.productDetails2-popup .modal-body .group-4 .radio-item .left-part-radio .form-group input:checked + span.checkbox {
  border: 2px solid var(--all_button_back);
}
.productDetails2-popup .modal-body .group-4 .radio-item .middle-part p{
	font-size: calc(100 * (18vw/1520));
	font-weight: 400;
	color: var(--dish_card_text_color);
}

.productDetails2-popup .modal-body .group-4 .radio-item .right-part-radio{
	width: 30%;
	height: auto;
	flex: 0 0 30%;
  text-align: right;
  padding-right: 5px;
}
.productDetails2-popup .modal-body .group-4 .radio-item .right-part-radio p{
	font-size: calc(100 * (18vw/1520));
	font-weight: 400;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .group-4 .radio-item .right-part-radio p.active{
	font-weight: 600;
	color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .group-4 .radio-item .right-part-radio p.inactive{
	color: #979797;
	font-weight: 400;
}

.productDetails2-popup .modal-body .group-4 .radio-item .middle-part{
	width: 25%;
	height: auto;
	flex: 0 0 25%;
}
.productDetails2-popup .modal-body .group-4 .radio-item .middle-part{
	width: 25%;
	height: auto;
	flex: 0 0 25%;
}
.productDetails2-popup .modal-body .group-4 .radio-item .middle-part .qtySelector{
	width: calc(100 * (105vw/1520));
	width: -webkit-calc(100 * (105vw/1520));
	width: -moz-calc(100 * (105vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
  background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
	border-radius: 30px;
	position: relative;
  display: flex;
	justify-content: center;
	align-items: center;
}
.productDetails2-popup .modal-body .group-4 .radio-item .middle-part .qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	font-size: calc(100 * (19vw/1520));
	font-weight: bold;
	text-align: center;
	border: none;
  color: #fff;
  background: transparent;
}
.productDetails2-popup .modal-body .group-4 .radio-item .middle-part .qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}

.productDetails2-popup .modal-body .group-4 .radio-item .middle-part .ofr_qtySelector{
	width: calc(100 * (105vw/1520));
	width: -webkit-calc(100 * (105vw/1520));
	width: -moz-calc(100 * (105vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
	background: #D8D8D8;
  border: 1px solid #D8D8D8;
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails2-popup .modal-body .group-4 .radio-item .middle-part .ofr_qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails2-popup .modal-body .group-4 .radio-item .middle-part .ofr_qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails2-popup .modal-body .group-4 .radio-item .middle-part .pmr_qtySelector{
	width: calc(100 * (105vw/1520));
	width: -webkit-calc(100 * (105vw/1520));
	width: -moz-calc(100 * (105vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
	background: #D8D8D8;
  border: 1px solid #D8D8D8;
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails2-popup .modal-body .group-4 .radio-item .middle-part .pmr_qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails2-popup .modal-body .group-4 .radio-item .middle-part .pmr_qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails2-popup .modal-body .image-box .mark-icon {
    position: absolute;
/*    right: 11px;*/
    top: 17px;
    border-radius: 13px;
    display: flex;
    background: #fff;
    padding-right: 9px;
    align-items: center;
}
.productDetails2-popup .modal-body .image-box .icon {
    border-radius: 7px;
    margin-right: 7px;
}
.productDetails2-popup .modal-body .image-box .mark-icon p {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: var(--all_button_back);
}

.spl-offr{
	margin-top: calc(100 * (24vw/1520));
}
.spl-offr .owl-stage{
	display: flex;
} 
.spl-offr .item{
	width: 100%;
	height: 100%;
	position: relative;
	background: var(--all-element-background);
	border-radius: var(--element_corner);
	box-shadow: 0px 0px 25px -10px #979797;
	-webkit-box-shadow: 0px 0px 25px -10px #979797;
	-moz-box-shadow: 0px 0px 25px -10px #979797;
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
  flex-direction: row;
	cursor: pointer;
}
.spl-offr .item .image{
  width: 34%;
  /*min-height: 100px;
  height: 100%;*/ 
  height: calc(100 * (180vw/1520));
  height: -webkit-calc(100 * (180vw/1520));
  height: -moz-calc(100 * (180vw/1520));
	position: relative;
/*	border-radius: var(--element_corner) 0 0 var(--element_corner);*/
    border-radius: 0 var(--element_corner) var(--element_corner) 0;
	overflow: hidden;
}
.spl-offr .item .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: 0.3s;
}
.spl-offr .item .text{
	width: 60%;
	height: auto;
	position: relative;
	padding: 12px 10px;
	overflow-y: auto;
	overflow-x:hidden;
	bottom: 0;
	background: var(--all_button_back);
/*	border-radius: 0 var(--element_corner) var(--element_corner) 0;*/
    border-radius: var(--element_corner) 0 0 var(--element_corner);
	transition:position 0.3s;
	flex: 1;
  /*display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-wrap: wrap;*/
/*	align-content: space-between; */
}
.spl-offr .item .text h6{
	font-weight: 600;
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
	color: #fff;
	width: 100%;
	text-transform: uppercase;
  height: calc(100 * (54vw/1520));
	height: -webkit-calc(100 * (54vw/1520));
	height: -moz-calc(100 * (54vw/1520));
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
}
.spl-offr .item .text p{
	font-style: normal;
	font-weight: 400;
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	line-height: 100%;
	color: #fff;
  margin-bottom: 10px;
	width: 100%;
  height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.spl-offr .item .text p.uppr_ofr{
	text-transform: uppercase;
	width: 75%;
}
.spl-offr .owl-theme .owl-nav [class*=owl-]{
  position: absolute;
  font-size: 23px;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  background: var(--small_element_color);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.spl-offr .owl-theme .owl-nav button.owl-prev{
	left: 0;
}
.spl-offr .owl-theme .owl-nav button.owl-next{
	right: 0;
}
.empty_cart_img{
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
}
.empty_cart_img img{
	width: 50px;
	margin: 0 auto;
}
.empty_cart_text{
  text-align: center;
	color: #999;
}

.chkout-cmnt{
	height: 98px !important;
}

.location .clr-info{
  position: absolute;
  bottom: 72px;
  right: 30px;
}

.save-help{
	/*display: flex;
	justify-content: space-between;
	align-items: center;*/
	text-align: center;
}

.alert-text{
/*	min-height: 240px; */
	display: flex; 
	align-items: center;
  text-align: center;
  justify-content: center;
  font-size: calc(100 * (23vw/1520));
  font-size: -webkit-calc(100 * (23vw/1520));
  font-size: -moz-calc(100 * (23vw/1520));
}

.alert-text .text_alert{
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
}

.alert-text h5{
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
}

.delivaryTime .delevary-details{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 10px;
	/*padding: 0px calc(100 * (20vw/1520));
	padding: 0px -webkit-calc(100 * (20vw/1520));
	padding: 0px -moz-calc(100 * (20vw/1520));*/
}
.delivaryTime .delevary-details .switch-field {
	overflow: hidden;
	width: 100%;
/*	display: table;*/
	display: flex;
	border-radius: 8px;
	background: var(--main_switch_back);
/*	padding: 5px;*/
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

.delivaryTime .delevary-details .switch-title {
  margin-bottom: 0.5em;
}

.delivaryTime .delevary-details .switch-field input {
  display: none;
}

.delivaryTime .delevary-details .switch-field label {
  float: left;
  width: 100%;
}

.delivaryTime .delevary-details .switch-field label {
  display: inline-block;
  background-color: transparent;
  color:var(--switch_font_color);
  font-weight: 400;
  font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));
/*	line-height: 18px;*/
  text-align: center;
  text-shadow: none;
  padding: calc(100 * (15vw/1520)) 0;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
  margin: 0;
  /*height: calc(100 * (50vw/1520));
  height: -webkit-calc(100 * (50vw/1520));
  height: -moz-calc(100 * (50vw/1520));*/
  display: -webkit-box;
  display: -moz-box;   
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;   
  align-items: center;
  justify-content: center; 
}

.delivaryTime .delevary-details .switch-field label:hover {
	cursor: pointer;
}

.delivaryTime .delevary-details .switch-field input:checked + label {
  background-color: var(--all_button_back);
  color:#fff;
}

.delivaryTime .delevary-details .switch-field label:first-of-type {
  border-radius: calc(100 * (8vw/1520));
}

.delivaryTime .delevary-details .switch-field label:last-of-type {
  border-radius: calc(100 * (8vw/1520));
}

.delivaryTime .modal-body .group-4 .radio-item{
	width:100%;
	height: auto;
	position: relative;
	border-bottom:1px solid #EAEAEA;
	display: flex;
	justify-content: space-between;
  padding: 8px 0 8px 0;
}
.delivaryTime .modal-body .group-4 .radio-item:last-child{
	border: none;
}
.delivaryTime .modal-body .group-4 .radio-item .left-part-radio{
	width: 45%;
	height: auto;
	flex: 0 0 45%;
	margin: 0;
}
.delivaryTime .modal-body .group-4 .radio-item .left-part-radio .form-group {
  margin: 0;
}

.delivaryTime .modal-body .group-4 .radio-item .left-part-radio .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.delivaryTime .modal-body .group-4 .radio-item .left-part-radio .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (18vw/1520));
  font-size: -webkit-calc(100 * (18vw/1520));
  font-size: -moz-calc(100 * (18vw/1520));
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 400;
	color: #000;
}
.delivaryTime .modal-body .group-4 .radio-item .left-part-radio .form-group label.active {
	font-weight: 600;
	color: var(--dish_card_text_color);
}
.delivaryTime .modal-body .group-4 .radio-item .left-part-radio .form-group label span {
  position: relative;
  /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05); */
  border: calc(100 * (3vw/1520)) solid var(--all_button_back);
  width: calc(100 * (27vw/1520));
  height: calc(100 * (27vw/1520));
  flex: 0 0 calc(100 * (27vw/1520));
  margin-right: calc(100 * (7vw/1520));
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
}

/*.delivaryTime .modal-body .group-4 .radio-item .left-part-radio .form-group input:checked + span:after {
  content: '';
  display: block;
  position: absolute;
  width: calc(100 * (14vw/1520));
  height: calc(100 * (13vw/1520));
  left: calc(100 * (3.5vw/1520));
  top: calc(100 * (11vw/1520));
  transform: translateY(-50%);
  background: var(--all_button_back);
  border-radius: 50%;
}*/
.delivaryTime .modal-body .group-4 .radio-item .left-part-radio .form-group input:checked + span {
  border: calc(100 * (9vw/1520)) solid var(--all_button_back);
  background: #fff;
}
.delivaryTime .modal-body .group-4 .radio-item .right-part-radio{
/*	width: 45%;*/
	height: auto;
/*	flex: 0 0 45%;*/
  text-align: right;
  padding-right: 5px;
}
.delivaryTime .modal-body .group-4 .radio-item .right-part-radio p{
	font-size: calc(100 * (19vw/1520));
	font-weight: 500;
	color: #000;
}
.delivaryTime .modal-body .group-4 .radio-item .right-part-radio p.active{
	font-weight: 600;
	color: #000;
}

.alert-p{
	font-weight: 600;
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
}
.alert-p:before {
    content:"• ";
    font-size: 22px;
}

.close-msg{
  padding: 10px 5px;
  color: #000;
  background: #faf5cc;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
}
.delivaryTime .modal-content{
	margin: 0 auto;
}
.delivaryTime .modal-content .modal-body .map{
	width: 100%;
	height: calc(100 * (339vw/1520));
	height: -webkit-calc(100 * (339vw/1520));
	height: -moz-calc(100 * (339vw/1520));
	border-radius: 20px;
	background: #efefef;
/*	margin-bottom: 10px;*/
	overflow: hidden;
}
.delivaryTime .modal-content .modal-body .btun-box{
	width: 100%;
	height: auto;
	position: relative;
	text-align: right;
	margin-top: 10px;
  margin-top: calc(100 * (60vw/1520));
}
.delivaryTime .modal-content .modal-body .btun-box .take-btn{
/*	width: 165px;*/
	width: 100%;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	border-radius: 15px;
	background: var(--all_button_back);
	color: var(--all_button_color);
	border:1px solid var(--all_button_border);
	padding: 7px 15px;
	display: none;
}
.delivaryTime .modal-content .modal-body .btun-box .back-btn{
/*	width: 165px;*/
	width: 100%;
	font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
	border-radius: 15px;
	background: #979797;
	color: #fff;
	border:1px solid #979797;
	padding: 7px 15px;
/*	margin-left: 10px;*/
	display: inline-block;
}
.delivaryTime .clr-info{
  position: absolute;
  top: 78px;
  right: 5px;
}

.norml_popup{
  display: none;
}
.wlcom_popup_bottom{
/*	height: 65px;*/
	margin: calc(100 * (15vw/1520)) 0;
}
.wlcom_popup_top{
	height: 45px;
}

.add-search-suggest{
  font-size: calc(100 * (18vw/1520));
  font-size: -webkit-calc(100 * (18vw/1520));
  font-size: -moz-calc(100 * (18vw/1520));
}

.add-search-suggest-inscription{
  font-size: calc(100 * (22vw/1520));
  font-size: -webkit-calc(100 * (22vw/1520));
  font-size: -moz-calc(100 * (22vw/1520));
  font-weight: 600;
  margin-bottom: 5px;
}

#review_body{
	padding: 0 !important;
}

.mobl{
	display: none;
}

.mobil{
	display: none !important;
}

.mob-only{
	display: none !important;
}

.desk{
	display: block;
}

.checkout .close{
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 1;
}

.discount-code{
	color: #ff0000; 
	font-size: calc(100 * (17vw/1520)); 
	font-size: -webkit-calc(100 * (17vw/1520)); 
	font-size: -moz-calc(100 * (17vw/1520));
}

.orderSuccess .select-option label p{
/*	font-size: 12px;*/
	font-size: calc(100 * (13vw/1520));
	font-size: -webkit-calc(100 * (13vw/1520));
	font-size: -moz-calc(100 * (13vw/1520));
}

.orderSuccess .map-option label img{
	height: calc(100 * (35vw/1520));
}

.orderSuccess{
	overflow-y: hidden;
}

.orderSuccess .modal-dialog .modal-body .status-box .status-com-text{
	font-size: calc(100 * (21vw/1520));
	font-size: -webkit-calc(100 * (21vw/1520));
	font-size: -moz-calc(100 * (21vw/1520));
	font-weight: 700;
	margin-top: 10px;
	color: #19bf88;
}

.orderSuccess .modal-dialog .modal-body .status-box .status-ready-text{
	font-size: calc(100 * (15vw/1520));
	font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
	font-weight: 500;
	margin-top: 10px;
}

.orderSuccess .modal-dialog .modal-body .status-box a.ord-dtl-text{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	font-weight: 500;
	color: #19bf88;
}
.orderSuccess .modal-dialog .modal-body .status-box a.ord-dtl-text img{
  margin-bottom: 5px;
  width: 13px;
}

.profile-drop .notification{
  background: #ff0000;
  color: #fff;
  border-radius: 50px;
	font-size: calc(100 * (15vw/1520));
	font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
  width: calc(100 * (35vw/1520));
  width: -webkit-calc(100 * (35vw/1520));
  width: -moz-calc(100 * (35vw/1520));
  height: calc(100 * (35vw/1520));
  height: -webkit-calc(100 * (35vw/1520));
  height: -moz-calc(100 * (35vw/1520));
  position: absolute;
  top: calc(100 * (-22vw/1520));
  top: -webkit-calc(100 * (-22vw/1520));
  top: -moz-calc(100 * (-22vw/1520));
  right: calc(100 * (-22vw/1520));
  right: -webkit-calc(100 * (-22vw/1520));
  right: -moz-calc(100 * (-22vw/1520));
  display: none;
}

.profile-drop2 .notification{
  background: #ff0000;
  color: #fff;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  font-size: 14px;
  position: absolute;
  top: -14px;
  right: -13px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.noti-open{
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.profile-drop .notification-open{
  background: #ff0000;
  color: #fff;
  border-radius: 50px;
  width: 20px;
  height: 20px;
	font-size: calc(100 * (14vw/1520));
	font-size: -webkit-calc(100 * (14vw/1520));
	font-size: -moz-calc(100 * (14vw/1520));
  display: flex;
  align-items: center;
  justify-content: center;
}

.profileWedg .modal-body .btun span{
  float: left;
  margin-right: 10px;
}

.profileWedg .notification-open{
  background: #ff0000;
  color: #fff;
  border-radius: 50px;
  width: 25px;
  height: 25px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-drop .user-menu ul li a span{
	float: left;
  margin-right: 10px;
}

.spl-offr .item .text .btn-preview{
  background-color: #fff;
  color: #000;
  padding: 3px 10px;
  border-radius: 15px;
  width: auto;
  float: left;
}

.spl-offr .item .text .btn-preview span{
  width: auto;
  float: left;
	font-size: calc(100 * (15vw/1520));
  font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
	margin-right: 10px;
}

.spl-offr .item .text .btn-preview img{
  float: left;
  width: calc(100 * (15vw/1520));
  margin-left: 5px;
	margin-top: 2px;
}

.spl_ofr_title_small{
    font-size: calc(100 * (25vw/1520)) !important;
    font-size: -webkit-calc(100 * (25vw/1520)) !important;
    font-size: -moz-calc(100 * (25vw/1520)) !important !important;
}

.spl_ofr_title_medium{
    font-size: calc(100 * (27vw/1520)) !important;
    font-size: -webkit-calc(100 * (27vw/1520)) !important;
    font-size: -moz-calc(100 * (27vw/1520)) !important;
    height: calc(100 * (57vw/1520)) !important;
    height: -webkit-calc(100 * (57vw/1520)) !important;
    height: -moz-calc(100 * (57vw/1520)) !important;
}

.spl_ofr_title_large{
    font-size: calc(100 * (29vw/1520)) !important;
    font-size: -webkit-calc(100 * (29vw/1520)) !important;
    font-size: -moz-calc(100 * (29vw/1520)) !important;
    height: calc(100 * (65vw/1520)) !important;
    height: -webkit-calc(100 * (65vw/1520)) !important;
    height: -moz-calc(100 * (65vw/1520)) !important;
}

.chk-btn{
	display: none;
}

.mob-btn{
	display: none;
}
.delivaryTime .logo{
  width: calc(100 * (167vw/1520));
  width: -webkit-calc(100 * (167vw/1520));
  width: -moz-calc(100 * (167vw/1520));
  margin: auto;
	margin-bottom: calc(100 * (25vw/1520));
}
.delivaryTime .logo img{
  max-width: 100%;
  /*width: fit-content;
  max-width: calc(100 * (100vw/1520));*/
}

.delivaryTime .location-sec-scroll{
	height: calc(100 * (460vw/1520));
	overflow-y: auto;
	padding: 0 calc(100 * (10vw/1520));
}

.delivaryTime .location-box{
  width: 100%;
  height: auto;
  margin: calc(100 * (10vw/1520)) 0;
  padding: calc(100*(10vw / 1520));
  border: calc(100 * (1vw/1520)) solid #000;
  border-radius: calc(100 * (15vw/1520));
}

.delivaryTime .location-box .map-sec{
  height: calc(100 * (300vw/1520)) !important;
  height: -webkit-calc(100 * (300vw/1520)) !important;
  height: -moz-calc(100 * (300vw/1520)) !important;
  border-radius: calc(100 * (15vw/1520)) calc(100 * (15vw/1520)) 0 0 !important;
}

.delivaryTime .location-box .location-box-up{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
/*  padding: 1rem 0 0 0;*/
  margin: 0;
  /*border-top: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;*/
}

.delivaryTime .location-box .location-box-up .heading-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.delivaryTime .location-box .location-box-up h4{
	text-align: left;
	margin-bottom: calc(100 * (10vw/1520));
}

.delivaryTime .location-box .location-box-up .location-box-up-left{
  display: flex;
  align-items: flex-start;
}

.delivaryTime .location-box .location-box-up p{
  font-size: calc(100 * (20vw/1520));
  font-weight: 600;
}

.delivaryTime .location-box .location-box-up .location-box-up-left .icon{
	font-size: calc(100 * (22vw/1520));
	font-weight: 400;
	margin-right: calc(100 * (10vw/1520));
}

.delivaryTime .location-box .location-box-up p.selection{
	text-align: right;
	margin-bottom: calc(100 * (8vw/1520));
	color: #ff0000;
  font-weight: 600;
}

.delivaryTime .location-box .location-box-up a{
	font-size: calc(100 * (22vw/1520));
	font-weight: 400;
	color: #000;
}

.delivaryTime .location-box .location-box-down{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(100*(20vw / 1520));
/*  padding: calc(100 * (20vw/1520));*/
}

.delivaryTime .location-box .location-box-down .location-box-map{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.delivaryTime .location-box .location-box-down .location-box-map img{
	width: calc(100 * (25vw/1520));
	margin-right: calc(100 * (10vw/1520));
}

.delivaryTime .location-box .location-box-down .location-box-map a{
	font-size: calc(100 * (18vw/1520));
  color: #2367E4;
  font-weight: 600;
}

.delivaryTime .location-box .location-box-down .location-box-btn .save-btn{
	margin: 0 !important;
  border-radius: calc(100 * (10vw/1520));
  padding: calc(100 * (10vw/1520)) calc(100 * (50vw/1520));
  font-size: calc(100 * (22vw/1520));
  height: auto;
}
.delivaryTime .location-box .location-box-down .location-box-map .back-btn{
	width: 100%;
  border-radius: calc(100 * (10vw/1520));
  padding: calc(100 * (10vw/1520)) calc(100 * (50vw/1520));
  font-size: calc(100 * (22vw/1520));
  height: auto;
	background: #fff;
	color: #000;
  border: calc(100 * (1vw/1520)) solid #000;
  text-transform: uppercase;
}

.banner .company-name .chainnm{
	font-size: calc(100 * (45vw/1520));
}
.productDetails2-popup .modal-body .group-5{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: calc(100 * (20vw/1520));
}
.productDetails2-popup .modal-body .group-5 .radio-item {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 1px solid #EAEAEA;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: calc(100 * (16vw/1520)) 0;
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio{
  width: 75%;
  height: auto;
  flex: 0 0 75%;
  margin: 0;
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio .top-text{
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio .top-text .form-group {
    margin: 0;
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio .top-text .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (21vw/1520));
  font-size: -webkit-calc(100 * (21vw/1520));
  font-size: -moz-calc(100 * (21vw/1520));
  margin: 0;
  display: flex;
  align-items: flex-start;
  font-weight: 600;
  color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio .top-text .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio .top-text .form-group label span.checkbox {
  position: relative;
  border: calc(100 * (3vw/1520)) solid var(--all_button_back);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: calc(100 * (24vw/1520));
  height: calc(100 * (24vw/1520));
  flex: 0 0 calc(100 * (24vw/1520));
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: calc(100 * (7vw/1520));
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio .top-text .form-group input:checked + span.checkbox:after {
  content: '';
  display: block;
  position: absolute;
  left: 4px;
  top: 0px;
  width: 5px;
  height: 9px;
  border: solid var(--all_button_back);
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio .top-text p{
	font-size: calc(100 * (19vw/1520));
  color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio .bottom-text{
	margin: 0;
	margin-left: calc(100 * (30vw/1520));
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio .bottom-text p.desc{
  font-size: calc(100 * (18vw/1520));
  font-size: -webkit-calc(100 * (18vw/1520));
  font-size: -moz-calc(100 * (18vw/1520));
  color: var(--dish_card_text_color);
}
.productDetails2-popup .modal-body .group-5 .radio-item .left-part-radio .bottom-text p{
  font-size: calc(100 * (14vw/1520));
  font-size: -webkit-calc(100 * (14vw/1520));
  font-size: -moz-calc(100 * (14vw/1520));
  color: #C3C3C3;
  margin: calc(100 * (15vw/1520)) 0;
}

.productDetails2-popup .modal-body .group-5 .radio-item .right-part-radio{
  width: 25%;
  height: auto;
  flex: 0 0 25%;
  margin: 0;
}
.productDetails2-popup .modal-body .group-5 .radio-item .right-part-radio .recom-image{
	width: calc(100 * (110vw/1520)) !important;
	width: -webkit-calc(100 * (110vw/1520)) !important;
	width: -moz-calc(100 * (110vw/1520)) !important;
	height: calc(100 * (110vw/1520)) !important;
	height: -webkit-calc(100 * (110vw/1520)) !important;
	height: -moz-calc(100 * (110vw/1520)) !important;
	border-radius: calc(100 * (19vw/1520)) !important;
	overflow: hidden !important;
  float: right !important;
}
.productDetails2-popup .modal-body .group-5 .radio-item .right-part-radio .recom-image img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}

.splitModal .modal-body {
  min-height: calc(100 * (400vw/1520));
/*  padding: calc(100 * (30vw/1520)) calc(100 * (20vw/1520));*/
}

.splitModal .modal-dialog .modal-body .icon{
  width: calc(100 * (100vw/1520));
  width: -webkit-calc(100 * (100vw/1520));
  width: -moz-calc(100 * (100vw/1520));
  margin: 0 auto;
  float: none;
  margin-bottom: calc(100 * (60vw/1520));
  margin-top: calc(100 * (60vw/1520));
}

.splitModal .modal-dialog .modal-body .icon img {
    width: 100%;
}

.splitModal .modal-dialog .modal-body .alert-text{
	min-height: auto !important;
}

.splitModal .modal-dialog .modal-body h5.alert_msg {
  font-size: calc(100 * (30vw/1520));
  font-size: -webkit-calc(100 * (30vw/1520));
  font-size: -moz-calc(100 * (30vw/1520));
  font-weight: 600;
  line-height: calc(100 * (40vw/1520));
  text-align: center;
  width: calc(100 * (450vw/1520));
}

.splitModal .modal-dialog.call-dialog{
  max-width: calc(100 * (440vw/1520));
  max-width: -webkit-calc(100 * (440vw/1520));
  max-width: -moz-calc(100 * (440vw/1520));
}

.splitModal .modal-dialog .modal-content .call-close {
  position: absolute;
  right: calc(100 * (10vw/1520));
  top: 0;
  z-index: 9;
}

.splitModal .modal-dialog .modal-content .call-close img{
	width: calc(100 * (25vw/1520));
}

.splitModal .modal-dialog .modal-header.call-header{
	/* background-image: url("../images/restogpt_back.svg");*/
	/* background: radial-gradient(149.58% 1177.81% at 50.14% 63.16%, #7000FF 20.67%, #061737 83.32%) */ /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
  background: #bd00ff;
	background: linear-gradient(to bottom, #7000ff 0%,#bd00ff 100%,#7db9e8 100%);
	text-align: center;
  border-radius: calc(100*(20vw / 1520)) calc(100*(20vw / 1520)) 0 0;
  margin: 0;
  padding: calc(100*(20vw / 1520)) 0;
  border: none;
}

.splitModal .modal-body.call-body {
  min-height: calc(100 * (250vw/1520));
  padding: calc(100 * (30vw/1520)) calc(100 * (20vw/1520));
  text-align: center; 
}

.splitModal .modal-body.call-req-body {
  min-height: unset;
  padding: calc(100 * (30vw/1520)) calc(100 * (35vw/1520));
  text-align: center; 
}

.splitModal .modal-dialog .modal-header .call-req-icon{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0 calc(100*(42vw / 1520));
}

.splitModal .modal-dialog .modal-header .call-req-icon img {
  width: calc(100 * (75vw/1520));
}

.splitModal .modal-dialog .modal-header .call-req-icon p {
  font-family: 'Poppins';
  font-weight: 900;
  font-size: calc(100*(30vw / 1520));
  line-height: calc(100*(40vw / 1520));
  color: #fff;
  margin-left: 5px;
}

.splitModal .modal-dialog .modal-header .call-req-icon p span{
  font-weight: normal;
  font-size: calc(100*(20vw / 1520));
}

.splitModal .modal-dialog .modal-content.call-req{
  /*border-radius: 20px !important;
  border: 7px solid #5A00CA;
  background: linear-gradient(to bottom,  rgb(173,0,255) 0%,rgb(113,1,255) 100%);*/
  border-radius: calc(100*(25vw / 1520));
  border: 2px solid #4F457D;
  background: #fff;
	font-family: 'Poppins';
}

.splitModal .modal-dialog .modal-body .call-req-text{
	text-align: right;
  padding: 0 calc(100 * (40vw/1520));
  margin-bottom: calc(100 * (19vw/1520));
}

.splitModal .modal-dialog .modal-body .call-req-text h2{
  color: #8509b1;
  font-weight: 800;
  font-size: calc(100 * (33vw/1520));
	font-family: 'Poppins';
  font-weight: normal;
}

.splitModal .modal-dialog .modal-body .call-req-text h2 span{
	color: #cc0099;
}

.splitModal .modal-dialog .modal-body .call-req-text p{
  font-size: calc(100 * (25vw/1520));
  color: #fff;
  font-family: 'Poppins';
  line-height: calc(100 * (45vw/1520));
}

.splitModal .modal-dialog .modal-body .call-req-text p span{
	background: #fff;
  color: #8D00FF;
  border-radius: 5px;
  padding: 0 3px;
  opacity: 0.9;
}

.splitModal .modal-dialog .modal-body .call-req-text h5{
	font-size: calc(100 * (22vw/1520));
  margin: calc(100 * (45vw/1520)) 0 calc(100 * (35vw/1520)) 0;
	font-family: 'Akshar';
	font-style: 900;
}

.splitModal .modal-dialog .modal-body a.call-btn{
  display: block;
  background: #EC00B1;
  text-align: center;
  font-size: calc(100 * (25vw/1520));
  font-weight: 900;
  font-family: 'Poppins';
  color: #fff;
  padding: calc(100 * (10vw/1520)) calc(100 * (35vw/1520));
  border-radius: calc(100 * (10vw/1520));
  text-transform: uppercase;
  width: 93%;
}

.splitModal .modal-dialog.request-dialog{
  max-width: calc(100 * (475vw/1520));
  max-width: -webkit-calc(100 * (475vw/1520));
  max-width: -moz-calc(100 * (475vw/1520));
}

.splitModal .modal-dialog .modal-content .call-close {
  position: absolute;
  right: calc(100 * (10vw/1520));
  top: 0;
  z-index: 9;
}

.splitModal .modal-dialog .modal-content .call-close img{
	width: calc(100 * (20vw/1520));
}

.splitModal .modal-dialog .request-header{
  border: none !important;
}

.splitModal .modal-dialog .request-body{
/*  max-height: calc(100vh - 400px);*/
  /*max-height: 57vh;
  overflow-y: auto;
  padding: 0 calc(100 * (19vw/1520));*/
  text-align: center;
  margin: 0 calc(100 * (17vw/1520));
}

.splitModal .modal-dialog .request-body::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.splitModal .modal-dialog .request-body::-webkit-scrollbar-track {
  border-radius: calc(100 * (10vw/1520));
  background: #F4F4F4;
}
 
/* Handle */
.splitModal .modal-dialog .request-body::-webkit-scrollbar-thumb {
  background: #959191;
  border-radius: calc(100 * (10vw/1520));
  opacity: 0.5;
}

/* Handle on hover */
.splitModal .modal-dialog .request-body::-webkit-scrollbar-thumb:hover {
  background: #4F457D;
  opacity: 1;
}

.splitModal .modal-dialog .request-body.scroll-pad-marg{
	padding-right: 0 !important;
	padding: calc(100*(20vw / 1520));
}

.splitModal .modal-dialog .request-body h2 {
  color: #233596;
  font-weight: 500;
  font-size: calc(100 * (33vw/1520));
  line-height: calc(100 * (37vw/1520));
  font-family: 'Coolvetica';
  margin-bottom: calc(100 * (15vw/1520));
}

.splitModal .modal-dialog .modal-body .mod-content{
	height: 57vh;
	overflow-y: auto;
	overflow-x: hidden;
/*	margin-bottom: calc(100 * (25vw/1520));*/
}

.splitModal .modal-dialog .modal-body .call-req-text-top{
	background: #fff;
	border-radius: calc(100 * (20vw/1520));
/*	padding: 0 calc(100 * (28vw/1520));*/
  margin-bottom: calc(100 * (19vw/1520));
}

.splitModal .modal-dialog .request-body .call-block{
	padding: calc(100 * (10vw/1520)) 0;
}

.splitModal .modal-dialog .request-body .call-block h5 {
  color: #8509b1;
  font-size: calc(100 * (30vw/1520));
	font-family: 'Poppins';
	font-weight: 900;
}

.splitModal .modal-dialog .modal-body .call-block h5 span{
	color: #000;
}

.splitModal .modal-dialog .modal-body .call-block h5 span.short-span{
	font-size: calc(100 * (20vw/1520));
}

.splitModal .modal-dialog .request-body .call-block ul {
	padding: calc(100 * (10vw/1520)) 0;
	text-align: left;
}

.splitModal .modal-dialog .request-body .call-block ul li{
  display: flex;
  align-items: center;
  padding: calc(100 * (12vw/1520)) 0;
}

.splitModal .modal-dialog .request-body .call-block ul li img{
  /* max-width: calc(100*(25vw / 1520)) !important; */
  margin-right: calc(100*(10vw / 1520));
  margin-left: calc(100*(10vw / 1520));
  width: calc(100*(20vw / 1520)) !important;
  height: calc(100*(20vw / 1520)) !important;
}

.splitModal .modal-dialog .request-body .call-block ul li p{
  font-size: calc(100 * (17vw/1520));
  font-weight: 600;
  color: #22134B;
	font-family: 'Poppins';
}

.splitModal .modal-dialog .request-body .call-block ul li p span{
  color: #5A00CA;
	/*background: #A134F6;
	border-radius: 50%;	
  padding: calc(100 * (10vw/1520)) calc(100 * (20vw/1520));
  margin-right: calc(100 * (10vw/1520));
  font-size: calc(100 * (22vw/1520));*/
}

.splitModal .modal-dialog .request-body .call-block ul li p span a{
  color: #5A00CA;
}

.splitModal .modal-dialog .request-body .call-block ul li .gen-span{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #A134F6;
  color: #fff;
  width: calc(100*(90vw / 1520));
  height: calc(100*(55vw / 1520));
  border-radius: 50%;
  margin-right: calc(100*(20vw / 1520));
  font-size: calc(100*(30vw / 1520));
}

.splitModal .modal-dialog .request-body .call-block ul li .fst-span{
  width: calc(100*(60vw / 1520));
  height: calc(100*(55vw / 1520));
}

.splitModal .modal-dialog .request-body .call-block ul li .lst-span{
  width: calc(100*(80vw / 1520));
  height: calc(100*(55vw / 1520));
}

.splitModal .modal-dialog .request-footer{
  display: block;
  margin: 0 auto;
  padding: calc(100 * (19vw/1520)) 0;
  border: none !important;
}

.splitModal .modal-dialog .request-footer a.call-btn{
  background: #7000FF;
  text-align: center;
  font-size: calc(100 * (16vw/1520));
  font-weight: 500;
  font-family: 'Aeroport';
  font-style: normal;
  color: #fff;
  padding: calc(100 * (7vw/1520)) calc(100 * (70vw/1520));
  border-radius: calc(100 * (10vw/1520));
  border: 1px solid #56138A;
  text-transform: uppercase;
}

.splitModal .modal-dialog .modal-footer.call-footer{
  display: flex !important;
  justify-content: space-between !important;
  padding: calc(100*(20vw / 1520));
}

.splitModal .modal-dialog .modal-footer .call-close-bottom{
	border: none;
	background: #fff;
}

.splitModal .modal-dialog .modal-footer .call-close-bottom span{
	font-size: calc(100*(20vw / 1520));
  margin-left: calc(100*(5vw / 1520));
}

.splitModal .modal-dialog .modal-footer .call-close-bottom img{
	width: calc(100*(15vw / 1520));
}

.splitModal .modal-dialog.wlcm-dialog{
  max-width: calc(100 * (425vw/1520));
  max-width: -webkit-calc(100 * (425vw/1520));
  max-width: -moz-calc(100 * (425vw/1520));
}

.splitModal .modal-dialog .modal-content.wlcm-content{
	/*background: linear-gradient(to bottom, #BD00FF, #7000FF);
  background: linear-gradient(to top, #7D55E2, #9B6AFE 68%);*/
  background: linear-gradient(343.41deg, #FFF2CF 20.85%, #CEA8FF 105.43%);
  border: none;
  overflow: hidden;
}

.spcl-content1{
	background: #FF8A00 !important;
}

.spcl-content3{
	background: #FF8A00 !important;
	padding: calc(100*(15vw / 1520)) !important;
	border-radius: calc(100*(15vw / 1520)) !important;;
}

.splitModal .modal-dialog .wlcm-body .small-btn-all.spcl-content3 .small-btn{
  font-size: calc(100*(20vw / 1520));
  line-height: calc(100*(25vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .small-btn-all.spcl-content4 .small-btn{
	width: 100%;
  font-size: calc(100*(18vw / 1520));
  line-height: calc(100*(23vw / 1520));
  margin: calc(100*(5vw / 1520)) 0;
}

.splitModal .modal-dialog .wlcm-body .small-btn-all.spcl-content4 .small-btn img {
  width: calc(100*(25vw / 1520));
  margin-right: calc(100*(5vw / 1520));
  margin-bottom: 0;
}

.splitModal .modal-dialog .wlcm-body .small-btn-all.spcl-content3 .small-btn img {
  width: calc(100*(22vw / 1520));
}

.splitModal .modal-dialog .request-body.wlcm-body{
	padding-top: 0 !important;
  margin: 0 !important;
}

.splitModal .modal-dialog .wlcm-body.scroll-pad-marg {
	/*  padding: 0 calc(100*(20vw / 1520)) !important;*/
	padding: 0 !important;
}

.splitModal .modal-dialog .wlcm-body .mod-content {
  height: auto;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: calc(100*(140vw / 1520));
}

.spcl-content2{
  background: linear-gradient(to top, #7D55E2, #9B6AFE 68%) !important;
  border-radius: calc(100*(25vw / 1520));
  padding-bottom: calc(100*(25vw / 1520));
  margin-bottom: 0 !important;
}

.splitModal .modal-dialog .wlcm-body .pizz-back {
  width: calc(100*(345vw / 1520));
  margin-bottom: calc(100*(95vw / 1520));
	/*margin-top: calc(100*(-55vw / 1520));*/
}

.splitModal .modal-dialog .wlcm-body .pizz-back-1 {
  width: calc(100*(425vw / 1520));
  margin-bottom: calc(100*(125vw / 1520));
	/*margin-top: calc(100*(-55vw / 1520));*/
}

.splitModal .modal-dialog .wlcm-body .news-paper-text {
  position: absolute;
  top: calc(100*(65vw / 1520));
  left: calc(100*(-35vw / 1520));
  width: calc(100*(500vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .robo-hand{
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100*(375vw / 1520));
}

.splitModal .modal-dialog .wlcm-body p.sub-txt {
  /*position: absolute;
  right: calc(100*(90vw / 1520));
  top: calc(100*(200vw / 1520));*/
  font-size: calc(100*(13vw / 1520));
  line-height: calc(100*(18vw / 1520));
  font-weight: 600;
  color: #9C91CB;
  font-family: 'Rubik';
  margin-top: calc(100*(20vw / 1520));
}

.splitModal .modal-dialog .wlcm-body p.sub-txt span {
  font-size: calc(100*(18vw / 1520));
  line-height: calc(100*(23vw / 1520));
  font-weight: 700;
}

.splitModal .modal-dialog .wlcm-body p.txt{
  font-family: 'SF Pro Display Heavy';
  font-weight: 700;
  font-size: calc(100*(25vw / 1520));
  line-height: calc(100*(40vw / 1520));
  color: #490083;
}

.splitModal .modal-dialog .wlcm-body p.normal-txt{
  font-family: 'SF Pro Display';
  font-weight: 500;
  font-size: calc(100*(20vw / 1520));
  line-height: calc(100*(25vw / 1520));
  color: #490083;
  /*margin-bottom: calc(100*(20vw / 1520));
  padding: 0 calc(100*(35vw / 1520));*/
  text-align: left;
}

.splitModal .modal-dialog .wlcm-body p.normal-txt span{
  font-family: 'SF Pro Display Heavy';
  font-weight: 800;
}

.splitModal .modal-dialog .wlcm-body .mid-txt-all{
  position: absolute;
  top: calc(100*(90vw / 1520));
  left: calc(100*(40vw / 1520));
  background: #fff;
  width: 80%;
  padding: calc(100*(25vw / 1520));
  border-radius: calc(100*(40vw / 1520));
  border: calc(100*(3vw / 1520)) solid #FF8A00;
}

.splitModal .modal-dialog .wlcm-body .mid-txt{
  font-family: 'SF Pro Display';
  font-size: calc(100*(32vw / 1520));
  line-height: calc(100*(37vw / 1520));
  font-weight: 700;
  margin-bottom: calc(100*(15vw / 1520));
  color: #FF8A00;
}

.splitModal .modal-dialog .wlcm-body p.gen-txt{
  font-family: 'SF Pro Display Regular';
  font-weight: 400;
  font-size: calc(100*(22vw / 1520));
  line-height: calc(100*(27vw / 1520));
  color: #490083;
  margin-bottom: calc(100*(20vw / 1520));
  padding: 0 calc(100*(65vw / 1520));
  text-align: center;
}

.mt-less{
  margin-top: calc(100*(-50vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .big-txt{
  font-size: calc(100*(22vw / 1520));
  line-height: calc(100*(30vw / 1520));
  font-weight: 700;
}

.splitModal .modal-dialog .wlcm-body .bigger-txt{
  font-size: calc(100*(22vw / 1520));
  line-height: calc(100*(35vw / 1520));
  font-weight: 700;
  background: #fff;
  color: #000;
  padding: 0 calc(100*(7vw / 1520));
  border-radius: calc(100*(8vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .big-btn{
  width: 80%;
  margin: 0 auto;
  font-family: 'SF Pro Display';
  font-weight: 700;
  font-size: calc(100*(26vw / 1520));
  line-height: calc(100*(30vw / 1520));
  background: #FF8700;
  color: #fff;
  padding: calc(100*(10vw / 1520)) 0;
  border-radius: calc(100*(40vw / 1520));
  cursor: pointer;
}

.splitModal .modal-dialog .wlcm-body .big-btn .arrow-back {
  width: calc(100*(23vw / 1520));
  margin-left: calc(100*(10vw / 1520));
  margin-bottom: calc(100*(4vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .wlcm-bottom{
  padding: calc(100*(20vw / 1520)) 0;
}

.splitModal .modal-dialog .wlcm-body .wlcm-bottom p{
  font-family: 'SF Pro Display';
  font-size: calc(100*(17vw / 1520));
  line-height: calc(100*(22vw / 1520));
  color: #fff;
  margin-bottom: calc(100*(20vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .wlcm-bottom p.sp-text{
  font-family: 'SF Pro Display';
  font-weight: 600;
  font-size: calc(100*(25vw / 1520));
  line-height: calc(100*(27vw / 1520));
  color: #fff;
  margin-bottom: 0;
}

.splitModal .modal-dialog .wlcm-body .wlcm-bottom .line-back{
  margin: calc(100*(10vw / 1520)) 0 calc(100*(30vw / 1520)) 0;
  width: calc(100*(165vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .next-btn{
  display: block;
  width: 70%;
  margin: 0 auto;
  font-family: 'SF Pro Display';
  font-weight: 700;
  font-size: calc(100*(25vw / 1520));
  line-height: calc(100*(30vw / 1520));
  background: #22134B;
  color: #fff;
  padding: calc(100*(12vw / 1520));
  border-radius: calc(100*(40vw / 1520));
  cursor: pointer;
}

.splitModal .modal-dialog .wlcm-body .big-btn span{
	color: #000;
}

.splitModal .modal-dialog .wlcm-body .small-btn-all{
  font-family: 'SF Pro Display';
  margin: calc(100*(25vw / 1520)) calc(100*(75vw / 1520));
}
.splitModal .modal-dialog .wlcm-body .mg-less{
  margin: calc(100*(25vw / 1520)) calc(100*(35vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .spcl-btn{
  font-family: 'SF Pro Display';
  margin: calc(100*(25vw / 1520)) calc(100*(45vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .small-btn {
	width: 100%;
  font-family: 'SF Pro Display Heavy';
  font-weight: 700;
  font-size: calc(100*(22vw / 1520));
  line-height: calc(100*(30vw / 1520));
  color: #490083;
  padding: 0;
  margin: calc(100*(8vw / 1520)) 0;
  border-radius: calc(100*(20vw / 1520));
  float: left;
  text-align: left;
}

.splitModal .modal-dialog .wlcm-body .small-btn span{
	font-family: 'SF Pro Display Regular';
  color: #CC0099;
  font-weight: 400;
}

.splitModal .modal-dialog .wlcm-body .small-btn .span-sm{
	color: #490083;
}

.splitModal .modal-dialog .wlcm-body .small-btn .span-md{
	margin-left: calc(100*(30vw / 1520));
  font-size: calc(100*(18vw / 1520));
  line-height: calc(100*(23vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .small-btn img{
  width: calc(100*(30vw / 1520));
  margin-right: calc(100*(5vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .small-btn .circle-fst{
  position: relative;
  background: #FF8A00;
  border-radius: 50%;
  width: calc(100*(30vw / 1520));
  height: calc(100*(30vw / 1520));
  margin-right: calc(100*(10vw / 1520));
  float: left;
}

.splitModal .modal-dialog .wlcm-body .small-btn .checkmark-fst{
  position: absolute;
  transform: rotate(45deg) translate(-50%, -50%);
  left: 28%;
  top: 45%;
  height: calc(100*(17vw / 1520));
  width: calc(100*(10vw / 1520));
  border-bottom: calc(100*(3vw / 1520)) solid #fff;
  border-right: calc(100*(3vw / 1520)) solid #fff;
}

.splitModal .modal-dialog .wlcm-body .spcl-btn .small-btn {
  font-size: calc(100*(18vw / 1520));
  line-height: calc(100*(25vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .spcl-btn p{
	width: 100%;
  font-family: 'SF Pro Display';
  font-weight: 700;
  font-size: calc(100*(25vw / 1520));
  line-height: calc(100*(30vw / 1520));
  color: #490083;
  padding: 0;
  margin: calc(100*(8vw / 1520)) 0;
  border-radius: calc(100*(20vw / 1520));
  text-align: center;
}

.splitModal .modal-dialog .wlcm-body .spcl-btn .small-btn .circle-fst{
  width: calc(100*(25vw / 1520));
  height: calc(100*(25vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .spcl-btn .small-btn .checkmark-fst{
  height: calc(100*(14vw / 1520));
  width: calc(100*(7vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .call-req-text-top{
  width: 75%;
  background: #fff;
  border-radius: calc(100*(20vw / 1520));
  padding: calc(100*(10vw / 1520)) calc(100*(20vw / 1520));
  margin: 0 auto;
  margin-bottom: calc(100*(19vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .call-block {
  padding: 0;
}

.splitModal .modal-dialog .wlcm-body .call-block ul{
  padding: 0;
}
.splitModal .modal-dialog .wlcm-body .call-block ul li{
  padding: calc(100*(5vw / 1520)) 0;
}

.splitModal .modal-dialog .wlcm-body .call-block ul li p {
  font-size: calc(100 * (13vw/1520));
}

.splitModal .modal-dialog .wlcm-body .owl-carousel .owl-nav button.owl-prev{
  position: absolute;
  color: #fff;
  left: calc(100*(20vw / 1520));
  top: calc(100*(36vw / 1520));
  font-size: calc(100*(35vw / 1520));
}

.splitModal .modal-dialog .wlcm-body .owl-carousel .owl-nav button.owl-next{
  position: absolute;
  color: #fff;
  right: calc(100*(20vw / 1520));
  top: calc(100*(36vw / 1520));
  font-size: calc(100*(35vw / 1520));
}

.fl-right{
	float: right !important;
}
.restogpt_modal{
  top: 5%;
	bottom: unset;
}

.site-container .order-dtl{
  position: fixed!important;
  border: 0;
  top: calc(100 * (90vw/1520));
  left: calc(100 * (50vw/1520));
  width: 35%;
  padding: calc(100 * (50vw/1520)) calc(100 * (10vw/1520));
  background: #fff;
  height: 80vh;
  overflow: hidden;
  z-index: 999;
  border-radius: calc(100 * (10vw/1520));
  box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
  -webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
  -moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
  transition: 0.3s;
}

.orderSuccess .close {
  background: #fff;
	border-radius: calc(100 * (12vw/1520));
	border-radius: -webkit-calc(100 * (12vw/1520));
	border-radius: -moz-calc(100 * (12vw/1520));
	/*padding: 5px;*/
  right: calc(100 * (8vw/1520));
  top: calc(100 * (8vw/1520));
}
.site-container .order-dtl .keep-text-mob{
  background-color: #061737;
  color: #fff;
  font-size: calc(100 * (17vw/1520));
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  padding: calc(100 * (25vw/1520)) 0;
  position: relative;
  border-radius: 10px 10px 0 0;
  border-radius: calc(100 * (12vw/1520)) calc(100 * (12vw/1520)) 0 0;
  border-radius: -webkit-calc(100 * (12vw/1520)) -webkit-calc(100 * (12vw/1520)) 0 0;
  border-radius: -moz-calc(100 * (12vw/1520)) -moz-calc(100 * (12vw/1520)) 0 0;
}
.site-container .order-dtl .orderSuccess-content{
	padding: calc(100 * (20vw/1520));
  width: 100%;
  max-height: 70vh;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.site-container .order-dtl .orderSuccess-content::-webkit-scrollbar {
  width: calc(100 * (10vw/1520));
}

/* Track */
.site-container .order-dtl .orderSuccess-content::-webkit-scrollbar-track {
  border-radius: calc(100 * (10vw/1520));
  background: #efefef;
}
 
/* Handle */
.site-container .order-dtl .orderSuccess-content::-webkit-scrollbar-thumb {
  background: #19bf88;
  border-radius: calc(100 * (10vw/1520));
}

/* Handle on hover */
.site-container .order-dtl .orderSuccess-content::-webkit-scrollbar-thumb:hover {
  background: #19bf88;
}
.site-container .map{
  position: fixed!important;
  border: 0;
  top: 0;
  width: 100%;
  height: 100vh;
}
.site-container .order-dtl .success-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 30px 0;
}
.site-container .order-dtl .icon{
	width:calc(100 * (100vw/1520));
	width:-webkit-calc(100 * (100vw/1520));
	width:-moz-calc(100 * (100vw/1520));
  margin: 0 auto;
  float: none;
  margin-bottom: 40px;
  margin-top: 40px;
}
.site-container .order-dtl .icon img{
	width: 100%;
}
.site-container .order-dtl h5{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	font-weight: 600;
	line-height: 37px;
	text-align: center;
}
.site-container .order-dtl h5.thank-msg{
	font-size: calc(100 * (30vw/1520));
	font-size: -webkit-calc(100 * (30vw/1520));
	font-size: -moz-calc(100 * (30vw/1520));
	font-weight: 600;
	line-height: 37px;
	text-align: center;
}
.site-container .order-dtl h6{
	font-size: calc(100 * (22vw/1520));
	font-size: -webkit-calc(100 * (22vw/1520));
	font-size: -moz-calc(100 * (22vw/1520));
	font-weight: 400;
	line-height: 32px;
	text-align: center;
/*	margin-bottom: 10px;*/
}
.site-container .order-dtl .text-box{
	width: 100%;
	height: auto;
	position: relative;
/*	border-bottom:2px solid #EAEAEA;*/
	padding: 5px 0;
	text-align: center;
/*	margin-top: 50px;*/
}
.site-container .order-dtl .text-box:last-child{
	border:none; 
}
.site-container .order-dtl .text-box ul li{
	display: inline-block;
	margin-right: 20px;
}
.site-container .order-dtl .text-box p{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
  line-height: calc(100 * (32vw/1520));
	font-weight: 400;
}
.site-container .order-dtl .text-box h6{
	font-size: calc(100 * (14vw/1520));
	font-size: -webkit-calc(100 * (14vw/1520));
	font-size: -moz-calc(100 * (14vw/1520));
	line-height: calc(100 * (20vw/1520));
	text-align: center;
}
.site-container .order-dtl .text-box h6 a{
	 color: var(--all-main-color);
}
.site-container .order-dtl .rvw_img_close{
  position: absolute;
  /*top: 2px;*/
  right: 0;
  z-index: 100;
  cursor: pointer;
  line-height: 10px;
  /*border-radius: 50%;*/
  padding: 0;
  border: none;
  opacity: 0.8;
}
.site-container .order-dtl .success-box .keep-text{
	width: 80%; 
	margin: 0 auto; 
	float: none; 
	text-align: center; 
	line-height: 25px; 
	margin-bottom: 10px; 
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	font-weight: 600;
}
.site-container .order-dtl .call-sec{
  width: 100%;
  min-height: 50px;
  height: auto;
  padding: 0;
  margin: 0 auto;
  display: none;
  text-align: left;
}
.site-container .order-dtl .call-sec:first-child{
	float: right;
}
.site-container .order-dtl .phn-sec{
  width: 100%;
  min-height: 40px;
  height: auto;
  padding: 0;
  margin: 0 auto;
  display: flex;
}
.site-container .order-dtl .phn-call{
  display: flex;
  justify-content: space-between;
  width: 46%;
  min-height: 50px;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #DADADA;
  text-align: center;
  padding: 0 10px;
  background: #fff;
  cursor: pointer;
  float: none;
  margin: 0 auto;
  align-items: center;
  padding: 10px 5px;
}
.site-container .order-dtl .mob-call{
  display: block;
  justify-content: space-between;
  width: 46%;
  min-height: 45px;
  height: 100%;
  /*border-radius: 10px;
  border: 1px solid #DADADA;*/
  text-align: center;
  padding: 0 10px;
  background: #fff;
  cursor: pointer;
  float: none;
  margin: 0 auto;
  align-items: center;
}
.site-container .order-dtl .phn-call img{
  width: 20%;
  height: 100%;
  float: left;
}
.site-container .order-dtl .phn-call p{
  width: 70%;
  float: right;
  text-align: left;
  color: #19bf88;
  font-size: 15px;
}
.site-container .order-dtl .status-head{
	text-align: center;
	font-weight: 600;
  font-size: calc(100 * (21vw/1520));
  line-height: calc(100 * (23vw/1520));
/*	margin-bottom: 10px;*/
}
.site-container .order-dtl .status-box{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 10px;
}
.site-container .order-dtl .status-box p{
	text-align: center;
	font-size: 17px;
	font-weight: 400;
}
.site-container .order-dtl .status-box p.qrtext {
    text-align: center;
    font-weight: 400;
    font-size: calc(100*(15vw / 1520));
    ine-height: calc(100*(20vw / 1520));
}
.site-container .order-dtl .status-box .status{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0;
}
.site-container .order-dtl .status-box .status .status-point{
  width: calc(100 * (65vw/1520));
  height: calc(100 * (65vw/1520));
	border-radius: 50%;
	background: #EAEAEA;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 60px;
  margin-bottom: 0;
}
.site-container .order-dtl .status-box .status .status-point img{
	width: calc(100 * (30vw/1520));
}
.site-container .order-dtl .status-box .status .status-point.active{
	background: #19bf88;
}
.site-container .order-dtl .status-box .status .status-text{
	font-size: 12px;
  font-weight: 600;
  height: 10px;
  margin-top: 5px;
}
.site-container .order-dtl .status-box .status .status-line{
  width: 100%;
  height: 0px;
  border-top: 2px dashed #EAEAEA;
}
.site-container .order-dtl .status-box .status .status-line.active{
	border-top:2px dashed #19bf88;
}

.orderSuccess .select-option label p{
/*	font-size: 12px;*/
	font-size: calc(100 * (13vw/1520));
	font-size: -webkit-calc(100 * (13vw/1520));
	font-size: -moz-calc(100 * (13vw/1520));
}

.orderSuccess .map-option label img{
	height: calc(100 * (35vw/1520));
}

.orderSuccess{
	overflow-y: hidden;
}

.site-container .order-dtl .status-box .feedback-btn{
  font-size: 12px;
  line-height: 20px;
  padding: 3px 10px;
  border-radius: 12px;
  border: 1px solid #ff0000;
  text-align: center;
  text-transform: uppercase;
  background: #ff0000;
  color: #fff;
}

.site-container .order-dtl .status-box .status-com-text{
	font-size: calc(100 * (40vw/1520));
	font-size: -webkit-calc(100 * (40vw/1520));
	font-size: -moz-calc(100 * (40vw/1520));
	font-weight: 700;
	color: #19bf88;
}

.site-container .order-dtl .status-box .status-ready-text{
	font-size: calc(100 * (15vw/1520));
	font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
	font-weight: 600;
	margin-top: 10px;
}

.site-container .order-dtl .status-box a.ord-dtl-text{
	font-size: calc(100 * (17vw/1520));
	font-size: -webkit-calc(100 * (17vw/1520));
	font-size: -moz-calc(100 * (17vw/1520));
	font-weight: 500;
	color: #19bf88;
}
.site-container .order-dtl .status-box a.ord-dtl-text img{
  margin-bottom: 5px;
  width: 13px;
}
.site-container .order-dtl .orderSuccess-content .order-sec{
	margin: calc(100 * (10vw/1520)) 0;
	padding: calc(100 * (5vw/1520)) 0;
}
.site-container .order-dtl .orderSuccess-content .order-sec p.order-head{
  font-size: calc(100 * (21vw/1520));
  font-weight: 700;
  margin-bottom: calc(100 * (10vw/1520));
}
.site-container .order-dtl .orderSuccess-content .order-sec .order-item{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: calc(100 * (10vw/1520)) 0;
}
.site-container .order-dtl .orderSuccess-content .order-sec .order-item p{
  font-size: calc(100 * (17vw/1520));
  font-size: -webkit-calc(100 * (17vw/1520));
  font-size: -moz-calc(100 * (17vw/1520));
  line-height: calc(100 * (20vw/1520));
  font-weight: 500;
}
.site-container .order-dtl .orderSuccess-content .order-sec .order-item p.item-name{
	width: 60%;
  height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 600;
}
.site-container .order-dtl .orderSuccess-content .order-sec .order-item p.item-name-sub{
	width: 60%;
  height: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 500;
  padding-left: 15px;
}
.site-container .order-dtl .orderSuccess-content .order-sec .order-item p.item-qty{
  width: 10%;
  text-align: center;
}
.site-container .order-dtl .orderSuccess-content .order-sec .order-item p.item-price{
  width: 30%;
  text-align: right;
}
.site-container .order-dtl .opncl-btn{
	width: 100%;
	font-style: normal;
	font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  padding: 10px;
  margin: 0;
/*  border-radius: 15px;*/
	border: 1px solid var(--all_button_back);
	text-align: center;
	text-transform: uppercase;
	background: var(--all_button_back);
	color: var(--all_button_color);
	transition: 0.3s;
	text-decoration: none;
  cursor: pointer;
  display: none;
}

.site-container .order-dtl .backbtn{
  width: calc(100 * (55vw/1520));
  height: calc(100 * (55vw/1520));
  font-size: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: calc(100 * (15vw/1520));
  border: #979797 1px solid;
  background: #FFFFFF;
  box-shadow: 0 1px 14px rgba(187, 187, 187, 0.3);
  position: absolute;
  left: 15px;
  top: 5px;
  z-index: 999;
}




.site-container .order-feedback{
	margin: 0 auto;
  border: 0;
  /*width: 55%;
  padding: calc(100 * (70vw/1520)) calc(100 * (100vw/1520));*/
  background: #fff;
/*  height: 80vh;*/
  overflow: hidden;
  z-index: 999;
  /*border-radius: calc(100 * (10vw/1520));
  box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
  -webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
  -moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
  transition: 0.3s;
  min-height: 100vh;*/
}
.site-container .order-feedback .backbtn{
  width: calc(100 * (55vw/1520));
  height: calc(100 * (55vw/1520));
  font-size: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: calc(100 * (15vw/1520));
  border: #979797 1px solid;
  background: #FFFFFF;
  box-shadow: 0 1px 14px rgba(187, 187, 187, 0.3);
  position: absolute;
  top: 5px;
  z-index: 999;
}
.site-container .order-feedback .backbtn img{
	width: calc(100 * (12vw/1520));
}
.site-container .order-feedback .status-head{
	text-align: center;
	font-weight: 600;
  font-size: calc(100 * (30vw/1520));
  line-height: calc(100 * (40vw/1520));
	margin-bottom: calc(100 * (10vw/1520));
}
.site-container .order-feedback .rvw-text{
	width: 80%; 
	margin: 0 auto; 
	float: none;
	text-align: center;
	font-size: calc(100 * (35vw/1520));
	font-size: -webkit-calc(100 * (35vw/1520));
	font-size: -moz-calc(100 * (35vw/1520));
  font-weight: 600;
  margin-bottom: calc(100 * (10vw/1520));
}
.site-container .order-feedback .sms-btn{
	width: 100%;
	height: auto;
	font-size: calc(100 * (25vw/1520));
	font-size: -webkit-calc(100 * (25vw/1520));
	font-size: -moz-calc(100 * (25vw/1520));
	display: table;
	border-radius: 15px;
/*	background: var(--all_button_back);*/
	background: #19bf88;
	color: var(--all_button_color);
/*	border:1px solid var(--all_button_border);*/
	border: none;
	text-align: center;
	padding: calc(100 * (10vw/1520)) 0;
	margin: 0 auto;
	text-transform: uppercase;
	margin-top: calc(100 * (20vw/1520));
	cursor: pointer;
}
.site-container .order-feedback .rating-box{
	width: 100%;
	height: auto;
	position: relative;
}
.site-container .order-feedback .rating-box h4{
	font-size: 19px;
	font-weight: 600;
	text-align: center;
}
.site-container .order-feedback .sharing-box{
	width: 100%;
	height: auto;
	position: relative;
}
.site-container .order-feedback .sharing-box h4{
	font-size: calc(100 * (35vw/1520));
	font-size: -webkit-calc(100 * (35vw/1520));
	font-size: -moz-calc(100 * (35vw/1520));
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
.site-container .order-feedback .star-rating {
  direction: rtl;
  display: inline-block;
  padding: 5px 0;
  cursor: default;
  width: 100%;
  text-align: center;
}
.site-container .order-feedback .star-rating input[type=radio] {
  display: none;
}
.site-container .order-feedback .star-rating label {
  color: var(--small_element_color);
  font-size: calc(100 * (50vw/1520));
  font-size: -webkit-calc(100 * (50vw/1520));
  font-size: -moz-calc(100 * (50vw/1520));
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin: 0 calc(100 * (10vw/1520));
}
.site-container .order-feedback .star-rating label:hover,
.site-container .order-feedback .star-rating label:hover ~ label,
.site-container .order-feedback .star-rating input[type=radio]:checked ~ label {
/*  color: var(--small_element_color);*/
	color: #19bf88;
}
.site-container .order-feedback .select-cat{
	width: 100%;
	height: auto;
	position: relative;
	display:flex;
	justify-content: center;
	margin-bottom: 10px;
}
.site-container .order-feedback .select-cat .select-option{
/*	margin: 0 calc(100 * (20vw/1520));*/
}
.site-container .order-feedback .select-cat .select-option input{
	display: none;
}
.site-container .order-feedback .select-cat .select-option label{
  display: table;
  min-width: calc(100 * (95vw/1520));
  min-height: calc(100 * (98vw/1520));
  border-radius: 10px;
  border: 2px solid var(--small_element_color);
  text-align: center;
  padding: calc(100 * (10vw/1520));
  background: #fff;
  cursor: pointer;
}
.site-container .order-feedback .select-cat .select-option input:checked ~ label{
	background: #EAEAEA;
}
.site-container .order-feedback .select-cat .select-option label img{
  width: calc(100 * (35vw/1520));
  height: calc(100 * (65vw/1520));
}
.site-container .order-feedback .select-cat .select-option label p{
  font-size: calc(100 * (12vw/1520));
  font-size: -webkit-calc(100 * (12vw/1520));
  font-size: -moz-calc(100 * (12vw/1520));
}
.site-container .order-feedback .rating-box .msg{
	text-align: center;
	width: 100%;
  margin: calc(100 * (20vw/1520)) 0;
}

.site-container .order-feedback .apology{
  font-size: calc(100 * (22vw/1520));
  font-size: -webkit-calc(100 * (22vw/1520));
  font-size: -moz-calc(100 * (22vw/1520));
}
.site-container .order-feedback .rating-box .comment-box{
	width: 100%;
	margin-bottom: 10px;
}
.site-container .order-feedback .rating-box .comment-box .form-control{
	background: #F3F3F3;
	border-radius: 0;
	border: none;
	height: calc(100 * (150vw/1520));
  font-size: calc(100 * (22vw/1520));
  font-size: -webkit-calc(100 * (22vw/1520));
  font-size: -moz-calc(100 * (22vw/1520));
  padding: calc(100 * (10vw/1520));
}
.site-container .order-feedback .rating-box .add-photo-box{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 10px;
}
.site-container .order-feedback .rating-box .add-photo-box label{
	display: table;
	margin: calc(100 * (15vw/1520)) auto;
	cursor: pointer;
}
.site-container .order-feedback .rating-box .add-photo-box label img{
	max-width: calc(100 * (200vw/1520));
}
.site-container .order-feedback .rating-box .add-photo-box .up-msg{
	margin-top: 30px; 
}
.site-container .order-feedback .rating-box .add-photo{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: center;
	padding: calc(100 * (10vw/1520)) 0;
}
.site-container .order-feedback .rating-box .add-photo .photo{
	width: auto;
	/*width: 33.33%;
	height: 80px;*/
	margin-right: 5px;
	overflow: hidden;
  position: relative;
}
.site-container .order-feedback .rating-box .add-photo .photo:last-child{
	margin: 0;
}
.site-container .order-feedback .rating-box .add-photo .photo img{
	width: 100%;
}
.site-container .order-feedback .rating-box .share-box{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin: 70px 0;
}
.site-container .order-feedback .rating-box .share-box p{
	margin-bottom: 20px;
	font-weight: 600;
}
.site-container .order-feedback .rating-box .share-box .map-option{
	width: 100%;
	height: auto;
	position: relative;
	/*display: flex;*/
	justify-content: center;
	margin-bottom: 10px;
}
.site-container .order-feedback .rating-box .share-box .map-option label{
	display: block;
	align-items: center;
	margin: 40px 0;
}
.site-container .order-feedback .sharing-box .share-box{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin: 70px 0;
}
.site-container .order-feedback .sharing-box .share-box p{
	/*margin-bottom: 20px;*/
	font-size: calc(100 * (23vw/1520));
	font-size: -webkit-calc(100 * (23vw/1520));
	font-size: -moz-calc(100 * (23vw/1520));
  font-weight: 500;
  width: 80%;
  float: none;
  margin: 0 auto;
  text-align: center;
}
.site-container .order-feedback p.rvw_txt{
  font-weight: 600;
  float: none;
  margin: 15px auto;
  text-align: center;
}
.site-container .order-feedback .sharing-box .share-box .map-option{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	justify-content: space-around;
	margin-bottom: 10px;
}
.site-container .order-feedback .sharing-box .share-box .map-option label{
	display: block;
	align-items: center;
	margin: 40px 0;
}
.site-container .order-feedback .rating-box .share-box .map-option label input{
	display: none;
}
.site-container .order-feedback .rating-box .share-box .map-option label span{
	width: 29px;
	height: 29px;
	border-radius: 5px;
	border: 1px solid #D8D8D8;
	display: table;
	margin-right: 10px;
	position: relative;
}
.site-container .order-feedback .rating-box .share-box .map-option label input:checked ~ span{
	background: var(--small_element_color);
	border: 1px solid var(--small_element_color);
}
.site-container .order-feedback .rating-box .share-box .map-option label input:checked ~ span:after{
	content: '';
  position: absolute;
  width: 17px;
  height: 12px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg);
  left: 5px;
  top: 4px;
}
.site-container .order-feedback .rvw_img_close{
  position: absolute;
  /*top: 2px;*/
  right: 0;
  z-index: 100;
  cursor: pointer;
  line-height: 10px;
  /*border-radius: 50%;*/
  padding: 0;
  border: none;
  opacity: 0.8;
}
.site-container .order-feedback .orderSuccess-content .icon{
	text-align: center;
}
.site-container .order-feedback .orderSuccess-content .icon img{
	width: calc(100 * (100vw/1520));
}
.site-container .order-feedback .orderSuccess-content p{
  text-align: center;
  font-size: calc(100 * (19vw/1520));
}




.sticky-menu-container {
    position: fixed;
    right: 50px;
    bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    display: none;
}
.sticky-menu-container .outer-button {
    position: absolute;
    height: var(--button-radius, 70px);
    width: var(--button-radius, 70px);
    border-radius: 50%;
    background: var(--all_button_back);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 10px 10px 18px 5px rgba(0,0,0,0.2);
    cursor: pointer;
}
.sticky-menu-container .outer-button .icon-container {
    height: inherit;
    width: inherit;
    border-radius: inherit;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
    overflow: hidden;
    position: relative;
    cursor: inherit;
}
.sticky-menu-container .outer-button::after, .sticky-menu-container.outer-button::before {
    position: absolute;
    display: inline-block;
    content: "";
    height: var(--button-inner-ring-radius);
    width: var(--button-inner-ring-radius);
    border-radius: 50%;
    background-color: transparent;
    border: 0px solid rgba(255,255,255,0.5);
    opcacity: 0;
    cursor: pointer;
}
.sticky-menu-container .outer-button .close-icon {
    transform: scale(0) rotate(-270deg);
    opacity: 0;
    height: 25px;
    width: 25px;
    position: absolute;
    fill: #FFFFFF;
}
.sticky-menu-container .outer-button .arrow-icon {
    height: 25px;
    width: 25px;
    position: absolute;
    fill: #FFFFFF;
}
.sticky-menu-container .outer-button .close-icon.hide {
    animation-duration: 1000ms;
    animation-name: close-out;
    animation-timing-function: var(--close-icon-timing-function);
}
.sticky-menu-container .outer-button .arrow-icon.show {
    opacity: 0;
    animation-duration: 1000ms;
    animation-name: arrow-in;
    animation-fill-mode: forwards;
    animation-timing-function: var(--close-icon-timing-function);
    /* animation-delay: 250ms; */
}
.sticky-menu-container .outer-button .arrow-icon.hide {
    animation-duration: 1000ms;
    animation-name: arrow-out;
    animation-fill-mode: forwards;
    animation-timing-function: var(--close-icon-timing-function);
}
.sticky-menu-container .outer-button .close-icon.show {
  animation-duration: 1000ms;
  animation-name: close-in;
  animation-fill-mode: forwards;
  animation-timing-function: var(--close-icon-timing-function);
}


.right-side-part .checkout-scroll{
  width: auto;
   /* height: auto;
  height: calc(100vh - 385px) */
  overflow: hidden;
  overflow-y: auto;
  height: calc(100vh - 420px);
}

.right-side-part .checkout-scroll::-webkit-scrollbar {
  width: calc(100 * (10vw/1520));
}

/* Track */
.right-side-part .checkout-scroll::-webkit-scrollbar-track {
  border-radius: calc(100 * (10vw/1520));
  background: #efefef;
}
 
/* Handle */
.right-side-part .checkout-scroll::-webkit-scrollbar-thumb {
  background: var(--all_button_back);
  border-radius: calc(100 * (10vw/1520));
}

/* Handle on hover */
.right-side-part .checkout-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--all_button_back);;
}



.banner-gift{
	width: 100%;
	height: auto;
	position: relative;
	border-radius: var(--element_corner);
	overflow: hidden;
	margin-bottom:calc(100 * (24vw/1520));
	margin-bottom:-webkit-calc(100 * (24vw/1520));  
	margin-bottom:-moz-calc(100 * (24vw/1520));   
	background: #fff;
}
.banner-gift:before {
	background: #fff;
}
.banner-gift .company-name {
  width: 73%;
  height: auto;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
	left: 0;
	bottom: 0;
}
.banner-gift .company-name h3{
  font-size: calc(100 * (45vw/1520));
  color: #000;
}
.banner-gift .logo {
  width: fit-content;
  max-width: 80px;
  margin-right: calc(100 * (20vw/1520));
}
.gift-form{
	background: #fff;
	padding: 0 calc(100 * (20vw/1520));
  border-radius: var(--element_corner);
}
.gift-form-right{
	padding: calc(100 * (15vw/1520));
}
.gift-form-right h3.title{
  font-size: calc(100 * (35vw/1520));
  font-size: -webkit-calc(100 * (35vw/1520));
  font-size: -moz-calc(100 * (35vw/1520));
  font-weight: 600;
  margin-bottom: calc(100 * (18vw/1520));
  border: none;
}
.gift-form-right h3 span {
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
  color: #f00;
  font-weight: 400;
}
.gift-form-right h3{
  font-size: calc(100 * (27vw/1520));
  font-size: -webkit-calc(100 * (27vw/1520));
  font-size: -moz-calc(100 * (27vw/1520));
  margin-bottom: calc(100 * (12vw/1520));
  border-bottom: 1px solid #6c757d;
}
.gift-form-right .gift-card-label{
  color: #f00;
  right: 13px;
  position: absolute;
  top: -6px;
  font-size: 20px;
  z-index: 1;
}
.gift-form-right .gift-card-btn{
  font-style: normal;
  font-weight: 500;
  font-size: calc(100 * (28vw/1520));
  font-size: -webkit-calc(100 * (28vw/1520));
  font-size: -moz-calc(100 * (28vw/1520));
  line-height: calc(100 * (35vw/1520));
  text-align: center;
  text-transform: uppercase;
  background: var(--all_button_back);
  color: var(--all_button_color);
  border: 1px solid var(--all_button_back);
  padding: calc(100 * (10vw/1520)) 0;
  padding: -webkit-calc(100 * (10vw/1520)) 0;
  padding: -moz-calc(100 * (10vw/1520)) 0;
  display: table;
  width: 100%;
  border-radius: 11px;
  transition: 0.3s;
  text-decoration: none;
  width: 100%;
  cursor: pointer;
}
.gift-form-right p{
  font-size: calc(100 * (24vw/1520));
  font-size: -webkit-calc(100 * (24vw/1520));
  font-size: -moz-calc(100 * (24vw/1520));
  margin-top: calc(100 * (20vw/1520));
}
.gift-form-right .captcha-img{
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.gift-card-dummy{
  /*height: calc(100 * (250vw/1520));
  padding: calc(100 * (15vw/1520));*/
  width: 90%;
  margin: 0 auto;
  border-radius: calc(100 * (20vw/1520));
  background: var(--all_button_back);
  box-shadow: 0px 15px 15px #000;
}
.gift-card-dummy .gift-card-top{
  display: flex;
  align-items: center;
  height: calc(100 * (200vw/1520));
  padding: calc(100 * (15vw/1520));
}
.gift-card-dummy .gift-card-top .gift-card-img{
	width: 40%;
}
.gift-card-dummy .gift-card-top .gift-card-img img{
  width: fit-content;
  max-width: 100%;
}
.gift-card-dummy .gift-card-top .gift-card-text{
  width: 60%;
  height: 100%;
  text-align: right;
}
.gift-card-dummy .gift-card-top .gift-card-text p{
	color: var(--all_button_color);
  font-size: calc(100 * (18vw/1520));
}
.gift-card-dummy .gift-card-top .gift-card-text h3{
	color: var(--all_button_color);
  font-size: calc(100 * (30vw/1520));
  font-weight: 600;
  border: none;
  margin: 0;
}
.gift-card-dummy .gift-card-bottom{
  padding: calc(100 * (15vw/1520));
  background: #fff;
  border-radius: 0 0 calc(100 * (15vw/1520)) calc(100 * (15vw/1520));
}
.gift-card-dummy .gift-card-bottom h3{
  color: #000;
  font-weight: 700;
  font-size: calc(100 * (21vw/1520));
  line-height: calc(100 * (30vw/1520));
  text-align: center;
  overflow: hidden;
  border: none;
  margin: 0;
}

/*.banner-gift .user-btn {
    width: calc(100 * (250vw/1520));
    width: -webkit-calc(100 * (250vw/1520));
    width: -moz-calc(100 * (250vw/1520));
    height: auto;
    position: absolute;
    top: calc(100 * (30vw/1520));
    top: -webkit-calc(100 * (30vw/1520));
    top: -moz-calc(100 * (30vw/1520));
    right: calc(100 * (30vw/1520));
    right: -webkit-calc(100 * (30vw/1520));
    right: -moz-calc(100 * (30vw/1520));
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.banner-gift .langauge {
    width: calc(100 * (45vw/1520));
    width: -webkit-calc(100 * (45vw/1520));
    width: -moz-calc(100 * (45vw/1520));
    height: calc(100 * (45vw/1520));
    height: -webkit-calc(100 * (45vw/1520));
    height: -moz-calc(100 * (45vw/1520));
    background: #fff;
    border-radius: 13px;
    position: absolute;
    top: 0;
    right: 21%;
    padding: 2px;
    cursor: pointer;
}
.banner-gift .langauge img {
    width: 100%;
    height: 100%;
    border-radius: 13px;
}
.banner-gift img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.banner-gift .dropdown-menu {
    width: calc(100 * (250vw/1520));
    width: -webkit-calc(100 * (250vw/1520));
    width: -moz-calc(100 * (250vw/1520));
    border-radius: 10px;
    transform: translate3d(3px, 35px, 0px) !important;
}
.banner-gift .dropdown-menu a.active {
    background: var(--all_button_back);
    color: var(--all_button_color);
}
.banner-gift .dropdown-menu a img {
    width: 40px;
    height: 25px;
    border-radius: 3px;
    margin-right: 7px;
}
.banner-gift .langauge2 {
    display: none;
}
.banner .profile-drop {
    width: calc(100 * (45vw/1520));
    width: -webkit-calc(100 * (45vw/1520));
    width: -moz-calc(100 * (45vw/1520));
    max-height: calc(100 * (45vw/1520));
    max-height: -webkit-calc(100 * (45vw/1520));
    max-height: -moz-calc(100 * (45vw/1520));
    height: auto;
    position: relative;
    border-radius: 23px;
    right: 0;
    background: #fff;
    transition: 0.3s;
}
.banner .profile-drop .name h6 {
    font-size: calc(100 * (23vw/1520));
    font-size: -webkit-calc(100 * (23vw/1520));
    font-size: -moz-calc(100 * (23vw/1520));
    font-weight: 600;
    display: none;
    padding-top: 10px;
}
.banner .icon {
    width: calc(100 * (45vw/1520));
    width: -webkit-calc(100 * (45vw/1520));
    width: -moz-calc(100 * (45vw/1520));
    height: calc(100 * (45vw/1520));
    height: -webkit-calc(100 * (45vw/1520));
    height: -moz-calc(100 * (45vw/1520));
    background: #fff;
    border-radius: 13px;
    position: relative;
    cursor: pointer;
}
.banner .profile-drop .user-menu {
    width: 100%;
    height: auto;
    max-height: 0;
    padding: 0 21px;
    overflow: hidden;
    transition: 0.3s;
    overflow: hidden;
}
.banner .profile-drop .user-menu ul li {
    font-size: calc(100 * (20vw/1520));
    font-size: -webkit-calc(100 * (20vw/1520));
    font-size: -moz-calc(100 * (20vw/1520));
    padding: 10px;
    border-radius: 10px;
    display: block;
    box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
    -webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
    -moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
    transition: 0.3s;
    height: calc(100 * (50vw/1520));
    height: -webkit-calc(100 * (50vw/1520));
    height: -moz-calc(100 * (50vw/1520));
}
.banner .profile-drop .user-menu ul li a {
    color: var(--all_main_color);
}*/


.square {
  width: 100%;
  height: 100%;
	background: rgba(130, 130, 130, 0.2);
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
	background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
	background-size: 800px 100px;
	animation: wave-squares 2s infinite ease-out;
}
.line {
	border-radius: calc(100 * (20vw/1520));
	background: rgba(130, 130, 130, 0.2);
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
	background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
	background-size: 800px 100px;
	animation: wave-lines 2s infinite ease-out;
}

.add-btn-load {
	background: rgba(130, 130, 130, 0.2);
	background: rgba(130, 130, 130, 0.2);
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
	background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
	background-size: 800px 100px;
	border: 1px solid rgba(130, 130, 130, 0.2);
  border-radius: calc(100 * (20vw/1520));
  border-radius: -webkit-calc(100 * (20vw/1520));
  border-radius: -webkit-calc(100 * (20vw/1520));
  width: calc(100 * (49vw/1520));
  width: -webkit-calc(100 * (49vw/1520));
  width: -moz-calc(100 * (49vw/1520));
  height: calc(100 * (49vw/1520));
  height: -webkit-calc(100 * (49vw/1520));
  height: -moz-calc(100 * (49vw/1520));
  font-size: calc(100 * (55vw/1520));
  font-size: -webkit-calc(100 * (55vw/1520));
  font-size: -moz-calc(100 * (55vw/1520));
  font-weight: 300;
  color: var(--small_element_text);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 40px;
	animation: wave-lines 2s infinite ease-out;
}

.mg-btm-1{
	margin-bottom: calc(100 * (15vw/1520));
}

.mg-btm-2{
	margin-bottom: calc(100 * (5vw/1520));
}

.hgt-1{
	height: calc(100 * (30vw/1520));
}

.hgt-2{
	height: calc(100 * (20vw/1520));
}

.wd-1{
	width: 25%;
}

.wd-2{
	width: 50%;
}

.wd-3{
	width: 75%;
}

.wd-4{
	width: 100%;
}

@keyframes wave-lines {
  0% {
      background-position: -468px 0;
  }
   100% {
      background-position: 468px 0;
  }
}

@keyframes wave-squares {
  0% {
      background-position: -468px 0;
  }
   100% {
      background-position: 468px 0;
  }
}



/*.ai_microphone {
    background: #ff0000;
    z-index: 99999;
  	width: 3rem;
    height: 3rem;
    padding: 1rem;
    margin-left: 1rem;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    -webkit-animation: ai_microphone 0.6s linear infinite;
    animation: ai_microphone 0.6s linear infinite;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none; 
}*/
.ai_microphone {
  background: #ff0000;
/*  z-index: 999;*/
  /* width: 5rem; */
  /* height: 3rem; */
  padding: 0.7rem 0.4rem;
  margin-left: 1rem;
  border-radius: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  -webkit-animation: ai_microphone 0.6s linear infinite;
  animation: ai_microphone 0.6s linear infinite;
  /* display: -webkit-box; */
  /* display: -webkit-flex; */
/*  display: -ms-flexbox;*/
  /* display: flex; */
  /* justify-items: center; */
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  text-align: center;
}
.ai_microphone i {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font-size: 1.7rem; 
}
/*.ai_microphone:hover i {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); 
}*/

.ai_microphone p{
  font-size: 12px;
  font-weight: 600;
  color: #fff;
}

@-webkit-keyframes ai_microphone {
    0% {
      -webkit-box-shadow: 0 4px 10px rgba(255, 0, 0, 0.2), 0 0 0 0 rgba(255, 0, 0, 0.2), 0 0 0 5px rgba(255, 0, 0, 0.2), 0 0 0 10px rgba(255, 0, 0, 0.2);
      box-shadow: 0 4px 10px rgba(255, 0, 0, 0.2), 0 0 0 0 rgba(255, 0, 0, 0.2), 0 0 0 5px rgba(255, 0, 0, 0.2), 0 0 0 10px rgba(255, 0, 0, 0.2); }
    100% {
      -webkit-box-shadow: 0 4px 10px rgba(255, 0, 0, 0.2), 0 0 0 5px rgba(255, 0, 0, 0.2), 0 0 0 10px rgba(255, 0, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
      box-shadow: 0 4px 10px rgba(255, 0, 0, 0.2), 0 0 0 5px rgba(255, 0, 0, 0.2), 0 0 0 10px rgba(255, 0, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } 
}
  
@keyframes ai_microphone {
    0% {
      -webkit-box-shadow: 0 4px 10px rgba(255, 0, 0, 0.2), 0 0 0 0 rgba(255, 0, 0, 0.2), 0 0 0 5px rgba(255, 0, 0, 0.2), 0 0 0 10px rgba(255, 0, 0, 0.2);
      box-shadow: 0 4px 10px rgba(255, 0, 0, 0.2), 0 0 0 0 rgba(255, 0, 0, 0.2), 0 0 0 5px rgba(255, 0, 0, 0.2), 0 0 0 10px rgba(255, 0, 0, 0.2); }
    100% {
      -webkit-box-shadow: 0 4px 10px rgba(255, 0, 0, 0.2), 0 0 0 5px rgba(255, 0, 0, 0.2), 0 0 0 10px rgba(255, 0, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0);
      box-shadow: 0 4px 10px rgba(255, 0, 0, 0.2), 0 0 0 5px rgba(255, 0, 0, 0.2), 0 0 0 10px rgba(255, 0, 0, 0.2), 0 0 0 20px rgba(236, 139, 0, 0); } 
}

@keyframes quiet {
  25%{
    transform: scaleY(.6);
  }
  50%{
    transform: scaleY(.4);
  }
  75%{
    transform: scaleY(.8);
  }
}

@keyframes normal {
  25%{
    transform: scaleY(1);
  }
  50%{
    transform: scaleY(.4);
  }
  75%{
    transform: scaleY(.6);
  }
}
@keyframes loud {
  25%{
    transform: scaleY(1);
  }
  50%{
    transform: scaleY(.4);
  }
  75%{
    transform: scaleY(1.2);
  }
}

.boxContainer{
  display: flex;
  justify-content: space-between;
  height: 20px;
  --boxSize: 4px;
  --gutter: 2px;
  width: calc((var(--boxSize) + var(--gutter)) * 5);
  margin: 0 13px;
}

.box{
  transform: scaleY(.4);
  height: 100%;
  width: var(--boxSize);
  background: #fff;
  animation-duration: 1.2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  border-radius: 8px;
}

.box1{
  animation-name: quiet;
}

.box2{
  animation-name: normal;
}

.box3{
  animation-name: quiet;
}

.box4{
  animation-name: loud;
}

.box5{
  animation-name: quiet;
}

.launch-block{
	position: fixed;
	bottom: -1px;
  z-index: 999;
	width: 100%;
	/*  background: linear-gradient(to right, rgb(173,0,255) 0%,rgb(113,1,255) 100%);*/
	background-image: linear-gradient(to right, #BD00FF , #7000FF);
  text-align: center;
  padding: calc(100 * (15vw/1520)) 0;
/*  display: none;*/
}

.launch-block p{
	color: #fff;
  font-size: calc(100 * (25vw/1520));
  font-weight: 800;
  font-family: 'Poppins';
}

.launch-block a{
  background: #000;
  text-align: center;
  font-size: calc(100*(22vw / 1520));
  font-weight: 600;
  font-family: 'Poppins';
  color: #fff;
  padding: calc(100*(10vw / 1520)) calc(100*(18vw / 1520));
  border-radius: calc(100*(25vw / 1520));
  margin: 0;
  margin-left: 10px;
}

.launch-block a .img-lt{
  margin-right: calc(100*(20vw / 1520));
  width: calc(100*(20vw / 1520));
}

.launch-block a .img-rt{
  margin-left: calc(100*(20vw / 1520));
  width: calc(100*(10vw / 1520));
}

.launch-block .next-step{
  width: 16%;
	/*  background: #000;*/
  background: #22134B4D;
  text-align: center;
  font-size: calc(100*(22vw / 1520));
  font-weight: 600;
  font-family: 'Poppins';
  color: #fff;
  padding: calc(100*(7vw / 1520)) calc(100*(18vw / 1520));
  border-radius: calc(100*(25vw / 1520));
  margin: 0 auto;
}

.launch-block .next-step .img-lt{
  margin-right: calc(100*(20vw / 1520));
  width: calc(100*(20vw / 1520));
}

.launch-block .next-step .img-rt{
  margin-left: calc(100*(20vw / 1520));
  width: calc(100*(10vw / 1520));
}

a.launch-btn{
  background: #000;
  text-align: center;
  font-size: calc(100*(18vw / 1520));
  font-weight: 600;
  font-family: 'Poppins';
  color: #fff;
  padding: calc(100*(10vw / 1520)) calc(100*(18vw / 1520));
  border-radius: calc(100*(25vw / 1520));
}

a.launch-btn .img-lt{
  margin-right: calc(100*(20vw / 1520));
  width: calc(100*(20vw / 1520));
}

a.launch-btn .img-rt{
  margin-left: calc(100*(20vw / 1520));
  width: calc(100*(10vw / 1520));
}

.banner_adjust{
	margin-top: 0;
}

.join-offr{
	background: #ff0000;
	padding: calc(100 * (10vw/1520)) 0;
	margin-bottom: calc(100 * (15vw/1520));
	border-radius: calc(100 * (10vw/1520));
}

.join-offr .join-offr-slide{
	text-align: center;
}

.join-offr .join-offr-slide p{
	color: #fff;
  font-size: calc(100 * (24vw/1520));
  font-weight: 600;
  font-family: 'Gilroy';
}

.join-offr .join-offr-slide p img{
  width: calc(100 * (30vw/1520));
  display: unset;
  margin-left: calc(100 * (15vw/1520));
}

.join-offr .owl-theme .owl-nav{
  margin-top: unset;
}

.join-offr .owl-theme .owl-nav [class*=owl-]{
  position: absolute;
  font-size: 23px;
  color: #fff;
  top: 30%;
  transform: translateY(-50%);
}

.join-offr .owl-theme .owl-nav button.owl-prev{
	left: 1%;
}

.join-offr .owl-theme .owl-nav button.owl-next{
	right: 1%;
}

.tm_optn{
	font-weight: 600;
	font-size: 30px;
}

.no-margin{
	margin: 0 !important;
}

.no-paading{
	padding: 0 !important;
}


.checkout .delivary-time-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0;
	margin-bottom: 10px;
}
.checkout .delivary-time-box .delivary-time{
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 20px;
	padding: 10px 12px;
	background: #fff;
	display: -webkit-box;
  display: -moz-box;   
  display: -ms-flexbox;
  display: -webkit-flex; 
  display: flex;   
  justify-content: space-between;
  align-items: center;
}
.checkout .delivary-time-box .delivary-time .left{
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
}
.checkout .delivary-time-box .delivary-time .left img{
	margin-right: 10px;
}
.checkout .delivary-time-box .delivary-time .left h4{
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
}
.checkout .delivary-time-box .delivary-time .right{
	flex: 0 0 30px;
	text-align: right;
	cursor: pointer;
}



.productDetails3-popup .modal-dialog{
	max-width: calc(100 * (900vw/1520));
	max-width: -webkit-calc(100 * (900vw/1520));
	max-width: -moz-calc(100 * (900vw/1520));
}
.productDetails3-popup .modal-content{
	background: var(--site_background);
}
.productDetails3-popup .modal-content .close {
  position: absolute;
  right: 0px;
  top: 0;
  right: 15px;
  top: 12px;
  background: var(--site_background);
  opacity: 1;
  font-size: calc(100 * (45vw/1520));
  font-weight: 500;
  color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-content .close .fa-close:before{
	-webkit-text-stroke: 5px var(--site_background);
}
.productDetails3-popup .modal-body{
	/*max-height: 90vh;
	overflow-y:auto; 
	padding: 39px 35px 0px;*/
	padding: 0;
}
.productDetails3-popup .modal-body .prod-scroll{
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 50px 15px 0;
  padding: 0 10px 0 20px
}

.productDetails3-popup .modal-body .prod-scroll::-webkit-scrollbar {
  width: calc(100 * (10vw/1520));
}

/* Track */
.productDetails3-popup .modal-body .prod-scroll::-webkit-scrollbar-track {
  border-radius: calc(100 * (10vw/1520));
  background: #efefef;
}
 
/* Handle */
.productDetails3-popup .modal-body .prod-scroll::-webkit-scrollbar-thumb {
  background: var(--all_button_back);
  border-radius: calc(100 * (10vw/1520));
}

/* Handle on hover */
.productDetails3-popup .modal-body .prod-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--all_button_back);;
}

.productDetails3-popup .modal-body .top-content-box{
	display: flex;
}

.productDetails3-popup .modal-body .image-box{
	width:100%;
	height: auto;
	position: relative;
	height: calc(100 * (250vw/1520));
	height: -webkit-calc(100 * (250vw/1520));
	height: -moz-calc(100 * (250vw/1520));
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px;
	margin-right: 20px;
}
.productDetails3-popup .modal-body .image-box img{
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
}
.productDetails3-popup .modal-body .text{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 30px;
}
.productDetails3-popup .modal-body .text .title{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 14px;
}
.productDetails3-popup .modal-body .text .title h3{
	font-size: calc(100 * (30vw/1520));
	font-weight: 700;
	line-height: calc(100 * (34vw/1520));
	text-overflow: ellipsis;
	/*width: 70%;
	flex:0 0 70%;*/
	overflow: hidden;
	padding: 0 10px 0 0;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .text .title h4{
	font-size: calc(100 * (30vw/1520));
	font-weight: 500;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .text p{
	font-size: calc(100 * (18vw/1520));
	color: var(--dish_card_text_color);
	font-weight: 400;
	line-height: calc(100 * (23vw/1520));
}
.productDetails3-popup .modal-body .text .desc{
	font-size: calc(100 * (15vw/1520));
	color: var(--dish_card_text_color);
	font-weight: 400;
	line-height: calc(100 * (15vw/1520));
	margin-bottom: 10px;
	display: -webkit-flex;
  justify-content: space-between;
}
.productDetails3-popup .modal-body .radio-part{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 28px;
}
.productDetails3-popup .modal-body .radio-part .title{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 11px;
}
.productDetails3-popup .modal-body .radio-part .title h5{
	font-size: calc(100 * (25vw/1520));
	line-height: calc(100 * (30vw/1520));
	font-weight: 700;
}
.productDetails3-popup .modal-body .radio-part .title h5 span{
	font-size: calc(100 * (14vw/1520));
	color: #A4A4A4;
	font-weight: 4;
	margin-left: calc(100 * (46vw/1520));
}
.productDetails3-popup .modal-body .radio-part .radio-item{
	width:100%;
	height: auto;
	position: relative;
	border-bottom:1px solid #EAEAEA;
	display: flex;
	justify-content: space-between;
	padding: 16px 0;
}
.productDetails3-popup .modal-body .radio-part .radio-item:last-child{
	border: none;
}
.productDetails3-popup .modal-body .radio-part .radio-item .left-part-radio{
	width: 60%;
	height: auto;
	flex: 0 0 60%;
	margin: 0;
}
.productDetails3-popup .modal-body .radio-part .radio-item .left-part-radio .form-group {
  margin: 0;
}

.productDetails3-popup .modal-body .radio-part .radio-item .left-part-radio .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.productDetails3-popup .modal-body .radio-part .radio-item .left-part-radio .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (19vw/1520));
  font-size: -webkit-calc(100 * (19vw/1520));
  font-size: -moz-calc(100 * (19vw/1520));
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.productDetails3-popup .modal-body .radio-part .radio-item .left-part-radio .form-group label.active{
	font-weight: 600;
	color: #323643;
}
.productDetails3-popup .modal-body .radio-part .radio-item .left-part-radio .form-group label span {
  position: relative;
   border: 1px solid #D4D5DA;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: 18px;
  height: 18px;
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
  border-radius: 50%;
  flex: 0 0 18px;
}

.productDetails3-popup .modal-body .radio-part .radio-item .left-part-radio .form-group input:checked + span:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: 3px;
  background: var(--small_element_color);
  border-radius: 50%;
}

.productDetails3-popup .modal-body .radio-part .radio-item .left-part-radio .form-group input:checked + span {
  border: 1px solid var(--small_element_color);
  background: #fff;
}
.productDetails3-popup .modal-body .radio-part .radio-item .right-part-radio{
	width: 40%;
	height: auto;
	flex: 0 0 40%;
  text-align: right;
  padding-right: 5px;
}
.productDetails3-popup .modal-body .radio-part .radio-item .right-part-radio p{
	font-size: calc(100 * (18vw/1520));
	font-weight: 500;
}
.productDetails3-popup .modal-body .radio-part .radio-item .right-part-radio p.active{
	font-weight: 600;
	color: #323643;
}
.productDetails3-popup .modal-body .topping-part{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 44px;
}
.productDetails3-popup .modal-body .topping-part .title{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: flex-end;
	margin-bottom: 27px;
}
.productDetails3-popup .modal-body .topping-part .title .heading{
	width: 70%;
	height: auto;
	flex: 0 0 70%;
}
.productDetails3-popup .modal-body .topping-part .title .heading h4{
	font-size: calc(100 * (25vw/1520));
	font-weight: 700;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .topping-part .title .cata{
	width: 10%;
	height: auto;
	flex: 0 0 10%;
	text-align: center;
}
.productDetails3-popup .modal-body .topping-part .title .cata p{
	font-size: calc(100 * (16vw/1520));
	color: #A4A4A4;
}
.productDetails3-popup .modal-body .topping-part .topping-item{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #EAEAEA;
	padding:16px 0;
  align-items: center;
}
.productDetails3-popup .modal-body .topping-part .topping-item:last-child{
	border: none;
}
.productDetails3-popup .modal-body .topping-part .topping-item .name{
	width: 50%;
	height: auto;
	flex: 0 0 50%;
}
.productDetails3-popup .modal-body .topping-part .topping-item .name p{
	font-size: calc(100 * (19vw/1520));
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .topping-part .topping-item .name p.active{
	font-weight: 600;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .topping-part .topping-item .name p.gray{
	color: #636369;
	font-weight: 300;
}
.productDetails3-popup .modal-body .topping-part .topping-item .name p.inactive{
	color: #979797;
	font-weight: 400;
}
.productDetails3-popup .modal-body .topping-part .topping-item .quantity{
	width: 15%;
	height: auto;
	flex: 0 0 15%;
}
.productDetails3-popup .modal-body .topping-part .topping-item .quantity .qtySelector{
	width: calc(100 * (100vw/1520));
	width: -webkit-calc(100 * (100vw/1520));
	width: -moz-calc(100 * (100vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
  background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails3-popup .modal-body .topping-part .topping-item .quantity .qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails3-popup .modal-body .topping-part .topping-item .quantity .qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails3-popup .modal-body .topping-part .topping-item .quantity .ofr_qtySelector{
	width: calc(100 * (100vw/1520));
	width: -webkit-calc(100 * (100vw/1520));
	width: -moz-calc(100 * (100vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
  background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails3-popup .modal-body .topping-part .topping-item .quantity .ofr_qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails3-popup .modal-body .topping-part .topping-item .quantity .ofr_qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails3-popup .modal-body .topping-part .topping-item .quantity .pmr_qtySelector{
	width: calc(100 * (100vw/1520));
	width: -webkit-calc(100 * (100vw/1520));
	width: -moz-calc(100 * (100vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
  background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails3-popup .modal-body .topping-part .topping-item .quantity .pmr_qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails3-popup .modal-body .topping-part .topping-item .quantity .pmr_qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails3-popup .modal-body .topping-part .topping-item .price-radio{
	width: 50%;
	height: auto;
	flex: 0 0 50%;
  position: relative;
  text-align: right;
  /*display: flex;
  align-items: center;*/
}
.productDetails3-popup .modal-body .topping-part .topping-item .price{
	width: 40%;
	height: auto;
	flex: 0 0 40%;
	float: right;
  line-height: 34px;
  padding-right: 5px;
/*	text-align: center;*/
}
.productDetails3-popup .modal-body .topping-part .topping-item .price p{
	font-size: calc(100 * (17vw/1520));
	color: var(--dish_card_text_color);
/*	font-weight: 600;*/
}
.productDetails3-popup .modal-body .topping-part .topping-item .price p.active{
	font-weight: 600;
}
.productDetails3-popup .modal-body .topping-part .topping-item .price p.gray{
	color:#C2C2C2;
	font-weight: 400;
}
.productDetails3-popup .modal-body .topping-part .topping-item .price p.inactive{
	color: #979797;
	font-weight: 400;
}
.productDetails3-popup .modal-body .topping-part .topping-item .radio-select{
	width: 20%;
	height: auto;
	flex: 0 0 20%;
	float: right;
}
.productDetails3-popup .modal-body .topping-part .topping-item .radio-select label{
	display: table;
	width: 30px;
	height: 30px;
	border: 2px solid #D1D3D4;
	border-radius: 50%;
	margin:auto;
	padding: 2px;
	cursor: pointer;
	display: flex;
}
.productDetails3-popup .modal-body .topping-part .topping-item .radio-select label input{
	display: none;
}
.productDetails3-popup .modal-body .topping-part .topping-item .radio-select label span{
	width: 15px;
	height: 26px;
	border-radius: 30px 0 0 30px;
	background: #D1D3D4;
	display:table;
}
.productDetails3-popup .modal-body .topping-part .topping-item .radio-select label span{
	width: 12px;
	height: 22px;
	border-radius: 30px 0 0 30px;
	background: #D1D3D4;
	display:table;
}
.productDetails3-popup .modal-body .topping-part .topping-item .radio-select label input:checked ~ span{
	background: var(--all_button_back);
}
.productDetails3-popup .modal-body .topping-part .topping-item .radio-select label.style2{
	justify-content: flex-end;
}
.productDetails3-popup .modal-body .topping-part .topping-item .radio-select label.style2 span{
	width: 12px;
	height: 22px;
	border-radius: 0 30px 30px 0;
	background: #D1D3D4;
	display:table;
}
.productDetails3-popup .modal-body .topping-part .topping-item .radio-select label.style3{
	justify-content:center;
	
}
.productDetails3-popup .modal-body .topping-part .topping-item .radio-select label.style3 span{
	border-radius: 50%;
	width: 22px;
	height: 22px;
}
.productDetails3-popup .modal-body .comment-box {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 40px;
}

.productDetails3-popup .modal-body .comment-sec {
  width: 100%;
  height: auto;
  position: relative;
  margin-bottom: 25px;
  border-radius: 12px;
  overflow: hidden;
  background: #F5F4F4;
}

.productDetails3-popup .modal-body .comment-sec .cmt-btn {
  width: 100%;
  background: #F5F4F4;
  padding: 12px 10px;
  border-radius: 12px;
  position: relative;
}

.productDetails3-popup .modal-body .comment-sec .cmt-btn p {
  color: #6F6F6F;
  font-size: calc(100 * (15vw/1520));
  font-size: -webkit-calc(100 * (15vw/1520));
  font-size: -moz-calc(100 * (15vw/1520));
  font-weight: 400;
}

.productDetails3-popup .modal-content .top-item-name{
	display: block;
  position: fixed;
  width: 100%;
  height: auto;
  background: var(--site_background);
  left: 0;
  border-radius: calc(100 * (23vw/1520)) calc(100 * (23vw/1520)) 0 0;
  border-radius: -webkit-calc(100 * (23vw/1520)) -webkit-calc(100 * (23vw/1520)) 0 0;
  border-radius: -moz-calc(100 * (23vw/1520)) -moz-calc(100 * (23vw/1520)) 0 0;
  z-index: 9;
  text-align: left;
  font-weight: bold;
  padding: 14px 50px 14px 35px;
  display: none;
}

.productDetails3-popup .modal-content .top-item-name h3{	
    font-size: calc(100 * (30vw/1520));
    color: var(--dish_card_text_color);
}

.productDetails3-popup .modal-body .comment-sec .cmt-btn .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 7px;
}

.productDetails3-popup .modal-body .comment-sec .cmt-btn .icon.close {
  transform: rotate(45deg);
  right: 4px;
}
.productDetails3-popup .modal-body .comment-sec .cmt-field {
  width: 100%;
  height: auto;
  overflow: hidden;
  transition: 0.3s;
  /*max-height: 100px;
  padding: 20px 0;*/
}

.productDetails3-popup .modal-body .comment-sec .cmt-field.open {
  max-height: 100px;
}

.productDetails3-popup .modal-body .comment-sec .cmt-field .form-control {
  background: transparent;
  border: none;
  border-radius: 12px;
  /*height: 60px;
  padding: 0 10px;*/
  height: 100px;
  padding: 10px;
}
.productDetails3-popup .modal-body .recom{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 11px;
}
.productDetails3-popup .modal-body .recom .owl-carousel{
	background: #F5F4F4;
	padding: 20px;
	border-radius: 12px;
}
.productDetails3-popup .modal-body .recom .owl-carousel .owl-stage{
	display: flex;

}
.productDetails3-popup .modal-body .recom h4{
	font-size: calc(100 * (25vw/1520));
  font-size: -webkit-calc(100 * (25vw/1520));
  font-size: -moz-calc(100 * (25vw/1520));
	font-weight: 700;
	margin-bottom: 15px;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .recom .recom-item{
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
	border-radius: 19px;
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  box-shadow: 0px 3px 27px #DDDDDD;
  -webkit-flex;box-shadow: 0px 3px 27px #DDDDDD;
  -moz-box-shadow: 0px 3px 27px #DDDDDD;
}

.productDetails3-popup .modal-body .recom-image{
	width: calc(100 * (117vw/1520));
	width: -webkit-calc(100 * (117vw/1520));
	width: -moz-calc(100 * (117vw/1520));
	height: calc(100 * (120vw/1520));
	height: -webkit-calc(100 * (120vw/1520));
	height: -moz-calc(100 * (120vw/1520));
	border-radius: 19px;
	/*flex: 0 0 117px;*/
	flex: 0 0 calc(100 * (117vw/1520));
	margin-right: 8px;
	overflow: hidden;
}
.productDetails3-popup .modal-body .recom-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.productDetails3-popup .modal-body .recom .recom-item .recom-text{
	width: 60%;
	height: auto;
	position: relative;
	padding: 10px 15px 10px 0;
	flex: 0 0 60%;
	display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.productDetails3-popup .modal-body .recom .recom-item .recom-text .recom-bottom{
	width: 100%;
}
.productDetails3-popup .modal-body .recom .recom-item .recom-text h5{
	font-weight: 400;
	font-size: calc(100 * (17vw/1520));
  font-size: -webkit-calc(100 * (17vw/1520));
  font-size: -moz-calc(100 * (17vw/1520));
	line-height: 99.5%;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.productDetails3-popup .modal-body .recom .recom-item .recom-text p{
	font-weight: 400;
	font-size: calc(100 * (12vw/1520));
  font-size: -webkit-calc(100 * (12vw/1520));
  font-size: -moz-calc(100 * (12vw/1520));
	line-height: 14px;
	color:  #9E9E9E;
}
.productDetails3-popup .modal-body .recom .recom-item .recom-text h6{
	font-weight: 400;
	font-size: calc(100 * (17vw/1520));
	  font-size: -webkit-calc(100 * (17vw/1520));
	  font-size: -moz-calc(100 * (17vw/1520));
	line-height: 21px;
	text-align: center;
	background: #F5F4F4;
	border-radius: 13px;
	padding:7px 10px;
	margin-top: 5px;
}
.productDetails3-popup .modal-body .other-content-box{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0;
}
.productDetails3-popup .modal-body .btn-box{
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	align-items:flex-end;
	position: sticky;
	bottom: 0;
	background: var(--site_background);
	padding: 10px 40px 10px 35px;
	z-index: 9;
}
.productDetails3-popup .modal-body .btn-box .quantity{
  margin-right: 20px;
  width: 18%;
}
.productDetails3-popup .modal-body .btn-box .quantity p{
  font-size: calc(100 * (20vw/1520));
  font-weight: 400;
  color: var(--dish_card_text_color);
  margin-bottom: calc(100 * (20vw/1520));
}
.productDetails3-popup .modal-body .btn-box .quantity .qtySelector{
  background: var(--small_element_color);
  /* border: 1px solid var(--all_button_border); */
  border-radius: calc(100 * (25vw/1520));
  position: relative;
  justify-content: center;
  align-items: center;
  padding: calc(100 * (6vw/1520)) 0;
  margin: 0;
}
.productDetails3-popup .modal-body .btn-box .quantity .qtySelector .form-control{
  width: calc(100 * (60vw/1520));
  width: -webkit-calc(100 * (60vw/1520));
  width: -moz-calc(100 * (60vw/1520));
  /* height: calc(100 * (44vw/1520)); */
  font-size: calc(100 * (23vw/1520));
  font-size: -webkit-calc(100 * (23vw/1520));
  font-size: -moz-calc(100 * (23vw/1520));
  font-weight: 700;
  color: #fff;
  text-align: center;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
}
.productDetails3-popup .modal-body .btn-box .quantity .qtySelector .value-button{
  font-size: calc(100 * (30vw/1520));
  font-size: -webkit-calc(100 * (30vw/1520));
  font-size: -moz-calc(100 * (30vw/1520));
  font-weight: normal;
  color: #fff;
  /* line-height: 29px; */
  cursor: pointer;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.productDetails3-popup .modal-body .btn-box .btns-sec{
	display: flex;
	width: 82%;
}
.productDetails3-popup .modal-body .btn-box .cart-btn {
  font-size: calc(100 * (23vw/1520));
  font-size: -webkit-calc(100 * (23vw/1520));
  font-size: -moz-calc(100 * (23vw/1520));
  text-transform: uppercase;
  /* font-weight: 700; */
  background: var(--all_button_back);
  color: var(--all_button_color) !important;
  border-radius: calc(100 * (18vw/1520));
  border: none;
  text-decoration: none;
  width: 100%;
  padding: calc(100 * (10vw/1520)) 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.productDetails3-popup .modal-body .btn-box .cancel-btn {
  font-size: calc(100 * (23vw/1520));
  font-size: -webkit-calc(100 * (23vw/1520));
  font-size: -moz-calc(100 * (23vw/1520));
  text-transform: uppercase;
  /* font-weight: 700; */
   background: #eaeaea; 
   color: #979797;
  /*background: var(--cat_button_back);
  color: var(--cat_button_color);*/
  border-radius: calc(100 * (18vw/1520));
  border: none;
  text-decoration: none;
  width: 100%;
  padding: calc(100 * (10vw/1520)) 0;
  cursor: pointer;
  border: 1px solid var(--cat_button_border);
}
.productDetails3-popup .modal-body .btn-box .cart-btn .adcrt{
	width: 50%;
}
.productDetails3-popup .modal-body .btn-box .cart-btn .adcrt_amt{
	width: 50%;
	display: -ms-flexbox;
	display: -webkit-flex; 
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: space-evenly;
}
.productDetails3-popup .modal-body .btn-box .cart-btn .adcrt_amt .adcrt_amt_nonofr{
  font-size: calc(100 * (20vw/1520));
	font-size: -webkit-calc(100 * (20vw/1520));
	font-size: -moz-calc(100 * (20vw/1520));
}
.productDetails3-popup .modal-body .btn-box .cart-btn span{
/*	margin-left: 10%;*/
}
.productDetails3-popup .modal-body .group-4{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: calc(100 * (20vw/1520));
}

.productDetails3-popup .modal-body .group-4 .title{
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 11px;
}
.productDetails3-popup .modal-body .title-top{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
/*	justify-content: space-between;*/
	align-items: center;
}
.productDetails3-popup .modal-body .title-top img{
	width: 14%;
	margin: 0;
	padding: 0;
	margin-left: 10%;
}
.productDetails3-popup .modal-body .title-top h5{
	font-size: calc(100 * (25vw/1520));
	font-weight: 500;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .group-4 .title h5{
	font-size: calc(100 * (25vw/1520));
	font-weight: 500;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .group-4 .title .grp-req{
	font-size: calc(100 * (20vw/1520));
	color: #fff;
/*	font-weight: 500;*/
	margin-left: calc(100 * (26vw/1520));
}
.productDetails3-popup .modal-body .title .grp-req2{
/*	color: #979797; */
	/* #fff for trejostacos */
	color: var(--modifier_choice_text_font_color);
  display: flex;
  align-items: center;
  font-weight: 400;
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	padding: 10px 0;
}
.productDetails3-popup .modal-body .title .grp-req2 img{
	width: 14%;
	margin: 0;
	padding: 0;
	margin-left: 10%;
}
.productDetails3-popup .modal-body .title .grp-req2 p{
  display: inline-block;
  background: #fff207;
  padding: 5px 9px 1px 9px;
  border-radius: 20px;
  font-size: calc(100 * (18vw/1520));
  vertical-align: middle;
  margin-right: 5px;
}
.productDetails3-popup .modal-body .title .grp-req2 p:before {
  content: "\2713";
  padding: 0;
  margin: 0;
  margin-right: 5px;
  font-size: calc(100 * (19vw/1520));
  vertical-align: middle;
}
.productDetails3-popup .modal-body .group-4 .radio-item{
	width:100%;
	height: auto;
	position: relative;
	border-bottom:1px solid #EAEAEA;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
}
.productDetails3-popup .modal-body .group-4 .radio-item:last-child{
	border: none;
}
.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio{
	width: 45%;
	height: auto;
	flex: 0 0 45%;
	margin: 0;
}
.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group {
  margin: 0;
}

.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (19vw/1520));
  font-size: -webkit-calc(100 * (19vw/1520));
  font-size: -moz-calc(100 * (19vw/1520));
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 400;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group label.active {
	font-weight: 600;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group label.inactive{
	color: #979797;
	font-weight: 400;
}

.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group label span.radio {
  position: relative;
  border: 2px solid var(--all_button_back);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: 18px;
  height: 18px;
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
  border-radius: 50%;
  flex: 0 0 18px;
}
.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group input:checked + span.radio:after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
  background: var(--all_button_back);
  border-radius: 50%;
}
.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group input:checked + span.radio {
  border: 2px solid var(--all_button_back);
/*  background: #fff;*/
}

.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group label span.checkbox {
  position: relative;
  border: 2px solid var(--all_button_back);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: 18px;
  height: 18px;
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
  flex: 0 0 18px;
}
.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group input:checked + span.checkbox:after {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid var(--all_button_back);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.productDetails3-popup .modal-body .group-4 .radio-item .left-part-radio .form-group input:checked + span.checkbox {
  border: 2px solid var(--all_button_back);
}
.productDetails3-popup .modal-body .group-4 .radio-item .middle-part p{
	font-size: calc(100 * (18vw/1520));
	font-weight: 400;
	color: var(--dish_card_text_color);
}

.productDetails3-popup .modal-body .group-4 .radio-item .right-part-radio{
	width: 30%;
	height: auto;
	flex: 0 0 30%;
  text-align: right;
  padding-right: 5px;
}
.productDetails3-popup .modal-body .group-4 .radio-item .right-part-radio p{
	font-size: calc(100 * (18vw/1520));
	font-weight: 400;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .group-4 .radio-item .right-part-radio p.active{
	font-weight: 600;
	color: var(--dish_card_text_color);
}
.productDetails3-popup .modal-body .group-4 .radio-item .right-part-radio p.inactive{
	color: #979797;
	font-weight: 400;
}

.productDetails3-popup .modal-body .group-4 .radio-item .middle-part{
	width: 25%;
	height: auto;
	flex: 0 0 25%;
}
.productDetails3-popup .modal-body .group-4 .radio-item .middle-part{
	width: 25%;
	height: auto;
	flex: 0 0 25%;
}
.productDetails3-popup .modal-body .group-4 .radio-item .middle-part .qtySelector{
	width: calc(100 * (105vw/1520));
	width: -webkit-calc(100 * (105vw/1520));
	width: -moz-calc(100 * (105vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
  background: var(--small_element_color);
  border: 1px solid var(--all_button_border);
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails3-popup .modal-body .group-4 .radio-item .middle-part .qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails3-popup .modal-body .group-4 .radio-item .middle-part .qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}

.productDetails3-popup .modal-body .group-4 .radio-item .middle-part .ofr_qtySelector{
	width: calc(100 * (105vw/1520));
	width: -webkit-calc(100 * (105vw/1520));
	width: -moz-calc(100 * (105vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
	background: #D8D8D8;
  border: 1px solid #D8D8D8;
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails3-popup .modal-body .group-4 .radio-item .middle-part .ofr_qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails3-popup .modal-body .group-4 .radio-item .middle-part .ofr_qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails3-popup .modal-body .group-4 .radio-item .middle-part .pmr_qtySelector{
	width: calc(100 * (105vw/1520));
	width: -webkit-calc(100 * (105vw/1520));
	width: -moz-calc(100 * (105vw/1520));
	height: calc(100 * (35vw/1520));
	height: -webkit-calc(100 * (35vw/1520));
	height: -moz-calc(100 * (35vw/1520));
	background: #D8D8D8;
  border: 1px solid #D8D8D8;
	border-radius: 30px;
	position: relative;
	justify-content: center;
	align-items: center;
}
.productDetails3-popup .modal-body .group-4 .radio-item .middle-part .pmr_qtySelector .form-control{
	width: calc(100 * (60vw/1520));
	width: -webkit-calc(100 * (60vw/1520));
	width: -moz-calc(100 * (60vw/1520));
	height:calc(100 * (28vw/1520));
	text-align: center;
	font-weight: bold;
	border: none;
	font-size: 14px;
  color: #fff;
  background: transparent;
}
.productDetails3-popup .modal-body .group-4 .radio-item .middle-part .pmr_qtySelector .value-button{
	font-size: calc(100 * (28vw/1520));
	font-size: -webkit-calc(100 * (28vw/1520));
	font-size: -moz-calc(100 * (28vw/1520));
	font-weight: normal;
	color: #fff;
	line-height: 29px;
	cursor: pointer;
	cursor: pointer;
}
.productDetails3-popup .modal-body .image-box .mark-icon {
  position: absolute;
/*    right: 11px;*/
  top: 17px;
  border-radius: 13px;
  display: flex;
  background: #fff;
  padding-right: 9px;
  align-items: center;
}
.productDetails3-popup .modal-body .image-box .icon {
  border-radius: 7px;
  margin-right: 7px;
}
.productDetails3-popup .modal-body .image-box .mark-icon p {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: var(--all_button_back);
}
.productDetails3-popup .modal-body .comment-box p {
    font-size: calc(100*(21vw / 1520));
    font-weight: 600;
    text-transform: uppercase;
}

.promo-msg{
	font-size: calc(100 * (17vw/1520));
	color: #ff0000;
	text-align: center;
}
.checkout-btn-box label.prm {
    position: relative;
    cursor: pointer;
    text-align: left;
    font-size: calc(100*(17vw / 1520));
    font-size: -webkit-calc(100*(17vw / 1520));
    font-size: -moz-calc(100*(17vw / 1520));
    margin: 0;
    margin-bottom: calc(100*(17vw / 1520));
    display: flex;
    align-items: center;
    font-weight: 400;
    color: #000;
}
.checkout-btn-box label.prm .form-checkbox {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.checkout-btn-box label.prm span.checkbox {
    position: relative;
    border: 1px solid #000;
    border-radius: calc(100*(4vw / 1520));
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    width: calc(100*(22vw / 1520));
    height: calc(100*(22vw / 1520));
    display: table;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: calc(100*(10vw / 1520));
    background: #19bf88;
}

.checkout-btn-box label.prm input:checked + span.checkbox:after {
    content: '';
    display: block;
    position: absolute;
    left: calc(100*(6vw / 1520));
    top: calc(100*(1vw / 1520));
    width: calc(100*(8vw / 1520));
    height: calc(100*(14vw / 1520));
    border: solid #fff;
    border-width: 0 calc(100*(2vw / 1520)) calc(100*(2vw / 1520)) 0;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}



.reglogModal {
    top: 0;
    right: 0;
    bottom: 0;
    left: unset;
    background: rgb(255, 255, 255);
}

.reglogModal .modal-dialog {
    width: calc(100 * (575vw/1520)) !important;
    max-width: unset;
    margin: 0 auto;
}
.reglogModal.fade .modal-dialog {
  right: -50%;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
 	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
 	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.reglogModal.fade.show .modal-dialog {
  right: 0;
/*  box-shadow: 0px 0px 19px rgba(0,0,0,.5);*/
}

.reglogModal .modal-content{
		height: 100vh;
		border-radius: unset;
}
.reglogModal .modal-content .modal-body{
    padding: 0;
}
.reglogModal .modal-content .modal-body .modal-body-top{
    padding: calc(100 * (40vw/1520));
    max-height: 95vh;
    overflow-x: auto;
}
.reglogModal .modal-content .modal-body .modal-body-bottom{
    position: absolute;
    bottom: 0;
    padding: calc(100 * (20vw/1520)) calc(100 * (50vw/1520));
    background: #F3F3F3;
}
.reglogModal .modal-content .close {
    right: 7px;
    top: 7px;
}
.reglogModal .modal-content .close img{
    width: calc(100 * (40vw/1520));
}
.reglogModal .modal-body .heading {
    /*width: 90%;
    height: auto;*/
    min-height: calc(100 * (60vw/1520));
    position: relative;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    margin: 0 auto;
    margin-bottom: calc(100 * (20vw/1520));
    text-align: center;
}

.reglogModal .modal-body .form-body{
    border: 3px dashed #000;
    border-radius: calc(100 * (12vw/1520));
    border-radius: -webkit-calc(100 * (12vw/1520));
    border-radius: -moz-calc(100 * (12vw/1520));
    padding: 20px;
}

.reglogModal .modal-body .form-body .form-group {
    position: relative;
    margin-bottom: calc(100 * (12vw/1520));
}

.reglogModal .modal-body h2{
    text-align: center;
    font-size: calc(100 * (22vw/1520));
    line-height: calc(100 * (27vw/1520));
}

.reglogModal .modal-body p{
    text-align: center;
    font-size: calc(100 * (20vw/1520));
    line-height: calc(100 * (25vw/1520));
    color: #9796C0;
}

.reglogModal .modal-body p.resp_msg{
		margin-bottom: calc(100 * (35vw/1520));
}

.reglogModal .modal-body .form-group .save-btn {
    width: 100%;
    background: #ff0000;
    border: 2px solid #ff0000;
    border: none;
    border-radius: 15px;
    padding: 10px 50px;
/*    text-transform: uppercase;*/
    color: #fff;
    font-size: calc(100 * (20vw/1520));
    font-size: -webkit-calc(100 * (20vw/1520));
    font-size: -moz-calc(100 * (20vw/1520));
    cursor: pointer;
    margin-top: 20px;
}

.reglogModal .modal-body .heading h4{
  font-size: calc(100 * (26vw/1520));
  font-size: -webkit-calc(100 * (26vw/1520));
  font-size: -moz-calc(100 * (26vw/1520)); 
  font-weight: 700;
  width: 100%;
}
.reglogModal .modal-body .form-group{
  position: relative;
  margin-bottom: calc(100 * (22vw/1520));
}
.reglogModal .modal-body .form-group label {
  position: relative;
  cursor: pointer;
  text-align: left;
  font-size: calc(100 * (19vw/1520));
  font-size: -webkit-calc(100 * (19vw/1520));
  font-size: -moz-calc(100 * (19vw/1520));
  font-weight: 600;
  margin-bottom: calc(100 * (10vw/1520));
  display: flex;
  align-items: center;
  color: #000;
}
.reglogModal .modal-body .form-group label.active {
    font-weight: 600;
}
.reglogModal .modal-body .form-group .form-checkbox {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.reglogModal .modal-body .form-group label span.checkbox {
  position: relative;
  border-radius: calc(100 * (5vw/1520));
  border: 1px solid var(--all_button_back);
  background: var(--all_button_back);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
  width: calc(100 * (25vw/1520));
  height: calc(100 * (25vw/1520));
  display: table;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px;
/*  flex: 0 0 18px;*/
}
.reglogModal .modal-body .form-group input:checked + span.checkbox:after {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 1px;
  width: calc(100 * (8vw/1520));
  height: calc(100 * (15vw/1520));
  border: solid #fff;
  border-width: 0 calc(100 * (3vw/1520)) calc(100 * (3vw/1520)) 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.reglogModal .modal-body .form-group .form-control {
    height: calc(100 * (55vw/1520));
    border-radius: calc(100 * (10vw/1520));
    border: 1px solid #D9D9D9;
    box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
    -webkit-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
    -moz-box-shadow: 0px 1px 14px rgba(187, 187, 187, 0.3);
    background: #FAFAFA;
    font-size: calc(100 * (19vw/1520));
    font-size: -webkit-calc(100 * (19vw/1520));
    font-size: -moz-calc(100 * (19vw/1520));
}
.reglogModal .modal-body .form-group .iti__flag-container{
    font-size: calc(100 * (19vw/1520));
    font-size: -webkit-calc(100 * (19vw/1520));
    font-size: -moz-calc(100 * (19vw/1520));
}
.reglogModal .modal-body .form-group .eye{
  position: absolute;
  right: 10px;
  top: 10px;
}
.reglogModal .modal-body .rewards-checkbox{
	padding: calc(100 * (10vw/1520)) calc(100 * (65vw/1520));
}
.reglogModal .modal-body .rewards-checkbox .form-group{
	margin-bottom: calc(100 * (15vw/1520));
}
.reglogModal .modal-body .rewards-checkbox .form-group label {
  font-size: calc(100 * (16vw/1520));
  font-size: -webkit-calc(100 * (16vw/1520));
  font-size: -moz-calc(100 * (16vw/1520));
  line-height: calc(100 * (20vw/1520));
  margin-bottom: 0;
  font-weight: unset;
  color: #979797;
}
.reglogModal .modal-body .rewards{
  display: flex;
  margin: 10px 0;
}
.reglogModal .modal-body .rewards .reward-section{
  width: 100%;
  text-align: center;
  font-size: calc(100 * (33vw/1520));
}
.reglogModal .modal-body .rewards .reward-section img{
	width: calc(100 * (50vw/1520));
}
.reglogModal .modal-body .rewards .reward-section p{
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
  line-height: calc(100 * (25vw/1520));
  font-weight: 600;
  margin: calc(100 * (15vw/1520)) 0;
  color: #000;
}
.reglogModal .modal-body .btun-box{
  width: 100%;
  height: auto;
  position: relative;
  display: flex;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
}
.reglogModal .modal-body .btun-box .back-btn{
  background: #C3C3C3;
  border:none;
  border-radius: 15px;
  padding: 10px 20px;
  text-transform: uppercase;
  color: #fff;
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
  cursor: pointer;
  border:2px solid #C3C3C3;
}
.reglogModal .modal-body .btun-box .delete-btn{
  background: #fff;
  border:none;
  border-radius: 15px;
  padding: 10px 20px;
  text-transform: uppercase;
  color: #979797;
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
  cursor: pointer;
  border:2px solid #EAEAEA;
}
.reglogModal .modal-body .btun-box .save-btn{
  width: 100%;
  background: var(--all_button_back);
  border:none;
  border-radius: calc(100 * (25vw/1520));
  padding: 10px 50px;
/*  text-transform: uppercase;*/
  color: var(--all_button_color);
  font-size: calc(100 * (20vw/1520));
  font-size: -webkit-calc(100 * (20vw/1520));
  font-size: -moz-calc(100 * (20vw/1520));
  font-weight: 600;
  cursor: pointer; 
  margin-top: 20px;
}
.reglogModal .modal-body .ex-boxes{
  width: 100%;
  height: auto;
  position: relative;
  margin: 10px 0 20px 0;
  text-align: center;
}
.reglogModal .modal-body .ex-boxes p{
  font-size: calc(100 * (16vw/1520));
  font-size: -webkit-calc(100 * (16vw/1520));
  font-size: -moz-calc(100 * (16vw/1520));
  line-height: calc(100 * (20vw/1520));
}
.reglogModal .modal-body .ex-boxes p a{
  color: #9796C0;
  text-decoration: underline;
  font-weight: 600;
}
.reglogModal .modal-body .ex-box{
  width: 100%;
  height: auto;
  position: relative;
/*  margin-top: 10px;*/
  text-align: center;
}
.reglogModal .modal-body .ex-box p.txt{
  font-size: calc(100 * (15vw/1520));
  font-size: -webkit-calc(100 * (15vw/1520));
  font-size: -moz-calc(100 * (15vw/1520));
  line-height: calc(100 * (20vw/1520));
  color: #857777;
}
.reglogModal .modal-body .ex-box p.txt span{
  font-weight: 600;
  color: #000;
}
.reglogModal .modal-body .ex-box p a{
  color: #ff0000;
}
.reglogModal .modal-content .modal-body.log-phn{
    height: 100vh;
    display: flex;
    align-items: center;
}
.reglogModal .modal-content .modal-body.log-phn .modal-body-top{
    width: 100%;
    height: auto;
    padding: calc(100 * (105vw/1520));
}

.reglogModal .modal-content .modal-body .modal-body-top::-webkit-scrollbar {
  width: calc(100 * (7vw/1520));
}

/* Track */
.reglogModal .modal-content .modal-body .modal-body-top::-webkit-scrollbar-track {
  border-radius: calc(100 * (10vw/1520));
  background: #efefef;
}
 
/* Handle */
.reglogModal .modal-content .modal-body .modal-body-top::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: calc(100 * (10vw/1520));
}

/* Handle on hover */
.reglogModal .modal-content .modal-body .modal-body-top::-webkit-scrollbar-thumb:hover {
  background: #979797;
}

.test-class{
	background: #F3F3F3;
	border-radius: 30px;
}

.delivaryTime .modal-body .accordion{
  padding: 0;
  margin: 0;
}
.delivaryTime .modal-body .card{
  border: none;
  margin: 0;
  padding: 0;
}
.delivaryTime .modal-body .card .card-header{
	border:none;
	background: no-repeat;
	padding: 0;
}
.delivaryTime .modal-body .card .card-header .btun{
	padding: 0;
	cursor: pointer;
}
.delivaryTime .modal-body .card .card-header .btun .heading{
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  text-align: left;
}
.delivaryTime .modal-body .card .card-header .btun .heading a{
  font-size: calc(100*(25vw / 1520));
  font-weight: 400;
  color: #000;
}
.delivaryTime .modal-body .card .card-header .btun .heading h6{
	font-size: calc(100 * (22vw /1520));
	font-size: -webkit-calc(100 * (22vw /1520));
	font-size: -moz-calc(100 * (22vw /1520));
  line-height: calc(100*(27vw / 1520));
  font-weight: 600;
	flex: 0 0 70%;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.delivaryTime .modal-body .card .card-header .btun .heading .price-box{
	display: flex;
	flex: 0 0 90px;
}
.delivaryTime .modal-body .card .card-header .btun .heading h5{
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	line-height: calc(100 * (23vw/1520));;
	white-space: nowrap; 
	min-width: 20px;
}
.delivaryTime .modal-body .card .card-header .btun p{
	font-size: calc(100 * (15vw/1520));
	font-size: -webkit-calc(100 * (15vw/1520));
	font-size: -moz-calc(100 * (15vw/1520));
	line-height: calc(100 * (21vw/1520));; 
	padding: 10px 0 0 0;
}
.delivaryTime .modal-body .card .card-header .btun p span{
	color: #979797;
}
.delivaryTime .modal-body .card .card-body{
	padding: calc(100*(15vw / 1520)) 0;
}
.delivaryTime .modal-body .card .card-body .order-item{
	display: flex;
	display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  justify-content: space-between;
  padding: calc(100*(5vw / 1520)) 0;
}
.delivaryTime .modal-body .card .card-body .order-item p{
  font-family: "Courier New", Courier, monospace;
	font-size: calc(100 * (18vw/1520));
	font-size: -webkit-calc(100 * (18vw/1520));
	font-size: -moz-calc(100 * (18vw/1520));
	line-height: calc(100 * (23vw/1520)); 
	font-weight: 600;
	color: #4E4E4F;
}
.gmnoprint{
/*	display: none;*/
}

.latest-checkout .checkout-header{
  border-radius: 0;
  border-bottom: 1px solid #dddddd;
  padding: calc(100*(20vw / 1520)) 0;
  margin-bottom: calc(100*(20vw / 1520));
}
.latest-checkout .delevary-details {
  width: 100%;
  height: auto;
}
.latest-checkout .delevary-details .switch-field {
  overflow: hidden;
  width: 60%;
  display: flex;
  border-radius: calc(100*(25vw / 1520));
  background: #c4c4c4;
}
.latest-checkout .delevary-details .switch-field label {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #c4c4c4;
  color: #000;
  font-size: 1rem;
  padding: calc(100*(10vw / 1520));
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  margin: 0;
  /*font-weight: 600;
  font-size: calc(100*(21vw / 1520));
  font-size: -webkit-calc(100*(21vw / 1520));
  font-size: -moz-calc(100*(21vw / 1520));
  line-height: 18px;*/
  /*text-align: center;
  text-shadow: none;*/
  /*height: calc(100*(40vw / 1520));
  height: -webkit-calc(100*(40vw / 1520));
  height: -moz-calc(100*(40vw / 1520));*/
}
.latest-checkout .delevary-details .switch-field input {
  display: none;
}
.latest-checkout .delevary-details .switch-field input:checked + label {
  background-color: var(--all_button_back);
  color: #fff;
}
.latest-checkout .delevary-details .switch-field label:first-of-type {
  border-radius: calc(100*(25vw / 1520));
}
.latest-checkout .delevary-details .switch-field label:last-of-type {
  border-radius: calc(100*(25vw / 1520));
}
.latest-checkout .checkout{
	padding: 0;
}
.latest-checkout .checkout-block{
	border-radius: calc(100*(20vw / 1520));
	border: 1px solid #dddddd;
	margin: calc(100*(15vw / 1520)) 0;
}
.latest-checkout .checkout-block .checkout-block-header{
	padding: calc(100*(15vw / 1520));
	border-bottom: 1px solid #dddddd;
}
.latest-checkout .checkout-block .checkout-block-header p{
	font-size: 1rem;
	font-weight: 600;
}
.latest-checkout .checkout-block .checkout-block-body{
	padding: calc(100*(20vw / 1520));
  padding-bottom: 0;
}
.latest-checkout .checkout-block .checkout-block-body .checkout-block-body-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(100*(15vw / 1520)) 0;
}
.latest-checkout .checkout-block .checkout-block-body .checkout-block-body-item .left{
  display: flex;
  align-items: center;
}
.latest-checkout .checkout-block .checkout-block-body .checkout-block-body-item img{
  width: calc(100*(25vw / 1520));
  margin-right: calc(100*(15vw / 1520));
}
.latest-checkout .checkout-block .checkout-block-body .checkout-block-body-item .edit{
  margin-left: calc(100*(15vw / 1520));
}
.latest-checkout .checkout-block .checkout-block-body .checkout-block-body-item .edit img{
  width: calc(100*(20vw / 1520));
  margin: 0;
}
.latest-checkout .checkout-block .checkout-block-body .checkout-block-body-item h4{
	font-size: 0.8rem;
}
.latest-checkout .checkout-block .checkout-block-body .checkout-cart-body-item{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: calc(100*(15vw / 1520)) 0;
  border-bottom: 1px solid #dddddd;
}
.latest-checkout .checkout-block .checkout-block-body .checkout-cart-body-item .mid{
  width: 75%;
}
.latest-checkout .checkout-block .checkout-block-body .checkout-cart-body-item h4{
	font-size: 0.8rem;
}
.latest-checkout .checkout-block .checkout-block-body .checkout-cart-body-item h3{
	font-size: 0.8rem;
/*	font-weight: 600;*/
}
.latest-checkout hr{
	margin: 0;
}
.latest-checkout .form-control{
	font-size: 0.8rem;
}
.latest-checkout .checkout-block .checkout-block-body p.alter_comment{
	font-size: 0.8rem;
	font-weight: 600;
}
.latest-checkout .payment-part{
	padding: 0;
  margin-bottom: 0;
}
.latest-checkout .payment-part .list-box{
	padding: 0;
}
.latest-checkout .payment-part .grand-total p{
  font-size: 1rem;
}
.latest-checkout .payment-part .grand-total h5{
  font-size: 1rem;
}
.latest-checkout .payment-part .item-row p{
	font-size: 0.8rem;
}
.latest-checkout .payment-part .item-row h5{
	font-size: 0.8rem;
}
.latest-checkout .tip-box .tip label {
  width: 31.5%;
}
.latest-checkout .tip-box .tip label.other_tip {
  width: 48%;
}
.latest-checkout .tip-box .tip label.no_tip {
  width: 48%;
}
.latest-checkout .checkout-btn-box label.prm{
	font-size: 0.7rem;
  padding: 0 1rem;
}
.latest-checkout .checkout-btn-box{
	padding: 0;
	margin-bottom: 0;
}
.latest-checkout .checkout-btn-box .checkout-btn{
  border-radius: calc(100*(40vw / 1520));
}
.latest-checkout .cutlery{
  padding: 0;
  margin: 0;
}
.latest-checkout .cutlery .action{
	padding: 0;
}
.latest-checkout .cutlery p{
	font-size: 0.8rem;
}
.latest-checkout .cutlery .action .qtySelector .form-control{
	font-size: 0.8rem;
}
.latest-checkout .promo-code{
  padding: 0;
  margin: 0;
}
.latest-checkout .promo-code .form-group{
	padding: 0;
}
.latest-checkout .promo-code  .form-control{
  height: calc(100*(36vw / 1520));
  height: -webkit-calc(100*(36vw / 1520));
  height: -moz-calc(100*(36vw / 1520));
	font-size: 0.8rem;
}
.latest-checkout .promo-code  .use-btn{
  height: calc(100*(36vw / 1520));
  height: -webkit-calc(100*(36vw / 1520));
  height: -moz-calc(100*(36vw / 1520));
  width: calc(100*(125vw / 1520));
  width: -webkit-calc(100*(125vw / 1520));
  width: -moz-calc(100*(125vw / 1520));
  padding: 0;
	font-size: 0.8rem;
}
.latest-checkout .checkout .btun{
  display: block;
  width: 100%;
  height: auto;
  background: var(--all_button_back);
  color: var(--all_button_color);
  border: 1px solid var(--all_button_border);
  font-size: 1.2rem;
  padding: calc(100*(13vw / 1520)) 0;
  margin-top: calc(100*(13vw / 1520));
  border-radius: calc(100*(35vw / 1520));
  text-transform: uppercase;
  position: relative !important;
}
.latest-checkout .checkout-block .checkout-block-body label{
	font-size: 0.8rem;
}
.latest-checkout .tip-box .form-box{
  width: auto;
  border-radius: 13px;
  background: #F5F4F4;
  padding-left: 13px;
}
.latest-checkout .tip-box .form-control {
  width: 100%;
  height: calc(100*(36vw / 1520));
  height: -webkit-calc(100*(36vw / 1520));
  height: -moz-calc(100*(36vw / 1520));
  border-radius: 13px 0 0 13px;
  border: none;
  font-size: 0.8rem;
  padding: 0.375rem 0.75rem;
}
.latest-checkout .tip-box .use-btn {
  height: calc(100*(36vw / 1520));
  height: -webkit-calc(100*(36vw / 1520));
  height: -moz-calc(100*(36vw / 1520));
  width: calc(100*(125vw / 1520));
  width: -webkit-calc(100*(125vw / 1520));
  width: -moz-calc(100*(125vw / 1520));
  padding: 0;
  font-size: 0.8rem;
}
.latest-checkout .iti--separate-dial-code .iti__selected-dial-code{
  font-size: 0.8rem;
}
.latest-checkout .tip-box .curr_sign {
  font-size: 0.9rem;
  margin: 0;
}
.latest-checkout .tip-box .heading p{
	font-size: 0.8rem;
}
.latest-checkout .tip-box .heading h4{
	font-size: 0.8rem;
}
.latest-checkout .payment-part .item-row h5 span{
	color: #787879;
}
.btn-sub{
  margin-right: calc(100*(10vw / 1520));
  padding: calc(100*(10vw / 1520)) calc(100*(25vw / 1520));
  border-radius: calc(100*(12vw / 1520));
  font-size: calc(100 * (22vw/1520));
  font-weight: 600;
  background-color: var(--all_button_back);
  color: #fff;
  transition: 0.3s;
}

.btn-sub:hover, .btn-sub:focus{
	color: #fff;
}

.redeem-txt{
  font-size: calc(100*(18vw / 1520)) !important;
  line-height: calc(100*(23vw / 1520)) !important;
  padding-bottom: calc(100*(15vw / 1520));
}
.redeem-box{
	background: #FEFFD3;
  border: #EAD7A8 1px solid;
  border-radius: calc(100*(18vw / 1520));
  padding: calc(100*(18vw / 1520));
  margin-bottom: calc(100*(18vw / 1520));
}
.redeem-box p.lg{
	font-family: 'gilroy';
	font-weight: 600 !important;
  font-size: calc(100*(20vw / 1520)) !important;
  line-height: calc(100*(25vw / 1520)) !important;
  padding-bottom: calc(100*(15vw / 1520));
}
.redeem-box p.md{
	font-family: 'gilroy';
	font-weight: 600 !important;
  font-size: calc(100*(17vw / 1520)) !important;
  line-height: calc(100*(22vw / 1520)) !important;
  padding: calc(100*(10vw / 1520)) 0;
  color: #ff0000 !important;
}
.redeem-box p.sm{
  font-size: calc(100*(20vw / 1520)) !important;
  line-height: calc(100*(25vw / 1520)) !important;
}
.redeem-box p.sm a{
	color: #0F4AB9 !important;
	text-decoration: underline;
}
.redeem-box .icon-img {
  width: calc(100*(25vw / 1520));
  margin-top: calc(100*(-8vw / 1520));
  margin-right: calc(100*(5vw / 1520));
}
.redeem-box .redeem-input-section{
	width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.redeem-box .redeem-input-section .redeem-input{
	width: 75%;
	display: flex;
  border-radius: 13px;
  background: #F5F4F4;
}
.redeem-box .redeem-input-section .redeem-input .form-control{
  width: 100%;
  height: calc(100*(41vw / 1520));
  border-radius: calc(100*(12vw / 1520)) 0 0 calc(100*(12vw / 1520));
  font-size: calc(100*(20vw / 1520));
  background: transparent;
  border-right: none;
  color: var(--all-main-color);
  text-transform: uppercase;
}
.redeem-box .redeem-input-section .redeem-input .promo-btn {
	width: 50%;
  height: calc(100*(41vw / 1520));
  font-size: calc(100*(20vw / 1520));
  font-weight: 400;
  border-radius: 0 calc(100*(12vw / 1520)) calc(100*(12vw / 1520)) 0;
  background: var(--all_button_back);
  color: #fff;
  /*border: 1px solid var(--all_button_border);*/
  border: none;
  cursor: pointer;
  text-transform: uppercase;
}
.redeem-box span.redeem-img img{
  width: calc(100*(35vw / 1520));
  display: none;
}

.sub-box{
  /*border: #f20d0d 1px solid;
  border-radius: calc(100*(18vw / 1520));
  padding: calc(100*(18vw / 1520));*/
  margin-bottom: calc(100*(30vw / 1520));
}

.sub-box p{
  font-size: calc(100 * (23vw/1520));
  line-height: calc(100 * (28vw/1520));
  font-weight: 400;
  color: var(--dish_card_text_color);
}

.sub-box-top{
  padding: calc(100*(5vw / 1520)) 0;
}

.sub-box-top p{
  font-size: calc(100 * (18vw/1520));
  line-height: calc(100 * (50vw/1520));
  font-weight: 400;
  color: var(--dish_card_text_color);
	text-align: left;
}

.sub-box-top .input-control{
  font-size: calc(100 * (20vw/1520));
  line-height: calc(100 * (30vw/1520));
  padding: calc(100*(5vw / 1520)) calc(100*(10vw / 1520));
  border-radius: calc(100*(10vw / 1520));
  border: #979797 1px solid;
}

.sub-box-bottom{
  padding: calc(100*(5vw / 1520)) 0;
}

.sub-box-bottom p{
  font-size: calc(100 * (18vw/1520));
  line-height: calc(100 * (50vw/1520));
  font-weight: 400;
  color: var(--dish_card_text_color);
	text-align: left;
}

.productDetails2-popup .modal-body .group-4 .radio-item .middle-part .mod_qty{
	display: none;
}

.spcl-iframe{
	height: 70vh !important;
	max-height: unset !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.spcl-iframe::-webkit-scrollbar {
  width: calc(100 * (10vw/1520));
}

/* Track */
.spcl-iframe::-webkit-scrollbar-track {
  border-radius: calc(100 * (10vw/1520));
  background: #efefef;
}
 
/* Handle */
.spcl-iframe::-webkit-scrollbar-thumb {
  background: var(--all_button_back);
  border-radius: calc(100 * (10vw/1520));
}

/* Handle on hover */
.spcl-iframe::-webkit-scrollbar-thumb:hover {
  background: var(--all_button_back);;
}

.track-qr-img{
	width: 25%;
}

.checkbox-mob{
	display: none;
}

.spclPopup .modal-dialog{
  max-width: calc(100*(400vw / 1520));0
}
.spclPopup .modal-content{
	background: #F9F7F0;
  box-shadow: calc(100*(5vw / 1520)) calc(100*(5vw / 1520)) #1917173b;
}
.spclPopup .modal-body{
	padding-top: calc(100*(75vw / 1520));
}
.spclPopup .modal-body .redeem_img{
  width: calc(100*(70vw / 1520));
  margin-bottom: calc(100*(25vw / 1520));
}
.spclPopup .modal-body h4{
	color: #740C00;
  font-size: calc(100*(28vw / 1520));
	line-height: calc(100*(33vw / 1520));
}
.spclPopup .modal-body p{
	font-size: calc(100*(19vw / 1520));
	line-height: calc(100*(24vw / 1520));
}