/*
Theme Name: Dressme
Theme URI: http://www.dressme.lk/
Author: Dream Shapers
Author URI: http://dressme.lk/
Description: This theme has been designed for dressme website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dressme
Domain Path: /languages/
Tags: one-column, two-columns, custom-menu, full-width-template, theme-options, threaded-comments,
*/
body {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 27px;
	color: #515151;
	font-weight: 400;
}
a {
	text-decoration: none;
	color: #fff;
	transition: all ease-out 0.3s;
}
img {
	max-width: 100%;
	height: auto;
}
hr {
	border-top: 1px solid #898989;
	border-bottom: none;
	margin: 20px 0;
	display: inline-block;
}
h1, h2, h3, h4, .h4 {
	margin-bottom: 0px!important;
	font-family: 'Roboto', sans-serif;
}
h1, .h1 {
	font-size: 26px;
	line-height: 30px;
}
h2, .h2 {
	font-size: 30px;
	line-height: 35px;
}
.white {
	color: #ffffff;
}
.black {
	color: #000;
}
.orange {
	color: #e67817;
}
.blue {
	color: #27236e;
}
.light-blue {
	color: #dfdfe7;
}
.bg-gray {
	background-color: #efefef;
}
.bg-dark-gray {
	background-color: #141414;
}
.bg-black {
	background-color: #000;
}
.bg-blue {
	background-color: #27236e;
}
.bg-orange {
	background-color: #e67817;
}
.p-t-20 {
	padding-top: 20px;
}
.p-b-20 {
	padding-bottom: 20px;
}
.p-t-15 {
	padding-top: 15px;
}
.p-b-15 {
	padding-bottom: 15px;
}
.p-b-60 {
	padding-bottom: 60px;
}
.p-b-40 {
	padding-bottom: 40px;
}
.p-t-60 {
	padding-top: 60px;
}
.p-b-t-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.p-t-b-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.p-l-50 {
	padding-left: 50px;
}
.btn {
	background-color: #e67817;
	color: #ffffff;
	padding: 8px 30px;
	display: inline-block;
	font-size: 15px;
	border-radius: 6px;
	margin-top: 10px;
	letter-spacing: 0.2px;
	font-weight: 500;
}
.btn:hover {
	color: #ffffff;
	background-color: #bb5a04;
}
.clearfix {
	clear: both;
}
.no-margin {
	margin: 0;
}
.text-center {
	text-align: center;
}
.menu ul {
	margin: 0;
	padding: 0;
}
.menu ul li {
	display: inline-block;
	padding-left: 30px;
	position: relative;
}
.menu-area {
	float: right;
	padding: 20px 0;
}
.menu-area a {
	color: #141414;
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 34px;
}
.menu-area .current-menu-item a {
	color: #E67817;
}
.menu-area a:hover, .menu-area a:active {
	color: #e67817;
}
.menu li .sub-menu {
	opacity: 0;
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
	pointer-events: none;
	overflow: visible;
	position: absolute;
	top: 50px;
	left: 0;
	-webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
	transition: opacity 0.2s ease, transform 0.2s ease;
	z-index: 9999;
	width: 230px;
	background: #ffffff;
	border-radius: 12px;
	-webkit-box-shadow: 0 10px 36px rgba(10,8,40,0.14), 0 2px 8px rgba(10,8,40,0.06);
	box-shadow: 0 10px 36px rgba(10,8,40,0.14), 0 2px 8px rgba(10,8,40,0.06);
	padding: 8px 0;
}
.menu li .sub-menu::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 22px;
	width: 12px;
	height: 12px;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 2px 0 0 0;
	-webkit-box-shadow: -2px -2px 4px rgba(10,8,40,0.05);
	box-shadow: -2px -2px 4px rgba(10,8,40,0.05);
}
.menu li:hover .sub-menu {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	pointer-events: auto;
}
.menu li .sub-menu li {
	display: block;
	padding-left: 0;
}
.menu li .sub-menu li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	background-color: transparent;
	padding: 10px 18px;
	border-bottom: none;
	color: #27236e;
	font-size: 14px;
	font-weight: 500;
	-webkit-transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
	transition: background 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}
.menu li .sub-menu li a::before {
	content: '\f105';
	font-family: FontAwesome;
	font-size: 12px;
	color: #e67817;
	opacity: 0;
	-webkit-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
	min-width: 12px;
}
.menu li .sub-menu li a:hover {
	background-color: #f5f4fb;
	color: #e67817;
	padding-left: 22px;
}
.menu li .sub-menu li a:hover::before {
	opacity: 1;
}
.menu li .sub-menu li:first-child a {
	border-radius: 10px 10px 0 0;
}
.menu li .sub-menu li:last-child a {
	border-radius: 0 0 10px 10px;
}
.slider .item {
	position: relative;
}
.slider .inner {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
}
.slider .inner p {
	color: #fff;
	padding-top: 15px;
	margin: 0;
}
.slider .inner-content {
	background-color: rgba(0, 0, 0, 0.4);
	float: right;
	position: relative;
	padding: 30px;
	min-height: 150px;
}
.slider .inner-content::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 200px;
	background-color: rgba(0, 0, 0, 0.4);
	bottom: 0;
	right: -200px;
}
.slider .inner-content h1 {
	position: absolute;
	top: -105px;
	left: 0px;
	font-size: 32px;
	line-height: 40px;
	text-shadow: 1px 1px 2px #00000073;
	background-color: rgba(38, 34, 110, 0.5);
	padding: 10px 20px;
}
.slider .inner-content h1:before {
	content: '';
	width: 500px;
	background-color: rgba(38, 34, 110, 0.5);
	position: absolute;
	top: 0;
	bottom: 0;
	right: -500px;
}
.slider .inner-content h3 {
	font-size: 23px;
}
.slider .inner-content::before {
	content: url(images/dressme-slider-inner-bg.png);
	bottom: 0;
	position: absolute;
}
.slider .inner-content::before {
	content: "\A";
	border-style: solid;
	border-width: 50px 0px 165px 135px;
	border-color: transparent transparent rgba(0, 0, 0, 0.4) transparent;
	position: absolute;
	left: -135px;
	bottom: 0px;
}
.slider {
	position: relative;
}
.slider .bx-controls {
	position: absolute;
	right: 28px;
	top: 50%;
	left: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 999999;
}
.slider .bx-controls .bx-pager {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
}
.slider .bx-controls .bx-pager .bx-pager-item {
	display: block;
}
.slider .bx-controls .bx-pager .bx-pager-item a {
	width: 8px;
	height: 8px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: transparent;
	background-color: rgba(255, 255, 255, 0.4);
	overflow: hidden;
	display: block;
	-webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
	transition: background-color 0.3s ease, transform 0.3s ease;
}
.slider .bx-controls .bx-pager .bx-pager-item a.active {
	background-color: #e67817;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
.top-left {
	float: left;
}
.top-right {
	float: right;
}
.top-bar {
	font-size: 14px;
}
.top-bar a {
	color: #dfdfe7;
}
.top-mail, .top-phone {
	padding-right: 20px;
}
.top-bar .fa {
	font-size: 16px;
}
.top-social-icon a {
	padding-left: 10px;
}
.logo {
	float: left;
}
.services, .manufact, .embroid-content, .printing-content, .sublimation, .wt-product {
	position: relative;
	z-index: 999;
}
.services::before {
	border-color: #000 transparent transparent transparent;
}
.wt-product::before {
	border-color: #27236e transparent transparent transparent;
}
.services::before, .wt-product::before, .main-title::before {
	content: "\A";
	border-style: solid;
	border-width: 25px 25px 10px 25px;
	position: absolute;
	left: 50%;
	bottom: -35px;
	margin-left: -25px;
}
.manufacturing-img {
	background-image: url(https://www.dressme.lk/wp-content/uploads/2019/06/dressme-clothing-manufacturing-in-sri-lanka.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.manufact::before {
	border-color: transparent transparent #fff transparent;
}
.sublimation::before {
	border-color: transparent transparent #27236e transparent;
	top: -55px!important;
}
.sublimation {
	border-top: 10px solid #27236e;
}
.manufact::before, .sublimation::before {
	content: "\A";
	border-style: solid;
	border-width: 25px 25px 25px 25px;
	position: absolute;
	left: 50%;
	top: -50px;
	margin-left: -25px;
}
.embroid, .printing {
	position: relative;
}
.embroid-cover {
	background-image: url(images/embroid.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 50%;
}
.printing-cover {
	background-image: url(images/printing.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
}
.embroid-content::before {
	content: "\A";
	border-style: solid;
	border-width: 25px 25px 25px 25px;
	border-color: transparent #efefef transparent transparent;
	position: absolute;
	left: -25px;
	bottom: 50%;
	margin-left: -25px;
	margin-bottom: -12px;
}
.printing-content::before {
	content: "\A";
	border-style: solid;
	border-width: 25px 25px 25px 25px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	right: -50px;
	bottom: 50%;
	margin-left: -25px;
	margin-bottom: -12px;
}
/* Legacy — kept for compatibility */
.sublimation-img, .manufacturing-img {
	display: none;
}

/* Reusable full-width image block */
.full-img-block {
	width: 100%;
	line-height: 0;
	overflow: hidden;
}
.full-img-block img {
	display: block;
	width: 100%;
	height: 460px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
@media only screen and (max-width: 992px) {
	.full-img-block img { height: 360px; }
}
@media only screen and (max-width: 768px) {
	.full-img-block img { height: 260px; }
}
@media only screen and (max-width: 600px) {
	.full-img-block img { height: 200px; }
}
.pro-item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 592px;
}
.lady {
	background-image: url(images/dressme-ladieswear.jpg);
}
.man {
	background-image: url(images/dressme-clothing-manufacture-in-sri-lanka-menswear.jpg);
}
.uniform {
	background-image: url(images/uniforms.jpg);
}
.tshirts {
	background-image: url(images/dressme-promotional-tshirts-designs.jpg);
}
.banners {
	background-image: url(images/dressme-Flags,-Banners-&-Pennants.jpg);
}
.caps {
	background-image: url(images/dressme-promotional-caps-designs.jpg);
}
.pro-text {
	padding: 15px 40px;
	background-color: rgba(255, 255, 255, 0.7);
	display: inline-block;
	margin: 60% 0;
}
.pro-text a {
	color: #000000;
}
.home-products {
	position: relative;
}
.home-products .owl-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	text-align: center;
}
.home-products .owl-dots button {
	width: 15px;
	height: 15px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: 5px;
	opacity: 0.5;
	outline: none;
}
.home-products .owl-dots button.active {
	opacity: 0.8;
}
/* ===== Home Contact / CTA Banner ===== */
.home-contact {
	background: linear-gradient(135deg, #e67817 0%, #c96210 100%);
	position: relative;
	overflow: hidden;
}
.home-contact::before {
	content: '';
	position: absolute;
	top: -80px;
	right: -80px;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	background: rgba(255,255,255,0.06);
	pointer-events: none;
}
.home-contact::after {
	content: '';
	position: absolute;
	bottom: -60px;
	left: 40px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: rgba(255,255,255,0.04);
	pointer-events: none;
}
.home-contact h2 {
	font-weight: 700;
	font-size: 26px;
	color: #ffffff;
	letter-spacing: -0.2px;
	margin-bottom: 8px !important;
}
.home-contact p {
	margin-bottom: 0;
	color: rgba(255,255,255,0.88);
	font-size: 15px;
}
.home-contact p a {
	color: #ffffff;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: rgba(255,255,255,0.4);
	text-underline-offset: 3px;
}
.home-contact p a:hover {
	text-decoration-color: #ffffff;
}
.home-contact .btn {
	background: #ffffff;
	color: #e67817 !important;
	font-weight: 700;
	border-radius: 6px;
	padding: 12px 28px;
	font-size: 15px;
	margin-top: 0;
	white-space: nowrap;
	display: inline-block;
}
.home-contact .btn:hover {
	background: #f9f9f9;
	color: #c96210 !important;
}
.home-contact .btn a {
	color: #e67817 !important;
	font-weight: 700;
}
.home-contact .col-md-4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-left: 50px;
}
.socket p {
	float: left;
	font-size: 13px;
}
.home-products .row {
	margin-right: 0;
	margin-left: 0;
}
.main {
	overflow: hidden;
}
.main-title {
	background-color: #eaeaea;
	padding: 30px 0;
	border-bottom: 10px solid #dcdcdc;
	position: relative;
}
.main-title h2 {
	font-size: 35px;
	text-transform: uppercase;
	color: #26226e;
}
.header-main {
	padding: 10px;
}
.main-title::before {
	border-color: #dcdcdc transparent transparent transparent;
	bottom: -40px;
}
.service-content .container {
	max-width: 1000px;
}
.other-services .wp-block-cover {
	min-height: 200px;
}
.other-services .wp-block-cover p {
	-webkit-transition: 0.2s all ease-out;
	-moz-transition: 0.2s all ease-out;
	transition: 0.2s all ease-out;
}
.other-services .wp-block-cover:hover p {
	color: #e67817;
}
.home-contact .btn {
	margin-top: 30px;
}
.main-services .wp-block-cover {
	min-height: 250px;
}
.main-services .wp-block-cover p {
	margin-bottom: 0;
}
.contact-text {
	font-weight: 300;
	opacity: 0.8;
}
.contact-main .wpcf7-text, .contact-main .wpcf7-textarea {
	width: 100%;
	padding: 8px 12px;
	font-size: 16px;
	border: none;
}
.contact-main .wpcf7-textarea {
	height: 120px;
}
.contact-main .wpcf7-form-control-wrap {
	margin-bottom: 20px;
	display: block;
}
.contact-main .wpcf7-form-control-wrap.your-message {
	margin-bottom: 10px;
}
.contact-main .btn {
	margin-top: 0;
}
.wpcf7-not-valid-tip {
	display: none!important;
}
.wpcf7-form-control.wpcf7-not-valid {
	border: 1px solid #ff0000!important;
}
.contact-main .wpcf7-response-output {
	margin: 20px 0;
}
.contact-main a:hover {
	color: #ffffff;
}
.mobile-menu-toggle {
	display: none;
	float: right;
	color: #e67817;
	border: 1px solid #e67817;
	padding: 3px 10px;
	font-size: 24px;
	margin-top: 15px;
	cursor: pointer;
}
.mobile-menu-toggle .fa-times {
	display: none;
}
.home-products .col-md-12 {
	padding: 0;
}
.page-id-16 .home-contact {
	display: none;
}
.printing-content {
	padding-right: 50px;
}
.main-services a {
	padding: 20px;
}
.main-services a:hover {
	color: #ffffff;
	opacity: 0.7;
}
/*client logo area css*/
 .client-logo-area {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
 .client-logo-area .client-logo {
	margin: 10px;
	border: 1px solid #27236e;
	padding: 15px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
	display: inline-block;
}
/* ===== Footer ===== */
.footer-widgets {
	background: #0a0828;
	font-size: 14px;
	border-top: 1px solid rgba(255,255,255,0.05);
}
.footer-widgets .row {
	padding-top: 56px;
	padding-bottom: 40px;
}
.footer-widgets .widget-title,
.footer-widgets h3.widget-title {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	color: #e67817;
	margin-bottom: 20px !important;
	padding-bottom: 0;
	padding-top: 0;
}
.footer-logo-wrap {
	display: inline-block;
	background: #ffffff;
	border-radius: 12px;
	padding: 14px 20px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.2), 0 1px 4px rgba(0,0,0,0.12);
	box-shadow: 0 4px 20px rgba(0,0,0,0.2), 0 1px 4px rgba(0,0,0,0.12);
}
.footer-logo-wrap img {
	max-width: 140px;
	display: block;
	filter: none;
	opacity: 1;
	margin-bottom: 0;
}
.footer-tagline {
	color: rgba(255,255,255,0.5);
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 20px;
}
.footer-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	margin-top: 8px;
}
.footer-social a {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 8px;
	background: rgba(255,255,255,0.07);
	color: rgba(255,255,255,0.7) !important;
	font-size: 15px;
	-webkit-transition: background 0.2s ease, color 0.2s ease;
	transition: background 0.2s ease, color 0.2s ease;
}
.footer-social a:hover {
	background: #e67817;
	color: #ffffff !important;
}
.footer-widgets .col-lg-3 {
	-ms-flex: 0 0 24%;
	flex: 0 0 24%;
	max-width: 24%;
}
.footer-widgets .col-lg-3.col-data {
	-ms-flex: 0 0 28%;
	flex: 0 0 28%;
	max-width: 28%;
}
.footer-widgets ul {
	margin: 0;
	padding: 0;
}
.footer-widgets ul li {
	list-style-type: none;
	padding: 0;
	margin-bottom: 10px;
}
.footer-widgets ul li:before {
	display: none;
}
.footer-widgets ul li a {
	color: rgba(255,255,255,0.55);
	font-size: 14px;
	line-height: 22px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 6px;
	-webkit-transition: color 0.2s ease, gap 0.2s ease;
	transition: color 0.2s ease, gap 0.2s ease;
}
.footer-widgets ul li a::before {
	content: '\f105';
	font-family: FontAwesome;
	font-size: 11px;
	color: #e67817;
	opacity: 0.7;
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.footer-widgets ul li a:hover {
	color: #ffffff;
	gap: 9px;
}
.footer-widgets ul li a:hover::before {
	opacity: 1;
}
.col-services {
	padding-left: 15px;
}
.footer-contact-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 14px;
}
.footer-contact-item i {
	color: #e67817;
	font-size: 14px;
	margin-top: 4px;
	min-width: 14px;
}
.footer-contact-item p {
	margin: 0;
	color: rgba(255,255,255,0.55);
	font-size: 13px;
	line-height: 21px;
}
.footer-contact-item a {
	color: rgba(255,255,255,0.7) !important;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.footer-contact-item a:hover {
	color: #e67817 !important;
}
.socket {
	background: #060418;
	padding: 18px 0;
}
.socket p {
	float: left;
	font-size: 13px;
	color: rgba(255,255,255,0.4);
	margin: 0;
}
.socket p a {
	color: rgba(255,255,255,0.5);
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease;
}
.socket p a:hover {
	color: #e67817;
}
.footer-widgets a {
	color: rgba(255,255,255,0.55);
}
.footer-widgets a:hover {
	color: #ffffff;
}
.sub-title {
	margin-top: 50px;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.product-img figure {
	border: 1px solid #efefef;
}
.wp-block-cover, .wp-block-cover-image {
	background-color: #000000;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	font-size: 20px;
	background: linear-gradient(0deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .1) 70%, transparent);
}

/* ================================================================
   MODERN REDESIGN — Dressme Maldives
   ================================================================ */

/* --- Shared section heading accent --- */
.section-accent {
	display: block;
	height: 4px;
	width: 48px;
	background: linear-gradient(to right, #27236e, #e67817);
	border-radius: 2px;
	margin: 12px auto 28px;
}
hr {
	display: none !important;
}

/* --- Shared section p --- */
.brand-story p,
.sublimation-tech p,
.sublimation-desc p {
	margin-bottom: 16px;
}

/* ===== Slider Overlay ===== */
@keyframes sliderZoom {
	0%   { transform: scale(1); }
	100% { transform: scale(1.08); }
}
/* Hide all slides except the first before bxSlider initialises */
.main-slider > .item {
	display: none;
}
.main-slider > .item:first-child {
	display: block;
}
/* Once bxSlider wraps slides it controls visibility itself */
.bx-wrapper .item {
	display: block !important;
}

.slider-img-anim {
	animation: sliderZoom 8s ease-in-out infinite alternate;
	transform-origin: center center;
	display: block;
	width: 100%;
	height: 560px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}
.slider-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: linear-gradient(
		to top,
		rgba(8,6,32,0.96) 0%,
		rgba(8,6,32,0.72) 40%,
		rgba(8,6,32,0.20) 70%,
		transparent 100%
	);
	padding: 100px 0 0;
}
.slider-overlay-content {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px 48px;
}
.slider-overlay-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
}
.slider-overlay-kicker::before {
	content: '';
	display: inline-block;
	width: 28px;
	height: 3px;
	background: #ffffff;
	border-radius: 2px;
	flex-shrink: 0;
}
.slider-overlay-kicker span {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: #ffffff;
}
.slider-overlay-content h1 {
	font-size: 38px;
	line-height: 46px;
	font-weight: 700;
	letter-spacing: -0.5px;
	margin-bottom: 14px !important;
	color: #ffffff;
	text-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
.slider-overlay-content h1 em {
	font-style: normal;
	color: #e67817;
}
.slider-overlay-content .h3 {
	display: none;
}
.slider-overlay-desc {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
}
.slider-overlay-content p {
	margin: 0;
	font-size: 15px;
	line-height: 26px;
	color: rgba(255,255,255,0.78);
	max-width: 480px;
}
.slider-overlay-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: #e67817;
	color: #ffffff !important;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.4px;
	padding: 12px 26px;
	border-radius: 6px;
	white-space: nowrap;
	transition: background 0.2s ease, transform 0.2s ease;
	flex-shrink: 0;
}
.slider-overlay-cta::after {
	content: '\f054';
	font-family: FontAwesome;
	font-size: 11px;
}
.slider-overlay-cta:hover {
	background: #c96210;
	transform: translateY(-2px);
}
.slider-overlay-stats {
	display: flex;
	gap: 32px;
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px solid rgba(255,255,255,0.12);
	flex-wrap: wrap;
}
.slider-stat {
	display: flex;
	flex-direction: column;
}
.slider-stat strong {
	font-size: 22px;
	font-weight: 700;
	color: #e67817;
	line-height: 1.1;
	font-family: 'Roboto', sans-serif;
}
.slider-stat span {
	font-size: 12px;
	color: rgba(255,255,255,0.6);
	letter-spacing: 0.5px;
	margin-top: 2px;
}

/* ===== Brand Story ===== */
.brand-story {
	background: linear-gradient(135deg, #0a0828 0%, #1c1852 100%);
}
.brand-story h2 {
	color: #ffffff;
	font-size: 28px;
	letter-spacing: -0.2px;
}
.brand-story .section-accent {
	margin-left: 0;
}
.brand-story p {
	color: rgba(255,255,255,0.8);
	line-height: 28px;
}
.sp-service-content .wp-block-image {
	text-align: center;
}
.sp-service-content .wp-block-image img {
	display: inline-block;
}
.sp-service-content h1 {
	color: #ffffff;
	font-size: 32px;
	line-height: 1.2;
	margin-bottom: 16px !important;
}
.sp-service-content h1 em {
	font-style: normal;
	background: linear-gradient(90deg, #a78bfa, #60a5fa);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* ===== Why Choose ===== */
.choose {
	background: linear-gradient(135deg, #1d1a56 0%, #27236e 50%, #2e2980 100%);
	position: relative;
	overflow: hidden;
}
.choose::before {
	display: none;
}
.choose::after {
	content: '';
	position: absolute;
	top: -160px;
	right: -160px;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	background: rgba(255,255,255,0.03);
	pointer-events: none;
}
.choose h2 {
	font-size: 28px;
	letter-spacing: -0.2px;
}
.choose .section-accent {
	margin-left: 0;
	background: linear-gradient(to right, #e67817, #f5a042);
}
.choose > .container > .row > .col-md-12 > p {
	color: rgba(223,223,231,0.9);
	line-height: 28px;
}

/* --- Choose / Tech lists --- */
.choose-list,
.tech-list {
	list-style: none;
	padding: 0;
	margin: 24px 0 28px;
}
.choose-list li,
.tech-list li {
	position: relative;
	padding: 8px 0 8px 36px;
	margin-bottom: 10px;
	line-height: 26px;
}
.choose-list li {
	color: rgba(223,223,231,0.92);
}
.tech-list li {
	color: #515151;
}
.choose-list li::before,
.tech-list li::before {
	content: '\f00c';
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 10px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	text-align: center;
	line-height: 22px;
	flex-shrink: 0;
}
.choose-list li::before {
	background: #e67817;
	color: #ffffff;
}
.tech-list li::before {
	background: #27236e;
	color: #ffffff;
}
.turnaround-box .choose-list li::before {
	background: #e67817;
}
.choose .btn {
	border-radius: 6px;
	padding: 10px 32px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.3px;
}

/* ===== Sublimation Tech ===== */
.sublimation-tech {
	background-color: #f5f4fb;
}
.sublimation-tech h2 {
	font-size: 28px;
	letter-spacing: -0.2px;
}
.sublimation-tech h3 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 32px;
}
.sublimation-tech p {
	color: #515151;
	line-height: 28px;
}

/* ===== What We Produce ===== */
.home-services {
	background: linear-gradient(160deg, #0a0828 0%, #111040 100%);
}
.home-services h2 {
	color: #ffffff;
	font-size: 28px;
	letter-spacing: -0.2px;
}
.home-services .section-accent {
	background: linear-gradient(to right, #e67817, #f5a042);
}
.services-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
}
.services-grid-col {
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.service-card {
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 14px;
	padding: 32px 28px 26px;
	-webkit-transition: background 0.25s ease, -webkit-transform 0.25s ease;
	transition: background 0.25s ease, transform 0.25s ease;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.service-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(to right, #27236e, #e67817);
	border-radius: 14px 14px 0 0;
}
.service-card:hover {
	background: rgba(255,255,255,0.09);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
.service-card h3 {
	font-size: 17px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 12px !important;
	letter-spacing: -0.1px;
}
.service-card p {
	font-size: 14px;
	line-height: 25px;
	color: rgba(255,255,255,0.65);
	margin-bottom: 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.service-link {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 6px;
	color: #e67817;
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.3px;
	-webkit-transition: gap 0.2s ease, color 0.2s ease;
	transition: gap 0.2s ease, color 0.2s ease;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.service-link::after {
	content: '\f054';
	font-family: FontAwesome;
	font-size: 10px;
}
.service-link:hover {
	color: #ffffff;
	gap: 10px;
}

/* ===== Sublimation Desc ===== */
.sublimation-desc {
	background: #f5f4fb;
}
.sublimation-desc h2 {
	font-size: 28px;
	letter-spacing: -0.2px;
}
.sublimation-desc p {
	color: #515151;
	line-height: 28px;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.sublimation-desc .btn {
	margin-top: 24px;
	border-radius: 6px;
	padding: 11px 36px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.3px;
	cursor: pointer;
	-webkit-transition: background 0.2s ease, -webkit-transform 0.15s ease;
	transition: background 0.2s ease, transform 0.15s ease;
}
.sublimation-desc .btn:hover {
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
}
.sublimation-desc .btn.active {
	background-color: #27236e;
}

/* ===== Industries ===== */
.industries {
	background: #ffffff;
}
.industries h2 {
	font-size: 28px;
	letter-spacing: -0.2px;
}
.center-hr {
	display: block;
	margin: 0 auto 32px;
}
.industries-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.industry-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 18px 20px;
	margin-bottom: 16px;
	background: #f5f4fb;
	border-radius: 12px;
	border: 1px solid rgba(39,35,110,0.07);
	-webkit-transition: -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.industry-item:hover {
	-webkit-box-shadow: 0 6px 24px rgba(39,35,110,0.10);
	box-shadow: 0 6px 24px rgba(39,35,110,0.10);
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}
.industry-icon {
	min-width: 42px;
	height: 42px;
	background: linear-gradient(135deg, #27236e, #3d38a0);
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-right: 16px;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-shrink: 0;
}
.industry-icon i {
	color: #ffffff;
	font-size: 16px;
}
.industry-text strong {
	display: block;
	font-size: 14px;
	color: #1a1a2e;
	margin-bottom: 4px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.industry-text p {
	margin: 0;
	font-size: 13px;
	line-height: 21px;
	color: #6b6b80;
}

/* ===== Use Cases ===== */
.use-cases {
	background: #f5f4fb;
}
.use-cases h2 {
	font-size: 28px;
	letter-spacing: -0.2px;
}
.use-cases .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.use-cases .row > [class*="col-"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 24px;
}
.use-case-card {
	background: #ffffff;
	border: none;
	border-radius: 14px;
	padding: 28px 26px;
	-webkit-box-shadow: 0 4px 20px rgba(39,35,110,0.07);
	box-shadow: 0 4px 20px rgba(39,35,110,0.07);
	-webkit-transition: -webkit-box-shadow 0.25s ease, -webkit-transform 0.25s ease;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
	width: 100%;
}
.use-case-card:hover {
	-webkit-box-shadow: 0 8px 32px rgba(39,35,110,0.13);
	box-shadow: 0 8px 32px rgba(39,35,110,0.13);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
.use-case-card h3 {
	font-size: 16px;
	font-weight: 700;
	color: #27236e;
	margin-bottom: 10px !important;
}
.use-case-card p {
	color: #515151;
	font-size: 14px;
	line-height: 24px;
	margin: 0;
}

/* ===== Quality Assurance ===== */
.quality-assurance {
	background: linear-gradient(135deg, #1d1a56 0%, #27236e 50%, #2e2980 100%);
	position: relative;
	overflow: hidden;
}
.quality-assurance h2 {
	font-size: 26px;
	letter-spacing: -0.2px;
}
.quality-assurance .section-accent {
	background: linear-gradient(to right, #e67817, #f5a042);
}
.qa-list {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.turnaround-box {
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 14px;
	padding: 28px;
	margin-top: 24px;
}
.turnaround-box h3 {
	font-size: 15px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 12px !important;
	letter-spacing: -0.1px;
}
.turnaround-box p {
	color: rgba(255,255,255,0.82);
	line-height: 26px;
	margin-bottom: 14px;
}
.turnaround-box .choose-list li {
	color: rgba(223,223,231,0.92);
}

/* ===== Customisation Options ===== */
.customisation-options {
	background: #ffffff;
}
.customisation-options h2 {
	font-size: 28px;
	letter-spacing: -0.2px;
}
.custom-option-box {
	background: #f5f4fb;
	border: 1px solid rgba(39,35,110,0.07);
	border-radius: 14px;
	padding: 24px 22px;
	margin-bottom: 24px;
	-webkit-transition: -webkit-box-shadow 0.2s ease;
	transition: box-shadow 0.2s ease;
}
.custom-option-box:hover {
	-webkit-box-shadow: 0 6px 24px rgba(39,35,110,0.09);
	box-shadow: 0 6px 24px rgba(39,35,110,0.09);
}
.custom-option-box h4 {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #27236e;
	margin-bottom: 14px !important;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}
.custom-option-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.custom-option-box ul li {
	position: relative;
	padding-left: 16px;
	font-size: 13px;
	line-height: 22px;
	margin-bottom: 5px;
	color: #515151;
}
.custom-option-box ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #e67817;
}

/* ===== Sustainability ===== */
.sustainability {
	background: #f5f4fb;
}
.sustainability h2 {
	color: #27236e;
	font-size: 28px;
	letter-spacing: -0.2px;
}
.sustainability p {
	color: #515151;
	line-height: 28px;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.btn a {
	font-weight: 600;
}

/* ===== Client logos ===== */
.clientele {
	background: #ffffff;
}
.clientele h2 {
	font-size: 24px;
	color: #27236e;
	letter-spacing: -0.2px;
}
.client-logo-area .client-logo {
	border-radius: 10px;
	border: 1px solid rgba(39,35,110,0.1);
	-webkit-box-shadow: 0 2px 10px rgba(39,35,110,0.05);
	box-shadow: 0 2px 10px rgba(39,35,110,0.05);
}
@media only screen and ( max-width:1199px) {}
@media only screen and ( max-width:992px) {
	.slider-img-anim { height: 480px; }
	.slider-overlay-content h1 {
		font-size: 26px;
		line-height: 34px;
	}
	.slider-overlay-stats {
		gap: 20px;
	}
	.slider-overlay-cta {
		width: 100%;
		justify-content: center;
	}
	.slider-overlay-desc {
		flex-direction: column;
		align-items: flex-start;
	}
	.home-contact .col-md-4 {
		justify-content: flex-start;
		padding-left: 15px;
		margin-top: 20px;
	}
	.services-grid-col {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.industry-item {
		padding: 14px 16px;
	}
	.turnaround-box {
		margin-top: 16px;
	}
	.use-cases .row > [class*="col-"] {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.embroid, .printing {
		padding-top: 300px;
	}
	.embroid-cover, .printing-cover {
		left: 0;
		top: 0;
		right: 0;
		bottom: auto;
		width: 100%;
		height: 300px;
	}
	.embroid-content, .printing-content {
		padding-left: 15px;
		text-align: center;
		padding-top: 30px;
	}
	.printing-content {
		padding-top: 60px;
	}
	.embroid-content::before, .printing-content::before {
		border-color: transparent transparent #efefef transparent;
		position: absolute;
		left: auto;
		bottom: auto;
		top: -80px;
		right: auto;
		margin-bottom: 0px;
	}
	.printing-content::before {
		top: -50px;
		border-color: transparent transparent #ffffff transparent;
	}
	.mobile-menu-toggle {
		display: block;
	}
	.menu-area {
		display: none;
	}
	.header-main .container {
		position: relative;
	}
	.menu-area {
		position: absolute;
		top: 80px;
		background-color: #e67817;
		left: 0;
		right: 0;
		z-index: 9999;
		padding: 0;
	}
	.menu ul li {
		display: block;
		padding-left: 0px;
		position: relative;
		text-align: center;
	}
	.menu ul li a {
		border-bottom: 1px solid #f18423;
		padding: 5px;
		display: block;
		color: #ffffff!important;
		font-weight: 400;
	}
	.menu li .sub-menu {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		pointer-events: auto;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0;
		background: transparent;
	}
	.menu li .sub-menu::before {
		display: none;
	}
	.menu li .sub-menu li a {
		background-color: #d06010;
		border-bottom: 1px solid rgba(255,255,255,0.15);
		color: #ffffff;
		border-radius: 0;
		padding: 10px 18px;
	}
	.menu li .sub-menu li a::before {
		display: none;
	}
	.menu li .sub-menu li a:hover {
		background-color: #b85610;
		padding-left: 18px;
		color: #ffffff;
	}
	.service-content .container {
		max-width: 790px;
	}
	.pro-item {
		height: 400px;
	}
	.home-contact p br {
		display: none;
	}
	.slider .inner-content::before {
		content: "\A";
		border-style: none;
		border-width: 0;
		border-color: transparent;
		position: absolute;
		left: -200px;
		bottom: 0px;
		height: 100%;
		width: 200px;
		background-color: #0006;
		right: auto;
	}
	.center-justified {
		text-align: justify;
		text-align-last: center;
	}
	.page-id-125 .blocks-gallery-item img {
		border: 3px solid;
	}
	.footer-widgets .col-lg-3, .footer-widgets .col-lg-3.col-data {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-services {
		padding-left: 15px;
	}
	.tagline {
		height: 0;
		overflow: hidden;
	}
	.slider .inner-content {
		padding: 0px;
		min-height: 0px;
		text-align: center;
	}
	.slider .inner-content h3, .slider .inner-content p {
		display: none;
	}
	.slider .inner-content h1:after {
		content: '';
		width: 500px;
		background-color: rgba(38, 34, 110, 0.5);
		position: absolute;
		top: 0;
		bottom: 0;
		left: -500px;
	}
	.printing-content {
		padding-right: 15px;
	}
}
@media only screen and ( max-width:768px) {
	.slider-img-anim { height: 420px; }
	.slider-overlay-content h1 {
		font-size: 22px;
		line-height: 30px;
	}
	.slider-overlay-kicker span {
		font-size: 10px;
	}
	.slider-overlay-stats {
		gap: 16px;
	}
	.slider-stat strong {
		font-size: 18px;
	}
	.custom-options-grid .col-md-4 {
		width: 100%;
	}
	.industry-item {
		margin-bottom: 10px;
	}
	.service-card {
		border-radius: 12px;
	}
	.home-contact h2 {
		font-size: 21px;
	}
	.service-content .container {
		max-width: 720px;
	}
	.pro-text {
		margin: 0 0;
		position: relative;
		top: 50%;
		margin-top: -32px;
	}
	.top-right {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.home-contact {
		text-align: center;
	}
	.home-contact .btn {
		float: none;
	}
	.wt-product {
		text-align: center;
	}
	.slider .inner-content h1 {
		top: -90px;
		font-size: 22px;
		line-height: 35px;
	}
}
@media only screen and ( max-width:601px) {
	.footer-widgets .col-lg-3, .footer-widgets .col-lg-3.col-data {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.slider .inner-content h1 {
		top: -68px;
		font-size: 17px;
		line-height: 24px;
		padding: 10px 0;
	}
	.socket {
		text-align: center;
	}
}
@media only screen and ( max-width:500px) {}
@media only screen and ( max-width:415px) {}
@media only screen and ( max-width:380px) {
	.top-mail {
		display: none;
	}
	.top-right {
		display: table;
	}
}

/* body scroll lock when mobile menu is open */
body.menu-has-opened {
	overflow: hidden;
}

/* ==============================================
   SERVICE PAGES — SHARED REUSABLE COMPONENTS
   Uses homepage classes as base; only new
   elements that don't exist on homepage are here.
   ============================================== */

/* --- Page Hero (with manufacturing image background) --- */
.sp-page-hero {
	background-color: #0a0828;
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	padding: 120px 0 100px;
	min-height: 420px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
/* Dark gradient overlay sits over the image — keep image visible */
.sp-page-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		160deg,
		rgba(10,8,40,0.78) 0%,
		rgba(28,24,82,0.65) 45%,
		rgba(10,8,40,0.72) 100%
	);
	z-index: 0;
}
/* Bottom accent line */
.sp-page-hero::after {
	content: '';
	position: absolute;
	bottom: 0; left: 0; right: 0;
	height: 3px;
	background: linear-gradient(to right, #27236e, #e67817, #27236e);
	z-index: 1;
}
.sp-page-hero > .container {
	position: relative;
	z-index: 2;
}
.sp-page-hero h1 {
	font-size: 46px;
	font-weight: 800;
	color: #ffffff;
	line-height: 1.18;
	margin-bottom: 16px !important;
	text-shadow: 0 2px 16px rgba(0,0,0,0.5);
}
.sp-page-hero h1 em {
	font-style: normal;
	color: #e67817;
}
.sp-page-hero-sub {
	font-size: 17px;
	color: rgba(255,255,255,0.82);
	line-height: 1.75;
	margin-bottom: 28px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.sp-page-hero .btn {
	display: inline-block;
	margin-top: 4px;
}


/* --- Full-width T-shirt image --- */
.sp-tshirt-img-wrap {
	width: 100%;
	line-height: 0;
	overflow: hidden;
}
.sp-tshirt-img-wrap img {
	width: 100%;
	height: 420px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	display: block;
}

/* --- Capability grid (on dark brand-story section) --- */
.sp-capability-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-top: 0 !important;
	-ms-flex-item-align: center;
	align-self: center;
}
.sp-capability-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	background: rgba(255,255,255,0.07);
	border: 1px solid rgba(255,255,255,0.1);
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 13px;
	color: rgba(255,255,255,0.85);
	font-weight: 500;
}
.sp-capability-item::before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #e67817;
	-webkit-box-flex: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
}

/* --- Equal-height collar / option card rows --- */
.sp-equal-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.sp-equal-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 24px;
}
.sp-equal-box {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 0;
}

/* --- Step number badge (section opener) --- */
.sp-step-badge {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 52px; height: 52px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e67817, #c96210);
	color: #ffffff;
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 16px;
	-webkit-box-shadow: 0 4px 16px rgba(230,120,23,0.40);
	box-shadow: 0 4px 16px rgba(230,120,23,0.40);
}
.sp-step-badge-blue {
	background: linear-gradient(135deg, #27236e, #2e2980);
	-webkit-box-shadow: 0 4px 16px rgba(39,35,110,0.30);
	box-shadow: 0 4px 16px rgba(39,35,110,0.30);
}

/* --- Dashboard-style tables (clean minimal, Dribbble reference) --- */
.sp-table-card {
	background: rgba(255,255,255,0.88);
	border-radius: 16px;
	overflow: hidden;
	-webkit-box-shadow: 0 2px 20px rgba(39,35,110,0.07), 0 0 0 1px rgba(39,35,110,0.05);
	box-shadow: 0 2px 20px rgba(39,35,110,0.07), 0 0 0 1px rgba(39,35,110,0.05);
	margin-bottom: 24px;
	overflow-x: auto;
}
.sp-dtable {
	width: 100%;
	border-collapse: collapse;
	background: transparent;
	min-width: 480px;
}
/* Clean light header — no dark fill */
.sp-dtable thead tr {
	background: #f7f6fc;
	border-bottom: 2px solid #ece9f8;
}
.sp-dtable thead th {
	color: #8b87a8;
	font-size: 11px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 14px 22px;
	text-align: left;
	border: none;
	white-space: nowrap;
}
/* Body rows — bottom divider only */
.sp-dtable tbody tr {
	border-bottom: 1px solid #f2f0f9;
	-webkit-transition: background 0.12s;
	transition: background 0.12s;
}
.sp-dtable tbody tr:last-child {
	border-bottom: none;
}
.sp-dtable tbody tr:hover {
	background: #faf9fd;
}
.sp-dtable tbody td {
	padding: 15px 22px;
	font-size: 14px;
	color: #3d3a55;
	border: none;
	vertical-align: middle;
	line-height: 1.5;
}
.sp-dtable.sp-dtable-center thead th,
.sp-dtable.sp-dtable-center tbody td {
	text-align: center;
}
/* Fabric table first-column plain text emphasis */
.sp-dtable tbody td:first-child {
	font-weight: 600;
	color: #27236e;
}

/* First column — name label as navy pill */
.sp-dt-label {
	display: inline-block;
	background: #ece9f8;
	color: #27236e;
	font-size: 12px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	padding: 5px 13px;
	border-radius: 20px;
	white-space: nowrap;
	letter-spacing: 0.2px;
}
/* Best-For / status chips */
.sp-dt-tag {
	display: inline-block;
	background: #f7f6fc;
	color: #5a5682;
	border: 1px solid #e0dcf4;
	font-size: 11px;
	font-weight: 600;
	padding: 4px 11px;
	border-radius: 20px;
	margin: 2px 2px;
	white-space: nowrap;
}

/* --- Step / order numbering inside turnaround-box --- */
.sp-order-step {
	position: relative;
}
.sp-order-num {
	width: 38px; height: 38px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e67817, #c96210);
	color: #ffffff;
	font-size: 16px;
	font-weight: 800;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 12px;
	-webkit-box-shadow: 0 3px 10px rgba(230,120,23,0.35);
	box-shadow: 0 3px 10px rgba(230,120,23,0.35);
}

/* --- Service card used as a link (other services) --- */
.service-card-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none !important;
	color: inherit;
}
.service-card-link .service-link {
	margin-top: auto;
}

/* --- Industries section on white bg (event section) --- */
.industries {
	background: #ffffff;
}

/* --- Event items grid (clean text-only, no icons) --- */
.sp-event-grid {
	margin-top: 8px;
}
.sp-event-col {
	margin-bottom: 24px;
}
.sp-event-item {
	padding: 28px 32px;
	border-left: 3px solid #e67817;
	background: #faf9fd;
	height: 100%;
	border-radius: 0 10px 10px 0;
}
.sp-event-item h4 {
	font-size: 16px;
	font-weight: 700;
	color: #1e1b4b;
	margin-bottom: 8px;
}
.sp-event-item p {
	font-size: 14px;
	color: #5a5682;
	margin: 0;
	line-height: 1.7;
}

/* --- btn-rm chevron rotation --- */
.btn[aria-expanded="true"] #tshirtChevron {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* =========================================
   HOW TO ORDER — clean card grid
   ========================================= */
.sp-hiw-section {
	background: #f6f5fa;
}
.sp-hiw-title {
	color: #1e1b4b;
	font-size: 30px;
	font-weight: 800;
}
.sp-hiw-intro {
	color: #6b6890;
	font-size: 15px;
	margin-bottom: 48px;
}
.sp-hiw-grid {
	margin-top: 8px;
}
.sp-hiw-card-col {
	margin-bottom: 28px;
}
.sp-hiw-card {
	background: #ffffff;
	border-radius: 14px;
	padding: 32px 28px 28px;
	height: 100%;
	position: relative;
	-webkit-box-shadow: 0 2px 16px rgba(39,35,110,0.06);
	box-shadow: 0 2px 16px rgba(39,35,110,0.06);
	border-top: 3px solid transparent;
	-webkit-transition: border-color 0.2s, box-shadow 0.2s;
	transition: border-color 0.2s, box-shadow 0.2s;
}
.sp-hiw-card:hover {
	border-top-color: #e67817;
	-webkit-box-shadow: 0 6px 28px rgba(39,35,110,0.10);
	box-shadow: 0 6px 28px rgba(39,35,110,0.10);
}
.sp-hiw-n {
	display: block;
	font-size: 44px;
	font-weight: 900;
	line-height: 1;
	color: #ede9f8;
	margin-bottom: 16px;
	letter-spacing: -2px;
}
.sp-hiw-card h3 {
	font-size: 16px;
	font-weight: 700;
	color: #1e1b4b;
	margin-bottom: 10px !important;
}
.sp-hiw-card p {
	font-size: 14px;
	color: #6b6890;
	line-height: 1.7;
	margin: 0;
}
.sp-hiw-card a {
	color: #e67817;
	font-weight: 600;
}

/* --- Bootstrap grid offset classes (missing from bundled Bootstrap) --- */
@media only screen and (min-width: 992px) {
	.col-md-offset-0  { margin-left: 0; }
	.col-md-offset-1  { margin-left: 8.33333333%; }
	.col-md-offset-2  { margin-left: 16.66666667%; }
	.col-md-offset-3  { margin-left: 25%; }
	.col-md-offset-4  { margin-left: 33.33333333%; }
	.col-md-offset-5  { margin-left: 41.66666667%; }
	.col-md-offset-6  { margin-left: 50%; }
	.col-md-offset-7  { margin-left: 58.33333333%; }
	.col-md-offset-8  { margin-left: 66.66666667%; }
	.col-md-offset-9  { margin-left: 75%; }
	.col-md-offset-10 { margin-left: 83.33333333%; }
	.col-md-offset-11 { margin-left: 91.66666667%; }
	.col-md-offset-12 { margin-left: 100%; }
}

/* --- Service Page Responsive --- */
@media only screen and (max-width: 992px) {
	.sp-page-hero { background-attachment: scroll; padding: 90px 0 75px; }
	.sp-page-hero h1 { font-size: 36px; }
	.sp-capability-grid { margin-top: 28px; }
	.sp-tshirt-img-wrap img { height: 320px; }
}
@media only screen and (max-width: 768px) {
	.sp-page-hero { padding: 70px 0 60px; background-attachment: scroll; min-height: 0; display: block; }
	.sp-page-hero h1 { font-size: 28px; }
	.sp-page-hero-sub { font-size: 15px; }
	.sp-capability-grid { grid-template-columns: 1fr 1fr; margin-top: 28px; }
	.sp-dtable thead th, .sp-dtable tbody td { padding: 11px 14px; font-size: 13px; }
	.turnaround-box { margin-top: 16px; }
	.sp-tshirt-img-wrap img { height: 240px; }
	.sp-equal-col { margin-bottom: 16px; }
	.sp-event-item { padding: 20px 22px; }
	.sp-event-col { margin-bottom: 16px; }
	.sp-hiw-card-col { margin-bottom: 16px; }
	.sp-hiw-intro { margin-bottom: 28px; }
}
@media only screen and (max-width: 600px) {
	.sp-page-hero h1 { font-size: 24px; }
	.sp-capability-grid { grid-template-columns: 1fr; }
	.sp-tshirt-img-wrap img { height: 180px; }
	.sp-hiw-n { font-size: 36px; }
	.slider-img-anim { height: 320px; }
	/* services-grid: 1 column on mobile regardless of col-md-* */
	.services-grid .col-md-4,
	.services-grid .col-md-6 { width: 100%; }
	/* sp-service-content h1 scale down */
	.sp-service-content h1 { font-size: 24px; }
	/* How-to-order cards full width on small phones */
	.sp-hiw-card { padding: 24px 20px 20px; }
	/* Tables — ensure scroll hint is visible */
	.sp-table-card { border-radius: 10px; }
	/* turnaround boxes tighten */
	.turnaround-box { padding: 20px 18px; }
	/* choose-list bullets align on narrow screens */
	.choose-list li { padding-left: 16px; }
	/* equal-box grid single column */
	.sp-equal-row { display: block; }
	.sp-equal-col { display: block; margin-bottom: 14px; }
}
@media only screen and (max-width: 992px) {
	/* services-grid: 2 columns at tablet */
	.services-grid .col-md-4,
	.services-grid .col-md-3 { width: 50%; }
}
@media only screen and (max-width: 480px) {
	/* services-grid: full width on small phones */
	.services-grid .col-md-4,
	.services-grid .col-md-3 { width: 100%; }
	/* footer socket center */
	.socket p { font-size: 12px; }
	/* top bar phone only on very small screens */
	.top-contact .top-phone { font-size: 12px; }
}