/* header Css  */
.site-header {
	position: relative;
	z-index: 1000;
}

.site-header {
	background: #0d090985;
	border-bottom: 1px solid #342c2a70;
}

.header____wrap {
	/* position: absolute; */
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1111111;
	transition: all 0.3s ease;
}
.header-absolute {
	position: absolute;
}

.header-relative {
	position: relative;
}
.bg____wrap {
	padding: 30px;
	background: linear-gradient(
		135deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(255, 255, 255, 0.06) 0%,
		rgba(255, 255, 255, 0.02) 100%
	);
	border: 1px solid #ffffff10;
	transition: 0.6s ease;
	box-shadow:
		0 30px 80px -30px rgba(0, 0, 0, 0.6),
		inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
	border-radius: 26px;
}
.signin_____btn {
	background: linear-gradient(
		90deg,
		rgba(42, 123, 155, 0.24) 0%,
		rgba(215, 217, 218, 0.24) 0%,
		rgba(156, 200, 212, 0.24) 100%
	);
	color: var(--extra-color-2);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
	transition: all 0.3s ease;
}
.site-header span.number {
	background: var(--secondary-color);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	font-size: 7px;
	top: -3px;
	left: 9px;
}
.header_____search {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	padding: 20px 0;
	background: var(--body-color);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}
.header_____search form {
	position: relative;
	max-width: 600px;
	margin: auto;
}
.header_____search button {
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}
.header_____search_____close {
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	z-index: 2;
	color: var(--extra-color-2);
}
.header_____search_____submit {
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
	z-index: 2;
}
.site-header .logo-here {
	filter: drop-shadow(0 0 20px rgba(220, 38, 38, 0.57))
		drop-shadow(0 0 57.78px rgba(220, 38, 38, 0.57));
}
@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1140px;
	}
}
/* header Css  */

/* banner Css  */

.banner {
	background-image: url(../img/banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.banner____btn {
	background: transparent;
	color: var(--primary-color);
	border-color: #25221e;
	box-shadow: none;
}
.banner______wrapper {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(220, 38, 38, 0.1) 0%,
		rgba(250, 204, 21, 0.05) 0%,
		rgba(58, 50, 18, 1) 0%,
		rgba(26, 24, 18, 1) 0%,
		rgba(220, 38, 38, 0.1) 0%,
		rgba(255, 255, 255, 0.1) 0%,
		rgba(0, 0, 0, 0.05) 100%
	);
	border: 1px solid #4b464b;
	padding: 30px;
	box-shadow: 0 0 45.45px 0 rgba(220, 38, 38, 0.4);
	backdrop-filter: blur(20px);
	border-radius: 25px;
}
/* banner Css  */

/* collection-section Css  */
.gradient_____heading {
	background: linear-gradient(
		90deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(239, 68, 68, 1) 0%,
		rgba(234, 179, 8, 1) 100%
	);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}
.collection_____image {
	perspective: 1500px;
	overflow: hidden;
	border-radius: 0;
}
.collection_____wrapper:hover {
	box-shadow: 0 0 20px rgba(235, 170, 45, 0.2);
}

.collection_____wrapper {
	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;
	overflow: hidden;
	border: 1px solid #403713;
	border-radius: 16px;
}
.collection_____image figure {
	position: relative;
	overflow: hidden;
}

.collection_____image figure img.img-fluid {
	width: 100%;
	height: 260px;
	object-fit: cover;
	display: block;
}
/* collection-section Css  */

/* categories-section Css  */
.categories____icon {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(220, 38, 38, 1) 0%,
		rgba(234, 88, 12, 1) 100%
	);
	width: 60px;
	height: 60px;
	border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.col-lg-3:nth-child(2) .categories____icon {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(37, 99, 235, 1) 0%,
		rgba(147, 51, 234, 1) 100%
	);
}
.col-lg-3:nth-child(3) .categories____icon {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(22, 163, 74, 1) 0%,
		rgba(13, 148, 136, 1) 100%
	);
}
.col-lg-3:nth-child(5) .categories____icon {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(147, 51, 234, 1) 0%,
		rgba(219, 39, 119, 1) 100%
	);
}
.col-lg-3:nth-child(6) .categories____icon {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(79, 70, 229, 1) 0%,
		rgba(37, 99, 235, 1) 100%
	);
}
.col-lg-3:last-child .categories____icon {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(75, 85, 99, 1) 0%,
		rgba(71, 85, 105, 1) 100%
	);
}
.categories_____wrapper {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(17, 24, 39, 0.9) 0%,
		rgba(0, 0, 0, 0.9) 100%
	);
	border: 1px solid #1e232b;
	border-radius: 8px;
}
.categories_____wrapper:hover .categories____icon {
	box-shadow: 0 0 40px 0 rgba(235, 170, 45, 0.35);
}
.categories_____wrapper:hover .categories_____anchor {
	color: var(--secondary-color);
}
.categories_____wrapper {
	will-change: transform;
}
.categories____icon h4,
.browse_____icon {
	display: inline-block;
	will-change: transform;
}
.browse_____icon {
	transition: background 0.3s ease;
}
.categories_____circle {
	background: var(--extra-color-4);
	width: 5px;
	height: 5px;
	display: block;
	border-radius: 50%;
}
/* categories-section Css  */

/* brands-section Css  */
.brands____wrapper {
	border: 1px solid #403713;
	border-radius: 16px;
	padding: 10px;
}
.corp____btn {
	background: #3a1616;
	border-color: #7b1c1c;
	box-shadow: none;
	color: var(--extra-color-4);
	border-radius: 30px;
	font-family: var(--secondary-bold-font);
}
.brands_____circle {
	width: 10px;
	height: 10px;
	background: var(--primary-color);
	display: block;
	border-radius: 50%;
	margin-left: auto;
}
.apparel______circle {
	background: var(--extra-color-1);
}

/* brands-section Css  */

/* .gift-section Css  */
.gift-section {
	background: linear-gradient(
		145deg,
		rgba(18, 18, 18, 1) 0%,
		rgba(31, 31, 31, 1) 50%,
		rgba(18, 18, 18, 1) 100%
	);
}
.gift_____card_____design {
	padding-top: 32px;
}
.gift_____card_____option {
	position: relative;
	padding: 40px;
	border: 1px solid #4b5563;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	overflow: hidden;
	color: var(--extra-color-2);
	transition: 0.3s ease;
}
.gift_____card_____option input,
.gift_____card_____amount input {
	position: absolute;
	opacity: 0;
}
.gift_____card_____option:hover,
.gift_____card_____amount:hover,
.gift_____card_____amount:has(input:checked) {
	border-color: var(--extra-color-1);
	background: #421e1e;
}
.gift____option____1 {
	background: linear-gradient(135deg, #ed2525, #ff6b16, #ffc400);
}
.gift____option____2 {
	background: linear-gradient(
		135deg,
		rgba(31, 41, 55, 1) 0%,
		rgba(220, 38, 38, 1) 50%,
		rgba(0, 0, 0, 1) 100%
	);
}
.gift____option____3 {
	background: linear-gradient(135deg, #345de9, #8d2ce5, #d21f68);
}
.gift____option____4 {
	background: linear-gradient(135deg, #ff9f1c, #e63a3a, #1d1115);
}
.gift_____card_____brand {
	font: 700 15px/1 var(--secondary-bold-font);
	margin-bottom: 15px;
}
.gift_____card_____name {
	font: 700 12px/1 var(--secondary-bold-font);
	color: var(--secondary-color);
	margin-bottom: 15px;
}
.gift_____card_____price {
	font: 700 17px/1 var(--secondary-bold-font);
}
.gift_____card_____check {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--extra-color-1);
	display: none;
	align-items: center;
	justify-content: center;
	font-size: 7px;
}
.gift_____card_____option input:checked ~ .gift_____card_____check {
	display: flex;
}
.gift_____card_____amount {
	position: relative;
	padding: 18px;
	border: 1px solid #4b5563;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--secondary-color);
	font: 600 10px/1 var(--secondary-bold-font);
}
.gift_____card_____amount small {
	position: absolute;
	top: -7px;
	right: -3px;
	padding: 3px 5px;
	border-radius: 6px;
	background: var(--secondary-color);
	color: var(--dark-color);
	font: 700 7px/1 var(--primary-bold-font);
}
.gift_____card_____details {
	padding: 18px;
	border: 1px solid #3d4854;
	border-radius: 10px;
}
.gift_____card_____summary {
	padding: 15px;
	border: 1px solid #4b5563;
	border-radius: 10px;
	color: var(--secondary-color);
	font: 400 9px/1 var(--secondary-regular-font);
	position: relative;
	z-index: 9;
}
.gift_____card_____summary::before {
	content: "";
	position: absolute;
	background-image: url(../img/gift-right-icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	left: 70px;
	bottom: 10px;
	opacity: 0.061;
	z-index: -1;
}
.gift_____card_____summary > div:not(:last-child) {
	margin-bottom: 6px;
}
.gift_____card_____summary-total {
	padding-top: 7px;
	border-top: 1px solid #3d4854;
}
.gift_____card_____summary strong {
	font-family: var(--primary-bold-font);
}
.gift_____card_____summary-total strong {
	color: var(--extra-color-1);
	font-size: 13px;
}
.gift_____card_____feature {
	padding: 20px;
	border: 1px solid #4b5563;
	border-radius: 7px;
}
.gift_____card_____feature-icon {
	width: 60px;
	height: 60px;
	margin: 0 auto 20px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(220, 38, 38, 0.18);
	color: var(--extra-color-1);
	font-size: 18px;
}
.amount_____wrapper::before {
	content: "";
	position: absolute;
	background-image: url(../img/gift-left-icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
	left: 30px;
	top: 20px;
	opacity: 0.061;
	z-index: -1;
}
.giftcard____btn {
	background: linear-gradient(
		90deg,
		rgba(31, 41, 55, 1) 0%,
		rgba(220, 38, 38, 1) 0%,
		rgba(249, 115, 22, 1) 100%
	);
	font-size: 18px;
	opacity: 0.5;
}
.email-icon {
	color: #888;
	pointer-events: none;
	font-size: 1.1rem;
}
@media (max-width: 991px) {
	.gift_____card_____design {
		padding-top: 0;
	}
}
@media (max-width: 575px) {
	.gift_____card_____option {
		height: 95px;
	}
}
/* .gift-section Css  */

/* testimonials-section Css  */
.testimonials-section {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(18, 18, 18, 1) 0%,
		rgba(31, 31, 31, 1) 50%,
		rgba(18, 18, 18, 1) 100%
	);
}
.testi_____main {
	border: 1px solid #4b5563;
	border-radius: 16px;
}
.testimonials______quote {
	width: 52px;
	height: 52px;
	margin-top: -30px;
}
.testimonials______tag {
	background-color: #3b1717;
	border: 1px solid #7b1d1d;
}
.testimonials______badge {
	color: #4ade80;
	background-color: #132f1d;
	border: 1px solid #145d2f;
}
.testimonials______img {
	width: 61px;
	height: 61px;
	object-fit: cover;
	border: 2px solid var(--extra-color-1);
}
.testimonials______avatar {
	width: 22px;
	height: 22px;
	background-color: var(--primary-color);
	bottom: -4px;
	right: -4px;
}
.testimonials______btn {
	transition:
		opacity 0.3s ease,
		transform 0.2s ease;
}
.testimonials______btn:hover {
	opacity: 0.9;
	color: var(--extra-color-2);
	transform: translateY(-2px);
}
.testi_____slide {
	padding: 10px 0;
}
/* testimonials-section Css  */

/* blogs-section Css  */
.blogs-section {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(18, 18, 18, 1) 0%,
		rgba(31, 31, 31, 1) 50%,
		rgba(18, 18, 18, 1) 100%
	);
}
.blogs_____wrapper {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(220, 38, 38, 0.1) 0%,
		rgba(250, 204, 21, 0.05) 0%,
		rgba(58, 50, 18, 1) 0%,
		rgba(26, 24, 18, 1) 0%,
		rgba(220, 38, 38, 0.1) 0%,
		rgba(250, 204, 21, 0.05) 50%,
		rgba(250, 204, 21, 0) 100%
	);
	padding: 30px;
	border: 1px solid #333333;
	border-radius: 16px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.blogs_____btn {
	background: linear-gradient(
		90deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(220, 38, 38, 0.1) 0%,
		rgba(250, 204, 21, 0.05) 0%,
		rgba(58, 50, 18, 1) 0%,
		rgba(26, 24, 18, 1) 0%,
		rgba(220, 38, 38, 0.1) 0%,
		rgba(220, 38, 38, 1) 0%,
		rgba(249, 115, 22, 1) 100%
	);
	box-shadow: none;
}
.blogs_____wrapper::after {
	content: "";
	position: absolute;
	background-image: url(../img/book-img.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	top: 10px;
	right: 10px;
	opacity: 0.1;
}
/* blogs-section Css  */

/* join-section Css  */
.join____main {
	background: linear-gradient(
		145deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(18, 18, 18, 1) 0%,
		rgba(31, 31, 31, 1) 100%
	);
	padding: 50px 140px;
	border: 1px solid #333333;
	border-radius: 16px;
}
.join_____wrapper {
	border: 1px solid #333333;
	border-radius: 8px;
	padding: 20px;
	height: 100%;
}
/* join-section Css  */

/* footer Css  */
.footer___logo img.img-fluid {
	filter: drop-shadow(0 0 20px rgba(220, 38, 38, 0.57))
		drop-shadow(0 0 57.78px rgba(220, 38, 38, 0.57));
}
/* footer Css  */

/* sub-banner Css  */
.sub-banner {
	position: relative;
	overflow: hidden;
	padding: 8rem 0 3rem;
	background-image: url(../img/sub-banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 70px;
}
/* sub-banner Css  */