@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

html {
	height: 100%;
}
:root{
	--main-font: "DM Sans", sans-serif;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: var(--main-font);
	font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
button,
select,
textarea {
	margin: 0;
	padding: 0;
	list-style: none;
	outline: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

ul,
ol,
li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

a.backtofilter {
	color: #333;
	width: 100%;
	display: block;
	font-family: var(--main-font);
	font-size: 25px;
}

a:hover,
a:active,
a:focus,
button:hover,
button:active,
button:focus,
.newsletter-form-section .form-group #mc-embedded-subscribe:hover,
.newsletter-form-section .form-group #mc-embedded-subscribe:active,
.newsletter-form-section .form-group #mc-embedded-subscribe:focus {
	color: #bf1e2e;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;

}

input:focus,
select:focus {
	box-shadow: inherit !important;
}


.info-promotion-text {
	width: 100%;
	display: block;
	margin: 0px auto;
	text-align: center;
	background-color: #000000;
	padding: 8px 0px 6px;
}

.info-promotion-text p {
	color: #ffffff;
	display: block;
	font-weight: 400;
	font-size: 16px;
}

.info-promotion-text p b {
	color: #ffffff;
	font-weight: normal;
}

.main-navigation {
	width: 100%;
	background-color: #ffffff;
	/* position: fixed; */
	top: 0 !important;
	right: 0;
	left: 0;
	z-index: 100;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.fixed-header {
	width: 100%;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding: 0px 0px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.main-navigation .navigation {
	width: 90%;
	padding: 0px 0px;
	margin: 0px auto;
	display: flex;

	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
	justify-content: space-between;
	/* Ensures logo and menu are properly spaced */
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.logo-menu {
	width: 100%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
	justify-content: space-between;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.main-navigation .logo-menu a.header-logo {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	position: relative;
	top: auto;
	display: inline-block;
}

.main-navigation .logo-menu a.header-logo img {
	width: 160px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.fixed-header .logo-menu a.header-logo img {
	width: 160px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	top: auto;
}

.main-navigation .navigation .menuToggle {
	display: none;
}

.main-navigation .navigation .menu {
	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
	justify-content: flex-end;
	/* Moves menu to the right */

	display: flex;
	/* Ensure Flexbox is used */

	margin-left: auto;
	/* Push the menu to the right */
}

.main-navigation .navigation .menu li {
	margin-right: 30px;
}

.main-navigation .navigation .menu li a {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
	font-size: 16px;
	color: #ffffff;
	position: relative;
	padding: 34px 0px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.main-navigation.fixed-header .navigation .menu li a {
	padding: 24px 0px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.main-navigation .navigation .menu li a i {
	display: inline-block;
	vertical-align: middle;
	padding-left: 6px;
}

.main-navigation .navigation .menu li a::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 2px;
	width: 0;
	background-color: #8a8a8a;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.main-navigation .navigation .menu li a:hover,
.main-navigation .navigation .menu li a:active,
.main-navigation .navigation .menu li a:focus {
	color: #8a8a8a;
}

.main-navigation .navigation .menu li a:hover::after,
.main-navigation .navigation .menu li a:active::after,
.main-navigation .navigation .menu li a:focus::after {
	width: 100%;
	background-color: #8a8a8a;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

li.dropdown:hover ul.dropdown-menu {
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
}

ul.dropdown-menu {
	padding: 20px;
	margin: 0px;
	min-width: 250px;
	border-radius: 0px;
	border: none;
}

ul.dropdown-menu div {
	display: inline-block;
	margin-right: 40px;
}

ul.dropdown-menu div:last-child {
	margin-right: 0px;
}

ul.dropdown-menu div li {
	display: block;
	margin-bottom: 16px;
	margin-right: 0 !important;
}

ul.dropdown-menu div li:last-child {
	margin-bottom: 0px;
}

ul.dropdown-menu div li a {
	display: inline-block !important;
	font-size: 16px !important;
	line-height: 20px;
	padding: 0px !important;
	font-weight: 300 !important;
}

ul.dropdown-menu div li a::after {
	content: none !important;
	position: static !important;
}

.main-banner-video {
	width: 100%;
	height: 96vh;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: center;
	margin: 0px auto;
	position: relative;
}

.main-banner-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.main-banner-content {
	width: 90%;
	margin: 0px auto;
	display: flex;
	display: -webkit-flex;
	text-align: left;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 5;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}

.main-banner-content span {
	font-family: var(--main-font);
	font-size: 18px;
	color: #000000;
	text-transform: uppercase;
	display: inline-block;
	background-color: #17a2b8;
	padding: 6px 18px 5px;
	font-weight: 600;
}

.main-banner-content h1 {
	display: block;
	line-height: 46px;
}

.main-banner-content h1 main {
	font-family: var(--main-font);
	font-size: 42px;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	background-color: #133443;
	;
	padding: 6px 18px 15px;
	font-weight: 400;
}

.large-section-bg-cover {
	width: 100%;
	height: 632px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
	background-color: #ffffff;
}

.section-bg-image-cover {
	width: 50%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	position: relative;
}

.section-bg-image-cover span.placename {
	position: absolute;
	bottom: 10px;
	font-size: 18px;
	color: #ffffff;
	display: inline-block;
}

.section-bg-image-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.section-bg-image-content-cover {
	width: 50%;
	height: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}

.section-content-container {
	width: 80%;
	margin: 0px auto;
	display: block;
}

.section-content-container h1 {
	font-family: var(--main-font);
	font-size: 36px;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	background-color: #133443;
	padding: 5px 18px 8px;
	font-weight: 400;
}

.section-content-container p {
	font-size: 20px;
	line-height: 30px;
	color: #515151;
	display: block;
	font-weight: 400;
	margin: 50px 0px 50px;
}

.section-content-container a {
	font-family: var(--main-font);
	font-size: 18px;
	color: #2d2d2d;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 600;
	position: relative;
}

.section-content-container a:hover::after {
	width: 70%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer-three-bg-cover {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 6px auto 0px;
}

.each-footer-bg-cover {
	width: 33.33%;
	height: 474px;
	display: inline-block;
	position: relative;
	border-right: 6px solid #ffffff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

.each-footer-bg-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer-three-bg-cover .each-footer-bg-cover:last-child {
	border-right: none;
}

.each-footer-bg-cover span.footer-tag-cover {
	position: absolute;
	left: 0;
	bottom: 0;
	font-family: var(--main-font);
	font-size: 36px;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	background-color: #133443;
	;
	padding: 0px 15px;
}

.each-footer-bg-cover:hover img {
	opacity: 0.8;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.done-project {
	width: 100%;
	display: block;
	text-align: center;
	margin: 0px auto;
	padding: 60px 0px;
}

.done-project h4 {
	font-family: var(--main-font);
	font-size: 20px;
	color: #2d2d2d;
	text-transform: uppercase;
	display: inline-block;
	background-color: #E6E6E6;
	padding: 9px 20px 9px;
	font-weight: 600;
	margin: 0px auto 40px;
}

body.lb-disable-scrolling {
	overflow: hidden;
}

.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}

.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
	outline: none;
}

.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	max-height: none;
	border-radius: 3px;

	/* Image border */
	border: 4px solid white;
}

.lightbox a img {
	border: none;
}

.lb-outerContainer {
	position: relative;
	*zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 4px;

	/* Background color behind image.
	   This is visible during transitions. */
	background-color: white;
}

.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(https://raw.githubusercontent.com/lokesh/lightbox2/master/src/images/loading.gif) no-repeat;
}


.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
	*zoom: 1;
	width: 100%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	position: relative;
}

.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}

.lb-data {
	padding: 0 4px;
	color: #ccc;
}

.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(https://raw.githubusercontent.com/lokesh/lightbox2/master/src/images/close.png) top right no-repeat;
	text-align: right;
	outline: none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.footer-bg {
	width: 100%;
	height: 660px;
	display: block;
	margin: 0px auto;
	background-image: url(../images/tim-photoguy.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}

.newsletter-form-section {
	max-width: 500px;
	width: 100%;
	height: 210px;
	background-color: #ffffff;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 100px;
	padding-right: 40px;
}

.newsletter-form-section .main-banner-content {
	width: 140%;
	position: relative;
	top: -38px;
}

.newsletter-form-section .main-banner-content h1,
.newsletter-form-section .main-banner-content h1 main {
	font-size: 36px;
}

.newsletter-form-section .main-banner-content h1 main {
	padding: 6px 15px 9px;
}

.newsletter-form-section .form-group {
	width: 100%;
	display: block;
	margin-bottom: 0px;
}

.newsletter-form-section .form-group form {
	text-align: left;
	margin: 0%;
}

.newsletter-form-section .form-group .form-control {
	width: 100%;
	display: block;
	border-radius: 0px;
	height: 52px;
	margin: -5px 0px 20px;
}

.newsletter-form-section .form-group #mc-embedded-subscribe {
	font-family: var(--main-font);
	font-size: 18px;
	color: #2d2d2d;
	text-transform: uppercase;
	display: inline-block;
	font-weight: 600;
	position: relative;


	background: none;
	border: none;
}

.newsletter-form-section .form-group .clear::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	height: 2px;
	width: 100%;
	background-color: #133443;
	;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.newsletter-form-section .form-group .clear:hover::after,
.newsletter-form-section .form-group .clear:active::after,
.newsletter-form-section .form-group .clear:focus::after {
	width: 70%;
}

.large-footer-bar {
	width: 100%;
	display: block;
	margin: 0px;
	padding: 120px 0px;
}

.inner-footer-container {
	max-width: 1172px;
	width: 86%;
	margin: 0px auto;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.each-footer-flex {
	display: inline-block;
	vertical-align: top;
}

.each-footer-flex a.footer-logo {
	width: 200px;
	display: inline-block;
}

.each-footer-flex h4 {
	display: block;
	font-family: var(--main-font);
	font-size: 22px;
	color: #000000;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 20px;
	;
}

.each-footer-flex h4::after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0px;
	right: 0px;
	margin: 0px;
	height: 2px;
	width: 100%;
	background-color: #133443;
	;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.each-footer-flex p {
	display: block;
	font-size: 17px;
	color: #4a4a4a;
	margin-bottom: 6px;
	line-height: 22px;
}

.each-footer-flex p a {
	color: #4a4a4a;
}

.each-footer-flex p a:hover {
	color: #133443;
	;
}

#product .main-navigation {
	top: 0px;
}

h2.heading-title {
	width: 100%;
	display: block;
	margin: 0px 0px 0px;
	position: relative;
	font-family: var(--main-font);
	font-size: 32px;
	color: #2d2d2d;
	text-transform: uppercase;
	padding-left: 12px;
}

h2.heading-title::before {
	content: "";
	position: absolute;
	top: 7px;
	left: 0px;
	height: 28px;
	width: 3px;
	background-color: #133443;
	;
}

ul.breadcrumb {
	margin-top: 20px;
	border-radius: 0;
	background-color: #e6e6e6;
}

ul.breadcrumb li a {
	color: #133443;
	;
}

ul.breadcrumb li:last-child {
	margin-right: 0px;
}

.inner-container-box {
	max-width: 1172px;
	width: 90%;
	margin: 130px auto 0px;
	display: block;
}

.product-section-flex-bar {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 80px auto 100px;
}

.left-product-bar {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	border-right: 1px solid #cccccc;
}

.left-product-bar form {
	text-align: left;
	margin: 0px;
}

.left-product-bar .left-filter {
	border-bottom: 1px solid #ccc;
	padding-bottom: 2%;
	padding-top: 6%;
}

put[type="radio"],
input[type="checkbox"] {
	height: 20px;
	width: 20px;
	vertical-align: middle;
	margin: 0 0.4em 0.4em 0;
	background: rgba(255, 255, 255, 1);
	border: 2px solid #133443;
	;
	-webkit-appearance: none;
}

/* border radius for radio*/
input[type="radio"] {
	border-radius: 100%;
}

/* border radius for checkbox */
input[type="checkbox"] {
	border-radius: 2px;
}

/* input checked border color */
input[type="radio"]:checked,
input[type="checkbox"]:checked {
	border: 2px solid #133443;
	;
}

input[type="checkbox"]:checked:not(:disabled) {
	background: #133443;
	;
}

/* radio checked */
input[type="radio"]:checked:before {
	display: block;
	height: 14px;
	width: 14px;
	position: relative;
	left: 2px;
	top: 2px;
	background: rgba(58, 197, 201, 1);
	border-radius: 100%;
	content: '';
}

/* checkbox checked */
input[type="checkbox"]:checked:before {
	font-weight: bold;
	color: white;
	content: '\2713';
	margin-left: 0px;
	font-size: 18px;
	position: relative;
	top: -4px;
}

/* disabled input */
input:disabled {
	background: rgba(0, 0, 0, 0.3);

	&:checked {
		border: 1px solid rgba(0, 0, 0, 0.3);
	}
}

input[type="radio"]:disabled:checked:before {
	display: block;
	height: 14px;
	width: 14px;
	position: relative;
	left: 2px;
	top: 2px;
	background: rgba(255, 255, 255, 1);
	border-radius: 100%;
	content: '';
}

input:focus,
select:focus {
	outline: none;
}

p.checkmark-icon {
	display: block;
	margin: 20px 0px 40px;
}

p.checkmark-icon label {
	font-size: 20px;
	color: #133443;
	;
}

.left-filter-cls {
	max-height: 250px;
	overflow-y: auto;
}

.left-product-bar h3 {
	width: 100%;
	display: block;
	font-family: var(--main-font);
	font-size: 22px;
	color: #2d2d2d;
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 20px;
}

.left-product-bar ul {
	display: block;
	width: 100%;
	padding-left: 0px;
}

.left-product-bar ul li {
	display: block;
	width: 100%;
	margin-bottom: 8px;
	position: relative;
	padding-left: 22px;
	font-size: 0.9rem;
}

.left-product-bar ul li:last-child {
	margin-bottom: 8px;
}

.left-product-bar ul li::before {
	content: "\f101";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	left: 0;
	top: -6px;
	font-size: 22px;
	color: #525252;
}

.left-product-bar ul li a {
	display: inline-block;
	font-size: 16px;
	color: #525252;
}

.left-product-bar ul li a:hover {
	color: #133443;
	;
}

.right-product-detail {
	width: 80%;
	padding-left: 50px;
	display: inline-block;
	vertical-align: top;
}

.product-detail-search-bar {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
}

.product-detail-search-bar input.form-control {
	max-width: 310px;
	width: 100%;
	height: 44px;
	display: inline-block;
	font-size: 16px;
	border-radius: 0px;
}

ul.product-view {
	display: flex;
	display: -webkit-flex;
	align-items: center;
}

ul.product-view li {
	display: inline-block;
	margin-right: 20px;
}

ul.product-view li:last-child {
	margin-right: 0px;
}

ul.product-view li a {
	display: inline-block;
	font-size: 22px;
	color: #4e4d4d;
}

.main-product-section-flex-proprty {
	width: 100%;
	margin: 40px 0px 0px;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.each-product-flex-deatil {
	width: 31%;
	display: inline-block;
	margin: 0px 10px 30px;
	text-align: center;
	border: 1px solid #ced4da;
}

.inner-product-img-section {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}

.inner-product-img-section img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.each-product-flex-deatil span {
	width: 100%;
	text-align: center;
	font-family: var(--main-font);
	font-size: 20px;
	color: #2d2d2d;
	/* text-transform: uppercase; */
	display: block;
	background-color: #E6E6E6;
	padding: 9px 20px 9px;
	font-weight: 300;
	margin: 0px auto 0px;
}

.large-product-img {
	width: 45%;
	display: inline-block;
	vertical-align: top;
}

.large-product-zoom-product {
	width: 100%;
	display: block;
	height: 360px;
	overflow: hidden;
}

.large-product-zoom-product img.largemidpicture {
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.large-product-img img.largemidpicture {
	display: block;
	margin: 0px auto;
}

ul.small-product-ul {
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	margin: 40px 0px 40px;
}

ul.small-product-ul li {
	display: inline-block;
	margin-right: 20px;
}

ul.small-product-ul li:last-child {
	margin-right: 0px;
}

ul.small-product-ul li a {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #a5a4a4;
	width: 100px;
	height: 90px;
	overflow: hidden;
	text-align: center;
}

ul.small-product-ul li a img {
	width: 50%;
	object-fit: cover;
	object-position: center;
	margin: 0px auto;
}

.large-product-detail-content {
	width: 45%;
	display: inline-block;
	vertical-align: top;
}



.large-product-detail-content ol li {
	margin-left: 30px;
	margin-top: 10px;

	list-style-type: decimal;
}

.large-product-detail-content h2 {
	width: 100%;
	display: block;
	margin: 0px 0px 40px;
	font-family: var(--main-font);
	font-size: 42px;
	color: #2d2d2d;
	text-transform: uppercase;
}

.stock-maintenance {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 40px;
}

.large-product-detail-content main {
	display: inline-block;
	margin: 0px 50px 0px 0px;
	font-family: var(--main-font);
	font-size: 26px;
	color: #CC0000;
}

.large-product-detail-content ul {
	width: 100%;
	display: block;
}

.large-product-detail-content ul li {

	width: 100%;
	margin-bottom: 8px;
	position: relative;



}

.large-product-detail-content ul li:last-child {
	margin-bottom: 0px;
}

.large-product-detail-content ul.product-description-ul li::before {
	content: "\f101";
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	left: 0;
	top: -6px;
	font-size: 22px;
	color: #525252;
}

ul.product-button-detail {
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 10px;
}

ul.product-button-detail li {
	width: auto;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-left: 0px;
}

ul.product-button-detail li a {
	font-family: var(--main-font);
	font-size: 16px;
	color: #2d2d2d;
	text-transform: uppercase;
	display: inline-block;
	background-color: #ffffff;
	padding: 9px 20px 9px;
	border: 1px solid #c3c3c3;
}

ul.product-button-detail li a:hover {
	background: #133443;
	;
	color: #ffffff !important;
}

#butn-detail {
	margin-top: 20px;
}

#butn-detail ul.product-button-detail li {
	display: inline-block;
	margin-bottom: 15px;
}

#butn-detail ul.product-button-detail {
	padding: 18px 0px;
}

.manual-video {
	margin-top: 0px;
	margin-bottom: 0px;
}

.feature-select {
	width: 100%;
	display: block;
	padding: 20px 15px 30px;
	margin: 0px;
}

.feature-select select {
	width: 100%;
	padding: 16px 12px;
	border-radius: 0px;
	border-color: #d6d6d6;
	display: block;
}

.manual-video h4 {
	border-radius: 0;
	background-color: #e6e6e6;
	padding: 0.75rem 1rem;
	font-size: 18px;
	color: #000000;
}

.manual-video p {
	padding: 18px 15px;
	font-size: 18px;
	color: #333333;
	display: flex;
	display: -webkit-flex;
	font-weight: 600;
}

.manual-video p i,
.manual-video ul li a i {
	padding-right: 10px;
	display: inline-block;
	padding-top: 4px;
}

.manual-video ul {
	width: 100%;
	display: block;
	padding: 18px 15px;
	font-weight: 300;
}

.manual-video ul li {

	margin-bottom: 4px;
	list-style-type: square !important;

}

.manual-video ul li:last-child {
	margin-bottom: 0px;
}

.manual-video ul li a {
	font-size: 18px;
	color: #333333;
}

.manual-video ul li a:hover {
	color: #133443;
	;
}

.manual-video ul.product-description-ul li {
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #d6d6d6;
}

.manual-video ul.product-description-ul li:first-child {
	padding: 0px 0px 10px 0px;
}

.manual-video ul.product-description-ul li::before {
	content: none;
	position: static;
}

ul.product-description-ul li ul {
	margin-top: 5px;
	padding-bottom: 10px;
}

ul.product-description-ul li ul li {
	border: none !important;
	line-height: 0;
	font-size: 0.8rem;
	list-style-type: circle !important;
	margin-left: 15px;
}

.product-button-section {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	margin: 0px 0px 0px;
}

a.cartbuton {
	font-family: var(--main-font);
	font-size: 18px;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	background-color: #133443;
	;
	padding: 9px 30px 9px;
	font-weight: 600;
	border: 1px solid #133443;
	;
	margin-left: 20px;
}

.quantity {
	position: relative;
	margin-right: 10px;
}

.quantity input {
	margin: 0;
	padding: 0;
	border: none;
}

.quantity input:focus {
	border: 1px solid #ccc;
	outline: none;
}

form {
	text-align: center;
	margin: 10%;
}

.quantity input {
	display: inline-block;
	width: 120px;
	height: 47px;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 19px;
}

.quantity input:nth-child(2) {}

.quantity input:last-child,
.quantity input:first-child {
	border: none;
	width: auto;
	height: auto;
	position: absolute;
	right: 8px;
	background-color: transparent;
	top: 10px;
}

.quantity input:first-child {
	right: auto;
	left: 8px;
}

input[type="button"] {
	cursor: pointer
}

.related-product {
	width: 100%;
	display: block;
	margin: 0px auto 80px;
	padding-top: 50px;
}

.related-product .main-product-section-flex-proprty a.each-product-flex-deatil {
	width: 17.5%;
}

.related-product .main-product-section-flex-proprty a.each-product-flex-deatil .inner-product-img-section {
	height: 135px;
}

.warehouse-section {
  width: 100%;
  height: 350px;
  background-image: url(../images/BANNER3.jpg);
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  position: relative;
  margin: 95px auto 0;
  color: white;
  text-align: center;
}

.text-wrapper h3 {
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
  margin: 0;
}

.text-wrapper h2 {
  margin-top: 10px;
  font-size: 22px;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.warehouse-container {
	max-width: 1172px;
	width: 92%;
	margin: 0px auto 0px;
	display: block;
}

.warehouse-header-flex-three-section {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: auto auto 0px;
	-webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
}

.each-warehouse-header-flexy {
	width: 50%; /* Changed from 33.33% to 50% for a 2-column layout */
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #ffffff;
	border-right: 1px solid #c5c5c5;
	text-align: center;
	padding: 40px 25px;
}

.warehouse-header-flex-three-section .each-warehouse-header-flexy:last-child {
	border-right: none;
}

.each-warehouse-header-flexy h2 {
	font-family: var(--main-font);
	font-size: 32px;
	font-weight: 600;
	color: #000000;
	text-transform: uppercase;
	display: block;
}

.each-warehouse-header-flexy hr {
	border-top: none;
	width: 45%;
	height: 3px;
	background-color: #133443;
	;
	margin: 20px auto;
	display: block;
}

.each-warehouse-header-flexy p {
	font-size: 17px;
	line-height: 22px;
	color: #676666;
	display: block;
}


.nervel-about {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: top;
	justify-content: space-between;
	margin: 40px auto 80px;
}

.nervel-left-content {
	width: 46%;
	display: inline-block;
	vertical-align: top;
}

.nervel-left-content h3 {
	font-family: var(--main-font);
	font-size: 32px;
	font-weight: 600;
	color: #000000;
	display: block;
	margin-bottom: 24px;
}

.nervel-left-content p {
	font-size: 18px;
	line-height: 28px;
	color: #676666;
	display: block;
}

.nervel-img {
	width: 50%;
	height: 350px;
	display: inline-block;
	vertical-align: top;
}

.nervel-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

#terms .inner-container-box h2 {
	margin-bottom: 30px;
	margin-top: 30px;
}

#terms .inner-container-box p {
	font-size: 17px;
	line-height: 22px;
	color: #080808;
	display: block;
	margin-bottom: 10px;
}

#terms .inner-container-box p big {
	font-size: 24px;
}

#terms .inner-container-box p b {
	font-weight: 600;
}

#accordionExample {
	margin: 50px auto 80px;
}

#accordionExample .card {
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgb(230 230 230);
	border-radius: 0;
	margin-bottom: 6px;
}

#accordionExample .card-header:first-child {
	border-radius: 0;
}

#accordionExample .card-header {
	padding: 0px;
	margin-bottom: 0;
	background-color: rgb(247 247 247);
	border-bottom: none;
}

#accordionExample .card-header h5.mb-0 {
	width: 100%;
	display: block;
}

#accordionExample .card-header h5.mb-0 .btn.btn-link {
	color: #353535;
	background-color: transparent;
	font-family: var(--main-font);
	font-size: 19px;
	font-weight: 600;
	padding: 10px 15px 12px;
	width: 100%;
	text-align: left;
	border: none;
}

#accordionExample .card-header h5.mb-0 .btn.btn-link:hover,
#accordionExample .card-header h5.mb-0 .btn.btn-link:active,
#accordionExample .card-header h5.mb-0 .btn.btn-link:focus {
	color: #133443;
	;
	text-decoration: none;
}

.Product-tablecell {
	width: 44%;
	height: 555px;
	display: block;
	background-color: #FFF;
	position: relative;
	overflow: hidden;
}

.Product-cellfrst {
	width: 100%;
	height: 450px;
	display: block;
}

#sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item {
	height: 450px;
	position: relative;
}

.Product-cellsnd {
	width: 100%;
	height: 105px;
	display: block;
}

#sync1 .owl-wrapper-outer .owl-wrapper .owl-item .item img {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
	padding: 25px;
	max-height: 100%;
	max-width: 100%;
}

#sync2 {
	position: absolute;
	left: 25px;
	bottom: 25px;
	height: auto;
}

#sync2 .owl-wrapper-outer .owl-wrapper {
	width: 100% !important;
	display: block !important;
	margin: auto;
}

#sync2 .owl-wrapper-outer .owl-wrapper .owl-item {
	width: 74px !important;
	margin-right: 12px;
}

#sync2 .owl-wrapper-outer .owl-wrapper .owl-item .item {
	width: 74px !important;
	height: 74px;
	border: 1px solid #000;
	border-color: rgba(0, 0, 0, 0.1);
	display: table;
}

#sync2 .owl-wrapper-outer .owl-wrapper .owl-item .item {
	display: table-cell;
	vertical-align: middle;
}

#sync2 .owl-wrapper-outer .owl-wrapper .owl-item .item img {
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	padding: 5px;
	background-color: white;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#sync2 .owl-wrapper-outer .owl-wrapper .owl-item:last-child {
	margin-right: 0px;
}

.xzoom-source div {
	background-color: transparent !important;
}

.xzoom-source .xzoom-lens {
	content: url(../images/zoom-tool.png);
	position: absolute;
	z-index: 100;
	opacity: 0.5 !important;
}

div.xzoom-preview {
	background-color: #FFF !important;
}

.prev-images {
	width: 100%;
	height: 440px;
	display: table;
}

.prev-images-cell {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	padding: 0px 20px;
	text-align: center;
}

.prev-images img {
	width: auto !important;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.xzoom-thumbs {
	display: block;
	height: 90px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.xzoom-thumbs div {
	display: inline-block;
	margin-right: 12px;
}

.xzoom-thumbs div:last-child {
	margin-right: 0px;
}

.xzoom-thumbs a {
	width: 94px;
	height: 84px;
	border: 1px solid #000;
	border-color: rgba(0, 0, 0, 0.1);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.xzoom-thumbs a img {
	width: auto !important;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	padding: 5px;
	background-color: white;
}

.xzoom-thumbs .owl-carousel .owl-nav {
	margin-top: 0;
	margin-right: 0;
	position: absolute;
	right: 0;
	left: 0;
	margin: 0px auto;
	text-align: center;
	top: 0;
}

.xzoom-thumbs .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	right: -5px;
	font-size: 42px;
}

.xzoom-thumbs .owl-carousel .owl-nav button.owl-prev {
	position: absolute;
	left: -5px;
	font-size: 42px;
}



#sustainability-select {
	color: #252525;
	background-color: rgba(247, 247, 247);
	font-family: var(--main-font);
	font-size: 19px;
	font-weight: 600;
	padding: 10px 15px 12px;
	width: 100%;
	text-align: left;
	border: 1px solid rgb(98 98 98);
}

#sustainability-footer-blog.footer-three-bg-cover {
	margin: 100px auto;
}

.small-div {
	position: relative;
}

#sustainability-footer-blog.footer-three-bg-cover .each-footer-bg-cover {
	width: 31.333%;
	height: auto;
}

#sustainability-footer-blog.footer-three-bg-cover .each-footer-bg-cover:hover img {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#sustainability-footer-blog.footer-three-bg-cover .each-footer-bg-cover img {
	height: 300px;
}

#sustainability-footer-blog.footer-three-bg-cover .each-footer-bg-cover p {
	margin-top: 20px;
}

#sustainability-footer-blog.footer-three-bg-cover .each-footer-bg-cover span.footer-tag-cover {
	font-size: 26px;
}

.site-maps {
	width: 100%;
	height: 380px;
	display: block;
	margin: 90px auto 0px;
}

.site-maps iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.contact-container {
	max-width: 1172px;
	width: 92%;
	margin: 60px auto 40px;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: space-between;
}

.left-section-footer-deatil {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	-webkit-box-shadow: 0px 0px 70px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 70px 20px rgba(0, 0, 0, 0.1);
	padding: 30px;
}

.left-section-footer-deatil h3 {
	font-family: var(--main-font);
	font-size: 32px;
	font-weight: 600;
	color: #000000;
	display: block;
	margin-bottom: 14px;
}

.left-section-footer-deatil p {
	font-size: 18px;
	line-height: 28px;
	color: #676666;
	display: block;
}

.small-info-section {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 50px auto 0px;
}

.each-small-footer {
	width: 48%;
	display: inline-block;
	margin-bottom: 35px;
}

.each-small-footer p {
	font-size: 16px;
	line-height: 26px;
	color: #676666;
	display: block;
}

.each-small-footer p a {
	color: #676666;
}

.each-small-footer p a:hover {
	color: #bf1e2e;
}

#form.left-section-footer-deatil h3 {
	margin-bottom: 40px;
}

#form.left-section-footer-deatil .col-lg-12 label {
	height: 14px;
	line-height: 14px;
	display: block;
	width: 100%;
}

#form.left-section-footer-deatil .col-lg-12 input,
#form.left-section-footer-deatil .col-lg-12 select {
	border-radius: 0px;
	padding: 8px 15px;
	width: 93%;
	border: 1px solid #ced4da;
}

.specific-width {
	width: 96% !important;
}

button.contact-submit-btn {
	font-family: var(--main-font);
	font-size: 20px;
	color: #ffffff;
	text-transform: uppercase;
	display: inline-block;
	background-color: #133443;
	;
	padding: 7px 30px 7px;
	font-weight: 600;
	border: none;
	cursor: pointer;
	letter-spacing: 2px;

	-webkit-transition: background 300ms ease-in-out;
	-moz-transition: background 300ms ease-in-out;
	transition: background 300ms ease-in-out;
}

button.contact-submit-btn::hover {
	background: #133443;
	;
}

.about-history-container {
	max-width: 1172px;
	width: 90%;
	margin: 120px auto 0px;
}

.about-history-container-internal {
	max-width: 1172px;
	width: 90%;
	margin: 12px auto 0px;
}

.about-top-section-flex-internal {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-top: 10px;
}

.about-top-section-flex {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 80px;
}

.heading-title {
	width: 100%;
	display: block;
	text-align: left;
	margin-bottom: 60px;
}

.heading-title-about {
	width: 100%;
	display: block;
	text-align: left;

}

.heading-title span {
	font-size: 16px;
	color: #7b7b7b;
	font-weight: 500;
	display: block;
	margin-bottom: 8px;
}

.heading-title h2 {
	font-size: 42px;
	color: #000000;
	font-weight: 400;
	display: block;
}

.about-left-section {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.about-left-section h2.heading-title {
	font-size: 34px;
	font-weight: 600;
}

img.aboutimg-collage {
	display: inline-block;
	margin: 0px auto 25px;
}

.about-right-section {
	width: 42%;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

.about-right-section ul {
	display: block;
	border-left: 1px solid #133443;
	;
}

.about-right-section ul li {
	display: block;
	position: relative;
	margin-bottom: 38px;
	padding-left: 50px;
}

.about-right-section ul li::before {
	content: "";
	position: absolute;
	left: -10px;
	top: 0px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #133443;
	;
	border: 1px solid #133443;
	;
}


.about-right-section ul li:last-child {
	margin-bottom: 0px;
}

.about-right-section ul li p {
	font-size: 17px;
	color: #292929;
	font-weight: 400;
	display: block;
}

.about-right-section ul li p b {
	font-weight: 600;
	display: block;
	font-size: 28px;
}

.large-footer-bar .row .col-md-6,
.large-footer-bar .row .col-md-4 {
	text-align: center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.project-left-section {
	width: 60%;
	display: inline-block;
	vertical-align: top;
}

.project-right-section {
	width: 32%;
	display: inline-block;
	vertical-align: top;

}

.project-right-section {
	width: 32%;
	display: inline-block;
	vertical-align: top;
	margin-top: 100px;
}

.project-right-section ul li {
	margin-left: 30px;
	margin-top: 10px;
	list-style-type: square;
}

.project-right-section ol li {
	margin-left: 30px;
	margin-top: 10px;

	list-style-type: decimal;
}

.community-intro {
	width: 100%;
	display: inline-block;
	vertical-align: top;

}

.community-intro p {

	margin-top: 25px;
}

.community-intro ul li {
	margin-left: 30px;
	margin-top: 10px;
	list-style-type: square;
}

.community-intro ol li {
	margin-left: 30px;
	margin-top: 10px;

	list-style-type: decimal;
}

.copyright p {
	font-size: 11px;
}

.heading-title h4 {
	margin-top: 45px;
}


.lb-container .lb-nav {
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
	width: 100%;
}

.lb-container .lb-nav a.lb-prev {
	width: 30px;
	height: 30px;
	background-color: rgb(255 255 255);
	display: inline-block;
	position: absolute;
	left: -40px;
}

.lb-container .lb-nav a.lb-prev::before {
	content: "\f104";
	position: absolute;
	color: #000000;
	font-family: 'FontAwesome';
	font-weight: 700;
	font-size: 28px;
	left: 7px;
	top: 14px;
}

.lb-container .lb-nav a.lb-next {
	width: 30px;
	height: 30px;
	background-color: rgb(255 255 255);
	display: inline-block;
	position: absolute;
	right: -40px;
}

.lb-container .lb-nav a.lb-next::after {
	content: "\f105";
	position: absolute;
	color: #000000;
	font-family: 'FontAwesome';
	font-weight: 700;
	font-size: 28px;
	right: 7px;
	top: 14px;
}



.variation-box {
	padding: 10px 0 30px;
}

.variation-box .panel {
	border-bottom: 1px solid #d6d6d6;
	margin-bottom: -1px;
}

.variation-box .panel-heading {
	color: #212529;
	margin-bottom: -1px;
	font-size: 16px;
}

.variation-box .panel-heading a.collapsed {
	display: block;
	color: #212529;
	padding: 15px 15px;
	font-size: 14px;
	border-bottom: 1px solid #d6d6d6;
	position: relative;
}

.variation-box .panel-heading a {
	border-bottom: 1px solid #133443;
	;
	display: block;
	color: #212529;
	padding: 15px 15px;
	font-size: 14px;
	position: relative;
}

.variation-box .panel-heading a.collapsed::before {
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -0.7rem;
	content: '+';
	font-size: 16px;
	font-weight: bold;
}

.variation-box .panel-heading a::before {
	position: absolute;
	top: 50%;
	right: 1rem;
	margin-top: -1.04rem;
	content: '-';
	font-size: 23px;
	font-weight: bold;
}

.variation-box .panel-heading a .selected {
	font-weight: bold;
	font-size: 16px;
}

.variation-list {
	margin: 10px 0;
}

.variation-list ul {
	list-style-type: none;
	padding: 0px;
	display: block;
}

.variation-list li {
	display: inline-block;
	margin: 0 2px !important;
	width: auto !important;
}

.variation-list li a {
	padding: 0 15px;
	height: 40px;
	background-color: #f7f7f7;
	font-size: 12px;
	color: #212529;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	display: block;
	border-radius: 2px;
	line-height: 40px;
	font-weight: bold;
	opacity: 0.5;
}

.variation-list li a:hover,
.variation-list li.active a,
.variation-list li a.active {
	background-color: #133443;
	;
	color: #fff;
	opacity: 1;
}






@media (min-width: 1201px) and (max-width: 1356px) {
	.main-navigation {
		top: 86px;
	}
}

@media (min-width: 1024px) and (max-width: 1200px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 991px) {
	body {
		overflow-x: hidden;
	}

	.info-promotion-text {
		padding: 8px 8px 6px;
	}

	.main-navigation {
		top: 16px;
	}

	.fixed-header {
		top: 0px;
	}

	.main-navigation .navigation {
		padding: 15px 0px;
	}

	.main-navigation .navigation .menuToggle {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		align-items: center;
		width: auto;
		background-color: transparent;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	.logo-menu ul {
		margin-left: 0px;
	}

	.logo-menu {
		padding-right: 0px;
		padding-left: 38px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.main-navigation .logo-menu a img {
		width: 120px !important;
	}

	.main-navigation.fixed-header .logo-menu {
		padding-right: 0px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.navigation ul {
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		align-items: center;
		flex-direction: row;
	}

	.navigation ul.menuToggle {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		cursor: pointer;
		justify-content: space-between;
		position: relative;
		z-index: 2;
		margin-top: 6px;
	}

	.navigation ul.menuToggle .menu-item {
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		display: block;
		width: 30px;
		height: 3px;
		margin: 0 0 5px;
		background: #fff;
	}

	.navigation ul.menuToggle .menu-item:last-child {
		margin: 0 0 0px;
	}

	.navigation ul.menuToggle.open {
		margin-top: -100px;
	}

	.navigation ul.menuToggle.open .menu-item {
		background: #fff;
		position: relative;
		z-index: 2;
	}

	.owl-nav button {
		display: none !important;
	}

	.navigation ul.menuToggle.open .menu-item:first-child {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transform-origin: 5px 2px;
		transform-origin: 5px 2px;
	}

	.navigation ul.menuToggle.open .menu-item:nth-child(2) {
		opacity: 0;
	}

	.navigation ul.menuToggle.open .menu-item:nth-child(3) {
		-webkit-transform: rotate(-47deg);
		transform: rotate(-47deg);
		-webkit-transform-origin: -3px 0px;
		transform-origin: 3px 0px;
	}

	.navigation ul.menu {
		position: absolute;
		opacity: 0;
		left: 0;
		top: 0;
		flex-direction: column;
		z-index: -1;
		visibility: hidden;
	}

	.navigation.open ul.menu {
		opacity: 1;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100vh;
		background: #000000;
		align-items: flex-start;
		padding: 80px 0px 0px 20px;
		z-index: 1;
		justify-content: flex-start;
		overflow: auto;
		visibility: visible;
	}

	.main-navigation .navigation .menu a {
		color: #FFF;
		margin: 0px 0px 10px !important;
	}

	.main-navigation .navigation .menu li {
		height: auto;
		padding: 0px;
		border-right: none;
	}

	.navigation ul.dropdown-menu {
		position: static;
		display: none;
		min-width: inherit;
		flex-direction: column !important;
	}

	ul.dropdown-menu div {
		display: block;
		margin-right: 0px;
	}

	ul.dropdown-menu div li a {
		color: #000000 !important;
	}

	.navigation ul.menu li.dropdown {
		margin-right: 0px;
		width: 100%;
		margin-bottom: 8px;
	}

	.navigation ul.menu li.dropdown a,
	.main-navigation.fixed-header .navigation .menu li a {
		padding: 0px;
	}

	.dropdown {
		display: block !important;
	}

	.dropdown-menu .dropdown-item {
		color: #619c03 !important;
	}

	.dropdown:hover .dropdown-menu {
		position: static;
		margin-bottom: 20px;
	}

	.main-navigation .navigation .menu li a {
		margin-right: 0px;
		margin-bottom: 20px;
		display: block;
		padding: 0px;
		color: #FFF;
		border-right: none;
	}

	.dropdown-item {
		margin-bottom: 0px !important;
	}

	.main-banner-video {
		height: 88vh;
		border-bottom: 6px solid #ffffff;
	}

	.large-section-bg-cover {
		height: auto;
		justify-content: flex-start;
		flex-direction: column;
	}

	.large-section-bg-cover:nth-of-type(2),
	.large-section-bg-cover:last-child {
		flex-direction: column-reverse;
	}

	.section-bg-image-cover {
		width: 100%;
		height: 300px;
	}

	.main-banner-content h1 main {
		font-size: 22px;
	}

	.section-bg-image-content-cover {
		width: 100%;
		height: auto;
	}

	.section-content-container {
		width: 90%;
		padding: 70px 0px;
	}

	.section-bg-image-cover span.placename {
		font-size: 16px;
	}

	.section-content-container h1 {
		font-size: 30px;
	}

	.footer-three-bg-cover {
		margin: 0px auto 0px;
		justify-content: flex-start;
		flex-direction: column;
	}

	.each-footer-bg-cover {
		width: 100%;
		height: 350px;
		border-right: none;
		border-bottom: 6px solid #ffffff;
	}

	.footer-three-bg-cover .each-footer-bg-cover:last-child {
		border-bottom: none;
	}

	.each-footer-bg-cover span.footer-tag-cover {
		font-size: 28px;
	}

	.row {
		margin: 0;
	}

	.footer-bg {
		height: 550px;
		background-position: 42% 50%;
		width: 90%;
	}

	.newsletter-form-section {
		max-width: 100%;
		height: 210px;
		padding-left: 25px;
		padding-right: 25px;
	}

	.newsletter-form-section .main-banner-content {
		width: 100%;
	}

	.large-footer-bar {
		padding: 40px 0px 40px;
	}
	.contact-form{
		margin-left: 0;
	}
	.contact-details p {
		margin-top: 16px !important;
		overflow-wrap: anywhere;
		align-items: start !important;
	}
	.inner-footer-container {
		align-items: flex-start;
		text-align: left;
	}

	.inner-footer-container .each-footer-flex:first-child {
		display: block;
		text-align: center;
		width: 100%;
	}

	.inner-footer-container .each-footer-flex {
		margin-bottom: 60px;
		width: 46%;
	}

	h2.heading-title {
		font-size: 30px;
	}

	.product-section-flex-bar {
		justify-content: flex-start;
		flex-direction: column;
		margin: 60px auto 20px;
	}

	.left-product-bar {
		display: none;
	}

	.right-product-detail {
		width: 100%;
		padding-left: 0px;
	}

	.product-detail-search-bar input.form-control {
		width: 65%;
	}

	.each-product-flex-deatil {
		width: 100%;
		display: block;
		margin: 0px auto 30px;
	}

	.large-product-img {
		width: 100%;
	}

	ul.small-product-ul li {
		margin-right: 20px;
	}

	ul.small-product-ul li a {
		width: 80px;
		height: 80px;
	}

	.large-product-detail-content {
		width: 100%;
		margin-top: 80px;
	}

	.warehouse-header-flex-three-section {
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin: -80px auto 0px;
	}

	.each-warehouse-header-flexy {
		width: 100%;
		height: auto;
		border-right: none;
		border-bottom: 1px solid #c5c5c5;
	}

	.warehouse-header-flex-three-section .each-warehouse-header-flexy:last-child {
		border-bottom: none;
	}

	.warehouse-section {
		height: 350px;
		background-position: 40% 5%;
		margin: 20px auto 0px;
	}

	.nervel-about {
		align-items: center;
		justify-content: center;
		flex-direction: column-reverse;
		margin: 20px auto 60px;
	}

	.nervel-left-content {
		width: 100% !important;
		margin-top: 40px;
	}
	.warehouse-header-flex-three-section{
		margin-top: 0 !important;
	}

	.nervel-img {
		width: 100%;
		height: 300px;
	}

	.prev-images-cell {
		padding: 0px 0px;
	}

	.main-product-section-flex-proprty {
		flex-direction: column;
	}

	.related-product .main-product-section-flex-proprty a.each-product-flex-deatil {
		width: 100%;
		margin: 0px auto 30px;
	}

	.related-product .main-product-section-flex-proprty a.each-product-flex-deatil .inner-product-img-section {
		height: 205px;
	}

	.product-view-port {
		width: 100%;
	}

	.stock-maintenance {
		flex-direction: column;
	}

	.quantity {
		width: 100%;
		margin: 20px 0px;
	}

	.quantity input {
		width: 100%;
	}

	a.cartbuton {
		display: block;
		width: 100%;
		margin: 0px;
		text-align: center;
	}

	#cart table {
		overflow: auto;
		white-space: nowrap;
	}

	.checkout-flex-section {
		flex-direction: column;
	}

	.checkout-left-section {
		width: 100%;
		margin-bottom: 80px;
	}

	.checkout-right-section {
		width: 100%;
	}

	#sustainability-footer-blog.footer-three-bg-cover .each-footer-bg-cover {
		width: 100%;
	}

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

	.left-section-footer-deatil {
		width: 100%;
		margin: 0px auto 30px;
	}

	#form.left-section-footer-deatil .col-lg-12 input,
	#form.left-section-footer-deatil .col-lg-12 select,
	.specific-width {
		width: 100% !important;
	}

	.about-top-section-flex {
		flex-direction: column-reverse;
		padding-top: 20px;
	}

	.about-left-section,
	.about-right-section {
		width: 100%;
	}

	.Product-tablecell {
		width: 100%;
		height: 500px;
	}

	.project-right-section {
		width: 100%;
		margin-top: 0px;
	}

	.project-left-section {
		width: 100%;
		margin-top: 40px;
	}

	.project-left-section .heading-title {
		margin-bottom: 20px;
	}

	.about-top-section-flex .community-intro {
		margin-bottom: 40px;
	}

	.about-top-section-flex .community-intro iframe {
		width: 100% !important;
		height: 100% !important;
	}

	.search-form form .contact-submit-btn {
		padding: 7px 10px 7px;
		font-size: 11px;
	}

	.search-form form #term {
		width: 80px !important;
		margin-right: 5px !important;
	}


}




/*==========product sub cate============*/

ul.pro-sub-cat {
	margin-left: 0px !important;
	margin: 12px 0px 12px 10px;
	padding: 18px 25px 10px;
}

ul.pro-sub-cat li {
	margin-bottom: 8px !important;
}

.cstm-menu ul.dropdown-menu li {
	list-style: none;
	display: list-item;
}

.pro-sub-cat li {
	list-style: disc !important;
}

.pro-sub-head {
	color: #000;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 14px;
}

.cstm-menu ul.dropdown-menu>div>li {
	margin-left: 20px;
}

.cstm-menu ul.dropdown-menu>div>li:last-child {
	margin-left: 20px !important;
}

.cate-mr {
	margin-right: 92px !important;
}

span.caret.csr-drop {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}


/* Dropdown Button */
.cstm-menu .dropbtn {
	color: white;
	padding: 16px;
	font-size: 16px;
	border: none;
	cursor: pointer;
}


/* The container <div> - needed to position the dropdown content */
.cstm-menu .dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.cstm-menu .dropdown-content {
	display: none;
	/*position: absolute;*/
	background-color: #f1f1f1;
	min-width: 140px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

/* Links inside the dropdown */
.cstm-menu .dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.cstm-menu .dropdown-content a:hover {
	background-color: #ddd
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.cstm-menu .show {
	display: block;
}

.search-form form {
	display: flex;
	justify-content: center;
}

/*---Blog Page css start here---*/
.search-form form {
	margin: 0px;
}

.page-tilte-box {
	position: absolute;
	width: 100%;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #ffffff;
	text-align: center;
	padding: 20px 25px;
	left: 50%;
	bottom: -10%;
	transform: translate(-50%, 0%);
	box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.1);
	z-index: 9;
}

.page-tilte-box h2 {
	font-family: var(--main-font);
	font-size: 56px;
	font-weight: 600;
	color: #000000;
	text-transform: uppercase;
	display: block;
}

.page-tilte-box h2:after {
	border-top: none;
	width: 45%;
	height: 3px;
	background-color: #133443;
	;
	margin: 20px auto;
	display: block;
	content: '';
}

.blog-text {
	position: relative;
	margin: 15px 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.blog-text h3 {
	font-family: var(--main-font);
	font-size: 26px;
	font-weight: 700;
	color: #000000;
	display: block;
}

.blog-text p {
	font-size: 18px;
	line-height: 28px;
	color: #676666;
	display: block;
	margin-bottom: 20px;
}

.blog-text a {
	font-family: var(--main-font);
	font-size: 18px;
	color: #676666;
	display: inline-block;
	font-weight: 600;
	position: relative;
}

.blog-text a::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	height: 2px;
	width: 100%;
	background-color: #133443;
	;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.blog-text a:hover::after {
	width: 70%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.page-numbers {
	border: 1px solid #000000;
	background-color: #000;
	color: #fff;
	font-family: var(--main-font);
	font-size: 16px;
	padding: 5px 15px;
	display: inline-block;
	margin: 0 2px;
	border-radius: 2px;
}

.page-numbers:hover,
.page-numbers.current,
.page-numbers.current:hover {
	color: #fff;
	background-color: #133443;
	;
	border-color: #133443;
	;
}

img {
	max-width: 100%;
	display: block;
}

.blog-img-big {
	height: 690px;
	overflow: hidden;
	width: 100%;
}

.author-detials {
	display: flex;
	align-items: center;
}

.blog-author-prefix {
	margin-right: 5px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 600;
}

.blog-author {
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 600;
	text-transform: none;
	white-space: nowrap;
}

.blog-pipe {
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 400;
}

.blog-published-date {
	padding-top: 0px;
	padding-bottom: 10px;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 400;
	text-transform: none;
	white-space: nowrap;
}

.single-blog {
	margin-top: 130px;
}

.single-blog h2 {
	font-family: var(--main-font);
	font-size: 30px;
	font-weight: 600;
	color: #000000;
	display: block;
	margin-bottom: 20px;
}

.single-blog h3 {
	font-family: var(--main-font);
	font-size: 24px;
	font-weight: 600;
	color: #000000;
	display: block;
	margin-bottom: 20px;
}

.single-blog ul li {
	list-style-type: none;
	font-size: 18px;
	line-height: 28px;
	color: #676666;
	display: block;
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
}

.single-blog ul li::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0.58em;
	left: 0.025em;
	background-color: #2d3e50;
	border-radius: 50%;
	width: 6px;
	height: 6px;
}

.single-blog p {
	font-size: 18px;
	line-height: 28px;
	color: #676666;
	display: block;
	margin-bottom: 20px;
}

.single-blog img {
	margin-bottom: 30px;
}

blockquote {
	font-size: 24px;
	line-height: 38px;
	padding: 40px;
	font-weight: normal;
	text-align: center;
	margin-top: 50px;
	color: #676666;
	display: block;
	margin-bottom: 50px;
	background-color: #f5f8fa;
	border: 1px solid #7c98b6;
}

@media(max-width: 1400px) {
	.page-tilte-box h2 {
		font-size: 2.5rem;
	}

	.single-blog h2 {
		font-size: 1.85rem;
	}

	.single-blog h3 {
		font-size: 1.25rem;
	}

	blockquote {
		font-size: 1.5rem;
		line-height: 1.3;
	}

	.blog-img-big {
		height: 590px;
	}

	.blog-text h3 {
		font-size: 1.3rem;
	}
}

@media(max-width: 992px) {
	.blog-img-big {
		height: 510px;
	}

	.single-blog {
		margin-top: 110px;
	}

	.page-tilte-box h2 {
		font-size: 2rem;
	}

	blockquote {
		font-size: 1.2rem;

	}

}

@media (max-width: 767px) {
	.search-form form #term {
		width: 150px !important;
	}

	.logo-menu {
		padding-left: 15px;
		padding-right: 10px;
	}

	.blog-text h3 {
		font-size: 1.25rem;
	}

	.blog-text p {
		line-height: normal;
		font-size: 1rem;
	}

}

@media(max-width: 500px) {
	.each-warehouse-header-flexy h2{
		font-size: 20px !important;
	}
	.intro-container h1{
		font-size: 28px !important;
	}

	.main-banner-content h1 main{
		font-size: 24px !important;
	}
	.contact-details{
		margin-left: 0 !important;
	}
	.each-footer-flex a.footer-logo{
		max-width: 100px;
	}
	.inner-footer-container .each-footer-flex {
		width: 100% !important;
		margin-bottom: 24px !important;
	}
	.page-tilte-box {
		bottom: 0;
	}

	.blog-img-big {
		height: 390px;
	}

	.single-blog {
		margin-top: 50px;
	}

	blockquote {
		padding: 20px;
	}
}

.search-form form #term {
	width: 200px !important;
}

.bg-red {
	background-color: #133443;
	color: #fff !important;
}

.bg-green {
	background-color: #4CAF50 !important;
	color: #fff !important;
}

.prodtype-90 {
	width: 95%;
}

.heading-title.hm30 {
	margin-bottom: 30px
}

.hotel-services {
	list-style: none;
	padding: 0;
	margin: 20px;
	font-family: 'Arial', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #333;
}

.hotel-services li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
}

.hotel-services li::before {
	content: "●";
	/* Custom bullet */
	position: absolute;
	left: 0;
	top: 0;
	color: #b8860b;
	/* Gold color for a luxury feel */
	font-size: 18px;
}

.hotel-services li:hover {
	color: #8b6c1b;
	/* Darker gold on hover */
	cursor: pointer;
	transition: 0.3s ease;
}

a.discover-btn {

	padding: 12px 25px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: linear-gradient(90deg, #b8860b, #8b6c1b);
	/* Gold gradient */
	border-radius: 30px;
	transition: all 0.3s ease-in-out;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);

	display: block;
	margin: 0 auto;
	/* Centers the button horizontally */
	width: fit-content;
	/* Ensures only the button size is considered */
	text-align: center;
}

a.discover-btn:hover {
	background: linear-gradient(90deg, #8b6c1b, #b8860b);
	transform: translateY(-3px);
	/* Slight lift on hover */
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
}

/* Full-width Background */
.intro-section {
	width: 100vw;
	/* Ensures full viewport width */
	background-color: #ffffff;
	/* Premium dark blue */
	padding: 100px 0;
	/* Adds vertical spacing */
	text-align: center;
	color: #000000;
	/* White text for contrast */
	position: relative;
	left: 0;
	margin: 0;
}

/* Centered Content */
.intro-container {
	max-width: 1200px;
	/* Keeps content readable */
	margin: 0 auto;
	/* Centers it */
	padding: 0 20px;
	/* Responsive padding */
}

/* Headline Styling */
.intro-container h1 {
	font-family: var(--main-font);
	font-size: 42px;
	font-weight: 600;
	margin-bottom: 20px;
}

/* Paragraph Styling */
.intro-container p {
	font-size: 20px;
	line-height: 1.6;
	max-width: 900px;
	/* Restricts width for readability */
	margin: 0 auto 30px;
	/* Centers it */
}

/* Button Styling */
.discover-btn {
	display: inline-block;
	background: #f4b400;
	/* Premium Gold */
	color: #133443;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 30px;
	border-radius: 8px;
	transition: all 0.3s ease-in-out;
}

.discover-btn:hover {
	background: #d9a200;
	color: #ffffff;
}

.testimonial-section {
	width: 100%;
	background: url('images/testimonial-bg.jpg') center/cover no-repeat;
	padding: 80px 0;
	text-align: center;
	color: #ffffff;
	position: relative;
}

.testimonial-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	/* Dark overlay for readability */
}

.container {
	position: relative;
	z-index: 2;
}

.section-title {
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 40px;
	text-transform: uppercase;
}

/* Testimonial Section */
.testimonial-section {
	width: 100%;
	background: url('images/testimonial-bg.jpg') center/cover no-repeat;
	padding: 80px 0;
	text-align: center;
	position: relative;
}

.testimonial-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.container {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: 0 auto;
	padding: 20px;
	color: #fff;
}

.testimonial-slider {
	margin-top: 20px;
}

.testimonial-item {
	background: #fff;
	color: #333;
	padding: 30px;
	border-radius: 10px;
	text-align: left;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease-in-out;
}

.testimonial-text {
	font-size: 18px;
	font-style: italic;
	margin-bottom: 20px;
}

.client-info {
	display: flex;
	align-items: center;
	gap: 15px;
}

.client-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.client-details h4 {
	font-size: 16px;
	margin: 0;
}

.client-details p {
	font-size: 14px;
	margin: 0;
	color: #777;
}

/* Owl Carousel Navigation */
.owl-nav {
	position: absolute;
	top: calc(50% - 30px);
	/* Moves arrows 30px up */
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
	pointer-events: none;
}

/* Navigation Buttons */
.owl-nav button {
	background: rgba(255, 255, 255, 0.3) !important;
	color: #fff !important;
	font-size: 22px !important;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	pointer-events: auto;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.owl-nav button:hover {
	background: rgba(255, 255, 255, 0.6) !important;
	transform: scale(1.1);
}

/* Positioning */
.owl-prev {
	position: absolute;
	left: -70px;
}

.owl-next {
	position: absolute;
	right: -70px;
}

/* Ensure buttons stay centered */
.testimonial-section {
	position: relative;
	padding: 50px 0;
}

/* Dots Styling */
.owl-dots {
	text-align: center;
	margin-top: 20px;
}

.owl-dot {
	width: 12px;
	height: 12px;
	margin: 5px;
	background: #aaa;
	border-radius: 50%;
	display: inline-block;
	transition: background 0.3s ease-in-out;
}

.owl-dot.active {
	background: #fff;
	transform: scale(1.2);
}


/* Contact Section */
.contact-container {
	max-width: 1200px;
	width: 100%;
	background: white;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
	transition: 0.3s;
}

.contact-container:hover {
	box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.2);
}

.contact-title {
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
	color: #007bff;
	width: 100%;
}

.contact-form {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 15px;
}

.contact-form input,
.contact-form textarea {
	width: 100%;
	padding: 12px;
	font-size: 16px;
	border: 2px solid #ddd;
	border-radius: 8px;
	transition: 0.3s;
}

.contact-form input:focus,
.contact-form textarea:focus {
	border-color: #007bff;
	outline: none;
	box-shadow: 0px 0px 8px rgba(0, 123, 255, 0.3);
}

.contact-form textarea {
	resize: none;
	height: 120px;
}

.contact-form button {
	padding: 12px;
	font-size: 18px;
	font-weight: bold;
	background: #133443;
	color: white;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: 0.3s;
}

.contact-form button:hover {
	background: #8b6c1b;
	box-shadow: 0px 8px 15px rgba(0, 123, 255, 0.2);
}

/* Contact Details Styling */
.contact-details {
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
	padding: 50px;
	margin-left: 30px;
	background: linear-gradient(135deg, #0C3745, #0C3745);
	color: white;
	border-radius: 12px;
	box-shadow: 0px 10px 20px #488;
	transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.contact-details:hover {
	transform: scale(1.05);
	box-shadow: 0px 15px 30px #0C3745;
}

.contact-details p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 10px 0;
	font-size: 18px;
	font-weight: 500;
	transition: color 0.3s ease-in-out;
}

.contact-details p:hover {
	color: #ffcc00;
}

.contact-details i {
	font-size: 24px;
	transition: transform 0.3s ease-in-out;
}

.contact-details p:hover i {
	transform: scale(1.2);
}


@media (max-width: 768px) {
  .large-section-bg-cover {
    width: 90% !important;
  }
}
</style>

.specific-layout .warehouse-header-flex-three-section {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 20px;
	margin: 40px auto;
	max-width: 1200px;
	padding: 0 20px;
	box-sizing: border-box;
  }
  
  .specific-layout .each-warehouse-header-flexy {
	flex: 1;
	background-color: #ffffff;
	padding: 40px 20px;
	text-align: center;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px;
	box-sizing: border-box;
  }

  
  
  .specific-layout .each-warehouse-header-flexy h2 {
	font-family: sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.4;
  }

  .three-box-layout .warehouse-header-flex-three-section {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 0; /* Remove gap between boxes */
	margin: 40px auto;
	max-width: 1200px;
	padding: 0 20px;
	box-sizing: border-box;
  }
  
  .three-box-layout .each-warehouse-header-flexy {
	flex: 1;
	background-color: #ffffff;
	padding: 40px 20px;
	text-align: center;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Subtle shadow at the bottom only */
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px;
	box-sizing: border-box;
	transition: all 0.3s ease;
  }
  
  .three-box-layout .each-warehouse-header-flexy h2 {
	font-family: sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #000000;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.4;
  }
  
   @media (max-width: 768px) {
  .responsive-image-container {
    width: 80% !important;
  }

  .responsive-image-container img {
    width: 100% !important;
    height: auto !important;
  }
}