body {
	font: 16px/26px "Open Sans", sans-serif;
	color: #000;
}

img {
	max-width: 100%;
}

ul,
ol {
	list-style: none;
}

#wrapper {
	position: relative;
	width: 100%;
	padding: 12px 30px 25px 30px;
}

#header {
	margin-bottom: 10px;
}

#header .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

#header .nav-align {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#header .nav-align .navbar {
	padding-right: 0;
}

#header .nav-align .navbar .navbar-nav .nav-item {
	margin: 0 12px;
}

#header .nav-align .navbar .navbar-nav .nav-link {
	font-size: 14px;
	font-weight: 700;
	color: #0b2138;
}

#header .nav-align .navbar .navbar-nav .nav-link:hover,
#header .nav-align .navbar .navbar-nav .nav-link.active {
	color: #00c9d9;
}

.close-toggler {
	display: none;
}

/* header right actions (cart, account, phone) */
.header-actions {
	gap: 18px;
	margin-left: 15px;
}

.cart-link {
	color: #007c96;
	font-size: 24px;
	text-decoration: none;
	margin-right: 12px;
	border-left: 1px solid #dbdbdb;
	padding-left: 25px;
}

.cart-link .cart-count {
	position: absolute;
	top: -11px;
	right: -11px;
	background: #00c9d9;
	color: #fff;
	font-size: 11px;
	width: 21px;
	height: 21px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-account {
	border-radius: 999px;
	padding: 10px 24px;
	border: none;
	background: #0DA4AF;
	background: linear-gradient(90deg, rgba(13, 164, 175, 1) 0%, rgba(8, 68, 98, 1) 100%);
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

.btn-account:hover {
	color: #fff;
	background: #0DA4AF;
	background: linear-gradient(270deg, rgba(13, 164, 175, 1) 0%, rgba(8, 68, 98, 1) 100%);
}

.header-phone .phone-label {
	font-size: 11px;
	color: #08405f;
	line-height: 1.2;
}

.header-phone .phone-number {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #08405f;
	text-decoration: none;
}

.header-phone .phone-number:hover {
	color: #00c9d9;
}

/* responsive tweaks */
@media (max-width: 991.98px) {
	#wrapper {
		padding: 24px 16px;
	}

	#header .nav-align {
		justify-content: flex-end !important;
	}

	.header-actions {
		margin-top: 8px;
	}
}


.banner {
	background: url('../images/banner-athletes.png') no-repeat center center;
	background-size: cover;
	min-height: 920px;
	display: flex;
	align-items: end;
	justify-content: center;
	border-radius: 50px;
}

.banner .caption {
	text-align: center;
	color: #fff;
	padding-bottom: 11.5%;
	font-family: "Montserrat", sans-serif;
}

.banner .caption .title {
	display: block;
	font-size: 40px;
	line-height: 1.2;
	font-weight: bold;
}

.banner .caption h1 {
	margin: 0;
	font-size: 60px;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
}

.banner .caption h1 .blue {
	color: #04dcf7;
}

.banner .caption p {
	margin: 0;
	font-weight: bold;
	font-size: 33px;
	line-height: 1.2;
	font-family: "Open Sans", sans-serif;
}

.heading {
	text-align: center;
	margin: 0 0 46px;
}

.heading .title {
	display: block;
	color: #0da4af;
	margin-bottom: 2px;
	font-size: 18px;
	line-height: 1.2;
	font-family: "Montserrat", sans-serif;

}


.heading h2 {
	margin: 0;
	font-weight: bold;
	font-size: 32px;
	line-height: 1.2;
	color: #08405f;
	font-family: "Montserrat", sans-serif;
}

.heading h2 span {
	display: block;
}

/*********************************************
	About Area
**********************************************/
.about-area {
	padding: 20px 0 60px 0;
}

.about-area .about_text {
	font-size: 16px;
	line-height: 30px;
	color: #08405f;
	border-left: 5px solid #0da4af;
	padding-left: 25px;
}

.about-area .img img {
	display: block;
	max-width: 100%;
	height: auto;
}

.holder p {
	margin-bottom: 34px;
}

.holder .heading {
	text-align: left;
	margin: 0 0 22px;
}

.holder h3 {
	font-weight: bold;
	font-size: 24px;
	line-height: 1.2;
	font-family: "Montserrat", sans-serif;
}

/* primary CTA button: "Start Your Upgrade" */
.btn-area {
	margin-top: 10px;
}

.btn-area .btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 18px 32px;
	border-radius: 999px;
	background: linear-gradient(90deg, #004869 0%, #00aebe 100%);
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
	border: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.btn-area .btn-primary .ico i {
	font-size: 14px;
	transition: transform 0.3s ease;
}

.btn-area a:hover {
	color: #fff;
	background: linear-gradient(90deg, #00aebe 0%, #004869 100%);
}

.btn-area .btn-primary:active {
	transform: translateY(0);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.btn-area a:hover i {
	transform: translateX(4px);
}


/*********************************************
	Best Selling Peptides Section
**********************************************/
.best-selling-peptides {
	padding: 80px 0;
	background: #fff;
	text-align: center;
}

.best-selling-peptides .holder .heading {
	text-align: center;
	margin-bottom: 30px;
}

.best-selling-peptides .shop-now-link {
	color: #00aebe;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	transition: color 0.3s ease;
}

.best-selling-peptides .shop-now-link:hover {
	color: #004869;
}

.best-selling-peptides .section-heading {
	font-size: 48px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	line-height: 1.2;
	margin: 0;
}

.peptide-card {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid #d4d4d4;
}

.peptide-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.peptide-card .card-header {
	background: #0DA4AF;
	background: linear-gradient(115deg, rgba(13, 164, 175, 1) 0%, rgba(8, 64, 95, 1) 100%);
	padding: 15px 20px;
	position: relative;
	overflow: hidden;
}

.peptide-card .card-header .card-logo {
	max-width: 180px;
	height: auto;
	position: relative;
	z-index: 1;
	display: block;
}

.peptide-card .card-body {
	text-align: center;
}

.peptide-card .vial-image {
	margin: 0px 0 20px;
	position: relative;
	z-index: 2;
}

.peptide-card .vial-image img {
	max-width: 100%;
	width: 100%;
}

.peptide-card .product-info {
	width: 100%;
	margin-top: -38px;
	padding: 0 20px 30px 20px;
}

.peptide-card .product-name {
	font-size: 24px;
	font-weight: 700;
	color: #00aebe;
	font-family: "Montserrat", sans-serif;
	line-height: 1.2;
	background: #ffffff;
	display: inline-block;
	padding: 6px 53px;
	border-radius: 40px;
	position: relative;
	z-index: 11;
}

.peptide-card .price-info {
	margin: 0 0 8px;
}

.peptide-card .price-label {
	font-size: 14px;
	color: #767676;
	font-family: "Open Sans", sans-serif;
	margin-right: 6px;
}

.peptide-card .price {
	font-size: 18px;
	font-weight: 700;
	color: #004869;
	font-family: "Open Sans", sans-serif;
}

.peptide-card .slogan {
	font-size: 14px;
	color: #000;
	font-family: "Open Sans", sans-serif;
	margin: 0 0 20px;
	line-height: 1.4;
}

.peptide-card .btn-learn-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 9px 28px;
	background: #004869;
	color: #fff;
	border-radius: 999px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
	transition: background 0.3s ease, transform 0.2s ease;
}

.peptide-card .btn-learn-more i {
	font-size: 14px;
	transition: transform 0.3s ease;
}

.peptide-card .btn-learn-more:hover {
	background: #00aebe;
	transform: translateY(-2px);
}

.peptide-card .btn-learn-more:hover i {
	transform: translateX(4px);
}

/* View all Products Button */
.best-selling-peptides .btn-view-all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 18px 48px;
	border-radius: 999px;
	background: linear-gradient(90deg, #00aebe 0%, #004869 100%);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	font-family: "Open Sans", sans-serif;
	text-decoration: none;
	transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.best-selling-peptides .btn-view-all i {
	font-size: 14px;
	transition: transform 0.3s ease;
}

.best-selling-peptides .btn-view-all:hover {
	background: linear-gradient(90deg, #004869 0%, #00aebe 100%);
}

.best-selling-peptides .btn-view-all:hover i {
	transform: translateX(4px);
}

/* Responsive styles for Best Selling Peptides */
@media (max-width: 991.98px) {
	.best-selling-peptides {
		padding: 60px 0;
	}

	.best-selling-peptides .section-heading {
		font-size: 36px;
	}

}

@media (max-width: 767.98px) {
	.best-selling-peptides {
		padding: 40px 0;
	}

	.best-selling-peptides .section-heading {
		font-size: 28px;
		margin-bottom: 30px !important;
	}

	.peptide-card {
		margin-bottom: 20px;
	}

	.peptide-card .card-header {
		padding: 15px;
	}

	.peptide-card .card-header .card-logo {
		max-width: 140px;
	}

	.peptide-card .vial-image {
		margin: 0px 0 15px;
	}

	.peptide-card .product-name {
		font-size: 20px;
	}

	.peptide-card .price {
		font-size: 20px;
	}

	.peptide-card .btn-learn-more {
		padding: 10px 24px;
		font-size: 14px;
	}

	.best-selling-peptides .btn-view-all {
		padding: 14px 36px;
		font-size: 15px;
		width: 100%;
		max-width: 300px;
	}
}


/*********************************************
	Lab
**********************************************/
.lab-wrap {
	background: url(../images/lab-bg.jpg) no-repeat top;
	background-size: cover;
	padding: 70px 0;
	border-radius: 30px;
}

.labimg {
	text-align: right;
}

.lab-wrap .heading h2,
.lab-wrap p {
	color: #fff;
}

.lab-wrap h3 {
	color: #fff;
	;
}

/*********************************************
	Purity Section - 99% Purity Guaranteed
**********************************************/
.purity-section {
	padding: 80px 0 60px;
	background: #f5f5f5;
	border-radius: 30px;
	margin-top: 30px;
	;
}

.purity-section .heading h2 {
	color: #000;
}

.purity-section .heading {
	margin-bottom: 20px;
}

.purity-intro {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 30px;
	font-size: 16px;
	line-height: 1.7;
	color: #555;
}

.purity-card {
	text-align: center;
	margin-bottom: 30px;
}

.hexagon-icon {
	width: 190px;
	height: 200px;
	margin: 0 auto 25px;
	background: #0da4af;
	display: flex;
	align-items: center;
	justify-content: center;
	clip-path: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 115'%3E%3Cdefs%3E%3CclipPath id='hex' clipPathUnits='objectBoundingBox' transform='scale(0.01, 0.0087)'%3E%3Cpath d='M50 5 Q55 5 60 8 L90 25 Q95 28 95 35 L95 80 Q95 87 90 90 L60 107 Q55 110 50 110 Q45 110 40 107 L10 90 Q5 87 5 80 L5 35 Q5 28 10 25 L40 8 Q45 5 50 5 Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E#hex");
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hexagon-icon img {
	width: 95px;
	height: auto;
	filter: brightness(0) invert(1);
}

.purity-card h3 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 18px;
	color: #000;
	margin-bottom: 12px;
}

.purity-card p {
	font-size: 16px;
	line-height: 1.6;
	color: #08405f;
	margin: 0;
}

/* Purity Section Responsive */
@media (max-width: 991.98px) {
	.purity-section {
		padding: 60px 0;
	}

	.hexagon-icon {
		width: 130px;
		height: 143px;
	}

	.hexagon-icon img {
		max-width: 60px;
	}
}

@media (max-width: 767.98px) {
	.purity-section {
		padding: 50px 0 20px;
	}

	.testingbox {
		justify-content: center;
		text-align: center;
	}

	.purity-intro {
		font-size: 15px;
		margin-bottom: 40px;
	}



	.hexagon-icon {
		width: 120px;
		height: 132px;
		margin-bottom: 20px;
	}

	.hexagon-icon img {
		max-width: 55px;
	}

	.purity-card h3 {
		font-size: 18px;
	}

	.purity-card p {
		font-size: 14px;
	}
}

@media (max-width: 575.98px) {}

/*********************************************
	Logistics Section
**********************************************/
.logistics-section {
	padding: 80px 0;
	background: #fff;
}

.logistics-img {
	position: relative;
}

.logistics-img img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 0 100px 100px 0;
}

.logistics-content .heading {
	text-align: left;
	margin-bottom: 30px;
}

.logistics-content .heading h2 {
	color: #08405f;
}

.logistics-features {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.logistics-feature {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.logistics-feature .feature-icon {
	flex: 0 0 auto;
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logistics-feature .feature-icon img {
	max-width: 100%;
	height: auto;
}

.logistics-feature .feature-text {
	flex: 1;
}

.logistics-feature .feature-text h4 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #08405f;
	margin: 0 0 5px;
	display: inline;
}

.logistics-feature .feature-text p {
	font-size: 15px;
	line-height: 1.6;
	color: #666;
	margin: 0;
	display: inline;
}

.logistics-feature .feature-text p span {
	display: block;
}

/* Logistics Section Responsive */
@media (max-width: 991.98px) {
	.logistics-section {
		padding: 60px 0;
	}

	.logistics-img {
		margin-bottom: 40px;
	}

	.logistics-img img {
		border-radius: 20px;
		max-width: 80%;
		margin: 0 auto;
	}

	.logistics-content .heading {
		text-align: center;
	}
}

@media (max-width: 767.98px) {
	.logistics-section {
		padding: 50px 0;
	}

	.logistics-img img {
		max-width: 100%;
	}

	.logistics-feature {
		gap: 15px;
	}

	.logistics-feature .feature-icon {
		width: 50px;
		height: 50px;
	}

	.logistics-feature .feature-text h4 {
		font-size: 15px;
	}

	.logistics-feature .feature-text p {
		font-size: 14px;
	}
}

/*********************************************
	Custom slider options
**********************************************/
.tp-banner-container {
	position: relative;
	z-index: 1;
	padding: 0;
	width: 100%;
}

.tp-banner {
	position: relative;
	width: 100%;
}

.tp-caption {
	line-height: normal !important
}

.tp-caption a {
	color: inherit !important;
}

.tp-bullets.simplebullets.round .bullet {
	border: 3px #fff solid;
	border-radius: 50%;
	background-image: none !important;
}

.tparrows {
	width: auto !important;
	height: auto !important;
	background-image: none !important;
}

.tp-arr-allwrapper {
	margin: 0 10px;
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 50%;
}

.tp-leftarrow .tp-arr-allwrapper {}

.tp-rightarrow .tp-arr-allwrapper {}

.tp-arr-iwrapper {
	color: #000;
	text-align: center;
	font-size: 30px;
	font-family: FontAwesome;
	line-height: 50px;
}

.tp-leftarrow .tp-arr-iwrapper {}

.tp-leftarrow .tp-arr-iwrapper:before {
	content: "\f104";
}

.tp-rightarrow .tp-arr-iwrapper:before {
	content: "\f105";
}

.tp-rightarrow .tp-arr-iwrapper {}

.tp-arr-allwrapper:hover .tp-arr-iwrapper {
	color: #fff;
	background: #0da4af;
	border-radius: 50%;
}

/*********************************************
	Why Upgrade strip
**********************************************/
.why-upgrade {
	margin-top: -80px;
	margin-bottom: 40px;
	background: linear-gradient(90deg, #00aebe 0%, #004869 100%);
	color: #fff;
	border-radius: 40px;
	padding: 120px 40px 35px;
}

.why-upgrade-card {
	display: flex;
	align-items: center;
	gap: 24px;
	color: #e8fbff;
}

.why-upgrade-card .icon-wrap {
	flex: 0 0 auto;
	width: 110px;
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.why-upgrade-card .icon-wrap img {
	max-width: 100%;
	height: auto;
	display: block;
}

.why-upgrade-card .text-wrap h3 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 22px;
	margin: 0 0 10px;
}

.why-upgrade-card .text-wrap h3 span {
	display: block;
}

.why-upgrade-card .text-wrap p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
}

@media (max-width: 991.98px) {
	.why-upgrade {
		margin-top: -50px;
		border-radius: 0;
		padding: 88px 20px 32px;
	}

	.why-upgrade-card {
		gap: 18px;
	}

	.why-upgrade-card .icon-wrap {
		width: 90px;
		height: 90px;
	}
}

@media (max-width: 575.98px) {
	.why-upgrade {
		text-align: left;
	}

	.why-upgrade-card {
		flex-direction: row;
	}

	.why-upgrade-card+.why-upgrade-card {
		margin-top: 20px;
	}
}

.slide-h1 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 57px;
}

.slide-h2 {
	margin: 5px 0 !important;
	padding: 0 0 10px !important;
	padding-bottom: 5px !important;
	color: #555;
	font-weight: bold;
	font-size: 55px;
	line-height: 100%;
}

.big-font {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 60px;
}

.large-desc {
	font-size: 16px;
}

.slide-h3 {
	color: #fff;
	font-size: 31px;
	line-height: 100%;
}

.slide-h3 span {
	text-transform: uppercase;
	font-weight: bold;
}

.slide-head {
	text-transform: uppercase;
	font-weight: 900;
	font-size: 30px;
}

.slide-desc {
	font-size: 22px;
	line-height: 150%;
}

.main-title {
	text-transform: uppercase;
	font-weight: 800;
	font-size: 70px;
}

.icon-cont {
	padding: 15px 40px;
	border-radius: 10px;
	text-align: center;
}

.icon-cont:after {
	position: absolute;
	bottom: -10px;
	left: 40%;
	z-index: 5;
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	content: "";
}

.icon-cont i {
	margin-bottom: 10px;
	color: #fff;
	font-size: 50px;
}

.icon-cont span {
	display: block;
	padding: 0 0 5px;
	color: #fff;
	text-align: center;
	font-size: 18px;
}

a.wit-btn {
	background: #fff;
	color: #333 !important;
	text-transform: uppercase;
}

.wit-line {
	width: 5%;
	height: 1px;
	background: #fff;
}

.vert-line {
	min-height: 270px;
	width: 1px;
	background: #fff;
}

.subTxt {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 17px;
	color: #333;
}

.large-title {
	color: #222;
	font-size: 60px;
	font-weight: 800;
	text-transform: uppercase !important;
}

.large-light-title {
	color: #787878 !important;
	font-size: 70px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 2px
}

.large-text {
	font-size: 20px;
	color: #000;
	font-weight: lighter;
}

.larger-text {
	font-size: 24px;
	font-weight: lighter;
	text-transform: uppercase;
}

.witTxt {
	color: #fff !important;
}

.light-font {
	font-weight: lighter !important;
	font-size: 50px;
}

.black-bg {
	background: rgba(0, 0, 0, .63);
	color: #a8a8a8;
	text-transform: none;
}

.lft-list {
	padding: 10px;
	font-size: 18px;
	color: #fff;
}

.wit-border {
	border: 1px #fff solid;
	padding: 15px 60px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}

.rounded-bord {
	margin-right: 15px;
	border: 1px #fff solid;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	border-radius: 50%;
}

#vertical-ticker {
	height: 120px;
	overflow: hidden;
}

#vertical-ticker li {
	padding: 15px 20px;
	display: block;
	text-align: center;
}

.to-bottom i.fa {
	font-size: 30px;
	border: 2px #a8a8a8 solid;
	padding: 20px 22px;
	border-radius: 50%;
	-webkit-animation: bounce 2s infinite linear;
	animation: bounce 2s infinite linear;
}



.slidertext1 {
	color: #fff;
	font-size: 80px;
	line-height: 1.1em !important;
	padding: 15px 0;
	font-weight: 700 !important;
	text-transform: none !important;
	font-family: "Montserrat", sans-serif;
	text-align: left;
}

.slidertext1 span {
	color: #fff;
	display: block;
}

.slidertext2 {
	color: #fff;
	font-size: 20px;
	font-weight: 400 !important;
	padding: 15px 0;
	text-transform: inherit !important;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	line-height: 1.5em !important;
}

.slidertext3 span {
	display: block;
	margin-top: 12px;
}

.slidertext2 span {
	display: block;
}

.slidertext4 a {
	color: #0da4af !important;
	font-size: 20px;
	border-radius: 60px;
	box-shadow: 0px 11px 19px rgb(0 0 0 / 10%);
	font-weight: 700;
	padding: 15px 40px;
	font-family: 'Open Sans', sans-serif;
	text-transform: none !important;
	text-align: left;
	background: #fff;
}

.slidertext4 a:hover {
	background: #0da4af;
	color: #fff !important;
}


a.slidebtn {
	background: #e76ba9;
	color: #fff !important;
	padding: 15px 30px;
	font-size: 16px;
	font-weight: normal !important;
	text-transform: none !important;
	display: inline-block;
	font-family: 'Kanit', sans-serif;
}

a.slidebtn i {
	margin-left: 10px;
}

.slidertext5 a {
	border: none;
	background: #c00a27;
	padding: 20px 50px;
}

.slidertext5 a:hover {
	background: #ffc501;
	color: #000 !important;
}




/* Slider responsive text sizing */
@media (max-width: 1199.98px) {
	.slidertext1 {
		font-size: 64px;
		line-height: 70px !important;
	}

	.slidertext1,
	.slidertext2,
	.slidertext4 {
		margin-left: 60px !important;
	}

	.sliderbanner {
		height: auto !important;
	}
}

@media (max-width: 991.98px) {
	.slidertext1 {
		font-size: 48px !important;
		line-height: 52px !important;
	}

	.slidertext2,
	.slidertext2 span {
		font-size: 15px !important;
		line-height: 24px !important;
	}
}

@media (max-width: 767.98px) {
	.slidertext1 {
		font-size: 30px !important;
		line-height: 1.15em !important;
	}

	.slidertext2,
	.slidertext2 span {
		font-size: 12px !important;
		line-height: 20px !important;
	}

	.slidertext4 a {
		font-size: 16px;
		padding: 10px 26px;
	}
}

@media (max-width: 480px) {
	.slidertext1 {
		font-size: 18px !important;
		line-height: 1.15em !important;
	}

	.slidertext2,
	.slidertext2 span {
		font-size: 8px !important;
		line-height: 10px !important;
	}

	.slidertext1,
	.slidertext2,
	.slidertext4 {
		margin-left: 20px !important;
	}

}

@-webkit-keyframes bounce {
	0% {
		transform: translateY(0%);
	}

	50% {
		transform: translateY(-30%);
	}

	100% {
		transform: translateY(0);
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
	0% {
		transform: translateY(0%);
	}

	50% {
		transform: translateY(-30%);
	}

	100% {
		transform: translateY(0);
	}
}

/* Opera 12.0 */
@-o-keyframes bounce {
	0% {
		transform: translateY(0%);
	}

	50% {
		transform: translateY(-30%);
	}

	100% {
		transform: translateY(0);
	}
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
	0% {
		transform: translateY(0%);
	}

	50% {
		transform: translateY(-30%);
	}

	100% {
		transform: translateY(0);
	}
}



/****************************************************
		SLider Start
****************************************************/
.sliderbanner {
	border-radius: 45px;
	height: 810px;
	overflow: hidden;
	background: #000;
}

/* Modal Styles */
.auth-modal .modal-content {
	border-radius: 15px;
	border: none;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.auth-modal .modal-header {
	border: none;
	padding: 30px 30px 0;
	position: relative;
}

.auth-modal .btn-close {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 10;
}

.auth-tabs {
	display: flex;
	gap: 0;
	margin-bottom: 30px;
	border-bottom: 2px solid #f0f0f0;
}

.auth-tabs .nav-link {
	flex: 1;
	padding: 15px 20px;
	border: none;
	background: transparent;
	color: #666;
	font-weight: 600;
	font-size: 16px;
	transition: all 0.3s ease;
	border-radius: 0;
	position: relative;
}

.auth-tabs .nav-link.active {
	color: #08405f;
	background: transparent;
}

.auth-tabs .nav-link.active::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 3px;
	background: #0da4af;
}

.auth-modal .modal-body {
	padding: 0 30px 30px;
}

.form-group {
	margin-bottom: 20px;
	position: relative;
}

.form-icon {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #08405f;
	z-index: 5;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	border-radius: 8px 0 0 8px;
}

.form-control-custom {
	width: 100%;
	padding: 15px 15px 15px 65px;
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	font-size: 15px;
	transition: all 0.3s ease;
	background: white;
}

.form-control-custom:focus {
	outline: none;
	border-color: #0da4af;
	box-shadow: 0 0 0 3px rgba(13, 164, 175, 0.1);
}

.form-control-custom::placeholder {
	color: #999;
}

.password-toggle {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	color: #08405f;
	cursor: pointer;
	z-index: 5;
	padding: 5px;
}

.password-toggle:hover {
	color: #0da4af;
}

.name-row {
	display: flex;
	gap: 15px;
}

.name-row .form-group {
	flex: 1;
}

.form-check {
	margin: 20px 0;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.form-check-input {
	margin-top: 4px;
	width: 18px;
	height: 18px;
	border: 2px solid #e0e0e0;
	cursor: pointer;
}

.form-check-input:checked {
	background-color: #0da4af;
	border-color: #0da4af;
}

.form-check-label {
	color: #666;
	font-size: 14px;
	line-height: 1.5;
}

.form-check-label a {
	color: #0da4af;
	text-decoration: underline;
}

.form-check-label a:hover {
	color: #08405f;
}

.btn-submit {
	width: 100%;
	padding: 15px;
	background: linear-gradient(135deg, #0da4af 0%, #08405f 100%);
	color: white;
	border: none;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-top: 10px;
}

.btn-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 20px rgba(13, 164, 175, 0.3);
	color: white;
}

.btn-submit:active {
	transform: translateY(0);
}

@media (max-width: 576px) {
	.name-row {
		flex-direction: column;
		gap: 0;
	}

	.auth-modal .modal-body {
		padding: 0 20px 20px;
	}

	.auth-modal .modal-header {
		padding: 20px 20px 0;
	}
}



/*.pagetitle{background: url(../images/pagetitle-bg.jpg) no-repeat top; background-size: cover; padding: 200px 0px 50px 0px; border-radius: 50px; text-align: center;}
.pagetitle h1{color: #fff;}
.pagecontent{padding: 70px 0;}*/


@media only screen and (max-width: 1200px) {

	#header .logo,
	#header .nav-align {
		justify-content: center;
	}

	#header .nav-align {
		margin-top: 10px;
	}

}

@media only screen and (max-width: 991.98px) {
	.labimg {
		text-align: center;
	}

	.dropdown-toggle::after {
		float: right;
		margin-top: 11px;
	}

	#header .dropdown-submenu .dropdown-toggle::after {
		display: inline-block;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
	}

	#header .nav-align .navbar .navbar-nav .nav-link {
		color: #fff;
	}

	.header-actions {
		margin-left: 0;
	}

	.cart-link {
		border: none;
	}

	#wrapper {
		padding: 0 20px 20px 20px;
	}

	.header-phone .phone-number,
	.header-phone .phone-label {
		color: #fff;
	}

	#header .navbar-toggler {
		background: #fff;
	}

	#header .navbar-collapse {
		position: fixed;
		top: 0px;
		bottom: 0;
		left: 100%;
		width: 60%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: rgba(0, 0, 0, 0.8);
		transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out;
		transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
		z-index: 10000;
	}

	#header .navbar-collapse.show {
		visibility: visible;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.navbar-nav {
		padding-top: 70px;
	}

	#header .nav-align .navbar .navbar-nav .nav-link:hover,
	#header .nav-align .navbar .navbar-nav .nav-link.active {
		color: #fff !important;
		background: #0da5b0;
		padding-left: 16px;
	}

	#header .nav-align .navbar .navbar-nav .nav-item {
		margin: 0;
	}

	.navbar-light .navbar-nav .nav-link {
		color: #fff;
		padding: 10px 0;
		transition: transform 0.3s ease;
	}

	#header .close-toggler {
		background: none;
		color: #fff;
		padding: 5px;
		border: none;
		margin-top: 10px;
		font-size: 24px;
		position: absolute;
		top: 0;
		right: 15px;
		display: block;
	}

	#header .nav-align .navbar .navbar-nav .nav-link {
		text-transform: uppercase;
	}

	#header .navbar .dropdown-menu {
		background: #4e4e4e;
		padding: 0;
		border: 0;
	}

	#header .navbar .dropdown-menu li {
		border-bottom: 1px solid #777777;
	}

	#header .navbar .dropdown-menu li:last-child {
		border: none;
	}

	#header .navbar .dropdown-menu .dropdown-item {
		color: #fff;
		text-transform: uppercase;
		white-space: normal;
		padding: 10px 16px;

	}

	#header .navbar .dropdown-menu .dropdown-item:focus,
	#header .navbar .dropdown-menu .dropdown-item:hover {
		background: transparent;
		color: #04dcf7;
	}

	#header .navbar .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-item {
		padding-left: 32px;
		padding-right: 32px;
	}

}

@media only screen and (max-width: 767.98px) {
	.header-actions {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.cart-link {
		border: none;
		padding-left: 0;
		margin-right: 0;
	}

	.btn-account {}

	.header-phone {
		width: 100%;
		justify-content: flex-start;
	}

	.btn-account {
		margin-bottom: 20px;
	}

	.header-actions {
		display: inline-block !important;
		margin-bottom: 40px;
	}

	#header .navbar-collapse {
		width: 80%;
	}

}

/*********************************************
	Footer Styles
**********************************************/
#footer {
	border-radius: 45px;
}

/* Newsletter Section */
.newsletter-section {
	background: #053854;
	padding: 30px 0 75px 0;
	border-radius: 30px 30px 0 0;
}

.newsletter-section h3 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 32px;
	color: #fff;
	margin: 0 0 10px;
}

.newsletter-section p {
	font-size: 16px;
	color: #829caa;
	margin: 0;
	line-height: 1.5;
}

.newsletter-form .form-row {
	display: flex;
	align-items: center;
	gap: 0;
	background: #fff;
	border-radius: 50px;
	overflow: hidden;
	padding: 8px;
}

.newsletter-form .form-control {
	border: none;
	padding: 15px 25px;
	font-size: 18px;
	flex: 1;
	outline: none;
	background: transparent;
}

.newsletter-form .form-control:first-child {
	border-right: 1px solid #d4d4d4;
}

.newsletter-form .form-control:focus {
	box-shadow: none;
}

.newsletter-form .form-control::placeholder {
	color: #a5b3bb;
}

.newsletter-form .btn-submit {
	background: linear-gradient(135deg, #0da4af 0%, #087c8a 100%);
	color: #fff;
	border: none;
	padding: 18px 45px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
	white-space: nowrap;
	width: auto;
	margin: 0;
}

.newsletter-form .btn-submit:hover {
	background: linear-gradient(135deg, #087c8a 0%, #065f6b 100%);
	transform: translateY(-2px);
}

/* Footer Main */
.footer-main {
	background: url(../images/footer-bg.jpg) no-repeat top;
	background-size: cover;
	padding: 60px 0 20px;
	border-radius: 45px;
	margin-top: -50px;
}

.footer-logo img {
	max-width: 180px;
	height: auto;
}

.footer-widget {
	margin-bottom: 30px;
}

.footer-widget h4 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #fff;
	margin: 0 0 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.footer-widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-widget ul li {
	margin-bottom: 12px;
}

.footer-widget ul li a {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	transition: color 0.3s ease;
}

.footer-widget ul li a:hover {
	color: #0da4af;
}

/* Footer Contact */
.footer-contact ul li {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 15px;
}

.footer-contact ul li i {
	color: #fff;
	font-size: 16px;
	width: 20px;
}

.footer-contact ul li a {
	color: rgba(255, 255, 255, 0.9);
}

/* Social Links */
.social-links {
	display: flex;
	gap: 16px;
	margin-top: 20px;
}

.social-links a {
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	transition: background 0.3s ease, transform 0.3s ease;
}

.social-links a:hover {
	color: #0da4af;
	transform: translateY(-2px);
}

/* Footer Bottom */
.footer-bottom {
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom .copyright,
.footer-bottom .credits {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
	margin: 0;
}

.footer-bottom .credits,
.footer-bottom .credits a {
	color: #b9c5cc;
}

.footer-bottom .credits a {
	text-decoration: none;
}

.footer-bottom .credits a:hover {
	color: #0da4af;
}

/* Footer Responsive */
@media (max-width: 1200px) {
	.footer-widget ul li a {
		font-size: 15px;
	}

}

@media (max-width: 991.98px) {
	.newsletter-section {
		padding: 40px 20px 80px 20px;
		border-radius: 20px 20px 0 0;
	}

	.about-area .img {
		margin-bottom: 30px;

	}

	.newsletter-form .form-control {
		border-bottom: none !important;
	}

	.newsletter-section h3 {
		font-size: 24px;
		text-align: center;
	}

	.newsletter-section p {
		text-align: center;
		margin-bottom: 25px;
	}

	.newsletter-form .form-row {
		flex-wrap: wrap;
		border-radius: 15px;
		padding: 10px;
	}

	.newsletter-form .form-control {
		flex: 1 1 40%;
		min-width: 120px;
		border-right: none;
		border-bottom: 1px solid #d4d4d4;
	}

	.newsletter-form .form-control:first-child {
		border-right: 1px solid #d4d4d4;
	}

	.newsletter-form .btn-submit {
		flex: 1 1 100%;
		margin-top: 10px;
	}

	.footer-main {
		padding: 50px 0 30px;
	}

	.footer-logo {
		text-align: center;
		margin-bottom: 30px;
	}

	.footer-main {
		border-radius: 35px;
		margin-top: -30px;
	}
}
}

@media (max-width: 767.98px) {

	.heading h2 {
		font-size: 24px;
	}

	.heading h2 span {
		display: inline;
	}

	.newsletter-section {
		padding: 35px 15px;
	}

	.why-upgrade-card .text-wrap h3 {
		font-size: 18px;
	}

	.why-upgrade-card .icon-wrap img {
		width: 60px;
	}

	.why-upgrade-card {
		align-items: flex-start;
	}

	.newsletter-section h3 {
		font-size: 22px;
	}

	.newsletter-form .form-control {
		flex: 1 1 100%;
		padding: 12px 15px;
		border-right: none !important;
		border-bottom: 1px solid #d4d4d4;
	}

	.slidertext2 {
		margin-top: -15px !important;
	}

	.slidertext4 {
		margin-top: -20px !important;
	}

	.newsletter-form .btn-submit {
		padding: 14px 25px;
		width: 100%;
	}

	.footer-widget {
		text-align: center;
	}

	.footer-widget h4 {
		margin-bottom: 15px;
	}

	.footer-contact ul li {
		justify-content: center;
	}

	.social-links {
		justify-content: center;
	}

	.footer-bottom .copyright,
	.footer-bottom .credits {
		text-align: center;
	}

	.footer-bottom .credits {
		margin-top: 10px;
	}
}

@media (max-width: 480px) {
	.why-upgrade-card {
		display: block !important;
		text-align: center;
	}

	.heading h2 {
		font-size: 24px;
	}

	.heading h2 span {
		display: inline;
	}

	.footer-bottom {
		text-align: center
	}

	.newsletter-form .form-control:first-child {
		border-right: none;
	}

	.newsletter-form .form-control {
		border-bottom: 1px solid #d4d4d4 !important;
	}

	.why-upgrade-card .icon-wrap .why-upgrade-card .icon-wrap {
		display: inline-block;
	}

	.why-upgrade-card .icon-wrap {
		width: 60px;
		display: inline-block;
	}

	.header-phone .phone-number {
		font-size: 16px;
	}
}

/*********************************************
	Mobile Cart Icon
**********************************************/
.mobile-cart-link {
	display: none;
	color: #08405f;
	font-size: 22px;
	text-decoration: none;
	margin-right: 10px;
}

.mobile-cart-link .cart-count {
	position: absolute;
	top: -8px;
	right: -10px;
	background: #0da4af;
	color: #fff;
	font-size: 10px;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
}

@media (max-width: 991.98px) {
	.mobile-cart-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-right: 25px;
	}

	/* Hide the cart link inside the toggle menu on mobile */
	.header-actions .cart-link {
		display: none !important;
	}
}

/*********************************************
	Page Title Section
**********************************************/
.page-title-section {
	background: url(../images/pagetitle-bg.jpg) no-repeat top;
	background-size: cover;
	padding: 60px 0;
	text-align: center;
	border-radius: 30px;
}

.page-title-section h1 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 42px;
	color: #fff;
	margin: 0 0 15px;
}

.breadcrumb-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 15px;
}

.breadcrumb-nav a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	transition: color 0.3s ease;
}

.breadcrumb-nav a:hover {
	color: #0da4af;
}

.breadcrumb-nav span {
	color: rgba(255, 255, 255, 0.5);
}

.breadcrumb-nav .current {
	color: #0da4af;
}

/* Page Title Responsive */
@media (max-width: 767.98px) {
	.page-title-section {
		padding: 20px 0;
	}

	.page-title-section h1 {
		margin: 0 0 4px;
	}

	.page-title-section h1 {
		font-size: 32px;
	}

	.breadcrumb-nav {
		font-size: 14px;
	}
}




/* About Hero Section */
.about-hero {
	padding: 100px 0;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.about-hero::before {
	content: '';
	position: absolute;
	top: -50%;
	right: -20%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(13, 164, 175, 0.08) 0%, transparent 70%);
	border-radius: 50%;
}

.about-hero-content {
	position: relative;
	z-index: 2;
}

.about-hero-content .heading {
	text-align: left;
}

.about-hero .subtitle {
	display: inline-block;
	background: linear-gradient(135deg, rgba(13, 164, 175, 0.1) 0%, rgba(0, 72, 105, 0.1) 100%);
	color: #0da4af;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.about-hero .heading {
	margin-bottom: 20px;
}

.about-hero h2 {
	text-align: left;
}

.about-hero h2 span {
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.about-hero p {
	font-size: 18px;
	line-height: 1.8;
	color: #555;
	margin-bottom: 20px;
}

.about-hero-image {
	position: relative;
	z-index: 2;
}


.about-hero-image {
	text-align: center;
}

/* Stats Section */
.stats-section {
	padding: 80px 0;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	position: relative;
	overflow: hidden;
}

.stats-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></svg>') repeat;
	background-size: 100px 100px;
}

.stat-card {
	text-align: center;
	padding: 40px 20px;
	position: relative;
}

.stat-card::after {
	content: '';
	position: absolute;
	right: 0;
	top: 20%;
	height: 60%;
	width: 1px;
	background: rgba(255, 255, 255, 0.2);
}

.stat-card:last-child::after {
	display: none;
}

.stat-number {
	font-size: 60px;
	font-weight: 800;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	line-height: 1;
	margin-bottom: 10px;
}

.stat-number span {
	color: #00dcf7;
}

.stat-label {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.9);
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Mission Section */
.mission-section {
	padding: 70px 0;
	background: #f8f9fa;
	border-radius: 45px;
	margin-bottom: 50px;
}

.mission-card {
	background: #fff;
	border-radius: 25px;
	padding: 50px;
	height: 100%;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	overflow: hidden;
}

.mission-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.mission-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 5px;
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
}

.mission-icon {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
}

.mission-icon i {
	font-size: 35px;
	color: #fff;
}

.mission-card h3 {
	font-size: 24px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 15px;
}

.mission-card p {
	font-size: 16px;
	line-height: 1.7;
	color: #666;
	margin: 0;
}


/* Responsive Styles */
@media (max-width: 991.98px) {


	.about-hero-image {
		margin-top: 50px;
	}

	.about-hero-image::before {
		display: none;
	}

	.stat-number {
		font-size: 48px;
	}

	.stat-card::after {
		display: none;
	}

	.values-grid {
		grid-template-columns: 1fr;
	}


}

@media (max-width: 767.98px) {
	.page-title-section h1 {
		font-size: 32px;
	}

	.about-hero {
		padding: 60px 0;
	}



	.section-header h2 {
		font-size: 32px;
	}

	.mission-card {
		padding: 35px;
	}

	.stat-number {
		font-size: 40px;
	}

	.cta-section h2 {
		font-size: 28px;
	}

	.value-item {
		flex-direction: column;
		text-align: center;
	}

	.value-icon {
		margin: 0 auto;
	}
}





/* Product Detail Section */
.product-detail-section {
	padding: 80px 0;
	background: #fff;
}

.product-detail-section .product-gallery {
	position: sticky;
	top: 0;
}

/* Product Gallery */
.product-gallery {
	position: relative;
}

.main-product-image {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border-radius: 30px;
	padding: 40px;
	position: relative;
	overflow: hidden;
	border: 1px solid #e0e0e0;
}

.main-product-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 120px;
	background: linear-gradient(115deg, rgba(13, 164, 175, 1) 0%, rgba(8, 64, 95, 1) 100%);
	border-radius: 30px 30px 0 0;
}

.main-product-image img {
	position: relative;
	z-index: 2;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	border-radius: 15px;
}

.product-badge {
	position: absolute;
	top: 30px;
	right: 30px;
	background: linear-gradient(135deg, #00dcf7 0%, #0da4af 100%);
	color: #fff;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	z-index: 3;
	box-shadow: 0 4px 15px rgba(13, 164, 175, 0.4);
}

.thumbnail-gallery {
	display: flex;
	gap: 15px;
	margin-top: 20px;
	justify-content: center;
}

.thumbnail-item {
	width: 80px;
	height: 80px;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
	border: 3px solid transparent;
	transition: all 0.3s ease;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
}

.thumbnail-item:hover,
.thumbnail-item.active {
	border-color: #0da4af;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(13, 164, 175, 0.3);
}

.thumbnail-item img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

/* Product Info */
.product-info {
	padding-left: 40px;
}

.product-category {
	display: inline-block;
	background: rgba(13, 164, 175, 0.1);
	color: #0da4af;
	padding: 6px 16px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 15px;
}

.product-title {
	font-size: 42px;
	font-weight: 800;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin: 0 0 10px;
	line-height: 1.2;
}

.product-subtitle {
	font-size: 18px;
	color: #666;
	margin-bottom: 20px;
	font-style: italic;
}

.product-rating {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 25px;
}

.stars {
	color: #ffc107;
	font-size: 18px;
}

.rating-count {
	color: #666;
	font-size: 14px;
}

.rating-count a {
	color: #0da4af;
	text-decoration: none;
}

.rating-count a:hover {
	text-decoration: underline;
}

.product-price-box {
	background: linear-gradient(135deg, #f8fbfc 0%, #e8f4f6 100%);
	border-radius: 20px;
	padding: 25px 30px;
	margin-bottom: 30px;
	border: 1px solid rgba(13, 164, 175, 0.2);
}

.price-row {
	display: flex;
	align-items: baseline;
	gap: 15px;
	margin-bottom: 10px;
}

.current-price {
	font-size: 42px;
	font-weight: 800;
	color: #004869;
	font-family: "Montserrat", sans-serif;
}

.original-price {
	font-size: 22px;
	color: #999;
	text-decoration: line-through;
}

.discount-badge {
	background: #e74c3c;
	color: #fff;
	padding: 5px 12px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 700;
}

.price-note {
	font-size: 14px;
	color: #666;
}

.price-note i {
	color: #27ae60;
	margin-right: 5px;
}

/* Size Selection */
.product-options {
	margin-bottom: 30px;
}

.option-label {
	font-size: 16px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 12px;
	font-family: "Montserrat", sans-serif;
}

.size-options {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.size-option {
	padding: 12px 24px;
	border: 2px solid #e0e0e0;
	border-radius: 10px;
	background: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
	min-width: 100px;
}

.size-option:hover {
	border-color: #0da4af;
}

.size-option.active {
	border-color: #0da4af;
	background: rgba(13, 164, 175, 0.08);
}

.size-option .size-value {
	display: block;
	font-weight: 700;
	color: #004869;
	font-size: 16px;
}

.size-option .size-price {
	font-size: 13px;
	color: #666;
}

/* Quantity Selector */
.quantity-section {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}

.quantity-selector {
	display: flex;
	align-items: center;
	border: 2px solid #e0e0e0;
	border-radius: 10px;
	overflow: hidden;
}

.qty-btn {
	width: 50px;
	height: 50px;
	border: none;
	background: #f5f5f5;
	color: #004869;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.qty-btn:hover {
	background: #0da4af;
	color: #fff;
}

.qty-input {
	width: 70px;
	height: 50px;
	border: none;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #004869;
}

.qty-input:focus {
	outline: none;
}

.stock-status {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #27ae60;
	font-weight: 600;
}

.stock-status i {
	font-size: 18px;
}

/* Action Buttons */
.action-buttons {
	display: flex;
	gap: 15px;
	margin-bottom: 35px;
}

.btn-add-cart {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 18px 35px;
	background: linear-gradient(90deg, #004869 0%, #00aebe 100%);
	color: #fff;
	border: none;
	border-radius: 50px;
	font-size: 17px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
}

.btn-add-cart:hover {
	background: linear-gradient(90deg, #00aebe 0%, #004869 100%);
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(0, 72, 105, 0.3);
	color: #fff;
}

.btn-add-cart i {
	font-size: 18px;
}

.btn-wishlist {
	width: 60px;
	height: 60px;
	border: 2px solid #e0e0e0;
	border-radius: 50%;
	background: #fff;
	color: #004869;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-wishlist:hover {
	border-color: #e74c3c;
	color: #e74c3c;
	background: rgba(231, 76, 60, 0.05);
}

/* Trust Badges */
.trust-badges {
	display: flex;
	gap: 20px;
	padding: 25px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
}

.trust-badge {
	display: flex;
	align-items: center;
	gap: 10px;
}

.trust-badge i {
	width: 40px;
	height: 40px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.trust-badge span {
	font-size: 13px;
	color: #666;
	line-height: 1.3;
}

.trust-badge strong {
	display: block;
	color: #004869;
	font-size: 14px;
}

/* Product Meta */
.product-meta {
	display: flex;
	gap: 30px;
	font-size: 14px;
	color: #666;
}

.product-meta span {
	display: flex;
	align-items: center;
	gap: 8px;
}

.product-meta strong {
	color: #004869;
}

/* Product Tabs Section */
.product-tabs-section {
	padding: 80px 0;
	background: #f8f9fa;
}

.product-tabs {
	display: flex;
	gap: 10px;
	border-bottom: 2px solid #e0e0e0;
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.product-tab {
	padding: 15px 30px;
	border: none;
	background: transparent;
	color: #666;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease;
	font-family: "Montserrat", sans-serif;
}

.product-tab:hover {
	color: #0da4af;
}

.product-tab.active {
	color: #004869;
}

.product-tab.active::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
	border-radius: 3px 3px 0 0;
}


.tab-content {
	display: none;
}

.modal .tab-content {
	display: block;
}

.tab-content.active {
	display: block;
	animation: fadeIn 0.5s ease;
}

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

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

.tab-content h3 {
	font-size: 28px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 20px;
}

.tab-content p {
	font-size: 16px;
	line-height: 1.8;
	color: #555;
	margin-bottom: 20px;
}

/* Specifications Table */
.specifications-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
}

.specifications-table tr {
	border-bottom: 1px solid #eee;
}

.specifications-table tr:last-child {
	border-bottom: none;
}

.specifications-table th,
.specifications-table td {
	padding: 18px 25px;
	text-align: left;
}

.specifications-table th {
	width: 35%;
	font-weight: 700;
	color: #004869;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.specifications-table td {
	color: #555;
	font-size: 15px;
}

/* Feature List */
.feature-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 30px;
}

.feature-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 20px;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
}

.feature-item i {
	width: 45px;
	height: 45px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	flex-shrink: 0;
}

.feature-item h4 {
	font-size: 16px;
	font-weight: 700;
	color: #004869;
	margin: 0 0 5px;
}

.feature-item p {
	font-size: 14px;
	color: #666;
	margin: 0;
	line-height: 1.5;
}

/* Related Products Section */
.related-products-section {
	padding: 80px 0;
	background: #fff;
}

.section-header {
	text-align: center;
	margin-bottom: 50px;
}

.section-header .title {
	display: block;
	color: #0da4af;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.section-header h2 {
	font-size: 36px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin: 0;
}

/* Responsive Styles */
@media (max-width: 991.98px) {
	.product-info {
		padding-left: 0;
		margin-top: 40px;
	}

	.product-title {
		font-size: 32px;
	}

	.current-price {
		font-size: 34px;
	}

	.trust-badges {
		flex-wrap: wrap;
	}

	.feature-list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767.98px) {
	.page-title-section h1 {
		font-size: 22px;
	}

	.product-detail-section {
		padding: 50px 0;
	}

	.main-product-image {
		padding: 20px;
	}

	.product-title {
		font-size: 28px;
	}

	.current-price {
		font-size: 28px;
	}

	.action-buttons {
		flex-direction: column;
	}

	.btn-wishlist {
		width: 100%;
		border-radius: 50px;
		height: 55px;
	}

	.quantity-section {
		flex-direction: column;
		align-items: flex-start;
	}

	.product-tabs {
		overflow-x: auto;
		flex-wrap: nowrap;
	}

	.product-tab {
		white-space: nowrap;
		padding: 12px 20px;
		font-size: 14px;
	}

	.product-meta {
		flex-direction: column;
		gap: 15px;
	}
}




/* ============================================
   CONTACT PAGE STYLES
   ============================================ */

/* Contact Section */
.contact-section {
	padding: 100px 0;
	background: #fff;
}

/* Contact Info Wrapper */
.contact-info-wrapper {
	height: 100%;
}

.contact-intro {
	margin-bottom: 40px;
}

.contact-intro .subtitle {
	display: inline-block;
	background: linear-gradient(135deg, rgba(13, 164, 175, 0.1) 0%, rgba(0, 72, 105, 0.1) 100%);
	color: #0da4af;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.contact-intro h2 {
	font-size: 38px;
	font-weight: 800;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	line-height: 1.2;
	margin-bottom: 20px;
}

.contact-intro p {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
}

/* Contact Info Cards */
.contact-info-cards {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 35px;
}

.contact-info-card {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 25px;
	background: #f8f9fa;
	border-radius: 20px;
	transition: all 0.3s ease;
	border: 1px solid transparent;
}

.contact-info-card:hover {
	background: #fff;
	border-color: rgba(13, 164, 175, 0.2);
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	transform: translateY(-5px);
}

.contact-info-card .card-icon {
	width: 60px;
	height: 60px;
	min-width: 60px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	border-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-info-card .card-icon i {
	font-size: 24px;
	color: #fff;
}

.contact-info-card .card-content h4 {
	font-size: 18px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin: 0 0 5px;
}

.contact-info-card .card-content p {
	font-size: 14px;
	color: #888;
	margin: 0 0 5px;
}

.contact-info-card .card-content a {
	font-size: 16px;
	font-weight: 600;
	color: #0da4af;
	text-decoration: none;
	transition: color 0.3s;
}

.contact-info-card .card-content a:hover {
	color: #004869;
}

/* Contact Social */
.contact-social {
	display: flex;
	align-items: center;
	gap: 15px;
}

.contact-social span {
	font-size: 15px;
	font-weight: 600;
	color: #004869;
}

.contact-social .social-icons {
	display: flex;
	gap: 10px;
}

.contact-social .social-icons a {
	width: 45px;
	height: 45px;
	background: linear-gradient(135deg, rgba(13, 164, 175, 0.1) 0%, rgba(0, 72, 105, 0.1) 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #004869;
	text-decoration: none;
	transition: all 0.3s ease;
}

.contact-social .social-icons a:hover {
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	color: #fff;
	transform: translateY(-3px);
}

/* Contact Form Wrapper */
.contact-form-wrapper {
	background: #fff;
	border-radius: 30px;
	padding: 50px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
	position: relative;
	overflow: hidden;
	border: 1px solid #e8e8e8;
}

.contact-form-wrapper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
}

.form-header {
	margin-bottom: 35px;
}

.form-header h3 {
	font-size: 28px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin: 0 0 10px;
}

.form-header p {
	font-size: 15px;
	color: #666;
	margin: 0;
}

/* Floating Label Input Groups */
.form-floating-group {
	position: relative;
}

.form-floating-group .form-input {
	width: 100%;
	padding: 18px 20px 18px 50px;
	border: 2px solid #e8e8e8;
	border-radius: 15px;
	font-size: 16px;
	color: #333;
	background: #f8f9fa;
	transition: all 0.3s ease;
	font-family: "Open Sans", sans-serif;
}

.form-floating-group .form-input:focus {
	outline: none;
	border-color: #0da4af;
	background: #fff;
	box-shadow: 0 5px 20px rgba(13, 164, 175, 0.15);
}

.form-floating-group label {
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
	color: #999;
	pointer-events: none;
	transition: all 0.3s ease;
	background: transparent;
	padding: 0 5px;
}

.form-floating-group .form-input:focus~label,
.form-floating-group .form-input:not(:placeholder-shown)~label {
	top: 0;
	left: 15px;
	font-size: 12px;
	color: #0da4af;
	background: #fff;
	font-weight: 600;
}

.form-floating-group .input-icon {
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	color: #0da4af;
	font-size: 16px;
}

.form-floating-group.textarea-group .input-icon {
	top: 25px;
	transform: none;
}

.form-floating-group textarea.form-input {
	min-height: 150px;
	resize: vertical;
}

.form-floating-group.textarea-group label {
	top: 25px;
	transform: none;
}

.form-floating-group textarea.form-input:focus~label,
.form-floating-group textarea.form-input:not(:placeholder-shown)~label {
	top: -10px;
	transform: none;
}

/* Select Styling */
.form-floating-group .form-select {
	appearance: auto;
	cursor: pointer;
	padding-right: 45px;
}

.form-floating-group .form-select option {
	padding: 10px;
}

/* Checkbox Styling */
.form-check-group {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 10px 0;
}

.form-check-group .form-check-input {
	width: 22px;
	height: 22px;
	min-width: 22px;
	border: 2px solid #d0d0d0;
	border-radius: 6px;
	cursor: pointer;
	appearance: none;
	position: relative;
	transition: all 0.3s ease;
}

.form-check-group .form-check-input:checked {
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	border-color: #0da4af;
}

.form-check-group .form-check-input:checked::after {
	content: '\f00c';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 12px;
}

.form-check-group label {
	font-size: 14px;
	color: #666;
	cursor: pointer;
	line-height: 1.5;
}

/* Submit Button */
.btn-submit-form {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	padding: 20px 40px;
	background: linear-gradient(90deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border: none;
	border-radius: 50px;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
	font-family: "Montserrat", sans-serif;
}

.btn-submit-form:hover {
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
	transform: translateY(-3px);
	box-shadow: 0 15px 40px rgba(0, 72, 105, 0.3);
}

.btn-submit-form.success {
	background: linear-gradient(90deg, #27ae60 0%, #2ecc71 100%);
}

.btn-submit-form i {
	font-size: 16px;
	transition: transform 0.3s ease;
}

.btn-submit-form:hover i {
	transform: translateX(5px);
}

/* Form Decoration */
.form-decoration {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	overflow: hidden;
}

.decoration-circle {
	position: absolute;
	border-radius: 50%;
	opacity: 0.05;
}

.decoration-circle.circle-1 {
	width: 300px;
	height: 300px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	top: -150px;
	right: -150px;
}

.decoration-circle.circle-2 {
	width: 200px;
	height: 200px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	bottom: -100px;
	left: -100px;
}

/* Map Section */
.map-section {
	padding: 0 0 80px;
	background: #fff;
}

.map-wrapper {
	position: relative;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}

.map-wrapper iframe {
	display: block;
	filter: grayscale(30%);
	transition: filter 0.5s ease;
}

.map-wrapper:hover iframe {
	filter: grayscale(0%);
}

.map-overlay {
	position: absolute;
	top: 30px;
	left: 30px;
	background: #fff;
	padding: 25px 30px;
	border-radius: 20px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.map-overlay .overlay-content {
	display: flex;
	align-items: center;
	gap: 15px;
}

.map-overlay i {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 22px;
}

.map-overlay h4 {
	font-size: 18px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin: 0 0 3px;
}

.map-overlay p {
	font-size: 13px;
	color: #666;
	margin: 0;
}


/* Contact Page Responsive */
@media (max-width: 991.98px) {
	.contact-section {
		padding: 60px 0;
	}

	.contact-intro h2 {
		font-size: 32px;
	}

	.contact-form-wrapper {
		padding: 35px;
		margin-top: 50px;
	}

	.contact-social {
		flex-direction: column;
	}

	.map-overlay {
		position: relative;
		top: auto;
		left: auto;
		border-radius: 0 0 30px 30px;
	}
}

@media (max-width: 767.98px) {
	.contact-section {
		padding: 40px 0;
	}

	.contact-intro h2 {
		font-size: 26px;
	}

	.contact-form-wrapper {
		padding: 25px;
		border-radius: 20px;
	}

	.form-header h3 {
		font-size: 22px;
	}

	.form-floating-group .form-input {
		padding: 16px 16px 16px 45px;
		font-size: 15px;
	}

	.btn-submit-form {
		padding: 16px 30px;
		font-size: 16px;
	}

	.contact-info-card {
		flex-direction: column;
		text-align: center;
		gap: 15px;
	}

	.contact-info-card .card-icon {
		margin: 0 auto;
	}

	.faq-item {
		flex-direction: column;
		text-align: center;
	}

	.faq-item .faq-icon {
		margin: 0 auto;
	}

	.contact-faq-section {
		padding: 50px 15px;
		border-radius: 25px;
	}

	.map-wrapper {
		border-radius: 20px;
	}

	.map-wrapper iframe {
		height: 300px;
	}
}




/* ============================================
   NEWS PAGE STYLES
   ============================================ */

/* Featured Article Section */
.featured-article-section {
	padding: 80px 0;
	background: #fff;
}

.featured-article {
	background: linear-gradient(135deg, #f8f9fa 0%, #eef5f6 100%);
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.featured-image {
	position: relative;
	height: 100%;
	min-height: 400px;
	background: linear-gradient(135deg, #d0eef2 0%, #b8e0e6 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.featured-image .featured-badge {
	position: absolute;
	top: 25px;
	left: 25px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	color: #fff;
	padding: 10px 25px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	box-shadow: 0 5px 20px rgba(13, 164, 175, 0.4);
}

.featured-content {
	padding: 50px;
}

.article-meta {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.article-meta .category {
	background: linear-gradient(135deg, rgba(13, 164, 175, 0.1) 0%, rgba(0, 72, 105, 0.1) 100%);
	color: #0da4af;
	padding: 6px 16px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.article-meta .date {
	color: #888;
	font-size: 14px;
}

.article-meta .date i {
	margin-right: 6px;
	color: #0da4af;
}

.featured-content h2 {
	font-size: 32px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	line-height: 1.3;
	margin-bottom: 20px;
}

.featured-content p {
	font-size: 16px;
	line-height: 1.8;
	color: #666;
	margin-bottom: 25px;
}

.article-author {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 30px;
}

.author-avatar {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
}

.author-info .author-name {
	display: block;
	font-weight: 700;
	color: #004869;
	font-size: 15px;
}

.author-info .author-role {
	font-size: 13px;
	color: #888;
}

.btn-read-more {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 15px 35px;
	background: linear-gradient(90deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border-radius: 50px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.3s ease;
}

.btn-read-more:hover {
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(0, 72, 105, 0.3);
	color: #fff;
}

.btn-read-more i {
	transition: transform 0.3s ease;
}

.btn-read-more:hover i {
	transform: translateX(5px);
}

/* News Grid Section */
.news-grid-section {
	padding: 70px 0;
	background: #fff;
}

/* Category Filter */
.category-filter {
	display: flex;
	gap: 12px;
	margin-bottom: 40px;
	flex-wrap: wrap;
	justify-content: center;
}

.filter-btn {
	padding: 12px 28px;
	border: 2px solid #e0e0e0;
	background: #fff;
	color: #666;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}

.filter-btn:hover {
	border-color: #0da4af;
	color: #0da4af;
}

.filter-btn.active {
	background: linear-gradient(90deg, #004869 0%, #0da4af 100%);
	border-color: transparent;
	color: #fff;
}

/* News Card */
.news-card {
	background: #fff;
	border-radius: 25px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
	transition: all 0.3s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid #eee;
}

.news-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
}

.news-card .card-image {
	position: relative;
	height: 220px;
	background: linear-gradient(135deg, #e8f4f6 0%, #d0eef2 100%);
	overflow: hidden;
}

.news-card .card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.news-card:hover .card-image img {
	transform: scale(1.1);
}

.news-card .card-category {
	position: absolute;
	top: 15px;
	left: 15px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	color: #fff;
	padding: 6px 16px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.news-card .card-content {
	padding: 30px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.news-card .card-meta {
	display: flex;
	gap: 20px;
	margin-bottom: 15px;
}

.news-card .card-meta span {
	font-size: 13px;
	color: #888;
}

.news-card .card-meta i {
	margin-right: 5px;
	color: #0da4af;
}

.news-card h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 15px;
}

.news-card h3 a {
	color: #004869;
	text-decoration: none;
	transition: color 0.3s ease;
}

.news-card h3 a:hover {
	color: #0da4af;
}

.news-card p {
	font-size: 15px;
	color: #666;
	line-height: 1.7;
	margin-bottom: 20px;
	flex: 1;
}

.news-card .read-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #0da4af;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.news-card .read-link:hover {
	color: #004869;
}

.news-card .read-link i {
	font-size: 12px;
	transition: transform 0.3s ease;
}

.news-card .read-link:hover i {
	transform: translateX(5px);
}

/* Pagination */
.news-pagination {
	margin-top: 60px;
	display: flex;
	justify-content: center;
}

.news-pagination ul {
	display: flex;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.news-pagination li a,
.news-pagination li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	border-radius: 12px;
	background: #f5f5f5;
	color: #666;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	transition: all 0.3s ease;
}

.news-pagination li a:hover {
	background: #e8f4f6;
	color: #0da4af;
}

.news-pagination li a.active {
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	color: #fff;
}

.news-pagination li a.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.news-pagination li .dots {
	background: transparent;
}

.news-pagination li a.prev,
.news-pagination li a.next {
	background: #e8f4f6;
	color: #004869;
}

.news-pagination li a.prev:hover,
.news-pagination li a.next:hover {
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	color: #fff;
}

/* News Page Responsive */
@media (max-width: 991.98px) {
	.featured-article-section {
		padding: 50px 0;
	}

	.featured-content {
		padding: 35px;
	}

	.featured-content h2 {
		font-size: 26px;
	}

	.featured-image {
		min-height: 300px;
	}


}

@media (max-width: 767.98px) {
	.featured-article-section {
		padding: 30px 0;
	}

	.featured-content {
		padding: 25px;
	}

	.featured-content h2 {
		font-size: 22px;
	}

	.featured-image {
		min-height: 250px;
	}

	.article-meta {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.category-filter {
		gap: 8px;
	}

	.filter-btn {
		padding: 10px 20px;
		font-size: 13px;
	}

	.news-card .card-content {
		padding: 20px;
	}

	.news-card h3 {
		font-size: 18px;
	}

	.news-pagination li a,
	.news-pagination li span {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}
}




/* ============================================
   NEWS DETAIL PAGE STYLES
   ============================================ */

/* Article Detail Section */
.article-detail-section {
	padding: 70px 0;
	background: #fff;
}

/* Article Header */
.article-header {
	margin-bottom: 35px;
}

.article-category-badge span {
	display: inline-block;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	color: #fff;
	padding: 8px 20px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
}

.article-title {
	font-size: 36px;
	font-weight: 800;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	line-height: 1.3;
	margin-bottom: 25px;
}

.article-meta-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

.article-meta-bar .meta-item {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #666;
	font-size: 14px;
}

.article-meta-bar .meta-item i {
	color: #0da4af;
}

/* Featured Image */
.article-featured-image {
	border-radius: 25px;
	overflow: hidden;
	margin-bottom: 40px;
	background: linear-gradient(135deg, #e8f4f6 0%, #d0eef2 100%);
}

.article-featured-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* Article Content */
.article-content {
	margin-bottom: 40px;
}

.article-content p {
	font-size: 17px;
	line-height: 1.9;
	color: #444;
	margin-bottom: 25px;
}

.article-content p.lead {
	font-size: 20px;
	color: #333;
	font-weight: 500;
	line-height: 1.7;
	border-left: 4px solid #0da4af;
	padding-left: 25px;
	margin-bottom: 35px;
}

.article-content h2 {
	font-size: 28px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin: 40px 0 20px;
}

.article-content h3 {
	font-size: 22px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin: 30px 0 15px;
}

/* Blockquote */
.article-quote {
	background: linear-gradient(135deg, #f8f9fa 0%, #eef5f6 100%);
	border-left: 5px solid #0da4af;
	padding: 35px 40px;
	margin: 40px 0;
	border-radius: 0 20px 20px 0;
	position: relative;
}

.article-quote::before {
	content: '\f10d';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 40px;
	color: rgba(13, 164, 175, 0.15);
}

.article-quote p {
	font-size: 20px;
	font-style: italic;
	color: #333;
	line-height: 1.7;
	margin-bottom: 15px;
}

.article-quote cite {
	font-size: 15px;
	color: #0da4af;
	font-weight: 600;
	font-style: normal;
}

/* Article List */
.article-list {
	margin: 25px 0 30px 20px;
	padding: 0;
}

.article-list li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	font-size: 17px;
	color: #444;
	line-height: 1.7;
}

.article-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 10px;
	height: 10px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	border-radius: 50%;
}

/* Info Box */
.article-info-box {
	background: linear-gradient(135deg, rgba(13, 164, 175, 0.08) 0%, rgba(0, 72, 105, 0.08) 100%);
	border: 1px solid rgba(13, 164, 175, 0.2);
	border-radius: 20px;
	padding: 30px;
	margin: 35px 0;
}

.article-info-box h4 {
	font-size: 18px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.article-info-box h4 i {
	color: #0da4af;
	font-size: 20px;
}

.article-info-box p {
	margin: 0;
	font-size: 16px;
	color: #555;
}


/* Share Section */
.article-share {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #e8e8e8;
}

.article-share .share-label {
	font-weight: 600;
	color: #004869;
}

.article-share .share-buttons {
	display: flex;
	gap: 10px;
}

.article-share .share-btn {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: all 0.3s ease;
	font-size: 16px;
}

.article-share .share-btn.facebook {
	background: #3b5998;
	color: #fff;
}

.article-share .share-btn.twitter {
	background: #000;
	color: #fff;
}

.article-share .share-btn.linkedin {
	background: #0077b5;
	color: #fff;
}

.article-share .share-btn.copy {
	background: #f5f5f5;
	color: #666;
}

.article-share .share-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* Author Box */
.author-box {
	display: flex;
	gap: 25px;
	background: #f8f9fa;
	border-radius: 25px;
	padding: 35px;
	margin-bottom: 40px;
}

.author-box .author-avatar {
	width: 100px;
	height: 100px;
	min-width: 100px;
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 40px;
	color: #fff;
}

.author-box .author-label {
	font-size: 13px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.author-box .author-name {
	font-size: 22px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin: 5px 0 12px;
}

.author-box .author-bio {
	font-size: 15px;
	color: #666;
	line-height: 1.7;
	margin-bottom: 15px;
}

.author-box .author-social {
	display: flex;
	gap: 10px;
}

.author-box .author-social a {
	width: 38px;
	height: 38px;
	background: linear-gradient(135deg, rgba(13, 164, 175, 0.1) 0%, rgba(0, 72, 105, 0.1) 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #004869;
	text-decoration: none;
	transition: all 0.3s ease;
}

.author-box .author-social a:hover {
	background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
	color: #fff;
}

/* Article Navigation */
.article-navigation {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.article-navigation a {
	flex: 1;
	padding: 25px;
	background: #f8f9fa;
	border-radius: 20px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.article-navigation a:hover {
	background: #eef5f6;
	transform: translateY(-3px);
}

.article-navigation .nav-label {
	display: block;
	font-size: 13px;
	color: #888;
	margin-bottom: 8px;
}

.article-navigation .nav-label i {
	color: #0da4af;
}

.article-navigation .nav-title {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #004869;
}

.article-navigation .nav-next {
	text-align: right;
}

/* Sidebar */
.article-sidebar {
	position: sticky;
	top: 30px;
}

.sidebar-widget {
	background: #f8f9fa;
	border-radius: 25px;
	padding: 30px;
	margin-bottom: 30px;
}

.widget-title {
	font-size: 20px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e8e8e8;
	position: relative;
}

.widget-title::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 60px;
	height: 2px;
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
}

/* Search Widget */
.search-widget {
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
}

.search-form {
	display: flex;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
}

.search-form input {
	flex: 1;
	padding: 15px 20px;
	border: none;
	font-size: 15px;
}

.search-form input:focus {
	outline: none;
}

.search-form button {
	padding: 15px 25px;
	background: transparent;
	border: none;
	color: #0da4af;
	font-size: 18px;
	cursor: pointer;
	transition: color 0.3s ease;
}

.search-form button:hover {
	color: #004869;
}

/* Categories Widget */
.category-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.category-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #e8e8e8;
}

.category-list li:last-child {
	border-bottom: none;
}

.category-list li a {
	color: #444;
	text-decoration: none;
	font-size: 15px;
	transition: color 0.3s ease;
}

.category-list li a:hover {
	color: #0da4af;
}

.category-list li .count {
	background: linear-gradient(135deg, rgba(13, 164, 175, 0.1) 0%, rgba(0, 72, 105, 0.1) 100%);
	color: #004869;
	padding: 4px 12px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
}

/* Related Posts Widget */
.related-posts {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.related-post-item {
	display: flex;
	gap: 15px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.related-post-item:hover .post-info h5 {
	color: #0da4af;
}

.related-post-item .post-image {
	width: 80px;
	height: 80px;
	min-width: 80px;
	border-radius: 15px;
	overflow: hidden;
	background: #e0e0e0;
}

.related-post-item .post-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.related-post-item .post-info h5 {
	font-size: 15px;
	font-weight: 600;
	color: #004869;
	line-height: 1.4;
	margin-bottom: 8px;
	transition: color 0.3s ease;
}

.related-post-item .post-date {
	font-size: 13px;
	color: #888;
}

/* CTA Widget */
.cta-widget {
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	text-align: center;
}

.cta-widget .cta-content i {
	font-size: 50px;
	color: rgba(255, 255, 255, 0.3);
	margin-bottom: 20px;
}

.cta-widget .cta-content h4 {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 15px;
}

.cta-widget .cta-content p {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.85);
	line-height: 1.6;
	margin-bottom: 25px;
}

.cta-widget .btn-cta {
	display: inline-block;
	background: #fff;
	color: #004869;
	padding: 15px 30px;
	border-radius: 50px;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.3s ease;
}

.cta-widget .btn-cta:hover {
	background: #00dcf7;
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* News Detail Responsive */
@media (max-width: 991.98px) {
	.article-detail-section {
		padding: 50px 0;
	}

	.article-title {
		font-size: 28px;
	}

	.article-sidebar {
		position: static;
		margin-top: 50px;
	}

	.author-box {
		flex-direction: column;
		text-align: center;
	}

	.author-box .author-avatar {
		margin: 0 auto;
	}

	.author-box .author-social {
		justify-content: center;
	}

	.article-navigation {
		flex-direction: column;
	}

	.article-navigation .nav-next {
		text-align: left;
	}
}

@media (max-width: 767.98px) {
	.article-detail-section {
		padding: 30px 0;
	}

	.article-title {
		font-size: 24px;
	}

	.article-meta-bar {
		gap: 15px;
	}

	.article-content p {
		font-size: 16px;
	}

	.article-content p.lead {
		font-size: 18px;
		padding-left: 20px;
	}

	.article-content h2 {
		font-size: 22px;
	}

	.article-content h3 {
		font-size: 18px;
	}

	.article-quote {
		padding: 25px;
	}

	.article-quote p {
		font-size: 17px;
	}

	.article-tags {
		flex-direction: column;
		align-items: flex-start;
	}

	.article-share {
		flex-direction: column;
		align-items: flex-start;
	}

	.author-box {
		padding: 25px;
	}

	.author-box .author-avatar {
		width: 80px;
		height: 80px;
		min-width: 80px;
		font-size: 30px;
	}

	.author-box .author-name {
		font-size: 18px;
	}

	.sidebar-widget {
		padding: 25px;
	}
}




/* ============================================
   CART PAGE STYLES
   ============================================ */

/* Cart Section */
.cart-section {
	padding: 70px 0;
	background: #fff;
}

.cart-items-wrapper {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
	overflow: hidden;
}

.cart-header {
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	padding: 20px 30px;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.cart-header .row>div {
	display: flex;
	align-items: center;
}

/* Cart Item */
.cart-item {
	padding: 25px 30px;
	border-bottom: 1px solid #eee;
}

.cart-item:last-of-type {
	border-bottom: none;
}

.cart-product {
	display: flex;
	align-items: center;
	gap: 20px;
}

.cart-product .remove-item {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: none;
	background: #f5f5f5;
	color: #888;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cart-product .remove-item:hover {
	background: #ff4757;
	color: #fff;
}

.cart-product .product-image {
	width: 80px;
	height: 80px;
	border-radius: 15px;
	overflow: hidden;
	background: #f5f5f5;
}

.cart-product .product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cart-product .product-details h4 {
	font-size: 18px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 5px;
}

.cart-product .product-details h4 a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.cart-product .product-details h4 a:hover {
	color: #0da4af;
}

.cart-product .product-sku {
	font-size: 13px;
	color: #888;
}

.item-price,
.item-total {
	font-size: 16px;
	font-weight: 600;
	color: #004869;
}

.item-total {
	color: #0da4af;
}

/* Quantity Selector */
.quantity-selector {
	display: inline-flex;
	align-items: center;
	background: #f5f5f5;
	border-radius: 10px;
	overflow: hidden;
}

.quantity-selector .qty-btn {
	width: 36px;
	height: 36px;
	border: none;
	background: transparent;
	color: #666;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quantity-selector .qty-btn:hover {
	background: #0da4af;
	color: #fff;
}

.quantity-selector input {
	width: 50px;
	height: 36px;
	border: none;
	background: transparent;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	color: #333;
}

.quantity-selector input:focus {
	outline: none;
}

/* Cart Actions */
.cart-actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 30px;
	background: #f8f9fa;
	gap: 20px;
	flex-wrap: wrap;
}

.coupon-form {
	display: flex;
	gap: 10px;
}

.coupon-form input {
	padding: 14px 20px;
	border: 2px solid #e8e8e8;
	border-radius: 12px;
	font-size: 15px;
	min-width: 200px;
}

.coupon-form input:focus {
	outline: none;
	border-color: #0da4af;
}

.btn-apply-coupon {
	padding: 14px 25px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border: none;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}

.btn-apply-coupon:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 20px rgba(0, 72, 105, 0.3);
}

.btn-update-cart {
	padding: 14px 25px;
	background: #f5f5f5;
	color: #666;
	border: 2px solid #e8e8e8;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
}

.btn-update-cart:hover {
	background: #e8e8e8;
	color: #333;
}

/* Cart Summary */
.cart-summary {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
	padding: 35px;
}

.cart-summary h3 {
	font-size: 22px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #eee;
}

.summary-row {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}

.summary-row span {
	font-size: 15px;
	color: #555;
}

.summary-row .value {
	font-weight: 600;
	color: #333;
}

.summary-row.total {
	border-bottom: none;
	padding-top: 20px;
	margin-top: 10px;
	border-top: 2px solid #004869;
}

.summary-row.total span {
	font-size: 18px;
	font-weight: 700;
	color: #004869;
}

.summary-row.total .value {
	font-size: 24px;
	color: #0da4af;
}

/* Shipping Options */
.shipping-options {
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: right;
}

.shipping-option {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	cursor: pointer;
}

.shipping-option input {
	accent-color: #0da4af;
}

.shipping-option span {
	font-size: 14px;
}

/* Cart Buttons */
.btn-checkout {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 18px 30px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border: none;
	border-radius: 15px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	margin-top: 25px;
	transition: all 0.3s ease;
}

.btn-checkout:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(0, 72, 105, 0.3);
	color: #fff;
}

.btn-continue-shopping {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 15px 30px;
	background: transparent;
	color: #666;
	border: 2px solid #e8e8e8;
	border-radius: 15px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	margin-top: 15px;
	transition: all 0.3s ease;
}

.btn-continue-shopping:hover {
	background: #f5f5f5;
	color: #333;
}

/* Cart Trust Badges */
.cart-trust-badges {
	display: flex;
	justify-content: space-around;
	background: #f8f9fa;
	border-radius: 15px;
	padding: 20px;
	margin-top: 25px;
}

.cart-trust-badges .trust-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	text-align: center;
}

.cart-trust-badges .trust-item i {
	font-size: 24px;
	color: #0da4af;
}

.cart-trust-badges .trust-item span {
	font-size: 12px;
	color: #666;
	font-weight: 600;
}

/* Cart Responsive */
@media (max-width: 991.98px) {
	.cart-header {
		display: none;
	}

	.cart-item .row>div {
		margin-bottom: 15px;
	}

	.cart-item .row>div:last-child {
		margin-bottom: 0;
	}

	.cart-product {
		flex-wrap: wrap;
	}

	.cart-actions {
		flex-direction: column;
	}

	.coupon-form {
		width: 100%;
	}

	.coupon-form input {
		flex: 1;
		min-width: auto;
	}

	.btn-update-cart {
		width: 100%;
		justify-content: center;
	}

	.cart-trust-badges {
		flex-wrap: wrap;
		gap: 15px;
	}

	.cart-trust-badges .trust-item {
		flex: 1;
		min-width: 80px;
	}
}

@media (max-width: 767.98px) {
	.cart-section {
		padding: 40px 0;
	}

	.cart-item {
		padding: 20px;
	}

	.cart-summary {
		margin-top: 30px;
		padding: 25px;
	}

	.quantity-selector {
		margin: 10px 0;
	}
}




/* ============================================
   CHECKOUT PAGE STYLES
   ============================================ */

/* Checkout Section */
.checkout-section {
	padding: 70px 0;
	background: #f8f9fa;
}

/* Checkout Steps */
.checkout-steps {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 50px;
}

.checkout-steps .step {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.checkout-steps .step-number {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #e8e8e8;
	color: #888;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 700;
	transition: all 0.3s ease;
}

.checkout-steps .step.active .step-number {
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
}

.checkout-steps .step.completed .step-number {
	background: #0da4af;
	color: #fff;
}

.checkout-steps .step span {
	font-size: 14px;
	font-weight: 600;
	color: #888;
}

.checkout-steps .step.active span,
.checkout-steps .step.completed span {
	color: #004869;
}

.checkout-steps .step-line {
	width: 100px;
	height: 3px;
	background: #e8e8e8;
	margin: 0 20px 30px;
}

.checkout-steps .step-line.completed {
	background: #0da4af;
}

/* Checkout Card */
.checkout-card {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
	padding: 35px;
	margin-bottom: 30px;
}

.checkout-card .card-title {
	font-size: 22px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 2px solid #eee;
}

/* Checkout Form */
.checkout-form .form-group {
	margin-bottom: 20px;
}

.checkout-form label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
}

.checkout-form label .required {
	color: #ff4757;
}

.checkout-form .form-control {
	width: 100%;
	padding: 15px 20px;
	border: 2px solid #e8e8e8;
	border-radius: 12px;
	font-size: 15px;
	transition: all 0.3s ease;
}

.checkout-form .form-control:focus {
	outline: none;
	border-color: #0da4af;
	box-shadow: 0 0 0 4px rgba(13, 164, 175, 0.1);
}

.checkout-form select.form-control {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 20px center;
	padding-right: 45px;
}

.checkout-form textarea.form-control {
	resize: vertical;
	min-height: 120px;
}

/* Custom Checkbox */
.form-check-custom {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 20px 0;
	cursor: pointer;
}

.form-check-custom input {
	width: 20px;
	height: 20px;
	accent-color: #0da4af;
	cursor: pointer;
}

.form-check-custom label {
	font-size: 15px;
	color: #555;
	cursor: pointer;
	margin: 0;
}

/* Order Summary Card */
.order-summary-card {
	position: sticky;
	top: 30px;
}

.order-products {
	margin-bottom: 25px;
}

.order-product {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}

.order-product:last-child {
	border-bottom: none;
}

.order-product .product-info {
	display: flex;
	align-items: center;
	gap: 15px;
}

.order-product .product-info img {
	width: 60px;
	height: 60px;
	border-radius: 12px;
	object-fit: cover;
}

.order-product .product-text h5 {
	font-size: 15px;
	font-weight: 600;
	color: #333;
	margin-bottom: 5px;
}

.order-product .product-text .qty {
	font-size: 13px;
	color: #888;
}

.order-product .product-price {
	font-size: 16px;
	font-weight: 600;
	color: #004869;
}

/* Order Totals */
.order-totals {
	background: #f8f9fa;
	border-radius: 15px;
	padding: 20px;
	margin-bottom: 25px;
}

.total-row {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	font-size: 15px;
	color: #555;
}

.total-row.grand-total {
	border-top: 2px solid #004869;
	margin-top: 10px;
	padding-top: 15px;
	font-size: 18px;
	font-weight: 700;
	color: #004869;
}

.total-row.grand-total span:last-child {
	color: #0da4af;
	font-size: 22px;
}

/* Payment Methods */
.payment-methods {
	margin-bottom: 25px;
}

.payment-methods h4 {
	font-size: 16px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 15px;
}

.payment-option {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 15px 20px;
	background: #f8f9fa;
	border-radius: 12px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.payment-option:has(input:checked) {
	background: rgba(13, 164, 175, 0.1);
	border-color: #0da4af;
}

.payment-option input {
	accent-color: #0da4af;
}

.payment-option label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 1;
	cursor: pointer;
	margin: 0;
}

.payment-option .payment-name {
	font-size: 15px;
	font-weight: 600;
	color: #333;
}

.payment-option .payment-icons {
	display: flex;
	gap: 8px;
}

.payment-option .payment-icons i,
.payment-option label>i {
	font-size: 28px;
	color: #666;
}

/* Card Details */
.card-details {
	padding: 20px;
	background: #fff;
	border: 2px solid #eee;
	border-radius: 12px;
	margin-bottom: 15px;
}

.card-details .form-group {
	margin-bottom: 15px;
}

.card-details .form-group:last-child {
	margin-bottom: 0;
}

.card-details .form-control {
	padding: 12px 15px;
}

/* Terms Agreement */
.terms-agreement {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 25px;
}

.terms-agreement input {
	width: 20px;
	height: 20px;
	margin-top: 3px;
	accent-color: #0da4af;
}

.terms-agreement label {
	font-size: 14px;
	color: #555;
	line-height: 1.5;
}

.terms-agreement label a {
	color: #0da4af;
	text-decoration: none;
}

.terms-agreement label a:hover {
	text-decoration: underline;
}

/* Place Order Button */
.btn-place-order {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	padding: 20px 30px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border: none;
	border-radius: 15px;
	font-size: 18px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
}

.btn-place-order:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(0, 72, 105, 0.3);
}

/* Secure Checkout */
.secure-checkout {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-top: 20px;
	padding: 15px;
	background: #f8f9fa;
	border-radius: 12px;
}

.secure-checkout i {
	font-size: 20px;
	color: #0da4af;
}

.secure-checkout span {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
}

/* Checkout Responsive */
@media (max-width: 991.98px) {
	.checkout-section {
		padding: 50px 0;
	}

	.checkout-steps .step-line {
		width: 50px;
		margin: 0 10px 30px;
	}

	.order-summary-card {
		position: static;
		margin-top: 30px;
	}
}

@media (max-width: 767.98px) {
	.checkout-section {
		padding: 30px 0;
	}

	.checkout-steps {
		margin-bottom: 30px;
	}

	.checkout-steps .step-number {
		width: 40px;
		height: 40px;
		font-size: 14px;
	}

	.checkout-steps .step span {
		font-size: 12px;
	}

	.checkout-steps .step-line {
		width: 30px;
		margin: 0 5px 20px;
	}

	.checkout-card {
		padding: 25px 20px;
		border-radius: 20px;
	}

	.checkout-card .card-title {
		font-size: 18px;
	}

	.btn-place-order {
		font-size: 16px;
		padding: 18px 25px;
	}
}




/* ============================================
   MY ACCOUNT PAGE STYLES
   ============================================ */

/* Account Section */
.account-section {
	padding: 70px 0;
	background: #f8f9fa;
}

/* Account Sidebar */
.account-sidebar {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	position: sticky;
	top: 30px;
}

.account-user {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 25px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
}

.account-user .user-avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.account-user .user-avatar i {
	font-size: 24px;
}

.account-user .user-info h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
}

.account-user .user-info span {
	font-size: 13px;
	opacity: 0.8;
}

.account-nav {
	padding: 15px 0;
}

.account-nav a {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px 25px;
	color: #555;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.3s ease;
	border-left: 3px solid transparent;
}

.account-nav a i {
	font-size: 18px;
	width: 24px;
	text-align: center;
	color: #888;
	transition: color 0.3s ease;
}

.account-nav a:hover,
.account-nav a.active {
	background: rgba(13, 164, 175, 0.1);
	color: #004869;
	border-left-color: #0da4af;
}

.account-nav a:hover i,
.account-nav a.active i {
	color: #0da4af;
}

.account-nav a.logout {
	color: #ff4757;
	border-top: 1px solid #eee;
	margin-top: 10px;
}

.account-nav a.logout i {
	color: #ff4757;
}

.account-nav a.logout:hover {
	background: rgba(255, 71, 87, 0.1);
	border-left-color: #ff4757;
}

/* Account Content */
.account-content {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
	padding: 35px;
	min-height: 500px;
}

.account-tab {
	display: none;
}

.account-tab.active {
	display: block;
}

.account-tab h2 {
	font-size: 24px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #eee;
	font-family: "Montserrat", sans-serif;
}

.tab-description {
	color: #666;
	margin-bottom: 30px;
}

/* Welcome Message */
.welcome-message {
	background: linear-gradient(135deg, rgba(0, 72, 105, 0.05) 0%, rgba(13, 164, 175, 0.05) 100%);
	border-radius: 20px;
	padding: 30px;
	margin-bottom: 30px;
}

.welcome-message h2 {
	border: none;
	padding-bottom: 0;
	margin-bottom: 15px;
	font-size: 28px;
}

.welcome-message p {
	color: #666;
	line-height: 1.7;
	margin: 0;
}

/* Dashboard Stats */
.dashboard-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 40px;
}

.stat-card {
	background: #fff;
	border-radius: 20px;
	padding: 25px;
	display: flex;
	align-items: center;
	gap: 20px;
	border: 2px solid #eee;
	transition: all 0.3s ease;
}

.stat-card:hover {
	border-color: #0da4af;
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.stat-card .stat-icon {
	width: 60px;
	height: 60px;
	border-radius: 15px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.stat-card .stat-icon i {
	font-size: 24px;
	color: #fff;
}

.stat-card .stat-info h3 {
	font-size: 32px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 5px;
	font-family: "Montserrat", sans-serif;
}

.stat-card .stat-info span {
	font-size: 14px;
	color: #888;
}

/* Section Header */
.section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.section-header h3 {
	font-size: 18px;
	font-weight: 700;
	color: #004869;
	margin: 0;
}

.section-header .view-all {
	font-size: 14px;
	color: #0da4af;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 600;
}

.section-header .view-all:hover {
	color: #004869;
}

/* Orders Table */
.orders-table-wrapper {
	overflow-x: auto;
}

.orders-table {
	width: 100%;
	border-collapse: collapse;
}

.orders-table th,
.orders-table td {
	padding: 15px;
	text-align: left;
	border-bottom: 1px solid #eee;
}

.orders-table th {
	background: #f8f9fa;
	font-size: 13px;
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.orders-table td {
	font-size: 15px;
	color: #333;
}

.orders-table tbody tr:hover {
	background: #f8f9fa;
}

/* Status Badges */
.status-badge {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.status-badge.processing {
	background: rgba(255, 193, 7, 0.15);
	color: #d49400;
}

.status-badge.shipped {
	background: #929292;
	color: #0062cc;
}

.status-badge.completed {
	background: rgba(40, 167, 69, 0.15);
	color: #1e7e34;
}

.status-badge.cancelled {
	background: rgba(220, 53, 69, 0.15);
	color: #bd2130;
}

.btn-view {
	display: inline-block;
	padding: 8px 16px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

.btn-view:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 72, 105, 0.3);
	color: #fff;
}

/* Address Cards */
.address-card {
	background: #fff;
	border-radius: 20px;
	border: 2px solid #eee;
	overflow: hidden;
	transition: all 0.3s ease;
}

.address-card:hover {
	border-color: #0da4af;
}

.address-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	background: #f8f9fa;
	border-bottom: 1px solid #eee;
}

.address-header h4 {
	font-size: 16px;
	font-weight: 700;
	color: #004869;
	margin: 0;
}

.address-header .edit-link {
	font-size: 14px;
	color: #0da4af;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 5px;
}

.address-header .edit-link:hover {
	color: #004869;
}

.address-body {
	padding: 20px;
}

.address-body p {
	margin: 0 0 5px;
	color: #555;
	font-size: 15px;
}

.address-body p i {
	width: 20px;
	color: #0da4af;
	margin-right: 8px;
}

/* Account Form */
.account-form .form-group {
	margin-bottom: 20px;
}

.account-form label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
}

.account-form label .required {
	color: #ff4757;
}

.account-form .form-control {
	width: 100%;
	padding: 15px 20px;
	border: 2px solid #e8e8e8;
	border-radius: 12px;
	font-size: 15px;
	transition: all 0.3s ease;
}

.account-form .form-control:focus {
	outline: none;
	border-color: #0da4af;
	box-shadow: 0 0 0 4px rgba(13, 164, 175, 0.1);
}

.account-form small {
	display: block;
	margin-top: 8px;
	color: #888;
	font-size: 13px;
}

.password-section {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 2px solid #eee;
}

.password-section h3 {
	font-size: 18px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 25px;
}

.btn-save-changes {
	display: inline-flex;
	align-items: center;
	padding: 16px 35px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border: none;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-top: 20px;
}

.btn-save-changes:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 72, 105, 0.3);
}

/* Wishlist Grid */
.wishlist-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
}

.wishlist-item {
	background: #fff;
	border-radius: 20px;
	border: 2px solid #eee;
	padding: 20px;
	position: relative;
	transition: all 0.3s ease;
}

.wishlist-item:hover {
	border-color: #0da4af;
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.wishlist-item .remove-wishlist {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: none;
	background: #f5f5f5;
	color: #888;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wishlist-item .remove-wishlist:hover {
	background: #ff4757;
	color: #fff;
}

.wishlist-item .item-image {
	width: 100%;
	height: 150px;
	border-radius: 15px;
	overflow: hidden;
	margin-bottom: 15px;
	background: #f5f5f5;
}

.wishlist-item .item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wishlist-item .item-details {
	margin-bottom: 15px;
}

.wishlist-item .item-details h4 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 8px;
}

.wishlist-item .item-details h4 a {
	color: #004869;
	text-decoration: none;
	transition: color 0.3s ease;
}

.wishlist-item .item-details h4 a:hover {
	color: #0da4af;
}

.wishlist-item .item-price {
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #0da4af;
	margin-bottom: 8px;
}

.wishlist-item .stock-status {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 600;
}

.wishlist-item .stock-status.in-stock {
	color: #28a745;
}

.wishlist-item .stock-status.out-of-stock {
	color: #dc3545;
}

.wishlist-item .btn-add-to-cart {
	display: block;
	width: 100%;
	padding: 12px 20px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
}

.wishlist-item .btn-add-to-cart:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 72, 105, 0.3);
}

.wishlist-item .btn-add-to-cart.disabled {
	background: #ccc;
	cursor: not-allowed;
	pointer-events: none;
}

/* Account Responsive */
@media (max-width: 991.98px) {
	.account-section {
		padding: 50px 0;
	}

	.account-sidebar {
		position: static;
		margin-bottom: 30px;
	}

	.dashboard-stats {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767.98px) {
	.account-section {
		padding: 30px 0;
	}

	.account-content {
		padding: 25px 20px;
	}

	.account-tab h2 {
		font-size: 20px;
	}

	.dashboard-stats {
		grid-template-columns: 1fr;
	}

	.stat-card {
		padding: 20px;
	}

	.stat-card .stat-info h3 {
		font-size: 26px;
	}

	.orders-table th,
	.orders-table td {
		padding: 12px 10px;
		font-size: 13px;
	}

	.wishlist-grid {
		grid-template-columns: 1fr;
	}

	.welcome-message {
		padding: 20px;
	}

	.welcome-message h2 {
		font-size: 22px;
	}
}




/* ============================================
   FAQ PAGE STYLES
   ============================================ */

/* FAQ Section */
.faq-section {
	padding: 70px 0;
	background: #fff;
}

.faq-intro {
	text-align: center;
	margin-bottom: 50px;
	padding: 30px;
	background: linear-gradient(135deg, rgba(0, 72, 105, 0.05) 0%, rgba(13, 164, 175, 0.05) 100%);
	border-radius: 20px;
}

.faq-intro p {
	font-size: 17px;
	color: #555;
	margin: 0;
	line-height: 1.7;
}

.faq-intro a {
	color: #0da4af;
	font-weight: 600;
	text-decoration: none;
}

.faq-intro a:hover {
	text-decoration: underline;
}

/* FAQ Category */
.faq-category {
	margin-bottom: 50px;
}

.faq-category h2 {
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 22px;
	font-weight: 700;
	color: #004869;
	font-family: "Montserrat", sans-serif;
	margin-bottom: 25px;
	padding-bottom: 15px;
	border-bottom: 2px solid #eee;
}

.faq-category h2 i {
	width: 45px;
	height: 45px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

/* FAQ Accordion */
.faq-accordion {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.faq-item {
	background: #fff;
	border-radius: 15px;
	border: 2px solid #eee;
	overflow: hidden;
	transition: all 0.3s ease;
}

.faq-item:hover {
	border-color: #0da4af;
}

.faq-item.active {
	border-color: #0da4af;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.faq-question {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 22px 25px;
	background: transparent;
	border: none;
	cursor: pointer;
	text-align: left;
	transition: all 0.3s ease;
}

.faq-question span {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	flex: 1;
	padding-right: 15px;
}

.faq-question i {
	width: 30px;
	height: 30px;
	background: #f5f5f5;
	color: #666;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.faq-item.active .faq-question i {
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	transform: rotate(45deg);
}

.faq-answer {
	display: none;
	padding: 0 25px 25px;
}

.faq-item.active .faq-answer {
	display: block;
}

.faq-answer p {
	font-size: 15px;
	color: #555;
	line-height: 1.8;
	margin-bottom: 15px;
}

.faq-answer p:last-child {
	margin-bottom: 0;
}

.faq-answer ul {
	margin: 15px 0;
	padding-left: 20px;
}

.faq-answer ul li {
	font-size: 15px;
	color: #555;
	margin-bottom: 10px;
	line-height: 1.6;
}

.faq-answer a {
	color: #0da4af;
	text-decoration: none;
}

.faq-answer a:hover {
	text-decoration: underline;
}

/* FAQ Contact CTA */
.faq-contact-cta {
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	border-radius: 25px;
	padding: 50px;
	text-align: center;
	margin-top: 50px;
}

.faq-contact-cta .cta-icon {
	width: 80px;
	height: 80px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 25px;
}

.faq-contact-cta .cta-icon i {
	font-size: 36px;
	color: #fff;
}

.faq-contact-cta h3 {
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
	font-family: "Montserrat", sans-serif;
}

.faq-contact-cta p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 30px;
}

.faq-contact-cta .cta-buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}

.faq-contact-cta .btn-primary-cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 30px;
	background: #fff;
	color: #004869;
	border-radius: 12px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.3s ease;
}

.faq-contact-cta .btn-primary-cta:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.faq-contact-cta .btn-secondary-cta {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 30px;
	background: transparent;
	color: #fff;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 12px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	transition: all 0.3s ease;
}

.faq-contact-cta .btn-secondary-cta:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: #fff;
}

/* FAQ Responsive */
@media (max-width: 767.98px) {
	.faq-section {
		padding: 40px 0;
	}

	.faq-intro {
		padding: 20px;
		margin-bottom: 35px;
	}

	.faq-intro p {
		font-size: 15px;
	}

	.faq-category h2 {
		font-size: 18px;
		gap: 12px;
	}

	.faq-category h2 i {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.faq-question {
		padding: 18px 20px;
	}

	.faq-question span {
		font-size: 15px;
	}

	.faq-answer {
		padding: 0 20px 20px;
	}

	.faq-contact-cta {
		padding: 35px 25px;
		margin-top: 35px;
	}

	.faq-contact-cta .cta-icon {
		width: 60px;
		height: 60px;
	}

	.faq-contact-cta .cta-icon i {
		font-size: 28px;
	}

	.faq-contact-cta h3 {
		font-size: 22px;
	}

	.faq-contact-cta .cta-buttons {
		flex-direction: column;
	}

	.faq-contact-cta .btn-primary-cta,
	.faq-contact-cta .btn-secondary-cta {
		width: 100%;
		justify-content: center;
	}
}


/* ============================================
   TRACK ORDER PAGE STYLES
   ============================================ */

/* Track Order Section */
.track-order-section {
	padding: 60px 0 80px;
	background: #f8f9fa;
}

/* Track Form Card */
.track-form-card {
	background: #fff;
	border-radius: 20px;
	padding: 50px;
	text-align: center;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	margin-bottom: 40px;
}

.track-form-card .track-icon {
	width: 90px;
	height: 90px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 25px;
}

.track-form-card .track-icon i {
	font-size: 40px;
	color: #fff;
}

.track-form-card h2 {
	font-size: 28px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 10px;
	font-family: "Montserrat", sans-serif;
}

.track-form-card p {
	font-size: 16px;
	color: #666;
	margin-bottom: 35px;
	line-height: 1.6;
}

/* Track Form */
.track-form .form-group {
	text-align: left;
}

.track-form .form-group label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
}

.track-form .form-group label .required {
	color: #e74c3c;
}

.track-form .form-control {
	width: 100%;
	padding: 16px 20px;
	border: 2px solid #e5e5e5;
	border-radius: 12px;
	font-size: 15px;
	color: #333;
	transition: all 0.3s ease;
	background: #fff;
}

.track-form .form-control:focus {
	outline: none;
	border-color: #0da4af;
	box-shadow: 0 0 0 4px rgba(13, 164, 175, 0.1);
}

.track-form .form-control::placeholder {
	color: #aaa;
}

.btn-track-order {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 18px 50px;
	background: linear-gradient(90deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border: none;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s ease;
	margin-top: 10px;
}

.btn-track-order:hover {
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(0, 72, 105, 0.25);
}

.btn-track-order i {
	font-size: 16px;
}

/* Track Result */
.track-result {
	display: none;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	margin-bottom: 40px;
}

/* Result Header */
.result-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 35px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	flex-wrap: wrap;
	gap: 15px;
}

.result-header .order-info h3 {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	margin: 0 0 5px;
	font-family: "Montserrat", sans-serif;
}

.result-header .order-date {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
}

.status-badge {
	display: inline-block;
	padding: 10px 25px;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.status-badge.shipped {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
	border: 2px solid rgba(255, 255, 255, 0.5);
}

.status-badge.delivered {
	background: #27ae60;
	color: #fff;
}

.status-badge.processing {
	background: #f39c12;
	color: #fff;
}

/* Tracking Timeline */
.tracking-timeline {
	padding: 40px 35px;
	position: relative;
}

.tracking-timeline::before {
	content: '';
	position: absolute;
	left: 55px;
	top: 60px;
	bottom: 60px;
	width: 3px;
	background: #e5e5e5;
}

.timeline-item {
	display: flex;
	align-items: flex-start;
	gap: 25px;
	margin-bottom: 30px;
	position: relative;
}

.timeline-item:last-child {
	margin-bottom: 0;
}

.timeline-item .timeline-icon {
	width: 44px;
	height: 44px;
	min-width: 44px;
	background: #e5e5e5;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	transition: all 0.3s ease;
}

.timeline-item .timeline-icon i {
	font-size: 16px;
	color: #999;
}

.timeline-item.completed .timeline-icon {
	background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
}

.timeline-item.completed .timeline-icon i {
	color: #fff;
}

.timeline-item.active .timeline-icon {
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	box-shadow: 0 0 0 6px rgba(13, 164, 175, 0.2);
	animation: pulse 2s infinite;
}

.timeline-item.active .timeline-icon i {
	color: #fff;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(13, 164, 175, 0.4);
	}

	70% {
		box-shadow: 0 0 0 12px rgba(13, 164, 175, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(13, 164, 175, 0);
	}
}

.timeline-content {
	flex: 1;
	padding-top: 2px;
}

.timeline-content h4 {
	font-size: 17px;
	font-weight: 700;
	color: #333;
	margin: 0 0 5px;
	font-family: "Montserrat", sans-serif;
}

.timeline-content p {
	font-size: 14px;
	color: #666;
	margin: 0 0 5px;
	line-height: 1.5;
}

.timeline-content .timeline-date {
	font-size: 13px;
	color: #999;
	font-weight: 500;
}

.timeline-item.active .timeline-content h4 {
	color: #004869;
}

.timeline-item.active .timeline-content .timeline-date {
	color: #0da4af;
	font-weight: 600;
}

/* Shipping Details */
.shipping-details {
	padding: 0 35px 35px;
}

.detail-card {
	background: #f8f9fa;
	border-radius: 15px;
	padding: 25px;
	height: 100%;
}

.detail-card h4 {
	font-size: 16px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: "Montserrat", sans-serif;
}

.detail-card h4 i {
	font-size: 18px;
	color: #0da4af;
}

.detail-card ul {
	margin: 0;
	padding: 0;
}

.detail-card ul li {
	font-size: 14px;
	color: #555;
	margin-bottom: 10px;
	line-height: 1.5;
}

.detail-card ul li:last-child {
	margin-bottom: 0;
}

.detail-card ul li strong {
	color: #333;
	font-weight: 600;
}

.carrier-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 15px;
	padding: 10px 20px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

.carrier-link:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(0, 72, 105, 0.3);
	color: #fff;
}

/* Order Items Summary */
.order-items-summary {
	padding: 0 35px 35px;
	border-top: 1px solid #eee;
	margin-top: 10px;
}

.order-items-summary h4 {
	font-size: 18px;
	font-weight: 700;
	color: #004869;
	margin: 25px 0 20px;
	font-family: "Montserrat", sans-serif;
}

.order-item {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 15px;
	background: #f8f9fa;
	border-radius: 12px;
	margin-bottom: 12px;
}

.order-item .item-image {
	width: 70px;
	height: 70px;
	min-width: 70px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #eee;
}

.order-item .item-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.order-item .item-details {
	flex: 1;
}

.order-item .item-details h5 {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin: 0 0 5px;
	font-family: "Montserrat", sans-serif;
}

.order-item .item-qty {
	font-size: 14px;
	color: #666;
}

.order-item .item-price {
	font-size: 17px;
	font-weight: 700;
	color: #004869;
}

.order-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 15px;
	background: linear-gradient(135deg, rgba(0, 72, 105, 0.05) 0%, rgba(13, 164, 175, 0.05) 100%);
	border-radius: 12px;
	margin-top: 15px;
}

.order-total span:first-child {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.order-total .total-amount {
	font-size: 22px;
	font-weight: 700;
	color: #004869;
}

/* Track Help Section */
.track-help {
	background: #fff;
	border-radius: 20px;
	padding: 40px;
	text-align: center;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.track-help h4 {
	font-size: 22px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 10px;
	font-family: "Montserrat", sans-serif;
}

.track-help p {
	font-size: 15px;
	color: #666;
	margin-bottom: 25px;
	line-height: 1.6;
}

.help-options {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.help-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 15px 25px;
	background: #f8f9fa;
	border: 2px solid #e5e5e5;
	border-radius: 12px;
	color: #333;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

.help-link i {
	font-size: 18px;
	color: #0da4af;
}

.help-link:hover {
	border-color: #0da4af;
	background: linear-gradient(135deg, rgba(0, 72, 105, 0.05) 0%, rgba(13, 164, 175, 0.05) 100%);
	transform: translateY(-3px);
	color: #004869;
}

/* Track Order Responsive */
@media (max-width: 991.98px) {
	.track-order-section {
		padding: 50px 0 60px;
	}

	.track-form-card {
		padding: 40px 30px;
	}

	.track-form-card .track-icon {
		width: 75px;
		height: 75px;
	}

	.track-form-card .track-icon i {
		font-size: 32px;
	}

	.track-form-card h2 {
		font-size: 24px;
	}

	.result-header {
		padding: 20px 25px;
	}

	.result-header .order-info h3 {
		font-size: 18px;
	}

	.tracking-timeline {
		padding: 30px 25px;
	}

	.tracking-timeline::before {
		left: 46px;
	}

	.shipping-details {
		padding: 0 25px 25px;
	}

	.order-items-summary {
		padding: 0 25px 25px;
	}
}

@media (max-width: 767.98px) {
	.track-order-section {
		padding: 40px 0 50px;
	}

	.track-form-card {
		padding: 30px 20px;
		margin-bottom: 30px;
	}

	.track-form-card .track-icon {
		width: 65px;
		height: 65px;
		margin-bottom: 20px;
	}

	.track-form-card .track-icon i {
		font-size: 28px;
	}

	.track-form-card h2 {
		font-size: 20px;
	}

	.track-form-card p {
		font-size: 14px;
		margin-bottom: 25px;
	}

	.track-form .form-control {
		padding: 14px 16px;
		font-size: 14px;
	}

	.btn-track-order {
		width: 100%;
		padding: 16px 30px;
		font-size: 15px;
	}

	.track-result {
		margin-bottom: 30px;
	}

	.result-header {
		padding: 20px;
		flex-direction: column;
		align-items: flex-start;
	}

	.result-header .order-info h3 {
		font-size: 16px;
	}

	.tracking-timeline {
		padding: 25px 20px;
	}

	.tracking-timeline::before {
		left: 41px;
		top: 50px;
		bottom: 50px;
	}

	.timeline-item {
		gap: 15px;
		margin-bottom: 25px;
	}

	.timeline-item .timeline-icon {
		width: 40px;
		height: 40px;
		min-width: 40px;
	}

	.timeline-item .timeline-icon i {
		font-size: 14px;
	}

	.timeline-content h4 {
		font-size: 15px;
	}

	.timeline-content p {
		font-size: 13px;
	}

	.shipping-details {
		padding: 0 20px 20px;
	}

	.detail-card {
		padding: 20px;
		margin-bottom: 15px;
	}

	.detail-card h4 {
		font-size: 15px;
	}

	.order-items-summary {
		padding: 0 20px 20px;
	}

	.order-items-summary h4 {
		font-size: 16px;
	}

	.order-item {
		gap: 15px;
		padding: 12px;
	}

	.order-item .item-image {
		width: 55px;
		height: 55px;
		min-width: 55px;
	}

	.order-item .item-details h5 {
		font-size: 14px;
	}

	.order-item .item-price {
		font-size: 15px;
	}

	.order-total {
		padding: 15px 12px;
	}

	.order-total .total-amount {
		font-size: 18px;
	}

	.track-help {
		padding: 30px 20px;
	}

	.track-help h4 {
		font-size: 18px;
	}

	.track-help p {
		font-size: 14px;
	}

	.help-options {
		flex-direction: column;
		gap: 12px;
	}

	.help-link {
		width: 100%;
		justify-content: center;
		padding: 14px 20px;
	}
}

@media (max-width: 575.98px) {
	.track-form-card {
		padding: 25px 15px;
		border-radius: 15px;
	}

	.track-form-card h2 {
		font-size: 18px;
	}

	.order-item {
		flex-wrap: wrap;
	}

	.order-item .item-price {
		width: 100%;
		text-align: right;
		margin-top: 5px;
	}
}


/* ============================================
   RESEARCH AREAS PAGE STYLES
   ============================================ */

/* Research Intro Section */
.research-intro-section {
	padding: 60px 0 30px;
	background: #fff;
}

#research,
#specifications {
	margin-top: 30px;
}

.research-intro-content .heading {
	margin-bottom: 25px;
}

.research-intro-content .heading h2 {
	margin-bottom: 0;
}

.research-intro-content .intro-text {
	font-size: 17px;
	color: #555;
	line-height: 1.8;
	margin: 0;
}

/* Research Areas Section */
.research-areas-section {
	padding: 40px 0 80px;
	background: #fff;
}

.research-card {
	background: #fff;
	border-radius: 20px;
	padding: 35px;
	height: 100%;
	border: 2px solid #eee;
	transition: all 0.3s ease;
	display: flex;
	gap: 25px;
}

.research-card:hover {
	border-color: #0da4af;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	transform: translateY(-5px);
}

.research-card .research-icon {
	width: 70px;
	height: 70px;
	min-width: 70px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.research-card .research-icon i {
	font-size: 28px;
	color: #fff;
}

.research-card .research-content h3 {
	font-size: 20px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 12px;
	font-family: "Montserrat", sans-serif;
}

.research-card .research-content p {
	font-size: 15px;
	color: #666;
	line-height: 1.7;
	margin-bottom: 20px;
}

.research-points {
	margin: 0;
	padding: 0;
}

.research-points li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #555;
	margin-bottom: 10px;
}

.research-points li:last-child {
	margin-bottom: 0;
}

.research-points li i {
	color: #0da4af;
	font-size: 12px;
}

/* Research Disclaimer Section */
.research-disclaimer-section {
	padding: 0 0 80px;
	background: #fff;
}

.disclaimer-card {
	background: linear-gradient(135deg, rgba(0, 72, 105, 0.05) 0%, rgba(13, 164, 175, 0.05) 100%);
	border-radius: 25px;
	padding: 50px;
	text-align: center;
	border: 2px solid #e5e5e5;
}

.disclaimer-card .disclaimer-icon {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 25px;
}

.disclaimer-card .disclaimer-icon i {
	font-size: 36px;
	color: #fff;
}

.disclaimer-card h3 {
	font-size: 24px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 20px;
	font-family: "Montserrat", sans-serif;
}

.disclaimer-card p {
	font-size: 16px;
	color: #555;
	line-height: 1.7;
	margin-bottom: 15px;
}

.btn-research-contact {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 35px;
	background: linear-gradient(90deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	margin-top: 15px;
	transition: all 0.3s ease;
}

.btn-research-contact:hover {
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(0, 72, 105, 0.25);
	color: #fff;
}

/* Research Areas Responsive */
@media (max-width: 991.98px) {
	.research-card {
		flex-direction: column;
		text-align: center;
		padding: 30px;
	}

	.research-card .research-icon {
		margin: 0 auto;
	}

	.research-points li {
		justify-content: center;
	}

	.disclaimer-card {
		padding: 40px 30px;
	}
}

@media (max-width: 767.98px) {
	.research-intro-section {
		padding: 40px 0 20px;
	}

	.research-intro-content .intro-text {
		font-size: 15px;
	}

	.research-areas-section {
		padding: 30px 0 50px;
	}

	.research-card {
		padding: 25px;
	}

	.research-card .research-icon {
		width: 60px;
		height: 60px;
		min-width: 60px;
	}

	.research-card .research-icon i {
		font-size: 24px;
	}

	.research-card .research-content h3 {
		font-size: 18px;
	}

	.disclaimer-card {
		padding: 30px 20px;
	}

	.disclaimer-card .disclaimer-icon {
		width: 65px;
		height: 65px;
	}

	.disclaimer-card .disclaimer-icon i {
		font-size: 28px;
	}

	.disclaimer-card h3 {
		font-size: 20px;
	}

	.disclaimer-card p {
		font-size: 14px;
	}

	.btn-research-contact {
		width: 100%;
		justify-content: center;
	}
}


/* ============================================
   LEGAL PAGES STYLES (Privacy Policy, Terms)
   ============================================ */

/* Legal Content Section */
.legal-content-section {
	padding: 60px 0 80px;
	background: #f8f9fa;
}

.legal-content-wrapper {
	background: #fff;
	border-radius: 20px;
	padding: 50px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

.legal-last-updated {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 20px;
	background: linear-gradient(135deg, rgba(0, 72, 105, 0.05) 0%, rgba(13, 164, 175, 0.05) 100%);
	border-radius: 50px;
	margin-bottom: 30px;
}

.legal-last-updated i {
	color: #0da4af;
	font-size: 16px;
}

.legal-last-updated span {
	font-size: 14px;
	font-weight: 600;
	color: #555;
}

.legal-intro {
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 2px solid #eee;
}

.legal-intro p {
	font-size: 17px;
	color: #555;
	line-height: 1.8;
	margin: 0;
}

.legal-section {
	margin-bottom: 35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #eee;
}

.legal-section:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.legal-section h2 {
	font-size: 20px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 20px;
	font-family: "Montserrat", sans-serif;
	display: flex;
	align-items: center;
	gap: 12px;
}

.legal-section .section-number {
	color: #0da4af;
	font-weight: 700;
}

.legal-section h3 {
	font-size: 16px;
	font-weight: 700;
	color: #333;
	margin: 20px 0 12px;
	font-family: "Montserrat", sans-serif;
}

.legal-section p {
	font-size: 15px;
	color: #555;
	line-height: 1.8;
	margin-bottom: 15px;
}

.legal-section p:last-child {
	margin-bottom: 0;
}

.legal-section ul {
	margin: 0 0 15px;
	padding: 0 0 0 25px;
}

.legal-section ul li {
	font-size: 15px;
	color: #555;
	line-height: 1.7;
	margin-bottom: 10px;
	position: relative;
}

.legal-section ul li::marker {
	color: #0da4af;
}

.legal-section ul li:last-child {
	margin-bottom: 0;
}

.legal-section ul li strong {
	color: #333;
}

.legal-contact-info {
	background: linear-gradient(135deg, rgba(0, 72, 105, 0.05) 0%, rgba(13, 164, 175, 0.05) 100%);
	border-radius: 15px;
	padding: 25px;
	margin-top: 20px;
}

.legal-contact-info p {
	margin-bottom: 10px;
}

.legal-contact-info p:last-child {
	margin-bottom: 0;
}

.legal-contact-info i {
	color: #0da4af;
	margin-right: 8px;
}

.legal-contact-info a {
	color: #004869;
	text-decoration: none;
	font-weight: 600;
}

.legal-contact-info a:hover {
	color: #0da4af;
}

/* Legal Pages Responsive */
@media (max-width: 1200px) {
	.why-upgrade-card .icon-wrap img {
		width: 75px;
	}

	.why-upgrade-card .text-wrap h3 {
		font-size: 18px;
	}

	.why-upgrade-card .text-wrap p {
		font-size: 14px;
	}

	.why-upgrade-card {
		align-items: flex-start;
	}
}

@media (max-width: 991.98px) {
	.legal-content-wrapper {
		padding: 40px 35px;
	}

	.slider22 .tp-bgimg {
		background-position: right !important;
	}

	.why-upgrade .row {
		justify-content: center !important;
	}

	.about-area .img {
		text-align: center;
	}

	.about-area .img img {
		display: inline-block;
	}

	.lab-wrap {
		padding: 50px 30px;
		border-radius: 30px;
	}

	.newsletter-section {
		padding: 30px 20px 75px 20px;
	}

	.footer-main {
		padding: 60px 20px 20px;
	}
}

@media (max-width: 767.98px) {
	.legal-content-section {
		padding: 40px 0 50px;
	}

	.footer-main {
		padding: 50px 15px 30px;
	}

	.legal-content-wrapper {
		padding: 30px 20px;
		border-radius: 15px;
	}

	.contact-info-wrapper {
		text-align: center;
	}

	.contact-info-wrapper .contact-info-card {
		display: inline-block;
	}

	.contact-info-wrapper .card-content {
		margin-top: 30px;
	}

	.legal-last-updated {
		padding: 10px 15px;
	}

	.legal-last-updated span {
		font-size: 13px;
	}

	.legal-intro p {
		font-size: 15px;
	}

	.legal-section h2 {
		font-size: 17px;
	}

	.legal-section p,
	.legal-section ul li {
		font-size: 14px;
	}

	.legal-contact-info {
		padding: 20px;
	}

	.slider22 .tp-bgimg {
		background-position: right !important;
	}

	.about-hero-image {
		margin-top: 15px;
	}

	.section-header h2 {
		font-size: 22px;
	}
}



.faq-item.active .faq-answer {
	max-height: 1000px;
}

.faq-answer {
	display: none;
}

.faq-item.active .faq-answer {
	display: block;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease;
	padding: 0 15px;
}

.faq-item.active .faq-answer {
	max-height: 2000px;
	/* big enough for long answers */
}

.faq-answer {
	display: none;
	padding: 0 15px;
}

.faq-item.active .faq-answer {
	display: block;
}

.faq-answer p,
.faq-answer ul,
.faq-answer li {
	margin-bottom: 10px;
	line-height: 1.6;
}

.btn-update-cart {
	display: inline-block;
}

/* ============================================
   CUSTOM PRODUCT INFO LAYOUT STYLES
   ============================================ */

.product-info {
	padding-left: 15px;
}

.product-info .product-category {
	background: #e0f2f1;
	color: #00897b;
	padding: 6px 16px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
	display: inline-block;
}

.product-info .product-title {
	font-size: 42px;
	font-weight: 900;
	color: #004869;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.product-info .product-subtitle {
	font-size: 18px;
	color: #666;
	font-style: italic;
	margin-bottom: 20px;
}

.product-rating {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 25px;
}

.product-rating .stars i {
	color: #ffc107;
	font-size: 16px;
}

.product-price-box {
	background: #f0fbfc;
	border: 1px solid #d1edf0;
	border-radius: 15px;
	padding: 25px;
	margin-bottom: 30px;
}

.price-row {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 10px;
}

.current-price {
	font-size: 42px;
	font-weight: 800;
	color: #004869;
}

.original-price {
	font-size: 20px;
	text-decoration: line-through;
	color: #999;
}

.discount-badge {
	background: #ef5350;
	color: #fff;
	padding: 4px 12px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
}

.price-note {
	color: #2e7d32;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.product-options .option-label {
	font-weight: 700;
	color: #004869;
	margin-bottom: 15px;
}

.size-options {
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
}

.size-option {
	flex: 1;
	border: 2px solid #eee;
	border-radius: 12px;
	padding: 15px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
}

.size-option:hover {
	border-color: #0da4af;
}

.size-option.active {
	border-color: #0da4af;
	background: #f0fbfc;
}

.size-value {
	display: block;
	font-weight: 700;
	color: #004869;
	font-size: 16px;
}

.size-price {
	display: block;
	color: #777;
	font-size: 14px;
}

.quantity-section {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 30px;
}

.quantity-selector {
	display: flex;
	align-items: center;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 5px;
	background: #f9f9f9;
}

.qty-btn {
	background: none;
	border: none;
	padding: 5px 15px;
	font-size: 18px;
	cursor: pointer;
	color: #666;
}

.qty-input {
	width: 40px;
	border: none;
	background: none;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	margin: 0 5px;
	-moz-appearance: textfield;
	appearance: textfield;
}

.qty-input::-webkit-outer-spin-button,
.qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}

.action-buttons {
	display: flex;
	gap: 15px;
	margin-bottom: 35px;
}

.btn-add-cart {
	flex: 1;
	background: #0da4af;
	color: #fff !important;
	padding: 15px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	font-weight: 700;
	font-size: 18px;
	text-decoration: none !important;
	border: none;
	cursor: pointer;
}

.btn-add-cart i {
	font-size: 20px;
}

.btn-add-cart:hover {
	background: #00897b;
}

.btn-wishlist {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #004869;
	font-size: 20px;
	background: #fff;
	cursor: pointer;
}

.trust-badges {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	padding: 25px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
}

.trust-badge {
	text-align: center;
}

.trust-badge i {
	font-size: 24px;
	color: #0da4af;
	margin-bottom: 10px;
	display: block;
}

.trust-badge span {
	font-size: 13px;
	color: #666;
	line-height: 1.3;
	display: block;
}

.product-meta span {
	display: block;
	font-size: 14px;
	color: #777;
	margin-bottom: 8px;
}

/* Star rating override if necessary */
.product-rating .star-rating {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

@media (max-width: 991px) {
	.product-info {
		padding-left: 0;
		margin-top: 30px;
	}
}

@media (max-width: 768px) {
	.trust-badges {
		grid-template-columns: 1fr;
	}

	.size-options {
		flex-direction: column;
	}

	.action-buttons {
		flex-direction: column;
	}

	.btn-wishlist {
		width: 100%;
		border-radius: 50px;
	}
}

/* ============================================
   MY ACCOUNT PAGE STYLES (MIGRATED)
   ============================================ */



/* Account Section */
.account-section {
	padding: 70px 0;
	background: #f8f9fa;
	border-radius: 30px;
	margin: 70px 0;
}

/* Account Sidebar */
.account-sidebar {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	position: sticky;
	top: 30px;
}

.account-user {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 25px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
}

.account-user .user-avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
}

.account-user .user-avatar i {
	font-size: 24px;
}

.account-user .user-info h4 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
	color: #fff !important;
}

.account-user .user-info span {
	font-size: 13px;
	opacity: 0.8;
	color: #fff !important;
}

.account-nav {
	padding: 15px 0;
}

.account-nav a {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 15px 25px;
	color: #555 !important;
	text-decoration: none !important;
	font-size: 15px;
	font-weight: 500;
	transition: all 0.3s ease;
	border-left: 3px solid transparent;
}

.account-nav a i {
	font-size: 18px;
	width: 24px;
	text-align: center;
	color: #888;
	transition: color 0.3s ease;
}

.account-nav a:hover,
.account-nav a.active {
	background: rgba(13, 164, 175, 0.1);
	color: #004869 !important;
	border-left-color: #0da4af;
}

.account-nav a:hover i,
.account-nav a.active i {
	color: #0da4af;
}

.account-nav a.logout {
	color: #ff4757 !important;
	border-top: 1px solid #eee;
	margin-top: 10px;
}

.account-nav a.logout i {
	color: #ff4757;
}

.account-nav a.logout:hover {
	background: rgba(255, 71, 87, 0.1);
	border-left-color: #ff4757;
}

/* Account Content */
.account-content {
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
	padding: 35px;
	min-height: 500px;
}

/* Welcome Message */
.welcome-message {
	background: linear-gradient(135deg, rgba(0, 72, 105, 0.05) 0%, rgba(13, 164, 175, 0.05) 100%);
	border-radius: 20px;
	padding: 30px;
	margin-bottom: 30px;
}

.welcome-message h2 {
	border: none !important;
	padding-bottom: 0 !important;
	margin-bottom: 15px !important;
	font-size: 28px !important;
}

.welcome-message p {
	color: #666;
	line-height: 1.7;
	margin: 0;
}

/* Dashboard Stats */
.dashboard-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 40px;
}

.stat-card {
	background: #fff;
	border-radius: 20px;
	padding: 25px;
	display: flex;
	align-items: center;
	gap: 20px;
	border: 2px solid #eee;
	transition: all 0.3s ease;
}

.stat-card:hover {
	border-color: #0da4af;
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.stat-card .stat-icon {
	width: 60px;
	height: 60px;
	border-radius: 15px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.stat-card .stat-icon i {
	font-size: 24px;
	color: #fff;
}

.stat-card .stat-info h3 {
	font-size: 32px;
	font-weight: 700;
	color: #004869;
	margin-bottom: 5px;
	font-family: "Montserrat", sans-serif;
}

.stat-card .stat-info span {
	font-size: 14px;
	color: #888;
}

/* Orders Table */
.orders-table th,
.orders-table td {
	padding: 15px;
	text-align: left;
	border-bottom: 1px solid #eee;
}

.orders-table th {
	background: #f8f9fa;
	font-size: 13px;
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
}

/* Status Badges */
.status-badge {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
}

.btn-view {
	display: inline-block;
	padding: 8px 16px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff !important;
	border-radius: 8px;
	text-decoration: none !important;
}

/* Ultimate Member Specific Overrides */
.um-account-main {
	width: 100% !important;
	float: none !important;
}

.um-account-nav {
	display: none !important;
}

.um-account-side {
	display: block !important;
}

.um-btn,
input[type=submit].um-button,
a.um-button {
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%) !important;
	border-radius: 12px !important;
	padding: 14px 30px !important;
	color: #fff !important;
}

/* Responsive */
@media (max-width: 991.98px) {
	.account-sidebar {
		position: static;
		margin-bottom: 30px;
	}

	.dashboard-stats {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767.98px) {
	.dashboard-stats {
		grid-template-columns: 1fr;
	}
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}
.tab-content {
    display: none;
    padding-top: 20px;
}

.tab-content.active {
    display: block;
}

.product-tab.active {
    background: #004869;
    color: #fff;
}
.variations_form .variations {
    display: none !important;
}