* {
		padding: 0;
		margin: 0;
		outline: 0;
		scrollbar-width: auto;
		scrollbar-color: #a0a1ca #dedede;
		text-rendering: optimizeLegibility; }

		/* Scrollbar Styling */
		::-webkit-scrollbar {
			width: 7px;
		}
		
		::-webkit-scrollbar-track {
			background-color: #ebebeb;
			-webkit-border-radius: 10px;
			border-radius: 10px;
		}

		::-webkit-scrollbar-thumb {
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: #a0a1ca; 
		}

		body {

			min-width: 320px;

			color: #000;

			font-family: 'Poppins', sans-serif;

			overflow-x: hidden;

			background: #fff;
		}

		@keyframes blink{
			0%{opacity: 0;}
			50%{opacity: .5;}
			100%{opacity: 1;}
		}

		a{
			text-decoration: none;
			color: #111;
			transition: 0.4s ease-in-out;
		}

		a:hover{
			text-decoration: none;
			color: #e1b840;

		}

		p{
			font-size: 18px;
			line-height: 34px;
			margin: 0;
			color: #111;
			font-family: 'popins', sans-serif;
		}

		small, strong{
			font-family: 'popins', sans-serif;
		}

		img{
			max-width: 100%;
			vertical-align: middle;
			height: auto;
		}

		article{
			margin: 0 0 30px 0;
			overflow: hidden;
		}

		figure{
			margin: 0;
		}

		.img-wrap{
			position: relative;
		}

		.img-wrap figure{
			position: relative;

			width: 100%;

			padding-top: 75%;

			margin: 0; 
		}

		.img-wrap figure img{
			position: absolute;

			display: block;

			width: 100%;

			height: 100%;

			left: 0;

			right: 0;

			top: 0;

			bottom: 0;

			margin: 0;

			object-fit: cover;
		}

		.imgp-wrap {

			background: #fff;
			transition: all .5s ease;
			display: block;
			width: 100%;
			position: relative;
			height: 0;
			padding-top: 100%;
			overflow: hidden;

		}

		.imgp-wrap img {

			position: absolute;
			display: block;
			max-width: 100%;
			max-height: 100%;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto;

		}

		.mb-thirty{
			margin-bottom: 30px;
		}

		/*header*/

		.head-banner{
			padding: 0 0 50px 0;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
		}

		header{
			background: rgba(255, 255, 255, 0.5);
			padding: 10px 0;
			margin: 0 0 80px 0;
			position: relative;
		}

		.logo-wrap img{
			max-width: 120px
		}

		.slogan h1{
			font-size: 18px;
			display: block;
			text-align: center;
			margin: 0;
			text-transform: uppercase;
			font-weight: 600;
			letter-spacing: 1px;
			color: #10112f;      
		}

		.head-btns{
			display: flex;
			justify-content: flex-end;
		}

		.log-reg{
			list-style: none;
			display: flex;
			margin: 0;
			padding: 0;
		}

		.log-reg li{
			margin: 0 10px 0 0;
		}

		.log-reg li a{
			font-size: 14px;
			font-weight: 500;
			color: #111;
		}

		.log-reg li a:hover{
			color: #2c4182;
		}

		.log-reg li a i{
			font-size: 12px; 
			margin: 0 3px 0 0;
			color: #2c4182;
		}

		.post-ad{
			margin: 0 0 0 20px;
		}

		.post-ad a{
			padding: 10px 20px;
			color: #fff;
			background: #2c4182;
			border-radius: 50px;
			font-size: 14px;
			text-transform: uppercase;
			transition: 0.4s ease-in-out;
		}

		.post-ad a:hover{
			background: #10112f;
		}

		/*all city*/

		.all-loc{
			position: fixed;
			right: 0;
			top: 180px;
			z-index: 9;
			transition: 0.8s ease-in-out;
			overflow: hidden;
		}

		.all-loc a{
			display: flex;
			padding: 10px 20px 10px 10px;
			background: rgba(16, 17, 47, 0.8);
			color: #fff;
			font-size: 12px;
			border-radius: 50px 0 0 50px;
			text-transform: capitalize;
		}

		.all-loc a i{
			color: #ed1e24;
			margin: 0 5px 0 0;
			animation: blink 1s linear infinite;
		}


		/*main search bar*/

		.head-banner{
			position: relative;
		}

		.head-banner:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: rgba(16, 17, 47, 0.4);
		}

		.head-banner .container{
			position: relative;
		}

		.search-head{
			text-align: center;
			margin: 0 auto 30px auto;
			background: rgba(16, 17, 47,0.8);
			padding: 10px 20px;
			display: inline-block;
			border-radius: 20px;
		}

		.search-head h2{
			color: #fff;
			font-size: 34px;
			margin: 0 0 5px 0;
		}

		.search-head h2 span{
			color: #2c4182;
			font-weight: 700;
			font-size: 50px;
		}

		.search-head small{
			color: #fff;
			font-size: 16px;
		}

		.main-search{
			margin: 0 auto 50px auto;
			max-width: 900px;
			text-align: center;
		}

		.main-search form{
			padding: 10px 0;
			background: rgba(255, 255, 255, 0.5);
			border-radius: 100px;
		}

		.main-search form .form-control, .main-search form .form-select{
			border-radius: 50px;
			height: 50px;
			padding: 10px 20px 10px 30px;
			color: #888;
			position: relative;
			font-size: 14px;
			text-transform: capitalize;
		}

		.main-search form input::placeholder{
			color: #888;
		}

		.prod-search{
			position: relative;
		}

		.prod-search > i{
			position: absolute;
			top: 50%;
			transform: translatey(-50%);
			left: 10px;
			z-index: 9;
			font-size: 14px;
			color: #ed1e24;
		}

		.main-search form .input-group:before{
			content: "\f3c5";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			position: absolute;
			top: 50%;
			transform: translatey(-50%);
			left: 10px;
			z-index: 9;
			font-size: 14px;
			color: #ed1e24;
		}

		.main-search form .form-control:focus, .main-search form .form-select:focus{
			box-shadow: none;
			border: none;
		}

		.main-search form .btn{
			height: 50px;
			display: block;
			margin: 0;
			width: 100%;
			border-radius: 50px;
			background: #ed1e24;
			border: none;
			transition: 0.4s ease-in-out;
		}

		.main-search form .btn:hover{
			background: #10112f;
		}

		.main-search form .form-select option{
			background: #10112f;
			line-height: 30px;
		}


		/*category slider*/

		.head-cat{
			padding:0 0 20px 0;
			margin: -35px 0 0 0;
		}

		.mcat-card {
			text-align: center;
			border: 1px solid #e9e9e9;
			min-height: 90px;
			position: relative;
			margin: 35px 10px 0 10px;
			padding: 45px 10px 10px 10px;
			transition: 0.4s ease-in-out;
		}

		.mcat-card .icon-wrap{
			position: absolute;
			left: 50%;
			transform: translatex(-50%);
			top: -35px;
			box-shadow: 0px 5px 6px -1px rgb(13 11 11 / 80%);
			border-radius: 50%;
		}

		.mcat-card .icon-wrap i{
			width: 70px;
			height: 70px;
			line-height: 70px;
			background: #ed1e24;
			color: #fff;
			border-radius: 50%;
			font-size: 24px;
			transition: 0.8s ease;
		}

		.mcat-card:hover .icon-wrap i{
			transform: rotate(360deg);
		}

		.mcat-card:hover{
			border-color: #2c4182;
		}

		.mcat-card strong{
			display: block;
			color: #10112f;
			text-transform: capitalize;
			font-size: 15px;
		}

		.head-cat .owl-carousel .owl-nav {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 0;
			right: 0;
			display: flex;
			justify-content: space-between;
		}

		.head-cat .owl-carousel .owl-nav button {
			color: #fff;
			width: 20px;
			height: 20px;
			border-radius: 5px;
			transition: 0.4s;
			font-size: 10px;
			background: rgba(237,31,36,0.9);
			display: none;
		}

		.head-cat:hover .owl-carousel .owl-nav button {
			display: block;
		}

		.head-cat .owl-carousel .owl-nav button:hover{
			background: #10112f;
		}


		/*side category bar*/

		.main-body{
			background: #f5f7fa;
			padding: 20px 0;
		}

		.side-bars h3{
			padding: 10px 20px;
			background: #2c4182;
			font-size: 18px;
			color: #fff;
			margin: 0;
			border-radius: 5px 5px 0 0;
		}

		.main-cat{
			padding: 10px;
			list-style: none;
			background: #fff;
			-webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
			box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
		}

		.cat-list{
			position: relative;
			padding: 3px 0;
		}

		.cat-list:before{
			content: "\f105";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			position: absolute;
			right: 2px;
			top: 50%;
			transform: translateY(-50%);
			color: #10112f;
			font-size: 13px;
		}

		.cat-list a{
			display: flex;
			align-items: center;
			padding: 5px 3px;
			font-size: 16px;
		}

		.cat-list .img-wrap{
			border-radius: 50%;
			overflow: hidden;
			width: 30px;
			height: 30px;
			margin: 0 5px;
			min-width: 30px;
		}

		.cat-list .img-wrap figure{
			padding-top: 100%;
		}

		.cat-list a i{
			width: 35px;
			line-height: 40px;
			height: 35px;
			background: #2c4182;
			text-align: center;
			display: inline-block;
			border-radius: 50%;
			color: #fff;
			margin: 0 5px 0 0;
		}

		.cat-list .cat-drop{
			list-style: none;
			position: absolute;
			left: 100%;
			min-width: 250px;
			top: 0;
			padding: 10px;
			list-style: none;
			background: #fff;
			-webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
			box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
			display: none;
			z-index: 9;
		}

		.cat-list:hover .cat-drop{
			display: block;
		}

		.cat-list:hover .cat-drop li{
			padding: 5px 0;
		}

		.main-cat a:hover{
			background: #2c4182;
			color: #fff;
		}

		.cat-list a strong{
			line-height: 18px;
			color: #666;
			font-weight: 500;
		}

		.main-cat a:hover strong{
			color: #fff;
		}

		.cat-list a strong small{
			display: block;
			font-weight: 500;
		}


		/*home popular ads*/

		.headings{
			margin: 0 0 30px 0;
		}

		.headings h4{
			font-size: 20px;
			color: #10112f;
			font-weight: 600;
			margin: 0;
			flex: 4;
		}

		.view-style{
			flex: 2;
		}

		.prod-card{
			margin: 0 0 30px 0;
		}

		.prod-card .img-wrap figure{
			padding-top: 100%;
		}

		.prod-details{
			padding: 0 10px 10px 10px;
			background: #fff;
			box-shadow: 0 1px 2px rgb(96 125 135 / 15%);
		}

		.prod-details h5{
			padding: 5px 0 0 0;
			min-height: 40px;
			margin: 0 0 5px 0;
		}

		.prod-details h5 a{
			display: block;
			font-size: 14px;
			color: #10112f;
		}

		.prod-details h5 a:hover{
			color: #2c4182;
		}

		.prod-details .prod-tag{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 0 5px 0;
		}

		.prod-tag .tags a{
			font-size: 14px;
			color: #2c4182;
		}

		.prod-tag .tags a:hover{
			color: #10112f;
		}

		.prod-tag .tags a i{
			font-size: 12px;
			margin: 0 3px 0 0;
		}

		.prod-tag .prod-label{
			font-size: 14px;
			color: #ed1e24;
		}

		.prod-details .post-date{
			font-size: 12px;
			color: #555;
			margin: 0 0 5px 0;
		}

		.prod-details .post-date i{
			color: #2c4182;
		}

		.prod-details .post-by{
			display: flex;
			justify-content: space-between;
			border-top: 1px solid #eee;
			padding: 5px 0 0 0;
		}

		.post-author{
			font-size: 14px;
		}

		.post-author a{
			color: #2c4182;
			text-transform: capitalize;
		}

		.post-author a:hover{
			color: #10112f;
		}

		.author-loc{
			font-size: 14px;
		}

		.author-loc i{
			color: #ed1e24;
		}

		.prod-card .img-wrap .price{
			position: absolute;
			left: 0;
			bottom: 0;
			padding: 5px 20px;
			background: rgba(237,31,36,0.7);
			border-radius: 0 10px 0 0;
		}

		.prod-card .img-wrap .price strong{
			color: #fff;
			font-size: 14px;
			font-weight: 500;
		}

		.prod-card .img-wrap .prod-type{
			position: absolute;
			top: 5px;
			right: 5px;
			background: rgba(16,17,47,0.8);
			padding: 0px 10px;
			border-radius: 20px;
		}

		.prod-card .img-wrap .prod-type strong{
			color: #fff;
			font-size: 11px;
		}

		.prod-prices{
			display: flex;
			justify-content: space-between;
			border-top: 1px solid #eee;
			padding: 5px 0 0 0;
			font-size: 15px;
		}

		/*sidebar location*/

		.loctn .cat-list a strong{
			padding: 0 5px;
		}

		/*Very popular sidebar*/

		.very-pop{
			background: #fff;
			-webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
			box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
			margin: 30px 0 20px 0;
		}

		.very-pop h3{
			padding: 10px 20px;
			background: #2c4182;
			font-size: 18px;
			color: #fff;
			margin: 0;
			display: inline-block;
			margin: -20px 0 10px 0;
			text-transform: capitalize;
		}

		.very-pop ul{
			padding: 0;
			list-style: none;
			padding: 0 10px 10px 10px;
		}

		.very-pop ul li{
			padding: 0 0 0 20px;
			position: relative;
			line-height: 30px;
			border-bottom: 1px solid #eee;
		}

		.very-pop ul li:last-of-type{
			border: none;
		}

		.very-pop ul li:before{
			content: "\f30b";
			font-family: "Font Awesome 5 Free";
			position: absolute;
			left: 0;
			font-weight: 900;
			color: #2c4182;
		}

		.very-pop li a{
			color: #10112f;
			font-weight: 600;
			text-transform: capitalize;
			font-size: 14px;
		}

		.very-pop li a:hover{
			color: #2c4182;
		}

		/*how to use*/

		.use-method{
			padding: 10px;
			-webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
			box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
			background: #fff;
		}

		.use-method a{
			display: block;
			background: #10112f;
			padding: 10px;
			color: #fff;
			font-size: 13px;
			text-align: center;
		}

		.use-method a:hover{
			background: #2c4182;
		}

		.use-method a span{
			display: block;
			text-transform: uppercase;
			font-size: 24px;
			font-weight: 600;
		}

		.use-method a span i{
			color: #ffff00;
		}

		/*trending items */

		.trending-prod{
			padding: 10px 0;
		}

		.main-heading{
			display: flex;
			align-items: center;
			justify-content: space-between;
			background: #ed1f24;
			background: linear-gradient(90deg, rgba(237,30,36,1) 9%, rgba(255,255,255,1) 90%);
			padding: 10px;
			margin: 0 0 10px 0;
		}

		.main-heading h4{
			font-size: 18px;
			text-transform: capitalize;
			color: #fff;
			margin: 0;
		}

		.main-heading a{
			font-size: 12px;
			color: #10112f;
			font-weight: 600;
			text-transform: capitalize;
		}

		.main-heading a:hover{
			color: #2c4182;
		}

		.main-heading a i{
			color: #2c4182;
			font-size: 10px;
		}


		/*banner ads*/

		.prod-banner{
			padding: 50px 0;
			background-image: url(../images/happypeople-img.jpg);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;
			background-attachment: fixed;
			position: relative;
		}

		.prod-banner:before{
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(237,31,36,0.8)
		}

		.prod-banner .container{
			position: relative;
		}

		.banner-detail h6{
			font-size: 36px;
			color: #fff;
		}

		.banner-detail p{
			color: #eee;
		}

		.banner-goto{
			text-align: center;
		}

		.banner-goto a{
			text-transform: uppercase;
			color: #fff;
			background: #10112f;
			padding: 10px 20px;
			border-radius: 50px;
			border: 1px solid transparent;
		}

		.banner-goto a:hover{
			background: #2c4182;
			border-color: #10112f;
		}


		/*footer*/

		footer{
			padding: 50px 0 0 0;
			background: #10112f;
			position: relative;
		}

		footer:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-image: url(../images/eagle.png);
			background-repeat: no-repeat;
			opacity: 0.1;
			background-position: bottom left;
			background-size: 40%;
		}

		footer .container{
			position: relative;
		}

		.foot-card h5{
			color: #fff;
			font-size: 18px;
			position: relative;
			margin: 0 0 20px 0;
			text-transform: capitalize;
		}

		.foot-card h5:after{
			content: "";
			left: 0;
			bottom: -8px;
			width: 30px;
			height: 2px;
			background: #2c4182;
			position: absolute;
		}

		.foot-card ul{
			list-style: none;
			padding: 0;
		}

		.foot-card ul li{
			line-height: 32px;
			padding: 0 0 0 20px;
			position: relative;
		}

		.foot-card ul li:before{
			content: "\f30b";
			font-family: "Font Awesome 5 Free";
			position: absolute;
			left: 0;
			font-weight: 900;
			color: #2c4182;
			font-size: 10px;
			transition: 0.4s ease-in-out;
		}

		.foot-card ul li:hover:before{
			left: 3px;
		}

		.foot-card ul li a{
			color: #999;
			font-size: 14px;
			text-transform: capitalize;
		}

		.foot-card ul li a:hover{
			color: #fff;
		}

		.support{
			position: relative;
		}

		.support h5{
			color: #fff;
			font-size: 18px;
			position: relative;
			margin: 0 0 20px 0;
			text-transform: capitalize;
		}

		.support h5:after{
			content: "";
			left: 0;
			bottom: -8px;
			width: 30px;
			height: 2px;
			background: #2c4182;
			position: absolute;
		}

		.support ul{
			list-style: none;
			padding: 0;
		}

		.support ul li{
			line-height: 32px;
		}

		.support ul li a{
			color: #999;
			font-size: 14px;
		}

		.support ul li a:hover{
			color: #fff;
		}

		.support ul li a i{
			margin: 0 5px 0 0;
			color: #2c4182;
		}

		.socio-bar{
			list-style: none;
			padding: 15px 0;
			text-align: center;
			border-top: 1px solid rgba(255,255,255,0.1);
			border-bottom: 1px solid rgba(255,255,255,0.1);
			margin: 0;
		}

		.socio-bar li{
			display: inline-block;
			margin: 0 10px;
		}

		.socio-bar li a i{
			width: 35px;
			line-height: 33px;
			color: #2c4182;
			border: 1px solid #2c4182;
			border-radius: 50%;
			transition: 0.4s ease-in-out;
		}

		.socio-bar li a i:hover{
			background: #2c4182;
			color: #fff;
		}

		.copy-r{
			text-align: center;
			padding: 20px 0;
		}

		.copy-r strong{
			font-size: 12px;
			color: #999;
		}

		.scrollTop {
			position: fixed;
			right: 4%;
			bottom: 10px;
			opacity: 0;
			transition: all 0.4s ease-in-out 0s;
			z-index: 9;
			color: #fff;
		}

		.scrollTop:hover{
			bottom: 15px;
		}

		.scrollTop i {
			color: #fff;
			background-color: #2c4182;
			height: 50px;
			line-height: 50px;
			width: 50px;
			text-align: center;
			border-radius: 50%;
			transition: 0.4s ease-in-out;
		}


		/*for location modal*/

		.locn-modal{
			padding: 10px;
		}

		.locn-modal h3{
			padding: 10px;
			background: #2c4182;
			color: #fff;
			font-size: 20px;
		}

		.locn-modal ul{
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.locn-modal ul li{
			width: 46.5%;
			display: inline-block;
			position: relative;
			line-height: 40px;
			margin: 5px;
		}

		.locn-modal ul li:before{
			content: "\f3c5";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			position: absolute;
			left: 10px;
			top: 50%;
			transform: translatey(-50%);
			color: #2c4182;
			font-size: 12px;
		}

		.locn-modal ul li a{
			color: #fff;
			font-size: 14px;
			background: rgba(16,17,47,3);
			padding: 10px 10px 10px 30px;
			display: block;
			border-radius: 50px;
		}

		.locn-modal ul li a:hover{
			color: #2c4182;
		}


		/*category page*/

		.inner-headwrap header{
			margin: 0;
			-webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
			box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); 
		}

		.inner-cat .cat-list a{
			padding: 5px;
		}

		.inner-cat .cat-list:before{
			display: none;
		}
		.headings h4 span{
			font-size: 12px;
			color: #999;
			font-weight: 400
		}

		.brand-filter{
			margin: 0 0 20px 0; 
		}

		.brand-filter form select{
			height: 50px;
			font-size: 14px;
			color: #2c4182;
		}

		.brand-filter form select:focus{
			box-shadow: none;
			border-color: #10112f;
		}

		.price-filter{
			background: #fff;
			-webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
			box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
			padding: 10px;
			margin: 0 0 15px 0;
		}

		.price-filter h3{
			color: #10112f;
			font-size: 18px;
			text-transform: capitalize;
		}

		.price-filter form label{
			font-size: 14px;
			text-transform: capitalize;
			color: #555
		}

		.form-check-input:checked {
			background-color: #10112f;
			border-color: #2c4182;
		}

		/*price range*/

		.range-slider {
			width: 100%;
			text-align: center;
			position: relative;
			margin: 0 0 20px 0;
		}

		.range-slider .rangeValues {
			display: block;
			font-size: 14px;
		}

		input[type=range] {
			-webkit-appearance: none;
			border: 1px solid white;
			width: 300px;
			position: absolute;
			left: 0;
		}

		input[type=range]::-webkit-slider-runnable-track {
			width: 300px;
			height: 5px;
			background: #ddd;
			border: none;
			border-radius: 3px;
		}

		input[type=range]::-webkit-slider-thumb {
			-webkit-appearance: none;
			border: none;
			height: 16px;
			width: 16px;
			border-radius: 50%;
			background: #2c4182;
			margin-top: -4px;
			cursor: pointer;
			position: relative;
			z-index: 1;
		}

		input[type=range]:focus {
			outline: none;
		}

		input[type=range]:focus::-webkit-slider-runnable-track {
			background: #ccc;
		}

		input[type=range]::-moz-range-track {
			width: 300px;
			height: 5px;
			background: #ddd;
			border: none;
			border-radius: 3px;
		}

		input[type=range]::-moz-range-thumb {
			border: none;
			height: 16px;
			width: 16px;
			border-radius: 50%;
			background: #21c1ff;
		}

		/*hide the outline behind the border*/
		input[type=range]:-moz-focusring {
			outline: 1px solid white;
			outline-offset: -1px;
		}

		input[type=range]::-ms-track {
			width: 300px;
			height: 5px;
			/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
			background: transparent;
			/*leave room for the larger thumb to overflow with a transparent border */
			border-color: transparent;
			border-width: 6px 0;
			/*remove default tick marks*/
			color: transparent;
			z-index: -4;
		}

		input[type=range]::-ms-fill-lower {
			background: #777;
			border-radius: 10px;
		}

		input[type=range]::-ms-fill-upper {
			background: #ddd;
			border-radius: 10px;
		}

		input[type=range]::-ms-thumb {
			border: none;
			height: 16px;
			width: 16px;
			border-radius: 50%;
			background: #21c1ff;
		}

		input[type=range]:focus::-ms-fill-lower {
			background: #888;
		}

		input[type=range]:focus::-ms-fill-upper {
			background: #ccc;
		}

		/*min max value input*/

		.value-range label {
			display: block;
			color: #99b2bf;
			font-size: 12px;
			line-height: 18px;
		}

		.value-min input, .value-max input {
			border: none;
			padding: 0;
			margin: 0;
			max-width: 100%;
			outline: none;
			font-size: 14px;
			line-height: 18px;
			color: #303a4b;
		}

		.value-min, .value-max {
			height: 48px;
			border-radius: 4px;
			border: 1px solid #9e9e9e;
			max-width: 115px;
			padding: 6px 8px;
		}

		.value-range{
			display: flex;
			align-items: center;
			margin: 0 0 15px 0;
		}

		.dashed {
			margin: 0 8px;
		}

		/*find box search*/

		.find-box input {
			height: 38px;
			flex: 1;
			outline: none;
			border: none;
			padding-right: 36px;
			border-bottom-right-radius: 4px;
			border-top-right-radius: 4px;
		}

		.find-box input::placeholder{
			font-size: 12px;
			color: #999
		}

		.find-box label {
			padding: 0 11px;
			margin: 0;
		}

		.find-box {
			display: flex;
			align-items: center;
			position: relative;
			border-radius: 4px;
			background-color: #fff;
			border: 1px solid #ced4da;
			margin: 0 0 15px 0;
		}

		.price-filter fieldset{
			max-height: 170px;
			overflow-y: auto;
		}

		/*loadmore button*/

		.load-m{
			text-align: center;
		}

		.load-m a{
			font-size: 12px;
			font-weight: 600;
			color: #2c4182;
			border: 1px solid #2c4182;
			padding: 5px 10px;
			border-radius: 50px;
		}

		.load-m a:hover{
			background: #2c4182;
			color: #fff;
		}


		/*product single page*/

		.prod-images {
			margin: 0 0 20px 0;
		}

		.prod-images .img-wrap{
			overflow:hidden;
			display:inline-block;
			border: 1px solid #e8e8e8;
			transition: all .5s ease;
			display: block;
			width: 100%;
			position: relative;
			height: 0;
			padding-top:100%;
			background: rgba(255,255,255,0.3);
		}

		.prod-images .img-wrap img{
			position: absolute;
			display: block;
			max-width: 100%;
			max-height: 100%;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto;
			transition: 0.4s ease-in-out;
		}

		.prod-images .img-wrap:hover img{
			transform: scale(1.5,1.5);
		}

		.prod-images .carousel-indicators li{
			width:50px;
			height:50px;
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 1px;
			text-indent: -999px;
			cursor: pointer;
			background-color: #000\9;
			background-color: rgba(0,0,0,0);
			border: 1px solid #fff;
			border-radius: 10px;
			cursor:pointer;
		}
		.prod-images .carousel-indicators li , .prod-img .carousel-indicators li.active  {
			width: 50px;
			height: 50px;
			border: 0;
			background: none;
			border-radius: 0;
			margin: 0 5px;
			cursor: default;
			text-indent: 0;
			letter-spacing: 0;
			position:relative;
			cursor:pointer;
			border:2px solid transparent;
			text-align:center;
		}

		.prod-images .carousel-indicators li.active  {
			border:2px solid #2c4182;
		}

		.prod-images .carousel-indicators li img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		.prod-images .carousel-indicators {
			position: initial;
			width: auto;
			margin: 0 -5px;
			letter-spacing: -5px;
			bottom:20px;
			margin-top:20px;
		}

		.prod-images .carousel-indicators li.active:after{
			position:absolute;
			content:'';
			top:0;
			left:0;
			right:0;
			bottom:0;
		}

		/*product description*/

		.prod-single{
			padding: 30px 0;
		}

		.product-info h2{
			font-size: 20px;
			color: #10112f;
		}

		.prod-description strong{
			font-size: 16px;
			color:  #2c4182;
			margin: 0 0 5px 0;
			display: block;
		}

		.des-box{
			padding: 20px;
			background: #f1f1f1;
			border-radius: 10px;
			margin: 0 0 15px 0;
		}

		.des-box p{
			font-size: 14px;
			line-height: 20px;
		}

		.prod-spec h3{
			font-size: 16px;
			color:  #2c4182;
			margin: 0 0 10px 0;
			display: block;
		}

		.prod-spec ul{
			padding: 20px;
			list-style: none;
			background: #f1f1f1;
			border-radius: 10px;
		}

		.spec-wrap{
			display: flex;
			justify-content: space-between;
			line-height: 40px;
		}

		.spec-wrap .label span{
			font-size: 14px;
			font-weight: 600;
			color: #777;
		}

		.spec-wrap .label{
			min-width: 150px;
			width: 30%;
		}

		.spec-wrap .label_desc{
			width: 68%;
			word-break: break-all;
		}

		.spec-wrap .label_desc span{
			font-size: 14px;
			color: #777;
		}

		/*product price and post details*/

		.detail-top{
			margin: 0 0 20px 0;
		}

		.prod-posted{
			display: flex;
			justify-content: flex-start;
			border-top: 1px solid #e1e1e1;
			border-bottom: 1px solid #e1e1e1;
			padding: 5px 0;
			margin: 0 0 15px 0;
			align-items: center;
		}

		.p-views{
			color: #777;
			font-size: 12px;
			margin: 0 10px 0 0;
		}

		.p-views i, .p-date i{
			margin: 0 3px 0 0;
		}

		.p-date{
			color: #777;
			font-size: 12px;
			margin: 0 10px 0 0;
			text-transform: capitalize;
		}

		.p-price{
			display: flex;
			justify-content: space-between;
			padding: 5px 0;
			border-top: 1px solid #e1e1e1;
			border-bottom: 1px solid #e1e1e1;
			align-items: center;
			margin: 0 0 10px 0;
		}

		.p-price .price{
			font-size: 20px;
			color: #10112f;
		}

		.p-price .price-fc {
			font-size: 20px;
			color: #10112f;
		}

		.p-price .price-mp {
			font-size: 20px;
			color: #10112f;
		}

		.p-price .p-condition{
			font-size: 12px;
			color: #2c4182;
		}

		.posted-by{
			margin: 0 0 10px 0;
			padding: 10px;
			background: #f1f1f1;
			border-radius: 5px;
		}

		.posted-by h3{
			padding: 10px;
			font-size: 16px;
			background: #e1e1e1;
			border-radius: 5px;
			text-align: center;
			color: #555;
			text-transform: uppercase;
		}

		.postby-name .img-wrap{
			margin: 0 10px 0 0;
		}

		.postby-name .img-wrap img{
			width: 40px;
		}

		.postby-name {
			display: flex;
			align-items: center;
			margin: 0 0 10px 0;
			border: 1px solid #999;
			padding: 5px;
			border-radius: 5px;
		}

		.name-status{
			margin: 0 0 0 20px;
		}

		.name-status small{
			display: block;
			color: #777;
			font-size: 12px;
		}

		.name-status small i{
			margin: 0 5px 0 0;
			font-size: 12px;
		}

		.name-wrap strong{
			font-size: 14px;
			color: #777;
		}

		.name-wrap a{
			display: block;
			font-size: 12px;
			font-weight: 600;
			color: #2c4182;
		}

		.post-type a{
			background: rgba(16,17,47,0.8);
			padding: 5px 10px;
			border-radius: 20px;color: #fff;
			font-size: 12px;
		}

		.postby-detail{
			list-style: none;
			margin: 0;
			padding: 0;

		}

		.postby-detail li{
			width: 49%;
			display: inline-block;
			font-size: 14px;
			color: #777;
		}

		.postby-detail li a{
			color: #777;
		}

		.postby-detail li i{
			font-size: 12px;
			margin: 0 3px 0 0;
			color: #10112f
		}

		.postby-btns{
			list-style: none;
			padding: 0;
		}

		.postby-btns li a{
			display: block;
			background: #25D366;
			padding: 15px 10px;
			text-align: center;
			color: #fff;
			border-radius: 5px;
		}

		.postby-btns li{
			width: 49%;
			display: inline-block;
			margin: 0 0 10px 0
		}

		.postby-btns li a:hover{
			background: #2c4182;
		}

		.postby-btns li.mp-price{
			padding: 10px;
			width: 100%;
			text-align: center;
			border-radius: 5px;
			border: 1px solid #5e5e5e;
		}

		.postby-btns li.mp-price strong{
			display: block;
		}

		/*safety tips*/

		.safty-tips{
			padding: 15px;
			border-radius: 5px;
			list-style: none;
			background: #f1f1f1;
		}

		.safty-tips h3{
			font-size: 16px;
			display: block;
			color: #10112f;
			text-transform: uppercase;
			text-align: center;
		}

		.safty-tips li{
			padding: 0 0 0 20px;
			margin: 0 0 10px 0;
			position: relative;
			color: #333;
			font-size: 14px;
		}

		.safty-tips li:before{
			content: "";
			position: absolute;
			height: 7px;
			width: 7px;
			border-radius: 50%;
			background: #10112f;
			left: 0;
			top: 7px;
		}

		/*product reviews*/

		.owner-reviews{
			padding: 10px;
		}

		.owner-reviews h4{
			border-top: 1px solid #e1e1e1;
			border-bottom: 1px solid #e1e1e1;
			padding: 10px 0;
			font-size: 18px;
			color: #10112f;
			margin: 0 0 20px 0;
		}

		.rev-name{
			color: #333;
			font-size: 14px; 
		}

		.rev-stars i{
			color: #2c4182;
			font-size: 14px;
		}

		.rev-detail p{
			font-size: 14px;
			line-height: 24px;
			color: #777;
		}

		.rev-card{
			padding: 0 0 10px 0;
			margin: 0 0 20px 0;
			border-bottom: 1px solid #e1e1e1;
		}

		.rev-card:last-of-type{
			border: none;
		}

		.prod-status{
			position: absolute;
			top: 5px;
			left: 5px;
			padding: 5px 15px;
			background: rgba(237,31,36,0.5);
			color: #fff;
			font-size: 14px;
		}

		#offer-modal .modal-header{
			background: #2c4182;
		}

		#offer-modal .modal-header h5{
			color: #fff;
		}

		#offer-modal label{
			color: #10112f;
			font-size: 14px;
		}

		#offer-modal .btn{
			background: #2c4182;
			border: none;
			font-size: 14px;
			text-transform: uppercase;
		}

		#offer-modal .btn:hover{
			background: #10112f;
		}

		#offer-modal .form-control{
			margin: 0 0 10px 0;
		}

		#offer-modal .form-control:focus{
			box-shadow: none;  
		}


		/*register login page*/

		.headers{
			text-align: center;
			margin: 0 0 50px 0;
		}

		.headers h2{
			font-size: 24px;
			text-transform: uppercase;
			position: relative;
		}

		.headers h2:before{
			content: "";
			bottom: -10px;
			left: 50%;
			transform: translatex(-50%);
			width: 50px;
			height: 2px;
			background: #2c4182;
			position: absolute;
		}

		/*registration form*/

		.register-main{
			padding: 80px 0;
		}

		.register-main form{
			padding: 50px;
			background: #fff;
			border: 1px solid #e8edf1; 
			box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.8);
		}

		.register-main form h3{
			color: #10112f;
			font-size: 16px;
			padding: 10px;
			margin: 20px 0 10px 0;
			text-transform: capitalize;
		}

		.register-main form .form-control, .register-main form .form-select {
			padding: 10px;
			margin: 0 0 25px 0;
			border-color: #10112f;
			border-radius: 0;
		}

		.register-main form .form-check-input:checked {
			background-color: #10112f;
			border-color: #2c4182;
		}

		.register-main form .btn{
			line-height: 40px;
			display: inline-block;
			padding: 0 20px;
			color: #fff;
			border-radius: 0;
			margin: 20px 0 0 0;
			border: none;
			text-transform: uppercase;
			font-weight: 600;
			transition: 0.4s ease-in-out;
			background-color: #2c4182;
			font-size: 14px;
		}

		.register-main form .btn:hover{
			background: #10112f;
		}

		.login-form form{
			max-width: 450px;
			margin: 0 auto;
		}

		/*about page*/

		.about{
			padding: 50px 0;
		}

		/*faq page*/

		/*faqs page*/

		.faq-body{
			padding: 50px 0;
			background-image: url(../images/bottle-pour.png);
			background-repeat: no-repeat;
			background-position: bottom left;
			background-size: contain;
			background-attachment: fixed;
			position: relative;
		}

		.faq-body:before{
			position: absolute;
			content: "";
			left: 0;
			right: 0;
			bottom: 0;
			top: 0;
			background: rgba(255,255,255,0.8);
		}

		.faq-body .mb-0 > a {
			display: block;
			position: relative;
			font-size: 18px;
			color: #fff;
		}

		.faq-body .mb-0 > a:after {
			content: "\f067";
			font-family: "Font Awesome 5 Free";
			position: absolute;
			right: 0;
			font-weight: 600;
			color: #Fff;
		}

		.faq-body .card-header{
			background: #10112f;
			border:none;
			border-bottom: 1px solid #fff;
			padding: 15px;
			color: #fff;
		}

		.faq-body .mb-0 > a[aria-expanded="true"]:after {
			content: "\f068";
			font-family: "Font Awesome 5 Free";
			font-weight: 600;
		}

		.faq-body .card-body{
			color: #7e7e7e;
			font-size: 18px;
			line-height: 26px;
		}

		.faq-body  .card{
			border: none;
		}

		
		/*contact page*/

		.contact{
			padding: 50px 0;
			background: #f5f7fa;
		}

		.contact-wrap{
			padding: 20px 0;
		}

		.contact-numbers{
			padding: 0;
			list-style: none;
			text-align: center;

		}

		.contact-numbers i{
			font-size: 18px;
			color: #fff;
			width: 60px;
			line-height: 60px;
			text-align: center;
			margin: 0 10px 0 0;
			background: #2c4182;
			border-radius: 50%;
			margin: 0 0 10px 0;
		}

		.contact-numbers li{
			margin: 0 0 30px 0; 
			display:block;
			text-align: center;
			display: inline-block;
			width: 280px;
			background: #fff;
			box-shadow: 0 1px 2px rgb(96 125 135 / 15%);
			margin: 10px;
			padding: 40px 20px;
		}

		.contact-numbers li a{
			font-size: 18px;
			font-weight: 500;
			color: #222;
		}

		.contact-numbers li strong{
			font-weight: 400;
			display: block;
			margin: 0 0 10px 0;
		}


		.map-wrap {
			height: 100%;
		}

		.contact-form{
			padding: 30px;
			border-radius: 0;
			background: #10112f;
		}

		.contact-form .form-control{
			padding: 15px;
			margin: 0 0 25px 0;
			border-color: #2c4182;
			border-radius: 0;
		}

		.contact-form .btn{
			padding: 10px 25px;
			background: #2c4182;
			text-transform: capitalize;
			font-size: 18px;
			font-weight: 500;
			border-radius: 0;
			color: #fff;
			transition: 0.4s ease-in-out;
			display: inline-block;
			text-align: center;
			border: none;
		}

		.contact-form .btn:hover{
			background:#b54b3c;
		}


		/*Guide and tips page*/

		.guide-wrap{
			padding: 50px 0;
		}

		.guide-list{
			padding: 40px;
			margin: 0;
			background: rgba(237,31,36,0.1);
		}

		.guide-list li{
			line-height: 50px;
			list-style: none;
			padding: 0 0 0 30px;
			position: relative;
		}

		.guide-list li:before{
			content: "\f560";
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			color: #2c4182;
			position: absolute;
			left: 0
		}

		/*grid list view*/

		.h-view, .headings{
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.view-style button{
			width: 30px;
			height: 30px;
			line-height: 30px;
			border: none;
			background: #10112f;
			color: #2c4182;
			font-size: 14px;
		}

		.view-style span{
			font-size: 14px;
			color: #10112f;
		}

		/*free Items*/

		.prod-free{
			padding: 50px 0 35px 0;
			background: #F8FAF9;
		}

		.free-card{
			padding: 10px;
			background: #fff;
			box-shadow: 0 1px 2px rgb(96 125 135 / 15%);
			display: flex;
			margin: 0 0 15px 0;
		}

		.free-card .img-wrap{
			flex-shrink: 0;
			margin: 0 15px 0 0;
		}

		.free-card .img-wrap figure{
			padding-top: 100%;
			width: 100px;
		}

		.free-card h5 {
			margin: 0;
		}

		.free-card h5 a {
			display: block;
			font-size: 14px;
			color: #10112f;
		}

		.free-card h5 a:hover{
			color: #2c4182;
		}

		.min-dtl{
			padding: 0;
			list-style: none;
			margin: 0 0 5px 0;
		}

		.min-dtl li{
			display: inline-block;
			padding: 0 5px 0 0;
			font-size: 12px;
		}

		.min-dtl li:after{
			content: "|";
			margin: 0 0 0 5px;
		}

		.min-dtl li:last-of-type:after{
			display: none;
		}

		.free-card p{
			font-size: 14px;
			color: #777;
			line-height: 24px;
		}

		.bg-eee{
			background: #eee;
		}

		.add-cat a{
		    display: inline-block;
		    font-size: 12px;
		    text-transform: uppercase;
		    padding: 5px;
		    background: #fefefe;
		    border: 1px solid #999;
		    line-height: 1;
		    border-radius: 3px;
		    color: #777
		}

		.add-cat a:hover{
		    border-color: #2c4182;
		}