/* ------  Body------ */

/* ------ Navbar ------ */
		   /* Search */
		   /* Login */
		   /* shopping-cart */
		   /* mega menu */
		   /* Sliding Menu */

/* ------ main Slider ------ */
		   /* Slick dots */
		   /* Slider arrows */

/* ------ vitrin-to ------ */

/* ------ New products ------ */
		   /* Product cards */
		   /* Slick dots */
		   /* Slider arrows */

/* ------ offer products ------ */
		   /* product cards */
		   /* Slick dots */
		   /* Slider arrows */

/* ------ Banner ------ */

/* ------ Best Selling products------ */
		   /* product cards */
		   /* Slick dots */
		   /* Slider arrows */

/* ------ Footer------ */

/* ////////////////////////////////////////// */

/* ------Start Body------ */

.btn-primary{
	background: #e9e9e9 !important;
	border: 0px !important;
	color: rgba(0,0,0,0.84);
}
.btn-success{
	background: rgb(255, 2, 141) !important;
	border: 0px !important;
}
.bg-danger{
	background: #c53653 !important;
}




:root {
	--gray: #d6d6d6;
	--dark-gray: #5E5E5E;
	--dark-blue: #4e083a;
	--red: #ee0000;

}
body{
	font-family: Shabnam;
	overflow-x: hidden;

}
.bg-e9{
	background: #e9e9e9 !important;

}
#wrapper {
	min-height: 100vh;
}

h5 {
	color: var(--dark-blue);
}

a {
	color: var(--dark-blue);
	text-decoration: none;
}

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

::selection {
    background-color: var(--dark-blue);
    color: var(--gray);
}

:focus {
	outline: none !important;
}

button:focus {
	box-shadow: 0 0 0 0 var(--dark-blue) !important;
}

input:focus {
	box-shadow: 0 0 0 .2rem var(--dark-blue) !important;
	border: none !important;
}

p {
	color: var(--dark-gray);
}

/* ------End Body------ */

/* ------Start Navbar ------ */
.my-header {

	position: relative;
	overflow-x: hidden;
}

.isSpecial{
	position: relative;
	/*border-top-left-radius: 30px; border-top-right-radius: 30px;*/
}

.navbar-menu {

	min-height: 70px;


	position: absolute;
	z-index: 99;

	-webkit-animation: AnimationName 6s ease infinite;
	-moz-animation: AnimationName 6s ease infinite;
	animation: AnimationName 6s ease infinite;

}



@-webkit-keyframes AnimationName {
	0%{background-position:0% 52%}
	50%{background-position:100% 49%}
	100%{background-position:0% 52%}
}
@-moz-keyframes AnimationName {
	0%{background-position:0% 52%}
	50%{background-position:100% 49%}
	100%{background-position:0% 52%}
}
@keyframes AnimationName {
	0%{background-position:0% 52%}
	50%{background-position:100% 49%}
	100%{background-position:0% 52%}
}

/* Search */
.search-btn {
	background-color: #ffffff;
	margin-left: -35px;
	z-index: 1;
	width: 30px;
	height: 30px;
	margin-top: auto;
	margin-bottom: auto;
	padding: 0;
}

.search-btn:hover {
	border: 2px solid var(--dark-blue);
}

.bi-search {
	color: var(--dark-blue);
}

.search-input {
	border-radius: 49px!important;
	width: 170px;
	height: 47px;
	padding-right: 45px;
	color: var(--dark-blue);
}

input::-webkit-search-cancel-button {
	color: var(--dark-blue) !important;
}

form input::placeholder {
	padding-right: 25%;
	color: var(--gray);
}




@media(min-width: 1200px) and (max-width: 1300px) {
	.search-input {
	/*	width: 260px;*/
	}

}

/* Login */
.login-btn {
	background-color: #fff;
	border-radius: 49px;
	height: 47px;
	width: 170px;
}

.login-btn:hover {
	box-shadow: 0 0.5em 0.5em -0.4em var(--dark-blue);
	transform: translateY(-0.25em);
	transition: .3s ease-in-out;
	color: var(--gray);
}

.login-icon {
	padding-top: 5px;
	/*background-color: #8f0159;*/
	width: 36px;
	height: 36px;
	vertical-align: middle;
	right: -8px;
	top: 0 !important;
}

.bi-person-fill {
	/*color: #fff;*/
}
/* shopping-cart */
.shopping-cart {
	position: relative;
}

.shopping-cart:hover {
	transform: translateY(-0.25em);
}

.shopping-badge {
	position: absolute !important;
	right: 0;
	top: 3px !important;
	background-color: #cf0c0c;
	color: #ffffff;

}
@media (min-width: 1200px) {
	.navbar-expand-xl .navbar-nav .nav-link {
		color: #fff !important;

	}
}
/* mega menu*/
.nav-link {
	/*color: rgba(255, 255, 255,0.8)!important;*/
}

.dropdown-menu .nav-link {
    color: var(--dark-blue) !important;
}

.dropdown-menu .nav-link.active {
	background: #ee000014;
	border-radius: 8px;
}

@media(min-width: 1200px) {
	.megamenu {
		width: 100%;
	}

	.navbar-expand-xl .navbar-collapse {
		width: 100% !important;
	}
	.megamenu.dropdown-menu {
		-webkit-transition: display .4s;
		-moz-transition: display .4s;
		-o-transition: display .4s;
		transition: display .4s;
	}

	.megamenu.dropdown-menu.show {
		-webkit-transition: display .4s;
		-moz-transition: display .4s;
		-o-transition: display .4s;
		transition: display .4s;
		top: 115px;
		width: 100vw;
		/*right: -25px;*/
		background-color: #e9e9e9 !important;
	}

	.dropdown {
		position: unset;
	}

	.megamenu ul {
		padding: 0;
	}

	.megamenu ul li {
		list-style-type: none;
		font-size: 10px;
		display: block;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.megamenu a:hover{
		color: var(--dark-blue);
	}

	.megamenu ul li:hover {
		background-color: #ee000014;
		border-radius: 8px;
	}

	.megamenu h6:hover {
		border-right: 2px solid var(--red);
		padding-right: 3px;
	}

	.megamenu h6 a:after, .megamenu .nav-pills a:after {
		position: relative;
		display: inline-block;
		content:'';
		border-left: .15em solid var(--dark-blue);
		border-bottom: .15em solid var(--dark-blue);
		border-top: 0;
		border-right: 0;
		width: .35em;
		height: .35em;
		transform: rotate(45deg);
		right: 5px;
		bottom: 1px;
	}
}

@media(min-width: 2000px) {
	.megamenu {
		width: 80%;
		right: auto;
	}

	.megamenu ul li {
		font-size: 13px;
	}

}

@media(max-width: 1199px) {
	/*sliding menu*/
	.navbar-toggler {
		z-index: 4;
		border: none;
	}

	.navbar-collapse {
		/*width: 420px;*/
		position: fixed;
		top: 8px;
		background: #e9e9e9;
		height: 100vh;
		left: -420px;
		padding: 100px 20px 20px;
		z-index: 3;
		border-top-right-radius: 30px;
		-webkit-transition: left .4s linear 0s;
		-moz-transition: left .4s linear 0s;
		-ms-transition: left .4s linear 0s;
		-o-transition: left .4s linear 0s;
		transition: left .4s linear 0s;

	}

	.navbar-collapse.show {
		left: 0px !important;
		top: 0px !important;

		overflow-y: scroll;
		-webkit-transition: left .4s linear 0s;
		-moz-transition: left .4s linear 0s;
		-ms-transition: left .4s linear 0s;
		-o-transition: left .4s linear 0s;

		transition: left .4s linear 0s;
		transform: translate(0px, 0px) !important;
	}

	.navbar-bg {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: #00000070;
		z-index: 10;
		top: 0;
	}

	.hamburger-menu-btns .login-btn {
		border: 2px solid var(--gray);
	}

	.hamburger-menu-btns .search-input {
		width: 90%;
	}

	.nav-item p {
		color: rgba(255, 255, 255, 0.9);
		border-top: 1px solid rgba(255, 255, 255, 0.9);
		display: inline-block;
		width: 70%;
	}

	.dropdown-item {
		color: var(--dark-blue);
	}
	.dropdown-item:active {
		background-color: var(--dark-blue);
	}

	.dropdown-menu.dropdown-menu-right.show {
		background-color: #e9e9e9;
	}

	.dropdown-submenu .dropdown-menu.show {
		border-radius: 0;
		border-right: 0;
		border-left: 0;
		margin: 0;
	}

}

@media(max-width: 450px) {
	.navbar-collapse {
		top: 0 !important;
		width: 280px;
		font-size: 12px;
	}

	.dropdown-menu {
		font-size: 10px;
		padding: 0;
	}

	.login-btn {
		font-size: 12px;
		width: 150px;
	}
}

/* ------End Navbar ------ */


/* ------ Start main Slider ------ */
.slider img {
	/*margin-top: 80px;*/
	/*border-bottom-right-radius: 30px;*/
	/*border-bottom-left-radius: 30px;*/
	min-height: 30vw;
	object-fit: fill;
	background: #1a1a1a;
	/*border-top: 5px #000000 solid;*/
}

/* Slick dots */
.slider .slick-dots {
	bottom: 60px !important;
	left: 107px !important;
	text-align: end !important;
	z-index: 2;
}

.slider .slick-dots li.slick-active button:before {
	opacity: 1;
	background-color: var(--red) ;
	content: '';
	width: 20px;
	height: 4px;
	top: 8px;
}

.slider .slick-dots li button:before {
	color: var(--dark-blue);
	opacity: 1;
}

.slider .slick-dots li {
	margin-right: 0;
	margin-left: 0;
}

/* Slider arrows*/
.main-slider-controls {
	gap: 80px;
	margin-left: 60px;
}

.main-slider-prev, .main-slider-next {
	z-index: 2;
	margin-top: -200px;
}
.main-slider-prev .bi-arrow-right-short ,
.main-slider-next .bi-arrow-left-short {
	display: none;
}

.main-slider-prev.slick-disabled  .bi-arrow-right,
.main-slider-next.slick-disabled  .bi-arrow-left {
	display: none;
}

.main-slider-prev.slick-disabled  .bi-arrow-right-short,
.main-slider-next.slick-disabled  .bi-arrow-left-short {
	display: block;
}

.main-controls-bg {
	position: absolute;
	width: 170px;
	height: 60px;
	margin-top: -200px;
	z-index: 0;
	background: var(--gray);
	opacity: 50%;
	left: 51px;
}

@media(max-width: 600px) {
	.main-slider-controls {
		margin-left: 25px;
	}

	.main-controls-bg {
		display: none;
	}

	.slick-dotted.slick-slider {
		margin-bottom: 10px!important;
	}
	.main-slider-prev, .main-slider-next {
		margin-top: 0;
	}

	.slider .slick-dots {
		bottom: -38px !important;
		left: 70px !important;
	}
}
/* ------End main Slider ------ */


/* ------ Start vitrin-to ------ */

.title-border h4 {
  display: inline-block;
  position: relative;
}

.title-border h4::after,
.title-border h4::before {
  position: absolute;
  content: "";
  width: 35%;
  height: 1px;
  background-color: var(--dark-blue);
  bottom: -10px;
}

.title-border h4::before {
  left: 0;
}

.title-border h4::after {
  right: 0;
}

.title-border span {
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--red);
  height: 4px;
  width: 20%;
}

.vitrin-to {
	padding-top: 70px;
	padding-bottom: 70px;
	margin-top: 50px;
	z-index: -999999999999;
}

.item-bottom {
	margin-bottom: 100px;
}

.vitrin-card {
	/*border-radius: 15px;*/
	transition: 0.5s;

}

.vitrin-card img{
	width: 50%;
}

.vitrin-card .card-body {
	text-align: center;
	height: 80px;
	color: #ff028d;
}

.vitrin-card:hover {
	background-color: #ff028d;
	color: white;
	transition: all .5s linear;
}

.vitrin-card:hover p{
	color: var(--gray);
}

.vitrin-card img:nth-child(2) {
	display: none;
}

.vitrin-card:hover img:nth-child(2) {
	display: block;
}

.vitrin-card:hover img:first-child {
	display: none;
}


@media(min-width: 575px) {
	.vitrin-to {
		background-image: url(../img/Component59.png);
		background-position: top left;
		background-repeat: no-repeat;
	}
}

@media(max-width: 575px) {
	.vitrin-to .vitrin-card {
		margin-bottom: 25px;
	}
	.vitrin-to .item-bottom {
		margin-bottom: unset;
	}
}

@media(min-width: 576px) and (max-width: 991px) {
	#item-bottom {
		margin-bottom: 0;
	}
}

@media(max-width: 768px) {

	.vitrin-to {
		margin-top: 0;
	}
}
/* ------ End vitrin-to ------ */


/* ------ Start new products ------ */
.new-products-item {
	/*background-image: url(../img/Component60.png);*/
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}
/*Product cards*/
.new-product-card,
.offer-product-card,
.best-selling-card {
	position: relative;
	/*border-radius: 29px;*/
}
.card{
	border: 0px !important;
}

.new-product-card img,
.best-selling-card img {
	/*background-image: url(../img/Path123.png);*/
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	/*border-radius: 29px;*/
	width:100%;
	/*height:300px!important;*/
	object-fit: contain;

}

.new-product-card .card-title,
.offer-product-card .card-title,
.best-selling-card .card-title {
	color: var(--dark-blue);
	height: 50px;
	margin: 0;
}

.new-product-card .card-text,
.offer-product-card .card-text,
.best-selling-card .card-text {
	color: var(--dark-gray);
	font-size: 12px;
	height: 40px;
}

.new-product-card .card-price,
.best-selling-card .card-price {
	color: var(--red);
	font-weight: bold;
}

.new-product-card .card-weight,
.offer-product-card .card-weight,
.best-selling-card .card-weight {
	color: var(--gray);
	font-weight: bold;
}

.card-hover button, .banner-btn {
	background-color: #ff028d;
	color: var(--gray);
	border-radius: 49px;
}

.card-hover button:hover, .banner-btn:hover {
	box-shadow: 0 0.5em 0.5em -0.4em var(--red);
	transform: translateY(-0.25em);
	transition: .3s ease-in-out;
	color: var(--dark-blue);
}

.card-hover button:hover svg path, .banner-btn:hover svg path {
	fill: var(--dark-blue);
}

.card-hover h5{
	color: black;
}

.card-hover p {
	/*color: var(--gray);*/
	color: #000;
	font-size: 15px;
	/*font-weight: bolder;*/
}

.card-hover {
	position: absolute;
	text-align: center;
	/*background-color: var(--dark-blue);*/
	background-color: #ffffffa6;
	/*border-radius: 29px;*/
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: height .3s linear;
}


.new-product-card:hover .card-hover,
.best-selling-card:hover .card-hover {
	height: 100%;
	transition: height .3s linear;
}

.new-product-card:hover,
.best-selling-card:hover {
	transform: translateY(-6%);
	transition: all .3s linear .3s;

}

.new-product-card .card-hover .hover-price,
.best-selling-card .card-hover .hover-price {
	display: inline-block;
	width: auto;
	height: 25px;
	border-bottom: 1px solid var(--gray);
}
/*slider dotes*/
.new-products-slider .slick-dots,
.offer-products-slider .slick-dots,
.best-selling-slider .slick-dots {
	text-align: end;
	bottom: -10px;
	left: 35px;
}

.new-products-slider .slick-dots li.slick-active button:before,
.offer-products-slider .slick-dots li.slick-active button:before,
.best-selling-slider .slick-dots li.slick-active button:before {
	opacity: 1;
	background-color: var(--red) ;
	content: '';
	width: 20px;
	height: 4px;
	border-radius: 2px;
	top: 8px;
}

.new-products-slider .slick-dots li button:before,
.offer-products-slider .slick-dots li button:before,
.best-selling-slider .slick-dots li button:before {
	color: var(--dark-blue);
	opacity: 1;

}

.new-products-slider .slick-dots li,
.offer-products-slider .slick-dots li,
.best-selling-slider .slick-dots li {
	margin-right: 0;
	margin-left: 0;
}

/* Slider arrows */
.new-products-controls,
.offer-products-controls,
.best-selling-controls {
	gap: 80px;
}

.new-products-prev, .new-products-next,
.offer-products-prev, .offer-products-next,
.best-selling-prev, .best-selling-next {
	z-index: 1;
}

.new-products-prev .bi-arrow-right-short ,
.new-products-next .bi-arrow-left-short,
.offer-products-prev .bi-arrow-right-short ,
.offer-products-next .bi-arrow-left-short,
.best-selling-prev .bi-arrow-right-short ,
.best-selling-next .bi-arrow-left-short {
	display: none;
}

.new-products-prev.slick-disabled  .bi-arrow-right,
.new-products-next.slick-disabled  .bi-arrow-left,
.offer-products-prev.slick-disabled  .bi-arrow-right,
.offer-products-next.slick-disabled  .bi-arrow-left,
.best-selling-prev.slick-disabled  .bi-arrow-right,
.best-selling-next.slick-disabled  .bi-arrow-left {
	display: none;
}

.new-products-prev.slick-disabled  .bi-arrow-right-short,
.new-products-next.slick-disabled  .bi-arrow-left-short,
.offer-products-prev.slick-disabled  .bi-arrow-right-short,
.offer-products-next.slick-disabled  .bi-arrow-left-short,
.best-selling-prev.slick-disabled  .bi-arrow-right-short,
.best-selling-next.slick-disabled  .bi-arrow-left-short {
	display: block;
}

@media(max-width: 749px) {
	.new-products-controls,
	.offer-products-controls,
	.best-selling-controls {
		gap: 10px;
	}

}

@media(min-width: 750px) and (max-width: 949px) {
	.new-products-controls,
	.offer-products-controls {
		gap: 120px;
	}

}

@media(min-width: 950px) and (max-width: 1199px) {
	.new-products-controls,
	.offer-products-controls,
	.best-selling-controls {
		gap: 100px;
	}

}

@media(max-width: 768px) {
	.new-products-item {
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media(max-width: 600px) {
	.new-products-item {
		background-size: cover;
	}
}
/* ------ End new products ------ */


/* ------ Start offer products ------ */
.offer-products-item {
	background-image: url(../img/Path2797.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 100px;
	padding-bottom: 100px;
}
/* product cards */
.offer-product-card img {
	background-image: url(../img/Path123.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	border-radius: 29px;
}

.offer-product-card .discount-lable p {
	position: absolute;
	top: 5px;
	right: 5px;
	background-color: var(--red);
	border-radius: 49px;
	padding: 3px 10px;
	color: var(--gray);
}

.offer-product-card .card-price, .banner-price {
	color: var(--red);
	font-weight: bold;
	margin:0;
}
.offer-product-card .card-price-del, .banner-price-del {
	color: var(--gray);
}

/* ------ End offer products ------ */


/* ------ Start Banner ------ */
.banner-item {
	background-image: url(../img/Path2793.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 150px;
	margin-top: 100px;
}

.banner {
	position: relative;
	border-radius: 29px;
	background-image: url(../img/Component61.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: auto 128%;
}

hr {
	border: 1px solid var(--gray);
}

.banner-text {
	background-image: url(../img/offer.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
}

.banner .banner-discount-lable p {
	position: absolute;
	top: 25px;
	left: 45px;
	background-color: var(--red);
	border-radius: 49px;
	padding: 6px 20px;
	color: var(--gray);
}

@media(max-width: 1200px) {
	.banner-btn svg {
		width: 24px;
		height: 24px;
	}
}

@media(max-width: 1000px) {
	.banner-text {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
}

@media(max-width: 575px) {
	.banner .banner-discount-lable p {
		top: 7px;
		left: 7px;
		padding: 3px 10px;

	}
}

@media(max-width: 767px) {
	.banner {
		background-position: top;
		background-size: cover;
	}
}

@media(min-width: 768px) and (max-width: 991px) {
	.banner-text {
		font-size: 12px;
	}
}

@media(max-width: 400px) {
	.banner-item {
		background-size: 30%;
		padding-bottom: 100px;
	}
}
/* ------ End Banner  ------ */


/* ------ Start Best Selling products  ------ */
.best-selling-item {
	/*background-image: url(../img/Group4163.png);*/
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 100px;
	margin-bottom: 180px;
}

.card-img, .card-img-bottom, .card-img-top {
	width: 100%;
	/*height: 45vh;*/
	overflow: hidden;
	object-fit: cover !important;
}

.best-selling-slider .slick-slide>div {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

@media(min-width: 750px) and (max-width: 949px) {
	.best-selling-controls {
		gap: 140px;
	}
}

@media(max-width: 575px) {
	.best-selling-item {
		    margin-bottom: 70px;
	}
}
/* ------ End Best Selling products  ------ */

/* ------ Start footer ------ */
footer {
	position: relative;
	background: #e9e9e9;
	background-repeat: no-repeat;
	background-position: top left;
	padding-top: 50px;
	/*border-radius: 30px;*/
}

.title-footer-border h5,
.title-footer-border p {
	display: inline-block;
	position: relative;
}

.title-footer-border h5::after,
.title-footer-border h5::before,
.title-footer-border p::after,
.title-footer-border p::before {
	position: absolute;
	content: "";
	width: 35%;
	height: 1px;
	background-color: var(--gray);
	bottom: -10px;
}

.title-footer-border h5::before,
.title-footer-border p::before {
	left: 0;
}

.title-footer-border h5::after,
.title-footer-border p::after {
	right: 0;
}

.title-footer-border span {
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--red);
	height: 4px;
	width: 20%;
	border-radius: 2px;
}

.arrow-img img {
	position: absolute;
	top: -15%;
	left: 0;
	width: 15%;
}

footer p, footer h5, footer a {
	/*color: var(--gray);*/
}

.map {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%;
}

.map iframe{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 29px;
}

footer li {
	margin-bottom: .5rem;
}

footer .social-media svg {
	margin-right: .5rem;
	margin-left: .5rem;
}

footer a:hover {
	color: var(--red);
}

footer svg:hover path{
	fill: var(--red) !important;
}

@media(min-width: 400px) and (max-width: 1100px) {
	.arrow-img img {
		top: -27px;
		width: 20%;
	}
}

@media(max-width: 399px) {
	.arrow-img img {
		display: none;
	}
}

@media(min-width: 1200px) and (max-width: 1399px) {
	footer {
		padding-right: 3rem;
		padding-left: 3rem;
	}

}

@media(min-width: 1400px) {
	footer {
		padding: 100px 100px 0 !important;
	}
}
/* ------ End footer ------ */