@media(min-width:1920px) {

	.container {

		max-width: 1720px;

	}

}

body {

	font-family: "Inter", sans-serif;

	font-size: 16px;

	color: #000;

	font-weight: 400;

}

/* var css */

.head {

	text-align: center;

	margin-bottom: 40px;

}

.head h1,
h2 {

	color: #6A381F;

	font-size: 35px;

	font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

	margin-bottom: 0px;

}

.head-para {

	font-size: 20px;

	color: #DA2A20;

	font-weight: 500;

}

.insec .pic img {

	width: 100%;

}

/* top-part */

.top-part .text p {

	text-align: center;

	margin-bottom: 0px;

	color: #fff;

}

.top-part {

	background-color: #DA2A20;

	padding: 7px 0px;

}

.top-part .owl-dots {

	display: none;

}

.sticky {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 1000;

	background-color: #fff;

	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

	animation: slideDown 0.3s ease;

}



@keyframes slideDown {

	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}

}



.mobile-menu-des .my-head.sticky {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 1000;

	background-color: #fff;

	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

	animation: slideDown 0.3s ease;

}

/* destop-head */

.desktopmenu {

	background-color: #fff;

	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

}



.desktopmenu .my-head {

	padding: 10px 0;

}



.desktopmenu .nav-link {

	font-size: 15px;

	font-weight: 600;

	color: #fff;

	transition: .45s;

	padding: 10px 5px !important;

	position: relative;

}



.desktopmenu .nav-link:hover {

	color: gold;

}



.navbar-brand img {

	width: 50px;

	height: 50px;

	scale: 1.4;

}



.desktopmenu .nav-link::after {

	content: '\f107';

	font-family: 'Font Awesome 6 Free';

	font-weight: 900;

	margin-left: 5px;

	transition: transform 0.3s ease;

}



.desktopmenu .nav-item:hover .nav-link::after {

	transform: rotate(180deg);

}



.desktopmenu .nav-item {

	/* margin-right: 20px; */

	position: relative;

}



.desktopmenu .nav-item:first-child {

	margin-left: 20px;

}



.desktopmenu .nav-item:last-child {

	margin-right: 0px;

}



.desktopmenu .nav-link.active {

	color: #DA2A20;

}



.desktopmenu .right {

	padding-left: 0px;

	margin-bottom: 0px;

	list-style-type: none;

	display: flex;

	align-items: center;

	justify-content: end;

}

.new-bottom-bar {

	position: relative;

	top: 10px;

	background-color: #DA2A20;



}

.desktopmenu .right img {

	width: 25px;

}



.desktopmenu .right li:last-child {

	margin-right: 0px;

}

/* dropdown mega-menu */

.desktopmenu .mega-menu {

	position: absolute;

	top: 100%;

	left: 0;

	width: 250px;

	background: #ffffff;

	display: none;

	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);

	padding: 20px;

	z-index: 1000;

	border-radius: 0 0 8px 8px;

	max-height: 400px;

	overflow: hidden;

	overflow-y: auto;

	transition: all 0.3s ease;

	opacity: 0;

	visibility: hidden;

	transform: translateY(10px);

}



.desktopmenu .mega-menu .row {

	display: flex;

	flex-wrap: wrap;

}



.desktopmenu .mega-menu a {

	display: block;

	padding: 8px 0;

	color: #333;

	text-decoration: none;

	transition: all 0.2s ease;

	font-size: 15px;

}



.desktopmenu .mega-menu a:hover {

	color: #DA2A20;

	padding-left: 5px;

}



.desktopmenu .mega-menu h5 {

	font-weight: 700;

	font-size: 16px;

	color: #000;

	text-transform: uppercase;

	margin-bottom: 10px;

	padding-bottom: 5px;

	border-bottom: 2px solid #DA2A20;

	display: inline-block;

}



.desktopmenu .nav-item:hover .mega-menu {

	display: block;

	opacity: 1;

	visibility: visible;

	transform: translateY(0);

}

.desktopmenu #search:focus {

	box-shadow: none;

}

.desktopmenu #search {

	border: 1px solid #454545;

	font-size: 18px;

}

.desktopmenu .right .form-control {

	color: #000;

}

.desktopmenu .right {

	display: flex;

	list-style: none;

	gap: 20px;

	padding: 0;

	align-items: center;

}

.desktopmenu .right li {

	position: relative;

}

/* Icons */

.desktopmenu .right img {

	width: 25px;

	cursor: pointer;

	transition: transform 0.3s ease;

}

.desktopmenu .right img:hover {

	transform: scale(1.1);

}



/* User dropdown menu */

.desktopmenu .user-container .dropdown-menu,

.mobile-menu-des .user-containerzz .dropdown-menu {

	position: absolute;

	top: 100%;

	right: 0;

	background: #fff;

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

	border-radius: 8px;

	padding: 10px 0;

	min-width: 150px;

	display: none;

	z-index: 1000;

	margin-top: 10px;

}



.desktopmenu .user-container.active .dropdown-menu,

.mobile-menu-des .user-containerzz.active .dropdown-menu {

	display: block;

	animation: fadeIn 0.3s ease;

}



@keyframes fadeIn {

	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}

}



.desktopmenu .dropdown-menu a,

.mobile-menu-des .dropdown-menu a {

	display: block;

	padding: 8px 15px;

	color: #333;

	text-decoration: none;

	transition: all 0.2s ease;

	font-size: 14px;

}



.desktopmenu .dropdown-menu a:hover,

.mobile-menu-des .dropdown-menu a:hover {

	background-color: #f5f5f5;

	color: #DA2A20;

}



/* mobile-menu-css */

.mobile-menu-des {

	display: none;

}



.mobile-menu-des .navbar {

	display: flex;

	justify-content: space-between;

	align-items: center;

	position: relative;

	padding: 15px 0;

	background-color: #fff;

	/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */

}



/* Menu Toggle (Hamburger) */

.mobile-menu-des .menu-toggle {

	font-size: 24px;

	background: none;

	border: none;

	cursor: pointer;

	color: #333;

	transition: color 0.3s ease;

}



.mobile-menu-des .menu-toggle:hover {

	color: #DA2A20;

}



/* Right Icons */

.mobile-menu-des .right {

	display: flex;

	list-style: none;

	gap: 15px;

	padding: 0;

	align-items: center;

	margin-bottom: 0;

}



.mobile-menu-des .right img {

	width: 25px;

	cursor: pointer;

	transition: transform 0.3s ease;

}



.mobile-menu-des .right img:hover {

	transform: scale(1.1);

}



/* Mobile Menu */

.mobile-menu-des .mobile-menu {

	position: fixed;

	top: 0;

	left: -280px;

	width: 280px;

	height: 100%;

	background-color: #fff;

	color: #333;

	padding: 20px;

	z-index: 1001;

	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);

	transition: left 0.3s ease;

	overflow-y: auto;

}



.mobile-menu-des .mobile-menu.active {

	left: 0;

}



/* Close Button */

.mobile-menu-des .close-menu {

	background: #DA2A20;

	border: none;

	color: white;

	cursor: pointer;

	display: inline-flex;

	width: 30px;

	height: 30px;

	justify-content: center;

	align-items: center;

	border-radius: 5px;

	position: absolute;

	right: 15px;

	top: 15px;

	transition: background-color 0.3s ease;

}



.mobile-menu-des .close-menu:hover {

	background-color: #B8893F;

}



/* Accordion Menu */



.mobile-nav {

	padding-left: 0;

	list-style-type: none;

	margin-top: 30px;

}

.mobile-menu-des .accordion-btn {

	width: 100%;

	background: none;

	border: none;

	color: #000;

	padding: 12px 10px;

	text-align: left;

	font-size: 16px;

	font-weight: 500;

	cursor: pointer;

	display: flex;

	justify-content: space-between;

	align-items: center;

	transition: color 0.3s ease;

}

.mobile-menu-des #search {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

}

.mobile-menu-des .accordion-btn::after {

	content: '\f107';

	font-family: 'Font Awesome 6 Free';

	font-weight: 900;

	font-size: 14px;

	transition: transform 0.3s ease;

}



.mobile-menu-des .accordion-item.active .accordion-btn {

	color: #DA2A20;

}



.mobile-menu-des .accordion-item.active .accordion-btn::after {

	transform: rotate(180deg);

}



.mobile-menu-des .submenu {

	display: none;

	list-style: none;

	padding: 0;

	background-color: #f9f9f9;

	border-radius: 5px;

	overflow: hidden;

}



.mobile-menu-des .submenu li {

	padding: 0;

	background: transparent;

	border-bottom: 1px solid #eee;

}



.mobile-menu-des .submenu li:last-child {

	border-bottom: none;

}



.mobile-menu-des .submenu a {

	text-decoration: none;

	color: #000;

	padding: 10px 15px;

	display: block;

	transition: background-color 0.3s ease, color 0.3s ease;

}



.mobile-menu-des .submenu a:hover {

	background-color: #f2f2f2;

	color: #DA2A20;

}

.mobile-menu-des {

	/* display: none; */

}

.desktopmenu .user-container {

	position: relative;

	display: inline-block;

}

.desktopmenu .user-container .dropdown-menu {

	display: none;

	position: absolute;

	top: 100%;

	right: 0;

	background: white;

	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

	border-radius: 5px;

	min-width: 200px;
	margin-top: 1px;

	padding: 0px 0px;

}

.desktopmenu .user-container .dropdown-menu a {

	display: block;

	padding: 8px 12px;

	text-decoration: none;

	color: black;

	font-size: 15px;

	transition: .45s;

}

.desktopmenu .user-container .dropdown-menu a:hover {

	background: #DA2A20;

	color: #fff;

}

.desktopmenu .user-container:hover .dropdown-menu {

	display: block;

}





.mobile-menu-des .user-containerzz {

	position: relative;

	display: inline-block;

}

.mobile-menu-des .user-containerzz .dropdown-menu {

	display: none;

	position: absolute;

	top: 100%;

	right: 0;

	background: white;

	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

	border-radius: 5px;

	min-width: 300px;

	padding: 0px 0px;

}

.mobile-menu-des .user-containerzz .dropdown-menu a {

	display: block;

	padding: 8px 12px;

	text-decoration: none;

	color: black;

	font-size: 15px;

	transition: .45s;

}

.mobile-menu-des .user-containerzz .dropdown-menu a:hover {

	background: #b51be0;

	color: #fff;

}

.mobile-menu-des .user-containerzz:hover .dropdown-menu {

	display: block;

}

.desktopmenu .my-head {

	background-color: #fff;

	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, .2);

	/* padding: 7px 0px; */

}

/*banner-sec css*/

.banner .banner-pic {

	border-radius: 60px;

	overflow: hidden;

}

.banner {

	margin-top: 30px;

	overflow: hidden;

}

.banner .owl-dots {

	display: none;

}

.banner .owl-carousel .owl-nav button.owl-next,
.banner .owl-carousel .owl-nav button.owl-prev {

	font-size: 40px !important;

	color: #fff;

	background-color: rgba(0, 0, 0, .4);

	width: 40px;

	height: 50px;

	display: flex;

	justify-content: center;

	align-items: center;

	transition: .45s;

}

.banner .owl-carousel .owl-nav button.owl-next:hover,
.banner .owl-carousel .owl-nav button.owl-prev:hover {

	background-color: rgba(0, 0, 0, 1);

}

.banner .owl-carousel .owl-nav button.owl-next span,
.banner .owl-carousel .owl-nav button.owl-prev span {

	padding-bottom: 8px;

}

.banner .owl-nav {

	position: absolute;

	top: 50%;

	width: 100%;

	transform: translateY(-50%);

	justify-content: space-between;

	display: flex;

}

.banner .owl-nav .owl-prev {

	margin-left: 20px;

}

.banner .owl-nav .owl-next {

	margin-right: 43px;

}

/* collection-sec css */

.arjiva-collsec {

	/* margin-top: 60px; */

}

.arjiva-collsec img {
	width: 100%;
	object-fit: contain;
	height: 100%;

}

.arjiva-collsec .main-bx {

	border-radius: 30px;

	overflow: hidden;

	display: block;

}

.arjiva-collsec .collleft-pic img {

	object-fit: contain;

	height: 100%;

}

/* perfect-match css */

.match-sec {

	margin-top: 20px;

}

.match-sec .pre-box .proname {

	text-align: center;

	/* margin-top: 15px; */

	background-color: #DA2A20;

}

.match-sec .pre-box a {

	text-decoration: none;

}

.match-sec .pre-box .proname span {

	font-size: 24px;

	color: #fff;

}

.match-sec .pre-box .tp-pic {

	overflow: hidden;

	border-radius: 30px 30px 0 0;

}

.match-sec .owl-carousel .owl-nav button.owl-next,
.match-sec .owl-carousel .owl-nav button.owl-prev {

	font-size: 40px !important;

	color: #fff;

	background-color: #B8893F;

	width: 40px;

	height: 50px;

	display: flex;

	justify-content: center;

	align-items: center;

	transition: .45s;

}

.match-sec .owl-carousel .owl-nav button.owl-next:hover,
.match-sec .owl-carousel .owl-nav button.owl-prev:hover {

	background-color: #DA2A20;

}

.match-sec .owl-carousel .owl-nav button.owl-next span,
.match-sec .owl-carousel .owl-nav button.owl-prev span {

	padding-bottom: 8px;

}

.match-sec .owl-nav {

	display: flex;

	justify-content: space-between;

	/* margin-top: 30px; */

	position: relative;

	bottom: 50%;

}

.match-sec .owl-prev {

	margin-right: 8px;

}

/* arrival-sec css */

.new-ar-sec {

	overflow: hidden;

	/* margin-top: 70px; */

}

/* selling-sec css*/

.selling-prodct {

	margin-top: 80px;

}

.selling-prodct .bottm-cont {

	margin-top: 15px;

}

.selling-prodct .bottm-cont .title {

	font-size: 20px;

}

.selling-prodct .top-pic {

	overflow: hidden;

	border-radius: 30px;

}

.selling-prodct p {

	margin-bottom: 0;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.selling-prodct .price span {

	margin-right: 10px;

	font-size: 18px;

}

.selling-prodct .price .cr-price {

	color: #ff0000;

}

.selling-prodct .price .mrp-price {

	text-decoration: line-through;

	color: #c8c8c8;

}

.selling-prodct .price .ofr-price {

	color: #1f9000;

}

.selling-prodct .price {

	margin-top: 10px;

}

.selling-prodct .view-vtn {

	text-align: center;

	font-size: 18px;

	margin-top: 10px;

	border: 1px solid #DA2A20;

	border-radius: 30px;

	padding: 5px;

	transition: .45s;

}

.selling-prodct .view-vtn:hover {

	background-color: #B8893F;



}

.selling-prodct .view-vtn .rtz {

	text-decoration: none;

	color: #DA2A20;

	transition: .45s;

}

.selling-prodct .view-vtn:hover .rtz {

	color: #fff;

}

.selling-prodct .owl-carousel .owl-nav button.owl-next,
.selling-prodct .owl-carousel .owl-nav button.owl-prev {

	font-size: 40px !important;

	color: #fff;

	background-color: rgba(0, 0, 0, .4);

	width: 40px;

	height: 50px;

	display: flex;

	justify-content: center;

	align-items: center;

	transition: .45s;

}

.selling-prodct .owl-carousel .owl-nav button.owl-next:hover,
.selling-prodct .owl-carousel .owl-nav button.owl-prev:hover {

	background-color: #DA2A20;

}

.selling-prodct .owl-carousel .owl-nav button.owl-next span,
.selling-prodct .owl-carousel .owl-nav button.owl-prev span {

	padding-bottom: 8px;

}

.selling-prodct .owl-nav {

	display: flex;

	justify-content: center;

	margin-top: 30px;

}

.selling-prodct .owl-prev {

	margin-right: 8px;

}

/* news-sec css*/

.news-sec .subbtn {

	display: flex;

	justify-content: center;

}

.news-sec {

	margin-top: 80px;

}

.news-sec #button-addon2:hover {

	background-color: #b51be0;

	border-color: #b51be0;

}

.poli-sec .main-box .icon-cr {

	width: 80px;

	height: 80px;

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: #DA2A20;

	border-radius: 50%;

}

.poli-sec .main-box .icon-cr img {

	width: 40px;

}

.poli-sec .main-box {

	display: flex;

	align-items: center;

	padding: 10px;

	background: #B8893F;

	border-radius: 30px;

}

.poli-sec .main-box p {

	margin-bottom: 0;

	color: #fff;

}

.poli-sec .main-box .text {

	margin-left: 10px;

}

.poli-sec .main-box .title {

	font-size: 20px;

	color: #fff;

}

.poli-sec {

	margin-top: 80px;

}

.new-ar-sec img {

	width: 100%;

}

/* footer-sec css */

.footer img {

	width: 150px;

	height: auto;

}

.footer ul {

	list-style-type: none;

	padding-left: 0px;

	margin-bottom: 0px;

	padding-top: 20px;

}

.footer li {

	margin-bottom: 15px;

}

.footer li:last-child {

	margin-bottom: 0px;

}

.footer a:hover {

	text-decoration: underline;

}

.footer a {

	text-decoration: none !important;

	font-size: 16px;

	color: #fff;

	transition: .45s;

	font-weight: 400;

}

.footer a:hover {

	color: #B8893F;

	letter-spacing: 0.2px;

}

.footer .social-icon .fa-brands {

	font-size: 20px;

	color: #fff;

	border-radius: 50%;

	border: 1px solid #fff;

	transition: .45s;

	width: 40px;

	height: 40px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.footer .social-icon .fa-brands:hover {

	background-color: #000;

	color: #fff;

	border: 1px solid #000;

}

.footer .social-icon li {

	margin-right: 10px;

}

.footer {

	background-color: #DA2A20;

	padding: 50px 0px;

	overflow-x: hidden !important;

	margin-top: 20px;

}

.footer .f-head h4 {

	color: #fff;

	font-weight: 500;

}

.footer .nmq .fa-solid {

	color: #fff;

	font-size: 20px;

	margin-right: 10px;

}

.footer p {

	color: #fff;

}

.footer img {

	width: 100px;

	margin-bottom: 20px;

}

.copyright p {

	margin-bottom: 0px;

	color: #fff;

	text-align: center;

	padding: 10px 0px;

}

.copyright {

	background-color: #000;

}

.copyright .container {

	border-top: 1px solid #fff;

}

.copyright a {

	color: #fff;

	text-decoration: none;

	font-weight: 600;

}

.copyright span {

	text-transform: uppercase;

	font-weight: 600;

}

/* login-css */

.comn-sec .head h1 {

	color: #fff !important;

	text-align: center;

}

.comn-sec .head {

	margin-bottom: 20px;

}

.comn-sec .text p {

	text-align: center;

	color: #fff;

}

.comn-sec .btnr a {

	text-decoration: none;

	color: #fff;

	font-size: 18px;

	text-align: center;

	padding: 4px 35px;

	border: 1px solid #fff;

	border-radius: 30px;

	transition: .45s;

}

.comn-sec .btnr a:hover {

	background-color: #fff;

	color: #000;

}

.comn-sec .btnr {

	display: flex;

	justify-content: center;

	margin-top: 50px;

}

.comn-sec .right-side .btnr a {

	text-decoration: none;

	color: #23002c;

	font-size: 18px;

	text-align: center;

	padding: 4px 35px;

	border: 1px solid #23002c;

	border-radius: 30px;

	transition: .45s;

}

.comn-sec .right-side .btnr a:hover {

	background-color: #23002c;

	color: #fff;

}

.comn-sec .right-side .btnr {

	display: flex;

	justify-content: center;

	margin-top: 10px;

}

.comn-sec .left-side {

	background-size: cover;

	padding: 50px 10px;

	background-repeat: no-repeat;

	min-height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

}

.comn-sec .main-box {

	background-color: #fff;

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);

	border-radius: 30px;

	overflow: hidden;

}

.comn-sec .right-side {

	padding: 40px 25px;

}

.comn-sec .right-side .tewq {

	list-style-type: none;

	display: flex;

	justify-content: center;

	padding-left: 0;

	margin-top: 15px;

}

.comn-sec .right-side .tewq .fa-brands {

	font-size: 23px;

	color: #000;

	transition: .45s;

}

.comn-sec .right-side .tewq .fa-brands:hover {

	color: #b51be0;

}

.comn-sec .right-side .tewq li {

	margin-right: 15px;

}

.comn-sec .right-side .tewq li:last-child {

	margin-right: 0px;

}

.comn-sec .right-side .use-head {

	text-align: center;

	color: #6a6a6a;

}

.comn-sec .right-side .sol {

	margin-top: 30px;

}

.comn-sec {

	margin-top: 80px;

}

/*contact-page*/

.address-sec .mn-box .top .cr-sec {

	width: 60px;

	height: 60px;

	background-color: #f7dcff;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

}

.address-sec .mn-box .top .cr-sec .fa-solid {

	font-size: 24px;

}

.address-sec .mn-box .top {

	display: flex;

	justify-content: center;

}

.address-sec .Bttom a {

	text-decoration: none;

	font-size: 20px;

	color: #000;

}

.address-sec .Bttom {

	display: flex;

	justify-content: center;

	margin-top: 20px;

}

.address-sec .mn-box {

	padding: 10px 15px;

	background-color: #fff;

	border-radius: 10px;

	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .3);

	min-height: 100%;

}

.address-sec {

	margin-top: 70px;

}

.address-sec .mn-box p {

	margin-bottom: 0;

	text-align: center;

	color: #000;

	font-size: 18px;

}

.responsive-map {

	overflow: hidden;

	padding-bottom: 25.25%;

	position: relative;

	height: 0;

	border-radius: 30px;

	margin-top: 20px;

}

.responsive-map iframe {

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	position: absolute;

}

.brid {

	display: flex;

	justify-content: center;

	background-color: #f7dcff;

	padding: 6px 0px;

	align-items: center;

	color: #000;

}

.brid a {

	margin-right: 5px;

	text-decoration: none;

	color: #000;

}

.contact-sec {

	margin-top: 70px;

}

#contact-page .con-but {

	display: flex;

	justify-content: center;

}

#contact-page .insec .pic img {

	width: 100%;

}

#contact-page .btn.btn-success {

	background-color: #000;

	border: none;

	padding: 7px 50px;

	border-radius: 30px;

	transition: .45s;

}

#contact-page .btn.btn-success:hover {

	background-color: #b51be0;

}

.contact-sec .con-form {

	padding: 30px;

	background-color: #fff;

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);

	border-radius: 30px;

}

/*product-listing*/

.tranding-sec .main-box img {

	width: 100%;

}

.proleft.show {

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);

}

.proleft .top {

	display: flex;

	justify-content: space-between;

}

.proleft .price {

	margin-top: 20px;

}

.proleft .price .form-label {

	font-weight: 400;

}

.proleft .pcg .accordion-button {

	font-size: 18px;

	font-weight: 400;

	padding: 12px;

}

.proleft .pcg .accordion-button:focus {

	box-shadow: none;

}

.proleft .pcg .accordion-button[aria-expanded="true"] {

	background-color: #f7dcff;

	color: #000;

}

.proleft .pcg .accordion-button[aria-expanded="true"]::after {

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");

}

.prolist-sec .proleft {

	padding: 10px 10px;

	background-color: #f7f7f7;

}

.prolist-sec .rvcc {

	list-style-type: none;

	padding-left: 0;

}

.prolist-sec .rvcc li a {

	text-decoration: none;

	color: #000;

}

.prolist-sec .accordion-body {

	padding-left: 0;

	padding-right: 0;

}

.prolist-sec .rvcc li a {

	padding: 5px 19px;

	margin-bottom: 7px;

	background-color: #f9f9f9;

	display: block;

	transition: .45s;

}

.prolist-sec .rvcc li a:hover {

	background-color: #23002c;

	color: #fff;

}

.proleft {

	position: fixed;

	top: 0;

	left: -300px;

	width: 300px;

	height: 100%;

	background: #ebebeb;

	transition: left 0.3s ease-in-out;

	padding: 20px;

	overflow-y: auto;

	z-index: 6000;

}

.prolist-sec {

	margin-top: 40px;

}

.proleft.show {

	left: 0;

}

.filter-btn {

	background: #23002c;

	color: #fff;

	padding: 6px 12px;

	border: none;

	cursor: pointer;

	margin-bottom: 20px;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 4px;

}

.filter-btn img {

	width: 24px;

	filter: invert(1);

}

.prolist-sec .close-btn {

	background: rgb(0, 0, 0);

	color: white;

	border: none;

	cursor: pointer;

	border-radius: 5px;

	width: 30px;

}

.clan a {

	text-decoration: none;

	color: #000;

	font-weight: 500;

}

.vbr {

	display: flex;

	justify-content: end;

}

.proleft.show {

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);

}

#product-listing .tranding-sec {

	margin-top: 0;

}



.phed strong {

	font-weight: 500;

}

.prolist-sec .bottm-cont {

	margin-top: 15px;

}

.prolist-sec .bottm-cont .title {

	font-size: 20px;

}

.prolist-sec .top-pic {

	overflow: hidden;

	border-radius: 30px;

}

.prolist-sec p {

	margin-bottom: 0;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.prolist-sec .price span {

	margin-right: 10px;

	font-size: 18px;

}

.prolist-sec .price .cr-price {

	color: #ff0000;

}

.prolist-sec .price .mrp-price {

	text-decoration: line-through;

	color: #c8c8c8;

}

.prolist-sec .price .ofr-price {

	color: #1f9000;

}

.prolist-sec .price {

	margin-top: 10px;

}

.prolist-sec .view-vtn {

	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	border: 1px solid #DA2A20;
	border-radius: 30px;
	padding: 5px;
	transition: .45s;
	width: 100%;
	display: flex;
	color: #DA2A20;
	text-decoration: none;
	justify-content: center
}

.prolist-sec .view-vtn:hover {

	background-color: #DA2A20;

	color: #fff;

}

.prolist-sec .view-vtn .rtz {

	text-decoration: none;

	color: #b51be0;

	transition: .45s;

}

.prolist-sec .view-vtn:hover .rtz {

	color: #fff;

}

.prolist-sec .cl-btn {

	background-color: #ff0000;

	color: #fff;

	border: none;

	border-radius: 3px;

}

.prolist-sec .tranding-sec img {

	width: 100%;

}

/*account-information*/

.acount-info .usimg {

	width: 60px;

	height: 60px;

	border-radius: 50%;

	background-color: #fff;

	overflow: hidden;

}

.acount-info .usimg img {

	width: 100%;

}

.acount-info .ltop {

	display: flex;

	align-items: center;

	justify-content: center;

}

.acount-info .rnm {

	margin-left: 10px;

}

.acount-info .aclft {

	background-color: #f4f4f4;

	padding: 10px 10px;

	min-height: 100%;

}

.acount-info .aclft .rpuui {

	list-style-type: none;

	padding-left: 0;

	margin-bottom: 0;

	margin-top: 10px;

}

.acount-info .aclft .rpuui a {

	display: flex;

	align-items: center;

	text-decoration: none;

	color: #000 !important;

	background-color: #fff;

	padding: 5px;

	transition: .45s;

}

.acount-info .aclft .rpuui a:hover {

	background-color: #23002c;

	color: #fff !important;

}

.acount-info .aclft .rpuui .active {

	background-color: #f7dcff;

	color: #fff;

}



.acount-info .aclft .rpuui .vdee {

	transition: .45s;

}

.acount-info .aclft .rpuui a:hover img {

	filter: invert(1);

}

.acount-info .aclft .rpuui a img {

	width: 24px;

	transition: .45s;

}

.acount-info .aclft .rpuui .bqx {

	margin-right: 8px;

}

.acount-info .aclft .rpuui li {

	margin-bottom: 10px;

}

.acount-info .aclft .rpuui li:last-child {

	margin-bottom: 0px;

}

.acount-info .head {

	margin-bottom: 30px;

	text-align: center;

	border-bottom: 1px solid #171e27;

}

.acount-info .acrt-box {

	background-color: #f4f4f4;

	padding: 10px;

	min-height: 100%;

}

.xzll {

	padding: 5px 20px;

	text-decoration: none;

	background-color: #23002c;

	color: #fff;

	transition: .45s;

}

.xzll:hover {

	background-color: #ff0000;

}

.pas {

	margin-top: 20px;

	margin-bottom: 20px;

}

.acount-info {

	margin-top: 80px;

}

/*wish-list*/

#wish-page .propc img {

	width: 100%;

}

#wish-page .wileft {

	display: flex;

	align-items: center;

}

#wish-page .prd-box {

	margin-left: 10px;

}

#wish-page .frm {

	color: #ff0000;

	text-decoration: line-through;

	margin-left: 5px;

}

#wish-page .wipnm {

	text-transform: uppercase;

	font-weight: 500;

}

#wish-page .pdebtn a {

	padding: 5px 10px;

	text-decoration: none;

	background-color: #23002c;

	color: #fff;

	transition: .45s;

}

#wish-page .pdebtn a:hover {

	background-color: #3d64b1;

}

#wish-page .pdebtn {

	display: flex;

	justify-content: center;

}

#wish-page .wibox {

	display: flex;

	align-items: center;

	padding: 25px;

	background-color: #fff;

	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2);

}

#wish-page .delbtn a {

	padding: 5px 10px;

	text-decoration: none;

	background-color: #23002c;

	color: #fff;

	transition: .45s;

}

#wish-page .delbtn a:hover {

	background-color: #ff0000;

}

#wish-page .delbtn {

	display: flex;

	justify-content: end;

}

#wish-page .wishlist {

	padding: 25px !important;

}

#wish-page .bt-wish {

	display: flex;

	justify-content: space-between;

}

/*my-address*/

#myaddress .mioo {

	list-style-type: none;

	padding-left: 0;

	margin-bottom: 0;

}

#myaddress .mioo li {

	display: flex;

	align-items: center;

	margin-bottom: 10px;

}

#myaddress .mioo li:last-child {

	margin-bottom: 0;

}

#myaddress .mioo .drw {

	font-size: 15px;

	margin-left: 10px;

}

#myaddress .arjkbtn {

	margin-top: 20px;

}

#myaddress .adrs-box {

	background-color: #fff;

	padding: 10px;

	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2);

}

#myaddress .mioo .ibox {

	width: 30px;

	height: 30px;

	background-color: #fff;

	display: flex;

	justify-content: center;

	align-items: center;

	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2);

}

#myaddress .arjkbtn .lpa {

	padding: 5px 20px;

	text-decoration: none;

	background-color: #e6e6e6;

	color: #000;

	transition: .45s;

}

#myaddress .arjkbtn .lpa:hover {

	background-color: #23002c;

	color: #fff;

}

/*modal-css*/

.modal-footer {

	border-top: 0;

	display: flex;

	justify-content: center;

}

.modal-header {

	border-bottom: 0;

}

.modal-content .btn.btn-primary {

	padding: 7px 80px;

	border-radius: 0;

	background-color: #e8e8e8;

	border-color: transparent;

	color: #000;

	font-weight: 500;

	transition: .45s;

}

.modal-content .btn.btn-primary:hover {

	background-color: #23002c;

	color: #fff;

}

.modal-content .btn-close {

	font-size: 11px;

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");

	opacity: 1;

	background-color: #ff0000;

	border-radius: 0;

}

.modal-content .btn-close:focus {

	box-shadow: none;

}

.modal-content .form-control {

	border-radius: 0;

	border-color: #171e27;

}

.modal-content .form-control::placeholder {

	color: #171e27;

}

.modal-content .form-select {

	border-radius: 0;

	border-color: #171e27;

}

.modal-content .form-select:focus {

	box-shadow: none;

}

.modal-content .form-control:focus {

	box-shadow: none;

}

/* my-cart */

.mac-sec .cart-box {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 10px;

	background-color: #fff;

	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2);

}

.mac-sec .btn {

	background-color: #171e27;

	color: #fff;

	border-color: #171e27;

	transition: .45s;

	border-radius: 0;

}

.mac-sec .grndtl {

	padding: 5px;

	font-weight: 500;

	border-top: 1px solid #171e27;

}

.mac-sec .btn:hover {

	background-color: #218838;

	border-color: #218838;

}

.mac-sec .check-btn {

	margin-top: 30px;

}

.mac-sec .check-btn a {

	text-decoration: none;

	color: #fff;

	padding: 5px 10px;

	text-align: center;

	background-color: #23002c;

	display: block;

	transition: .45s;

}

.mac-sec .check-btn a:hover {

	background-color: #ff0000;

}

.mac-sec .form-control {

	border-radius: 0;

}

.mac-sec .left-bx {

	padding: 10px;

	background-color: #fff;

	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2);

}

.mac-sec .chk {

	list-style-type: none;

	padding-left: 0;

	margin-bottom: 0;

}

.mac-sec .prodlt {

	display: flex;

	justify-content: end;

}

.mac-sec .chk li {

	display: flex;

	justify-content: space-between;

	margin-bottom: 10px;

}

.mac-sec .cart-pic img {

	width: 100%;

}

.mac-sec .cart-lft {

	display: flex;

	align-items: center;

}

.mac-sec .prdtls {

	margin-left: 10px;

}

.mac-sec .catpro-nm {

	text-transform: uppercase;

	font-weight: 500;

}

.mac-sec .sdxx {

	text-decoration: line-through;

	margin-left: 10px;

	color: #ff0000;

}

.mac-sec .prodlt a {

	padding: 5px 10px;

	text-decoration: none;

	background-color: #23002c;

	transition: .45s;

	color: #fff;

}

.mac-sec .prodlt a:hover {

	background-color: #ff0000;

}

.mac-sec .fmglz {

	padding: 20px;

	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2);

}

.myqan .qty-container {

	display: flex;

	align-items: center;

	justify-content: center;

}

.myqan .qty-container .input-qty {

	text-align: center;

	padding: 4px 10px;

	border: 1px solid #d4d4d4;

	max-width: 50px;

}

.myqan .qty-container .qty-btn-minus,

.myqan .qty-container .qty-btn-plus {

	border: 1px solid #d4d4d4;

	padding: 10px 13px;

	font-size: 10px;

	height: 38px;

	width: 38px;

	transition: 0.3s;

}

.myqan .qty-container .qty-btn-plus {

	margin-left: -1px;

}

.myqan .qty-container .qty-btn-minus {

	margin-right: -1px;

}

.myqan .btn-cornered,

.myqan .input-cornered {

	border-radius: 4px;

}

.myqan .btn-rounded {

	border-radius: 50%;

}

.myqan .input-rounded {

	border-radius: 50px;

}

.bmhhh {

	margin: 20px 0px;

}

.bmhhh .hgrl a {

	text-decoration: none;

	color: #000;

	transition: .45s;

}

/* checkout-page*/

#chekout .order-head {

	font-size: 20px;

	font-weight: 500;

	text-transform: uppercase;

	margin-bottom: 20px;

	text-align: center;

	background-color: #f0f0f0;

	padding: 5px;

}

#chekout .tqr {

	padding: 5px;

	background: #f0f0f0;

	text-decoration: none;

	color: #000;

	transition: .45s;

	display: block;

	width: 100%;

	text-align: center;

	font-size: 16px;

}

#chekout .tqr.selected {

	background-color: #23002c;

	color: white;

}

#chekout .delivery-btn {

	display: flex;

	gap: 10px;

}

#chekout .adbox {

	padding: 10px;

	background-color: #fff;

	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2);

	cursor: pointer;

	position: relative;

}

#chekout .adbox.selected {

	background-color: #f3f3f3;

}

#chekout .vcz {

	list-style: none;

	padding: 0;

}

#chekout .vcz li {

	display: flex;

	align-items: center;

	margin-bottom: 10px;

}

#chekout .vcz li:last-child {

	margin-bottom: 0;

}

#chekout .vcz li .bx {

	width: 30px;

	height: 30px;

	background-color: #fff;

	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2);

	display: flex;

	justify-content: center;

	align-items: center;

	margin-right: 10px;

}

#chekout .vcz .drw {

	font-size: 15px;

}

#chekout .adbtn a {

	padding: 10px 20px;

	background-color: #e1e1e1;

	text-decoration: none;

	color: #000;

	transition: .45s;

}

#chekout .adbtn a:hover {

	background-color: #23002c;

	color: #fff;

}

#chekout .adbtn {

	margin-top: 20px;

}

#chekout .head h1 {

	text-transform: uppercase;

	font-weight: 200;

	border-bottom: 1px solid #000;

	padding-bottom: 10px;

}

#chekout .head {

	margin-bottom: 30px;

}

#chekout .edit-adrs {

	position: absolute;

	right: 5px;

}

/* thankyou-page */

#thank-you .icon {

	display: flex;

	justify-content: center;

}

#thank-you .icon img {

	width: 90px;

}

#thank-you .text p {

	text-align: center;

}

#thank-you .head {

	margin-bottom: 20px;

	text-align: center;

}

#thank-you .shopbtn a {

	text-decoration: none;

	padding: 10px 30px;

	background-color: #eee;

	color: #23002c;

	transition: .45s;

}

#thank-you .shopbtn a:hover {

	background-color: #23002c;

	color: #fff;

}

#thank-you .shopbtn {

	display: flex;

	justify-content: center;

}

/* my-order-css */

#my-order .fgre {

	padding-left: 0;

	margin-bottom: 0;

	list-style-type: none;

}

#my-order .fgre li {

	padding: 4px;

	background-color: #fff;

	border-radius: 4px;

	font-size: 13px;

	margin-right: 5px;

	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2);

}

#my-order .fgre li:last-child {

	margin-right: 0;

}

#my-order .fgre .invo {

	text-decoration: none;

	color: #000;

}

#my-order .fgre .stat {

	color: #000;

	text-decoration: none;

}

#my-order .itr-box {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 10px;

	box-shadow: 0px 0px 4px 0px rgb(0, 0, 0, .2);

	border-radius: 15px;

}

#my-order .itr-box .pr-pic {

	width: 60px;

	overflow: hidden;

}

#my-order .itr-box .pr-pic img {

	width: 100%;

}

#my-order .mn-box {

	padding: 20px;

	background: #fff;

	box-shadow: 0px 0px 3px 0px rgb(0, 0, 0, .2);

	border-radius: 10px;

}

/* order-details css */

.image-zoom-container {

	position: relative;

	width: 100%;

}



.main-image {

	width: 100%;

	border: 2px solid #ccc;

	cursor: zoom-in;

}



.zoom-lens {

	position: absolute;

	border: 2px solid #000;

	width: 100px;

	height: 100px;

	visibility: hidden;

	opacity: 0.4;

	background-color: rgba(255, 255, 255, 0.5);

	pointer-events: none;

}



.zoom-result {

	position: absolute;

	left: 420px;

	top: 0;

	width: 400px;

	height: 400px;

	border: 2px solid #ccc;

	background-repeat: no-repeat;

	background-size: 800px 800px;

	display: none;

}

.thumbnails img {

	width: 100%;

	margin-bottom: 10px;

	border: 2px solid transparent;

	cursor: pointer;

}



.thumbnails img.active {

	border-color: #000;

}

#product-details .pro-info .price {

	list-style-type: none;

	display: flex;

	padding-left: 0;

	margin-top: 6px;

}

#product-details .pro-info .price li {

	margin-right: 10px;

}

#product-details .pro-info .price .cur-price {

	color: #ff0000;

}

#product-details .pro-info .mrp-price {

	text-decoration: line-through;

	color: #c8c8c8;

}

#product-details .pro-info .ofr-price {

	color: #1f9000;

}

#product-details .pro-info .itm-left {

	display: inline-block;

	background-color: #23002c;

	border-radius: 5px;

	padding: 4px;

	color: #ffffff;

}

#product-details .pro-info .verient {

	margin-top: 10px;

}

#product-details .pro-info .verient .gre {

	font-size: 20px;

	margin-bottom: 10px;

}

#product-details .pro-info .nav-link {

	background-color: #f7dcff;

	color: #000;

}

#product-details .pro-info .nav-link.active {

	background-color: #23002c;

	color: #fff;

}

#product-details .pro-info .nav-item {

	margin-right: 5px;

}

#product-details .pro-info .nav-item:last-child {

	margin-right: 0px;

}

#product-details .pro-info .cnt {
	margin-left: 11px;
	padding: 8px 30px;

	background-color: #f2f2f2;

	border-radius: 20px;

	text-decoration: none;

	color: #23002c;

	transition: .45s;

	border: 1px solid #23002c;

}

#product-details .pro-info .cnt:hover {

	background-color: #23002c;

	color: #fff;

}

#product-details .pro-info .butns {

	margin-top: 30px;

}

#product-details .pro-info .social-links a {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 32px;

	height: 32px;

	color: #23002c;

	border: 1px solid #23002c;

	margin: 0 0.2rem;

	border-radius: 50%;

	text-decoration: none;

	font-size: 0.8rem;

	transition: all 0.5s ease;

}

#product-details .pro-info .social-links {

	display: flex;

}

#product-details .pro-info .gre {

	font-size: 20px;

	margin-bottom: 10px;

}

#product-details .pro-info .social-links a:hover {

	background: #23002c;

	border-color: transparent;

	color: #fff;

}

#product-details .fab {

	font-size: 18px;

}

#product-details .des-sec .head {

	text-align: start;

	margin-bottom: 20px;

}

#product-details .des-sec .nav-link.active {

	background-color: #23002c;

	color: #fff;

}

#product-details .des-sec .nav-link {

	background-color: #f7dcff;

	color: #000;

}

#product-details .des-sec .nav-item {

	margin-right: 5px;

}

#product-details .des-sec {

	margin-top: 80px;

}

#product-details .tol {

	margin: auto;

	background: white;

	padding: 20px;

	border-radius: 8px;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

/* review-section css */

.review-sec .review-container {

	margin: auto;

	background: white;

	padding: 20px;

	border-radius: 8px;

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.review-sec .review {

	border-bottom: 1px solid #ddd;

	padding: 10px 0;

}

.review-sec .review:last-child {

	border-bottom: none;

}

.review-sec .review-form input,
.review-form textarea {

	width: 100%;

	padding: 10px;

	margin: 5px 0;

	border: 1px solid #ddd;

	border-radius: 5px;

}

.review-sec .review-form button {

	background: #28a745;

	color: white;

	padding: 10px 40px;

	border: none;

	border-radius: 0px;

	cursor: pointer;

}

.review-sec .review-form button:hover {

	background: #218838;

}

.review-sec .stars {

	display: flex;

	gap: 5px;

}

.review-sec .stars span {

	font-size: 20px;

	cursor: pointer;

}

.review-sec .selected {

	color: gold;

}

.review-sec {

	margin-top: 20px;

}



#carouselExampleFade .carousel-control-custom {

	width: 50px;

	height: 50px;

	background-color: #DA2A20;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	opacity: 0.9;

	transition: background-color 0.3s, transform 0.3s;

}



#carouselExampleFade .carousel-control-custom:hover {

	background-color: #b8231b;

	transform: scale(1.1);

}



#carouselExampleFade .carousel-control-prev,

#carouselExampleFade .carousel-control-next {

	top: 50%;

	transform: translateY(-50%);

}



#carouselExampleFade .carousel-control-prev {

	/* left: 15px; */

}



#carouselExampleFade .carousel-control-next {

	/* right: 15px; */

}



#carouselExampleFade .carousel-control-custom i {

	color: #fff;

	font-size: 20px;

}





/* ********header******* */

.input-wrapper {

	display: flex;

	align-items: center;

	justify-content: center;



}

.search-box {

	display: flex;

	align-items: center;

	border: 1px solid #000;

	border-radius: 50px;

	padding: 10px 20px;

	background-color: white;

	justify-content: center;

	max-width: 100%;

	width: 500px;

}



.search-box i {

	color: #555;

	margin-right: 10px;

}



.search-box input {

	border: none;

	outline: none;

	width: 100%;

	font-size: 16px;

	color: #333;
	box-shadow: none !important;

}



.search-box input::placeholder {

	color: #888;

}



@media (max-width:767px) {

	.search-box {

		display: flex;

		align-items: center;

		border: 1px solid #000;

		border-radius: 50px;

		padding: 4px 16px;

		background-color: white;

		justify-content: center;

		max-width: 100%;
		margin-bottom: 10px;
		width: 100%;

	}



}



.cart-item-total {

	list-style-type: none;

	background-color: #ff0000;

	color: #fff;

	position: absolute;

	display: flex;

	top: -8px;

	justify-content: center;

	align-items: center;

	text-decoration: none !important;

	left: 16px;

	width: 26px;

	border-radius: 50%;

	height: 26px;

}

/* ********header******* */



.rating-count {

	direction: rtl;

	/* Stars right-to-left */

	unicode-bidi: bidi-override;

	display: inline-block;

}



.rating-count input[type="radio"] {

	display: none;

	/* Hides radio buttons */

}



.rating-count label.full {

	font-size: 2rem;

	color: #ccc;

	cursor: pointer;

	padding: 0 3px;

	transition: color 0.2s ease;

}



/* Highlight selected stars */

.rating-count input:checked~label.full,

.rating-count label.full:hover,

.rating-count label.full:hover~label.full {

	color: #f5b301;

}



.star-rating {

	position: relative;

	display: inline-block;

	font-size: 1.5rem;

}



.back-stars,

.front-stars {

	color: #ccc;

	/* Gray for background stars */

}



.front-stars {

	color: #f5b301;

	/* Yellow for filled stars */

	position: absolute;

	top: 0;

	left: 0;

	white-space: nowrap;

	overflow: hidden;

	pointer-events: none;

}



.review {

	border: 1px solid #eee;

	border-radius: 8px;

	padding: 15px 20px;

	margin-bottom: 20px;

	background-color: #f9f9f9;

	transition: box-shadow 0.3s ease;

}



.review:hover {

	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);

}



.ratings-container {

	margin-top: 5px;

	margin-bottom: 10px;

}



.ratings {

	height: 14px;

	width: 100px;

	background-color: #e4e4e4;

	border-radius: 4px;

	overflow: hidden;

	position: relative;

}



.ratings-val {

	background-color: #ffc107;

	height: 100%;

	transition: width 0.3s ease-in-out;

}



.review h4 {

	margin-bottom: 5px;

	font-size: 1rem;

	font-weight: 600;

	color: #333;

}



.review-date {

	font-size: 0.875rem;

	color: #888;

}



.review-content p {

	font-size: 0.95rem;

	line-height: 1.5;

	color: #444;

	margin: 0;

}

.cart-product-quantity {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 8px;

}



.qty-btn {

	display: inline-block;

	width: 32px;

	height: 32px;

	line-height: 30px;

	text-align: center;

	font-size: 18px;

	background-color: #f0f0f0;

	border: 1px solid #ccc;

	border-radius: 4px;

	cursor: pointer;

	user-select: none;

	transition: background-color 0.2s ease;

}



.qty-btn:hover {

	background-color: #e0e0e0;

}



.qty-num-box {

	width: 48px;

	height: 32px;

	text-align: center;

	line-height: 32px;

	font-size: 16px;

	font-weight: bold;

	border: 1px solid #ccc;

	background-color: #fff;

	border-radius: 4px;

}

span.color-info.ng-binding {

	background-color: chartreuse;

	padding: 10px;

	border-radius: 5px;

}

.search-col {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.sortbox-wrapper {
	transition: all 0.3s ease-in-out;
}

.sortbox-glass {
	background: rgba(255, 255, 255, 0.85);
	border-radius: 16px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(200, 200, 200, 0.2);
}

.sortbox-glass label {
	font-size: 15px;
	font-weight: 600;
	color: #2c2c2c;
	width: 99px;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 7px;
}

.custom-select {
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	transition: all 0.25s ease-in-out;
}

.custom-select:focus {
	border-color: #DA2A20;
	outline: none;
	box-shadow: 0 0 0 4px rgba(235, 85, 15, 0.1);
}

.custom-select-wrapper {
	position: relative;
	width: 100%;
}

.classy-qty {
	border-radius: 10px;
	padding: 6px 10px;
	max-width: 300px;
	justify-content: start;
}

/* Hide spinners in Chrome, Safari, Edge */
.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.qty-btn {
	-moz-appearance: textfield;

	font-size: 16px;
	width: 32px;
	height: 32px;
	border-radius: 6px;
	transition: all 0.2s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.decrease {
	color: #fff;
	background-color: #DA2A20;
	border: 1px solid #DA2A20;
}

.decrease:hover {
	background-color: red;
	color: #fff;
	border-color: red;
}

.increase {
	color: #fff;
	background-color: green;
	border: 1px solid green;
}

.increase:hover {
	background-color: rgb(8, 180, 8);
	color: #fff;
	border-color: rgb(8, 180, 8);
}

.qty-input {
	width: 60px;
	text-align: center;
	border: none;
	background: transparent;
	font-weight: 500;
	font-size: 16px;
	outline: none;
}

.custom-radio-option {
	display: block;
	cursor: pointer;
	border: 2px solid #ccc;
	border-radius: 8px;
	margin-bottom: 15px;
	transition: all 0.3s ease;
	background-color: #f9f9f9;
}

.custom-radio-option input[type="radio"] {
	display: none;
}

.radio-content {
	font-size: 15px;
	color: #000;
	padding: 5px 15px;
}

.custom-radio-option input[type="radio"]:checked+.radio-content {
	background-color: #DA2A20;
	color: #fff;
	border-radius: 6px;
	padding: 5px 15px;
}

.payment-list {
	list-style: none;
	padding: 0;
}

@media(max-width:767px) {
	.cart-item-total {



		position: relative;
		display: flex;
		top: -37px;
		justify-content: center;
		left: 6px;
		width: 22px;
		border-radius: 50%;
		height: 22px;
		font-size: 10px;

	}

}


/* Container background */
.other-links {
	color: #fff;
}

/* Heading */
.other-links h4 {
	color: #fff;
	margin-bottom: 10px;
	font-weight: 600;
}

.other-links-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 5px;
	padding-top: 10px !important;
}

.other-links-list li {
	margin-bottom: 5px;
}

.other-links-list li a {
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	display: block;
}

.other-links-list li a:hover {
	text-decoration: underline;
}


@media (max-width: 1400px) {
	.other-links-list {
		grid-template-columns: repeat(3, 1fr);
	}
}


@media (max-width: 991px) {
	.other-links-list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.other-links-list {
		grid-template-columns: 1fr;
	}
}

/* *********other links pages***** */
.custom-breadcrumb-banner {
	background: linear-gradient(135deg, #8f1711, #DA2A20);
	padding: 80px 20px;
	color: #fff;
	position: relative;
}

.custom-breadcrumb-banner .breadcrumb-content {
	text-align: center;
}

.custom-breadcrumb-banner .page-title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 15px;
}

/* Breadcrumb */
.custom-breadcrumb-banner .breadcrumb-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.custom-breadcrumb-banner .breadcrumb-list li {
	font-size: 15px;
}

.custom-breadcrumb-banner .breadcrumb-list li a {
	color: #ffffff;
	text-decoration: none;
	opacity: 0.9;
}

.custom-breadcrumb-banner .breadcrumb-list li a:hover {
	text-decoration: underline;
}

.custom-breadcrumb-banner .breadcrumb-list li::after {
	content: "/";
	margin-left: 10px;
	opacity: 0.7;
}

.custom-breadcrumb-banner .breadcrumb-list li:last-child::after {
	display: none;
}

.custom-breadcrumb-banner .breadcrumb-list .active {
	font-weight: 600;
	opacity: 1;
}

/* Responsive */
@media (max-width: 768px) {
	.custom-breadcrumb-banner .page-title {
		font-size: 20px;
	}

	.custom-breadcrumb-banner {
		padding: 50px 15px;
	}

	.custom-breadcrumb-banner .breadcrumb-list li {
		font-size: 12px;
	}
}



/* ── Hero Section ── */
.hero-new-page {
	position: relative;
	background: linear-gradient(135deg, #8f1711 0%, #b8231b 60%, #5a3e1b 100%);
	padding: clamp(4rem, 10vw, 3rem) 5vw clamp(3rem, 8vw, 6rem);
	text-align: center;
	overflow: hidden;
	z-index: 1;
}

.hero-new-page::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(201, 168, 76, 0.03) 40px, rgba(201, 168, 76, 0.03) 80px);
}

.hero-new-page .hero-ornament {
	display: block;
	color: #c9a84c;
	font-size: clamp(1.2rem, 3vw, 1.8rem);
	letter-spacing: 0.3em;
	margin-bottom: 1.5rem;
	opacity: 0.7;
	animation: fadeSlideDown 1s ease both;
}

.hero-new-page h2 {
	font-size: clamp(2rem, 6vw, 2rem);
	color: #fff;
	margin-bottom: 0.6rem;
	animation: fadeSlideDown 1s ease 0.15s both;
}

.hero-new-page h2 em {
	color: #c9a84c;
	font-style: italic;
}

.hero-new-page .hero-sub {
	font-size: clamp(1.1rem, 2.5vw, 1.5rem);
	color: #c9a84c;
	letter-spacing: 0.06em;
	margin-bottom: 1.8rem;
	font-style: italic;
	animation: fadeSlideDown 1s ease 0.3s both;
}

.hero-new-page .hero-desc {
	margin: 0 auto 1.5rem;
	font-size: clamp(0.95rem, 1.8vw, 1.05rem);
	color: #fff;
	font-weight: 300;
	animation: fadeSlideDown 1s ease 0.45s both;
}

.hero-new-page .hero-cta {
	display: inline-block;
	background: transparent;
	border: 1.5px solid #fff;
	color: #fff;
	padding: 0.85rem 2.5rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-size: 0.78rem;
	text-decoration: none;
	font-weight: 500;
	transition: background 0.3s, color 0.3s;
	animation: fadeSlideDown 1s ease 0.6s both;
}

.hero-new-page .hero-cta:hover {
	background: #8f1711;
	color: #fff;
}



/* ── Closing CTA ── */
.closing {
	background: #faf6ef;
	text-align: center;
	padding: clamp(3rem, 8vw, 6rem) 5vw;
}

.closing .closing-inner {
	margin: 0 auto;
}

.closing .section-label {
	display: inline-block;
	font-size: 0.7rem;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: #c9a84c;
	font-weight: 600;
	margin-bottom: 0.8rem;
	border-bottom: 1px solid #c9a84c;
	padding-bottom: 0.3rem;
}

.closing .closing-inner .section-title {
	font-size: clamp(2rem, 6vw, 2rem);
	color: #000;
	margin-bottom: 0.6rem;
	animation: fadeSlideDown 1s ease 0.15s both;
}

.closing .closing-inner p {
	font-size: clamp(0.95rem, 1.8vw, 1.05rem);
	color: #000;
	font-weight: 500;
    margin: 1.2rem 0 0.5rem;
}

.closing .btn-primary {
	display: inline-block;
	background: #9a7730;
	color: #faf6ef;
	padding: 1rem 3rem;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	font-size: 0.78rem;
	text-decoration: none;
	margin: 20px 0;
	font-weight: 600;
	transition: background 0.3s, transform 0.2s;
}

.closing .btn-primary:hover {
	background: #1a1209;
	transform: translateY(-2px);
}


/* ── Why 1Akaca ── */
.why-us {
	background: linear-gradient(135deg, #3d2e14 0%, #1a1209 100%);
	padding: clamp(3rem, 8vw, 4rem) 5vw;
}

.why-us .section-title {
	color: #faf6ef;
}

.why-us .section-title em {
	color: #e8cb80;
}

.why-us .section-body {
	color: #fff;
	margin: 20px 0;
}

.why-us-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1.5rem;
	margin-top: 3rem;
}

.why-us-item {
	text-align: center;
	padding: 2.5rem 1.5rem;
	border: 1px solid rgba(201, 168, 76, 0.25);
	transition: border-color 0.3s, background 0.3s;
}

.why-us-item:hover {
	border-color: #c9a84c;
	background: rgba(201, 168, 76, 0.05);
}

.why-us-item .icon {
	font-size: 2.2rem;
	margin-bottom: 1rem;
}

.why-us-item h3 {
	font-size: 0.8rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #c9a84c;
	font-weight: 600;
}

.why {
	background: #faf6ef;
	padding: clamp(3rem, 8vw, 3rem) 5vw;

}

.why-inner {
	margin: 0 auto;
}

.why .section-label {
	display: inline-block;
	font-size: 0.7rem;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: var(--gold);
	font-weight: 600;
	margin-bottom: 0.8rem;
	border-bottom: 1px solid var(--gold);
	padding-bottom: 0.3rem;
}

.why .section-title {
	margin-bottom: 1.2rem;
	color: #000;
	font-size: clamp(2rem, 6vw, 2rem);
}

.why .section-title em {
	color: #9a7730;
	font-style: italic;
}




/* ── Occasions Section ── */
.occasions {
	background: #1a1209;
	padding: clamp(3rem, 8vw, 3rem) 5vw;

}

.occasions .section-label {
      display: inline-block;
      font-size: 0.7rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 0.8rem;
      border-bottom: 1px solid #e8cb80;
      padding-bottom: 0.3rem; 
	color: #e8cb80;
}

.occasions .section-title {
	color:#faf6ef;
	font-size: clamp(2rem, 6vw, 2rem);

}

.occasions .section-title em {
	color: #e8cb80
}

.occasions .section-body {
	color: rgba(250, 246, 239, 0.6);
}



.occasion-tabs {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2rem;
	margin-top: 3rem;
}

.occasion-card {
	border: 1px solid rgba(201, 168, 76, 0.3);
	padding: 2.5rem 2rem;
	position: relative;
	overflow: hidden;
	transition: border-color 0.3s;
}
.occasion-card p{
	color: #fff;
}
.occasion-card:hover {
	border-color: #c9a84c;
}

.occasion-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background: #c9a84c;
}

.occasion-num {
	font-size: 3.5rem;
	color: rgba(201, 168, 76, 0.12);
	position: absolute;
	top: 1rem;
	right: 1.5rem;
	line-height: 1;
}

.occasion-card h2 {
	font-size: clamp(1rem, 2.5vw, 1.4rem);
	color: #e8cb80;
	margin-bottom: 1.2rem;
}
.occasion-card h3 {
	font-size: clamp(1.2rem, 2.5vw, 1.6rem);
	color: #e8cb80;
	margin-bottom: 1.2rem;
}

.occasion-card ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}

.occasion-card ul li {
	font-size: 0.92rem;
	color: #fff;
	font-weight: 300;
	padding-left: 1.2rem;
	position: relative;
}

.occasion-card ul li::before {
	content: '◆';
	position: absolute;
	left: 0;
	font-size: 0.4rem;
	top: 0.45rem;
	color: #c9a84c;
}
 .collection-note {
      background: #fff;
	padding: clamp(3rem, 8vw, 3rem) 5vw;
      border-top: 1px solid rgba(201,168,76,0.25);
      border-bottom: 1px solid rgba(201,168,76,0.25);
    }
 .collection-note .section-label {
      display: inline-block;
      font-size: 0.7rem;
      letter-spacing: 0.25em;
      text-transform: uppercase;
      color: #c9a84c;
      font-weight: 600;
      margin-bottom: 0.8rem;
      border-bottom: 1px solid #c9a84c;
      padding-bottom: 0.3rem;
    }

    .collection-note .section-title {
         font-size: clamp(2rem, 6vw, 2rem);
      margin-bottom: 1.2rem;
      color: #000;
    }
    .collection-note-inner {
      margin: 0 auto;
      text-align: center;
    }

    .blockquote-style {
      font-size: clamp(0.85rem, 3vw, 1rem);
      font-style: italic;
      color: #3d2e14;
      line-height: 1.6;
      border-left: 3px solid #c9a84c;
      padding: 1.5rem 2rem;
      text-align: left;
      margin: 2rem 0;
      background: #faf6ef;
    }
.jewelry-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin: 40px 0;
}

.jewelry-features .feature-box {
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 16px;
    text-align: center;
    transition: 0.3s ease;
    border: 1px solid #f1f1f1;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
}

.jewelry-features .feature-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

.jewelry-features .feature-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, #DA2A20, #8f1711);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
}

.jewelry-features .feature-box h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #222;
}

.jewelry-features .feature-box p {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
}
.jewelry-features2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin: 40px 0;
}

.jewelry-features2 .feature-box {
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 16px;
    text-align: center;
    transition: 0.3s ease;
    border: 1px solid #f1f1f1;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
}

.jewelry-features2 .feature-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.1);
}

.jewelry-features2 .feature-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: linear-gradient(135deg, #DA2A20, #8f1711);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #fff;
}

.jewelry-features2 .feature-box h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #222;
}

.jewelry-features2 .feature-box p {
    font-size: 14px;
    color: #000;
    line-height: 1.6;
}

.hero-desc a {
    color: #b8860b;              /* Gold tone (jewellery brand feel) */
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s ease;
}

.hero-desc a:hover {
    color: #8b6508;              /* Darker gold on hover */
    text-decoration: underline;
}
/* Responsive */

@media (max-width: 1200px) {
    .jewelry-features {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .jewelry-features {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1200px) {
    .jewelry-features2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .jewelry-features2 {
        grid-template-columns: 1fr;
    }
}

@keyframes fadeSlideDown {
	from {
		opacity: 0;
		transform: translateY(-18px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

  @media (max-width: 768px) {
      .intro-grid,
      .formal-grid {
        grid-template-columns: 1fr;
      }

      .intro-visual { height: 200px; }
    }

    @media (max-width: 480px) {
      .occasion-tabs { grid-template-columns: 1fr; }
      .why-us-grid   { grid-template-columns: 1fr 1fr; }
    }

/* *********other links pages***** */