@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@500;600;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url(slickslider.css);

:root{
	--bg-white:#FFF;
	--bg-black:#000;
	--bg-orange:#ff6c00;
	--bg-orange-light:#f58634;
	--font-bolder:700;
	--font-600:600;
	--font-bold:500;
	--border-radius:4px;
	--border-radius-50:50%;
	--padding-btn:0.6rem 1.4rem;
}

html, body, button, input, select, textarea, p{
	font-family: "Work Sans", serif;
	box-sizing: border-box;
    font-weight:400;
    font-size: 16px;
    line-height: 1.5;
    color:#000;
  }
/* ==========================================================================
    Links
   ========================================================================== */
	a { color:#000000; text-decoration: none;}
	a:focus {outline:none;}
	a:hover, a:focus {color:#000}
	a:active, a:hover {outline:0; text-decoration:none;}

/* ==========================================================================
    Typography
   ========================================================================== */
	h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { color:#000000; font-weight:400; }
	h1, .h1 {font-size: 36px;}
	h2, .h2 {font-size: 20px; font-weight:600;}
	h3, .h3 {font-size: 22px;}
	h4, .h4 {font-size: 18px;}
	h5, .h5 {font-size: 16px;}

/* ==========================================================================
    Global
   ========================================================================== */
  .container{width:100%; max-width:1200px;}
  /* .container-fluid{
	max-width: 1200px;
	width: 100%;
  } */
  .containerlg{
	max-width: 1300px;
	width: 100%;
}
  .space{ padding-top: 3.5rem;}
  .page{padding-top: 2rem; padding-bottom: 2rem;}
  .page-lg{padding-top: 2.5rem; padding-bottom: 2.5rem;}
  .marginy{margin-top: 3rem; margin-bottom: 3rem;}
  .fw-bold-500{font-weight: 500 !important;}
  .text-blue{color: #008cf3;}
  .text-orange{color: #ff344f;}
  .btn:focus {box-shadow: none !important;}
  .bg-graylight{
	  background:#f1f2f4;
  }
 .bg-bluelight{
	 background: #f3f3f3;
 } 
  .bg-gray{
	  background:#f3f3f3;
  }
  .bg-warning{
	  background:#fcd55a !important;
  }

  .btn-primary {
	padding:var(--padding-btn) !important;
	border-color: var(--bg-orange-light);
	background-image: linear-gradient(to right, var(--bg-orange-light) 0%, var(--bg-orange) 51%, var(--bg-orange-light) 100%) !important;
    width: auto;
    transition: 0.5s;
    background-size: 200% auto;
    color: var(--bg-white);
    border-radius: var(--border-radius);
  }
  .btn-primary:hover {
    background-position: right center;
    color: var(--bg-white);
	border-color: var(--bg-orange);
  }
  .btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #fff !important;
    background-color: #d96e1f;
    border-color: #d96e1f;
  }
  .btn-secondary{
	padding: var(--padding-btn) !important;
	background: var(--bg-white);
	border-color: var(--bg-white);
	border-radius: var(--border-radius);
	color: var(--bg-orange);
	font-weight: var(--font-bold);
  }
  .btn-secondary:hover{
	color: #FFF;
    border-color: var(--bg-orange-light);
	background:linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
  }
  .btn-outline-primary {
    color: #1b2c63;
    border-color: #1b2c63;
  }
  .btn-outline-primary:hover {
	color: #fff;
    background-color: #e1872b;
    border-color: #e1872b;
  }
  .btn-outline-secondary {
    color: var(--bg-white);
    border-color: var(--bg-white);
    border-radius: var(--border-radius);
    font-weight: var(--font-bold);
    padding: var(--padding-btn) !important;
  }
  .btn-outline-secondary:hover{
    color: #FFF;
    border-color: var(--bg-orange-light);
	background:linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
 }
  
  .alert-primary{
	color: #084298;
	background-color: #e8eef7;
	border-color: #d6e0ee
  }
  
 .btn-default{
	color: #fff !important;
    background-color: #f58634;
    border-color: #f58634;
	border-radius: 25px;
	font-weight:500;
	padding: 0.4rem 1.6rem !important;
    font-size: 16px;
  }

  .btn-default:hover {
	background-position: right center; 
	color: #fff;
	text-decoration: none;
  }

  .fw-500{
	  font-weight: 500;
  }
  
  .heading-sm{
	  font-weight:500 !important;
	  font-size:20px !important;
  }
  .heading-lg{
	font-size:26px !important;
	font-weight:600 !important;
  }
  .heading-home{
	font-size:38px !important;
	font-weight:600 !important;
  }
  
  .btn-outline-default {
    color: #f58634;
    border-color: #f58634;
    margin: 0px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    box-shadow: 0 0 20px #eee;
  }
  
.btn-outline-primary {
	color: var(--bg-orange-light) !important;
	border-color: var(--bg-orange-light);
	border-radius: var(--border-radius);
	padding: var(--padding-btn) !important;
	text-align: center !important;
}

.btn-outline-primary:hover {
    color: var(--bg-white) !important;
    background-color: var(--bg-orange-light);
    border-color: var(--bg-orange-light);
}

  .discountprice{
		font-size:11px;
		margin-left:0.1rem;
	}
	
	.btn-sm{
		padding:0.4rem 0.8rem !important;
		font-size:12px !important;
	}

	.bg-red{
		background: linear-gradient(90deg,#e02020 0%,#e02020 64%,#ff4545 85%);
	}
	
	.bg-blue-gradient{
		background: linear-gradient(#cadefd 8%, #f4f4f4 100%);
	}
	.bg-blue-yellow{
		background: linear-gradient(#fbebca 8%, #f4f4f4 100%);
	}
	
	
	/* ==========================================================================
    Global
   ========================================================================== */
  header .bdr-bottom{
	/*border-bottom:solid 1px rgba(255,255,255,0.3);*/
	padding-bottom:0.8rem;
  }
  /* header .btn-primary{
	  background:#f58634;
	  border:solid 1px #f58634;
	  border-radius:3px;
	  padding:0.3rem 1.4rem !important;
  }
   header .btn-secondary{
	  border:solid 1px #FFF;
	  background:#FFF;
	  color:#003f7d !important;
	  border-radius:3px;
	  padding:0.3rem 1.4rem !important;
  }
  header .btn-secondary:hover{
	  background:#f58634;
	  color:#FFF !important;
	  border:solid 1px #f58634;
  } */
  header .topbar{
	background: #5d47dd;
	text-align: center;
	color: #FFF;
	padding: 0.4rem 0;
	font-size: 14px;
	margin-bottom: 0.6rem;
}

  .is-sticky #header{
	background:linear-gradient(70deg, rgba(50,11,35,1) 30%, rgba(185,96,111,1), rgba(50,11,35,1));
	box-shadow: 0 0 5px #ddd;
  }
  .is-sticky #header .bdr-bottom{
	padding: 0.6rem 0 !important;
  }
  .is-sticky .icon-menu .line{
	background-color: var(--bg-black);
  }
   
  .carousel-control-next, .carousel-control-prev{
	z-index: 22;
	width: 7%;
  }
  
  .sliderform{
	background:#FFF;
	position: relative;
	top: 7rem;
	min-height:200px;
	border-radius:5px;
	padding:1.4rem 1.7rem 0.4rem 1.8rem;
  }
  .sliderform h2{
	font-size: 24px;
	color:#081b4b;
	margin-bottom: 0.2rem;
  }
  .sliderform p{
	  font-size:14px;
  }
  .sliderform .custominput{
	border-radius: 3px;
	height: 46px;
	box-shadow: none;
	border: solid 1px #DDD;
	margin-bottom:0.6rem;
	padding: 0.2rem 0.6rem;
	font-size: 14px;
	width: 100%;
  }
  .sliderform .form-check{
	font-size:13px;
	line-height:1.4;
	margin:0.8rem 0 1rem 0;
	color:#767676;
  }
  .sliderform .btn-secondary{
	  background:#003f7d;
	  border:solid 1px #003f7d;
	  border-radius:3px;
	  padding:0.7rem;
  }
  
  .enjoy-section{
	background:#010080;
	padding:1.8rem 0;
  }
  .enjoy-section h2{
	color:#FFF;
  }  
  .enjoy-section p{
	margin-bottom:0px;
	color:#FFF;
  }
 
  .feature-section > div{
	padding:3rem 2rem;
	background:linear-gradient(rgba(255,255,255,0), rgba(252,243,236,1));
  }
  
  .feature-section .feature-box figure{
	  
  }
  .feature-section .feature-box{
	  border:solid 1px #DDD;
	  padding:0.3rem;
	  border-radius:8px;
	  background:#FFF;
	  min-height: 150px;
  }
  .feature-section .feature-box figure{
	  margin-bottom:0px;
	  width:60px;
	  height:60px;
	  margin: 5px auto;
  }
  .feature-section .feature-box h3{
	font-size:12px;
	font-weight:400;
	line-height:1.3;
  }
  .topcategory-box h4{
	  font-size:17px;
	  color:#FFF;
	  padding:1rem 0.4rem 0.4rem 1.2rem;
  }
  .feature-section .feature-box:hover{
	  background:#f58634;
	  border:solid 1px #f58634;
	  color:#f58634;
  }
  .feature-section .feature-box:hover h3{
	  color:#FFF !important;
  }
  
	/* Float Shadow */
	.hvr-float-shadow {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  position: relative;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	}
	.hvr-float-shadow:before {
	  pointer-events: none;
	  position: absolute;
	  z-index: -1;
	  content: '';
	  top: 100%;
	  left: 5%;
	  height: 10px;
	  width: 90%;
	  opacity: 0;
	  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0) 80%);
	  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0) 80%);
	  /* W3C */
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform, opacity;
	  transition-property: transform, opacity;
	}
	.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	  -webkit-transform: translateY(-5px);
	  transform: translateY(-5px);
	  /* move the element up by 5px */
	}
	.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	  opacity: 1;
	  -webkit-transform: translateY(5px);
	  transform: translateY(5px);
	  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
	}
  
  .topcategory-box .nextarrow{
	background:#0c70c3;
	padding: 0.2rem 0.3rem 0.2rem 1.3rem;
	position:absolute;
	bottom:4rem;
	border-radius:0 5px 5px 0;
	
}
  .topcategory-box .nextarrow i{
	color:#FFF;
	font-size:12px;
  }
  .topcategory-box .nextarrow-bg2{
	background:#7957c6;
  }
   .topcategory-box .nextarrow-bg3{
	background:#585ab9;
  }
   .topcategory-box .nextarrow-bg4{
	background:#129b75;
  }
   .topcategory-box .nextarrow-bg5{
	background:#2655a3;
  }
   .topcategory-box .nextarrow-bg6{
	background:#8208a5;
  }
  .topcategory-box .nextarrow span{
	display:none;
	color:#FFF;
	font-size:13px;
	letter-spacing:1px;
  }
  .topcategory-box .nextarrow:hover span{
	  display:inline !important;
  }
  .topcategory-box .categorybg1{
	background:#0f7cd7 url(../images/men.png) no-repeat right bottom;
	border-radius:10px;
	padding:0rem;
	min-height:220px;
  }
  .topcategory-box .categorybg2{
	background:#9167d0 url(../images/categoryimg1.png) no-repeat right bottom;
	border-radius:10px;
	padding:0rem;
	min-height:220px;
  }
  .topcategory-box .categorybg3{
	background:#6769d0 url(../images/categoryimg2.png) no-repeat right bottom;
	border-radius:10px;
	padding:0rem;
	min-height:220px;
  }
  .topcategory-box .categorybg4{
	background:#00ac7d url(../images/categoryimg3.png) no-repeat right bottom;
	border-radius:10px;
	padding:0rem;
	min-height:220px;
  }
  .topcategory-box .categorybg5{
	background:#3a6cc0 url(../images/categoryimg4.png) no-repeat right bottom;
	border-radius:15px;
	padding:0rem;
	min-height:220px;
  }
  .topcategory-box .categorybg6{
	background:#a100cf url(../images/categoryimg5.png) no-repeat right bottom;
	border-radius:10px;
	padding:0rem;
	min-height:220px;
  }
  .slick-slide {
	margin: 0px 7px !important;
  }

	.topbrands > div{
		background:#003f7d;
		padding-top:3rem;
		padding-bottom:4.5rem;
	}
	.topbrands .slick-next{
		background:#FFF;
		width:40px;
		height:40px;
		border-radius:50%;
	}
	.topbrands .slick-next:hover{
		background:#FFF;
	}
	.topbrands .slick-prev{
		background:#FFF;
		width:40px;
		height:40px;
		border-radius:50%;
		left: -3.8rem;
	}
	.topbrands .slick-prev:hover{
		background:#FFF;
	}
	.brands-box img{
		border-radius:50%;
		max-width:90px;
	}
	.shopsection {
		margin-top:1rem;
		margin-bottom:1rem;
	}
	.shopsection > div{
		background:#e6f4fd;
		padding:3rem 4rem;
	}
	
	.listbusinessbg > div{
		background:url(../images/business1.jpg) no-repeat !important;
		background-size:cover;
		padding:1rem 1rem 0 1rem;
	}
	
	.listbusiness > div{
		background:url(../images/business.jpg) no-repeat;
		background-size:cover;
		padding:1rem 1rem 0 1rem;
	}
	
	.listbusiness h2{
		color:#ffdf00;
	}
	.listbusiness .btn-primary{
		background:#ffdf00;
		border:solid 1px #ffdf00;
		color:#000 !important;
	}
	.listbusiness .businesssup > div {
		margin-bottom:1.6rem;
	}
	.listbusiness .businesssup h4{
		color:#ffdf00;
		font-size:22px;
		font-weight:700;
		margin-bottom:0.2rem;
	}
	.listbusiness .businesssup p{
		color:#ffdf00;
		font-size:13px;
	}
	.listbusiness .businesssup .bdr-right{
		position:relative;
	}
	.listbusiness .businesssup .bdr-right::after{
		background:url(../images/bdr1.png) no-repeat;
		content: '';
		position: absolute;
		right: 0px;
		top: -22px;
		width: 10px;
		height: 170px;
		z-index: 999999;
	}
	.listbusiness .businesssup .bdr-right::before{
		background:url(../images/bdr2.png) no-repeat;
		content: '';
		position: absolute;
		right: -4rem;
		bottom: -25px;
		height: 10px;
		width: 170px;
		z-index: 999999;
	}
	.couponsection > div{
		background:#f0f0f0;
		padding:3rem 0;
		margin-top:2rem;
	}
	.couponsection .leftbox{
		background:#003f7d;
		border-radius:10px;
		padding:0;
	}
	.couponsection .leftbox ul li{
		margin-bottom:0.6rem;
	}
	.couponsection .leftbox ul li a{
		color:#FFF;
		padding:0.6rem 1.6rem;
		width:100%;
	}
	
	.leftview{
		padding: 0rem;
		position: sticky; 
		top: 5.5rem;
		box-shadow:0 3px 5px #DDD;
		border-radius: 10px;
		padding:1rem 0 0.5rem 0;
		background:#042954 !important;
	}
	.leftview i{
		color: #f58634;
		font-size:16px !important;
	}
	.leftview ul li{
		border-bottom: solid 0px #d7d7d7;
		display: flex;
		margin-bottom:0.4rem;
	}
	.leftview ul li a{
		margin:0 0rem 0 1.2rem;
		padding: 0.5rem 1rem;
		width: 100%;
		font-size:15px;
		color:#FFF;
		font-weight:400;
	}
	.leftview ul li:last-child{
		border-bottom: none;
	}
	.leftview ul li i{
		margin-right: 0.6rem;
		font-size: 20px;
	}
	.leftview ul li a:hover{
		color: #000 !important;
		background: #f1f1f1;
		border-radius: 40px 0 0 40px;
	}
	.leftview ul li a:hover i{
		color:#7a40f6;
	}
	.leftview ul li .active{
		color: #000;
		font-weight: 500;
		background: #FFF;
		border-radius: 40px 0 0 40px;
	}
	.leftview ul li .active i{
		color: #f58634;
	}
	.leftview .profileicon{
		font-size: 16px;
		background: #F0F0F0;
		max-width: 40px;
		width: 40px;
		height: 40px;
		margin-left:1.2rem;
		margin-right:0.6rem;
		text-align: center;
		align-items: center;
		justify-content: center;
		display: flex;
		border-radius: 50px;
	}
	.leftview .proflename{
		font-size:13px;
		color:#fff !important;
		line-height: 1.3;
		margin-left:0.2rem;
	}
	.leftview .proflename span{
		font-size:14px;
		color:#fff;
	}
	
	.couponsection .leftbox ul li .active{
		background:#FFF;
		color:#000;
	}
	
	.producthome > div{
		background:#003f7d;
		padding:4rem 0;
		margin-top:2rem;
		margin-bottom:2rem;
	}
	.producthome .btn-outline-primary{
		border:solid 1px #FFF;
		color:#FFF;
		border-radius:3px;
		padding:0.4rem 1.4rem;
		font-size:13px;
	}
	.productslider{
		padding:0 0rem;
	}
	.productslider .productbox{
		background:#FFF;
		padding:0.8rem;
		border-radius:5px;
	}
	.productslider .productbox p{
		font-size:14px;
		margin-bottom:0.4rem;
		color: #000;
		line-height: 1.3;
		font-weight:400;
	}
	.productslider .productbox .price span{
		text-decoration:line-through;
		color:#ff0000;
		margin-left:0.4rem;
	}
	.productbox figure{overflow: hidden;}
	.productbox figure img{
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.productbox figure img:hover{                
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1)
	}
	.productslider .slick-next{
		background:#FFF;
		width:40px;
		height:40px;
		border-radius:50%;
		right: -1.2rem;
		z-index:99;
		box-shadow:0 0 2px #b2b2b2;
	}
	.productslider .slick-next:hover{
		background:#FFF;
	}
	.productslider .slick-prev{
		background:#FFF;
		width:40px;
		height:40px;
		border-radius:50%;
		left: -1.2rem;
		z-index:99;
		box-shadow:0 0 2px #b2b2b2;
	}
	.productslider .slick-prev:hover{
		background:#FFF;
	}
	.seller {
		padding-top:3rem;
	}
	.seller-box figure{
		background: #f3f3f3;
		padding: 0.6rem 0.6rem;
		border-radius: 6px;
		margin-bottom: 0px;
		text-align: center;
		max-width: 65px;
		height: 65px;
	}
	.seller-box figure img{
		max-width:44px;
	}
	.seller-box h4{
		font-size: 15px;
		margin-top: 0.8rem;
		margin-left: 0rem;
	}
	.seller .btn{
		border-radius:5px !important;
	}
	
	.testimonial{
		margin:3rem 0 0 0;
		padding:3rem 0 0 0;
		border-top:solid 2px #f6f6f8;
	}
	.testimonial .testimonialblock{
		margin:0 auto !important;
	}
	.testimonial .testimonialblock{
		/*background:#f5f6fa url(../images/bg14.png) no-repeat;
		background-size:cover;
		max-width:100%;*/
		padding:0rem 2rem 1rem 2rem;
		margin:2rem auto !important;
		border-radius:10px;
		text-align:center;
	}
	
	.testimonial .testimonialblock .testbox{
		border: 1px solid #e8ebee !important
	}
	
	.testimonial .testimonialblock .testimg{
		border-radius:50%;
		max-width:70px;
		margin:0px auto;
	}
	.testimonial .testimonialblock h4{
		font-size:17px;
	}
	
	.testimonial .testimonialblock .slick-next {
	  right: -4rem;
	}
	.testimonial .testimonialblock .slick-prev {
	  left: -4rem;
	}
	
	footer{
		background:#320b23;
		padding:0.6rem 0 2rem 0;
		margin-top:0;
		color: #FFF;
	}
	footer .bottomlink > ul > li{
		vertical-align:text-top;
		font-size: 14px;
		line-height: 1.8;
		width: 100%;
		vertical-align: text-top;
	}
	footer .bottomlink > ul > li a{
		color:#FFF;
		font-size: 14px;
	}
	footer .bottomlink > ul > li:nth-child(1){
		width:26%;
		padding-right:2rem;
		color:#FFF;
	}
	footer .bottomlink > ul > li:nth-child(2){
		width:20%;
		padding-right: 3rem;
	}
	footer .bottomlink > ul > li:nth-child(3){
		width:30%;
		padding-right: 3rem;
	}
	footer .bottomlink > ul > li:nth-child(4){
		width:18%;
		padding-right: 3rem;
	}
	footer h4{
		margin-bottom: 0rem;
		font-weight: 500;
		color: #fed502;
		font-size: 18px;
		padding-bottom: 0.6rem;
	}
	footer a{
		color: #000;
		font-size: 15px;
	}
	footer .bi{
		font-size: 18px;
		background: #FFF;
		border-radius: 50%;
		padding: 0.3rem;
		width: 30px;
		height: 30px;
		display: block;
		line-height: 1.1;
		text-align: center;
	}
	footer .social .list-inline-item:not(:last-child) {
		margin-right: .0rem;
	}
	footer a:hover{
		color: #000;
	}
	footer .social{
		font-size:20px;
	}
	footer .social li{
		padding:0;
	}
	footer a:hover{
		text-decoration:underline;
	}
	footer .bottom{
		position:relative;
	}
	footer .f-nav-arrow ul li{
		font-weight: 400;
		padding:0.2rem 0;
	}

	footer .f-nav-arrow ul li span{
		background: #fed502;
		border-radius: 3px;
		padding: 0.1rem 0.4rem;
		color: #000;
	}

	footer .footer-links .footer-icon{
		position:absolute;
		left:0rem;
	}
	
	footer .border-top{
		border-top:solid 1px #56002f !important;
		margin-top:1rem;
	}
	
	.tabs-nav ul {
		margin: 0;
		padding: 1.6rem 0;
		background: #003f7d;
		border-radius:5px;
	}

	.tabs-nav li {
	  display: inline-block;
	  color: #fefefe;
	  border-width: 1px 1px 0 1px;
	  width:95%;
	   margin:0.2rem 1rem;
	}
	.tabs-nav li i{
		font-size:18px;
	}
	.tabs-nav a {
	  display: block;
	  padding: 10px 15px;
	  font-weight: 400;
	  color: #fff;
	}
	/* Active tab */

	.tabs-nav li:hover{
	  background: #FFF;
	  color: #000;
	  border-radius:30px 0 0 30px;
	}
	.tabs-nav li:hover i{
		color:#000;
	}
	.tabs-nav li:hover a{
		color:#000;
	}
	.tabs-nav li.active {
	  background: #FFF;
	  color: #000;
	  border-radius:30px 0 0 30px;
	}

	.tabs-nav li.active a {
	  color: inherit;
	}

	/* Tab content */
	.tabs-content {
	  margin-top: 0px;
	  overflow: hidden;
	}

	.tabs-content IMG {
	  margin-right: 10px;
	}
	/* Hide all but first content div */

	.tabs-content > div:not(:first-child) {
	  display: none;
	}
	
	.giftvoucherbox{
		text-align:center;
		border-radius:4px;
		padding:0.6rem;
		border:solid 1px #FFF;
	}
	.giftvoucherbox figure{
		margin-bottom:0.2rem;
		min-height: 100px;
	}
	.giftvoucherbox h5{
		font-size: 15px;
		margin-bottom: 0.3rem;
		font-weight: 600;
	}
	.giftvoucherbox p{
		font-size:12px !important;
		color:#454545;
		margin-bottom:0px;
	}
	.giftvoucherbox:hover{
		border:solid 1px #003f7d;
	}
	.giftvoucherbox:hover h5{
		color:#003f7d;
	}
	.giftvoucherbox:hover p{
		color:#003f7d;
	}
	.homecategory{
		margin:3rem 0;
	}
	.tabsscroll{
		display:none !important;
	}
	
	@media(max-width:992px){
		.sliderform{
			display:none;
		}
		.container-fluid {
		  width: 100%;
		  max-width: 100%;
		}
		.shopsection > div{
			padding: 1rem 2rem;
		}
	}
	
	@media(max-width:767px){
		.tabsscroll .slick-next{
			background:#FFF;
			right:5px;
			border-radius:4px;
			padding:1rem;
		}
		.tabsscroll .slick-next:hover{
			background:#FFF !important;
		}
		.tabsscroll .slick-next::before {
			content: '\F285';
			font-family: "bootstrap-icons";
			font-size: 16px !important;
			top: 0.5rem;
			position: absolute;
			left: 0.5rem;
		}
		.tabsscroll .slick-prev {
			left: 5px;
			background: #FFF;
			border-radius:4px;
			padding:1rem;
		}
		.tabsscroll .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
			background:#FFF !important;
		}
		.tabsscroll .slick-prev::before{
			content: '\F284';
			font-family: "bootstrap-icons";
			font-size: 16px !important;
			top: 0.5rem;
			position: absolute;
			left: 0.5rem;
		}
		.tabsscroll{
			background: #003f7d; 
			margin-bottom:1rem; 
			padding:0.6rem; 
			border-radius:4px;
			max-width:100%;
			margin:0px auto;
			display:block !important;
		}
		.tabsscroll .slick-current{
			/*background:#FFF !important;
			border-radius: 3px;
			*/
			color:#FFF !important;
		}
		.tabsscroll .slick-current a{
			color:#000;
		}
		.tabsscroll .slick-list{
			margin: 0 1rem !important;
		}
		.listbusiness-mobile{
			background:url(../images/business-blue.png) no-repeat;
			background-size:cover;
			padding:1rem;
		}
		.listbusiness-mobile h2{
			color:#ffdf00;
			font-size:26px;
			margin-bottom:1rem;
		}
		.listbusiness-mobile .listbusiness-box h4{
			color:#ffdf00;
			margin-bottom:0px;
		}
		.listbusiness-mobile .listbusiness-box p{
			color:#ffdf00;
			font-size:12px;
			margin-bottom:0.5rem !important;
		}
		
		.container-fluid {
		  width: 100%;
		  max-width: 100%;
		}
		.listbusiness{
			display:none;
		}
		h2, .h2 {
			font-size: 20px;
		}
		.enjoy-section {
		  padding: 1.2rem 0;
		}
		.feature-section > div {
			padding: 2rem 0rem;
		}
		header{
			padding: 0rem 0 0.2rem 0 !important;
		}
		header .bdr-bottom{
			padding-bottom: 0.6rem;
		}
		
		.topcategory-box > div > div{
			margin:0.3rem;
			position:relative;
		}
		
		.topcategory-box .categorybg1{
			background:#0f7cd7 url(../images/men-s.png) no-repeat right bottom;
			border-radius:5px;
			padding:0rem;
			min-height:130px;
		}
		.topcategory-box .categorybg2{
			background:#9167d0 url(../images/categoryimg1-s.png) no-repeat right bottom;
			border-radius:5px;
			padding:0rem;
			min-height:130px;
		}
		.topcategory-box .categorybg3{
			background:#6769d0 url(../images/categoryimg2-s.png) no-repeat right bottom;
			border-radius:5px;
			padding:0rem;
			min-height:130px;
		}
		.topcategory-box .categorybg4{
			background:#00ac7d url(../images/categoryimg3-s.png) no-repeat right bottom;
			border-radius:5px;
			padding:0rem;
			min-height:130px;
		}
		.topcategory-box .categorybg5{
			background:#3a6cc0 url(../images/categoryimg4-s.png) no-repeat right bottom;
			border-radius:5px;
			padding:0rem;
			min-height:130px;
		}
		.topcategory-box .categorybg6{
			background:#a100cf url(../images/categoryimg5-s.png) no-repeat right bottom;
			border-radius:5px;
			padding:0rem;
			min-height:130px;
		}
		
		.topcategory-box .nextarrow{
			padding: 0rem 0.3rem 0.1rem 1rem;
			bottom: 3rem;
			display:none;
		}
		  
		.topbrands-logo img{
			border-radius:50%;
		}
		  
		.topcategory-box h4{
			font-size: 14px;
			padding: 0.6rem 0.4rem 0.4rem 0.8rem;
		}
		
		.link-case {
		  position: relative;
		  width: 100%;
		  padding-top: 0.5rem;
		}
		.link-case .f-nav h4 {
		  cursor: pointer;
		  margin: 0;
		  margin-bottom: 0px;
		  padding: 0em 0em 0.4em 0em;
		  margin-bottom: 4px;
		  border-bottom: solid 0px #595959;
		  background-color: transparent;
		  font-weight: 300;
		  font-size: 16px !important;
		}
		.link-case .f-nav h4:after {
		  position: absolute;
		  right: 0;
		  top: 0px;
		  content: "+";
		  float: right;
		  font-weight: 400;
		  font-size: 21px;
		}
		.link-case .f-nav.open h4:after {
		  content: "-";
		}
		.link-case ul {
		  max-height: 0;
		  overflow: hidden;
		  transition: max-height 0.5s ease-out;
		  margin-bottom: 0;
		  margin-left: 1em;
		  position: relative;
		}
		.link-case ul a {
		  padding-top: 5px;
		  padding-bottom: 5px;
		}
		.link-case .f-nav.open ul {
		  height: auto;
		  max-height: 500px;
		  transition: max-height 0.5s ease-in;
		  margin-left: 0px;
		}
		.link-case .f-nav.open ul li {
		  padding-bottom: 0rem;
		}
		.sliderform{
			display:none;
		}
		.homecategory .slick-next {
			right: 15px !important;
			background: #FFF !important;
			width: 30px !important;
			height: 30px !important;
			border-radius: 50%;
		}
		.homecategory .slick-prev {
			left: 15px !important;
			z-index: 999 !important;
			background: #FFF !important;
			width: 30px !important;
			height: 30px !important;
			border-radius: 50%;
		}
		.slick-prev::before, .slick-next::before{
			font-size:15px !important
		}
		.topbrands .slick-next{
			 right: -10px;
		}
		.topbrands .slick-prev{
			 left: -20px !important;
			 z-index:22
		}
		.shopsection > div{
			padding: 2rem 0rem 1rem 0rem;
		}
		.listbusiness > div{
			padding: 0.2rem;
		}
		.producthome > div{
			padding: 2rem 0 2rem 0;
		}
		footer .bottomlink > ul > li:nth-child(1), footer .bottomlink > ul > li:nth-child(2), footer .bottomlink > ul > li:nth-child(3), footer .bottomlink > ul > li:nth-child(4), footer .bottomlink > ul > li:nth-child(5){
			width: 100%;
			padding-right: 0rem;
		}
		
		.feature-section .feature-box{
			border:none;
			padding:0px;
			background:transparent;
		}
		.feature-section .feature-box figure{
			background:transparent;
		}
		.feature-section .feature-box figure {
		  width: 100%;
		  height: 50px;
		}
		.feature-section .feature-box{
			padding: 0.5rem 0.5rem;
			min-height:60px;
		}
		.feature-section .feature-box figure{
			margin:0px auto 5px auto;
			text-align: center;
		}
		.feature-section .feature-box h3{
			text-align: center;
			/*white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;*/
			font-size: 12px;
			padding: 0px;
			margin: 7px 0px 0px 0px;
			font-weight: 500;
		}
		.enjoy-section{text-align:center;}
		.homecategory h2{
			text-align:center;
		}
		.homecategory p{
			text-align:center;
		}
		.topbrands > div{
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		.tabs-nav{
			margin-bottom:1rem;
		}
		.producthome > div{
			margin-top: 1rem;
			margin-bottom: 1rem;
		}
		.producthome h2{
			text-align:center;
		}
		.producthome p{
			text-align:center;
			margin-bottom: 0px;
		}
		.productslider{
			margin-top:0rem;
		}
		.productslider .slick-next{
			right: -0.5rem;
		}
		.productslider .slick-prev{
			left: -0.5rem;
		}
		.seller-box{
			padding-right:1rem;
		}
		.seller-box h4{
			margin-top: 0.40rem;
			font-size: 12px;
			line-height: 1.3;
		}
		.testimonial{
			margin: 2rem 0 0 0;
			padding: 2rem 0 0 0;
		}
		.testimonial .testimonialblock{
			margin: 1rem auto !important;
			padding: 1.2rem !important;
		}
		.testimonial .testimonialblock .slick-next{
			right: 0.6rem;
			background: #FFF;
			width: 40px;
			height: 40px;
			border-radius: 50%;
		}
		.testimonial .testimonialblock .slick-prev{
			left: 0.6rem;
			background: #FFF;
			width: 40px;
			height: 40px;
			border-radius: 50%;
			z-index:99
		}
		.testbox p{
			font-size:15px;
		}
		footer{
			margin-top: 1rem;
			padding: 0rem 0 1rem 0;
		}
		.seller {
		  padding-top: 1rem;
		}
		.couponsection > div{
			padding: 2rem 0;
			margin-top: 1rem;
		}
		.homecategory{
			margin:2rem 0;
		}
		.listbusiness h2{
			font-size: 17px;
			margin-bottom: 4px;
		}
		.listbusiness .btn-primary{
			padding: 0.4rem 0.8rem !important;
			font-size: 14px;
		}
		
		header .btn-primary {
		  padding: 0.8rem 1.4rem !important;
		  margin: 1rem;
		  color: #FFF !important;
		  text-align: center !important;
		}
		.listbusiness .businesssup .bdr-right::before{
			display:none
		}
		.listbusiness .businesssup .bdr-right::after{
			display:none
		}
		.businesssup{
			text-align:center;
		}
		.giftvoucherbox {
			padding: 0.3rem;
		}
		.giftvoucherbox figure{
			margin-bottom:0.3rem;
		}
		.giftvoucherbox h5{
			font-size:12px;
			font-weight:600;
		}
		.giftvoucherbox p{
			font-size:11px;
			font-weight:500;
			color:#454545;
			margin-bottom:0px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.tabs-nav ul{
			display: flex;
			overflow: scroll;
			text-align: center;
		}
		.tabs-nav li.active{
			border-radius:2px;
		}
		.tabs-nav li{
			width: 100%;
		}
		.tabs-nav li {
			display: inline-block;
			color: #fefefe;
			border-width: 1px 1px 0 1px;
			width: 100% !important;
			margin: 0.2rem 0.1rem;
			min-width: 110px;
		}
		.tabs-nav a{
			padding: 5px 2px;
			font-size: 13px !important;
			font-weight: 500;
			text-align: center;
			color: #FFF !important;
		}
		.tabs-nav ul{
			padding: 0.2rem 0.4rem;
		}
		.tabs-nav li i {
		  font-size: 14px;
		}
	}
	 
	
  /* ==========================================================================
  Header
  ========================================================================== */
 /* .home-sliders{
	overflow: hidden;
    max-height: 220px;  
  }
  .home-sliders li{
	  width:32%;
  }
  header{
	  border-bottom: solid 1px #f0f0f0;
  }
  .topbar{
	padding:0.4rem 0 0.2rem 0;
	background: #081b4b;
	display: block;
  }
  .topbar .social{
	  text-align: right;
  } 
  .topbar .social li{
	padding:0 0.2rem;
	position: relative;
	font-size: 14px;
}
.topbar .social li span{
	background: #fed502;
    border-radius: 3px;
    padding: 0.1rem 0.4rem;
    color: #000;
}
.is-sticky .menuspace {
	padding: 0.3rem 0;
}
header{
	position: relative;
}
.logo{
	z-index: 22;
	position: relative;
	margin-bottom: 0rem;
	text-align:left;
}
 
  .topbar .social li a{
	  color: #FFF;
  }
  .topbar .social .bi{
	  font-size:16px;
	  color:#676767;
  }
  .supporttop{
	color: rgba(0,51,78,0.8);
	font-weight: 300;
	font-size: 12px;
  }
  .supporttop p{
	  margin-bottom: 0px;
	  margin-top: 0.1rem;
	  color: #FFF;
	  font-size: 14px;
  } 
  .header{
	  padding:0rem;
  }
  .home-slider{
	  position:relative;
  }
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.home-slider{
	background: url(../images/banner.jpg) no-repeat top center;
	padding-bottom: 2px;
    background-color: #0E004A;
    background-size: cover;
    height: 480px;
    color: white;
}

.main-slider{
	background:#f5f5f5; 
	padding:1.8rem 0 2rem 0;
	max-height: 285px;
}*/

.menuspace{
	padding: 0.7rem 0;
}
 
  .topbar{
	  position:relative;
	  z-index:22;
  }
  
	.heading-tittle h2{
		position: relative;
		font-size: 24px !important;
		z-index: 1;
		font-weight: 600;
	}
	
	.merchant{
		padding:1.2rem 0;
	}

	.partenrs {
		padding:0.8rem 0rem 1.6rem 0rem;  box-shadow: rgb(0 0 0 / 25%) 0px 5px 7px !important;
		text-align: center;
		transition: .3s;
		border: solid 1px #F0F0F0;
		border-radius: 5px;
	}
	.partenrs:hover{
		background: #f1f1f1 !important;
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
		border-radius: 5px;
	}
	.partenrs:hover .partenrs-name{
		color: #f58634;
	}
	.partenrs img{
		max-width: 50px;
	}
	.partenrs-name {
		margin-bottom: 0px !important;
		font-weight: 400;
		font-size: 14px;
	}

	.partenrs .onshopping {
		font-size: 11px !important;
		letter-spacing:0.5px;
		color: rgba(0,51,78,0.5) !important;
		text-transform: capitalize;
	}

	.partenrs figure {
		margin-bottom: 0.6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 90px;
	}

	.partnersimg {
		max-width: 100px !important;
	}

	/*.slick-slide img {
		margin: 0px auto;
		border-radius:5px;
	}*/

	.mobiledeal img{
		max-width: 100px !important;
	}

	.tourhomes > div img {
		border-radius: 5px;
	} 

	.tourhomes figure{
		position: relative;
		margin-bottom: 0px;
	}
	.tourhomes figure figcaption{
		position: absolute;
		bottom: 0px;
		width: 100%;
		padding: 2rem 0 0.1rem 1rem;
		background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.9));
		border-radius: 0 0 5px 5px;
	}
	.tourhomes .tour-home-packages {
		text-align: left;
		background: #000 !important;
		height: 50px;
	}

	.tourhomes .tour-home-packages:hover {
		background: rgba(0,0,0,.2);
	}

	.tourhomes .tour-home-packages .home-package-names {
		font-weight: 500;
		font-size: 18px;
		text-align: left !important;
		color: #FFF;
		width: 100%;
		display: block;
		margin-top: 0.6rem;
		text-transform: uppercase;
		letter-spacing: 0.6px;
	}

	.tourhomes .staringform {
		font-size: 13px;
		font-weight: 400;
		margin-bottom: 0px;
	}

	.tourhomes .packageprices {
		font-size: 12px !important;
		color: #FFF !important;
		font-weight: 400 !important;
		letter-spacing: 0.2px;
	}
	
	.bg-1{
		background: #e3edf7 !important;
	}
	.bg-2{
		background: #eafffa !important;
	}
	.bg-3{
		background: #fff1e4 !important;
	}
	.bg-4{
		background: #eddde8 !important;
	}
	.bg-5{
		background: #e3e4f8 !important;
	}
	.bg-6{
		background: #d2e2c8 !important;
	}
	.bg-7{
		background: #fcdede !important;
	}
	
	
	.features-category img{
		max-width: 60px;
		margin-bottom: 0.8rem;
	}
		
	/* Float Shadow */
	.hvr-float-shadow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		position: relative;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}

  .hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	/* W3C */
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
  }

  .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	/* move the element up by 5px */
	border: solid 0px rgb(189, 188, 188) !important;
  }
  
  .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
  }


  


  /* Float Shadow */
	.hvr-shadow {
		display: inline-block;
		vertical-align: middle;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		position: relative;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}

  .hvr-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	/* W3C */
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
  }

  .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	/* move the element up by 5px */
	border: solid 0px rgb(189, 188, 188) !important;
  }

  .hvr-shadow:hover:before, .hvr-shadow:focus:before, .hvr-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
  }
  
  
  
  
 .deal h4{
	 font-size:16px;
 }
 .deal figure img{
	 text-align:center;
	 display: initial;
 } 
 .deals .travel-deal figure img{
	 text-align:center;
	 display: initial;
	 width:100%;
	 border-radius:10px;
 } 
.deals .travel-deal h4{
	  font-size:16px;
	  margin-bottom:5px;
  }
.deals .travel-deal p{
	  font-size:12px !important;
  }


.bi-facebook{
	color:#4064ac !important
}
.bi-twitter-x{
	color:#000 !important
}
.bi-youtube{
	color:#f70000 !important
}
.bi-instagram{
	color:#ab1c77 !important
}
.bi-whatsapp{
	color:#4ac658 !important
}
.fa-pinterest { color:#b7081b !important }

/* ==========================================================================
    Product Page Css
   ========================================================================== */
   .product-list{
	   border: solid 0px #dddddd;
	   background: #FFF;
	   border-radius: 5px;
	   box-shadow:0 .15rem .35rem rgba(0,0,0,.075) !important;
	  border: solid 1px #f4f4f4;  
	   transition: .3s;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: all .3s ease;
		-o-transition: .3s;
   } 
   .product-list h4{
	   font-size:14px;
	   font-weight:400;
   }
   .product-list hr{
		background: #AAA;
		margin: 7px 0 !important;
   }
	.product-list figure{
		position:relative;
		padding:0.1rem;
		margin-bottom:0.8rem !important;
	}
	.product-list figure img{
		display: inherit;
	}
   .product-list figure figcaption .discount{
	   position:absolute;
	   background:red;
	   top:10px;
	   left:10px;
	   padding:5px 10px;
	   font-size:11px;
	   color:#FFF;
	   border-radius:2px;
	   text-transform: uppercase;
   }
   .product-list figure figcaption .tag{
		position: absolute;
		background: #5a5a5a;
		color: #FFF;
		padding: 0.8px 6px;
		font-size: 10px;
		letter-spacing: 0.8px;
		border-radius: 2px;
		top: 2px;
		right: 2px;
		text-transform: uppercase;
   }
   .product-list .price{
	   font-weight:400;
	   color:red;
   }
   .product-list:hover {
		-webkit-box-shadow: 0 1px 25px rgb(153 153 153 / 50%);
		box-shadow: 0 1px 25px rgb(153 153 153 / 50%);
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
   
    .product-list .price span{
		text-decoration: line-through;
		margin-left:0rem;
		color:#666;
   }
   
   .whychoose-section{
	   background-size:auto;
	   padding: 4rem 0;
	}
   .whychoose-section ul li .bi{
		margin-top: 0.4rem !important;
		top: -0.6rem;
		color: #f58634;
		font-size: 22px !important;
		position: absolute;
		left: -2rem;
	}  
   .whychoose-section ul li{
	   font-size: 16px;
	   letter-spacing: 0.3px;
	   line-height: 1.3;
	   margin-bottom: 0.8rem;
	   position: relative !important;
   }

    .categories-section{
		margin-top: 1rem;
		padding: 3rem 0 3rem 0;
		background:#f6f6f6;
   }
   
   .howwework-section{
		background-size: auto;
		padding: 0rem 0 3rem 0;
		margin-top: 1rem;
	}
   
   .howwework-section .howwework-box{
		border: solid 0px #dddddd;
		border-radius: 5px;
		padding: 1rem 1.6rem 1.6rem 1.6rem; 
		background: linear-gradient(to left bottom,#f4f4f4,#f4f4f4,#f4f4f4,#FFF,#fff);
	}

	.howwework-section .howwework-box h4{
		color: #000;
		font-weight: 500;
	}
	.howwework-section .howwework-box p{
		font-size: 15px !important;
		color: #000;
	}
	.howwework-section .howwework-box a{
		font-size: 14px;
		color: #000;
		letter-spacing: 1px;
		font-weight: 500;
		text-decoration: underline;
	}
	.howwework-section .howwework-box:hover{
		border: solid 0px #f6f6f6;
		background: #f58634 !important;
	}
	.howwework-section .howwework-box:hover h4{
		color: #FFF;
	}
	.howwework-section .howwework-box:hover p{
		color: #FFF;
	}

	.howwework-section .howwework-box:hover a{
		color: #FFF;
	}

	.howwework{
		border: solid 1px #dddddd;
		border-radius: 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top: 2rem;
		padding-bottom: 3rem;
	}

	.howwework .fs-5{
		font-size: 3.5rem !important;
		color: #f58634;
	}
	.howwework h4{
		color: #000;
		font-size: 17px;
		font-weight: 600;
		letter-spacing: 0.5px;
		margin-bottom: 1rem;
	}
	.howwework a{
		font-size: 14px;
		color: #00144f;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 600;
	}
	.whychoose{
		background:#FFF;
		padding:1rem;
		width:100%;
		border-radius: 9px;
		border: 1px solid #eaecec;
		box-shadow: 0px 9px 10px 0px #dadee0;
		transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
		padding:20px 20px 0 20px;
		transition: transform .2s ease;
		transition: transform 250ms;
	}
	.whychoose h4{
		font-weight:500;
	}
	.whychoose img{
		max-width:60px;
	}
	
	.whychoose:hover{
		transition: transform .2s ease;
		transform: translateY(-10px);
	} 

	.alert-message {
		color: #842029;
		background-color: #f7f2f2;
		border-color: #f5c2c7;
	}
 
   .slick-slide {
      margin:7px;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }
 
	.carousel-control-next, .carousel-control-prev{
		width: 3%;
		z-index: 9999;
	}
	.carousel-caption{
		left: 5%;
		z-index: 99;
		text-align: left;
		top: 8%;
		max-width: 100%;
	}
	/* .carousel-item::after{
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
		content: '';
		position: absolute;
		left: 0px;
		top: 0px;
		width: 70%;
		height: 100%;
	} */
	.slider-caegory{
		background: #FFF;
		width: 50px;
		min-width: 50px;
		height: 50px;
		border-radius: 50%;
		box-shadow: 0 0 15px #d3d3d3;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0px;
	 }
	 .slider-caegory img{
		width: 30px;
	 }
	 .card-features{
		font-size: 15px;
		font-weight: var(--font-600);
		line-height: 1.2;
	 }

	 .slider-features{
		background: #FFF;
		width: 80px;
		min-width: 50px;
		height: 50px;
		border-radius: 50%;
		box-shadow: 0 0 15px #d3d3d3;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 0px;
	 }
	 .slider-features img{
		width: 26px;
	 }
	.homepage-slider h2{	
		font-size: clamp(20px, 2.6vw, 40px);
		color: var(--bg-white);
		font-weight: var(--font-bolder);
	}
	.homepage-slider h3{	
		font-size: clamp(15px, 1.4vw, 40px);
		color: var(--bg-white);
		font-weight: var(--font-bold);
	}
	.homepage-slider h4{
		background: linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
		border-radius: var(--border-radius);
		padding: 0.9rem 1rem;
		text-align: center;
		color: var(--bg-white);
		width: 380px;
		margin: 1rem 0;
	}
	.homeslider .slick-slide{
		margin: 0;
	}
	.homeslider .slick-dots{
		text-align: left;
		left: 5rem;	
	}
	.homeslider .slick-next {
		right: 2rem;
		z-index: 99;
	}
	.homeslider .slick-prev {
		left: 1.3rem;
		z-index: 999;
	}
	.homeslider .slick-dots li{
		margin: 0;
	}
	.homeslider .slick-dots li button::before {
		font-size:50px !important;
		color: white !important;
		opacity:0.95
	}
	.homeslider .slick-dots{
		bottom: 1rem !important;
	}
	
	.headerfoam{
		position: absolute; 
		top: 7.5rem;
		right: 0;
		z-index: 99; 
		max-width:100%;
		width:100%;
	}
	 

	.breadcrumb {
		list-style: none;
		font-size: 12px;
		text-transform: none;
		letter-spacing: 0.2px;
		padding: 0.4rem 0 !important;
	}
	
	.howowrk{
		margin-bottom:2rem;
		position:relative;
		z-index:999;
	}
 	 
	.howowrk h4{
		margin-top:2.4rem;
		font-size:16px !important;
	}
	.howowrk .bi{
		font-size: 50px;
		color: #FFF;
		background: #f39a27;
		padding: 1.4rem 2.2rem;
		border-radius: 50%;
		z-index: 2;
		position: relative;
	}
	.howowrk .bg-1{
		background:#c23b23
	}
	.howowrk .bg-2{
		background:#976ed7
	}
	.howowrk .bg-3{
		background:#579abe
	}
	
	.feature h5{
        font-size: 16px;
    }
    .feature h2{
        font-size: 32px !important;
    }

    .feature ul li{
        background: url(../images/check-1.png) no-repeat 7px 7px transparent; 
        list-style-type: none;
        margin: 0 0 1rem -0.6rem;
        padding: 0px 0px 0 2.5rem;
        vertical-align: middle;
    }

	.feature-login h2{
		font-size: 26px;
	}

    .feature-login ul li{
        background: url(../images/check-1.jpg) no-repeat 7px 7px transparent; 
        list-style-type: none;
        margin: 0 0 1rem -0.6rem;
        padding: 0px 0px 0 2.5rem;
        vertical-align: middle;
    }
	
	.brandshome figure {
		display: block;
		position: relative;
		overflow: hidden;
		padding-bottom: 34%;
	}
	
	.brandshome img {
		display: block;
		max-width: 100%;
		max-height: 100%;
		width: 70px;
		height: 70px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		object-fit: cover;
		object-position: center center;
	}
	
	/*.brandshome figure {
		display: block;
		width: 100%;
		height: auto;
		position: relative;
		overflow: hidden;
		padding: 34.37% 0 0 0;  
		min-height:auto;
	}
	
	.brandshome img {
		display: block;
		max-width: 100%;
		max-height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		object-fit: cover;
		object-position: center center;
	}*/
	
 
	.outlet--details--banner .carousel-item{
		max-height: 300px;
	}
	.outlet--details--banner .carousel-caption{
		margin-bottom:0px !important;
	}
	.outlet--details--banner .bannerbg::before{
		background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
		content: '';
		position: absolute;
		z-index: 1;
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: 250px;
	}
	.outlet--details--banner .varified{
		font-size: 12px;
		color: #f58634;
		border-radius: 3px;
		border: solid 1px #f58634;
		max-width: 70px;
		padding: 0.1rem 0.2rem;
		text-align: center;
		margin-bottom: 0rem;
		letter-spacing: 0.3px;
	}
	.outlet--details--banner h1{
		color:#FFF;
		font-weight:500;
		margin-top: 0.3rem;
		font-size: 28px;
	}
	.outlet--details--banner ul li {
		margin-right:0.8rem !important;
		font-size:15px !important;
		position: relative;
	}
	.outlet--details--banner ul li a{
		color:#FFF;
	}
	.outlet--details--banner .carousel-caption {
		left: 5%;
		right: 5%;
		z-index: 99;
		padding-bottom: 0px !important;
		max-width: 1300px;
		width: auto;
		margin: 0px auto;
	}
	.rating--bg .rating-value{
		background: #339d3a;
		padding: 0.1rem 0.5rem;
		border-radius: 2px;
		margin-right: 0.4rem;
		font-size: 13px;
		color: #FFF;
	}
	.rating--bg{
		font-size:13px;
		margin: 0.6rem 0;
		align-items: center;
	}
	.rating--bg .bi-star-fill {
		color: #ff6e00;
	}
	.ratingbox{
		border-bottom:solid 1px #e0e0e0;
		padding-bottom:1rem;
	}	
	.ratingbox{
		padding-bottom:1.6rem;
	}
	.ratingbox{
		font-size: 14px !important;
		line-height: 1.2;
		color: #474747;
		margin-top: 0.3rem;
	}
	.ratingbox .bi-star-fill{
		color: #ff6e00 !important;
	}
	.reviewbox{
		background: #003f7d;
		color: #FFF;
		padding: 1rem;
		border-radius: 10px;
		font-size: 20px;
	}
	.reviewbox-txt{
		margin-left: 0.8rem !important;
		position: relative;
	}
	.reviewbox-txt h4{
		font-size: 17px;
		font-weight: 600;
		margin-bottom: 0.2rem;
	}
	.reviewbox-txt p{
		font-size: 12px !important;
		font-weight: 500;
		margin-bottom: 0px;
	}
	/*.rating-list-box{
		background: #003f7d;
		color: #FFF;
		padding: 1rem;
		border-radius: 50px;
		font-size: 20px;
	}*/
	.rating-list-box img{
		border-radius:50%;
		max-width:50px;
	}
	.timining-view li:first-child{
		padding-left:0px;
	}
	.timining-view li{
		position:relative;
		padding-left:0.4rem;
	}
	.timining-view li::after{
		content:'|';
		position:absolute;
		top:0px;
		right:-15px;
	}
	.timining-view li:last-child:after{
		border:none;
		display:none;
	}
	#rating-ability-wrapper .btn-default{
		border-radius: 4px !important;
		padding: 0.4rem 0.8rem !important;
		background: transparent;
		border: solid 1px #DDD;
	}
	#rating-ability-wrapper .fa-star{
		color:#777777;
	}
	
	.demo-gallery > div > div a > img{
		width: 100% !important;
		height: 120px !important;
		object-fit: cover;
		border-radius: 5px;
	}
	.demo-gallery > div > div a > img:hover {border-radius: 5px;}
	
	.gift-voucher--body{
		background:#0244b0; 
		width:100%; 
		min-height:150px; 
		border-radius:10px;
		text-align:center;
		position:relative;
	}	
	/*.gift-voucher--body::after{
		background:url(../images/blurbg.png) repeat;
		content: '';
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		width: 100%;
		height: 100%;
		border-radius: 5px;
	}*/
	
	.gift-voucher--body > div:nth-child(1){
		width:55%;
		text-align: left;
		padding-left: 1rem;
		padding-top: 0.6rem !important;
		padding-bottom: 0.6rem !important;
	}
	.gift-voucher--body > div:nth-child(2){
		background:url(../images/coupon-bg1.jpg) repeat;
		width:45%;
		border-radius:0 10px 10px 0;
	}
	.gift-voucher--body div:nth-child(2) > div{
		background: #FFF;
		color: #000;
		width: 100%;
		margin: 0.6rem;
		padding: 0.4rem;
		border-radius: 10px;
	}
	.gift-voucher--body h2{
		color:#FFF;
		text-transform:uppercase;
		font-weight:500;
		font-size:16px;
		margin-bottom: 0rem;
	}
	.gift-voucher--body .gift-voucher{
		color:#FFF;
		text-transform:uppercase;
		font-weight:500;
		font-size:18px;
		line-height:1.2;
		margin-bottom: 0.2rem;
	}
	.gift-voucher--body .gift-voucher span{
		font-weight:700;
	}
	.gift-voucher--body .deal--price{
		font-size:11px;
		margin:0px;	
		color: #508be7;
		line-height: 1.3;
	}
	.gift-voucher--body .deal--price span{
		color:#ffc600; font-weight:800
	}
	.gift-voucher--body .txt-coupon{
		font-size:11px !important;
		color:#508be7;
		line-height: 1.2;
	}
	.get--deal{
		font-size:12px; 
		font-weight:500; 
		padding:10px 0px 0px 0px; 
		color:#444	
	}
	.get--active{
		border: solid 1px #fed502;
		margin-top: 0.5rem;
		border-radius: 0.2rem;
		padding: 4px 11px !important;
		background: #fed502;
	}
	.get--active a{
		color:#000;
		font-weight: 400;
	}
	.gift-voucher--body .txt-coupon-date{
		font-size:11px !important;
		color:#9bbff4;
		font-weight:600;
		text-transform:uppercase;
		letter-spacing: 0.3px;
		line-height: 1.2;
		margin-top: 0.2rem;
		margin-bottom: 0.2rem !important;
	}
	.gift-voucher--body .ribbion{
		background:url(../images/ribbon1.png) no-repeat center center;
		padding:0.1rem 0 0.6rem 0;
		font-weight:600;
		margin-bottom:0.2rem;
	}
	.gift-voucher--body .upto{
		font-size:20px; text-align:left; font-weight:300; color:#65a40a;	
	}
	.gift-voucher--body .discount-value{
		font-size:54px; font-weight:600; color:#0244b0; line-height:38px
	}
	.gift-voucher--body .discount-off{
		font-size:20px; text-align:right; font-weight:300; color:#65a40a;
	}
	.member--form h2{
		font-size:20px;
		margin-bottom: 0.3rem;
	}
	.member--form p{
		font-size: 13px !important;
		font-weight: 500;
	}
	.input-txt {
		border: solid 1px #cbd0d7;
		height: 58px;
		border-radius: 3px;
		font-size: 14px;
		padding-left: 1rem;	
	}
	.member--form--active{
		background:#fed502;
		color:#111;
	}
	.member--form--active h2{
		color:#111;
	}
	.member--form--active p{
		color:#111;
	}
	.member--form--active .btn-primary{
		background:#111;  border-color: #111;
		color:#fff !important;
	}
	.member--form--active .btn-primary:hover {
    color: #111 !important;
    background-color: #fed502;
    border-color: #111;}
	.member--form--active a.text-blue { color: #111 !important;}

	@media(min-width:768px){
		.work-bdr{
			position:relative;
			z-index:110;
		}
		.work-bdr:after{
			content: '';
			background: #e9e9e9;
			position: absolute;
			height: 2px;
			width: 100%;
			top: 30%;
			left: 40%;
			z-index: 0;
		}
	}

 
.carousel-control-next-icon{
	background-color: var(--bg-white);
  	border-radius: 50%;
	position: relative;
	min-width: 32px;
}	
.carousel-control-next-icon::after{
	content: '\F285';
	position: absolute;
	font-family: "bootstrap-icons";
	color: var(--bg-black);
	left: 2px;
	width: 100%;
	top: 4px;
}
.carousel-control-prev-icon{
	background-color: var(--bg-white);
	border-radius: 50%;
	position: relative;
	min-width: 32px;
}
.carousel-control-prev-icon::after{
	content: '\F284';
	position: absolute;
	font-family: "bootstrap-icons";
	color: var(--bg-black);
	left: 0px;
	width: 100%;
	top: 4px;
}
.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 20px;
    height: 10px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #FFF;
    background-clip: padding-box;
    border: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    opacity: 1;
    transition: opacity .6s ease;
    border-radius: 8px;
}

#whatpeoplesays .carousel-indicators {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators .active {
	opacity: 1 !important;
    border: solid 2px var(--bg-white) !important;
    background: transparent;
    padding: 0rem;
    width: 40px;
	height: 6px;
	top: 1px;
	position: relative;
}

.testimonials .testimonials-name{
	border-left:solid 0px #DDD;
	text-align:left;
}

.testimonials-body img{
	width:50px;
	height:50px;
	text-align: left;
	display: initial !important;
	margin-bottom: 0.5rem;
}
.testimonials .testimonials-name h5{
	padding-bottom:0px;
	margin-bottom: 0px;
}
.testimonials p{
	font-size:15px !important;
	line-height:1.5;
	margin-bottom:1.8rem;
	margin-top: 0.6rem;
	color: #000;
	min-height: 135px;
}
.testimonials h5{
	line-height: 0;
	color: #00144f;
    font-size: 14px;
    font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}
.testimonials i{
	font-weight: 300;
}

.testimonials-body{
	margin: 0rem 0.6rem 1rem 0.6rem !important;
	padding:1.6rem 2rem;
	position: relative;
	background: #FFF;
	border: solid 0.9px #f7f7f7;
    /*box-shadow: 0 2px 18px 0 #f4f4f4;*/
	border-radius: 10px;
}

.testimonialhome{
	background: url(../images/bg-blue.svg) no-repeat;
    background-size: cover;
    padding-bottom: 1.5rem;
}
 
.bottomlink ul{
	margin-bottom:0px !important;
}

.text-nowrap{
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}

@media (max-width:480px) {
.carousel-control-next {
    right: 1rem !important;
}
}
.carousel-control-next {
    right: 2rem;
}
.carousel-control-prev {
    left: 1rem;
}

.newsletter-body{
	margin-top:0rem;
	padding-top:1.8rem;
	border-top:solid 1px #DDD;
	background: #5d47dd;
}
.bg-blue { background:#242ab4}

.newsletter .btn-primary{
	background: #f58634;
	border: solid 1px #f58634;
	color: #FFF !important;
}
.newsletter .search-query{
	border-radius: 5px !important;
	padding: 1.6rem;
	height: 50px;
}	
.newsletter .input-group-btn{
	position: relative;
    right: 0px;
	height: 50px;
}
.newsletter .input-group-btn button{
	border-radius: 5px !important;
	margin-top: 2px !important;
	height: 50px;
	margin-left: 1rem;
	padding: 0 2rem !important;
	z-index: 22;
}

/*.small { font-size: 100%;}*/
/* ============== */
    .navbar-collapse { padding:0}
    .navbar-collapse.in {overflow:visible}
    .main-nav { width:100%;}
    .main-nav .container { position:relative;}
    .main-nav ul.nav {
        width:100%;
        position:relative;
        z-index: 99;
        -webkit-transition:padding .3s;
        -moz-transition:padding .3s;
        transition:padding .3s;
        text-align:center
    } 
	
	 
    .testimonial .slick-slide {
      margin: 20px 5px;
    }
    .testimonial .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .testimonial .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
   
	.newsletter {
    	border-top:solid 0px #DDD;
	}
	.newsletter input{
		height:42px;
		border-radius:4px 0 0 4px !important;
	}
	.newsletter button {
		border: solid 0px #FFF !important;
		height:42px;
		padding:0rem 1rem !important;
		border-radius:0 4px 4px 0 !important;
	}


	/* Sweep To Right */
.btn-sweep{
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(245, 134, 52, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	}
  .btn-sweep:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f58634;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-radius: 3px;
  }
  .btn-sweep:hover, .btn-sweep:focus, .btn-sweep:active {
	color: white;
	border: none !important;
  }
  .btn-sweep:hover:before, .btn-sweep:focus:before, .btn-sweep:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
  }
  
.giftcard{
	border: solid 0px #dddddd;
    background: #FFF;
    border-radius: 5px;
	box-shadow: rgb(0 0 0 / 15%) 0px 5px 10px !important;
}

.giftcard figure{
	position:relative;
	margin-bottom:0.6rem;
	min-height:120px;
}
.giftcard figure img{
	justify-content: center;
}


.giftcard figure img{
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; overflow:hidden;
    }
	.giftcard figure  
    {                
          overflow:hidden;}
.giftcard:hover figure img
    {                
        -webkit-transform:scale(1.1); overflow:hidden;
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }



.giftcard figure a{
	position:relative;
	display: flex;
    align-items: center;
	justify-content: center;
}

.giftcard figure figcaption{
	position: absolute;
    top: 0px;
    background: #2a2a2a;
    color: #FFF;
    padding: 0.1rem 0.3rem;
    border-radius: 0.2rem;
    margin: 0.1rem;
    font-weight: 400;
    font-size: 11px;
}
.giftcard h4{
	font-weight:600;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}	

.giftcard p{
	color: #3e3f54;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 13px;
}	
.giftcards figure{
	position:relative;
	overflow: hidden;
	margin-bottom: 0.5rem;
}
.giftcards figure img{
	border-radius:15px 15px 15px 26px;
	border: solid 1px #E8E7E7;
}
.giftcards figure::after{
	background:url(https://www.discountelo.com/card/images/logo-favicon-white.png) no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	content:'';
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity:0.4;
}
.giftcards figure figcaption{
	position: absolute;
    top: 11px;
    background: #003f7d;
    padding: 0.6rem 0.5rem 0.6rem 0.5rem;
    left: -1.8rem !important;
    width: 120px;
    line-height: 9px;
    text-align: center;
    transform: rotate(322deg);
    letter-spacing: 0.3px;
}
.giftcards figure figcaption span{
	font-size:11px;
	font-weight:500;
	color:#FFF;
}

.giftcard-space{
	padding:0 0.4rem 0.6rem 0.4rem;
}
.giftcard-space h4{
	font-weight:600;
	font-size: 16px;
	margin-bottom: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.giftcard-space p{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 13px !important;
	font-weight:500;
}

.offer-label ul{
	padding: 0px;
}
.offer-label ul li{
	background: url(../images/label.png) no-repeat left top;
	list-style: none;
	padding-left: 2.3rem;
	padding-bottom: 0.6rem;
	font-size: 13px;
}

.cardvalue li{
	border: solid 1px #bdbdbd;
	padding: 0.3rem 0.8rem;
	font-size: 13px;
	border-radius: 4px;
	background: #FFF;
	color: #bdbdbd;
	margin: 0 0.2rem;
}
.cardvalue .active{
	background: #f99a3a !important;
	border: solid 1px #f99a3a !important;
	color: #FFF;
}
.carddetails h1{
	font-size: 20px;
}
.carddetails .form-group{
	max-width: 360px;
}
.carddetails .inputbox{
	border-top: none;
	border-left: 0px;
	border-radius: 0px;
	border-right: 0px !important;
}
.carddetails .inputbox {
    border-top: none;
    border: solid 1px #DDD !important;
}

.carddetails .list-inline-item:not(:last-child) {
    margin-right: 0rem;
}
.deal-menu ul li{
	border:solid 1px #DDD;
	border-radius: 5px;
	padding: 0.6rem 1.4rem;
}
.deal-menu .list-inline-item:not(:last-child) {
  margin-right: .0rem;
}
.deal-menu .active{
	background:#f58634;
	border:solid 1px #f58634;
}
.deal-menu .active a{
	color:#FFF;
}

	.form-group {
        position: relative;
    }

    .float-label .header-label {
        position: absolute;
        pointer-events: none;
        top: -8px;
        left: 10px;
        background-color: #FFF;
        padding: 0px 5px;
        font-size: 10px;
        visibility: visible;
        opacity: 1;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        color: #0085ff;
    }

    .float-label label {
        /* -webkit-transition: top 0.5s, left 0.5s, font 0.5s;
        -moz-transition: top 0.5s, left 0.5s, font 0.5s;
        -o-transition: top 0.5s, left 0.5s, font 0.5s;
        -ms-transition: top 0.5s, left 0.5s, font 0.5s; */
        position: absolute;
        left: 8px;
        font-size: 13.2px;
        top: 8px;
        visibility: hidden;
        opacity: 0;
    }

    .float-label .text_input {
        background: #fff;
        border: 1px solid #cfd2d9;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 0 16px;
        display: block;
        width: 100%;
        -webkit-appearance: none;
        height: 55px;
        font-size: 15px;
        line-height: 22px;
        box-shadow: none;
    }

    .float-label textarea {
        background: #fff;
        border: 1px solid #cfd2d9;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 10px 16px 0 16px !important;
        display: block;
        width: 100%;
        -webkit-appearance: none;
        height: 100px !important;
        font-size: 15px;
        line-height: 22px;
        box-shadow: none;
    }
	
	.localcategory{
		padding:2rem 2.5rem;
	}
 
@media only screen and (min-width:768px) {
	body{
		max-width:1920px;
		width:100%;
		margin:0px auto;
		position: relative;
	}
}
 
@media only screen and (max-width:767px) {
	h2, .h2 {
		font-size: 21px;
	}
	.localcategory{
		padding:1rem 1.5rem;
	}
	.outlet--category--body figure{
		max-height: 150px;
		overflow: hidden;
	}
	.coupon-code .btn-secondary{
		padding: 0.5rem 0.8rem !important;
	} 
	.link-case {
      position: relative;
      width: 100%;
      padding-top: 0.5rem;
    }
    .link-case .f-nav h4 {
      cursor: pointer;
      margin: 0;
      margin-bottom: 0px;
      padding: 0em 0em 0.4em 0em;
      margin-bottom: 4px;
      border-bottom: solid 0px #595959;
      background-color: transparent;
      font-weight: 500;
      font-size: 16px !important;
    }
    .link-case .f-nav h4:after {
      position: absolute;
      right: 0;
      top: 0px;
      content: "+";
      float: right;
      font-weight: 400;
      font-size: 21px;
    }
    .link-case .f-nav.open h4:after {
      content: "-";
    }
    .link-case ul {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.5s ease-out;
      margin-bottom: 0;
      margin-left: 1em;
	  position: relative;
    }
    .link-case ul a {
      padding-top: 5px;
      padding-bottom: 5px;
    }
    .link-case .f-nav.open ul {
      height: auto;
      max-height: 500px;
      transition: max-height 0.5s ease-in;
      margin-left: 0px;
    }
    .link-case .f-nav.open ul li {
      padding-bottom: 0rem;
    }
	footer .bottom::after{
		display:none;
	}
	
	.deal-menu ul li {
	  border: solid 1px #DDD;
	  border-radius: 5px;
	  padding: 0.6rem 1.4rem;
	  width: 49%;
	  margin-bottom: 0.3rem;
	}
	
	.tripackage {
		margin-bottom: 0.8rem;
	}
	footer .bottomlink > ul > li{
		width: 100%;
		vertical-align: text-top;
	}
	footer .bottomlink > ul > li:nth-child(1){
		width: 100% !important;
	}

	footer .bottomlink > ul > li:nth-child(2){
		width: 100% !important;
	}

	footer .bottomlink > ul > li:nth-child(3){
		width: 100% !important;
	}

	footer .bottomlink > ul > li:nth-child(4){
		width: 100% !important;
	} 
	.giftcard figure{
		min-height:110px;
	}
}
  
.slick-slide {
	margin:7px;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}
  
.generator-bg {
	background: transparent;
	color: #f58634 !important;
	border-radius: 50px;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 0.8rem 2.6rem !important;
}
 
  
  .btn-lg { padding:10px 35px !important;}
  
  /*#header{
	  background: #FFF !important; box-shadow:rgb(0 0 0 / 5%) 0px 5px 5px !important; 
	   
  }*/
  
  /* ==========================================================================
    Product Page Css
   ========================================================================== */
   .product-list .product-space{
	   padding:0rem 1.6rem 1rem 1.6rem;
	   border-radius: 0;
   }
    .product-list .product-space h3{
		font-size:17px;
		color: #00334e;
		font-weight: 500;
	}
   .product-list h4{
		font-weight: 400;
		color: #333333;
		font-size: 13px;
		line-height: 1.4;
		margin: 0.8rem 0 0.4rem 0;
   }
	.product-list figure{
		position: relative;
		padding: 0;
		margin-bottom: 1rem !important;
		min-height: 200px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 0;
		max-height: 260px;
		overflow: hidden;
	}
	.product-list figure img{
		display: inherit;
		border-radius:0;
	}
   .product-list figure figcaption .discount{
		position: absolute;
		background: #da0225;
		top: 5px;
		left: 5px;
		padding: 1px 4px;
		font-size: 10px;
		color: #FFF;
		border-radius: 3px;
		text-transform: uppercase;
		letter-spacing: 0.1px;
   }
  
   .product-list figure figcaption .tag{
		position: absolute;
		background: #5a5a5a;
		color: #FFF;
		padding: 0.8px 6px;
		font-size: 10px;
		letter-spacing: 0.8px;
		border-radius: 2px;
		top: 2px;
		right: 2px;
		text-transform: uppercase;
   }
   .product-list .price{
	   font-weight:400;
	   color:red;
	   font-size:18px;
	   margin-bottom: 0.8rem !important;
   }
   
    .product-list .price span{
		text-decoration: line-through;
		margin-left:0.2rem;
		color:#666;
		font-size: 14px;
   }

   .evoucher figure{
		position: relative;
		padding: 0;
		margin-bottom: 0rem !important;
		min-height: 130px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 0;
		max-height: 150px !important;
		overflow: hidden;
	}
   .btn-view{
		background: #fff4ee;
		border: solid 1px #f07431;
		color: #f07431 !important;
		font-size: 12px;
		padding: 0.4rem 0 !important;
		font-weight: 500 !important;
		width: 100% !important;
		display: block;
		margin-bottom: 1rem;
		letter-spacing: 0.5px;
	}
	.product-list:hover .btn-view{
		background: #f07431 !important;
		color: #FFF !important;
	}
	.brand{
	   	display: block;
		color: #000 !important;
		font-size: 12px !important;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-bottom: 0.2rem;
		margin-top: 0.4rem;
	}
	.brand span{
		font-weight: 500 !important;
	}
	.discountsmall{
		font-size: 13px;
	}

	.error {
		color: red;
	}

	.price-home .price{
		color: #34a853!important;
		font-weight: 500;
		font-size: 16px !important;
		text-align: left;
	}
	.price-home .price span{
		font-size: 12px !important;
		line-height: 1 !important;
	}
	.price-home .discountsmall{
		background-color: #fff6f5!important;
		border-radius: 2px;
		padding: 3px 8px;
		line-height: 18px;
		display: inline-block;
		font-weight: 700;
		font-size: 14px!important;
		color: #ef534e!important;
	}

	.price-home h4 {
		font-weight: 400;
		color: #333333;
		font-size: 14px;
		line-height: 1.4;
		text-align: left;
		min-height: 42px;
		overflow: hidden;
		max-height: 42px;
	  }


	.product-listview .product-space{
	   padding:0rem 1.6rem 1rem 1.6rem;
	   border-radius: 0;
   }
    .product-listview .product-space h3{
		font-size:17px;
		color: #00334e;
		font-weight: 500;
	}
   .product-listview h4{
	   	font-weight:500;
	   	color: #333333;
		font-size: 15px;
		line-height: 1.4;
   }
  .product-listview .btn{
	border-radius: 4px !important;
	letter-spacing: 1px;
	font-size: 13px !important;
	padding: 0.5rem !important;
  }
  .product-listview{
	transition: 0.4s ease all;
    border-radius: 7px;
    border: solid 1px #ededed;
    box-shadow: unset !important;
  }
  .product-listview .btnbuynow{
	display: none !important;
	transition: 0.4s ease all;
  }
  .product-listview:hover .btnbuynow{
	display: none !important;
	transition: 0.4s ease all;
  } 
  .product-listview:hover{
	transition: 0.4s ease all;
	margin-top: -0.6rem;
  }
	
	.btn--code{
		border-radius: 4px !important;
		letter-spacing: 1px;
		font-size: 15px !important;
		padding: 0.6rem 3rem !important;
	}
	
	.product-listview figure{
		position: relative;
		padding: 0 0 0.4rem 0;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		margin-bottom: 0.6rem !important;
		min-height: 200px;
		max-height: 200px;
		border-radius: 7px 7px 0 0;
	}
	.product-listview figure img{
		display: inherit;
		border-radius:0;
		/* max-width: 70%; */
		margin: 0px auto;
		object-fit: cover;
	}
   .product-listview  .discount{
		padding: 5px 5px;
		font-size: 11px;
		letter-spacing: -0.4px;
		color: #d96e1f;
		font-weight: 400;
		background: #f9deca;
   }
  
	.offerprice{
		position: absolute;
		background: #4f4c4d;
		top: 5px;
		right: 5px;
		padding: 1px 4px;
		font-size: 9px;
		color: #FFF;
		border-radius: 3px;
		text-transform: uppercase;
		letter-spacing: 0.2px;
   }
  
  
   .product-listview figure figcaption .tag{
		position: absolute;
		background: #5a5a5a;
		color: #FFF;
		padding: 0.8px 6px;
		font-size: 10px;
		letter-spacing: 0.8px;
		border-radius: 2px;
		top: 2px;
		right: 2px;
		text-transform: uppercase;
   }
   .product-listview .price{
		font-weight: 600;
		color: black;
		font-size:16px !important;
		margin-bottom: 0.2rem !important;
		font-family:'Arial';
   }
   .special--price{
		margin-right: 0.2rem;
		color: #FFF;
		background: #d96e1f;
		font-weight: 400;
		padding: 0.1rem 0.5rem;
		font-size: 11px;
		font-family: 'Arial';
		position: absolute;
		left: 5px;
		top: 5px;
		text-align: left;
		border-radius: 4px;
   }
   .product-listview .price span{
		text-decoration: line-through;
		margin-left:0rem;
		color:#a5a5a5;
		font-size: 12px;
   }

   .blink_me {
		animation: blinker 1s linear infinite;
	}
	
	@keyframes blinker {
		50% {
		opacity: 0;
		}
	}

	/*==================================================
	Internal page css 
	==================================================*/
	.login-box{
		position: relative;
		z-index: 1;
	}
	.login-box::after{
		background: #eaeefa;
		position: absolute;
		content: '';
		right: 0px;
		top: 0px;
		width: 55%;
		height: 100%;
	}

	.login-box::before{
		background: #FFF;
		position: absolute;
		content: '';
		left: 0px;
		top: 0px;
		width: 50%;
		height: 100%;
	}

 	.page-banner{
		background: #FFF;
		margin-top: -8rem;
		margin-bottom: 4rem;
		border-radius: 5px;
		z-index: 1;
	}

	.filter {
		background: #FFF;
		border: solid 1px #e7e7e7;
		border-radius: 6px;
	}
	.filter .accordion-button{
		padding: 0.9rem 1.25rem;
	}

	.filter .filter-body{
		max-height: 200px;
		overflow-y: scroll;
	}

	.enjoy-discount {
		border-radius: 5px !important;
	}
	.form-check-input{
		border: solid 1px #565a5c;
	}
	 
	.enjoy-discount h3{
		color: #201e1e;
	}

	.enjoy-discount p{
		color: #6b6b6b;
	}
	.text-sort{
		white-space: nowrap; 
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.line-clamp{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	
	.applynowleftpr{
		position: sticky;
		top: 6rem;
	}
	
	/*==================================================
	Tour page css 
	==================================================*/
	.rounded-5{
		border-radius: .5rem !important;
	}
	.tour-slider-caption .carousel-caption {
		bottom: 40% !important;
	}
	.tour-slider-caption .carousel-caption h3{
		font-size: 36px;
		font-weight: 500;
	}
	.tour-slider-caption .carousel-caption h3 span{
		font-weight: 800;
	}
	.tour-slider-caption .carousel-caption p{
		font-size: 18px;
		font-weight: 500;
	}

	.heading-tour h2{
		position: relative;
		font-size: 1.6rem !important;
		z-index: 1;
		font-weight: 600;
		color: #3e3f54;
	}
	.tour-category .tour-home figure{
		margin-bottom: 1.2rem;
	}
	.tour-category .tour-home img{
		border-radius: 3px;
	}
	.tour-category .tour-home h3{
		margin-bottom: 0.4rem;
		font-size: 14px;
		font-weight: 500;
		color: #3e3f54;
		white-space: nowrap; 
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.btn-view-all{
		border-radius: 50px !important;
		padding: 0.5rem 2rem;
		color: #f58634;
		border-color: #f58634;
	}
	.tour-category .tour-home .price{
		color: #000;
		font-size: 14px;
		font-weight: 600;
	}
	.tour-category .tour-home .price .discount{
		margin-left: 0.4rem;
		color: #616161;
		text-decoration: line-through;
		font-size: 12px;
	}

	.tour-category .tour-home .price .discount-per{
		color: red !important;
		margin-left: 0.4rem !important;
		font-size: 12px;
		letter-spacing: 0.2px;
	}

	.single_price_plan{
		background:#f3f8fc !important;
		border-radius: 10px;
	}
	
	.single_price_plan_pro .description{
		margin-top:1.2rem
	}

	.single_price_plan .description{
		margin-top:1.2rem
	}
	.single_price_plan .description .bi-check-lg{
		width: 49px !important;
		height: 20px !important;
		padding: 0.3rem 0.4rem;
		font-size: 16px;
		border-radius: 4px;

	}
	
	.single_price_plan .description .bi-x-lg{
		width: 49px !important;
		height: 20px !important;
		padding:0;
		font-size: 14px !important;
		margin-left: 8px !important;
	}

	.single_price_plan_pro .bi-x-lg{
		width: 49px !important;
		height: 20px !important;
		padding:0;
		font-size: 14px !important;
		margin-left: 0px !important;
	}

	.single_price_plan h3{
		font-weight: 700 !important;
	}
	
	.single_price_plan_pro{
		background:#4d0087 !important;
		border-radius: 10px;
		color:#FFF !important;
	}
	.single_price_plan_pro h3{
		color:#FFF !important;
		font-weight: 700 !important;
	}
	.single_price_plan_pro p{
		color:#FFF !important;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.3px;
	}

	.single_price_plan p{
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.3px;
	}

	.flip-card-front{
		background: #fff;
		border-radius: 8px;
		padding: 2.6rem;
		text-align:center;
		min-height: 180px;
	}
	.flip-card-front .bi{
		font-size: 32px;
	}
	
	.filterbox{
		overflow: auto;
		position: relative;
		width: 100%;
		max-width: 100%;
		height: 150px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		font-size: 14px;
		margin-top:0.8rem;
	}
	.product-count{
		text-align:right;
		position:absolute;
		right:0px;
		font-size:12px;
	}
	
	.filterbox2{
		overflow: auto;
		position: relative;
		width: 100%;
		max-width: 100%;
		height: 245px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		font-size: 14px;
		margin-top:0.8rem;
	}

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
		padding-left: 0.3rem;
	}
 

	.mCSB_inside > .mCSB_container .form-check-label{
		padding-left: 0.4rem;
	}
	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 5px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 5px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }

 
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.vissible-m{
		display:none;
	}

	.filter-type{
		margin-top: 1rem;
		border-bottom: solid 1px #e7e7e7;
		padding-bottom: 1rem;
	}
	.filter-type h4{
		font-size: 14px;
  		font-weight: 600;
	}
	
	.form-check .form-check-input{
		float: left;
		margin-left: -1.1em;
		font-size: 21px;
		margin-top: 0rem;
		border-radius: 4px !important;
	}
	.pagination-container ul li{
		border:solid 1px #DDD;
		margin: 0 0.2rem;
		background: #FFF;
	}
	.pagination-container .active{
		background:#f68735;
		color:#FFF;
		border:solid 1px #f68735;
	}
	
	.product-details{
		padding:0 0 0 2rem;
	}
	
	.fabric-size li{
		border: solid 1px #838383;
		padding: 0.4rem 0.6rem;
		border-radius: 4px;
		margin-bottom: 0.6rem;
	}
	
	/* ==========================================================================
	Product Details page css
	========================================================================== */
	.breadcum-body{
		border-bottom: solid 1px #ebebeb; 
		padding: 0.2rem 0; 
		border-top: solid 1px #ebebeb;
		background: #ffe8df;
	}

	.gc-thumbs-area.gc-vt li{
		border: solid 1px #e3e0e0 !important;
		border-radius: 5px !important;
	}

.product-details {
    background: #FFF;
    padding: 0 1rem;
}

    .product-details h1 {
		font-size: 22px !important;
		font-weight: 600;
		line-height: 1.4;
    }

    .product-details .product-size li {
        background: #FFF;
        border: solid 1px #bfc0c6;
        border-radius: 50px !important;
        width: 40px;
        height: 40px;
        line-height: 2.7;
        text-align: center;
        font-size: 14px !important;
        font-weight: 600;
    }

    .product-details .product-size .active {
        border: solid 1px #f16623 !important;
    }

    .product-details .text-info {
        color: #319ef5 !important;
    }

	.rating{
		color: #585858;
		font-size: 12px;
	}	
    .product-details .rating{}

    .product-details .rating .review {
        font-size: 11px;
        font-weight: 300;
        color: #4abcf0;
    }

    .product-details .rating i {
        color: #fcca24;
        font-size: 13px;
        margin-left: 0.1rem;
    }

    .product-details .price {
        font-size: 24px;
        font-weight: 600;
        color: #000;
    }

	.product-details .price .price-cut {
		color: #a3a3a3;
		text-decoration: line-through;
		font-size: 17px;
		font-weight: 500;
	}

.btn-number {
    padding: 0.2rem 0.4rem !important;
}

.product-details .price small {
    color: #f16623;
    font-size: 17px;
}

.product-details .product-bdr {
    background: #e9e9e9;
    width: 100%;
    height: 1px;
    margin: 1rem 0;
}

.product-details .product-colors li {
    width: 30px;
    height: 26px;
    border-radius: 3px;
}

.product-descriptions {
    padding: 2.6rem;
}

    .product-descriptions ul li a {
        background: #ebebeb;
        margin: 0.4rem 0.6rem;
        border-radius: 50px !important;
        border: solid 1px #cbcbcb;
        padding: 0.4rem 2rem;
        font-weight: 500;
    }

    .product-descriptions ul li {
        padding-left: 0px;
        padding-right: 0px;
    }

        .product-descriptions ul li .active {
            background: none !important;
            color: #f16623 !important;
            border-bottom: solid 1px #f16623 !important;
            border-radius: 0px !important;
        }

    .product-descriptions .nav-pills .nav-link {
        color: #000;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 1.6rem;
        margin-right: 1.6rem;
    }

.radiocustom {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: -1.1rem;
}

    .radiocustom input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.location-track .collapsibles {
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border: solid 1px #e9e9e9;
}

.location-track .active, .collapsibles:hover {
    background-color: #FFF;
}

.location-track .collapsibles:after {
    content: '\002B';
    color: #000;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.location-track .active:after {
    content: "\2212";
}

.location-track .content {
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.location-track .content-box {
    border-left: solid 1px #e9e9e9;
    border-right: solid 1px #e9e9e9;
    border-bottom: solid 1px #e9e9e9;
    padding: 1.4rem;
    transition: max-height 0.2s ease-out;
    margin-top: -0.3rem;
    z-index: 9999;
    position: relative;
    width: 100%;
    background: #FFF
}

.fa-star, .fa-star-o {
    /*color: #fcca24;*/
}

.product-review .name-circle {
    background: #3f8f84;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    text-align: center;
    font-size: 24px;
    color: #FFF;
    font-weight: 500;
    line-height: 1.8;
}

.rating-bdr {
    position: relative;
}

    .rating-bdr::after {
        border-right: solid 1px #e3e3e3;
        width: 1px;
        height: 90px;
        content: '';
        right: 10%;
        top: 2%;
        position: absolute;
    }

	.bsb-accordion-6 .accordion-button{
		background: #ffe8df !important;
		padding: 0.8rem 0.8rem 0.8rem 1.2rem !important;
	}
	.bsb-accordion-6 .accordion {
		--bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27%23212529%27 class=%27bi bi-plus%27%3E%3Cpath d=%27M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z%27/%3E%3C/svg%3E");
		--bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27%23052c65%27 class=%27bi bi-dash%27%3E%3Cpath d=%27M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z%27/%3E%3C/svg%3E")
	}
	.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed{
		box-shadow: none !important;
	}
	.accordion-item:first-of-type > .accordion-header .accordion-button{
		box-shadow: none !important;
	}
	.bsb-accordion-6 .accordion-button::after{
		background-color: #FFF !important;
		border-radius: 50% !important;
	}
.rating > input {
    display: none;
}

.rating > label:before {
    margin: 0 5px;
    font-size: 38px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before {
    content: "\f089";
    position: absolute;
}

.rating > label {
    color: #ddd;
    float: right;
}


.radiocustom {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    top: -1.1rem;
}

    .radiocustom input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 30px;
    background-color: #eee;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.radiocustom:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocustom input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocustom input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radiocustom .checkmark:after {
    top: 6px;
    left: 9px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: url(../images/check.svg) no-repeat;
    content: '';
    position: absolute;
    z-index: 99;
}


.radiosize input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmarks {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 30px;
    background-color: #eee;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.radiosize:hover input ~ .checkmarks {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiosize input:checked ~ .checkmarks {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarks:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiosize input:checked ~ .checkmarks:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radiosize .checkmarks:after {
    top: 6px;
    left: 9px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: url(../images/check.svg) no-repeat;
    content: '';
    position: absolute;
    z-index: 99;
}


/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
    color: #FFD700;
}
    /* hover previous stars in list */

    .rating > input:checked + label:hover, /* hover current star when changing rating */
    .rating > input:checked ~ label:hover,
    .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
    .rating > input:checked ~ label:hover ~ label {
        color: #FFED85;
    }

.login-bg {
    background: url(../images/login-bg.jpg) no-repeat top center;
    background-size: 100% 100%;
}

#customBtn {
    display: inline-block;
    background: #4285f4;
    color: #FFF;
    width: 190px;
    border-radius: 3px;
    white-space: nowrap;
}

    #customBtn:hover {
        cursor: pointer;
    }

.icon-google {
    background: url('../images/g-normal.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    background-color: #FFF;
    width: 42px;
    height: 42px;
    margin: 1px;
    border-radius: 3px 0 0 3px;
}

.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-left: 42px;
    padding-right: 42px;
    font-size: 14px;
}

.facebook-btn {
    display: inline-block;
    background: #3c5b9b;
    color: #FFF;
    width: 190px;
    border-radius: 3px;
    white-space: nowrap;
}

#facebook-btn:hover {
    cursor: pointer;
}

.icon-fb {
    background: url('../images/facebook.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    margin: 1px;
    border-radius: 3px 0 0 3px;
}

.panels-sticky{
	position: sticky;
    top: 1rem;
}


@media(max-width:992px){
	.product-listview figure{
		min-height:190px;
	}
}

	@media(max-width:767px){
		.product-home .spaces .pricing{
			font-size: 13px !important;
		}
		.product-home figure{
			max-height: 155px;
		}
		.product-home figure img{
			object-fit: cover;
			max-height: 155px;
			width: 100%;
		}
		.ul.pagination li a{
			padding: 2px 4px !important;	
		}
		.vissible-m{
			display:block;
		}
		.newsletter-body{
			padding-top: 0.8rem;
		}
		.slick-slide{
			margin: 0 0.3rem !important;
		}
		.heading-tittle h2{
			font-size: 1.8rem !important;
			text-align: center !important;
		}
		.product-list figure {
			margin: 0.8rem 0;
		}
		.product-list figure img{
			max-width: 100px;
			max-height: 100px;
		}
		.product-list{
			padding-bottom: 1rem;
		}
		.howwework{
			padding-left: 0.6rem;
			padding-right: 0.6rem;
		}
		.howwework-section{
			padding: 2rem 0;
		}
		.howwework-section .howwework-box{
			text-align: center;
			padding: 1rem;
		}
		.whychoose-section ul li{
			font-size: 13px;
			line-height: 1.2;
		}
		.product-list .px-4{
			padding-left: 0.8rem !important;
			padding-right: 0.8rem !important;
		}
		
		.howwework{
			margin-bottom: 1rem;
		}

		.product-list{
			padding-bottom:0rem !important;
		}

		.testimonials-body{
			text-align: center;
		}
		.text-xs-center{
			text-align: center !important;
		}
		.howwework-section .howwework-box{
			width: 100%;
		}
		header{
			min-height: auto;
		}
		header .headerfix{
			position: fixed;
			width: 100%;
			z-index: 9999;
			background: #FFF;
		}
		
		.wsmainfull {
			border: none !important;
		}

		.login-box::after{
			width: 100%;
			height: 100%;
		}

		.login-box::before{
			width: 100%;
			height: 100%;
		}

		.page-banner{
			background: #FFF;
			margin-top: 0rem;
			margin-bottom: 1rem;
			border-radius: 0px;
			z-index: 1;
		}
		
		button.accordions {
			background-color: #f58634;
			border:1px solid #dee2e6 !important;
			color: #fff;
			border-radius: .3rem !important;
			cursor: pointer;
			padding: 12px 18px;
			width: 100%;
			border: none;
			text-align: left;
			outline: none;
			font-size: 15px;
			margin-bottom:0.6rem;
		}
	
		button.accordions.active, button.accordions:hover {
			background-color: #555;
		}
	
		button.accordions:after {
			content: '\002B';
			color: white;
			font-weight: bold;
			float: right;
			margin-left: 5px;
		}
	
		button.accordions.active:after {
			content: "\2212";
		}
		.panels {
			padding: 0;
			background-color: #f1f1f1;
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.2s ease-out;
		}
		.modelmobile{
			margin-top:9.5rem !important;
		}
	}
	
	.loginbox{
		position: relative;
		z-index: 1;
	}
	.loginbox::after{
		background: #eceafa;
		position: absolute;
		content: '';
		right: 0px;
		top: 0px;
		width: 50%;
		height: 100vh;
	}

	.loginbox::before{
		background: #FFF;
		position: absolute;
		content: '';
		left: 0px;
		top: 0px;
		width: 50%;
		height: 100vh;
	}

	.form-items{
		padding: 5rem;
	}

	.form-content{
		padding:2rem !important;
	}

	.content-para h1{
		font-size: 30px !important;
	}
	
	
	.apply-box{
		position: relative;
		z-index: 1;
		padding: 4rem 0 18rem 0;
		background:url(../images/loginbg.png) no-repeat left bottom;
	}
	.apply-box::after{
		background: #f58634;
		position: absolute;
		content: '';
		right: 0px;
		top: 0px;
		width: 50%;
		height: 100%;
	}

	.apply-box::before{
		position: absolute;
		content: '';
		left: 0px;
		top: 0px;
		width: 50%;
		height: 100%;
	}
	
	.store-box{
		position: relative;
		z-index: 1;
		padding: 3rem 0 5rem 0;
		background:url(../images/storelocal2.png) no-repeat right bottom;
	}
	.store-box::after{
		/*background: #f2f2f2;*/
		position: absolute;
		content: '';
		right: 0px;
		top: 0px;
		width: 50%;
		height: 100%;
	}

	.store-box::before{
		position: absolute;
		content: '';
		left: 0px;
		top: 0px;
		width: 50%;
		height: 100%;
		background:url(../images/bg.svg) no-repeat right top;
		background-size: cover;
	}
	
	@media(max-width:767px){
		
		.loginbox::after{
			background: #eceafa !important;
			position: absolute;
			content: '';
			right: 0px;
			top: 0px;
			width: 100% !important;
			height: 100vh;
		}

		.form-items{
			padding: 2rem !important;
		}
		
		.form-content{
			padding:2rem !important;
		}
		
		.store-box::after{
			background: #f2f2f2;
			position: absolute;
			content: '';
			right: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
		}

		.store-box::before{
			position: absolute;
			content: '';
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
		}
			
	}


	
	
	
  .localoutlet-sliders img{
	border-radius: 5px;
  }

  .localoutlet-sliders .slick-slide{
	border-radius: 5px;
  }
  
  .localoutlet-slider{
	background: #f3f3f3;  
	padding: 2rem 0 0rem 0;
}

.outlets{
	background: url(../images/intro1.jpg); background-size: cover; 
	min-height: 480px;
	position: relative;
	overflow: hidden;
}
.outlets::before{
	content: '';
	background-image: linear-gradient( rgba(0,0,0,0.7), rgba(0,0,0,0.7));
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	bottom: 0px;
}
.outlets-banner{
	position: relative;
	z-index: 2;
}
.outlets-banner ul li a{
	color: #FFF;
	margin: 0 1rem;
}
.outlets-banner ul li{
	position: relative;
}
.outlets-banner ul li:after {
    position: absolute;
    top: 15%;
    left: 100%;
    width: 1px;
    height: 15px;
    background-color: rgba(255,255,255,0.6);
    content: "";
}
.outlets-banner h1{
	font-size: 32px;
	color: #FFF;
	font-weight: 700;
	letter-spacing: 1px;
}
.outlets-banner h1 a{
	color: #f58634;
}
.outlets-banner p{
	font-size: 15px;
    color: #FFF;
    letter-spacing: 0;
    margin-bottom: 0.3rem;
}
.outlet--search--input .btn{
	height: 53px;
    border-radius: 4px;
    line-height: 1.3 !important;
	padding: 0px !important;
}
.iconbg:nth-child(2) img{
	background: #D4EFDF;
}
.iconbg:nth-child(3) img{
	background: #FCF4DB;
}
.iconbg:nth-child(4) img{
	background: #FEDDD8;
}
.iconbg:nth-child(5) img{
	background: #F2E0FE;
}
.iconbg:nth-child(6) img{
	background: #E9EEFD;
}
.iconbg:nth-child(7) img{
	background: #FFEEE2;
}
.iconbg:nth-child(8) img{
	background: #D4F4F8;
}
.outlets-category-home .bi{
	text-align: center;
	font-size: 34px;
	padding: 0.8rem 1.2rem;
	border-radius: 8px;
}
.outlets-category-home figure{
	position: relative;
	margin-bottom: 0rem;
} 
.outlets-category-home figure img{
	border-radius: 4px 4px 0 0 !important;
} 

.outlets-category-home{
	border-radius: 6px;
	padding: 3rem 2rem 2rem 2rem;
}
.outlets-category-home .outlets-space{
	padding: 0.8rem 1rem 1rem 1rem;
}

.outlets-category-home h3{
	font-size: 18px;
	color: #3e3f54;
	font-weight: 500;
}


.outlets-category-home figure{overflow: hidden;}
.outlets-category-home figure img{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.outlets-category-home figure img:hover{                
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}

.icon-size{
	max-width: 70px;
	border-radius: 10px;
	padding: 0.7rem;
}

.icon-bg1{
	background: #D4F4F8;
}
.icon-bg2{
	background: #FEDDD8;
}

.icon-bg3{
	background: #FCF4DB;
}

.icon-bg4{
	background: #FFEEE2;
}

.icon-bg5{
	background: #D4EFDF;
}

.icon-bg6{
	background: #F2E0FE;
}

.icon-bg7{
	background: #DAD9F8;
}

.icon-bg8{
	background: #D4F4F8;
}

.storelisting{
	background: #FFF;
	border-radius: 0.2rem;
}
.storelisting figure{
	max-height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 170px;
}
.storelisting img{
	border-radius: 4px;
	width: 100%;
}
.storelisting h5{
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 0.6rem;
}
.storelisting .storeaddress{
	font-size: 14px;
	color: #5c5c5c;
	margin: 0.4rem 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.storelisting .storename{
	font-size: 14px;
	color: #333;
}
.listing-main{
	margin-bottom: 0rem;
}
 
.listing-img{
	max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.listing-img-main figure{
	max-height: 185px;
    overflow: hidden;
	margin-bottom: 0px;
}
.listing-main .btn-outline-primary{
	color: #f58634;
    border-color: #f58634;
    border-radius: 2px;
}
.listing-main .btn-outline-primary:hover{
	color: #FFF !important;
    border-color: #f58634;
	border-color: #f58634;
}
.listing-data{
	padding: 0.8rem 0.8rem 0.8rem 1.2rem; 
}
.listing-data h3{
	font-size: 18px;
	font-weight: 500;
}
.listing-data-list .bi{
	color: #f58634;
	font-size: 15px;
	margin-right: 0.3rem;
}
.listing-data-list ul li{
	margin-bottom: 0.2rem;
	font-size: 15px;
}
.bg-btn-green{
	background: #32cc6f;
	color: #FFF;
	border-radius: 2px;
	padding: 0.2rem 0.6rem;
}
.localbox-main .localbox{
	
}

.icon-shop{
	display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 2.26667rem;
    height: 2.26667rem;
    background: rgba(144,58,249,.1);
    font-size: 1.1rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 20rem;
    border-radius: 20rem;
    margin-right: 0.4rem;
	color: #903af9;
}
.bg-btn-pink{
	background: #f5548e;
	color: #FFF;
	border-radius: 2px;
	padding: 0.2rem 0.6rem;
}
.bg-btn-gray{
	background: transparent;
	color: #32cc6f;
	border-radius: 2px;
	border: 1px solid #e3e6ef;
	padding: 0.2rem 0.6rem;
}

.outlet-product figure img{
	border: solid 1px #f1f1f1;
	border-radius: 5px !important;
	padding: 0rem;
}
.outlet-product figure{
	margin-bottom: 0.7rem;
}
.outlet-product h4{
	color: #000;
	font-size: 20px !important;
}
.outlet-product p{
	margin-bottom: 0.2rem;
}
.outlet-product .rating .bi-star-fill{
	color: #ffc120;
}
.outlet-product .disocunt{
	font-size: 20px;
	font-weight: 600;
	color: #eb0028;
}
.outlet-product .disocunt .pricecut{
	font-size: 16px;
	font-weight: 500;
	text-decoration: line-through;
	color: #000;
}
.outlet-details{
	padding-left: 0rem;
	position: sticky;
	top: 1rem;
	margin-top: 0rem;
}

.outlet-details h1{
	font-size: 30px !important;
	font-weight: 600 !important;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.outlet-details .address{
	color: #1c8fed !important;
	font-size: 14px;
}
.outlet-details .offer-label{
	font-size: 14px;
}
 
.outlet-details .rating {
	margin-bottom: 2rem !important;
	line-height: 2.8;
}
.outlet-details .rating .bi-star-fill{
	color: #ffc120;
}
.outlet-details .disocunt{
	font-size: 20px;
	font-weight: 600;
	color: #eb0028;
}
.outlet-details .disocunt .pricecut{
	font-size: 16px;
	font-weight: 500;
	text-decoration: line-through;
	color: #000;
}

.offer-list .form-check{
	border-bottom: solid 1px #DDD;
	padding-bottom: 1rem;
	padding-top: 1rem;
}
.discount-message{
	background: #f7dee2;
	color: #eb0028;
	width: auto;
	border-radius: 0.4rem;
	font-size: 12px;
	font-weight: 600;
	padding: 0.2rem 0.4rem;
	width: 70px;
	text-align: center;
}

.text-green{
	color: green;
}

.product-review{
    margin: 0 0.4rem 0.4rem 0.4rem;
  }
  .product-review{
    padding-top: 0rem;
  }
  .product-review .name-circle{
    background: #8c8988; 
    width: 45px; 
    height: 45px; 
    border-radius: 50px; 
    text-align: center; 
    font-size: 24px; 
    color: #FFF; 
    font-weight: 500; 
    line-height: 1.8;
    position: relative;
  }
  .product-review .name-circle span{
    position: absolute;
    bottom: 0px;
  }
  .bi-star-fill{
	  color: #ffc120;
  }


  .outlet-details-heading {
	padding: 0.6rem 0.6rem 0.6rem 1.6rem;
  } 
  .outlet-details-heading h2{
	font-size: 30px;
	font-weight: 700;
	margin-top: 0.4rem;
	margin-bottom: 0.6rem;
  }
  .outlet-details-heading .store-name{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 1.2rem;
	letter-spacing: 0.3px;
	color: #8A8A8A;
  }
  .text-primary{
	color: var(--bg-orange) !important;
  }

.coupon-code{
	padding:0.8rem 0 1.2rem 0;
	border-bottom: 1px solid #e7e7e7;
	-webkit-transition: all .5s;
    transition: all .5s;
	border-radius: 5px;
	margin-top: 0.6rem;
}
/*.coupon-code:hover, .coupon-code:focus {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}*/
.coupon-code h5{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
}
.selectdate{
	font-size: 14px;
	color: #6c757d !important;
}
.vaildtill{
	font-size: 14px;
}

.discount-tag{
    font-weight: 400;
	font-size: 10px;
	text-align: center;
	max-width: 80px;
	width: auto;
	padding: 2px 5px;
	background-color: #f6fff7 !important;
	border: solid 1px #34a853;
	color: #34a853;
	border-radius: 3px;
}
.coupon-code .price{
	font-weight: 600;
    font-size: 18px !important;
}
.coupon-code .price .discountmrp{
	text-decoration: line-through;
	color: #999!important;
	font-weight: 400 !important;
	font-size: 12px;
}
.coupon-code .btn-secondary{
	border: dashed 1px #f58634;
    background: #f58634;
    color: #FFF;
    padding: 0.5rem 1rem !important;
    font-size: 14px;
    border-radius: 3px !important;
    font-weight: 400;
}
.coupon-code .btn-secondary:hover{
	border:solid 1px #df701e;
	color: #FFF;
	background: #df701e;
}

.outlet-home h4{
	font-size: 17px !important;
	margin-bottom: 3px !important;
}
.outlet-home p{
	font-size: 13px !important;
	margin-bottom: 7px !important;
	font-weight: 400;
}
.icon-contact{
	background: #f9f1eb;
    padding: 0.6rem 0.7rem;
    border-radius: 50px;
    font-size: 18px !important;
}
 
.how-wrks-inn{}
.how-wrks-inn ul{
	padding: 0px;;
}
.how-wrks-inn ul li{
    float: left;
    width: 25%;
	list-style: none;
}
.how-wrks-inn ul li div{
    text-align: center;
    border: 1px dashed #d0d0d0;
    border-radius: 5px;
    padding: 15px 15px 15px 15px;
    margin: 0px 10px;
    position: relative;
    transition: all 0.5s ease;
}
.how-wrks-inn ul li div:hover{
	background: #fff;
    transform: translateY(-8px);
    box-shadow: 0 19px 46px -39px rgb(37, 39, 42);}
.how-wrks-inn ul li div span{
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    padding: 4px 0px 0px 0px;
    display: table;
    margin: 0 auto;
    margin-top: -32px;
	background: #081b4b;
}
.how-wrks-inn ul li div img{
    width: 72px;
    margin-top:15px;
}
.how-wrks-inn ul li div h4{
    font-weight: 500;
    font-size: 18px;
    padding:10px 0px 0px 0px;
	line-height: 1.4;
}
.how-wrks-inn ul li div p{
    margin: 0px;
    font-size: 14px;
}
.howitwork{
	padding-top: 4rem;
	padding-bottom: 4rem;
	background-image:linear-gradient(to bottom,#eceef4,#fff) !important;
}

.rhs ul li{
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 0px;
	position: relative;
}  
.rhs p{
	font-size: 16px;
}

.outlet-home-bg{
	background-image:linear-gradient(to bottom,#fff,#eceef4);
	position: relative;
	padding-bottom: 8rem !important;
}
.outlet-home-bg::after{
	content: '';
    position: absolute;
    width: 100%;
    height: 158px;
    background: url(../images/city-bg.png);
    display: inline-block;
    bottom: 0px;
    left: 0px;
    background-size: contain;
    opacity: 0.9;
    filter: sepia(1);
	z-index: 2;
}
.zindex{
	z-index: 99999 !important;
	position: relative;
}

.app-download img{
	max-width: 140px;
	margin-right: 0.6rem;
}

.local-storeimg figure{
	overflow: hidden;
	max-height: 230px;
}

.demo-gallery > div > div {
	float: left;
	margin-bottom: 0;
}
.demo-gallery > div > div a {
	border: 3px solid #FFF;
	border-radius: 8px !important;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
}
.demo-gallery > div > div a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.demo-gallery > div > div a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > div > div a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery > div > div a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery > div > div a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery > div > div a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
	opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
}
 
.localstoe-tabs .nav-tabs .nav-link{
	padding: 1rem;
	border-radius: 0px !important;
	color: #000;
	min-width: 130px;
	border: 0px solid transparent !important;
}
.localstoe-tabs .nav-item{
	background: #f0f0f0;
	border-right: solid 1px #FFF !important;
}
.localstoe-tabs .nav-item a{
	color: #FFF;
}
.localstoe-tabs .nav-tabs .active{
	border-top: solid 4px #F58634 !important;
}

.whatsapp-icon {
	position: fixed;
	bottom: 2em;
	z-index: 999999;
	right:1.2em;
	display: inline-block;
}
.whatsapp-icon .icon a{
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
	color: #4B7E43;
	font-size: 14px;
	background-color: #fff;
	padding: 5px 5px 5px 10px;
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05);
	border-radius: 25px;
	border: 1px solid #4B7E43;
	transition: all 0.3s linear;
	color: #4B7E43;
}
.whatsapp-icon .icon a img { padding-left:5px;}
@media (max-width: 767px) {
	.howwork figure{
		margin: 0px auto 1.6rem auto;
	}
	.outlets-banner p{
		font-size: 13px;
	}
	.outlets-banner h1 {
	  font-size: 24px;
	  color: #FFF;
	  margin-bottom: 1.4rem;
	}
	.how-wrks-inn ul li{
		float: left;
		width: 100%;
		list-style: none;
		margin-bottom: 2rem;
	}

	.whatsapp-icon {left: 1rem;}
	.whatsapp-icon a { font-size: 12px;}
	.whatsapp-icon a img {width: 25px;}
	.outlet-details-heading {
		padding: 0 0.6rem;
	} 
	.outlet-details-heading h2{
		font-size: 26px;
	}
	.localstoe-tabs .nav-tabs .nav-link{
		min-width: 100px;
	}
	.localstoe-tabs .nav-tabs .nav-link{
		padding: 0.8rem 1rem;
	}
	.apply-box{
		padding: 0 1.6rem;
	}

	.apply-box::after{
		background: #f2f2f2;
		position: absolute;
		content: '';
		right: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
	}
	
	.sweet-alert h2{
		color: #575757;
		font-size: 20px !important;
		text-align: center;
		font-weight: 600;
		text-transform: none;
		position: relative;
		margin: 0px 0;
		padding: 0;
		line-height: 26px !important;
		display: block;
	}
	.sweet-alert button{
		margin: 10px 5px 0 !important;
	}
	.outlet--details--banner h1{
		font-size: 22px;
	}
	.outlet--details--banner ul li{
		font-size: 12px !important;
	}
}

/* Menu Fade Down Css */


@media(min-width:767px){
	.wsmenu > .wsmenu-list > li > ul.sub-menu {
	  opacity: 0;
	  visibility: hidden;
	  -o-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	  -moz-transform-origin: 0% 0%;
	  -webkit-transform-origin: 0% 0%;
	  -o-transition: -o-transform 0.3s, opacity 0.3s;
	  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
	  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
	  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	  transform-style: preserve-3d;
	  -o-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -webkit-transform-style: preserve-3d;
	  transform: rotateX(-75deg);
	  -o-transform: rotateX(-75deg);
	  -moz-transform: rotateX(-75deg);
	  -webkit-transform: rotateX(-75deg);
	}
	
	.wsmenu > .wsmenu-list > li:hover > ul.sub-menu {
	  opacity: 1;
	  visibility: visible;
	  transform: rotateX(0deg);
	  -o-transform: rotateX(0deg);
	  -moz-transform: rotateX(0deg);
	  -webkit-transform: rotateX(0deg);
	}
	
	.wsmenu > .wsmenu-list > li  > ul.sub-menu > li > ul.sub-menu {
	  opacity: 0;
	  visibility: hidden;
	  transform-style: preserve-3d;
	  -o-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -webkit-transform-style: preserve-3d;
	  transform: rotateX(-75deg);
	  -o-transform: rotateX(-75deg);
	  -moz-transform: rotateX(-75deg);
	  -webkit-transform: rotateX(-75deg);
	}
	
	.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > ul.sub-menu {
	opacity: 1;
	visibility: visible;
	-o-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	-o-transition: -o-transform 0.4s, opacity 0.4s;
	-ms-transition: -ms-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	}
	
	.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu {
	  opacity: 0;
	  visibility: hidden;
	  -o-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	  -moz-transform-origin: 0% 0%;
	  -webkit-transform-origin: 0% 0%;
	  -o-transition: -o-transform 0.4s, opacity 0.4s;
	  -ms-transition: -ms-transform 0.4s, opacity 0.4s;
	  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
	  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	  transform-style: preserve-3d;
	  -o-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -webkit-transform-style: preserve-3d;
	  transform: rotateX(-75deg);
	  -o-transform: rotateX(-75deg);
	  -moz-transform: rotateX(-75deg);
	  -webkit-transform: rotateX(-75deg);
	}
	
	.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu {
	  opacity: 1;
	  visibility: visible;
	  transform: rotateX(0deg);
	  -o-transform: rotateX(0deg);
	  -moz-transform: rotateX(0deg);
	  -webkit-transform: rotateX(0deg);
	}
	
	.wsmenu > .wsmenu-list > li > .wsmegamenu {
	  opacity: 0;
	  visibility: hidden;
	  -o-transform-origin: 0% 0%;
	  -ms-transform-origin: 0% 0%;
	  -moz-transform-origin: 0% 0%;
	  -webkit-transform-origin: 0% 0%;
	  -o-transition: -o-transform 0.3s, opacity 0.3s;
	  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
	  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
	  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	  transform-style: preserve-3d;
	  -o-transform-style: preserve-3d;
	  -moz-transform-style: preserve-3d;
	  -webkit-transform-style: preserve-3d;
	  transform: rotateX(-75deg);
	  -o-transform: rotateX(-75deg);
	  -moz-transform: rotateX(-75deg);
	  -webkit-transform: rotateX(-75deg);
	}
	
	.wsmenu > .wsmenu-list > li:hover > .wsmegamenu {
	  opacity: 1;
	  visibility: visible;
	  transform: rotateX(0deg);
	  -o-transform: rotateX(0deg);
	  -moz-transform: rotateX(0deg);
	  -webkit-transform: rotateX(0deg);
	}
	}

	.flipboxhome{
		background:#FFF; 
		padding:1rem 1.6rem;  
		text-align:left; 
		border-radius:5px;
		border: dotted 1px #fff !important;
		min-height: 420px;
	}
	.flipboxhome img{
		max-width: 45px !important;
		margin: 0px !important;
	}
	.flipboxhome h3{
		font-size: 20px;
	}
	.flipboxhome p{
		font-size: 16px !important;
	}

	.flipboxhome .btn-outline-primary {
		color: #000;
		border-color: #000;
		border-radius: 4px;
		padding: 0.3rem 0.8rem;
		font-size: 15px;
	}

	.flipboxhome .btn-outline-primary:hover{
		color: #FFF;
		border-color: #000;
		background: #000;
	}

	.bdr4 {
		box-sizing: content-box;
		border-width: 1px;
		border-style: solid;
		border-image: linear-gradient(to right, rgb(255, 153, 0), rgba(255, 153, 0, 0));
		border-image-slice: 1;
		margin-bottom: 1rem;
		margin-top: 1rem;
	}
	.flipboxhome p{
		font-size: 17px;
		color: #222224;
	}

	/*.flip-container:hover .flipper,  
	.flip-container.hover .flipper {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
			transform: rotateY(180deg);
		}
	
	  .flip-container, .front, .back {
	  }
	  
	    .flipper {
		  -webkit-transition: 0.6s;
		  -webkit-transform-style: preserve-3d;
	  
		  -moz-transition: 0.6s;
		  -moz-transform-style: preserve-3d;
		
		-o-transition: 0.6s;
		  -o-transform-style: preserve-3d;
	  
		  transition: 0.6s;
		  transform-style: preserve-3d;
	  
		  position: relative;
	  }
	  
	  .front{
		  -webkit-backface-visibility: hidden;
		  -moz-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		  backface-visibility: hidden;
		  top: 0;
		  left: 0;
	  }
	
	.back {
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
	  -o-backface-visibility: hidden;
		backface-visibility: hidden;
		background: #FFF !important;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0.8rem 1.2rem 0.8rem 1.2rem;
		height: 100%;
	}
   
	.back {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
		background: #f8f8f8;
	}	  

	.back p{
		font-size: 15px;
	}*/
 
	.tourhomes figure {
		position: initial !important;
	}
 
	.tourhomes > div a{
		display: block;
		position: relative;
		overflow: hidden;
		padding-bottom: 111.6666%;
	}
	.tourhomes > div a img{
		display: block;
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center center;
	}

	.main-slider .slick-slide a{
		display: block;
		position: relative;
		overflow: hidden;
		padding-bottom: 55.5%;
	}
	.main-slider .slick-slide img{
		display: block;
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center center;
	}

	.product-list figure {
		display: block;
		position: relative;
		overflow: hidden;
		padding-bottom: 62.87% !important;
	}
	.product-list figure img{
		display: block;
		max-width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center center;
	}
	
	
	
/* Aslam CSS */

.contact-form-action a { color:#d96e1f !important }

.otpexpiretext {
	font-size: 14px;
    padding-left: 6px;
    margin-top: 5px; }

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

.contact-form-action h3 { font-weight:600 }

.contact-form-action .term-labal {
	font-size: 14px;
    padding-left: 6px;
    margin-top: 5px; }

.contact-form-action { 
	box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
	background: #fff;
	padding: 35px;
	border-radius: 12px;
}	

.stitle {
    font-size: 24px;
    text-align: center;
    line-height: 26px;
    padding: 20px 10px 0px 0px;
    width: 100%;
    clear: both;
    text-transform: capitalize;
    color: #000;
    font-weight: 500;
}

.stitle span { color:#e20053 }


.bgetw{
	background: url(../images/bgetw.jpg) repeat center center ;
}

.pmcode {
    background: #30cd90;
    padding:6px 10px;
    border-radius:6px;
    color: #fff;
    width: 180px;
    text-align: center;
}

.price-head1 {
	background: #7920bd;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    padding: 12px 0px 6px 0px;
}
.price-head1 h3 { color:#fffc00; font-size:28px; text-align:center;  }
.price-head1 h4 { color:#fff; font-size:16px; text-align:center;  }
.clear { clear:both }

.price-head2 {
	background: #7920bd; position:relative;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    padding: 12px 0px 6px 0px;
}
.price-head2 h3 { color:#fffc00 !important; font-size:28px; text-align:center;  }
.price-head2 h4 {
    color: #fff;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    margin-top: -4px;
}
.price-head2 .price-tag {
    background: #30cd90;
    padding: 4px 11px;
    border-radius: 4px;
    color: #fff;
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 13px;
}
.price-head2 .price h4 { }

.fw100 { font-weight:100 !important; }
.fw900p { font-weight:900 !important; color:#4d0087 !important ; }

 

.unbn-text p { padding:13px 14px; font-size:13px; margin-bottom:0px;  border-radius: 7px;  margin-top: 10px; width: fit-content;   border: 1px solid #d8e8dc; background: #e9f8ee; width: 100%;}
.description-txt p{
	font-family: "Work Sans", serif !important;
	line-height: 1.8 !important;
}

.gc-display-area-container {
	border: solid 1px #e3e0e0 !important;
	border-radius: 5px !important;
}
.pt1{padding-top:1rem !important; padding-bottom: 2rem;}

.heading-outlet{
	font-size:24px;
	font-weight:700 !important;
}
.outlet--category--home{
	background:#f7f7f7;
	padding:2.5rem 0;
}
.outlet--category--home .popular-category{
	padding:0.8rem 0rem 0 1rem;
}
.outlet--category--home .popular-category h2{
	font-size: 15px;
	margin-bottom: 0.3rem;
}
.outlet--category--home .popular-category p{
	font-size:13px;
	color:#666;
	margin:0.2rem 0 0rem 0;
}
.outlet--category--home .popular-category a{
	font-size:13px;
	color:#f58634;
}
.outlet--category--home .popular-category ul{
	font-size:13px;
}
.outlet--category--body:hover{
	border:solid 1px #EEE !important;
	box-shadow:0 .325rem .55rem rgba(0,0,0,.095)!important;
}
.outlet-featured figure{
	position:relative;
}

.outlet--category--body{
	position: relative;
    overflow: hidden;
    min-height: 130px;
    height: 140px; 
}
.outlet--category--body figure{
	margin-bottom:0px;
}
.beautybox figure {
	position:relative;
}
.beautybox figure figcaption{
	position: absolute;
    bottom: 0px;
    z-index: 99;
	padding: 1.2rem;
}
.beautybox figure figcaption::after{
	background-image: linear-gradient(rgba(255,0,0,0), rgba(0,0,0,1));
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:250px;
	content:'';
}
.beautybox figure figcaption > div{
	z-index: 999;
    position: relative;
}
.beautybox figure figcaption p{
	color:#FFF;
}

/*.outlet--category--body figure img{
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
.outlet--category--body:hover figure img
    {                
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }*/

.outlet--category--body figure figcaption{
	border-radius:10px;
	position:absolute;
	bottom:0px;
	background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
	width: 100%;
	padding:0 0 0.6rem 1rem;
}
 
.localoutket-categoy{
	position: relative;
	overflow: hidden;
	background: #FFF;
	padding: 0.4rem;
	border: solid 1px #eaeaea;
	border-radius: 0px;
}
.localoutket-categoy figure{
	margin-bottom:0px;
}
.localoutket-categoy figure img{
  height: 200px;
  object-fit: cover;
}
.localoutket-categoy .discountshop{
	background: #ff8f29;
    border-radius: 3px;
    position: absolute;
    right: 0.1rem;
    font-size: 12px;
    color: #FFF;
    padding: 0.1rem 0.4rem;
    font-weight: 500;
    top: 2px;
	z-index: 99;
}

.localoutket-categoy .notdiscountshop{
	background: #f44556;
    border-radius: 3px;
    position: absolute;
    right: 0.1rem;
    font-size: 12px;
    color: #FFF;
    padding: 0.1rem 0.4rem;
    font-weight: 500;
    top: 2px;
	z-index: 99;
}


.localbox > div:nth-child(1){
	width: 20%;
	margin-right:0.4rem;
	background: #FFF;
    box-shadow: 0 0 5px #ddd;
    border-radius: 3px;
	padding: 1rem;
}
.localbox > div:nth-child(1) h4{
	font-size: 15px;
    font-weight: 600;
    background: #f3f3f3;
    padding: 0.7rem 1rem;
    border-radius: 4px;
}

.localbox > div:nth-child(1) ul {
	list-style: none;
    padding-left: 0px;
}
.localbox > div:nth-child(1) ul li{
	padding-left: 1.4rem;
	padding-bottom:0.6rem;
	position: relative;
	font-size: 14px;
}
.localbox > div:nth-child(1) ul li::after{
	background:url(../images/correct1.png) no-repeat;
	content:'';
	position:absolute;
	top:4px;
	left:0px;
	width:14px;
	height:14px;
}
.localbox > div:nth-child(1) ul li span{
	text-align:right;
	float: right;
}
.localbox > div:nth-child(2){
	width: 57%;
	background: #FFF;
    box-shadow: 0 0 5px #ddd;
    border-radius: 3px;
	padding: 1rem 1.4rem;
}
.localbox > div:nth-child(2) h3{
	font-size:20px !important;
}
.localbox > div:nth-child(3){
	width: 22%;
}
.localbox > div:nth-child(3) h3{
	font-size:17px;
}
.localbox > div:nth-child(3) .member--form input{
	border-radius: 3px;
    border: solid 1px #aaaaaa;
    font-size: 13px;
    height: 47px;
}
.localbox > div:nth-child(3) .member--form .form-control{
	border-radius: 3px;
    border: solid 1px #aaaaaa;
    font-size: 13px;
    height: 47px;
}
.localbox > div:nth-child(3) .member--form .btn{
	border-radius:3px;
	height: 47px;
	line-height:1.3;
}
.borderbtn{
	border-bottom:solid 1px #e0e0e0
}

.simplelogin{
	padding:1rem;
	border: none;
}
.simplelogin h2{
	font-size:17px;
}
.writeareview{
	border-radius: 3px !important;
    padding: 0.4rem 1.6rem !important;
    margin-top: 0.5rem !important;
}

/*.localoutket-categoy figure img{
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
.localoutket-categoy:hover figure img
    {                
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
}*/


.outlet-featured figure figcaption{
	border-radius:10px;
	position:absolute;
	bottom:0px;
	background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
	width: 100%;
	padding:0 0 0.6rem 1rem;
}

.outlet-featured figure figcaption h4{
	color:#FFF;
	margin-bottom:0.2rem;
	margin-top:0.3rem;
}
.outlet-featured figure figcaption p{
	color:#FFF;
	margin-bottom:0px;
	font-size: 12px;
    font-weight: 400;
}
.outlet-featured .brandtxt{
	background: #003f7d;
    border-radius: 50px;
    font-size: 12px;
    color: #FFF;
    padding: 5px 15px;
}
.outlet-featured .hotel-type{
	font-size:13px;
	color:#FFF;
	font-weight:500;
	letter-spacing:3px;
	margin-bottom:0.2rem;
}
.outlet--search{
	background:#FFF;
	border-radius:5px;
	padding:0.3rem;
}
.outlet--search input{
	border:none !important;
}
.outlet--search--input{
	position:relative;
}
.outlet--search--input input{
	border:solid 0px #000 !important;
	height:50px;
    position: relative;
}
.outlet--search--input .bi-search{
	position:absolute;
	top:0.8rem;
	right:0.8rem;
	color:#989898;
	background:#FFF;
	padding-left:0.6rem;
}
/*.outlet--search--input::after{
	background:url(../images/searchicon.png) no-repeat;
	position:absolute;
	content:'';
    top: 0px;
	right:0px;
    width: 100%;
    height: 30px;
	background-color:#DDD;
}*/
.outlet--search--input .btn{
	padding:0.5rem;
}
.outlet--search--email {
	position:relative;
	border-left:none;
	padding-left:0rem;
}
.outlet--search--email input{
	border:solid 0px #000 !important;
	height:50px;
}
.outlet--search--email .bi-geo-alt{
	position:absolute;
	top:1rem;
	left:0.7rem;
	color:#989898;
	background:#FFF;
	padding-left:0.6rem;
}
.outlet-discount-box{
	background: #FFF;
    box-shadow: 0 0 10px #ddd;
    border-radius: 5px;
    padding: 1.6rem;
	color: #392d7a;
}
.outlet-discount-box .flat{
	background: #392d7a;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0.2rem 0.8rem;
    border-radius: 0.2rem;
    font-weight: 600;
    letter-spacing: 1px;
}
.outlet-discount-box .tenpercent10{
	font-size: 55px;
    font-weight: 800;
	margin-bottom: 0px;
	color: #392d7a;
	margin-top: 0.3rem;
}
.outlet-discount-box .tenpercent{
	font-size: 20px !important;
    line-height: 1;
    font-weight: 700;
	margin-left: 0.4rem;
	color: #392d7a;
}
.outlet-discount-box .instantdiscount{
	font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 2px;
}
.discount-box-20{
	color:#ed6459 !important;
}
.discount-box-20 h4{
	color:#ed6459 !important;
}
.discount-box-20 .flat{
	background:#ed6459;
}
.discount-box-20 .tenpercent{
	color:#ed6459 !important;
}

.discount-box-30{
	color:#53ba65 !important;
}
.discount-box-30 h4{
	color:#53ba65 !important;
}
.discount-box-30 .flat{
	background:#53ba65;
}
.discount-box-30 .tenpercent{
	color:#53ba65 !important;
}

.discount-box-40{
	color:#6a5b89 !important;
}
.discount-box-40 h4{
	color:#6a5b89 !important;
}
.discount-box-40 .flat{
	background:#6a5b89;
}
.discount-box-40 .tenpercent{
	color:#6a5b89 !important;
}


.discount-box-50{
	color:#53b2ba !important;
}
.discount-box-50 h4{
	color:#53b2ba !important;
}
.discount-box-50 .flat{
	background:#53b2ba;
}
.discount-box-50 .tenpercent{
	color:#53b2ba !important;
}


.discount-box-60{
	color:#e6244d !important;
}
.discount-box-60 h4{
	color:#e6244d !important;
}
.discount-box-60 .flat{
	background:#e6244d;
}
.discount-box-60 .tenpercent{
	color:#e6244d !important;
}


.home-all-category{
	border:solid 1px #e4e4e4;
	border-radius:0.2rem;
	padding:0.6rem 0.8rem !important;
	text-align:left
}
.home-all-category:hover{
	border:solid 1px #d3d3d3 !important;
	box-shadow:0 .325rem .55rem rgba(0,0,0,.095)!important;
}
.home-all-category h4{
	margin-bottom:0.3rem;
	color:#424242;
	font-size:16px;
}
.home-all-category small{
	font-size:13px;
	color:#929292;
}
.howwork {
	margin-top:0.8rem;
}
.howwork figure{
	background: #FFF;
    border-radius: 10px 0 10px 0;
    max-width: 75px;
    height: 70px;
    padding: 1rem;
}
.howwork h4{
	color:#FFF;
	font-weight:600 !important;
}
.howwork p{
	color:#FFF;
	padding-right: 2rem;
    font-size: 15px;
}
.howwork:hover{
	/*border:solid 1px #c6c6c6 !important;
	box-shadow:0 .325rem .55rem rgba(0,0,0,.095)!important;*/
}
.localoutket-categoy figure{
	margin-bottom: 0px;
	position: relative;
	max-height: 200px;
	overflow: hidden;
}
.localoutket-categoy figure > img{
	border-radius:7px;
	object-fit: cover;
}

.localoutket-categoy figure figcaption{
	position:absolute;
	top:0px;
	z-index:22;
	color:#FFF;
	display:flex;
	width: 100%;
    justify-content: space-between;
    align-items: center;
	padding:0.3rem 0.3rem;
}
.localoutket-categoy figure figcaption .label-new{
	background: #e11d28;
    color: #FFF;
    padding: 0.1rem 0.4rem;
    border-radius: 0.2rem;
    font-size: 11px;
}
.localoutket-categoy .label-rating{
	background: #24963f;
    color: #FFF;
    padding: 0.1rem 0.6rem;
    border-radius: 4px;
    font-size: 12px;
    max-width: 40px;
    margin: 0.6rem 0;
}
.localoutket-categoy .categoy-space{
	/*background:#FFF;
	padding:0.8rem 1rem 1rem 1rem;
	border-radius:4px;
	box-shadow:0 2px 5px #DDD;*/
	padding-left: 0.5rem;
}
.localoutket-categoy .categoy-space .whatsapp-icons{
	border: solid 1px #339D3A;
    color: #ffffff !important;
    border-radius: 4px;
    font-size: 13px;
    margin-top: 0.3rem;
    padding: 0.4rem 0.8rem !important;
    margin-right: 0.3rem;
    background: #339D3A;
}
.localoutket-categoy .categoy-space .whatsapp-icons .bi-whatsapp{
	color: #ffffff !important;
}
.link-btn{
	border: solid 1px #003f7d;
    color: #ffffff !important;
    border-radius: 4px;
    font-size: 13px;
    margin-top: 0.3rem;
    padding: 0.4rem 0.8rem !important;
    margin-right: 0.3rem;
    background: #003f7d;
}
.localoutket-categoy .bi-star-fill{
	color:#ff6e00;
}
.localoutket-categoy .available-rest{
	font-size:13px;
	font-weight:500;
	color:#ff0000;
}
.localoutket-categoy .rating-number{
	font-size:14px;
	color:#494949;
}
.localoutket-categoy h3{
	font-size: 18px;
    font-weight: 600;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
    color: #000000;
}

.localoutket-categoy .address{
	font-size:13px;
	color:#858585;
	margin-bottom:0.3rem;
}

.localoutket-categoy .address1{
	font-size:14px;
	color:#494949;
	margin-bottom:0.2rem;
	margin-top:0.3rem;
	overflow: hidden;
}
.localoutket-categoy .timining{
	font-size:14px;
	margin-bottom: 0.4rem;
	margin-top: 0.5rem;
}
.localoutket-categoy .timining li{
	position:relative;
	padding-right: 1rem;
	color: #656565;
}
.localoutket-categoy .timining li::after{
	content:'|';
	position:absolute;
	top:0px;
	right:0px;
}
.localoutket-categoy .timining li:last-child:after{
	border:none;
	display:none;
}
.localoutket-categoy .timining li span{
	color:#339D3A;
}

.localoutket-categoy .btn-outline-secondary{
	border:solid 1px #0076D7;
	background:#FFF;
	border-radius:6px;
	color:#0076D7;
	font-size:13px;
	margin-top:0.3rem;
	padding: 0.4rem 1.2rem !important;
	margin-right: 0.3rem
}
.localoutket-categoy .btn-outline-secondary:hover{
	border:solid 1px #f58634;
	color:#f58634;
	background:#fff;
}

.localoutket-categoy .btn-secondary{
	border:solid 1px #003f7d;
	background:#003f7d;
	border-radius:6px;
	color:#FFF;
	font-size:14px;
	margin-top:0.3rem;
	padding: 0.4rem 1.5rem !important;
}
.localoutket-categoy .btn-secondary:hover{
	border:solid 1px #f58634;
	color:#f58634;
	background:#fff;
}

.featureds .featureds-box{
	box-shadow:0 0 5px #DDD;
	margin-bottom: 2rem !important;
	border-radius: 5px;
}
.featureds .featureds-box figure{
	margin-bottom:0.3rem;
}
.featureds .featureds-box figure img{
	border-radius: 4px 4px 0 0;
}
.featureds .featureds-box .featureds-space{
	padding: 0.3rem 0.8rem 0.6rem 0.8rem;
}
.featureds .featureds-box .featureds-space h4{
	font-size:17px;
	font-weight:500;
	margin-bottom:0.3rem;
}
.featureds .featureds-box .featureds-space p{
	font-size:13px;
	font-weight:400;
	margin-bottom: 0.3rem;
}
.featureds .featureds-box .bdrtop{
	border-top: solid 1px #e7e7e7;
    width: 100%;
    font-size: 13px;
    padding: 0.5rem 0.4rem 0.6rem 0.6rem;
	color:#003f7d;
	font-weight:600;
}

.footerlink{
	position:relative;
}
.footerlink > li{
	width:100% !important;
	border-bottom:solid 0px #3B1C0E;
}
.boxleft{
	max-width:27%; 
	width: 27%;
}
.boxright{
	max-width:73%; 
	width: 73%;
}
 
#accordion .accordion-toggle {
	cursor: pointer;
    background: #f5f5f5;
    border-radius: 4px;
	margin-top: 1rem;
    padding: 0.6rem 0.6rem;
	font-size:15px;
	font-weight: 600;
}
#accordion .accordion-content {
	display: block;
    font-size: 14px;
	padding-left: 0.4rem;
}
#accordion .accordion-content.default {display: block;}
#accordion .active{color:#000;}
#accordion .accordion-content .lblclick{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
/*#accordion .accordion-toggle:before {
	content:"";
	background:url(../images/chevron-down.svg) no-repeat;
	width:25px;
	height:25px;
	position: absolute;
	right: 0rem;
	margin-top: 0.1rem;
}
#accordion .active:before{
	content:"";
	background:url(../images/chevron-up.svg) no-repeat;
	font-family: FontAwesome;
	width:25px;
	height:25px;
	position: absolute;
	right: 0;
	margin-top: 0rem;
}*/
.btn-subs{
	background: #f58634;
    border: solid 1px #f58634;
    border-radius: 3px;
    padding: 0.4rem 1rem;
    color: #FFF;
}

@media(max-width:767px){
	.heading-outlet{
		font-size:20px;
		font-weight:700 !important;
	}
	.featureds .featureds-box .featureds-space h4{
		font-size: 14px;
	}
	.howwork p{
		padding-right: 0rem;
	}
	.howwork figure{
		margin-bottom: 0.8rem;
	}
	.home-all-category{
		text-align:center;
	}
	.home-all-category img{
		margin-bottom:0.5rem;
	}
	.outlet--search--email {
		position: relative;
		border-left: solid 0px #DDD;
		border-top: solid 1px #DDD;
		padding-left: 0rem;
	}
	.outlet--details--banner .carousel-item{
		min-height:320px;
	}
	.outlet--category--body{
		min-height: auto;
		height: auto;
	}
	.gridflex > div{
		display:flex;
	}
	
	#fixed-social {
	   position: fixed;
	   bottom: 5% !important;
	   z-index: 9999999999999999; 
	   right: 0px;
	}
	.localbox > div:nth-child(1){
		width: 100%;
	}
	.localbox > div:nth-child(2){
		width: 100%;
	}
	.localbox > div:nth-child(3){
		width: 100%;
	}
	/*.btn-subs{
		background:rgba(255,255,255,0.2); 
		border:solid 1px rgba(255,255,255,0.8);
		border-radius:4px; 
		padding:0.3rem 0.6rem; 
		color:#FFF;
	}*/
	.gift-voucher--body .discount-value{
		font-size: 38px;
	}
	.get--active{
		margin-bottom:0px !important;
		padding: 2px 8px !important;
	}
	.localbox > div:nth-child(2) h3 {
	  font-size: 16px !important;
	}
	.demo-gallery > div > div a > img{
		height: 110px !important;
	}
	.boxleft{
		max-width:100%; 
		width: 100%;
	}
	.boxright{
		max-width:100%; 
		width: 100%;
	}
}

/* fixed social*/
#fixed-social {
   position: fixed;
   bottom: 20%;
   z-index: 9999999999999999; 
   right: 0px;
}

#fixed-social a {
   color: #fff;
   display: block;
   height: 45px;
   position: relative;
   text-align: center;
    line-height: 45px;
   width: 45px;
   margin-bottom: 1px;
   z-index: 2;
   font-size: 14px;
}
#fixed-social a:hover>span{
  visibility: visible;
  right: 46px;
  opacity: 1;
} 
#fixed-social a span {
  line-height: 45px;
    right: 60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 1;
    opacity: 0;
}
 .fixed-facebook{
  background-color: #3f55ab;
 }
 .fixed-facebook span{
  background-color: #3f55ab;
 }
 .fixed-twitter{
  background-color: #60b8ff;

 }
 .fixed-twitter span{
  background-color: #60b8ff;
 }
 .fixed-gplus{
  background-color: #f53340;

 }
 .fixed-gplus span{
  background-color: #f53340;
 }
 .fixed-linkedin{
  background-color: #1082bb;

 }
 .fixed-linkedin span{
  background-color: #1082bb;
 }
 
 
 
  .fixed-pinterest{
  background-color: #b7081b;

 }
 .fixed-pinterest span{
  background-color: #b7081b;
 }
 
 
 .fixed-instagrem{
  background-color: #e03586;

 }
 .fixed-instagrem span{
  background-color: #e03586;
 }
 .fixed-tumblr{
  background-color: #EB1471;

 }
 .fixed-tumblr span{
  background-color: #EB1471;
 }
 
/*end fixed social*/
#header-sticky-wrapper {box-shadow:rgb(0 0 0 / 5%) 0px 5px 5px !important}
.is-sticky   {box-shadow:rgb(0 0 0 / 5%) 0px 5px 5px !important}


.couponblue{
	color: transparent;
	text-shadow: 0 0 6px #000;
	-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
	
.couponblur {}
.couponblur h2, .couponblur h4, .couponblur p, .couponblur p span { text-shadow: 0 0 6px white; color: transparent !important;  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */	  user-select: none; /* Standard syntax */}
.couponblur div.ribbion{ text-shadow: 0 0 6px #000; color: transparent !important; -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */	  user-select: none; /* Standard syntax */
      text-align: center;}

.usphome{
	list-style: none;
	display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
	margin-bottom: 0px;
}
.usphome li{
	width: 50%;
	float: left;
	margin-bottom: 1.4rem;
	padding-bottom: 0.8rem;
}
.usphome li:nth-child(3){
	padding-top:0.8rem;
}
.usphome li:nth-child(4){
	padding-top:0.8rem;
}
.usphome li h4{
	font-size: 24px;
	color:#FFF;
	margin-bottom: 0px;
	font-weight: 500;
}
.usphome li p{
	font-size: 12px;
	font-weight: 400;
	color:#FFF;
}
.usphome:before {
    position: absolute;
    content: "";
    top: 0;
    left: 49%;
    background: -webkit-radial-gradient(50%50%,circle,#35acf8,rgba(255,255,255,.03)100%);
    background: -moz-radial-gradient(50%50%,circle,#35acf8,rgba(255,255,255,.03)100%);
    background: -o-radial-gradient(50%50%,circle,#35acf8,rgba(255,255,255,.03)100%);
    background: radial-gradient(circle at 50%50%,#35acf8,rgba(255,255,255,.03)100%);
    height: 100%;
    width: 1px;
}
.usphome:after {
    position: absolute;
    content: "";
    top: 45%;
    background: -webkit-radial-gradient(50%50%,circle,#35acf8,rgba(255,255,255,.03)100%);
    background: -moz-radial-gradient(50%50%,circle,#35acf8,rgba(255,255,255,.03)100%);
    background: -o-radial-gradient(50%50%,circle,#35acf8,rgba(255,255,255,.03)100%);
    background: radial-gradient(circle at 50%50%,#35acf8,rgba(255,255,255,.03)100%);
    width: 50%;
    height: 1px;
    left: 25%;
}
.businssbox h3{
	font-size: 26px;
	font-weight: 500;
	color: #FFF;
}
.businssbox h3 span{
	font-weight: 300;
}

.formpnut{
	border: solid 1px #616161 !important;
    height: 44px;
    border-radius: 5px;
    font-size: 14px;
}

.text-yellow {
    color: #f58634;
}

.bg-primary {
    background: #3a3738 !important;
}
.tabledata{
	font-size: 14px;
}
.tabledata tr th{
	font-weight: 400 !important;
}
.leftview{
	padding: 0rem;
	position: sticky; 
	top: 5.5rem;
	box-shadow:0 3px 5px #DDD;
	border-radius: 6px;
	padding:1rem 0;
}
.leftview i{
	color: #b7b7b7;
	font-size:14px !important;
}
.leftview ul li{
	border-bottom: solid 0px #d7d7d7;
	display: flex;
}
.leftview ul li a{
	padding: 0.5rem 1rem;
	width: 100%;
	font-size:15px;
	color:#ffffff;
	font-weight:400;
}
.leftview ul li:last-child{
	border-bottom: none;
}
.leftview ul li i{
	margin-right: 0.6rem;
	font-size: 20px;
	color: #f58634;
}
.leftview ul li a:hover{
	color: #f58634;
	background: #f1f1f1;
}
.leftview ul li .active{
	color: #f58634;
	font-weight: 400;
}
.leftview ul li .active i{
	color: #f58634;
}
.leftview .profileicon{
	font-size: 16px;
	background: #F0F0F0;
	max-width: 40px;
	width: 40px;
	height: 40px;
	margin-left:1.2rem;
	margin-right:0.6rem;
	text-align: center;
	align-items: center;
	justify-content: center;
	display: flex;
	border-radius: 50px;
}
.leftview .proflename{
	font-size:13px;
	color:#999 !important;
	line-height: 1.3;
	margin-left:0.2rem;
}
.leftview .proflename span{
	font-size:14px;
	color:#000;
}
.paginationcustom .page-link{
	color: #000;
	font-size:14px;
}
.paginationcustom .page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #3a3738;
  border-color: #3a3738;
}
.card-area {
    padding: 0px;
    margin: 0px auto;
    width: 421px;
    height: 268px;
    position: relative;
}
.card-area .cardzone {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 421px;
    height: 268px;
    border: 0px solid #000;
}
.card-area .cardzone .blankarea1 {
    height: 135px;
    width: 100%;
    border: 0px solid #fff;
}
.card-area .cardzone .cardno {
    height: 32px;
    width: 100%;
    border: 0px solid #fff;
    color: #fff;
    padding-left: 30px;
    letter-spacing: 9px;
    line-height: 30px;
    font-size: 26px;
    font-weight: 600;
}
.card-area .cardzone .validupto {
    height: 32px;
    width: 100%;
    border: 0px solid #fff;
    color: #fff;
    padding-right: 29px;
    letter-spacing: 1.5px;
    line-height: 30px;
    font-size: 20px;
    font-weight: 300;
    text-align: right;
}
.card-area .cardzone .blankarea2 {
    height: 12px;
    width: 100%;
    border: 0px solid #fff;
}
.card-area .cardzone .cardname {
    height: 32px;
    width: 100%;
    border: 0px solid #fff;
    color: #fff;
    padding-left: 30px;
    letter-spacing: 6px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
}
.button-sm{
	padding: 0.4rem 1.2rem !important;
}
.wallet h1{
	font-size: 40px;
}


/* Hide the images by default */
.mySlides {
	display: none;
	margin-bottom:0.6rem;
  }
  
  /* Add a pointer when hovering over the thumbnail images */
  .cursor {
	cursor: pointer;
  }
  
  /* Next & previous buttons */
  .prev,
  .next {
	cursor: pointer;
	position: absolute;
	top: 40%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
	display:none;
  }
  
  /* Position the "next button" to the right */
  .next {
	right: 0;
	border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover,
  .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
  } 
  
  /* Container for image text */
  .caption-container {
	text-align: center;
	background-color: #222;
	padding: 2px 16px;
	color: white;
	display:none;
  } 
  
  /* Six columns side by side */
  .column {
	float: left;
	width: 23%;
  }
  
  /* Add a transparency effect for thumnbail images */
  .demo {
	opacity: 0.6;
  }
  
  .column .active{
	opacity: 1;
	border: solid 1px #DDD;
  }
  
  .demo:hover {
	opacity: 1;
  }

  .product-admin h4{
  font-size: 15px !important;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0.2rem;
  padding: 0.8rem 0 0rem 0;
}
.product-admin p{
  color: #666;
  margin-bottom: 0.3rem !important;
  font-size: 15px;
}
 
.product-admin .productbox figure{
  max-width: 80%;
  margin: 0.3rem auto;
}
.product-admin .productbox .btn{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing:1px;
}
.product-admin .productbox{
  border: solid 2px #ECECEC;
  text-align: center;
  padding: 1.3rem 0.8rem;
  border-radius: 3px;
  background: #FFF;
  transition: 0.4s;
  width: 100%;
}

.product-admin .productbox .btn{
  margin-top: 0.4rem;
}
.product-admin .productbox:hover{
  border: solid 2px #a5a5a5;
  margin-top:-0.4rem;
  transition: 0.4s;
}
.product-admin .price{
  color: #666;
}
.product-admin .price i{
  text-decoration: line-through;
}
.product-admin .price span{
  color: red;
}

.product-admin h4{
	font-size: 15px !important;
	font-weight: 500;
	line-height: 1.4;
	margin-bottom: 0.2rem;
	padding: 0.8rem 0 0rem 0;
  }
  .product-admin p{
	color: #666;
	margin-bottom: 0.3rem !important;
	font-size: 15px;
  }
   
  .product-admin .productbox figure{
	max-width: 80%;
	margin: 0.3rem auto;
  }
  .product-admin .productbox .btn{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing:1px;
  }
  .product-admin .productbox{
	border: solid 2px #ECECEC;
	text-align: center;
	padding: 1.3rem 0.8rem;
	border-radius: 3px;
	background: #FFF;
	transition: 0.4s;
  }
  
  .product-admin .productbox .btn{
	margin-top: 0.4rem;
  }
  .product-admin .productbox:hover{
	border: solid 2px #a5a5a5;
	margin-top:-0.4rem;
	transition: 0.4s;
  }
  .product-admin .price{
	color: #666;
  }
  .product-admin .price i{
	text-decoration: line-through;
  }
  .product-admin .price span{
	color: red;
  }
  
  .user-panel{
	padding:0.2rem 0 0rem 0.8rem;
  }
  .user-panel .user-icon{
	border: solid 1px #dedede;
    color: #535353;
	background:#f8f8f8;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    text-align: center;
  }
 .user-panel .user-icon .bi-person{
	font-size: 20px;
    font-weight: 400;
 }
  .user-panel  .dropdown-toggle{
	line-height: 14px; 
	font-size:13px;
	text-align:left;
  }
  .dropdownmenu{
	font-size: 14px;
    border-radius: 5px;
	margin-left: -4rem !important;
  }
  .dropdownmenu a{
	padding: 0.45rem 1rem;
  }
  
.track {
	position: relative;
	background-color: #ddd;
	height: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 70px;
	margin-top: 35px
}

.track .step {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 25%;
	margin-top: -18px;
	text-align: center;
	position: relative
}

.track .step.active:before {
	background: #f58634
}

.track .step::before {
	height: 4px;
	position: absolute;
	content: "";
	width: 100%;
	left: 0;
	top: 18px
}

.track .step.active .icon {
	background: #f58634;
	color: #fff
}

.track .icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: relative;
	border-radius: 100%;
	background: #ddd
}
.track .icon .bi{
	font-size:20px;
}
.track .step.active .text {
	font-weight: 400;
	color: #000;
	font-size: 14px;
}

.track .text {
	display: block;
	margin-top: 7px;
	font-size: 14px;
}

.itemside {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.itemside .aside {
	position: relative;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.img-sm {
	width: 80px;
	height: 80px;
	padding: 7px
}
.itemside .info {
	padding-left: 15px;
	padding-right: 7px
}

.itemside .title {
	display: block;
	margin-bottom: 5px;
	color: #212529
}

.ordertrack{
	border:dashed 1px #DDD; 
	border-radius:5px; 
	margin-bottom:1rem;
	font-size:14px;
}
.ordertrack .pointrece{
	font-size:18px; 
	font-weight:600; 
	font-size:17px;
}

.ordertrack .pspace{
	padding:0.6rem 1rem 0.4rem 1rem;
}

.refer-earn h2{
	font-weight:400;
	font-size:17px;
	color:#000;
	margin:0.6rem 0 1.2rem 0 !important;
}
.refer-earn h1{
	font-weight:700 !important;
	font-size:52px;
	color:#081b4b;
	margin-bottom: 0px;
}
.refer-earn h3{
	font-size:28px; 
	font-weight:600; 
	color: #f58634;
}

.refer-head h2{
	font-weight:300;
	font-size:22px;
	color:#666;
	margin:0.6rem 0 1.2rem 0 !important;
}
.refer-head h1{
	font-weight:700 !important;
	font-size:42px;
	color:#081b4b;
	margin-bottom: 0px;
	font-family: 'Dancing Script', cursive;
}
.refer-box{
	border:solid 2px #DDD;
	text-align:center;
	padding:1rem 2rem;
	border-radius:0.7rem;
	min-height:270px;
	background:#FFF;
}
.refer-box h4{
	font-size:20px;
	font-weight:600;
}
.refer-box:hover{
	border:solid 2px #f58634;
}
.refer-box:hover h4{
	color:#f58634;
}
.refer-iconbox{
	background:#ececec;
	width:75px;
	height:65px;
	line-height:4;
	text-align:center;
	border-radius:5px;
	margin:0px auto 15px auto;
}
.referbox-input {
	position: relative;
}
.referbox-input input{
	border-radius: 50px;
	height: 42px;
	position: relative;
	box-shadow: 3px 3px 5px #e7e7e7;
	border: solid 2px #DDD;
	padding: 1rem !important;
	font-size: 13px;
}
.referbox-input button{
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 50px;
	height: 40px;
	padding: 0.4rem 1.2rem !important;
}
.shadowbox{
	box-shadow:0 3px 5px #DDD !important;
}
.rewards-heading{
	font-size:15px;
	text-transform:uppercase;
	padding:0.8rem 1.2rem !important;
	letter-spacing:0.8px;
}
.profile > div{
	padding-bottom:0.6rem;
	padding-top:0.6rem;
}
.rewards-heading i{
	font-size:21px;
	position:relative;
	top:3px;
}
.whatsaapp-btn{
	background: #d2fbe1;
    font-size: 16px;
    font-weight: 300;
    border-radius: 50px;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 13px;
    padding-bottom: 13px;
	border:solid 1px #24cc63;
}
.whatsaapp-btn i{
	color:#000 !important;
}
.whatsaapp-btn:hover{
	background:#24cc63;
	color:#FFF;
}
.whatsaapp-btn:hover i{
	color:#FFF !important;
}
.category-rewards{
  border: solid 1px #ECECEC;
  text-align: center;
  padding: 0rem;
  border-radius: 3px;
  background: #f9f9f9;
}
.category-rewards img{
  margin-bottom: 0.5rem;
}
.category-rewards figure{
	max-height: 230px;
	overflow: hidden;
	margin-bottom: 0px;
}
.category-rewards h4{
  background: #00063A;
  padding: 0.6rem 0;
  margin-bottom: 0px;
  font-weight: 400;
  color: #FFF;
  font-size: 15px !important;
}

.rewards-board{
	box-shadow: 0 3px 5px #ddd; 
	padding:2rem 1rem; 
	border-radius:10px;
}

.rewards-board:hover{
	background:#f58634 !important;
	color:#FFF;
}
.rewards-board:hover h4{
	color:#FFF;
}
.rewards-board:hover i{
	color:#FFF;
}

.rewards-board i{
	font-size:2.3rem;
	color: #f58634;
}

.rewards-board h4{
	font-size: 14px !important;
    font-weight: 500;
    color: #000;
}
.dashboard-bg1{
	background:#50d0bc !important;
}
.dashboard-bg2{
	background:#ff7782 !important;
}
.dashboard-bg3{
	background:#45bfff !important;
}
.dashboard-bg4{
	background:#ffbb55 !important;
}
.dashboard-bg5{
	background:#717eee !important;
}
.dashboard-bg6{
	background:#50d0bc !important;
}

.customradio {
  display: block;
  position: relative;
  padding-left: 26px;
  margin-right: 0rem;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.customradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
    top: 0.75555rem;
    left: 0rem;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border-radius: 50%;
    border: solid 2px #ced4da;
}

/* On mouse-over, add a grey background color */
.customradio:hover input ~ .checkmark {
  background-color: #EEE;
}

/* When the radio button is checked, add a blue background */
.customradio input:checked ~ .checkmark {
  background-color: #FFFFFF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.customradio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.customradio .checkmark:after {
	top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2381ff;
}

.radiobg{
	padding:0.2rem 1rem 0.2rem 1rem; 
	background:#FFF; 
	border-radius:6px;
	height:46px;
	border:solid 0px #616161;
}
.formicon input{
	padding-left:0.8rem;
}
.formicon i{
	font-size:21px; 
	position:absolute; 
	right:13px;
	top:6px;
	color:#000 !important;
}
.localform-body h2{
	font-size:24px;
	font-weight:700;
}
.localform-body{
	padding:2rem 3rem;
}
.localform-body label{
	font-weight:500;
	font-size:14px;
	padding-bottom:0.1rem;
}
.outletbg-left{
	background:#00144f url(../images/bg11.png) repeat; 
	background-size:100% auto; 
	padding:5rem; 
	border-radius:8px;
}
.outletbg-left h1{
	font-size:2.6rem; 
	color:#FFF; 
	font-weight:600
}

.localstore-body{
	background:#FFF url(../images/bg12.png) repeat; 
	background-size:100% auto;
	padding:3.5rem 0;
}
.value-btn{
	border: solid 1px #d6d6d6;
	height: 45px;
	.btn-number{
		line-height: 1.5;
		font-size: 22px;
		width: 36px;
	}
}

.innnerpage{
	background:#000; 
	width:100%; 
	height:0;
}

.reviewtabs .nav{
	border-bottom: solid 2px #DDD;
	font-size: 15px !important;
}
.reviewtabs .nav-link{
	color: #000 !important;
    padding: 0.6rem 1.2rem 0.4rem 1.2rem;
    background: #f1f1f1;
    border-radius: 0px;
}
.reviewtabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	color: #FFF !important;
    background-color: #003f7d;
	border-radius: 0px;
}
.scrollspy-tabs .nav-pills li a{
	background: #02366a;
	margin: 0 0.6rem;
	padding: 0.6rem 1.8rem;
	border-radius: 5px 5px 0 0;
	color: #FFF;
}
.scrollspy-tabs .nav-pills li .active{
	color: #003f7d;
	background-color: #fff;
}

.rating-box {
  display: inline-block;
  margin-bottom: 0.6rem;
}
.rating-box .rating-container {
  direction: rtl !important;
}
.rating-box .rating-container label {
  display: inline-block;
  margin: 0;
  color: #d4d4d4;
  cursor: pointer;
  font-size: 36px;
  transition: color 0.2s;
  line-height: 0;
  padding: 1rem 0;
}
.rating-box .rating-container input {
  display: none;
}
.rating-box .rating-container label:hover, .rating-box .rating-container label:hover ~ label, .rating-box .rating-container input:checked ~ label {
  color: #ff6e00 !important;
}

.reivewtxt {
	list-style: none;
	padding-left: 0px;
}
.reivewtxt li {
	display: inline-block;
	margin-bottom: 1.2rem;
}
.reivewtxt li a{
	border: 1px solid #444;
	border-radius: 20px;
	padding: 7px 10px;
	margin-right: 5px;
	background: #fff;
	color: #222;
	font-size: 14px;
}
.reivewtxt li a:hover {
	background:#444;
	color:#FFF;
}
.reivewtxt li a:hover a{
	color:#FFF;
}

.paymentmode li{
	justify-content: space-between;
    display: flex;
}
.timming-view li{
	/*justify-content: space-between;
    display: flex;*/
	padding-left: 0.2rem !important;
	padding-right: 0.3rem !important;
}
.timming-view li::after{
	display:none !important;
}
.leftbox-fliter{
	background:#FFF; 
	padding:1rem; 
	border-radius:5px;
	position: sticky;
    top: 0px;
}

.fliterdelete-box a{
	cursor: pointer;
	position: relative;
	font-size: 12px;
	margin: 2px 2px 2px 0;
	color: #111;
	display: inline-block;
	padding: 3px 8px;
	border-radius: 2px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.fliterdelete-box a .bi{
	font-size:18px;
	line-height: 0;
}

.reviewbox-txt .stardark .fa{
	color:#DDD;
}
.front-stars{
  display: flex;
}
.front-stars{
	color: #ff6e00;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 0.5s;
	font-size: 22px;
}
.front-stars i{
	font-size: 22px;
}
.star-rating, .back-stars, .front-stars {
  display: flex;
}
.back-stars {
  color: #ddd;
  position: relative;
}
.back-stars i{
	font-size: 20px;
	margin-right: 2px;
	/*color: #FFF;*/
}

.productdashboard .carousel-item img{
	max-height: 150px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	margin: 0px auto;
}
.tablerewards .table-bordered > :not(caption) > *{
	font-size: 14px;
}

@media(max-width:767px){
	.refer-earn h1{
		font-size: 40px;
	}
	.refer-earn h3 {
		font-size: 20px;
	}
	.topbar .social{
		  text-align: center;
	  } 
	  .topbar .social li{
		font-size: 13px;
	}
	.user-panel .user-icon{
		line-height: 1.4;
	}
	.user-panel .dropdown-toggle::after{
		margin-left: 1em !important;
	}
	.customradio{
		margin-right: 0rem !important;
	}
	.outletbg-left{
		background:#00144f url(../images/bg1.png) repeat; 
		background-size:100% auto; 
		padding:2rem 1rem; 
		border-radius:8px;
		text-align:center;
	}
	.outletbg-left h1{
		font-size:1.6rem; 
		color:#FFF; 
		font-weight:600
	}
	.outletbg-left p{
		padding-top:0.4rem !important;
	}
	.localform-body{
		padding:1.6rem;
	}
	.localform-body h2{
		font-size:22px;
	}
	.outletbg-left{
		display:none !important;
	}
	.scrollspy-tabs .nav-pills li a{
		margin: 0 0.1rem;
		padding: 0.4rem 0.8rem;
	}
	.reviewtabs .nav-link {
	  padding: 0.4rem 0.4rem 0.4rem 0.4rem;
	  font-size: 15px;
	}
	.outlet--details--banner .bannerbg::before{
		background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8));
		height:100%;
	}
	.outlet--details--banner .carousel-caption{
		padding-bottom: 2rem !important;
		padding-top: 2rem !important;
		top: 0% !important;
	}
	.localbox > div:nth-child(2){
		padding: 1rem;
	}
	.localoutket-categoy .discountshop{
		right: 0rem;
		top: 0px;
		position: relative;
		width: auto;
		display: inline;
	}
	.localoutket-categoy .notdiscountshop{
		right: 0rem;
		top: 0px;
		position: relative;
		width: auto;
		display: inline;
		font-size: 11px;
	}
	.localoutket-categoy .categoy-space .whatsapp-icons{
		padding: 0.2rem 0.6rem !important;
		font-size: 12px;
	}
	.localoutket-categoy .btn-outline-secondary{
		font-size: 12px;
		padding: 0.2rem 0.5rem !important;
	}
	.localoutket-categoy h3{
		font-size: 15px;
	}
	.localoutket-categoy .bi-star-fill{
		font-size: 12px;
	}
	.localoutket-categoy .label-rating{
		padding: 0px 4px !important;
		margin: 0.4rem 0;
		font-size: 11px !important;
	}
	.hiddenm{
		display:none;
	}
	.localoutket-categoy .address1{
		font-size: 12px;
	}
	.localoutket-categoy .timining li{
		font-size: 13px !important;
	}
	.localoutket-categoy .timining li::after{
		display:none;
	}
	.localoutket-categoy .timining{
		margin-bottom: 0.2rem;
	}
	.localoutket-categoy .categoy-space .whatsapp-icons{
		border: solid 1px #1b9836 !important;
		background: #1b9836 !important;
		color: #fff !important;
	}
	.localoutket-categoy .categoy-space .bi-whatsapp{
		color: #fff !important;
	}
	.localoutket-categoy .rating-number{
		font-size: 12px;
	}
	button.accordions{
		color: #000 !important;
		padding: 14px 18px 4px 18px !important;
		border-radius: .2rem !important;
	}
	.accordionm{
		margin-left: 0.6rem !important; 
		width: 94% !important;
		background-color: #fff !important;
		border: 1px solid #dee2e6 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}
	button.accordions::after{
		color: black;
		font-size: 22px;
		font-weight:400 !important;
		top: -5px;
		position: relative;
	}
	.leftbox-fliter{
		background:#FFF; 
		padding:0rem 0.4rem;
		border-radius:5px;
	}
	.carousel-control-next, .carousel-control-prev{
		z-index: 22;
	}
	.localbox > div:nth-child(1){
		order: 2;
	}
	.localbox > div:nth-child(2){
		order: 1;
	}
	.localbox > div:nth-child(3){
		order: 3;
	}
	.leftview{
		margin-bottom:2rem;
	}
	.category-rewards figure{
		max-height: 170px;
	}
	.category-rewards h4{
		padding: 0.4rem 0;
		font-size: 13px !important;
	}
}

/*PRELOADING------------ */
#overlayer {
  width:100%;
  height:100%;
  position:absolute;
  z-index:1;
  background:rgba(0,0,0,0.99);
  z-index: 99999;
}
.loader {
  position: absolute;
	top: 5%;
	left: 40%;
	right:10%;
	z-index: 999999;
} 
 .logoanimation{fill:#FFFFFF;}
 .st1{fill:#FFFFFF;}
 .logoanimation{
	 -webkit-animation: draw 2700ms ease-in-out infinite; /* Safari 4+ */
	 -moz-animation:    draw 2700ms ease-in-out infinite; /* Fx 5+ */
	 -o-animation:      draw 2700ms ease-in-out infinite; /* Opera 12+ */
	 animation:         draw 2700ms ease-in-out infinite;
	 stroke: #FFFFFF;
 }
@-webkit-keyframes draw {
 0% {
   stroke-dasharray: 0 800;
   stroke-dashoffset: 200;
   fill-opacity: 0;
   stroke-width: 4;
 }
 37% {
   stroke-dasharray: 600 0;
   stroke-dashoffset: 200;
   fill-opacity: 0;
   stroke-width: 4;
 }
 50% {
   fill-opacity: 1;
   stroke-width: 0;
 }
 100% {
   fill-opacity: 1;
   stroke-width: 0;
 }
}
@-moz-keyframes draw {
 0% {
   stroke-dasharray: 0 800;
   stroke-dashoffset: 200;
   fill-opacity: 0;
   stroke-width: 4;
 }
 37% {
   stroke-dasharray: 600 0;
   stroke-dashoffset: 200;
   fill-opacity: 0;
   stroke-width: 4;
 }
 50% {
   fill-opacity: 1;
   stroke-width: 0;
 }
 100% {
   fill-opacity: 1;
   stroke-width: 0;
 }
}
@-o-keyframes draw {
 0% {
   stroke-dasharray: 0 800;
   stroke-dashoffset: 200;
   fill-opacity: 0;
   stroke-width: 4;
 }
 37% {
   stroke-dasharray: 600 0;
   stroke-dashoffset: 200;
   fill-opacity: 0;
   stroke-width: 4;
 }
 50% {
   fill-opacity: 1;
   stroke-width: 0;
 }
 100% {
   fill-opacity: 1;
   stroke-width: 0;
 }
}
@keyframes draw {
 0% {
   stroke-dasharray: 0 800;
   stroke-dashoffset: 200;
   fill-opacity: 0;
   stroke-width: 4;
 }
 37% {
   stroke-dasharray: 600 0;
   stroke-dashoffset: 200;
   fill-opacity: 0;
   stroke-width: 4;
 }
 50% {
   fill-opacity: 1;
   stroke-width: 0;
 }
 100% {
   fill-opacity: 1;
   stroke-width: 0;
 }
}


.accordioncustom .accordion-body{
	padding: 0.4rem 0.8rem 0.4rem 0.4rem !important;
}
.accordioncustom .accordion-item{
	margin-bottom:0.5rem;
	border:solid 1px #003f7d;
	border-radius:4px;
}
.accordioncustom button{
	background:#003f7d !important;
	padding: 0.7rem 1.2rem !important;
	color: #FFF;
}

.accordioncustom .accordion-button:not(.collapsed){
	color: #ffffff;
}

.accordioncustom .accordion-button:not(.collapsed)::after{
	background-image: none;
    font-family: "bootstrap-icons";
    Position: absolute;
    content: '\F279';
    color: #FFF;
    right: 1rem;
    font-size: 16px;
    top: 0.8rem;
}

.accordioncustom .accordion-button::after{
	background-image: none;
    font-family: "bootstrap-icons";
    Position: absolute;
    content: '\F279';
    color: #FFF;
    right: 0.6rem;
    font-size: 16px;
    top: 0.8rem;
}

.top__gallery > div > a{
	width: 100%;
	border: none !important;
	border-radius: 0px !important;
}

.top__contact {
	font-size: 14px;
}
.top__contact h1{
	color: #FFF;
	font-size: 26px;
    margin-top: 0.4rem;
}
.top__contact ul{
	color: #FFF;
	margin-bottom: 0.6rem;
}
.top__contact ul li {
	margin-bottom: 0.3rem;
}
.top__contact ul li a{
	color: #FFF;
}

.labeltxt{
	Position:absolute;
	right:20px;
	bottom:5px;
	font-size:12px;
	opacity: 0.5;
}

 
.content {
  display: none;
}
#loadMore {
  width: 200px;
  color: #fff;
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 12px 10px;
  border-radius: 5px;
  border: 1px solid transparent;
  background-color: #003f7d;
  transition: .3s;
}
#loadMore:hover {
  color: blue;
  background-color: #fff;
  border: 1px solid blue;
  text-decoration: none;
}
.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
  border: dashed 1px #979797 !important;
  margin-top: 2rem !important;
  display:none !important;
}

.bg-home{
	background: url(../images/bg1.png) no-repeat;
}
.bg-home1{
	background-image: linear-gradient(140deg, #803a98 0%, #BC70A4 50%, #5e47db 75%);
	padding: 2rem 2rem 0 5rem;
	border-radius: 20px;
}
.box__store{
	background: #FFF;
	box-shadow: 0 0 10px #c9c9c9;
	border-radius: 10px;
	padding: 2rem;
}
.box__store h3{
	font-size: 24px;
	font-weight: 800;
	margin-bottom: 1.6rem;
}
.box__store h4{
	font-size: 20px;
	font-weight: 500;
	margin: 1.4rem 0;
}
.btn-first{
	border-radius: 10px;
	display: flex;
	align-items: center;
    justify-content: space-between;
	background: #5f6f7c;
	border-color: #5f6f7c;
	font-size: 20px;
	font-weight: 500;
}
.btn-second{
	border-radius: 10px;
	display: flex;
	align-items: center;
    justify-content: space-between;
	background: #433a3b;
	border-color: #433a3b;
	font-size: 20px;
	font-weight: 500;
}
.btn-third{
	border-radius: 10px;
	display: flex;
	align-items: center;
    justify-content: space-between;
	background: #786fac;
	border-color: #786fac;
	font-size: 20px;
	font-weight: 500;
}
.brands__carsual{
	text-align: center;
}
.brands__carsual figure{
	background: #FFF;
	margin-bottom: 0.6rem;
	padding: 1.3rem 0.6rem;
	border-radius: 10px;
}
 
.sliders {
	display: flex;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0rem;
}
.item {
	animation: animate 25s linear infinite;
	padding: 0 0.6rem;
}
.item figure{
	background: #FFF;
	margin-bottom: 0.6rem;
	padding: 0.3rem 0.6rem;
	border-radius: 10px;
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.item h4{
	color:#FFF;
	text-align: center;
}
.item p{
	color:#FFF;
	text-align: center;
}
.item__category figure{
	margin-bottom: 0.6rem;
}
.item__category figure img{
	border-radius: 5px;
}
.item__category h4{
	color:#000 !important;
	text-align: center !important;
}
.item__category p{
	color:#000 !important;
	text-align: center !important;
}
.item img{
		min-width: 50px;
		padding: 0;
	}
.sliders:hover .item {
	animation-play-state: paused;
}
 

.slick-slide img {
  /*width: 100%;*/
}

.home__men__txt h4{
	font-size: 18px;
	font-weight: 500;
	padding-top: 0rem;
}
.home__men__txt h3{
	font-size: 24px;
	font-weight: 800;
	color:#FFF;
	margin: 1rem 0;
}
.home__men__txt ul li{
	list-style-image: url(../images/check.png);
	margin-bottom: 0.4rem;
	margin-left: 2rem;
	color:#FFF;
	font-size: 15px;
}


@keyframes animate {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-1800px, 0, 0);
	}
}

.seller__box{
	border:solid 1px #d2d2d2;
	border-radius: 15px;
	padding: 1rem 0.3rem;
}
.seller__box figure{
	margin-bottom: 0.4rem;
}
.brands-btn{
	background: #FFF;
	color: #5d47dd;
	border-radius: 30px;
	border-color: #FFF;
}
.deal-btn{
	background: #2f3c97;
	color: #FFF;
	border-radius: 30px;
	border-color: #2f3c97;
}
.business-btn{
	background: #ffc000;
	color: #000 !important;
	border-radius: 30px;
	border-color: #ffc000;
	font-weight: 600;
	font-size: 18px;
}

.business-btn-2{
	background: #5d47dd;
	color: #FFF;
	border-radius: 5px;
	border-color: #5d47dd;
	font-weight: 600;
	font-size: 18px;
}
  
.slider__txt h4{
	color:#FFF;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.rotate-text {
	text-align: center;
	color: #FFF;
	height: 1.6em;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 0;
  }
  .rotate-text > span {
	float: left;
	margin-right: 0.3em;
	height: 2.6em;
  }
  .rotate-text > span:last-of-type {
	font-size: 30px !important;
	font-weight: 800;
	font-family: "Work Sans", serif;
	display: inline-block;
	color: #FFF;
	position: relative;
	white-space: nowrap;
	bottom: 0;
	left: 0;
	animation: ticker 40s;
	animation-iteration-count: infinite;
	animation-delay: 20s;
  }
  
  @keyframes ticker {
	0% {
	  bottom: 0;
	}
	10% {
	  bottom: 0;
	}
	20% {
	  bottom: 1.2em;
	}
	30% {
	  bottom: 1.2em;
	}
	40% {
	  bottom: 2.4em;
	}
	50% {
	  bottom: 2.4em;
	}
	60% {
	  bottom: 3.6em;
	}
	70% {
	  bottom: 3.6em;
	}
  }

  .text__red{
	color: red;
  }
 
  .text__blue{
	color: #00d0ff;
  }

  .text__pink{
	color: #ff05f7;
  }

  .slider__txt__home{
	bottom: 2rem !important;
	background: url(../images/bggray.jpg) no-repeat;
	background-size: cover;
	padding: 1rem 0 0 0;
}
  .slider__txt__home h3{
	font-size: 40px;
	font-weight: 800;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	margin-bottom: 1.6rem;
}

.slider__txt__home h5{
	font-size: 20px;
	font-weight: 600;
	font-family: 'Roboto Condensed', sans-serif;
	color: #393939;
}

.slider__txt__home .btn{
	border-radius: 5px;
	background: #d96e1f !important;
	border-color: #d96e1f !important;
}

/* .grid-column{
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 10px;
	margin-top: 0.3rem;
} */
.grid-column a figure{
	margin: 0.6rem 0;
	display: block ruby;
	white-space:nowrap;
}
.grid-column a figure img{
	width: 80px;
    height: 80px;
    border-radius: 50%;
	outline: solid 2px #d96e1f;
    border: solid 2px #FFF;
	transition: all .6s ease;
	object-fit: cover;
}
.grid-column a{
	text-align: center;
}
.grid-column a h4{
	font-size: 12px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
	font-weight: 500;
}
.grid-column a figure img:hover{
	/* transform: scale(1.1);
    transition: .9s; */
	outline: solid 2px #d96e1f;
    border: solid 2px #FFF;
	box-shadow: 0 0 10px #181818;
}

.category-product {
	display: flex;
}
.category-product .slick-arrow{
	display: none !important;
}
.category-product:hover .slick-arrow{
	display: block !important;
}

.slider-category-product img{
	border-radius: 5px;
	width: 100%;
}

.slider-category-product .carousel-control-prev-icon::after{
	font-family: "bootstrap-icons";
    content: '\F284';
    color: #000;
    font-size: 20px;
    left: -10px !important;
    top: 45%;
    position: absolute;
}
.slider-category-product .carousel-control-prev-icon {
    background-image: none !important;
    background: #FFF;
    border-radius: 0 4px 4px 0;
	min-width: 40px;
    height: 60px;
}
.slider-category-product .carousel-control-next {
    width: 9%;
    z-index: 9999;
	/* opacity: 0.8; */
}
.slider-category-product .carousel-control-prev {
    width: 9%;
    z-index: 9999;
	/* opacity: 0.8; */
}
.slider-category-product .carousel-control-next{
    background-image: none !important;
    background: #FFF;
    border-radius: 4px 0 0 4px;
	min-width: 40px;
    height: 60px;
    top: 40%;
    right: 0px;
}
.slider-category-product .carousel-control-next::before{
	font-family: "bootstrap-icons";
    content: '\F285';
    color: #000;
    font-size: 20px;
    right: 10px !important;
    top: 25%;
    position: absolute;
}

.category-bg{
	background: url(../images/bg-category.jpg) no-repeat center center;
	background-size: cover;
	height: 237px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center;
}
.category-bg::after{
	background: rgb(0, 0, 0, 0.8);
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
}
.category-bg .container{
	z-index: 999;
	position: relative;
}
.category-bg .container h2{
	color: #FFF;
	font-size: clamp(22px, 2.6vw, 42px);
}
.category-bg .container .savingnow{
	color: #FFF;
	font-size: clamp(14px, 1.4vw, 24px) !important;
	font-weight: 500;
	margin-bottom: 0.6rem;
}
.category_page figure{
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}
.category_page figure figcaption{
	position: absolute;
	bottom: 0;
	left: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0.8rem 0.8rem;
}
.category_page figure figcaption h3{
	font-size: 16px;
	color: #FFF;
	z-index: 22;
	font-weight: 500;
	margin-bottom: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 0.8rem;
}
.category_page figure figcaption .bi-arrow-up-right{
	background: #ff6c00;
	width: 30px;
	height: 30px;
	z-index: 22;
	text-align: center;
	color: #FFF;
	position: relative;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	transition: 0.4s ease;
}
.category_page:hover figure figcaption .bi-arrow-up-right{
	background: #000;
	color: #FFF;
	transition: 0.4s ease;
}
.category_page figure figcaption::after{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6), rgb(0, 0, 0));
	content: '';
	position: absolute;
	left: 0px;
	width: 100%;
	height: 150px;
}
.category_page figure img{
   transition: .5s;
}
.category_page:hover figure img{
	transform: scale(1.1);
    transition: .5s;
}
.category-deal-banner{
	background: url(../images/deal-banner.jpg) no-repeat center center;
	background-size: cover;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: start
}
.category-deal-banner .container h2 {
	font-size: clamp(22px, 2.6vw, 42px);
}
.category-deal-banner .savingnow {
	font-size: clamp(14px, 1.4vw, 24px) !important;
	font-weight: 500;
	margin-bottom: 0.6rem;
}
.category-deal-bg{
	background-image: linear-gradient(#eeeafc, transparent);
	padding: 0.8rem 0;
}
.category-deal-bg .savingnow{
	color: #000;
	font-size: clamp(14px, 1.4vw, 24px) !important;
	font-weight: 500;
	margin-bottom: 0.6rem;
}
.category_deal figure{
	position: relative;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
	background: #FFF;
}
.category_deal figcaption{
	position: relative;
	bottom: 0;
	left: 0px;
	width: 100%;
	padding: 0.8rem 0.8rem;
}
.category_deal figcaption h3{
	font-size: 17px;
    font-weight: 500;
    margin-bottom: 0.6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.category_deal figcaption span{
	background: #ff6c00;
    width: 120px;
  	height: 36px;
    z-index: 22;
    text-align: center;
    color: #FFF;
    position: relative;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: 0.4s ease;
}
.category_deal figcaption span i{
	margin-left: 0.3rem;
    font-size: 10px;
}
.category_deal:hover figcaption span{
	background: #000;
	color: #FFF;
	transition: 0.4s ease;
}
.category_deal figure img{
   transition: .5s;
}
.category_deal:hover figure img{
	transform: scale(1.1);
    transition: .5s;
}
.category_deal{
	background: #FFF;
	border-radius: 8px;
	border: solid 1px #e5e3e3;
}
.category-deal-bg h2{
	font-size: clamp(22px, 2.6vw, 42px);
	font-weight: 700;
	background: -webkit-linear-gradient(10deg, #0047ff, #0047ff, #0047ff, #0094ff);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
}

.limited-offers-bg{
	background: url(../images/limited-offers-banner.png) no-repeat center center;
	background-size: cover;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: start
}
.limited-offers-bg::after{
	background-image:linear-gradient(90deg, rgba(247,145,77,1), rgba(247,145,77,1) 45%, rgba(255,108,4,0), rgba(255,108,4,0));
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
}
.limited-offers-bg .container{
	z-index: 999;
	position: relative;
}
.limited-offers-bg .container h2{
	color: #FFF;
	font-size: clamp(22px, 2.6vw, 42px);
}
.limited-offers-bg .container .savingnow{
	color: #FFF;
	font-size: clamp(14px, 1.4vw, 24px) !important;
	font-weight: 500;
	margin-bottom: 0.6rem;
}
.limited-offers{
	display: flex;
	align-items: center;
	justify-content: center;
}
.limited-offers:nth-child(1) a figure img{
	background: #ffe2f5;
}
.limited-offers:nth-child(2) a figure img{
	background: #f5e7fc;
}
.limited-offers:nth-child(3) a figure img{
	background: #fbeedd;
}
.limited-offers:nth-child(4) a figure img{
	background: #ffe2f5;
}
.limited-offers:nth-child(5) a figure img{
	background: #f6f5db;
}
.limited-offers:nth-child(6) a figure img{
	background: #fbecdd;
}
.limited-offers:nth-child(7) a figure img{
	background: #ffefe5;
}
.limited-offers:nth-child(8) a figure img{
	background: #f4e6fb;
}
.limited-offers:nth-child(9) a figure img{
	background: #f2f2f2;
}
.limited-offers:nth-child(10) a figure img{
	background: #fffce1;
}
.limited-offers:nth-child(11) a figure img{
	background: #ffe2f5;
}
.limited-offers:nth-child(12) a figure img{
	background: #e2faff;
}
.limited-offers figure{
	/* position: relative;
	overflow: hidden;
	border-radius: 10px; */
	display: flex;
  	justify-content: center;
}
.limited-offers figcaption{
	position: relative;
	bottom: 0;
	left: 0px;
	/* display: flex;
	align-items: center;
	justify-content: space-between; */
	width: 100%;
	padding: 0.8rem 0.8rem;
	height: 100%;
}
.limited-offers figcaption h3{
	font-size: 16px;
	z-index: 22;
	font-weight: 500;
	margin-bottom: 0px;
	/* white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 0.8rem; */
	/* position: relative;
	top: 18px;
	left: 20px;
	width: auto;
	right: 10px; */
	text-align: center;
}
/* .limited-offers figcaption::before{
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2), transparent);
	content: '';
	position: absolute;
	left: 0px;
	width: 100%;
	height: 150px;
	top: 0px;
} */
.limited-offers figcaption span{
	background: #ff6c00;
	width: 110px;
	height: 30px;
	z-index: 22;
	text-align: center;
	color: #FFF;
	position: relative;
	border-radius: 4px;
	/* display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	bottom: 15px;
	left: 15px;
	*/
	font-size: 13px;
	transition: 0.4s ease;
}
.limited-offers figcaption span i{
	margin-left: 0.4rem;
    font-size: 10px;
}
.limited-offers:hover figcaption span{
	background: #000;
	color: #FFF;
	transition: 0.4s ease;
}
/* .limited-offers figcaption::after{
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgb(0 0 0 / 48%));
	content: '';
	position: absolute;
	left: 0px;
	width: 100%;
	height: 100px;
	bottom: 0px;
} */
.limited-offers figure img{
	transition: .5s;
	border-radius: 50%;
	width: 150px;
	height: 150px;
}
.limited-offers:hover figure img{
	transform: scale(1.1);
    transition: .5s;
}

.bg-blue-light{
	background: #dcecff;
}


.nav {
	/*position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;*/
  }
  /** 
  * Nav container 
  * 1. Ensure this slides in below parent
  * 2. Hide by default
  * 3. Smoother scrolling experience on iOS
  */
  .nav-container {
	position: fixed;
	top: 60px; /* 1 */
	left: 0;
	z-index: 9999;
	overflow-y: auto;
	visibility: hidden; /* 2 */
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%); /* 2 */
	-webkit-overflow-scrolling: touch; /* 3 */
  }
  /* 1. Show when `.is-visible` class is added */
  .nav-container.is-visible {
	visibility: visible; /* 1 */
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0); /* 1 */
  }
  
  /* Nav toggle */
  .nav-toggle {
		position: relative;
		top: 5px;
		right: 0px;
		line-height: 1;
		display: inline-block;
		padding: 1.25rem 1rem;
		border: 0;
		background:none;
  }
  
  /* Nav toggle icon */
  .nav-toggle .icon-menu {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 20px;
	vertical-align: middle;
	fill: none;
  }
  /* Nav toggle icon lines */
  .icon-menu .line {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
	background-color: #FFF;
  }
  
  /* Nav toggle icon line 1 */
  .icon-menu .line-1 { top: 0; }
  
  /* When active, rotate line 1 to be lefthand part of X */
  .is-active .icon-menu .line-1 {
	-webkit-transform: translateY(8px) translateX(0) rotate(45deg);
	-ms-transform: translateY(8px) translateX(0) rotate(45deg);
	transform: translateY(8px) translateX(0) rotate(45deg);
  }
  
  /* Nav toggle icon line 2 */
  .icon-menu .line-2 {
	top: 50%;
	margin-top: -1px;
  }
  
  /* When active, hide line 2 */
  .is-active .icon-menu .line-2 { opacity: 0; }
  
  /* Nav toggle icon line 3 */
  .icon-menu .line-3 { bottom: 0; }
  
  /* When active, rotate line 3 to be righthand part of X */
  .is-active .icon-menu .line-3 {
	-webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
	-ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
	transform: translateY(-8px) translateX(0) rotate(-45deg);
  }
  
  .memu-hold{
	z-index: 22;
	position: relative;
}

  /* Remove default list styles for menus */
  .menu {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  
  /** 
  * 1. Give menu a lighter background than its container 
  * 2. Prevent menu text from being accidentally highlighted
  */
  
  .nav-menu {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;         /* 2 */
  }
  
  /* Give menu items a top border */
  .nav-menu .menu-item { border-top: 0px solid #bbb; }
  
  /* Give last menu item a bottom border */
  .nav-menu > .menu-item:last-child { border-bottom: 1px solid #eeecec;}
  
  /* Darker background color on hover, and when toggled */
  .nav-menu > .menu-item:hover,
  .nav-menu > .menu-item.is-active { background: linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange)); }
  .nav-menu > .menu-item:hover a{
	color: #FFF;
  }
  .sellermenu{
	/* margin-left: 0.4rem; */
  }
  /* 1. Menu links are block level, by default */
  .nav-menu .menu-link {
	  display: block; /* 1 */
	  text-decoration: none;
	  color: var(--bg-white);
	  padding:11px 8px;
	  font-size:16px;
	  line-height:26px;
	  text-align: left;
	  font-weight: 500;
  }
  
  /* 1. Menu items with dropdowns appear clickable */
  
  .has-dropdown {
	position: relative;
	cursor: pointer; /* 1 */
  }
  
  /* 1. Parent menu links inlined so you can toggle the dropdown */
  .has-dropdown > .menu-link { display: inline-block; }
  
  /* 1. Add an icon to menu items that have sub menus */
  .has-dropdown:after {
	  font-size: 27px;
	  position: absolute;
	  top: 6px;
	  right: 1rem;
	  bottom: 0;
	  content: "+";
	  color: #000;
	  font-weight: 300;
  }
  /* 1. Switch icon to n-dash when toggled */
  .has-dropdown.is-active:after { content: "\2013"; /* 1 */ }
  
  /**
   * Dropdowns
   * 1. Hide dropdowns by default
   */
  .nav-dropdown {
	display: none; /* 1 */
	background-color: #fff;
  }
  
  /* 1. Show dropdown when toggled */
  .has-dropdown.is-active > .nav-dropdown { display: block; /* 1 */ }
  
  /* 2nd level dropdown */
  .nav-dropdown .nav-dropdown { background-color: #aaa; }
  .nav-dropdown .menu-item { border-color: #a0a0a0; }
  .nav-dropdown .nav-dropdown .menu-item {
	background-color: #b0b0b0;
	border-color: #909090;
  }
  
  @media screen and (max-width: 1100px){
  .nav-menu .menu-item {
	border-top: 1px solid #eeecec;
  }
  .nav-menu .menu-link{
	  color: var(--bg-black);
  }
  .nav-menu {
	  overflow-x:auto !important; 
	  padding-bottom:80px !important;
	  text-align:left;
  }
  .nav-container { background-color:#FFF; margin-top:4px;}
  .nav-container:after {
		  position:absolute;
		  top:-20px;
		  right:2.2em;
		  content:'';
		  height: 0;
		  border-style: solid;
		  border-width: 0 10px 10px 10px;
		  border-color: transparent transparent #000 transparent;
	  }
  .nav-menu ul li a.menu-link { padding-left:1.5em;}
  .nav-menu > .menu-item.is-active .menu-item { border:none !important;}
  .nav-menu .menu-link { padding:12px 15px;}
  }
  @media (min-width: 1100px) {
  .nav {}
  .nav-menu {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* 2 */
  }
  .nav,
   .nav-container,
   .nav-container.is-visible {
	position: static;
	top: auto;
	left: auto;
	z-index: auto;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
  }
  
  .nav-container,
   .nav-container.is-visible {
	visibility: visible;
	height: auto;
	min-height: 0;
	overflow-y: visible;
  }
  
  .nav-toggle { display: none; }
  /* 1. Display menu items inline */
  
  .nav-menu > .menu-item,
   .nav-menu > .menu-item.is-active {
	display: inline-block; /* 1 */
	background-color: transparent;
	border: 0;
  }
  
  /* Remove bottom border on last child */
  .nav-menu > .menu-item:last-child { border: 0; }
  .nav-menu .menu-item {
	-webkit-transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out,  color 0.15s ease-in-out;
	border-radius: 4px;
  }
  
  /* Remove +/- icons */
  .has-dropdown:after { 
	content: "\F282" !important;
    font-family: "bootstrap-icons";
    color: #FFF;
    font-size: 8px;
    right: 5px;
    top: 42%;
    font-weight: 700;
  }
  
  /* Add a caret to top-level menu items that have dropdowns */
  /*.nav-menu > .has-dropdown:after {
	position: absolute;
	top: 50%;
	right: 1rem;
	width: 0;
	height: 0;
	margin-top: -2px;
	margin-left: -4px;
	content: "";
	border-width: 5px 5px 0 5px;
	border-style: solid;
	border-color: #444 transparent transparent transparent;
  }*/
  
  /* Increase padding to compensate for caret */
  
  .has-dropdown > .menu-link { /*padding-right: 2rem; */}
  /* Re-style dropdowns for larger screens */
  
  .nav-dropdown {
	display: block;
	opacity: 0;
	position: absolute;
	top: 100%;
	width: 250px;
	margin: 0;
	background: linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
	visibility: hidden;
	-webkit-transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
	transition: visibility 0s linear 0.25s,  opacity 0.25s linear;
	border-radius: 7px 7px 7px 7px;
	margin-top:0.1rem;
  }
  
  .has-dropdown:hover > .nav-dropdown {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
  }
  
  .nav-dropdown .menu-item {
	border: 0;
    border-bottom: solid 1px #f68431;
    padding: 0.2rem 0.6rem 0.2rem 1rem;
  }
  .nav-dropdown .menu-item:hover,
   .nav-dropdown .nav-dropdown .menu-item:hover { background-color: #f58634;}
  
  .nav-dropdown .nav-dropdown,
   .nav-dropdown .nav-dropdown .menu-item { }
  
  .nav-dropdown .nav-dropdown {
	z-index: 9998;
	top: 0;
	left: 100%;
  }
}

/*========================
	Home Pgae New Css
=========================*/

header{
	background-image: linear-gradient(70deg, rgba(50,11,35,1) 30%, rgba(185,96,111,1), rgba(50,11,35,1));
	padding: 0;
	position: relative;
}
header .logo{
	max-width: 200px;
	z-index: 99;
	position: relative;
	/* background: var(--bg-white); */
	padding: 1rem 0;
	margin: 0.3rem 0;
	border-radius: 0 50px 50px 0;
}
header::after{
	background: var(--bg-white);
	content: '';
	position: absolute;
	left: 0px;
	top: 5px;
	bottom: 5px;
	width: 24%;
	height: auto;
	border-radius: 0 50px 50px 0;
}

.home-category-box >div:nth-child(1){
	padding-right:1.7rem;
}
.home-category-box >div:nth-child(2){
	padding: 0 1.2rem;
}
.home-category-box >div:nth-child(3){
	padding-left:1.7rem;
}
.home-category {
	margin: 0px !important;
}
.home-category figure{
	margin-bottom: 0.4rem;
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius);
}
.home-category figure img{
	border-radius: var(--border-radius);
	transition: all 0.6s ease;
}
.home-category:hover figure img {
	transform: scale(1.1);
	transition: 0.9s;
}
.home-category p{
	margin-bottom: 0px;
}
.deal-category figure{
	max-height: 129px;
}
.sell-all-btn{
	background: #ffefe4;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    border: dashed 1px #f87e24;
    color: #f78029;
    font-weight: 500;
}
.seller-box{
	padding: 4rem 0 3rem 0;
}
.seller-box-home{
	background: linear-gradient(70deg, rgba(50,11,35,1) 30%, rgba(185,96,111,1), rgba(50,11,35,1));
	border-radius: 10px;
}
.seller-box-home .seller-box-usp{
	padding-left: 4rem;
	padding-top: 3rem;
	padding-bottom: 2.5rem;
	position: relative;
}
.seller-box-home .sellerimg{
	position: absolute;
	right: 1rem;
	bottom: 0px;
}
.seller-box-home .seller-box-usp h2{
	font-size: clamp(15px, 2.2vw, 32px);
	color: var(--bg-white);
	font-weight: var(--font-bolder);
	line-height: 1.5;
}
.seller-box-home .seller-box-usp ul{
	padding-left: 0px;
}
.seller-box-home .seller-box-usp ul li{
	color: var(--bg-white) !important;
	font-weight: var(--font-bold);
	line-height: 2.2;
	list-style: none;
	position: relative;
	padding-left: 2.2rem;
}
.seller-box-home .seller-box-usp ul li::after{
	content: '\F633';
	font-family: "bootstrap-icons";
	position: absolute;
	left: 0px;
	top: 5px;
	font-size: 14px;
	background: var(--bg-white);
	border-radius: 50%;
	width: 23px;
	height: 23px;
	color: var(--bg-orange);
	text-align: center;
	line-height: 1.7;
}

.sub-category{
	border: solid 1px #dfdfdf;
	border-radius: 5px;
	text-align: center;
	padding-bottom: 0.8rem;
}
.sub-category figure img{
	border-radius: 5px 5px 0 0;
}
.sub-category h3{
	font-size: 15px;
	color: #f58634;
	margin-bottom: 4px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 0.6rem;
}
.sub-category .explore{
	font-size: 13px;
}
.sub-category .explore .bi-chevron-right{
	font-size: 10px;
}

.usp-section{
	margin: 2rem 0 3rem 0;
}
.usp-section .usp-block{
	background: linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
	padding: 1.6rem;
	border-radius: 10px;
}
.usp-section .usp-block h3{
	font-size: clamp(18px, 2vw, 28px);
	font-weight: var(--font-bolder);
	color: var(--bg-white);
	margin-bottom: 0.2rem;
}
.usp-section .usp-block p{
	color: var(--bg-white);
}
.usp-section .usp-block > div > div{
	position: relative;
}
.usp-section .usp-block > div > div:nth-child(1){
	padding-left: 3rem;
}
.usp-section .usp-block > div > div:nth-child(1)::after{
	content: '';
	background: url(../images/divider.png) no-repeat;
	position: absolute;
	right: 2rem;
	top: -10px;
	width: 1px;
	height:84px
}
.usp-section .usp-block > div > div:nth-child(2)::after{
	content: '';
	background: url(../images/divider.png) no-repeat;
	position: absolute;
	right: 2rem;
	top: -10px;
	width: 1px;
	height:84px
}
.usp-section .usp-block > div > div:nth-child(3)::after{
	content: '';
	background: url(../images/divider.png) no-repeat;
	position: absolute;
	right: 2rem;
	top: -10px;
	width: 1px;
	height:84px
}

.whychoose-box{
	border-radius: 24px;
	width: 100px;
	height: 100px;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(30deg, var(--bg-orange-light), #fac095);
	margin-bottom: 0.4rem;
}
.whychoose-box figure{
	margin-bottom: 0px;
}
.whychoose-box img{
	width: 54px;
}
.whychoose-box > div{
	background: #FFF;
	width: 100%;
	height: 98%;
	margin: 1px;
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.whychoose-content p{
	font-size: 13px;
	line-height: 1.4;
	font-weight: 500;
}
.heading-large h2{
	font-size: clamp(20px, 2vw, 32px);
	font-weight: var(--font-bolder);
}

.savingcard-box{
	background: #ffe8df;
	padding: 3rem;
	border-radius: 10px;
}
.cart-info{
	padding-right: 3rem;
}
.cart-info h2{
	font-size: clamp(20px, 2.4vw, 36px);
	font-weight: var(--font-bolder);
	background: -webkit-linear-gradient(360deg, var(--bg-orange-light), var(--bg-orange));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.cart-info h4{
	font-size: 20px;
	font-weight: var(--font-bold);
}

.everything-section{
	margin: 3rem 0 1rem 0;
	padding: 3rem 0;
	background: linear-gradient(#e7e7ff, rgba(255,255,255,0));
}
.everything-section .deal-box{
	background: var(--bg-white);
	border-radius: 15px;
	padding: 2rem;
	position: relative;
}
.everything-section .deal-box img{
	max-width: 48px;
}
.everything-section .deal-box .btn-shopnow{
	border: solid 1px var(--bg-orange);
	border-radius: 40px;
	color: var(--bg-orange);
	padding: 0.3rem 1.3rem;
	margin-top: 1.2rem;
}
.everything-section .deal-box span{
	content: '';
	position: absolute;
	right: 1.3rem;
	font-size: 100px;
	top: -1.6rem;
	color: #fe6e05;
	font-weight: 900;
}
.everything-section .deal-box h3{
	font-weight: var(--font-600);
	font-size: 20px;
}
.everything-section .deal-box p{
	font-size: 15px;
	line-height: 1.4;
}
.everything-section .deal-box:hover .btn-shopnow{
	/* background: linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
	color: var(--bg-white); */
	background: linear-gradient(70deg, rgba(50,11,35,1) 30%, rgba(185,96,111,1));
	color: #FFF;
	border: none;
}

.product-home{
	border: solid 1px #ecebeb;
	border-radius: 7px;
	padding-bottom: 0.6rem;
}
.product-home figure{
	border: solid 4px #FFF;
	margin-bottom: 0.5rem;
	overflow: hidden;
	position: relative;
	max-height: 220px;
}
.product-home figure img{
	border-radius: var(--border-radius);
	transition: all 0.6s ease;
}
.product-home:hover figure img{
	transform: scale(1.1);
	transition: 0.9s;
}
.product-home figcaption{
	background: linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
	position: absolute;
	top: 5px;
	left: 5px;
	border-radius: 3px;
	font-size: 12px;
	color: var(--bg-white);
	padding: 1px 5px;
	z-index: 999;
}
.product-home .spaces{
	padding: 0 0.6rem;
}
.product-home .spaces h3{
	font-size: 15px;
	margin-bottom: 0.3rem;
}
.product-home .spaces .pricing{
	text-align: center;
	color: #ff0000;
	margin-bottom: 0.6rem;
}
.product-home .spaces .pricing span{
	color: #989898;
	text-decoration: line-through;
}
.product-home .spaces .btn{
	padding: 0.4rem 0.6rem !important;
}
.product-home .btn-cart{
	background-image: linear-gradient(70deg, rgba(50,11,35,1) 30%, rgba(185,96,111,1)) !important;
	color: #FFF;
    border: none;
    border-radius: 4px;
}
.blog-content figure {
	position: relative;
	overflow: hidden;
	border-radius: var(--border-radius);
}
.blog-content figure figcaption{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.blog-content figure img{
	border-radius: var(--border-radius);
	width: 100%;
 	transition: all 0.6s ease;
}
.blog-content figure figcaption span{
	z-index: 2;
	position: relative;
	left: 20px;
	bottom: 25px;
	right: 15px;
}
.blog-content:hover figure img{
	transform: scale(1.1);
	transition: 0.9s;
}
.blog-content figure figcaption::after{
	content: '';
	background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
	height: 200px;
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 0px;
	left: 0px;
	border-radius: var(--border-radius);
}
.blog-content figure figcaption h4{
	background: var(--bg-white);
	color: var(--bg-orange);
	border-radius: 20px;
	width: 130px;
	padding: 0.3rem;
	font-size: 12px;
	text-align: center;
}

.blog-content figure figcaption h3{
	color: var(--bg-white);
	font-size: 18px;
	font-weight: var(--font-bold);
	position: relative;
}
.blog-content figure figcaption h3::after{
	content: '';
	background: var(--bg-orange);
	border-radius: var(--border-radius);
	width: 80px;
	height: 4px;
	position: absolute;
	left: 0px;
	bottom: -13px;
}

.testimonial-home{
	border: solid 1px #ece6fd;
	border-radius: 10px;
	padding: 1.6rem;
	box-shadow: 0 0 10px #DDD;
	margin: 1rem 0;
}
.testimonial-home h4{
	margin-bottom: 3px;
}
.testimonial-home .testimonial-thumb{
	border-radius: 50%;
	width: 60px;
	height: 60px;
}

.testimonialblock{
	padding: 4rem 0;
}

/* .is-sticky .nav-menu .menu-link{
	color: var(--bg-black);
} */

.is-sticky #header{
	position: relative;
}
.is-sticky #header::after {
    background: var(--bg-white);
    content: '';
    position: absolute;
    left: 0px;
    top: 5px;
    bottom: 5px;
    width: 24%;
    height: auto;
    border-radius: 0 50px 50px 0;
} 

.arrow-right{
	font-size: 12px;
}

.seller-block{
	background: url(../images/seller-bg.jpg) no-repeat center center / cover;
	padding: clamp(20px, 3.5vw, 50px);
	h1{
		font-size: clamp(24px, 2.6vw, 34px);
		font-weight: var(--font-bolder);
	}
	h5{
		font-size: 16px;
		font-weight: var(--font-600);
		padding: 0.5rem 0;
		line-height: 1.3;
	}
	.seller-card-usp{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 1.2rem;
		h3{
			font-size: 16px;
			font-weight: var(--font-bold);
		}
		.seller-card-usp-img{
			background: var(--bg-white);
			border-radius: var(--border-radius-50);
			box-shadow: 0 0 10px #DDD;
			margin-right: 1rem;
			width: 60px !important;
			height: 60px !important;
			max-width: 60px;
			min-width: 60px;
			display: flex;
			align-items: center;
			justify-content: center;
			img{
				width: 32px;
			}
		}
	}
}

.seller-info-box{
	padding: clamp(20px, 3vw, 50px);
	h2{
		font-size: clamp(20px, 2.1vw, 28px);
		font-weight: var(--font-bolder);
		padding-bottom: 1rem;
	}
	ul{
		list-style: none;
		padding-left: 0px;
		li{
			color: var(--bg-black) !important;
			font-weight: var(--font-bold);
			line-height: 2.2;
			list-style: none;
			position: relative;
			padding-left: 2.2rem;
		}
		li::after {
			content: "\F633";
			font-family: "bootstrap-icons";
			position: absolute;
			left: 0px;
			top: 5px;
			font-size: 14px;
			background: #e0e0e0;
			border-radius: 50%;
			width: 23px;
			height: 23px;
			color: var(--bg-black);
			text-align: center;
			line-height: 1.7;
		}
	}
}

.sellwith{
	background-image:linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
	border-radius: var(--border-radius);
	display: flex;
	align-items: center;
	padding: clamp(20px, 1.6vw, 30px);
	h3{
		color: var(--bg-white);
		font-weight: var(--font-bold);
		margin-bottom: 0px;
	}
}

.seller-main{
	padding: clamp(0px, 2.6vw, 40px);
	transition: 0.4s ease;
	.ourservices{
		font-size: 20px;
		text-transform: uppercase;
		font-weight: var(--font-bold);
		margin-bottom: 0.6rem;
	}
	h2{
		font-size: clamp(24px, 2.1vw, 30px);
		font-weight: var(--font-bolder);
	}
	.seller-box-main{
		background-image: linear-gradient(#fae2d7, #fffdfc);
		border-radius: 8px;
		position: relative;
		.sellbox{
			padding: 1.4rem 1.4rem 1rem 1.8rem;
			h4{
				font-size: clamp(20px, 1.6vw, 24px);
				font-weight: var(--font-bolder);
			}
			p{
				font-size: 14px;
				line-height: 1.3;
			}
			:is(h4, p){
				color: #b27251;
				margin-bottom: 0.5rem;
			}
			 
		}
		img{
			border-radius: 0 0 8px 8px;
		}
		.apply-card{
			background-image: linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
			border-radius: 40px;
			padding: 0.7rem 1.6rem;
			position: absolute;
			left: 15%;
			right: 15%;
			bottom: 2rem;
			color: var(--bg-white);
			opacity: 0;
		}
		.apply-card:hover{
			background-image: linear-gradient(90deg, var(--bg-orange), var(--bg-orange-light));
		}
	}
	.seller-box-main:hover .apply-card{
		opacity: 1;
		transition: 0.4s ease;
	}
	.seller-box-spanish{
		background-image: linear-gradient(#e4ceb4, #fefefd);
		.sellbox :is(h4, p){
			color: #b08348;
			margin-bottom: 0.5rem;
		}
	}
	.seller-box-orange{
		background-image: linear-gradient(#f8edc6, #fffffe);
		.sellbox :is(h4, p){
			color: #988e66;
			margin-bottom: 0.5rem;
		}
	}
	.seller-box-blue{
		background-image: linear-gradient(#ced1ee, #fcfcfe);
		.sellbox :is(h4, p){
			color: #5a7588;
			margin-bottom: 0.5rem;
		}
	}
}

.best-deal-block{
	background-image: linear-gradient(280deg, var(--bg-orange), var(--bg-orange-light));
	border-radius: 20px;
	padding: 2rem 1rem 0 4rem;
	margin-top: 3rem;
	h2{
		font-size: clamp(20px, 2.6vw, 36px);
		font-weight: var(--font-bolder);
		color: var(--bg-white);
	}
	ul{
		list-style: none;
		padding-left: 0px;
		li{
			color: var(--bg-white) !important;
			font-weight: var(--font-600);
			line-height: 2.2;
			list-style: none;
			position: relative;
			padding-left: 2rem;
		}
		li::after {
			content: "\F633";
			font-family: "bootstrap-icons";
			position: absolute;
			left: 0px;
			top: 5px;
			font-size: 14px;
			background: var(--bg-white);
			border-radius: 50%;
			width: 23px;
			height: 23px;
			color: var(--bg-orange);
			text-align: center;
			line-height: 1.7;
		}
	}
	img{
		margin-top: -5.5rem;
	}
}

.card-usp{
	background: url(../images/card-bg.jpg) no-repeat right center / cover;
	min-height: 430px;
	margin-top: 4rem;
	.card-box{
		height: 400px;
		display: flex;
		align-items: center;
		h3{
			font-size: clamp(20px, 2.2vw, 32px);
			font-weight: var(--font-bolder);
			color: var(--bg-white);
			text-align: center;
		}
		h5{
			text-align: center;
			background: linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
			border-radius: 50px;
			margin: 1rem 0;
			padding: 0.9rem 1rem;
			text-align: center;
			color: var(--bg-white);
			font-weight: var(--font-bold);
		}
		a{
			text-align: center;
			color: var(--bg-white);
			font-weight: var(--font-bold);
			text-align: center;
		}
	}
}

.listview{
	position: relative;
}
.savingcard-box .listview li{
	margin-bottom: 0.6rem;
	margin-left: 1.4rem;
	position: relative;
	line-height: 1.2;
}
.savingcard-box .listview li::after{
	content: '\F633';
	font-family: "bootstrap-icons";
	position: absolute;
	left: -1.6rem;
	background: #FFF;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 13px;
	text-align: center;
	top: 3px;
	line-height: 1.5;
}

/* .howitwork-box{
	background: #eff0f4;
	text-align: center;
	padding: 1.2rem 0.8rem;
	border-radius: 13%;
}

.howitwork-box h3{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.2;
}
.howitwork-box figure img{
	max-width: 60px;
} */

.waves {
	position:relative;
	width: 100%;
	min-height:100px;
	max-height: 150px;
	margin-top: -2rem;
  }
  
  /* Animation */
  .parallax > use {
	animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  }
  .parallax > use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
  }
  .parallax > use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
  }
  .parallax > use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
  }
  .parallax > use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
  }
  @keyframes move-forever {
	0% {
	 transform: translate3d(-90px,0,0);
	}
	100% { 
	  transform: translate3d(85px,0,0);
	}
  }

  .bggray{
	background: #e8ebf2;
  }
  .loginboxs{
	background: #FFF;
	box-shadow: 0 0 10px #DDD;
	padding: 1rem;
  }
  .loginboxs .input-txt{
	border: solid 1px #cbd0d7;
	height: 58px;
	border-radius: 3px;
	font-size: 14px;
	padding-left: 1.4rem;
  }
  .loginboxs .btn{
	height: 58px;
  }
  .loginboxs h2{
	font-size: clamp(22px, 2.2vw, 30px);
	font-weight: 800;
  }
  .loginboxs .privancy{
	position: absolute;
	bottom: 0px;
	width: -moz-available;
	width: -webkit-fill-available;
	padding-right: 1rem;
  }
  .loginboxs .privancy > div{
	display: flex;
	align-content: center;
	justify-content: space-between;
	width: 100%;
  }
  .loginboxs .google-login{
	border: solid 1px #cbd0d7;
	border-radius: 4px;
	padding: 0.6rem 0.1rem;
	font-size: 12px;
	color: #646464;
	font-weight: 500;
	width: 100%;
	display: block;
  }
  .loginboxs .google-login:hover{
	border: solid 1px #000;
	color: #000;
  }
  .loginboxs .google-login img{
	max-width: 16px;
  }
  .loginboxs .orwith{
	position: relative;
	margin: 1rem 0;
  }
  .loginboxs .orwith span{
	background: #FFF;
	width: 120px;
	height: 20px;
	display: block;
	position: relative;
	z-index: 222;
	margin: 0px auto;
	font-size: 14px;
	color: #646464;
	font-weight: 500;
  }
  .loginboxs .orwith::after{
	content:'';
	position: absolute;
	background: #DDD;
	height: 1px;
	width: 100%;
	z-index: 1;
	left: 0px;
	top: 10px;
  }

  .applynow-block .applynow-usp{
    box-shadow: 0 0 5px #e0e0e0;
    padding: 0.7rem 1rem;
    border-radius: 0.3rem;
    background: #FFF;
  }
  .applynow-block .applynow-usp figure{
    margin-bottom: 0px;
  }
  .applynow-block .applynow-usp figure img{
	max-width: 40px;
	margin-right: 0.6rem;
  }
  .applynow-block .applynow-usp p{
    margin-bottom: 0px;
    margin-left: 0.6rem;
    margin-right: 0.2rem;
    font-size: 13px;
    font-weight: 400;
    color: #000;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
  }

  .headingsm h2{
    font-size: 24px !important;
    font-weight: 700 !important;
  }

  .applynow-box{
	background: #FFF;
	box-shadow: 0 0 10px #DDD;
	padding: 1.2rem 1.8rem 0.4rem 1.8rem;
	border-radius: 5px;
	margin-bottom: 2rem;
  }

  .howitworkbox{
	background: #FFF;
	box-shadow: 0 0 10px #DDD;
	padding: 2.6rem 1rem;
	.howitwork-box{
		text-align: center;
		padding: 0 3.6rem;
		position: relative;
		h3{
			font-weight: 600;
			font-size: 16px;
		}
		figure{
			background: #9672ff;
            max-width: 90px;
            padding: 1rem;
            border-radius: 20px;
            margin: 15px auto;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
			img{
				width: 44px;
			}
		}
		.bg-yellow{
			background: #fdda4d;
		}
		.bg-red{
			background: #f2c3b8;
		}
		.soft-cyan{
			background: #70e2ef;
		}
	}
	.bdr{
		position: relative;
	}
	.bdr::after{
		background: url(../images/divider1.png) no-repeat;
		content: '';
		position: absolute;
		width: 100%;
		height: 14px;
		left: 75%;
		top: 25%;
	}

	.bdr1{
		position: relative;
	}
	.bdr1::after{
		background: url(../images/divider2.png) no-repeat;
		content: '';
		position: absolute;
		width: 100%;
		height: 14px;
		left: 75%;
		top: 25%;
	}

	.bdr2{
		position: relative;
	}
	.bdr2::after{
		background: url(../images/divider3.png) no-repeat;
		content: '';
		position: absolute;
		width: 100%;
		height: 14px;
		left: 75%;
		top: 25%;
	}
  }

  .survey-box{
	position: relative;
	.container{
		position: relative;
		z-index: 22;
	}	
  }
  .survey-box::after{
	background-image: linear-gradient(110deg, #f37e3d, #fba83c);
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 36%;
	min-width: 250px;
	height: 100%;
  }
  .survey-box::before{
	background:#FFF;
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100%;
	min-width: 250px;
	height: 100%;
  }

  .left-survery-box{
	/* background-image: linear-gradient(110deg, #f37e3d, #fba83c); */
	margin-top: 4rem;
	h4{
		font-size: 20px;
		font-weight: var(--font-bold);
		color: var(--bg-white);
		margin-bottom: 0.8rem;
	}
	h2{
		font-size: clamp(18px, 6vw, 75px);
		font-weight: 800;
		line-height: 0.8;
		text-transform: uppercase;
		color: var(--bg-white);
		text-shadow: 2px 5px 0 #f0621e;
		margin-bottom: 0;
		img{
			max-width: 60px;
			margin-left: 0.5rem;
		}
	}
	h3{
		font-size: clamp(18px, 2.4vw, 30px);
		font-weight: 800;
		line-height: 1;
		font-style: italic;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: var(--bg-white);
		text-shadow: 2px 3px 0 #f0621e;
	}
	figure{
		margin-top: 4rem;
	}
  }
  .address-form label{
	width: 100%;
  } 
  .address-form textarea{
	height: 58px;
	border: solid 1px #cbd0d7 !important;
	border-radius: 4px !important;
	font-size: 13px;
	width: 100%;
	padding: 0.6rem 0.6rem 0.6rem 1rem;
  } 
  .address-form .form-control{
	height: 58px;
	border: solid 1px #cbd0d7 !important;
	border-radius: 4px !important;
	font-size: 13px;
  }
  .address-form .selectdropdown{
	height: 58px;
	border: solid 1px #cbd0d7 !important;
	border-radius: 4px !important;
	font-size: 13px !important;
	padding-left: 0.6rem !important;
	width: 100% !important;
  }
 .right-survey{
	padding: 1.2rem 1.8rem 4rem 3rem;
	/* max-width: 800px; */
	h1{
		font-size: clamp(20px, 2.2vw, 28px);
		font-weight: 800;	
		margin-bottom: 0.4rem;
	}
	h4{
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 1rem;
	}
	.nav-link.active{
		background: linear-gradient(to right, var(--bg-orange-light) 0%, var(--bg-orange) 51%) !important;
		color: var(--bg-white) !important;
	}
	.nav-pills .nav-link{
		background: linear-gradient(#cdcdcd, #b0afaf);
		color: var(--bg-black);
		border-radius: 4px;
		margin-right: 1rem;
	    padding: 0.7rem 1.6rem;
	}
 }
  .form-select-custom {
	label{
		padding-bottom: 0.5rem;
		font-size: 13px;
        font-weight: 500;
	}
	.form-select{
		border: solid 1px #cbd0d7 !important;
		border-radius: 4px !important;
		padding-top: 0.6rem;
		color: #b45349;
		font-size: 13px;
	}
	.form-control{
		height: 58px;
		border: solid 1px #cbd0d7 !important;
		border-radius: 4px !important;
		color: #b45349;
		font-size: 13px;
	}
	::placeholder {
		color: #b45349;
 	}
  }

  .modal{
	z-index: 9999999 !important;
  }

  .hot-deals{
	text-align: center;
  }
  .hot-deals figure{
	max-height: 200px;
    overflow: hidden;
    object-fit: cover;
  }
  .hot-deals h2{
	font-size: 18px;
  }

  	.video-box {
		background: #f8f8f8;
		border-radius: 12px;
		text-align: center;
	}
	.video-box video {
		width: 100%;
		height: auto;
		border-radius: 10px;
		outline: none;
		max-height: 200px;
	}

	.video-box h3 {
		margin-top: 5px;
		font-size: 15px;
		font-weight: 600;
		line-height: 1.3;
		margin-bottom: 0px;
	}


	.demo-gallery > ul {
  margin-bottom: 0;
}
.demo-gallery > ul > li {
  margin-bottom: 15px;
}
.demo-gallery > ul > li a {
  border: 3px solid #fff;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.demo-gallery > ul > li a > img {
  transition: transform 0.15s ease 0s;
  transform: scale3d(1, 1, 1);
  width: 100%;
}
.demo-gallery > ul > li a:hover > img {
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
  transition: transform 0.15s ease 0s;
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}
.demo-gallery.dark > ul > li a {
  border: 3px solid #041d1f;
}
.home .demo-gallery {
  padding-bottom: 80px;
}
.brands-block{
	display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 15px;
}
.brands-block figure img{
	border-radius: 10px;
    border: solid 0px #e3e3e3;
}
.rece-product{
	/* background: #FFF;
    padding: 0.4rem;
    border-radius: 7px;
    border: solid 1px #e7e7e7; */
	text-align: left;
	position: relative;
}
.rece-product .product-space{
	padding: 0 0.4rem 0.4rem 0.4rem;
}
.rece-product .product-fix{
	position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-radius: 10px;
    padding: 10px;
	text-align: center;
	padding-bottom: 0.8rem;
}
.rece-product .product-fix::after{
	content: '';
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	border-radius: 0 0 20px 20px;
}
.rece-product .product-fix .buynow{
	position: relative;
    z-index: 99;
    color: #FFF !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.8px;
    font-size: 15px;
}
.rece-product .product-fix .categoryhome{
	position: relative;
	z-index: 99;
	color: #FFF;
	display: none;
}
.rece-product .product-fix p{
	position: relative;
	z-index: 99;
	color: #FFF;
}
.rece-product .product-fix .btn{
	position: relative;
	z-index: 99;
}
.rece-product p{
	margin-bottom: 0.4rem;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-family: "Poppins", sans-serif;
	color: #242424;
}
.rece-product figure{
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 0.8rem !important;
}
.rece-product figure img{
	height: 300px;
    object-fit: cover;
	transition: all 0.6s ease;
}
.rece-product:hover figure img{
    transform: scale(1.1);
    transition: 0.9s;
}
.productbottom figure{
	margin-bottom: 0px !important;
}
/* .rece-product figure figcaption .discount{
	position: absolute;
    top: 4px;
    left: 4px;
    background: #f6832e;
    color: #FFF;
    font-size: 12px;
    border-radius: 3px;
    padding: 2px 8px;
}
.rece-product figure figcaption .arrivals{
	position: absolute;
    top: 4px;
    right: 4px;
    background: #0d8756;
	background: #231f20;
    color: #FFF;
    font-size: 12px;
    border-radius: 3px;
    padding: 2px 8px;
} */
.rece-product .categoryhome{
	font-size: 11px;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    margin-bottom: 0.2rem;
    color: #303c43;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.rece-product .price{
	font-family: "Poppins", sans-serif;
}
.rece-product .price span{
	text-decoration: line-through;
    color: #8b8b8b;
	font-family: "Poppins", sans-serif;
	/* font-size: 15px; */
}
/* .rece-product .price{
	font-size: 20px;
} */
.rece-product .product-rating{
	font-weight: 400;
}
.rece-product .product-rating span{
	color: #a9a9a9;
}
.rece-product .btn{
	padding: 8px 0.5rem !important;
    margin-top: 0.3rem !important;
    border-radius: 50px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
}
.collection-category img{
	border-radius: 150px;
	border: solid 2px #f5832f;
}
.collection-category figure{
	position: relative;
}
.collection-category figure figcaption{
	position: absolute;
    bottom: 1rem;
    left: 0px;
    text-align: center;
    width: 100%;
}
.collection-category figure figcaption h4{
	font-weight: 600;
	margin-bottom: 6px;
	color: #FFF;
}
.collection-category figure figcaption p{
	color: #FFF;
}
.hotestbrand h4{
	font-size: 15px;
}
.hotestbrand figure{
	overflow: hidden;
	border-radius: 7px;
	max-height: 260px;
}
.hotestbrand figure img{
	border-radius: 7px;
	transition: all 0.6s ease;
}
.hotestbrand:hover figure img{
    transform: scale(1.1);
    transition: 0.9s;
}
.product-tab ul li a{
	background: #ffffff;
    padding: 0.5rem 1.5rem;
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;
    border: solid 1px #DDD;
}
.product-tab ul li a:hover{
	background: #f6832e;
	color: #FFF;
}
.product-tab ul .active{
	background: #f6832e;
	color: #FFF;
}
.addtocart-btn{
	margin-top: 0.3rem;
    border-radius: 3px !important;
}
.addtocart-btn .btn-number{
	padding: 0.4rem 0.8rem !important;
	margin-top: 0px !important;
	color: #747474;
}
.deal-product-home{
	text-align: center;
}
.deal-product-home figure{
	margin-bottom: 0.6rem;
	position: relative;
}
.deal-product-home figure img{
	border-radius: 5px;
}
.deal-product-home figure figcaption{
	 
}
.deal-product-home figure figcaption .off{
	position: absolute;
    top: 0px;
    background: #fd720c;
    font-size: 12px;
    padding: 0.1rem 0.3rem;
    margin: 0.4rem;
    color: #FFF;
    border-radius: 3px;
}
.deal-product-home figure figcaption .quickbuy{
	position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    background: #ffffffed;
    padding: 0.6rem 0.4rem;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.2px;
	opacity: 0;
	font-family: "Poppins", sans-serif;
}
.deal-product-home:hover figure figcaption .quickbuy{
	opacity: 1 !important;
}
.deal-product-home h4{
	margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
	font-family: "Poppins", sans-serif;
}
.deal-product-home .price{
	font-size: 15px;
	color: #db1104;
	margin-bottom: 0px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
}
.deal-product-home .price span{
	text-decoration: line-through;
    color: #9f9f9f;
	padding-left: 0.2rem;
}

.sports-bg{
	background: url(../images/sports-bg.png) no-repeat center center;
	background-size: cover;
}
.latest-tranding-bg{
	background:#fcebe5;
	padding: 3rem 0;
  	margin-top: 2.6rem;
}
.discount-number{
	/* background: url(../Images/discount-bg-img1.png) no-repeat center center;
	background-size: cover !important; */
    padding: 0rem;
    text-align: center;
    border-radius: 15px;
    min-height: 230px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.discount-number figure {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	margin-bottom: 0px;
}
.discount-number figure img{
	border-radius: 15px;
	transition: all 0.6s ease;
}
.discount-number:hover figure img{
    transform: scale(1.1);
    transition: 0.6s;
}
.discount-number figure figcaption{
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.discount-number-img2{
	background: url(../Images/discount-bg-img2.png) no-repeat center center !important;
	background-size: cover !important;
}
.discount-number-img3{
	background: url(../Images/discount-bg-img3.png) no-repeat center center !important;
	background-size: cover !important;
}.discount-number-img3{
	background: url(../Images/discount-bg-img3.png) no-repeat center center !important;
	background-size: cover !important;
}
.discount-number h4{
	font-family: "Outfit", sans-serif;
	font-size: 20px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 4px;
}
.discount-number h3{
	font-family: "Outfit", sans-serif;
	font-size: clamp(40px, 5.8vw, 80px);
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
	line-height: 1;
    /*margin: 2.6rem 0 3rem 0; */
}
.discount-number .btn{
	border-radius: 50px;
    padding: 0.4rem 1.5rem !important;
	text-transform: uppercase;
    font-size: 14px;
}
.offer-slider-home{
	border-radius: 15px;
}
.offer-slider-home .carousel-item{
	border-radius: 15px;
}
.offer-slider-home .carousel-item figure{
	border-radius: 15px;
	margin-bottom: 0px;
}
.offer-slider-home .carousel-item figure img{
	border-radius: 15px;
}

@media(min-width:1900px){
	.survey-box::after{
		width: 40% !important;
		min-width: 250px;
		height: 100%;
	}
}
@media(min-width:1800px){
	header::after{
		width: 30% !important;
	}
	.is-sticky #header::after {
		width: 30%;
	} 
	.survey-box::after{
		width: 38%;
		min-width: 250px;
		height: 100%;
	}
}

@media(min-width:1600px){
	.survey-box::after{
		width: 38%;
		min-width: 250px;
		height: 100%;
	}
	header::after{
		width: 27%;
	}
	.is-sticky #header::after {
		width: 31%;
	} 
}

@media(max-width:1100px){
	.memu-hold {
		z-index: 99999;
		position: absolute;
		right: 0px;
		top: 0px;
	}
	.brands-block{
		grid-template-columns: repeat(6, 1fr);
	}
	.brands-block figure{
		margin-bottom: 0px;
	}
}

@media(min-width:992px){
	.product-sticky{
		position: sticky;
		top: 4.8rem;
		z-index: 22;
	}
}

@media(max-width:992px){
	.blog-content figure figcaption h3{
		font-size: 16px;
		padding-right: 1.8rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.usp-section .usp-block > div > div:nth-child(1) {
		padding-left: 1rem;
	}
	.usp-section .usp-block p {
		padding-right: 1.6rem;
	}
	.best-deal-block{
		padding: 2rem 1rem 0 2rem;
	}
}

@media(max-width:767px){
	:root{
		--padding-btn:0.6rem 1rem;
	}
	.discount-number{
		min-height: 150px;
	}
	.brands-block{
		grid-template-columns: repeat(3, 1fr);
	}
	.brands-block figure{
		margin-bottom: 0px;
	}
	.left-survery-box{
		display: none;
	}
	.rece-product figure img{
		height: 200px;
	}
	.survey-box::after{
		display: none;
	}
	.right-survey {
		padding: 2rem 1rem 2rem 1rem;
	}
	.nav-pills .nav-link{
		margin-right: 0.8rem !important;
	}
	.applynow-block .applynow-usp{
		display: block !important;
		text-align: center !important;
		padding: 0.7rem 0.4rem !important;
	}
	.applynow-block .applynow-usp p{
		min-height: 50px;
	}
	.applynow-block .applynow-usp figure img {
		margin-right: 0rem;
		margin-bottom: 0.4rem;
	}
	header .logo {
		max-width: 150px;
		padding-right: 1rem;
	    padding-left: 0.6rem;
		padding-top: 0.6rem;
	    padding-bottom: 0.6rem;
	}
	header::after{
		bottom: 8px;
		width: 44% !important;
	}
	/* .is-sticky header::after{
		width: 44% !important;
	} */
	.is-sticky #header::after{
		width: 43%;
	}
	.right-card{
		/* max-width: 300px; */
		margin: 10px;
	}
	.product-details h1 {
		font-size: 18px !important;
		line-height: 1.2;
	}
	.howitwork-box{
		padding: 0 0.6rem !important;
	}
	.bdr::after, .bdr1::after, .bdr2::after{
		display: none;
	}
	.testimonialblock{
		padding: 3rem 0 0 0;
	}
	.home-category-box > div:nth-child(2) {
		margin-top: 1.6rem;
	}
	.home-category-box > div:nth-child(3) {
		margin-top: 1.6rem;
	}
	.carousel-caption{
		position: relative !important;
		max-width: 100% !important;
		left: 0%;
		right: 0px !important;
		padding: 1.2rem 1rem 2rem 1rem;
		top: 0px;
	}
	.homepage-slider h4{
		width: auto !important;
	}
	/* .slider-category-product .carousel-control-next, .carousel-control-prev{
		display: none;
	} */
	.carousel-control-next, .carousel-control-prev{
		top: -50%;
	}
	.carousel-item::after{
		background: transparent;
	}
	.homepage-slider h2{
		color: var(--bg-black);
	}
	.homepage-slider h3{
		color: var(--bg-black);
	}
	.category-bg{
		height: 130px;
	}
	.cart-info {
		padding-right: 1rem;
	}
	.heading-home{
		font-size:22px !important;
		font-weight:600 !important;
	  }
	.loader {
	  position: absolute;
	  top: 50%;
	  left: 37% !important;
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  z-index: 999999;
	} 
	.top__contact{
		margin-bottom: 1.6rem;
	}
	.home__men__txt h4{
		padding-top: 1rem;
		font-size: 16px;
		line-height: 1.4;
	}
	.bg-home1 {
		padding: 5rem 2rem 0 2rem;
	}
	header .topbar{
		display: none;
	}
	.box__store h3 {
		font-size: 20px;
		margin-bottom: 0.6rem;
	  }
	  .box__store{
		margin-bottom: 1rem;
		padding: 1rem;
	  }
	  .home__men__txt ul li{
		padding-left: 0.6rem;
	  }
	  .home__men__txt h3{
		font-size: 19px;
	  }
	  .seller__box{
		padding: 0.3rem;
	  }
	  h4, .h4 {
		font-size: 16px;
	  }
	.home__men__txt ul li{
		margin-left: 1.2rem;
	}
	.seller-box{
		padding: 1rem 0 2rem 0;
	}
	.seller-box-home .seller-box-usp {
		padding-left: 1.2rem;
		padding-top: 1.6rem;
		padding-bottom: 1rem;
	}
	.seller-box-home .seller-box-usp ul li{
		line-height: 1.4;
		margin-bottom: 0.8rem;
	}
	.usp-section .usp-block > div > div:nth-child(1) {
		padding-left: 0rem;
		margin-bottom: 0.8rem;
	}
	.usp-section .usp-block > div > div {
		margin-top: 0.6rem;
	}
	.savingcard-box{
		padding: 1.3rem;
	}
	.everything-section .deal-box{
		margin-bottom: 1rem;
	}
	.sellermenu{
		margin: 1rem;
	}
	.homepage-slider .btn-outline-secondary{
		border:solid 1px var(--bg-orange) !important;
		color: var(--bg-orange) !important;
	}
	.homepage-slider .btn-secondary{
		border:solid 1px var(--bg-orange) !important;
		color: var(--bg-white) !important;
		background: linear-gradient(90deg, var(--bg-orange-light), var(--bg-orange));
	}
	.carousel-indicators [data-bs-target]{
		background-color: var(--bg-orange);
	}
	.carousel-indicators .active{
		border: solid 2px var(--bg-orange) !important;
	}
	.carousel-indicators {
		bottom: -1.4rem;
		z-index: 9999;
	}
	.seller-box-home .sellerimg{
		margin-top: 0rem;
	}
	.usp-section .usp-block > div > div:nth-child(2)::after{
		background: none;
	}
	.usp-section .usp-block p {
		line-height: 1.2;
	}
	.usp-section .usp-block > div > div:nth-child(1)::after, .usp-section .usp-block > div > div:nth-child(3)::after{
		right: 1rem;
	}
	.home-category-box > div:nth-child(3) {
		padding-left: 1rem;
	}
	.home-category-box > div:nth-child(2) {
		padding: 0 1rem;
	}
	.blog-content figure figcaption span{
		bottom: 5px;
		left: 15px;
	}
	.whychoose-box{
		width: 90px;
		height: 90px;
	}
	.everything-section{
		padding: 2rem 0;
	}
	.everything-section .deal-box p{
		margin-bottom: 0px;
	}
	.testimonial-home{
		margin: 0.4rem 0 1rem 0;
	}
	.seller-card-usp{
		margin-top: 0rem;
		margin-bottom: 0.2rem;
	}
	.sellwith{
		text-align: center;
	}
	.sellwith {
		h3 {
		  margin-bottom: 20px;
		}
	}
	.best-deal-block{
		padding: 2rem 1rem 0 1rem;
		margin-top: 1rem;
	}
	.best-deal-block {
		img {
		  margin-top: 2rem;
		}
	}
	.card-usp{
		background: url(../images/card-bg-m.jpg) no-repeat center center / cover;
		position: relative;
	}
	.card-usp {
		.card-box {
		  height: auto;
		  display: flex;
		  align-items: center;
		  position: absolute;
		  bottom: 1rem;
		}
	  }
	.product-details {
		padding: 1.4rem 0.4rem 0 0.4rem;
	}
	.page {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.limited-offers-bg{
		height: 150px;
	}
	.limited-offers figure img {
		width: 80px;
		height: 80px;
	}
	.limited-offers figcaption h3{
		font-size: 14px;
	}
	.filter{
		border: none !important;
	}	
}