/* html,
body {
	height: 100%;
	margin: 0;
	font-size: clamp(14px, 2.5vw, 16px);
	line-height: 1.5;
}  */

/* Reset */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
}

/* Body */
body {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body.dark-mode .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.9)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

body.dark-mode .navbar-toggler {
	border: 2px solid white !important;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 6px;
	padding: 8px;
}

/* Headings */
h1 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 2.5rem;
	line-height: 1.2;
}

h2 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 2rem;
}

/* E-commerce specific */
.product-description {
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.6;
}

.btn {
	font-family: 'Inter', sans-serif;
	font-weight: 500;
	font-size: 1rem;
	text-transform: uppercase;
}

.price {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	color: #000;
}

.container {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;	
	padding: 20px;
}

.mainbox {
	width: 100%;
	max-width: 500px;
	border: #333;
	/* optional limit */
}
.alignCenter {
	text-align: center;
}

.font-weight-lighter {
	font-weight: lighter;
}

.red-Text {
	color: red;
}

.green-Text {
	color: green;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.pointer {
	cursor: pointer;
}

.resizeVerticalOnly {
	resize: vertical;
}

.carrotStyle {
	margin-left: 10px;
}

.carrotStyle:hover {
	margin-left: 10px;
	color: green;
}

.loginStyle {
	color: #333;
	text-decoration: none
}

.loginStyle:hover {
	color: #333;
	text-decoration: none;
}

.firstLetterBlock {
	text-transform: capitalize;
}

.yellow-BackGround {
	background: #fef9db;
}

.grey-Label {
	color: #666;
}

.pale-grey-label {
	color: #737373;
}

.bold {
	font-weight: bold;
}

.error {
	font-weight: lighter;
	color: red;
	padding: 2px 8px;
}

.success {
	border-color: #468847;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.well {
	background-color: #FFFFFF
}

.disable-text-decoration:hover {
	text-decoration: none;
}

* {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
	outline: 0;
}

.btn:active,
.btn:focus,
a:active,
a:focus {
	outline: 0
}

.no-border-right {
	border-right: 0 !important
}

.no-border-left {
	border-left: 0 !important
}

.no-padding {
	padding: 0 !important
}

.hero-spacer {
	margin-top: 50px
}

.hero-feature {
	margin-bottom: 30px
}

select {
	border: 1px solid #ddd;
	padding: 3px
}

/*
@font-face {
	font-family: 'Inter';
	src: local('Inter Regular'),
		url('../fonts/inter-regular.woff2') format('woff2'),
		url('../fonts/inter-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Inter';
	src: local('Inter Bold'),
		url('../fonts/inter-bold.woff2') format('woff2'),
		url('../fonts/inter-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Poppins';
	src: local('Poppins Regular'),
		url('../fonts/poppins-regular.woff2') format('woff2'),
		url('../fonts/poppins-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Poppins';
	src: local('Poppins SemiBold'),
		url('../fonts/poppins-semibold.woff2') format('woff2'),
		url('../fonts/poppins-semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/
.main-container {
	padding-top: 12px;
	background: white;
}

.container {
	margin-left:2rem;
}

header{
	padding: 0;
	margin:  0;
}


header .well {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	padding: 0;
	padding-top: 20px;
	border: 0;
	background: transparent;
}

header .logo {
	padding: 0;
}

header .logo a {
	color: #333;
	font-size: 35px;
	/* font-family: 'open_sanscondensed_light'; */
}

header .logo a span {
	color: #428bca;
}

header .logo a:hover {
	text-decoration: none;
}

.slider {
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 20px;
	border: none;
}

ul.bxslider {
	list-style: none;
	border: none;
}

.bx-wrapper {
	border: none;

}

.bx-wrapper .bx-viewport {
	top: 0;
	left: 0;
	border:none;
}

.bx-wrapper img {
	width: 100%;
	border: none;
}

.bx-viewport {
	max-height: 500px !important; 
	border: none;

}

.bx-viewport img {
	display: block;
	margin: auto;
	border: none;
}


.input-search {
	position: relative;
	z-index: 1;
}

.btn-group-cart,
.btn-group-cart .btn {
	width: 150%;
}

.btn-group-cart .btn {
	text-align: center;
}

.btn-group-cart .dropdown-menu {
	z-index: 1001;
	left: inherit;
	right: 0;
}

.btn-group-cart .icon-cart {
	margin-right: 5px;
}

ul.cart-content {
	min-width: 200px;
}

ul.cart-content b {
	font-weight: normal;
	display: block;
	/* font-family: 'DroidSansRegular'; */
	/*font-size: 16px;*/
	color: #428BCA;
}

.link-p {
	display: block;
	min-height: 250px;
	height: auto;
	width: 100%;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.first-p {
	min-height: 169px;
}

.def-img {
	position: inherit !important;
	width: auto !important;
	height: inherit !important;
	max-width: inherit !important;
	max-height: inherit !important;
	left: inherit !important;
	top: inherit !important;
}

.prod-caption {
	background: white;
	border-top: 1px solid #ddd;
}

.prod-caption h4 {
	font-size: 16px;
	height: 40px;
	overflow: hidden;
}

.prod-caption div {
	font-size: 13px;
	height: 34px;
	overflow: hidden;
	margin-top: 3px;
}

span.title {
	display: block;
	font-size: 20px;
	border-bottom: 3px solid #eee;
	padding-bottom: 8px;
	margin-bottom: 20px;
	/* font-family: 'open_sanscondensed_light'; */
	font-size: 22px;
	color: #4c7ed3;
}



footer h4 {
	border-bottom: 1px solid #5d5d5d;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}

footer .column ul {
	font-size: 13px;
	list-style: none;
	padding: 0;
	line-height: 22px;
}


footer .copyright {
	padding: 10px;
	margin: 0px;

}

.navbar {
	
	margin-bottom: 0;
	--bs-navbar-padding-y: 0;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	
} 

@media (min-width: 768px) {
	.navbar-nav>li>a {
		padding-top: 17px;
		padding-bottom: 17px;
	}
}

.navbar li a {
	/* font-family: 'open_sanscondensed_light'; */
	/* font-size: 20px; */
	text-transform: uppercase;
	/*color: #fff !important;*/
	-ms-transition: all 100ms ease-in-out 0s;
	-moz-transition: all 100ms ease-in-out 0s;
	-webkit-transition: all 100ms ease-in-out 0s;
	-o-transition: all 100ms ease-in-out 0s;
	transition: all 100ms ease-in-out 0s;
}

/*
.navbar .dropdown li a {
	color: #333 !important;
}

.navbar .dropdown li a:hover {
	color: #fff !important;
}
*/

.dropdown-menu {
	width: 100%;
}

.dropdown-menu li {
	padding-bottom: 4px;
}

.websam-icon {
	float: right;
}


.navbar li.nav-dropdown .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.navbar-nav>.open>a,
.navbar-nav>.open>a:hover,
.navbar-nav>.open>a:focus {
	background-color: inherit;
}

@media (min-width: 768px) {
	.navbar li.nav-dropdown ul li a {
		/* font-family: Arial; */
		font-size: 15px;
		/*color: #333!important;*/
		color: #020EF7 !important;
		text-transform: inherit;
		text-decoration: none ! important;
	}

	.navbar li.nav-dropdown ul li a:hover {
		background-color: white !important;
	}
}

.list-categ a {
	/* font-family: 'DroidSansRegular'; */
	background: white;
	-ms-transition: all 100ms ease-in-out 0s;
	-moz-transition: all 100ms ease-in-out 0s;
	-webkit-transition: all 100ms ease-in-out 0s;
	-o-transition: all 100ms ease-in-out 0s;
	transition: all 100ms ease-in-out 0s;
}

.list-categ a:hover {
	background: white;
	color: #428bca;
}

.thumbnail:hover {
	box-shadow: 0 0 10px 1px #f1f1f1;
}

.catalogue-pagination {
	margin: 0;
	margin-bottom: 40px;
	/* font-family: 'open_sanscondensed_light'; */
}

.catalogue-pagination li.disabled:hover a {
	cursor: default;
}

.catalogue-pagination li a {
	-ms-transition: all 100ms ease-in-out 0s;
	-moz-transition: all 100ms ease-in-out 0s;
	-webkit-transition: all 100ms ease-in-out 0s;
	-o-transition: all 100ms ease-in-out 0s;
	transition: all 100ms ease-in-out 0s;
	padding: 3px 12px;
}

.back-top {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 30px;
	background: #555;
	color: #fff;
	height: 23px;
}

.back-top:hover,
.back-top:focus,
.back-top:active {
	color: #fff;
}

.back-top:hover {
	-ms-transition: all 100ms ease-in-out 0s;
	-moz-transition: all 100ms ease-in-out 0s;
	-webkit-transition: all 100ms ease-in-out 0s;
	-o-transition: all 100ms ease-in-out 0s;
	transition: all 100ms ease-in-out 0s;
	background: #333;
}

.tbl-cart thead {
	background: white;
}

.tbl-cart .td-qty {
	white-space: normal !important;
	width: 130px;
}

.btns-cart .btn {
	margin-right: 3px;
}

.tbl-checkout tbody tr td:nth-child(odd) {
	background: white;
}

.input-qty-detail .bootstrap-touchspin {
	float: left;
	margin-right: 5px;
	width: 130px;
}

.productDispStyle {
	width: 50%;
}

.wordWrap {
	white-space: -moz-pre-wrap !important;
	/* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap;
	/*Chrome & Safari */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	white-space: pre-wrap;
	/* css-3 */
	word-wrap: break-word;
	/* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}

.blue-Label {
	color: blue
}

.carousel-control {
	position: static;
}

.carousel-control.left {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(0, 0, 0, .0001) 100%);
}

.carousel-control.right {
	background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(0, 0, 0, .0001) 100%);
}

.carousel-control .glyphicon-chevron-right {
	width: 1px;
	height: 30px;
	margin-top: -104px;
	margin-left: -106px;
	margin-right: -77px;
	font-size: 30px;
}

.carousel-control .glyphicon-chevron-left {
	width: 1px;
	height: 30px;
	margin-top: -104px;
	margin-left: -106px;
	margin-right: -77px;
	font-size: 30px;
}

.checkout-style {
	margin-top: 7px;
}

.logos-view .well {
	background-color: white;
	min-height: 100%;
}

.logo-tail .well {
	min-height: 0px;
}

.logos-header {
	font-weight: bold;
	font-size: 29px;
}

.the-table {
	table-layout: fixed;
	word-wrap: break-word;
}

.quantity-drop-style {
	padding: 7px 4px;
}

.tbl-cart tr td {
	font-size: 13px;
}

.construction-style .well {
	background-color: white;
	margin-top: 12px;
}

.login-module {
	background-color: white;
}

.login-box-style,
.signup-style {
	margin-top: 10px;
	padding: 2rem;
	border: #333;
}

.login-box-style .panel, .panel-body {
	border: #333;
	/*background-color: rgba(234, 238, 237, 0.89);*/

}


.forgot-style {
	float: right;
	font-size: 80%;
	position: relative;
	top: -10px;
}

.panel-body-style {
	padding-top: 30px;
}

.username-style,
.password-style {
	margin-bottom: 25px
}

.login-btn-module {
	margin-top: 10px
}

.create-acc-style {
	border-top: 1px solid #888;
	padding-top: 15px;
	font-size: 85%;
}

.sign-link-style {
	float: right;
	font-size: 85%;
	position: relative;
	top: -10px
}

.signup-btn-style {
	margin-left: 8px;
}

.reqLogoList .modal-dialog,
.optLogoList .modal-dialog {
	width: 80%;
}

.purchased-prod-style {
	max-width: 193%;
	width: 200%;
}

.purchased-prod-outer-style {
	overflow-x: scroll;
}

.purchased-cart-prod-style {
	max-width: 200%;
	width: 200%;
}

.purchase-table-style thead tr td {
	vertical-align: middle;
	background: white;
}

.emp-sort-btn-style {
	float: right;
	margin-bottom: -15px;
	margin-left: 19px;
}

.clear {
	clear: both;
}

textarea.form-control {
	height: auto;
	min-height: 108px;
}

.hidden-input-field {
	border: none !important;
	background: transparent !important;
	color: #000 !important;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) inset !important;
}

.hidden-select-field {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	/* needed for Firefox: */
	overflow: hidden;
	width: 120%;
}

/*
.madatory-asterisk {
	font-weight: bold;
}

.madatory-asterisk:after {
	color: #e32;
	content: ' *';
	display: inline;
}
*/
input.REQUIRED,
select.REQUIRED {
	border: 2px solid red;
	/*background-color: #ffe6e6;*/
	/* Optional: Slight red background to highlight required fields */
}

/* Optionally, for textareas if required */
textarea.REQUIRED {
	border: 2px solid red;
	background-color: white;
}

label.fw-light::after {
	content: '*';
	/* Adds the asterisk */
	color: red;
	/* Makes the asterisk red */
	margin-left: 5px;
	/* Adds space between the label and the asterisk */
	font-weight: bold;
	/* Makes the asterisk bold */
}

.static-field {
	background-color: white;
	line-height: 2.429;
	padding-left: 13px;
	min-height: 28px;
}

.add-decoration {
	font-size: 17px !important;
	font-weight: bold !important;
	color: #428bca;
	padding: 12px;
}

.required::placeholder {
	color: #ff0000;
}

.required:placeholder-shown {
	border: 1px solid #095484;
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
	.login-header {
		height: 40px !important;
	}

	header .container {
		background-size: contain !important;
	}

	header .col-lg-2.col-md-2.col-sm-1 {
		margin-top: 60px !important;
	}

	header .col-lg-3.col-md-4.col-sm-5 {
		margin-top: 60px !important;
	}

	header .col-lg-4.col-md-4.col-sm-6.col-xs-11 {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
}

#spinner-overlay {
	display: none;
	/* Hidden by default */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.75);
	/* Dark transparent background */
	z-index: 99999;
	/* Ensure it’s on top */
	display: flex;
	justify-content: center;
	align-items: center;
}

.spinner-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 10px;
}

.spinner-svg {
	width: 60px;
	/* Larger spinner */
	height: 60px;
	animation: spin 1s linear infinite;
	/* Smooth rotation */
}

.spinner-text {
	margin-top: 15px;
	color: #ffffff;
	font-size: 1.8rem;
	font-weight: bold;
	/* font-family: Arial, sans-serif; */
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.75);
	background: rgba(0, 0, 0, 0.75);
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}



/* Style only readonly text inputs to look disabled */
input[type="text"]:read-only,
input[type="email"]:read-only,
input[type="tel"]:read-only,
input[type="number"]:read-only,
input[type="password"]:read-only {
	background-color: white;
	/* Light gray background */
	border: 1px solid #d3d3d3;
	/* Subtle gray border */
	color: #666666;
	/* Darker gray text */
	opacity: 0.7;
	/* Slight transparency */
	cursor: not-allowed;
	/* Not-allowed cursor */
	padding: 4px 8px;
	/* Consistent padding */
}

.environmentBannerDEVELOPMENT {
    color: #ffffff;
    padding: 10px;
    text-align: center;
    font-size: larger;
    font-weight: bold;
    display: block;
    background-color: #1d5303; /* Dark green */
    width: 100vw;
    box-sizing: border-box;
    text-transform: uppercase; /* Capitalizes all text */
	margin-bottom: 0;
}

.environmentBannerSTAGING {
    color: #ffffff;
    padding: 10px;
    text-align: center;
    font-size: larger;
    font-weight: bold;
    display: block;
    background-color: #093666; /* Dark blue */
    width: 100vw;
    box-sizing: border-box;
    text-transform: uppercase; /* Capitalizes all text */
	margin-bottom: 0;
}

.full-width-row {
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
}

.thumbnail img {
	max-height: 180px;
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
	object-fit: contain;
}

h1,
h2,
h3,
h4,
h5 {
	/* font-family: 'Segoe UI', 'Helvetica Neue', sans-serif; */
	font-weight: 600;
	line-height: 1.3;
	display: block;
	width: 100%;
	margin: 1rem 0;
	color: #222;
}

h1 {
	font-size: 1.75rem;
	color: #1a1a1a;
	letter-spacing: -0.5px;
	text-transform: capitalize;
	border-bottom: 2px solid #e0e0e0;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

h2 {
	font-size: 1.5rem;
	color: #2a2a2a;
	letter-spacing: -0.3px;
	/*border-left: 4px solid #4a4a4a;*/
	padding-left: 0.75rem;
	margin: 1.5rem 0 1rem;
}

h3 {
	font-size: 1.3rem;
	color: #3a3a3a;
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

h4 {
	font-size: 1.15rem;
	color: #4a4a4a;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}

h5 {
	font-size: 1rem;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 0.75rem;
	margin-bottom: 0.25rem;
}

header,
nav {
	flex-shrink: 0;
}

.product-item {
	display: none;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.4s ease, transform 0.4s ease;
	margin-bottom: 0;
	/* remove bottom gap */
}

.product-item.show {
	display: block;
	opacity: 1;
	transform: translateY(0);
}

.img-fixed-height {
	max-height: 200px;
	width: auto;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}




.product-card,
.category-card {
	width: 200px;
	flex: 0 0 auto;
	/* <- prevents stretch */
}

.card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.card-body {
	flex-grow: 1;
}
.card-img-top {
	object-fit: contain;
	max-height: 200px;
	width: 100%;
	height: 200px;
}
.card-img-top[src*="noimage_large.jpg"] {
	object-fit: scale-down;
	background-color: #f8f8f8;
}

/* .card-title {
	min-height: 3.5rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
} */

.card-title, .card-text {
	min-height: 3rem;
	/* Ensure consistent height (adjust as needed) */
	line-height: 1.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* Wrapper: max width & full center */
.product-detail-wrapper {
	width: 100%;
	max-width: 1200px;
	margin: 0;
	padding:0;
	box-sizing: border-box;
}

/* Top section layout */
.product-detail-top {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: space-between;
}

/* Left & right content columns */
.product-detail-left,
.product-detail-right {
	flex: 1 1 48%;
	min-width: 300px;
	box-sizing: border-box;
}

/* Make sure image area doesn't overflow */
.sp-wrap img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

/* Allow right content to expand fully */
.product-detail-right h3 {
	float: right;
	margin-top: 1rem;
}

/* Form spacing cleanup */
.productDispStyle .form-group {
	margin-bottom: 1.2rem;
}

/* Prevent form columns from squishing */
.productDispStyle .col-md-12 {
	padding-left: 0;
	padding-right: 0;
}

/* Fix full row forms from overflowing */
.productDispStyle .row {
	margin-left: 0;
	margin-right: 0;
}

/* Fix Add to Cart margin */
#addCartBtn {
	margin-top: 1rem;
}

/* Responsive spacing fix for nested columns */
.col-lg-9.col-sm-9,
.col-lg-6.col-sm-6 {
	padding-left: 15px;
	padding-right: 15px;
}

.productDetailsBg {
	background-color: yellow;
}

.swiper {
	width: 100%;
	max-width: 400px;
}

.swiper-slide img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	object-fit: contain;
}

.main-slider img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.main-slider .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: flex-start !important;
	/* 🔥 this aligns the image to the top */
	height: 100%;
}

.main-slider img {
	width: 100%;
	max-height: 400px;
	object-fit: contain;
}

.main-slider .swiper-wrapper {
	align-items: flex-start !important;
}
/* Ensure the wrapper actually controls arrow layout */
.thumbs-nav-wrapper {
	max-width: 400px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
}

/* Override default Swiper absolute styles */
.thumbs-prev,
.thumbs-next {
	width: 30px;
	height: 30px;
	color: #333;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative !important;
	inset: 0 !important;
	align-self: center;
}

/* Prevent Swiper from stretching beyond wrapper */
.thumbs-slider {
	flex: 1;
	width: auto !important;
}

.center-image {
	display: flex;
	justify-content: left;
	align-items: left;
	/* Optional: for vertical centering */
}

.alert-custom li{	
	color: #dc3545 !important;	
}

.modal-body {
	max-height: 70vh;
	overflow-y: auto;
}

.modal-body .form-group {
	margin: 0.5rem 0 0.5rem 0;
}

.modal-body label {
	font-weight: 600;
}

.modal-header {
	border:none;
}

.dataTable thead{
	margin-top: 4px;
}