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

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

ul,
ol {
	list-style: none;
}
.legal-section ul {
  list-style: none;
  padding: 0;
}
.legal-section ul li {
  position: relative;
  padding-left: 25px;
  font-size: 16px;
  line-height: 36px;
}
.legal-section ul li:before {
  font-family: 'Font Awesome 6 Free';
  font-weight: bold;
  content: '\f0a9';
  position: absolute;
  top: 1px;
  left: 0;
  color: #0da5b0;
}



.out-of-stock{color: #f00;}

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

#header {
	margin-bottom: 10px;
	padding:0 40px;
}

#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 4px;
}

#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: 40px !important;
	padding: 14px 20px !important;
	border: none !important;
	background: #0DA4AF;
	background: linear-gradient(90deg, rgba(13, 164, 175, 1) 0%, rgba(8, 68, 98, 1) 100%);
	color: #fff !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important;
}

.btn-account:hover {
	color: #fff !important;
	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 30px;
}

.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);
}
.why-upgrade{position: relative;}
.hoverbtn {
    position: absolute;
    top: -28px;
    z-index: 9;
    left: 0;
    right: 0;
    text-align: center;
}
.different-link {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    position: relative;
    transition: 0.3s ease;
    margin-bottom: 38px;
    display: inline-block;
    background: rgb(0 172 188 / 41%);
    border: 1px solid rgb(255 255 255 / 38%);
    padding: 16px 30px;
    border-radius: 40px;
}
.different-link:hover{background: #00a7b8; color:#fff;}

/*********************************************
	Best Selling Peptides Section
**********************************************/
.best-selling-peptides {
	padding: 80px 0;
	background: #fff;
	text-align: center;
}
.best-selling-peptides .row{justify-content: 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;
}
.different-link {
    animation: floatGlow 3s ease-in-out infinite;
}

@keyframes floatGlow {
    0% {
        transform: translateY(0);
        box-shadow: 0 0 0 rgb(0 171 187 / 90%);
    }
    50% {
        transform: translateY(-6px);
        box-shadow: 0 10px 25px rgb(0 171 187 / 83%);
    }
    100% {
        transform: translateY(0);
        box-shadow: 0 0 0 rgb(0 171 187 / 84%);
    }
}
.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;
	background: linear-gradient(152deg, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 100%);
}

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

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

.peptide-card .product-name {
	font-size: 17px;
	font-weight: 700;
	color: #00aebe;
	font-family: "Montserrat", sans-serif;
	line-height: 1.2;
	background: #ffffff;
	display: inline-block;
	padding: 6px 25px;
	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;
}
.cartpop-btn{    padding: 0 !important;
    width: 42px;
    height: 42px;}

.peptide-card .btn-learn-more i {
	font-size: 14px;
	transition: transform 0.3s ease;
}
.cartpop{max-width:800px;}
.cartpop .modal-body{background:#fff;}
.cartpop .popimg img{width:55px !important;}
.peptide-card .btn-learn-more:hover {
	background: #00aebe;
	transform: translateY(-2px);
}
.peptide-card .btn-learn-more:hover i {
    transform: translateX(4px);
}
.peptide-card .cartpop-btn:hover i {
	transform: none;
}

/* View all Products Button */
.best-selling-peptides .btn-view-all, .main_btn a {
	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, .main_btn a i {
	font-size: 14px;
	transition: transform 0.3s ease;
}

.best-selling-peptides .btn-view-all:hover, .main_btn a: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;
	}
.btn-continue-shopping{margin: 42px auto 20px auto !important;}
}

@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 .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;
	}
}




.gallery-wrap{
	position:relative; 
}


.gallery-wrap.fullwidth.style-two{
	padding-bottom:90px;	
}

.gallery-wrap .filters{
	position:relative;
	text-align:center;
}

.gallery-wrap .filters li{position:relative; display:inline-block; cursor:pointer;
	    background: transparent;
    padding: 12px 20px; border-radius:30px; font-weight:bold;
    font-size: 14px;
    color: #0c8a9a;
    margin: 0 5px 5px 0;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #0c8a9a;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.gallery-wrap .filters li .txt{
	position:relative;
	display:block;
	z-index:1;	
}


.gallery-wrap .filters li:hover,
.gallery-wrap .filters li.active{
	color:#fff; background:#0c8a9a; border-radius: 30px;
}

.gallery-wrap .filters li:hover:before,
.gallery-wrap .filters li.active:before,
.gallery-wrap .filters li:hover:after,
.gallery-wrap .filters li.active:after{
	opacity:1;
}
.filter-tabs{margin-bottom: 40px;}



.image-box{position: relative;}
.image-box {
  perspective: 1000px;
  width: 100%; /* adjust if needed */
  height: auto;
  position: relative;
}

.flip-container {
  width: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}

.image-box:hover .flip-container {
  transform: rotateY(180deg);
}

.flip-container .back-img {
  width: 100%;
  height: auto;
  backface-visibility: hidden;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.front-img {
  z-index: 2;
}

.back-img {
  transform: rotateY(180deg);
}













/* Product Gallery Styles */
.product-gallery {
    position: relative;
}
 
.image-wrapper {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
 
.image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}
 
.image-wrapper:hover img {
    transform: scale(1.05);
}
 
.zoom-icon {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    z-index: 10;
}
 
.image-wrapper:hover .zoom-icon {
    opacity: 1;
}
 
.zoom-icon i {
    color: #333;
    font-size: 20px;
}
 
.zoom-icon:hover {
    background: #007cba;
    transform: scale(1.1);
}
 
.zoom-icon:hover i {
    color: white;
}
 
/* Thumbnail Gallery */
.thumbnail-gallery {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    flex-wrap: wrap;
}
 
.thumbnail-item {
    position: relative;
    width: 85px;
    height: 85px;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
 
.thumbnail-item.active {
    border-color: #007cba;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,124,186,0.2);
}
 
.thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 
.thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
 
.thumbnail-item:hover .thumbnail-overlay {
    opacity: 1;
}
 
.thumbnail-overlay i {
    color: white;
    font-size: 20px;
    background: rgba(0,124,186,0.9);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}
 
.thumbnail-overlay i:hover {
    transform: scale(1.1);
}
 
/* Modal Gallery Styles */
.modal-content {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}
 
.modal-header {
    border-bottom: 1px solid #eee;
    padding: 15px 20px;
    background: #fff;
}
 
.modal-header .modal-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
}
 
.modal-header .btn-close {
    transition: transform 0.3s ease;
}
 
.modal-header .btn-close:hover {
    transform: rotate(90deg);
}
 
.modal-body {
    padding: 20px;
    background: #f8f9fa;
}
#galleryModal .modal-body{background: #fff;}
 
/* Modal Slider */
 
 
.modal-slider {
    height: 100%;
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
 
.modal-slide {
    flex: 0 0 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 20px;
}
 
.modal-slide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px; 
}
 
.modal-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: linear-gradient(135deg, #ff4d4d, #ff1a1a);
    color: white;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    z-index: 5;
    box-shadow: 0 4px 12px rgba(255,77,77,0.3);
}
 
.modal-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: rgba(255,255,255,0.95);
    border: none;
    border-radius: 50%;
    color: #333;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.modal-nav:hover {
    background: #0d96a4;
    color: white;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 15px rgba(0,124,186,0.4);
}
 
.modal-nav.prev {
    left: 20px;
}
 
.modal-nav.next {
    right: 20px;
}
.product-gallery .product-title{font-size: 30px; text-align: center;}
 
/* Modal Thumbnails */
.modal-thumbnails-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 0;
}
 
.modal-thumbnails {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 10px 5px;
    flex: 1;
    scrollbar-width: thin;
    scrollbar-color: #007cba #e0e0e0;
}
 
.modal-thumbnails::-webkit-scrollbar {
    height: 6px;
}
 
.modal-thumbnails::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 10px;
}
 
.modal-thumbnails::-webkit-scrollbar-thumb {
    background: #007cba;
    border-radius: 10px;
}
 
.modal-thumbnails::-webkit-scrollbar-thumb:hover {
    background: #005a8c;
}
 
.modal-thumb {
    flex: 0 0 80px;
    height: 80px;
    border: 3px solid transparent;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.7;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
 
.modal-thumb.active {
    border-color: #007cba;
    transform: scale(1.1);
    opacity: 1;
    box-shadow: 0 4px 15px rgba(0,124,186,0.3);
}
 
.modal-thumb:hover {
    opacity: 1;
    transform: scale(1.05);
}
 
.modal-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 
.thumb-nav {
    width: 35px;
    height: 35px;
    background: white;
    border: none;
    border-radius: 50%;
    color: #333;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.thumb-nav:hover {
    background: #007cba;
    color: white;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0,124,186,0.3);
}
 
.thumb-nav:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

#galleryModal .modal-dialog{max-width:570px;}


/* Responsive */
@media (max-width: 768px) {
    .modal-slider-container {
        height: 350px;
    }
    .modal-nav {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .modal-thumb {
        flex: 0 0 70px;
        height: 70px;
    }
    .thumbnail-item {
        width: 70px;
        height: 70px;
    }
}
 
@media (max-width: 576px) {
    .modal-dialog {
        margin: 10px;
    }
    .modal-slider-container {
        height: 300px;
    }
    .modal-thumb {
        flex: 0 0 60px;
        height: 60px;
    }
}



/*********************************************
	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;
}

.holder .heading p {
	margin-bottom: 0;
}

.hexagon-icon { 
	margin-bottom: 25px; 
}

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

.product-badge {
	display: none;
}

.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;  display: inline-block;
	}
 
}

@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: 80px; 
		margin-bottom: 20px;
	}

 .standard-section h2{margin-bottom: 15px;}

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

	.purity-card p {
		font-size: 14px;
	}
.heading{margin-bottom:15px;}

}

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

/*********************************************
	Logistics Section
**********************************************/
.logistics-section {
	padding:00px 0 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;
}
.economics-section ul li a{color: #0da4af;
    text-decoration: none;}
    .economics-section ul li a:hover{color:#08405f;}
.logistics-feature .feature-text h3 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 20px;
	color: #08405f;
	
}

.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; 
	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: 1400px) {
    /*.tp-leftarrow.default{left:auto !important; right:0; top:120px;}*/
    .tp-rightarrow.default{top:150px;}
    
    .slidertext1,
	.slidertext2,
	.slidertext4 {
		margin-left: 120px !important;
	}
    
    
}


@media (max-width: 1199.98px) {
	.slidertext1 {
		font-size: 64px;
		line-height: 70px !important;
	}

	.slidertext1,
	.slidertext2,
	.slidertext4 {
		margin-left: 120px !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;
	}
	
	.slidertext2,
	.slidertext4 {
		margin-top: -20px !important;
	}
}

@media (max-width: 767.98px) {
    .tp-arr-iwrapper{line-height: 30px; font-size: 14px;}
    .tp-arr-allwrapper{width: 30px;
    height: 30px;}
    
    
	.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;
	}
	
	.slidertext1,
	.slidertext2,
	.slidertext4 {
		margin-left: 80px !important;
	}
}

@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: 50px !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
****************************************************/
.slider-wrapper {
	border-radius: 45px !important;
	height: 810px;
	overflow: hidden !important;
	background: #000;
}
.tp-bgimg{border-radius: 45px !important; overflow: hidden !important;}

/* 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 !important;
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	font-size: 15px;
	transition: all 0.3s ease;
	background: white;
	height:60px;
}
.forgot-password-form .form-control {
	height: 59px !important;
	padding: 15px !important;
	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;
}
#resetPasswordForm{border-radius: 15px;
    border: none;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    margin: 50px auto;
    padding: 40px;}

.btn-submit, .forgot-password-form .btn {
	width: 100%;
	padding: 15px !important;
	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, .forgot-password-form .btn: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: 1.5rem;
		padding-left: 1.5rem;
		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: 99;
	}

	#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 p {
	display: flex;
	align-items: center;
	gap: 0;
	background: #fff;
	border-radius: 50px;
	overflow: hidden;
	padding: 8px;
}

.wpcf7-spinner {
	display: none !important;
}

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

.wpcf7-form-control-wrap:first-child .form-control {
	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 !important;
	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);
}


/* 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;
	display: inline-block;
}

.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: 14px;
	}

}

@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 {  
		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 25%; 
	}

	.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: 600px) {
.newsletter-form .form-row{ display: flow;}
    .newsletter-form .form-control:first-child {
        border-right: none;
    }
.newsletter-form .form-control{border-bottom: 1px solid #d4d4d4 !important;}
    .newsletter-form .btn-submit {
        width: 100%;
    }
}

@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
	}

	.wpcf7-form-control-wrap .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: 80px;
		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: 36px;
	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 .image-wrapper{margin:0 auto; box-shadow:none !important;}
.woocommerce{display:block !important;}
.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,
.price-row {
	font-size: 30px;
	font-weight: 800;
	color: #004869;
	margin-bottom: 18px;
	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; padding-top: 7px;
}

/* 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;
}

.single_add_to_cart_button {
	width: 100%;
	margin-bottom: 20px;
}

.btn-add-cart,
.single_add_to_cart_button {
	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,
.single_add_to_cart_button: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;
	justify-content: space-between;
}
.product-meta span a{text-decoration: none;
    color: #777;}
    .product-meta span a:hover{
    color: #0d9ca9;}
.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::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;
	}
	.product-tabs-section {
    padding: 40px 0;}
}

@media (max-width: 767.98px) {
	.page-title-section h1 {
		font-size: 22px;
	}
.single_add_to_cart_button.button.alt{padding: 15px 30px !important;}
.related-products-section .section-header{display:block;}
.related-products-section .section-header .title{margin-bottom: 5px;}

	.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{display:block;}

	.product-tab { 
		padding: 12px 20px;
		font-size: 14px;
		display: block;
        width: 100%;
	}

	.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: #757575;
	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,
.form-floating-group .form-input.filled~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;
	height: 100px;
}

.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,
.form-floating-group textarea.form-input.filled~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;
	display: -webkit-box;
  -webkit-line-clamp: 2;   /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.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;
	display: -webkit-box;
  -webkit-line-clamp: 2;   /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.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 {
	font-family: 'Font Awesome 6 Free';
    font-weight: bold;
    content: '\f0a9';
    position: absolute;
    top: 0;
    left: 0;
    color: #0da5b0;
}

/* 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;
	}
}


.research-disclaimer-bar i {
    animation: warningBounce 1.8s infinite;
}

@keyframes warningBounce {
    0%, 100% { transform: translateY(0); }
    30% { transform: translateY(-4px); }
    50% { transform: translateY(0); }
    70% { transform: translateY(-2px); }
}

/* ============================================
   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 { 
	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 a, .remove {
	color: #f31a1a;
}

.cart-items-wrapper .quantity-selector {
	display: inline-block;
}

.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: end;*/
/*	align-items: center;*/
/*	padding: 25px 30px;*/
/*	background: #f8f9fa;*/
/*	gap: 20px;*/
/*	flex-wrap: wrap;*/
/*}*/

.coupon-form {
	display: block; 
}

.coupon-form input {
	padding: 14px 20px;
	border: 2px solid #e8e8e8;
	border-radius: 40px;
	font-size: 15px; 
	width:100%;
}

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

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

}

.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: 40px;
	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;
	max-width: 250px;
	margin: 42px 0 0 auto !important;
	padding: 15px 30px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border: 2px solid #e8e8e8;
	border-radius: 40px;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	margin-top: 15px;
	transition: all 0.3s ease;
}

 

/* 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: 13px;
	color: #666;
	font-weight: 600;
	line-height: 16px;
}

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

	.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; 
	}
}

@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;
}

#place_order {
	display: none;
}

.orderbtn #place_order {
	display: block;
}

.checkout-form .form-control {
	width: 100%;
	padding: 13px 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 {
	    border-top: 2px solid #004869;
	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: 40px;
	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: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	font-size: 13px;
	font-weight: 700;
	color: #fff !important;
	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: 16px;
	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(180deg);
}

.faq-answer {
	display: none;
	padding: 0 25px 25px;
}

.faq-item.active .faq-answer {
	display: block; padding-bottom: 15px; text-align: left;
}

.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: #004869;
	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: 6px;
}

.legal-section p:last-child {
	margin-bottom: 0;
}

.legal-section p a{text-decoration: none;
    color: #0da3ae;}
.legal-section p a:hover{color:#053854;} 
    
.legal-section ul {
	margin: 0 0 15px;
	padding: 0;
}

.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 .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-category a{text-decoration:none; color: #0c9ca8;}
.product-info .product-title {
	font-size: 30px;
	font-weight: 900;
	color: #004869;
	margin-bottom: 8px;
	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;
}
.nav-link:focus, .nav-link:hover {
    color: #0da4af;
}
.product-price-box {
	background: #f0fbfc;
	border: 1px solid #d1edf0;
	border-radius: 15px;
	padding: 25px 25px 15px 25px;
	margin-bottom: 0px;
}

.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; 
	gap: 8px; 
	    line-height: 22px;
    margin-top: 10px;
}

.product-options .option-label {
	font-weight: 700;
	color: #004869;
	margin-bottom: 15px;
}

.size-options {
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
}

.size-option { 
	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 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 {
		justify-content: center;
	}
	.product-options{text-align: center;}

	.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;
}

.h5 {
	font-size: 14px;

}

.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;
	display:none !important;
}

.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;
}

.woocommerce-Pagination{margin-top:20px;}
.orders-table-wrapper .orders-table th {
	background: #f8f9fa;
	font-size: 13px;
	font-weight: 600;
	color: #666 !important;
	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;
}
.auth-modal .modal-body .tab-content { 
	padding-top: 0px;
}
.tab-content.active {
	display: block;
}


.variations_form .variations {
	display: none !important;
}

/* --- WooCommerce Thank You Page Redesign --- */
.thankyou-section .thankyou-card {
	border-radius: 20px;
	background: #fff;
	transition: all 0.3s ease;
}

.thankyou-section .order-summary-card {
	border-radius: 20px;
	background: #fff;
}

.thankyou-section .order-summary-card .bg-dark {
	background: linear-gradient(135deg, #0b2138 0%, #08405f 100%) !important;
}

.thankyou-section .text-primary {
	color: #0DA4AF !important;
}

.thankyou-section .btn-primary {
	background: linear-gradient(90deg, #0DA4AF 0%, #084462 100%) !important;
	border: none !important;
	padding: 12px 25px;
	border-radius: 50px;
	font-weight: 600;
	transition: opacity 0.3s;
}

.thankyou-section .btn-primary:hover {
	opacity: 0.9;
	color: #fff;
}

.thankyou-section .billing-address-box {
	border-left: 4px solid #0DA4AF !important;
}

.thankyou-section .bg-success.bg-opacity-10 {
	background-color: rgba(13, 164, 175, 0.1) !important;
}

.thankyou-section .text-success {
	color: #0DA4AF !important;
}

/* --- WooCommerce Order Details Refinement --- */
.woocommerce-details-wrapper .woocommerce-order-details {
	margin-top: 30px;
}

.woocommerce-details-wrapper .woocommerce-order-details__title {
	font-size: 24px;
	font-weight: 700;
	color: #0b2138;
	margin-bottom: 20px;
}

.woocommerce-details-wrapper .shop_table.order_details {
	border: none !important;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	width: 100% !important;
}

.woocommerce-details-wrapper .shop_table.order_details thead th {
	
	padding: 15px 20px;
	border-bottom: 2px solid #eee;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
	color: #0b2138;
}
.woocommerce-details-wrapper .shop_table.order_details thead tr{background: linear-gradient(135deg, #0b2138 0%, #08405f 100%) !important;}
.woocommerce-details-wrapper .shop_table.order_details tbody td,
.woocommerce-details-wrapper .shop_table.order_details tfoot td,
.woocommerce-details-wrapper .shop_table.order_details tfoot th {
	padding: 15px 20px;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
}

.woocommerce-details-wrapper .shop_table.order_details tbody tr:last-child td {
	border-bottom: 2px solid #eee;
}

.woocommerce-details-wrapper .shop_table.order_details tfoot th {
	text-align: right;
	font-weight: 600;
	color: #666;
}

.woocommerce-details-wrapper .shop_table.order_details tfoot tr:last-child th,
.woocommerce-details-wrapper .shop_table.order_details tfoot tr:last-child td {
	background: #f8f9fa;
	font-size: 18px;
	font-weight: 700;
	color: #0DA4AF;
	border-bottom: none;
}

.woocommerce-details-wrapper .woocommerce-customer-details {
	margin-top: 40px;
	background: #f8f9fa;
	padding: 30px;
	border-radius: 15px;
	border-left: 5px solid #0DA4AF;
	display: none !important;
}

.woocommerce-details-wrapper .woocommerce-column__title {
	font-size: 20px;
	font-weight: 700;
	color: #0b2138;
	margin-bottom: 15px;
}

.woocommerce-details-wrapper address {
	font-style: normal;
	line-height: 1.8;
	color: #555;
	margin-bottom: 0;
}

.woocommerce-details-wrapper .woocommerce-customer-details--phone,
.woocommerce-details-wrapper .woocommerce-customer-details--email {
	margin-top: 10px;
	display: block;
	font-weight: 600;
	color: #0b2138;
}

.entry-header,
.woocommerce-form-coupon-toggle {
	display: none;
}

/* Contact Form 7 Validation Styles */
.wpcf7-form .wpcf7-not-valid {
	border-color: #ff0000 !important;
}

.wpcf7-not-valid-tip {
	color: #ff0000;
	font-size: 14px;
	display: block;
	margin-top: 5px;
	font-weight: 500;
}

.wpcf7-response-output.wpcf7-validation-errors {
	border: 1px solid #ff0000;
	color: #ff0000;
	padding: 10px;
	margin-top: 15px;
	border-radius: 5px;
	background: #fff5f5;
}

/* Fix overlapping issue by ensuring clear spacing */
.contact-form-wrapper .form-group {
	margin-bottom: 25px;
	position: relative;
}
 

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"],  .wpcf7 input[type="tel"]{color: #757575;}

/* ==========================================================================
   Empty Cart Page Redesign
   ========================================================================== */
body .empty-cart-section {
	text-align: center !important;
	padding: 100px 40px !important;
	background: #fff !important;
	border-radius: 40px !important;
	box-shadow: 0 30px 80px rgba(0, 72, 105, 0.08) !important;
	margin: 60px auto 100px !important;
	max-width: 900px !important;
	border: 1px solid #eef2f6 !important;
}

body .empty-cart-icon {
	font-size: 80px !important;
	color: #0da4af !important;
	margin-bottom: 40px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: rgba(13, 164, 175, 0.08) !important;
	width: 160px !important;
	height: 160px !important;
	border-radius: 50% !important;
}

body .empty-cart-content {
	max-width: 700px !important;
	margin: 0 auto 50px !important;
}

body .empty-cart-content .cart-empty {
	font-size: 36px !important;
	font-weight: 800 !important;
	color: #004869 !important;
	margin-bottom: 20px !important;
	font-family: inherit !important;
	/* Montserrat should be inherited */
}

body .empty-cart-subtext {
	font-size: 18px !important;
	color: #555 !important;
	line-height: 1.8 !important;
	margin-top: 15px !important;
}

body .empty-cart-section .return-to-shop {
	margin-top: 30px !important;
}

/* Base button style adjustment if btn-primary is not defined globally */
body .empty-cart-section .btn-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%) !important;
	color: #fff !important;
	padding: 18px 45px !important;
	border-radius: 60px !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	box-shadow: 0 15px 35px rgba(13, 164, 175, 0.25) !important;
	border: none !important;
}

body .empty-cart-section .btn-primary:hover {
	transform: translateY(-5px) !important;
	box-shadow: 0 20px 45px rgba(13, 164, 175, 0.35) !important;
	color: #fff !important;
}

body .empty-cart-section .btn-primary .txt {
	margin: 0 !important;
	color: #fff !important;
}

body .empty-cart-section .btn-primary .ico {
	margin-left: 15px !important;
	font-size: 15px !important;
	color: #fff !important;
	display: flex !important;
	align-items: center !important;
}

/* ==========================================================================
   WooCommerce Notices Styling (Shop / Product Pages)
   ========================================================================== */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	background-color: #fff !important;
	border: 1px solid #eef2f6 !important;
	border-radius: 15px !important;
	padding: 18px 25px !important;
	box-shadow: 0 15px 40px rgba(0, 72, 105, 0.06) !important;
	margin: 20px 0 40px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	color: #004869 !important;
	font-weight: 500 !important;
	border-left: 6px solid #0da4af !important;
	gap: 20px !important;
	width: 100% !important;
	clear: both !important;
}

.woocommerce-error {
	border-left-color: #ff4b2b !important;
}

.woocommerce-info {
	border-left-color: #004869 !important;
}

/* Hide default WooCommerce icons to keep it clean */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	display: none !important;
}

/* "View cart" button inside notices */
.woocommerce-message .button.wc-forward,
.woocommerce-info .button.wc-forward,
.woocommerce-error .button.wc-forward {
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%) !important;
	color: #fff !important;
	padding: 10px 25px !important;
	border-radius: 50px !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
	box-shadow: 0 8px 15px rgba(13, 164, 175, 0.2) !important;
	margin: 0 !important;
	float: none !important;
	/* Override standard float */
	display: inline-flex !important;
	align-items: center !important;
	border: none !important;
}

.woocommerce-message .button.wc-forward:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 25px rgba(13, 164, 175, 0.3) !important;
	color: #fff !important;
}

/* Ensure mobile responsiveness for notices */
@media (max-width: 767px) {

	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error {
		flex-direction: column !important;
		text-align: center !important;
		padding: 25px 20px !important;
	}

	.woocommerce-message .button.wc-forward {
		width: 100% !important;
		justify-content: center !important;
	}
}

/* Custom Contact Form Validation Styling */
.form-floating-group.has-error {
	border-color: #ff4b2b !important;
}

.form-floating-group .wpcf7-not-valid-tip.custom-error-tip {
	position: absolute !important;
	bottom: -22px !important;
	left: 15px !important;
	font-size: 11px !important;
	color: #ff4b2b !important;
	font-weight: 600 !important;
	display: block !important;
	margin: 0 !important;
	line-height: 1 !important;
	background: #fff !important;
	padding: 2px 5px !important;
	z-index: 10;
}

.wc_payment_methods.methods {
	margin: 0;
	padding: 0;
}

.wc_payment_methods.methods li {
	position: relative;
	padding-left: 28px;
}

.wc_payment_methods.methods input {
	position: absolute;
	top: 6px;
	left: 0;
}


.form-floating-group.textarea-group .wpcf7-not-valid-tip.custom-error-tip {
	bottom: -15px !important;
}

/* Hide standard CF7 response output if it looks messy */
div.wpcf7 .wpcf7-response-output {
	border-radius: 10px !important;
	margin: 20px 0 0 !important;
	font-size: 14px !important;
	text-align: center !important;
}

.btn-submit-form {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	/* space between text and icon */
	padding: 18px 20px;
	font-size: 16px;
	cursor: pointer;
}


/* ============================================
   ORDER DETAIL PAGE STYLES (view-order.php)
   ============================================ */

/* Order Status Message */
.woocommerce-order-details>p:first-of-type {
	background: linear-gradient(135deg, rgba(0, 72, 105, 0.08) 0%, rgba(13, 164, 175, 0.08) 100%);
	border-left: 4px solid #0da4af;
	border-radius: 15px;
	padding: 20px 25px;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 1.7;
	color: #333;
}

.woocommerce-order-details>p:first-of-type mark {
	background: none;
	font-weight: 700;
	color: #004869;
	padding: 0;
}

.woocommerce-order-details>p:first-of-type mark.order-number {
	color: #0da4af;
	font-size: 18px;
}

.woocommerce-order-details>p:first-of-type mark.order-status {
	display: inline-block;
	padding: 4px 14px;
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	border-radius: 20px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Order Details Heading */
.woocommerce-order-details 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;
	position: relative;
}

.woocommerce-order-details h2::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 80px;
	height: 2px;
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
}

/* Order Details Table */
.woocommerce-table--order-details {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
	margin-bottom: 30px;
}

.woocommerce-table--order-details thead {
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
}

.woocommerce-table--order-details thead th {
	padding: 18px 20px;
	font-size: 14px;
	font-weight: 700;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	text-align: left;
	border: none;
}
 
.order-overview-grid .bg-light{height:100%;}
.woocommerce-table--order-details tbody tr {
	border-bottom: 1px solid #eee;
	transition: background 0.3s ease;
}

.woocommerce-table--order-details tbody tr:last-child {
	border-bottom: none;
}

.woocommerce-table--order-details tbody tr:hover {
	background: #f8f9fa;
}

.woocommerce-table--order-details tbody td {
	padding: 20px;
	font-size: 15px;
	color: #333;
	vertical-align: middle;
	border: none;
}

.woocommerce-table--order-details .product-name {
	font-weight: 600;
	color: #004869;
}

.woocommerce-table--order-details .product-name a {
	color: #004869;
	text-decoration: none;
	transition: color 0.3s ease;
}

.woocommerce-table--order-details .product-name a:hover {
	color: #0da4af;
}

.woocommerce-table--order-details .product-quantity {
	text-align: center;
	color: #666;
}

.woocommerce-table--order-details .product-total {
	text-align: right;
	font-weight: 700;
	color: #004869;
	font-size: 16px;
}

/* Order Totals (Subtotal, Total, etc.) */
.woocommerce-table--order-details tfoot {
	background: #f8f9fa;
}

.woocommerce-table--order-details tfoot tr {
	border-bottom: 1px solid #e8e8e8;
}

.woocommerce-table--order-details tfoot tr:last-child {
	border-bottom: none;
}

.woocommerce-table--order-details tfoot th {
	padding: 15px 20px;
	font-size: 15px;
	font-weight: 600;
	color: #555;
	text-align: left;
	border: none;
}

.woocommerce-table--order-details tfoot td {
	padding: 15px 20px;
	font-size: 15px;
	color: #333;
	text-align: right;
	border: none;
}

.woocommerce-table--order-details tfoot tr.order-total th,
.woocommerce-table--order-details tfoot tr.order-total td {
	font-size: 18px;
	font-weight: 700;
	color: #004869;
	padding: 20px;
	background: linear-gradient(135deg, rgba(0, 72, 105, 0.05) 0%, rgba(13, 164, 175, 0.05) 100%);
}

.woocommerce-table--order-details tfoot tr.order-total td .woocommerce-Price-amount {
	color: #0da4af;
	font-size: 22px;
}

/* Payment Method Row */
.woocommerce-table--order-details tfoot tr:has(th:contains("Payment method")),
.woocommerce-table--order-details tfoot tr.payment_method {
	background: #fff;
}

/* Billing Address Section */
.woocommerce-customer-details {
	margin-top: 40px;
}

.woocommerce-customer-details 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;
	position: relative;
}

.woocommerce-customer-details h2::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 80px;
	height: 2px;
	background: linear-gradient(90deg, #0da4af 0%, #004869 100%);
}

/* Address Cards - Both Billing and Shipping */
.woocommerce-customer-details address {
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
	border-radius: 20px;
	padding: 0;
	border: 2px solid #e8e8e8;
	font-style: normal;
	color: #555;
	font-size: 15px;
	transition: all 0.3s ease;
	height: 100%;
	overflow: hidden;
}

.woocommerce-customer-details address:hover {
	border-color: #0da4af;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
}

/* Address Header with Icon */
.woocommerce-customer-details .woocommerce-column h2 {
	background: linear-gradient(135deg, #004869 0%, #0da4af 100%);
	color: #fff;
	padding: 20px 25px;
	margin: 0 0 0 0;
	font-size: 18px;
	border-bottom: none;
	display: flex;
	align-items: center;
	gap: 12px;
}

.woocommerce-customer-details .woocommerce-column h2::before {
	content: '\f3c5';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 20px;
	color: #fff;
}

.woocommerce-customer-details .woocommerce-column--shipping-address h2::before {
	content: '\f0d1';
}

.woocommerce-customer-details .woocommerce-column h2::after {
	display: none;
}

/* Address Body Content */
.woocommerce-customer-details address {
	padding: 25px;
	line-height: 2;
}

.woocommerce-customer-details address strong {
	display: block;
	color: #004869;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 700;
	padding-bottom: 12px;
	border-bottom: 2px solid #eee;
}

.woocommerce-customer-details address p {
	margin: 8px 0;
	color: #555;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding-left: 0;
}

/* Add icons to address lines */
.woocommerce-customer-details address p::before {
	content: '\f015';
	font-family: "Font Awesome 6 Free";
	font-weight: 400;
	color: #0da4af;
	font-size: 14px;
	min-width: 18px;
	text-align: center;
	margin-top: 3px;
}

/* Different icons for different address parts */
.woocommerce-customer-details address p:nth-of-type(1)::before {
	content: '\f007';
	font-weight: 900;
}

.woocommerce-customer-details address p:nth-of-type(2)::before,
.woocommerce-customer-details address p:nth-of-type(3)::before,
.woocommerce-customer-details address p:nth-of-type(4)::before {
	content: '\f3c5';
}

.woocommerce-customer-details address p:has(a[href^="tel"])::before {
	content: '\f095';
}

.woocommerce-customer-details address p:has(a[href^="mailto"])::before {
	content: '\f0e0';
}

/* Column Layout for Billing and Shipping Addresses */
.woocommerce-customer-details .woocommerce-columns {
	/*display: grid;*/
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
	margin-bottom: 25px;
}

.woocommerce-customer-details .woocommerce-column--billing-address,
.woocommerce-customer-details .woocommerce-column--shipping-address {
	margin-bottom: 0;
}

/* Individual Column Headers */
.woocommerce-customer-details .woocommerce-column h2 {
	font-size: 18px;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

.woocommerce-customer-details .woocommerce-column h2::after {
	width: 60px;
}

/* Order Updates Section */
.woocommerce-order-details h2:has(+ .woocommerce-OrderUpdates) {
	margin-top: 40px;
}

.woocommerce-OrderUpdates {
	list-style: none;
	padding: 0;
	margin: 0;
}

.woocommerce-OrderUpdate {
	background: #f8f9fa;
	border-radius: 15px;
	padding: 20px 25px;
	margin-bottom: 15px;
	border-left: 4px solid #0da4af;
}

.woocommerce-OrderUpdate-meta {
	font-size: 13px;
	color: #888;
	margin-bottom: 10px;
	font-weight: 600;
}

.woocommerce-OrderUpdate-description {
	font-size: 15px;
	color: #555;
	line-height: 1.7;
}

.woocommerce-OrderUpdate-description p {
	margin: 0;
}

/* Responsive Styles for Order Detail Page */
@media (max-width: 991.98px) {
	.woocommerce-order-details>p:first-of-type {
		padding: 18px 20px;
		font-size: 15px;
	}

	.woocommerce-order-details h2 {
		font-size: 22px;
	}

	.woocommerce-table--order-details thead th {
		padding: 15px;
		font-size: 13px;
	}

	.woocommerce-table--order-details tbody td {
		padding: 15px;
		font-size: 14px;
	}

	/* Stack address columns on tablet */
	.woocommerce-customer-details .woocommerce-columns {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.woocommerce-customer-details .woocommerce-column--billing-address,
	.woocommerce-customer-details .woocommerce-column--shipping-address {
		margin-bottom: 0;
	}

	.woocommerce-customer-details address {
		padding: 20px;
	}
}

@media (max-width: 767.98px) {
	.woocommerce-order-details>p:first-of-type {
		padding: 15px 18px;
		font-size: 14px;
		line-height: 1.6;
	}

	.woocommerce-order-details>p:first-of-type mark.order-number {
		font-size: 16px;
	}

	.woocommerce-order-details h2 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	/* Make table responsive - stack on mobile */
	.woocommerce-table--order-details {
		border-radius: 12px;
	}

	.woocommerce-table--order-details thead {
		display: none;
	}

	.woocommerce-table--order-details tbody tr {
		display: block;
		margin-bottom: 15px;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
	}

	.woocommerce-table--order-details tbody td {
		display: block;
		text-align: left !important;
		padding: 12px 15px;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 45%;
	}

	.woocommerce-table--order-details tbody td:last-child {
		border-bottom: none;
	}

	.woocommerce-table--order-details tbody td::before {
		content: attr(data-title);
		position: absolute;
		left: 15px;
		top: 12px;
		font-weight: 700;
		color: #004869;
		font-size: 13px;
		text-transform: uppercase;
		width: 40%;
	}

	.woocommerce-table--order-details tbody td.product-name::before {
		content: "Product";
	}

	.woocommerce-table--order-details tbody td.product-total::before {
		content: "Total";
	}

	.woocommerce-table--order-details tbody td.product-quantity::before {
		content: "Quantity";
	}

	/* Tfoot responsive */
	.woocommerce-table--order-details tfoot tr {
		display: block;
		border-bottom: 1px solid #e8e8e8;
	}

	.woocommerce-table--order-details tfoot th,
	.woocommerce-table--order-details tfoot td {
		display: block;
		text-align: left !important;
		padding: 12px 15px;
	}

	.woocommerce-table--order-details tfoot th {
		padding-bottom: 5px;
		font-size: 13px;
	}

	.woocommerce-table--order-details tfoot td {
		padding-top: 5px;
		font-size: 16px;
		font-weight: 700;
	}

	.woocommerce-table--order-details tfoot tr.order-total th,
	.woocommerce-table--order-details tfoot tr.order-total td {
		font-size: 16px;
		padding: 15px;
	}

	.woocommerce-table--order-details tfoot tr.order-total td .woocommerce-Price-amount {
		font-size: 20px;
	}

	.woocommerce-customer-details h2 {
		font-size: 18px;
	}

	.woocommerce-customer-details .woocommerce-column h2 {
		font-size: 16px;
	}

	/* Stack address columns on mobile */
	.woocommerce-customer-details .woocommerce-columns {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.woocommerce-customer-details address {
		padding: 18px;
		font-size: 14px;
	}

	.woocommerce-OrderUpdate {
		padding: 15px 18px;
	}

	.woocommerce-OrderUpdate-description {
		font-size: 14px;
	}
}

.custom-wishlist-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-wishlist-btn:hover {
    background: #f1f1f1;
    border-color: #0073aa;
}
 

.custom-wishlist-btn i {
    font-size: 20px;
    color: #0073aa;
    transition: all 0.3s ease;
}

.custom-wishlist-btn:hover i {
    color: #ff0000; /* Heart color on hover */
}


.um-field-label .um-field-label-icon { 
    position: absolute;
    bottom: 10px;
    left: 14px;
    z-index: 1 !important;
    color: #08405f; 
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 8px 0 0 8px; 
}
.um-field-area{width: 100%;
    padding: 8px 15px 8px 65px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 15px;
    transition: all 0.3s ease;
    background: white;}

#authModal .um-field-area .um-form-field{border: none !important;}

.uimob340 .um-half{margin-top: 20px;}
.um-field.um-field-c .um-field-area{padding:0; border:none;}
#authModal .um-field-error{    line-height: 6px !important; 
    position: absolute !important;
    bottom: -37px;
    right: 0;}

#um-submit-btn{padding: 20px !important;}
#authModal .um-left{width: 100%;}

.woocommerce-privacy-policy-text p a{text-decoration: none;
    color: #0b98a6;}
.woocommerce-privacy-policy-text p a:hover{color: #015170;}
.tp-banner:hover .tparrows{opacity:1;}


@media (max-width: 1440px) {
    #header { 
	padding:0;
}
}

@media (max-width: 1400px) {
#header .nav-align .navbar .navbar-nav .nav-link{font-size: 13px;}
.lab-wrap{padding: 70px 15px;}
.holder h3{font-size:20px;}

.btn-apply-coupon {
    padding: 14px 32px;}
    .coupon-form input{width:62%;}


}


@media (max-width: 1200px) {
.newsletter-section{padding: 30px 15px 75px 15px;}
.footer-main{padding: 60px 15px 20px;}
    .coupon-form input {
        width: 100%;
    }
.btn-apply-coupon{margin-top: 10px; width: 100%;}
.btn-checkout{font-size: 14px; padding: 18px;}

}


@media (max-width: 990px) {
.about-area .heading h2{margin-bottom: 20px;}
.wpcf7-form-control-wrap{width:100%;}
    .sourcingimg, .endotoxinimg { 
        text-align: center;
    }
.peptide-category-box{margin-bottom:30px;}
.btn-checkout{margin: 42px auto 20px auto !important;}
.economics-section .heading{margin: 0 0 25px;}
.economics-section{padding:15px;}
.purity-section {
        padding: 50px 15px 20px;
    }
    .contact-info-cards{margin-bottom:0;}
    .contact-form-wrapper{margin-top:0;}
}

@media (max-width: 600px) {
.different-link {
    font-size: 14px;  
    padding: 12px 24px; 
}
 
	.slidertext2,
	.slidertext4 {
		margin-top: -30px !important;
	}
.slidertext1{margin-top: -15px !important;}	
	
}


@media (max-width: 600px) {
.newsletter-form .form-row p{display:block !important;}
.newsletter-form .btn-submit{margin-top:15px !important;}
.newsletter-form .form-row p{padding:20px 20px 30px 20px;}
.newsletter-form .form-control{border-right:none;}

}

@media (max-width: 480px) { 
    
    .coupon-form input, .btn-apply-coupon{width:100%;}
    .btn-apply-coupon{margin-top:10px;}
.different-link {
    font-size: 12px;  
    padding: 7px 20px; 
}
.cta-section h2 {line-height: 38px; 
    font-size: 24px !important;}
.hoverbtn{top: -5px;}
 .standard-card .icon{margin: 0px auto 20px auto;}
 .standard-card{text-align:center;}
	
}
@media (max-width: 320px) {
    .different-link {
        font-size: 11px; 
        padding: 5px 15px;
    }
}


/**23-02-2026**/


/* ========================================================================== 
   New About Page Styles 
   ========================================================================== */

.text-cyan {
	color: #00c9d9 !important;
}

.max-w-800 {
	max-width: 800px;
}
.content-box a{text-decoration: none;
    color: #000;}
.orderlistwrp{list-style: decimal !important; padding-left:15px;} 
.orderlistwrp li:marker{color:#08405f;} 
 .bullet-list {padding:0;}
.custom-list li, .bullet-list li{
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	color: #08405f;
	font-size: 16px;
}

.custom-list li i, .bullet-list li i{
	position: absolute;
	left: 0;
	top: 5px;
	color: #0da4af;
}
.custom-list li i.fa-circle-xmark{color:#cd0f0f;}

.standard-card {
	background: #fff;
	padding: 30px;
	border-radius: 20px;
	height: 100%;
	border: 1px solid #eee;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
}

.standard-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	border-color: #0da4af;
}

.standard-card .icon {
	width: 40px;
	height: 40px;
	background: #0da4af;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 14px;
}

.economics-section {
	border-radius: 30px;
	margin-bottom: 40px;
}

.economics-section h3 {
	font-size: 18px;
	font-weight: 700;
	color: #08405f;
}

.standard-card h3 {
	font-size: 18px;
	font-weight: 700;
	color: #08405f;
	margin-bottom: 15px;
	font-family: 'Montserrat', sans-serif;
}

.standard-card p {
	font-size: 15px;
	line-height: 1.6;
	color: #555;
	margin: 0;
}

.triple-test-box {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.test-item {
	background: #e0f7f9;
	color: #08405f;
	padding: 10px 20px;
	border-radius: 50px;
	font-weight: 600;
	font-size: 14px;
	border: 1px solid #b2ebf2;
}

.purity-badge-large .hexagon-icon {
	width: 200px;
	height: 220px;
	margin-bottom: -40px;
	position: relative;
	z-index: 1;
}

.purity-text .number {
	display: block;
	font-size: 48px;
	font-weight: 800;
	color: #08405f;
	line-height: 1;
	margin-bottom: 5px;
}

.purity-text .label {
	font-size: 18px;
	font-weight: 600;
	color: #0da4af;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.commitment-item h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
	font-family: 'Montserrat', sans-serif;
}

.commitment-item p {
	font-size: 15px;
	opacity: 0.8;
}

@media (max-width: 991.98px) {
	.why-started-section .img-box {
		margin-bottom: 30px;
	}

	.standard-section .section-header {
		display: block;
	}

	.standard-section .section-header {
		text-align: center;
	}

	.purity-badge-large {
		margin-top: 40px;
	}
}

/* ========================================================================== 
   Quality Standards Page Styles 
   ========================================================================== */

.quality-block .heading h2 {
	font-size: 28px;
	color: #08405f; margin-bottom: 0;

	position: relative;
	padding-bottom: 10px;
}

.quality-block .heading {
	margin-bottom:10px;
}

.quality-block p.lead {
	font-size: 17px;
    color: #fff;
    border-left: 6px solid #08405f; 
    background: #0da4af;
    padding: 13px 15px 13px 26px;
    margin-top: 18px;
}
.askbullet{margin:0 !important;}
.askbullet li, .askbullet li:before{color:#fff !important;}

.custom-list li i.fa-circle {
	font-size: 8px;
	top: 10px;
	color: #0da4af;
}

.check-list li {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 15px;
}

.check-list li i {
	color: #28a745;
	font-size: 20px;
}

@media (max-width: 767.98px) {
	.quality-block .heading h2 {
		font-size: 22px;
	}

	.check-list li {
		font-size: 16px;
	}
}


/* ========================================================================== 
   UBL Testing Page Styles 
   ========================================================================== */

.step-title {
	font-size: 24px;
	color: #0da4af;
	font-weight: 700;
	margin-bottom: 20px;
	font-family: 'Montserrat', sans-serif;
}


/* Error Messages */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    color: #dc3545;
    border: 1px solid #dc3545;
    background: #ffe6e6;
}

/* Success Message */
.wpcf7 form.sent .wpcf7-response-output {
    color: #28a745;
    border: 1px solid #28a745;
    background: #e6ffed;
}


/* References Section - Professional Academic Style */
.references-section {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 2px solid #e1eef7;
}

.references-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #0d3752;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 10px;
}

.references-title i {
    color: #2b7a9c;
}

.references-list {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.reference-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.ref-number {
    background: #2b7a9c;
    color: white;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 600;
    flex-shrink: 0;
}

.ref-text {
    line-height: 1.5;
    color: #1e4e6f;
}

.ref-text strong {
    color: #0d3752;
    font-weight: 600;
}

.ref-link {
    color: #2b7a9c;
    text-decoration: none;
    border-bottom: 1px dotted #9ac2d9;
    word-break: break-all;
}

.ref-link:hover {
    color: #1a5f80;
    border-bottom: 1px solid #1a5f80;
}

.news-pagination .page-numbers:hover{background:none;} 
.news-pagination li a:hover{background:#e8f4f6 !important;}
.news-pagination .page-numbers.current{background: linear-gradient(135deg, #0da4af 0%, #004869 100%);
    color: #fff; border-radius: 12px;}
    
    
    
    /* Bulk Pricing Table Styles */
    .bulk-pricing-container {
        margin: 25px 0;
        font-family: inherit;
    }
    .bulk-pricing-table {
        width: 100%;
        border-collapse: collapse;
        border-radius: 8px;
        overflow: hidden;
    }
    .bulk-pricing-table thead th {
        background-color: #1a2b56; /* Dark Blue from screenshot */
        color: #ffffff;
        padding: 12px 15px;
        text-align: left;
        font-weight: 600;
        font-size: 14px;
    }
    .bulk-pricing-table tbody tr {
        border-bottom: 1px solid #f0f0f0;
        transition: background-color 0.2s;
    }
    .bulk-pricing-table tbody tr.active {
        background-color: #0d96a4; /* Highlighted row from screenshot */
        color: #ffffff;
    }
    .bulk-pricing-table tbody tr:not(.active):hover {
        background-color: #f8f9fa;
    }
    .bulk-pricing-table td {
        padding: 12px 15px;
        font-size: 14px;
    }
    .bulk-pricing-table .quantity-range {
        font-weight: 500;
    }
    .bulk-pricing-table .per-item-price {
        font-weight: 600;
    }
    .bulk-tier-row {
        cursor: pointer;
    }

    /* Redesigned Quantity and Add to Cart */
    .cart-actions-wrapper {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-top: 30px;
    }
    .custom-qty-selector {
        display: flex;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        height: 50px;
        align-items: center;
        background: #fff;
    }
    .custom-qty-selector input {
        width: 50px;
        border: none;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        outline: none;
        background: transparent;
    }
    .qty-controls {
        display: flex;
        flex-direction: column;
        border-left: 1px solid #e0e0e0;
        height: 100%;
    }
    .qty-btn {
        height: 50%;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        background: none;
        cursor: pointer;
        font-size: 12px;
        color: #666;
    }
    .qty-btn:hover {
        background: #f0f0f0;
    }
    .qty-btn.up {
        border-bottom: 1px solid #e0e0e0;
    }
    .single_add_to_cart_button.button.alt {
        background-color: #1a2b56 !important;
        color: white !important;
        border-radius: 40px !important;
        padding: 15px 40px;
        font-weight: 700 !important;
        text-transform: none !important;
        flex-grow: 1;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px !important;
        margin-bottom:0;
    }
    
    /*thumbnail*/
    /* Product Gallery Styles */
.product-gallery {
    position: relative;
}

.product-gallery .image-wrapper {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.product-gallery .image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}

.product-gallery .image-wrapper:hover img {
    transform: scale(1.05);
}

.zoom-icon {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    z-index: 10;
}

.image-wrapper:hover .zoom-icon {
    opacity: 1;
}

.zoom-icon i {
    color: #333;
    font-size: 20px;
}

.zoom-icon:hover {
    background: #0c99a6;
    transform: scale(1.1);
}

.zoom-icon:hover i {
    color: white;
}

/* Thumbnail Gallery (for main page) */
.thumbnail-gallery {
    display: flex;
    gap: 12px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.thumbnail-item {
    position: relative;
    width: 85px;
    height: 85px;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.thumbnail-item.active {
    border-color: #007cba;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,124,186,0.2);
}

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

.thumbnail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.thumbnail-item:hover .thumbnail-overlay {
    opacity: 1;
}

.thumbnail-overlay i {
    color: white;
    font-size: 20px;
    background: rgba(0,124,186,0.9);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}

.thumbnail-overlay i:hover {
    transform: scale(1.1);
}

/* Modal Gallery Styles (No Thumbnails) */
#galleryModal .modal-content {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

#galleryModal .modal-header {
    border-bottom: 1px solid #eee;
    padding: 15px 20px;
    background: #fff;
}

#galleryModal .modal-header .modal-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
}

#galleryModal .modal-header .btn-close {
    transition: transform 0.3s ease;
}

#galleryModal .modal-header .btn-close:hover {
    transform: rotate(90deg);
}

#galleryModal .modal-body {
    padding: 20px;
    background: #fff;
}

.consent-modal .modal-header .modal-title{color:#fff !important;}

/* Modal Slider */
.modal-slider-container {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    background: #fff; 
}

.modal-slider {
    height: 100%;
    display: flex;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-slide {
    flex: 0 0 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 20px;
}

.modal-slide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 8px; 
}

.modal-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: linear-gradient(135deg, #ff4d4d, #ff1a1a);
    color: white;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    z-index: 5;
    box-shadow: 0 4px 12px rgba(255,77,77,0.3);
}

.modal-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background: rgba(255,255,255,0.95);
    border: none;
    border-radius: 50%;
    color: #333;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-nav:hover {
    background: #0d96a4;
    color: white;
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 15px rgba(0,124,186,0.4);
}

.modal-nav.prev {
    left: 20px;
}

.modal-nav.next {
    right: 20px;
}

/* Responsive */
@media (max-width: 768px) {
    .modal-slider-container {
        height: 350px;
    }
    
    .modal-nav {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    
    .thumbnail-item {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 576px) {
    .modal-dialog {
        margin: 10px;
    }
    
    .modal-slider-container {
        height: 300px;
    }
}


 
.popimg{position: absolute;
    top: 12px;
    right: 12px;}
.popimg img{border-radius:0 !important;}
.header-phone{display:none !important;}

.product-usage-bar {
    background-color: #f1f3f5;
    padding: 36px; border-radius:20px; 
}

.usage-content {
    gap: 12px;
}

.usage-icon {
    font-size: 22px;
    color: #0d9ba8; 
}

.usage-title { 
    font-size: 15px;
    margin-bottom: 5px;
    color: #000;
}

.usage-title span {
    font-weight: 700;  color: #0d9ba8;
}

.usage-description {
    font-size: 13px;
    color: #555;
    margin-bottom: 0;
    line-height: 1.6;
}




 
/* Section Styling */
.advanced-testing-section {
    padding: 60px 0 70px 0;
    background:#073953;
    position: relative;
    overflow: hidden;
    margin-top:40px;
    border-radius:30px;
}

/* Heading Animation */
.advanced-heading {
    font-size: 38px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 50px;
    animation: fadeDown 1s ease forwards;
    opacity: 0;
}

/* Tabs Wrapper */
.advanced-tabs-wrapper {
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
}

.advanced-tabs-wrapper a:hover{background: linear-gradient(90deg, #00aebe 0%, #004869 100%); border-color:#004869;}
/* Buttons */
.advanced-tab-btn {
    display: inline-block;
    padding: 16px 40px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
    border-radius: 50px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.2);
    backdrop-filter: blur(8px);
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 0.8s ease forwards, pulseGlow 3s ease-in-out infinite;
}

/* Stagger Effect */
.advanced-tab-btn:nth-child(1) {
    animation-delay: 0.4s;
}
.advanced-tab-btn:nth-child(2) {
    animation-delay: 0.7s;
}
.advanced-tab-btn:nth-child(3) {
    animation-delay: 1s;
}

.advanced-tab-btn:nth-child(4) {
    animation-delay: 1.3s;
}

/* Smooth Entrance */
@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

/* Soft Glow Pulse */
@keyframes pulseGlow {
    0% {
        box-shadow: 0 0 0 rgba(0, 198, 255, 0);
    }
    50% {
        box-shadow: 0 0 25px rgba(0, 198, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 rgba(0, 198, 255, 0);
    }
}



@media screen and (max-width: 480px){
    .advanced-heading {font-size: 24px; margin-bottom: 32px;}
    .advanced-tab-btn{width: 100%;}
    .advanced-testing-section{padding: 40px 15px;}
}



.advanced-testing-section::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size:40px 40px;
    animation:gridMove 20s linear infinite;
}

@keyframes gridMove{
    from{
        background-position:0 0;
    }
    to{
        background-position:200px 200px;
    }
}






/* TESTING CARDS */
.testing-card {
    background: #fff;
    padding: 25px 25px;
    border-radius: 18px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: 0.3s ease;
    height: 100%;
}
.testing-card h6{margin:0;}
.endotoxinimg img, .sourcingimg img{border-radius: 15px;}
.testing-card i {
    font-size: 34px;
    color: #0da4af;
    margin-bottom: 15px;
}

.testing-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(13,164,175,0.2);
}

.yourseltwrap{background:linear-gradient(90deg, rgba(13, 164, 175, 1) 0%, rgba(8, 68, 98, 1) 100%);}
.yourseltwrap p{color:#fff !important;}


.account-dropdownWrp{    min-width: 200px;
    right: 0 !important;
    left: auto;
    background: #f9ffff;}
.account-dropdownWrp a i{
        padding-right: 5px;
    color: #0da4af;
    }
.text-danger i{color:#dc3545 !important;}    
.dropdown-item.active i, .dropdown-item:active i{color:#fff;} 
.password-change-form{max-width:inherit !important;}
.btn-change-password{background:linear-gradient(270deg, rgba(13, 164, 175, 1) 0%, rgba(8, 68, 98, 1) 100%) !important;}
.woocommerce-privacy-policy-text{margin-top:20px; color: #6a6a6a; border-top: 1px solid #d2d2d2;
    padding-top: 22px;}
.terms-agreement{position: relative; display:block;}
.terms-agreement input{position: absolute;
    left: 0;
    top: 0;
    
}
    
    .terms-agreement label{margin-left: 36px;}

/* Reverse image after content on mobile only */
@media (max-width: 991.98px) {
.sourcingimg, .endotoxinimg{margin-top:30px;}
#header .navbar .dropdown-menu .dropdown-item:hover{background:#fff; color:#000 !important;}
#header .navbar .dropdown-menu .dropdown-item:hover i{color:#000;}
.account-dropdownWrp{    min-width: inherit;
    right: auto !important;
    left: auto; 
    width:100%;
}
 .account-dropdownWrp li{color:#000;}   
   .header-actions{display:block !important;} 
   #header .navbar .dropdown-menu .dropdown-item{color: #fff !important;}
   .dropdown-divider{display:none;}
   #header .navbar .dropdown-menu .dropdown-item{text-transform: none;}
   .text-danger:hover{color:#dc3545 !important;}  
}


.masonry-item { 
    margin-bottom: 30px;
}
.product-option-box{max-width:450px; margin-bottom:30px !important;}
.product-option-box .option-label{
    font-size: 13px;
    font-weight: 700;
    color: #2f3e46;
    letter-spacing: .5px;
    margin-bottom: 6px;
    display: block;
}

.product-option-box .option-select{
    background: #f2f2f2;
    border: none;
    padding: 14px;
    font-weight: 600;
    border-radius: 6px;
    appearance: auto;
    font-size: 13px;
}

.product-option-box .qty-group{
    background: #f2f2f2;
    border-radius: 6px;
    overflow: hidden;
}

.product-option-box .qty-input{
    border: none;
    background: #f2f2f2;
    font-weight: 600;
    font-size: 16px;
}
.capsulesText{font-size:16px; font-weight:600; margin:10px 0; color: #0c99a7;}

.product-option-box .qty-input:focus{
    box-shadow: none;
}

.product-option-box .qty-btn{
    width: 55px;
    height:auto !important;
    border: none;
    font-size: 20px;
    font-weight: 700;
}

.product-option-box .minus{
    background: #c7ccd1;
    color: #000;
}

.product-option-box .plus{
    background: #0d1b2a;
    color: #fff;
}

.product-option-box .form-select:focus{
    box-shadow: none;
}


/* Capsule Circle Badge */
.capsule-badge {
    width: 65px;
    height: 36px;
    background: linear-gradient(145deg, #1b8a94, #0f5f68);
    border-radius: 21px;
    display: flex; 
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 600;
    text-align: center;
    position: absolute;
    top: 18px;
    z-index: 2;
    left: 15px;
    gap: 4px;
}

.capsule-number {
    font-size: 15px;
    font-weight: 700;
    line-height: 0; 
}

.capsule-text{
    font-size: 15px; 
    opacity: .95;
}
.product-options{display:none;}


.modal-slider .capsule-badge{left: 40px; top: 30px;}
.modal-slider .popimg { 
    top: 25px;
    right: 30px;
}
#galleryModal .modal-slide{padding:0;}
#galleryModal .modal-slider-container{background: linear-gradient(152deg, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 100%);}

 



/* wrapper */
.peptide-menu-wrapper{
    margin: 15px 0 25px 0;
    border-top: 1px solid #d8d8d8;
    padding-top: 30px; 
}

/* menu layout */
.peptide-menu{
    display:flex;
    justify-content:center;
    gap:25px;
    list-style:none;
    margin:0;
    padding:0;
    flex-wrap:wrap;
}

/* links */
.peptide-menu li a{
    color:#000;
    text-decoration:none;
    font-weight:500;
    padding: 11px 30px;
    position:relative;
    transition:0.3s;
    box-shadow: 0 0 10px rgb(0 0 0 / 18%);
    border-radius: 7px;
    background: #fff;
}

/* hover color */
.peptide-menu li a:hover, .peptide-menu li a.active{
    background:#00c9d9;
    color:#fff;
}
  
  @media (max-width:1200px){
  .slider-wrapper{height:auto;}
  
  }

  @media (max-width:990px){
     .peptide-menu-wrapper{ display:none; }
  }
  
  
/* mobile */
@media (max-width:768px){

.peptide-menu{
    overflow-x:auto; 
    gap:15px;
}

.peptide-menu li{
    flex:0 0 auto;
}

}
@media (max-width:480px){
.peptide-menu li a{padding:0;}

}


.peptide-category-menu li{padding:0 !important;}
.peptide-category-menu li:before{display:none;}

.peptide-category-box{
    background: linear-gradient(135deg, #0da2ad, #084f6b);
    padding:30px 25px;
    border-radius:10px;
    color:#fff; 
    position: sticky;
    top: 0;
}

.peptide-category-title{
    font-size:20px;
    font-weight:600;
    margin-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,0.3);
    padding-bottom:10px;
}

.peptide-category-menu{
    list-style:none;
    padding:0;
    margin:0;
}

.peptide-category-menu li{
    margin-bottom:10px;
}

.peptide-category-menu li a{
    color:#fff;
    text-decoration:none;
    padding:10px 14px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-radius:6px;
    transition:0.3s;
}

/* icon */
.menu-icon{
    opacity:0;
    transform:translateX(-8px);
    transition:0.3s;
}

/* hover */
.peptide-category-menu li a:hover, .peptide-category-menu li a.active{
    background:rgba(255,255,255,0.15);
    padding-left:18px;
}

/* icon show */
.peptide-category-menu li a:hover .menu-icon,  .peptide-category-menu li a.active  .menu-icon{
    opacity:1;
    transform:translateX(0);
}



#header .nav-align .navbar .navbar-nav .nav-item:nth-child(4), #header .nav-align .navbar .navbar-nav .nav-item:nth-child(5), #header .nav-align .navbar .navbar-nav .nav-item:nth-child(6), #header .nav-align .navbar .navbar-nav .nav-item:nth-child(7){display:none;}

@media (max-width:990px){
#header .nav-align .navbar .navbar-nav .nav-item:nth-child(4), #header .nav-align .navbar .navbar-nav .nav-item:nth-child(5), #header .nav-align .navbar .navbar-nav .nav-item:nth-child(6), #header .nav-align .navbar .navbar-nav .nav-item:nth-child(7){display:block;}
}

.product-info-new{ 
}

.product-info-new .info-item{
    margin-bottom:6px;
    font-size:16px;
    line-height:1.6;
}

.product-info-new .info-title{
    font-weight:700;
    margin-right:6px; color: #0d99a6;
}

.product-info-new .info-text{
    font-weight:400; font-size: 14px;
}
.product-info-new .info-text span{display:block;}

/* Mobile Responsive */
@media (max-width:576px){

    .product-info-new .info-item{
        font-size:15px;
    }

}

.cart-item .cart-minus, .cart-item .cart-plus{display:none;}
.quantity-selector.custom-cart-qty{display:inline-block !important; border: none  !important; background: none !important;}



@media (max-width:1200px){
.why-upgrade-card{display: block; 
        text-align: center;
    }
.why-upgrade-card .icon-wrap{margin: 0 auto 30px auto; display: block;}
.peptide-card .product-name{font-size: 15px;}
.peptide-card .product-info{padding: 0 15px 30px 15px;}

}

@media (max-width:990px){
.peptide-card .product-name{font-size: 18px;}
.logistics-section{padding-top:20px;}
#header .nav-align{margin-top:0;}
    #header .logo, #header .nav-align {
        justify-content: left;
    }
#header{padding-top:10px;}





}



@media (max-width:480px){
    .why-upgrade-card .icon-wrap {
        margin: 0 auto 20px auto;}
        
.advanced-tab-btn{padding: 16px 25px;}

}


.filter-tabs{padding:0;}
.field-error{color:#dc3232;}
.cart-summary .summary-row:last-child{border: none; padding-bottom:0;}
.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-wrapper select {
    height: 60px;
    padding-left: 65px;
    padding-right: 40px;
    line-height: normal;
    color: #999;
}
.select-wrapper{
    position: relative;
}

.select-wrapper select {
    width: 100%;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.select-wrapper::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.risk-liability{
    color:#cfd9df;
    font-family:Arial, sans-serif;
}

.notice-block{
    margin-bottom:18px;
}

.notice-block h4{
    color:rgb(255 255 255 / 85%);
    font-size:14px;
    font-weight:700;
    margin-bottom:8px;
}

.notice-block p{
    font-size:13px;
    line-height:1.6;
}

.risk-list{
    margin-top:10px;
    padding-left:18px; list-style: disc;
}

.risk-list li{
    margin-bottom:6px;
}

.final-agreement{
    margin-top:20px;
    font-weight:700;
    text-transform:uppercase;
    color:rgba(255, 255, 255, 0.6);
}
.warning-disclosure{
   
    color:#cfd9df;
    font-family:Arial, sans-serif;
    padding-top: 25px;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.warning-disclosure .title{
    text-align:center;
    color:rgb(255 255 255 / 85%);
    font-size:16px;
    font-weight:700;
    margin-bottom:5px;
}

.warning-disclosure .subtitle{
    text-align:center;
    font-size:13px;
    margin-bottom:25px;
}

.notice-block{
    margin-bottom:20px;
}
 
 
 
.legal-section ol li {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 10px;
    position: relative;
}
.usage-list li::before{
    content:"– ";
}

.user-list{
    padding-left:18px; list-style: decimal;
}


.zelle-email, .order-number, .venmo-handle, .cashapp-handle{color: #0b98a6; font-weight:bold !important;}
.footer-disclaimer{ font-style:italic;
    color: #000000; 
    background: #d3ebed;
    padding: 40px 40px 90px 40px; 
    
}
.footer-disclaimer .title, .footer-disclaimer .risk-liability{color: #000;}
.footer-disclaimer .usage-list li{display:inline-block; margin-right: 20px;}
.footer-disclaimer .warning-disclosure, .footer-disclaimer .notice-block,  .footer-disclaimer .final-agreement h4, .footer-disclaimer .notice-block h4{color:#000;}
.footer-disclaimer ul li, .footer-disclaimer ol li{font-size:13px; line-height: 18px;}
.footer-disclaimer .notice-block p{margin-bottom:0px; line-height: 18px;}
.footer-disclaimer h4{font-size:12px; font-style: normal;}
.footer-disclaimer .usage-list{padding-left:0; margin-bottom: 0;}
.footer-disclaimer .notice-block {
    margin-bottom: 12px;
}
.footer-disclaimer .warning-disclosure .subtitle{margin-bottom: 10px;}
.footer-disclaimer .footer-disclaimer .risk-list li{margin:0;}
.warning-disclosure .title{margin-bottom:0;}
.footer-disclaimer .warning-disclosure{padding-top:0;}
.footer-disclaimer .warning-disclosure .title{font-size:13px;}
.footer-disclaimer .final-agreement{color: #0da4af; margin: 0;}
.footer-disclaimer .notice-block {
    margin-bottom: 14px;
}

@media (max-width:767px){
    .footer-disclaimer .usage-list li{display:block; margin-right: 0px;}
}






.entry-content{padding:0 0 70px 0;}
.entry-content .page-title-section{margin-bottom:80px;}

.news-pagination ul li.disabled .page-link{width:auto !important;}
/* Form Wrapper */
#slicewp-affiliate-login-form {
   max-width: 550px;
    margin: 0px auto; 
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    padding: 40px;
    border-radius:0 0 30px 30px;
}

/* Labels */
#slicewp-affiliate-login-form label {
    font-size: 14px;
    color: #777;
    margin-bottom: 6px;
    display: block;
}

/* Input Fields */
#slicewp-affiliate-login-form input {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: none;
    font-size: 14px;
    transition: 0.3s;
}

/* Focus */
#slicewp-affiliate-login-form input:focus {
    outline: none;
    border-color: #1aa3a8;
    background: #fff;
}

/* Field spacing */
.slicewp-field-wrapper {
    margin-bottom: 18px;
}

/* Password wrapper */
.slicewp-field-input-password {
    position: relative;
}

/* Eye icon */
.slicewp-show-hide-password {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.6;
    margin: 0 !important;
}

.slicewp-show-hide-password svg {
    width: 20px;
    height: 20px;
    stroke: #0d4d63;
}

/* Remember + Forgot row */
.slicewp-lost-password {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -5px;
    margin-bottom: 0px !important;
    justify-content: center;
}

/* Checkbox label */
.slicewp-remember-me {
    font-size: 14px;
    color: #777;
}

/* Forgot password */
.slicewp-lost-password a {
    font-size: 14px;
    color: #1aa3a8;
    text-decoration: none;
}

.slicewp-lost-password a:hover {
    text-decoration: underline;
}

/* Button */
.slicewp-button-primary {
    width: 100%;
    height: 55px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, #1aa3a8, #0d4d63);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    display: block !important;
}

.slicewp-button-primary:hover {
    opacity: 0.9;
}

/* Mobile */
@media (max-width: 480px) {
    #slicewp-affiliate-login-form {
        margin: 30px 15px;
    }
}


.product-disclaimer .page-description + p{border-left:5px solid #0d96a4; margin-bottom: 40px;
    background: #effdff;
    padding: 20px 20px 20px 30px;
    color: #000;}



/* Register Form Wrapper */
#slicewp-affiliate-register-form {
    max-width: 550px;
    margin: 0px auto;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    padding: 40px;
    border-radius: 0 0 30px 30px;
}

/* Labels */
#slicewp-affiliate-register-form label {
    font-size: 14px;
    color: #777;
    margin-bottom: 6px;
    display: block;
}

/* Inputs + Select + Textarea */
#slicewp-affiliate-register-form input,
#slicewp-affiliate-register-form textarea,
#slicewp-affiliate-register-form select {
    width: 100%;
    height: 50px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: none;
    font-size: 14px;
    transition: 0.3s;
}

/* Textarea fix */
#slicewp-affiliate-register-form textarea {
    height: 120px;
    padding: 12px 14px;
    resize: none;
}

/* Focus effect */
#slicewp-affiliate-register-form input:focus,
#slicewp-affiliate-register-form textarea:focus,
#slicewp-affiliate-register-form select:focus {
    outline: none;
    border-color: #1aa3a8;
    background: #fff;
}

/* Field spacing */
#slicewp-affiliate-register-form .slicewp-field-wrapper {
    margin-bottom: 18px;
}

/* Password eye icon */
#slicewp-affiliate-register-form .slicewp-field-input-password {
    position: relative;
}

#slicewp-affiliate-register-form .slicewp-show-hide-password {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.6;
}

#slicewp-affiliate-register-form .slicewp-show-hide-password svg {
    width: 20px;
    height: 20px;
    stroke: #0d4d63;
}

/* Checkbox (Terms) */
.slicewp-field-wrapper-terms-and-conditions {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.slicewp-field-wrapper-terms-and-conditions .slicewp-field-label-wrapper{display:flex;}
.slicewp-field-wrapper-terms-and-conditions input {
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px;
    accent-color: #1aa3a8;
    margin-top: 3px;
}

/* Terms text */
.slicewp-field-wrapper-terms-and-conditions label {
    font-size: 13px;
    color: #666;
}

.slicewp-field-wrapper-terms-and-conditions a {
    color: #1aa3a8;
    text-decoration: none;
    font-size: 14px;
}

.slicewp-field-wrapper-terms-and-conditions a:hover {
    text-decoration: underline;
}

/* Button same as login */
#slicewp-affiliate-register-form .slicewp-button-primary {
    width: 100%;
    height: 55px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, #1aa3a8, #0d4d63);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    cursor: pointer;
    transition: 0.3s;
}

#slicewp-affiliate-register-form .slicewp-button-primary:hover {
    opacity: 0.9;
}

/* Notices */
.slicewp-notice {
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 15px;
}

.slicewp-notice-error {
    background: #ffe5e5;
    color: #c00;
}

.slicewp-notice-success {
    background: #e6ffed;
    color: #0a7a2f;
}

/* Mobile */
@media (max-width: 480px) {
    #slicewp-affiliate-register-form {
        margin: 30px 15px;
    }
}







/* Wrapper scope */
.affiliate-auth-wrapper {
    max-width: 1170px;
    margin: 0px auto;
    overflow: hidden;
    padding: 70px 0;
}

 

/* Tabs container */
.affiliate-auth-wrapper .affiliate-tabs-nav { 
    gap: 10px;
    padding: 0;
    border-bottom: 2px solid #0c9da9;
    max-width: 550px;
    margin: 0 auto !important;
    border-radius: 0;
}

/* Tab buttons */
.affiliate-auth-wrapper .nav-link {
    border-radius: 8px 8px 0 0;
    color: #777;
    font-weight: 600;
    transition: 0.3s;
    border: 1px solid #0c9da9 !important;
    padding: 13px 35px;
}

/* Active tab */
.affiliate-auth-wrapper .nav-link.active {
   background: #0c9da9;
    color: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

 

/* Tab content spacing */
.affiliate-auth-wrapper .affiliate-tabs-content {
    margin-top: 0px; display:block; padding-top:0 !important;
}






/* Wrapper Card */
#slicewp-affiliate-lost-password-form {
    max-width: 450px;
    margin: 60px auto; 
    background: #ffffff;  
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    padding: 40px;
    border-radius: 30px;
    
}

/* Description text */
#slicewp-affiliate-lost-password-form p {
    font-size: 14px;
    color: #777;
    margin-bottom: 20px;
    line-height: 1.5;
}

/* Label */
#slicewp-affiliate-lost-password-form label {
    font-size: 14px;
    color: #777;
    margin-bottom: 6px;
    display: block;
}

/* Input */
#slicewp-affiliate-lost-password-form input {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: none;
    font-size: 14px;
    transition: 0.3s;
}

/* Focus */
#slicewp-affiliate-lost-password-form input:focus {
    outline: none;
    border-color: #1aa3a8;
    background: #fff;
}

/* Spacing */
#slicewp-affiliate-lost-password-form .slicewp-field-wrapper {
    margin-bottom: 20px;
}

/* Button */
#slicewp-affiliate-lost-password-form .slicewp-button-primary {
    width: 100%;
    height: 55px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, #1aa3a8, #0d4d63);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    cursor: pointer;
    transition: 0.3s;
}

#slicewp-affiliate-lost-password-form .slicewp-button-primary:hover {
    opacity: 0.9;
}

/* Notices */
#slicewp-affiliate-lost-password-form .slicewp-notice {
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    margin-bottom: 15px;
}

#slicewp-affiliate-lost-password-form .slicewp-notice-error {
    background: #ffe5e5;
    color: #c00;
}

#slicewp-affiliate-lost-password-form .slicewp-notice-success {
    background: #e6ffed;
    color: #0a7a2f;
}



/* Mobile */
@media (max-width: 480px) {
    #slicewp-affiliate-lost-password-form {
        margin: 30px 15px;
        padding: 20px;
    }
}
.slicewp-user-notice .slicewp-updated{max-width: 550px;   margin: 60px auto;}




 

.peptide-card .card-body { 
    display: flex;
    flex-direction: column;
    height: 100%;
}
.peptide-card .product-info { 
    display: flex;
    flex-direction: column;
    height: 100%;
}
.product-btns{margin-top: auto;}



.reset-password-section{padding: 70px 0;}

/* Form container */
#slicewp-affiliate-reset-password-form {
    max-width: 550px;
    margin: 80px auto;
    padding: 40px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    text-align: left;
}

/* Top text */
#slicewp-affiliate-reset-password-form p {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 25px;
}

/* Labels */
.slicewp-field-label-wrapper label {
    font-size: 14px;
    color: #374151;
    margin-bottom: 6px;
    display: block;
}

/* Required star */
.slicewp-field-required-marker {
    color: #ef4444;
}

/* Input fields */
.slicewp-field-wrapper input {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    font-size: 14px;
    transition: all 0.2s ease;
    outline: none;
}

/* Input focus */
.slicewp-field-wrapper input:focus {
    border-color: #14b8a6;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15);
}

/* Spacing between fields */
.slicewp-field-wrapper {
    margin-bottom: 18px;
}

/* Button */
.slicewp-button-primary {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(135deg, #1aa3a8, #0d4d63);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

/* Button hover */
.slicewp-button-primary:hover {
    opacity: 0.9;
}

/* Mobile responsive */
@media (max-width: 480px) {
    #slicewp-affiliate-reset-password-form {
        margin: 40px 15px;
        padding: 25px 20px;
    }
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 , .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
    float: none !important;
    width: 100% !important;
}