body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #23a1d1;
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
    background: #004765;
}
/*========== Wearpal ==========*/

.wpa-whatsapp-contact-box{
    display:flex;
    align-items:center;
    background:#f8fff9;
    border:2px solid #25d366;
    border-radius:8px;
    padding:25px;
    margin:30px 0;
    transition:all .3s ease;
}

.wpa-whatsapp-contact-box:hover{
    box-shadow:0 12px 30px rgba(0,0,0,.10);
    transform:translateY(-3px);
}

.wpa-whatsapp-icon{
    width:90px;
    height:90px;
    min-width:90px;
    border-radius:50%;
    background:#25d366;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:48px;
    margin-right:25px;
}
.wpa-whatsapp-icon .fa{
    font-size:48px;
}
.wpa-whatsapp-content{
    flex:1;
}

.wpa-whatsapp-content h3{
    margin:0 0 12px;
    font-size:28px;
    font-weight:700;
    color:#222;
}

.wpa-whatsapp-text{
    margin:0 0 18px;
    color:#666;
    font-size:15px;
    line-height:26px;
}

.wpa-whatsapp-number{
    display:inline-block;
    font-size:22px;
    font-weight:700;
    color:#25d366;
    text-decoration:none;
    margin-bottom:20px;
}

.wpa-whatsapp-number i{
    margin-right:8px;
}

.wpa-whatsapp-number:hover{
    color:#128c45;
    text-decoration:none;
}

.wpa-whatsapp-btn-wrap{
    margin-top:5px;
}

.wpa-whatsapp-btn{
    display:inline-block;
    background:#25d366;
    color:#fff;
    padding:13px 28px;
    border-radius:5px;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.wpa-whatsapp-btn i{
    margin-right:8px;
}

.wpa-whatsapp-btn:hover{
    background:#128c45;
    color:#fff;
    text-decoration:none;
}

/* Responsive */

@media (max-width:767px){

    .wpa-whatsapp-contact-box{
        display:block;
        text-align:center;
        padding:20px;
    }

    .wpa-whatsapp-icon{
        margin:0 auto 20px;
    }

    .wpa-whatsapp-content h3{
        font-size:24px;
    }

    .wpa-whatsapp-number{
        font-size:18px;
        display:block;
    }

    .wpa-whatsapp-btn{
        display:block;
        width:100%;
    }

}
/*wpa*/
/* ==============================
   Wearpal Header
==============================*/

.wpx-topbar{

background:#0f2d52;

color:#fff;

font-size:13px;

padding:10px 0;

}

.wpx-top-left a{

color:#fff;

margin-right:18px;

text-decoration:none;

}

.wpx-top-left i{

margin-right:6px;

color:#ffc107;

}

.wpx-top-center{

text-align:center;

font-weight:500;

letter-spacing:.5px;

}

.wpx-top-center i{

margin-right:8px;

color:#ffc107;

}

.wpx-social{

text-align:right;

}

.wpx-social a{

width:34px;

height:34px;

display:inline-block;

line-height:34px;

text-align:center;

background:#fff;

color:#0f2d52;

border-radius:50%;

margin-left:6px;

transition:.3s;

}

.wpx-social a:hover{

background:#ff6b00;

color:#fff;

}


.wpx-header{

background:#fff;

padding:18px 0;

box-shadow:0 2px 12px rgba(0,0,0,.08);

}

.wpx-logo img{

max-height:70px;

}


.wpx-features{

display:flex;

justify-content:space-between;

align-items:center;

margin-top:5px;

}

.wpx-feature-box{

display:flex;

align-items:center;

}

.wpx-feature-box i{

width:50px;

height:50px;

background:#0f2d52;

color:#fff;

border-radius:50%;

text-align:center;

line-height:50px;

font-size:20px;

margin-right:12px;

}

.wpx-feature-box h5{

margin:0;

font-size:15px;

font-weight:700;

}

.wpx-feature-box p{

margin:0;

font-size:12px;

color:#777;

}

.wpx-header-btn{

text-align:right;

padding-top:10px;

}

.wpx-quote-btn{

background:#ff6b00;

padding:14px 34px;

display:inline-block;

border-radius:40px;

color:#fff;

font-size:15px;

font-weight:700;

text-decoration:none;

transition:.3s;

}

.wpx-quote-btn:hover{

background:#0f2d52;

color:#fff;

text-decoration:none;

}

.wpx-quote-btn i{

margin-right:8px;

}


@media(max-width:991px){

.wpx-top-left,
.wpx-top-center,
.wpx-social{

text-align:center;

margin-bottom:10px;

}

.wpx-features{

display:block;

}

.wpx-feature-box{

margin:15px 0;

}

.wpx-header-btn{

text-align:center;

margin-top:20px;

}

.wpx-logo{

text-align:center;

margin-bottom:20px;

}

}
/*wpa end*/

/*wpa2 */
/*==================================
 Wearpal Navigation
==================================*/

.wpxnav-main{
    background:#0f2d52;
    border:0;
    border-radius:0;
    margin:0;
    min-height:60px;
    box-shadow:0 3px 15px rgba(0,0,0,.12);
    z-index:999;
}

.wpxnav-main .navbar-nav{
    float:none;
    text-align:center;
}

.wpxnav-main .navbar-nav>li{
    float:none;
    display:inline-block;
}

.wpxnav-main .navbar-nav>li>a{

    color:#fff;

    padding:20px 18px;

    font-size:14px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.4px;

    transition:.30s;

}

.wpxnav-main .navbar-nav>li>a:hover{

    background:#ff6b00;

    color:#fff;

}

.wpxnav-main .navbar-nav>.open>a,

.wpxnav-main .navbar-nav>.open>a:hover{

    background:#ff6b00;

    color:#fff;

}

/*-----------------
Dropdown
------------------*/

.wpxnav-main .dropdown-menu{

    padding:0;

    border:none;

    border-radius:8px;

    min-width:260px;

    margin-top:0;

    box-shadow:0 12px 30px rgba(0,0,0,.15);

    animation:wpxnavFade .25s ease;

}

@keyframes wpxnavFade{

from{

opacity:0;

transform:translateY(15px);

}

to{

opacity:1;

transform:translateY(0);

}

}

.wpxnav-main .dropdown-inner{

padding:12px;

}

.wpxnav-main .dropdown-menu ul{

margin:0;

padding:0;

}

.wpxnav-main .dropdown-menu li{

list-style:none;

border-bottom:1px solid #f1f1f1;

}

.wpxnav-main .dropdown-menu li:last-child{

border-bottom:none;

}

.wpxnav-main .dropdown-menu a{

display:block;

padding:11px 16px;

font-size:14px;

font-weight:500;

color:#444;

transition:.25s;

}

.wpxnav-main .dropdown-menu a i{

width:20px;

color:#ff6b00;

}

.wpxnav-main .dropdown-menu a:hover{

background:#f8f8f8;

padding-left:24px;

color:#0f2d52;

text-decoration:none;

}

/*-----------------
Toggle
------------------*/

.wpxnav-toggle{

border:none;

background:#ff6b00;

margin-top:12px;

margin-right:15px;

}

.wpxnav-toggle .icon-bar{

background:#fff;

}

/*-----------------
Mobile title
------------------*/

.wpxnav-mobile-title{

color:#fff;

font-size:16px;

font-weight:700;

padding:18px 15px;

display:inline-block;

}

/*-----------------
Mobile
------------------*/

@media (max-width:991px){

.wpxnav-main .navbar-nav{

text-align:left;

}

.wpxnav-main .navbar-nav>li{

display:block;

float:none;

}

.wpxnav-main .navbar-nav>li>a{

padding:14px 18px;

border-bottom:1px solid rgba(255,255,255,.08);

}

.wpxnav-main .dropdown-menu{

position:relative;

float:none;

width:100%;

box-shadow:none;

border-radius:0;

background:#153d6d;

}

.wpxnav-main .dropdown-menu a{

color:#fff;

}

.wpxnav-main .dropdown-menu a:hover{

background:#ff6b00;

color:#fff;

}

}

/*-----------------
Desktop Dropdown Hover
------------------*/

@media (min-width:992px){

.wpxnav-main .dropdown:hover>.dropdown-menu{

display:block;

}

}

/*-----------------
Current Menu
------------------*/

.wpxnav-main .navbar-nav>.active>a{

background:#ff6b00;

color:#fff;

}

/*-----------------
Search/Menu Spacing
------------------*/

.wpxnav-main .navbar-collapse{

padding-left:0;

padding-right:0;

}
/*wpa 2 end*/
/* top */
#top {
	float:left;
	width: 100%;
	background: #545454;
	padding: 4px 0px 3px 0;
	margin: 0px 0px 0px 0px;
	min-height: 40px;
}
#top .container {
	padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
    color: #fff;
    text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
    float: left;
    width: 100%;
    margin: 0;
    padding: 3px 0px 0px 0px;
    text-align: left;
}
#top-links a + a {
	margin-left: 15px;
}
 #top-links a {
    color: #fff;
    text-decoration: none;
}
 #top-links a:hover, a:focus, a:active {
    color: #fff;
    text-decoration: none;
}
#top-links1 {
    float: right;
    width: 100%;
    margin: 0;
    padding: 3px 0px 0px 0px;
    text-align: right;
}
#top-links1 a + a {
	margin-left: 15px;
}
 #top-links1 a {
    color: #fff;
    text-decoration: none;
}
 #top-links1 a:hover, a:focus, a:active {
    color: #fff;
    text-decoration: none;
}
#top-linksc {
    float: right;
    width: 100%;
    margin: 0;
    padding: 3px 0px 0px 0px;
    text-align: center;
}
#top-linksc a + a {
	margin-left: 15px;
}
 #top-linksc a {
    color: #fff;
    text-decoration: none;
}
 #top-linksc a:hover, a:focus, a:active {
    color: #fff;
    text-decoration: none;
}
.page-banner{
    position:relative;
    width:100%;
    overflow:hidden;
}

.page-banner img{
    width:100%;
    height:320px;
    object-fit:cover;
}

.banner-overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.45);
    display:flex;
    align-items:center;
}

.banner-overlay h1{
    color:#fff;
    font-size:42px;
    font-weight:700;
    margin:0;
}
.qouteform{
    float:left;
    width:100%;
    margin:0;
    padding:0;
}
.wearpal-info-page {
    width: 100%;
    padding: 55px 20px 80px;
    background: #fff;
    color: #222;
}

.wearpal-info-inner {
    max-width: 1100px;
    margin: 0 auto;
}

.wearpal-info-heading {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 55px;
}

.wearpal-info-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #777;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-info-label i {
    margin-right: 6px;
}

.wearpal-info-heading h1 {
    margin: 0 0 15px;
    color: #171717;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.wearpal-info-heading p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

.wearpal-info-body {
    max-width: 900px;
    margin: 0 auto;
}

.wearpal-info-section {
    padding: 0 0 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #e8e8e8;
}

.wearpal-info-section h2 {
    margin: 0 0 13px;
    color: #171717;
    font-size: 23px;
    line-height: 1.4;
    font-weight: 700;
}

.wearpal-info-section h2 i {
    width: 32px;
    margin-right: 7px;
    color: #555;
    font-size: 18px;
}

.wearpal-info-section p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.85;
}

.wearpal-info-section ul {
    padding: 0;
    margin: 15px 0 0;
    list-style: none;
}

.wearpal-info-section li {
    position: relative;
    padding: 5px 0 5px 25px;
    color: #555;
    font-size: 14px;
}

.wearpal-info-section li i {
    position: absolute;
    left: 0;
    top: 9px;
    font-size: 11px;
}

.wearpal-info-contact {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 30px;
    background: #f5f6f7;
    border: 1px solid #e5e6e7;
}

.wearpal-info-contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    min-width: 58px;
    height: 58px;
    background: #222;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
}

.wearpal-info-contact span {
    display: block;
    margin-bottom: 4px;
    color: #777;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.wearpal-info-contact h2 {
    margin: 0 0 6px;
    color: #171717;
    font-size: 22px;
}

.wearpal-info-contact p {
    margin: 0 0 15px;
    color: #666;
    font-size: 14px;
}

.wearpal-info-button {
    display: inline-block;
    padding: 10px 18px;
    background: #222;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all .25s ease;
}

.wearpal-info-button:hover {
    background: #444;
}

.wearpal-info-button i {
    margin-left: 8px;
}

@media (max-width: 767px) {

    .wearpal-info-page {
        padding: 40px 15px 60px;
    }

    .wearpal-info-heading {
        margin-bottom: 40px;
    }

    .wearpal-info-heading h1 {
        font-size: 30px;
    }

    .wearpal-info-heading p {
        font-size: 14px;
    }

    .wearpal-info-section h2 {
        font-size: 20px;
    }

    .wearpal-info-contact {
        display: block;
        padding: 25px 20px;
        text-align: center;
    }

    .wearpal-info-contact-icon {
        margin: 0 auto 18px;
    }

    .wearpal-info-contact h2 {
        font-size: 20px;
    }
}

@media (max-width: 480px) {

    .wearpal-info-heading h1 {
        font-size: 26px;
    }

    .wearpal-info-section h2 i {
        width: 27px;
        font-size: 16px;
    }

}
/* =========================================================
   WEARPAL 
   ========================================================= */

.wearpal-team-page {
    --wt-dark: #111827;
    --wt-text: #4b5563;
    --wt-muted: #6b7280;
    --wt-light: #f6f7f9;
    --wt-white: #ffffff;
    --wt-border: #e5e7eb;
    --wt-accent: #111827;
    --wt-radius: 14px;

    color: var(--wt-text);
    font-size: 16px;
    line-height: 1.7;
    background: #fff;
}

.wearpal-team-page *,
.wearpal-team-page *:before,
.wearpal-team-page *:after {
    box-sizing: border-box;
}

.wearpal-team-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* =========================================================
   INTRO
   ========================================================= */

.wearpal-team-intro {
    padding: 75px 0 70px;
    text-align: center;
    background: #f7f8fa;
    border-bottom: 1px solid var(--wt-border);
}

.wearpal-team-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    color: var(--wt-dark);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-team-eyebrow i {
    font-size: 15px;
}

.wearpal-team-intro h1 {
    max-width: 850px;
    margin: 0 auto 18px;
    color: var(--wt-dark);
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1px;
}

.wearpal-team-intro p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--wt-muted);
    font-size: 17px;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.wearpal-team-section-heading {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.wearpal-team-section-heading > span {
    display: block;
    margin-bottom: 8px;
    color: #6b7280;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-team-section-heading h2 {
    margin: 0 0 12px;
    color: var(--wt-dark);
    font-size: 32px;
    line-height: 1.25;
    font-weight: 700;
}

.wearpal-team-section-heading p {
    margin: 0;
    color: var(--wt-muted);
    font-size: 16px;
}


/* =========================================================
   VALUES
   ========================================================= */

.wearpal-team-values {
    padding: 80px 0;
    background: #fff;
}

.wearpal-team-value-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.wearpal-team-value-card {
    padding: 30px 25px;
    background: #fff;
    border: 1px solid var(--wt-border);
    border-radius: var(--wt-radius);
    text-align: center;
    transition: all 0.3s ease;
}

.wearpal-team-value-card:hover {
    transform: translateY(-5px);
    border-color: #cfd3d8;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07);
}

.wearpal-team-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f1f3f5;
    color: var(--wt-dark);
    font-size: 23px;
}

.wearpal-team-value-card h3 {
    margin: 0 0 10px;
    color: var(--wt-dark);
    font-size: 19px;
    font-weight: 700;
}

.wearpal-team-value-card p {
    margin: 0;
    color: var(--wt-muted);
    font-size: 14px;
    line-height: 1.65;
}
/* =========================================================
   WEARPAL APPAREL 
   ========================================================= */

.wearpal-sublimation-page {
    --ws-black: #111111;
    --ws-dark: #181818;
    --ws-light: #f6f6f4;
    --ws-white: #ffffff;
    --ws-gray: #666666;
    --ws-border: #e6e6e6;
    --ws-accent: #c9a227;
    color: var(--ws-black);
    background: #fff;
    line-height: 1.7;
    font-size: 15px;
}

.wearpal-sublimation-page *,
.wearpal-sublimation-page *:before,
.wearpal-sublimation-page *:after {
    box-sizing: border-box;
}

.wearpal-sublimation-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.wearpal-sublimation-page h1,
.wearpal-sublimation-page h2,
.wearpal-sublimation-page h3,
.wearpal-sublimation-page p {
    margin-top: 0;
}

.wearpal-sublimation-page a {
    text-decoration: none;
}


/* =========================================================
   INTRO
   ========================================================= */

.wearpal-sublimation-intro {
    padding: 80px 0 75px;
    background:
        linear-gradient(135deg, #f8f8f6 0%, #ffffff 55%, #f2f2ef 100%);
    border-bottom: 1px solid var(--ws-border);
}

.wearpal-sublimation-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    color: #777;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-sublimation-eyebrow i {
    color: var(--ws-accent);
    font-size: 15px;
}

.wearpal-sublimation-intro h1 {
    max-width: 820px;
    margin-bottom: 20px;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1.2px;
}

.wearpal-sublimation-intro p {
    max-width: 760px;
    margin-bottom: 28px;
    color: var(--ws-gray);
    font-size: 17px;
}

.wearpal-sublimation-intro-points {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.wearpal-sublimation-intro-points span {
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.wearpal-sublimation-intro-points i {
    margin-right: 7px;
    color: var(--ws-accent);
}


/* =========================================================
   COMMON SECTION
   ========================================================= */

.wearpal-sublimation-section {
    padding: 75px 0;
}

.wearpal-sublimation-heading {
    display: grid;
    grid-template-columns: 75px 1fr;
    gap: 20px;
    align-items: start;
    margin-bottom: 30px;
}

.wearpal-sublimation-heading > span {
    color: var(--ws-accent);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.wearpal-sublimation-heading h2 {
    max-width: 760px;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 1.25;
}

.wearpal-sublimation-text {
    max-width: 850px;
    margin-left: 95px;
}

.wearpal-sublimation-text p {
    margin-bottom: 18px;
    color: var(--ws-gray);
}


/* =========================================================
   BENEFITS
   ========================================================= */

.wearpal-sublimation-benefits {
    padding: 85px 0;
    background: var(--ws-light);
}

.wearpal-sublimation-title {
    max-width: 760px;
    margin-bottom: 45px;
}

.wearpal-sublimation-title > span {
    display: block;
    margin-bottom: 10px;
    color: var(--ws-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-sublimation-title h2 {
    margin-bottom: 14px;
    font-size: 34px;
    line-height: 1.25;
}

.wearpal-sublimation-title p {
    margin-bottom: 0;
    color: var(--ws-gray);
}

.wearpal-sublimation-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.wearpal-sublimation-card {
    min-height: 245px;
    padding: 30px;
    background: #fff;
    border: 1px solid var(--ws-border);
    transition: all .25s ease;
}

.wearpal-sublimation-card:hover {
    transform: translateY(-5px);
    border-color: #d4c58f;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .07);
}

.wearpal-sublimation-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f0df;
    color: var(--ws-accent);
    font-size: 20px;
}

.wearpal-sublimation-card h3 {
    margin-bottom: 10px;
    font-size: 19px;
}

.wearpal-sublimation-card p {
    margin-bottom: 0;
    color: var(--ws-gray);
    font-size: 14px;
}


/* =========================================================
   FABRIC
   ========================================================= */

.wearpal-sublimation-fabric {
    padding: 85px 0;
    background: var(--ws-dark);
    color: #fff;
}

.wearpal-sublimation-fabric-content {
    max-width: 850px;
}

.wearpal-sublimation-label {
    display: inline-block;
    margin-bottom: 18px;
    color: #d8bd58;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-sublimation-label i {
    margin-right: 7px;
}

.wearpal-sublimation-fabric h2 {
    margin-bottom: 18px;
    font-size: 35px;
    line-height: 1.25;
}

.wearpal-sublimation-fabric p {
    margin-bottom: 28px;
    color: #c7c7c7;
}

.wearpal-sublimation-fabric ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 35px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wearpal-sublimation-fabric li {
    color: #e7e7e7;
    font-size: 14px;
}

.wearpal-sublimation-fabric li i {
    width: 22px;
    color: #d8bd58;
}


/* =========================================================
   PROCESS
   ========================================================= */

.wearpal-sublimation-process {
    padding: 85px 0;
}

.wearpal-sublimation-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--ws-border);
}

.wearpal-sublimation-step {
    padding: 30px 25px 10px 0;
    border-right: 1px solid var(--ws-border);
}

.wearpal-sublimation-step:not(:first-child) {
    padding-left: 25px;
}

.wearpal-sublimation-step:last-child {
    border-right: 0;
}

.wearpal-sublimation-number {
    margin-bottom: 20px;
    color: var(--ws-accent);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.wearpal-sublimation-step h3 {
    margin-bottom: 10px;
    font-size: 18px;
}

.wearpal-sublimation-step p {
    margin-bottom: 0;
    color: var(--ws-gray);
    font-size: 14px;
}


/* =========================================================
   APPLICATIONS
   ========================================================= */

.wearpal-sublimation-applications {
    padding: 80px 0;
    background: #f7f7f7;
}

.wearpal-sublimation-application-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.wearpal-sublimation-application-grid > div {
    padding: 35px 25px;
    background: #fff;
    border: 1px solid var(--ws-border);
}

.wearpal-sublimation-application-grid i {
    display: block;
    margin-bottom: 20px;
    color: var(--ws-accent);
    font-size: 27px;
}

.wearpal-sublimation-application-grid h3 {
    margin-bottom: 8px;
    font-size: 18px;
}

.wearpal-sublimation-application-grid p {
    margin-bottom: 0;
    color: var(--ws-gray);
    font-size: 14px;
}


/* =========================================================
   QUALITY
   ========================================================= */

.wearpal-sublimation-quality {
    padding: 75px 0;
}

.wearpal-sublimation-quality-box {
    display: flex;
    align-items: flex-start;
    gap: 25px;
    padding: 45px;
    background: #f5f1e3;
    border-left: 4px solid var(--ws-accent);
}

.wearpal-sublimation-quality-icon {
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: var(--ws-accent);
    font-size: 22px;
}

.wearpal-sublimation-quality-box span {
    display: block;
    margin-bottom: 8px;
    color: #88721f;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-sublimation-quality-box h2 {
    margin-bottom: 12px;
    font-size: 27px;
}

.wearpal-sublimation-quality-box p {
    max-width: 850px;
    margin-bottom: 0;
    color: #5e5e5e;
}


/* =========================================================
   CTA
   ========================================================= */

.wearpal-sublimation-cta {
    padding: 85px 0;
    background: var(--ws-dark);
    text-align: center;
        border-radius: 10px;
    margin: 20px 0px 30px 0px;
}

.wearpal-sublimation-cta-inner {
    max-width: 820px;
    margin: 0 auto;
}

.wearpal-sublimation-cta span {
    display: block;
    margin-bottom: 15px;
    color: #d8bd58;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-sublimation-cta h2 {
    margin-bottom: 15px;
    color: #fff;
    font-size: 36px;
    line-height: 1.25;
}

.wearpal-sublimation-cta p {
    margin-bottom: 30px;
    color: #c4c4c4;
}

.wearpal-sublimation-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.wearpal-sublimation-btn {
    display: inline-block;
    padding: 13px 24px;
    font-size: 13px;
    font-weight: 700;
    transition: all .25s ease;
}

.wearpal-sublimation-btn i {
    margin-right: 7px;
}

.wearpal-sublimation-btn-primary {
    background: var(--ws-accent);
    color: #111 !important;
}

.wearpal-sublimation-btn-primary:hover {
    background: #dfc354;
}

.wearpal-sublimation-btn-secondary {
    background: transparent;
    color: #fff !important;
    border: 1px solid #777;
}

.wearpal-sublimation-btn-secondary:hover {
    background: #fff;
    color: #111 !important;
    border-color: #fff;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991px) {

    .wearpal-sublimation-intro h1 {
        font-size: 38px;
    }

    .wearpal-sublimation-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-sublimation-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-sublimation-step:nth-child(2) {
        border-right: 0;
    }

    .wearpal-sublimation-step:nth-child(3),
    .wearpal-sublimation-step:nth-child(4) {
        border-top: 1px solid var(--ws-border);
    }

    .wearpal-sublimation-application-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 767px) {

    .wearpal-sublimation-intro {
        padding: 55px 0;
    }

    .wearpal-sublimation-intro h1 {
        font-size: 32px;
    }

    .wearpal-sublimation-intro p {
        font-size: 15px;
    }

    .wearpal-sublimation-section,
    .wearpal-sublimation-benefits,
    .wearpal-sublimation-fabric,
    .wearpal-sublimation-process,
    .wearpal-sublimation-applications,
    .wearpal-sublimation-quality,
    .wearpal-sublimation-cta {
        padding: 55px 0;
    }

    .wearpal-sublimation-heading {
        display: block;
    }

    .wearpal-sublimation-heading > span {
        display: block;
        margin-bottom: 10px;
    }

    .wearpal-sublimation-heading h2 {
        font-size: 27px;
    }

    .wearpal-sublimation-text {
        margin-left: 0;
    }

    .wearpal-sublimation-title h2 {
        font-size: 28px;
    }

    .wearpal-sublimation-grid,
    .wearpal-sublimation-application-grid,
    .wearpal-sublimation-fabric ul {
        grid-template-columns: 1fr;
    }

    .wearpal-sublimation-steps {
        grid-template-columns: 1fr;
    }

    .wearpal-sublimation-step,
    .wearpal-sublimation-step:not(:first-child) {
        padding: 25px 0;
        border-right: 0;
        border-bottom: 1px solid var(--ws-border);
    }

    .wearpal-sublimation-step:last-child {
        border-bottom: 0;
    }

    .wearpal-sublimation-quality-box {
        flex-direction: column;
        padding: 30px;
    }

    .wearpal-sublimation-cta h2 {
        font-size: 29px;
    }

}


@media (max-width: 480px) {

    .wearpal-sublimation-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wearpal-sublimation-intro h1 {
        font-size: 28px;
    }

    .wearpal-sublimation-intro-points {
        display: block;
    }

    .wearpal-sublimation-intro-points span {
        display: block;
        margin-bottom: 9px;
    }

    .wearpal-sublimation-card {
        min-height: auto;
    }

    .wearpal-sublimation-buttons {
        flex-direction: column;
    }

    .wearpal-sublimation-btn {
        width: 100%;
    }

}

/* =========================================================
   TEAM MEMBERS
   ========================================================= */

.wearpal-team-members {
    padding: 80px 0;
    background: var(--wt-light);
}

.wearpal-team-member-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.wearpal-team-member {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--wt-border);
    border-radius: var(--wt-radius);
    transition: all 0.3s ease;
}

.wearpal-team-member:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}

.wearpal-team-member-image {
    position: relative;
    overflow: hidden;
    height: 260px;
    background: #e9ecef;
}

.wearpal-team-member-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.wearpal-team-member:hover .wearpal-team-member-image img {
    transform: scale(1.04);
}

.wearpal-team-member-info {
    padding: 25px;
}

.wearpal-team-member-role {
    display: inline-block;
    margin-bottom: 7px;
    color: #777;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.wearpal-team-member-info h3 {
    margin: 0 0 8px;
    color: var(--wt-dark);
    font-size: 21px;
    font-weight: 700;
}

.wearpal-team-member-info p {
    margin: 0;
    color: var(--wt-muted);
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   PROCESS
   ========================================================= */

.wearpal-team-process {
    padding: 80px 0;
    background: #fff;
}

.wearpal-team-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.wearpal-team-process-item {
    position: relative;
    padding: 28px;
    border: 1px solid var(--wt-border);
    border-radius: var(--wt-radius);
    background: #fff;
}

.wearpal-team-process-number {
    margin-bottom: 18px;
    color: #d1d5db;
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
}

.wearpal-team-process-item h3 {
    margin: 0 0 8px;
    color: var(--wt-dark);
    font-size: 19px;
    font-weight: 700;
}

.wearpal-team-process-item p {
    margin: 0;
    color: var(--wt-muted);
    font-size: 14px;
    line-height: 1.65;
}


/* =========================================================
   CTA
   ========================================================= */

.wearpal-team-cta {
    padding: 80px 0;
    background: var(--wt-dark);
    text-align: center;
        border-radius: 10px;
    margin: 20px 0px 30px 0px;
}

.wearpal-team-cta-content {
    max-width: 760px;
    margin: 0 auto;
}

.wearpal-team-cta-content > span {
    display: block;
    margin-bottom: 10px;
    color: #c9cdd3;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-team-cta-content h2 {
    margin: 0 0 15px;
    color: #fff;
    font-size: 34px;
    line-height: 1.25;
}

.wearpal-team-cta-content p {
    max-width: 650px;
    margin: 0 auto 28px;
    color: #c7cbd1;
    font-size: 16px;
}

.wearpal-team-cta-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.wearpal-team-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.wearpal-team-btn-primary {
    color: #111827 !important;
    background: #fff;
    border: 1px solid #fff;
}

.wearpal-team-btn-primary:hover {
    color: #fff !important;
    background: transparent;
}

.wearpal-team-btn-outline {
    color: #fff !important;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.45);
}

.wearpal-team-btn-outline:hover {
    color: #111827 !important;
    background: #fff;
    border-color: #fff;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991px) {

    .wearpal-team-intro h1 {
        font-size: 36px;
    }

    .wearpal-team-value-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-team-member-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-team-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 767px) {

    .wearpal-team-intro {
        padding: 55px 0;
    }

    .wearpal-team-intro h1 {
        font-size: 30px;
    }

    .wearpal-team-intro p {
        font-size: 15px;
    }

    .wearpal-team-values,
    .wearpal-team-members,
    .wearpal-team-process,
    .wearpal-team-cta {
        padding: 55px 0;
    }

    .wearpal-team-section-heading h2 {
        font-size: 27px;
    }

    .wearpal-team-value-grid,
    .wearpal-team-member-grid,
    .wearpal-team-process-grid {
        grid-template-columns: 1fr;
    }

    .wearpal-team-member-image {
        height: 240px;
    }

    .wearpal-team-cta-content h2 {
        font-size: 28px;
    }

    .wearpal-team-cta-buttons {
        flex-direction: column;
    }

    .wearpal-team-btn {
        width: 100%;
        max-width: 300px;
    }
}


@media (max-width: 480px) {

    .wearpal-team-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wearpal-team-intro h1 {
        font-size: 27px;
    }

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

    .wearpal-team-value-card,
    .wearpal-team-member-info,
    .wearpal-team-process-item {
        padding: 22px 20px;
    }

    .wearpal-team-member-image {
        height: 220px;
    }
}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wearpal-terms-page {
    --wt-primary: #111111;
    --wt-secondary: #555555;
    --wt-muted: #777777;
    --wt-border: #e8e8e8;
    --wt-light: #f7f7f5;
    --wt-white: #ffffff;
    --wt-accent: #c89b3c;

    background: #ffffff;
    color: var(--wt-primary);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   GLOBAL
   ========================================================= */

.wearpal-terms-page *,
.wearpal-terms-page *:before,
.wearpal-terms-page *:after {
    box-sizing: border-box;
}

.wearpal-terms-wrap {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
}


/* =========================================================
   INTRO
   ========================================================= */

.wearpal-terms-intro {
    position: relative;
    overflow: hidden;
    padding: 80px 0 75px;
    background:
        linear-gradient(135deg, #111111 0%, #191919 55%, #292929 100%);
    color: #ffffff;
}

.wearpal-terms-intro:before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -160px;
    top: -210px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 50%;
}

.wearpal-terms-intro:after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: 30px;
    bottom: -180px;
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 50%;
}

.wearpal-terms-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    color: #d6b36a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-terms-eyebrow i {
    font-size: 15px;
}

.wearpal-terms-intro h1 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -1px;
}

.wearpal-terms-intro p {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,0.75);
    font-size: 17px;
    line-height: 1.8;
}

.wearpal-terms-updated {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 25px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.05);
    color: rgba(255,255,255,0.7);
    font-size: 12px;
}

.wearpal-terms-updated i {
    color: #d6b36a;
}


/* =========================================================
   CONTENT LAYOUT
   ========================================================= */

.wearpal-terms-content {
    padding: 75px 0 90px;
}

.wearpal-terms-grid {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 65px;
    align-items: start;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.wearpal-terms-sidebar {
    position: sticky;
    top: 25px;
}

.wearpal-terms-nav-box {
    padding: 25px 22px;
    border: 1px solid var(--wt-border);
    background: #ffffff;
}

.wearpal-terms-nav-title {
    display: block;
    margin-bottom: 16px;
    color: #999999;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.wearpal-terms-nav-box a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid #f2f2f2;
    color: #555555;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    transition: all 0.25s ease;
}

.wearpal-terms-nav-box a:last-child {
    border-bottom: 0;
}

.wearpal-terms-nav-box a i {
    width: 18px;
    color: #999999;
    text-align: center;
    transition: color 0.25s ease;
}

.wearpal-terms-nav-box a:hover {
    padding-left: 5px;
    color: #111111;
}

.wearpal-terms-nav-box a:hover i {
    color: var(--wt-accent);
}


/* =========================================================
   ARTICLE
   ========================================================= */

.wearpal-terms-article {
    min-width: 0;
}

.wearpal-terms-section {
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 24px;
    padding: 0 0 48px;
    margin-bottom: 48px;
    border-bottom: 1px solid var(--wt-border);
}

.wearpal-terms-number {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dddddd;
    color: #999999;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
}

.wearpal-terms-section-body h2 {
    margin: 0 0 15px;
    color: #151515;
    font-size: 25px;
    line-height: 1.3;
    font-weight: 700;
}

.wearpal-terms-section-body p {
    margin: 0 0 16px;
    color: #666666;
    font-size: 15px;
    line-height: 1.85;
}

.wearpal-terms-section-body p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   LIST
   ========================================================= */

.wearpal-terms-list {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.wearpal-terms-list li {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 10px;
    color: #5e5e5e;
    font-size: 14px;
    line-height: 1.7;
}

.wearpal-terms-list li i {
    flex: 0 0 17px;
    margin-top: 5px;
    color: var(--wt-accent);
    font-size: 13px;
}


/* =========================================================
   INFO NOTE
   ========================================================= */

.wearpal-terms-note {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin: 25px 0;
    padding: 20px 22px;
    border-left: 3px solid var(--wt-accent);
    background: #faf9f5;
}

.wearpal-terms-note > i {
    margin-top: 4px;
    color: var(--wt-accent);
    font-size: 20px;
}

.wearpal-terms-note strong {
    display: block;
    margin-bottom: 4px;
    color: #222222;
    font-size: 14px;
}

.wearpal-terms-note p {
    margin: 0;
    font-size: 13px;
}


/* =========================================================
   WARNING
   ========================================================= */

.wearpal-terms-warning {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding: 20px 22px;
    border: 1px solid #eee1c5;
    background: #fffcf5;
}

.wearpal-terms-warning > i {
    margin-top: 4px;
    color: #bd8b2e;
    font-size: 20px;
}

.wearpal-terms-warning strong {
    display: block;
    margin-bottom: 4px;
    color: #333333;
    font-size: 14px;
}

.wearpal-terms-warning p {
    margin: 0;
    font-size: 13px;
}


/* =========================================================
   FEATURE ROW
   ========================================================= */

.wearpal-terms-feature-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 28px;
}

.wearpal-terms-feature {
    min-height: 160px;
    padding: 22px 18px;
    border: 1px solid var(--wt-border);
    background: #ffffff;
}

.wearpal-terms-feature i {
    display: block;
    margin-bottom: 14px;
    color: var(--wt-accent);
    font-size: 23px;
}

.wearpal-terms-feature strong {
    display: block;
    margin-bottom: 7px;
    color: #222222;
    font-size: 14px;
}

.wearpal-terms-feature span {
    display: block;
    color: #777777;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   CONTACT CTA
   ========================================================= */

.wearpal-terms-contact {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 5px;
    padding: 35px;
    background: #111111;
    color: #ffffff;
}

.wearpal-terms-contact-icon {
    flex: 0 0 65px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,0.15);
    color: #d6b36a;
    font-size: 25px;
}

.wearpal-terms-contact-content {
    flex: 1;
}

.wearpal-terms-contact-content > span {
    display: block;
    margin-bottom: 7px;
    color: #d6b36a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-terms-contact-content h2 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.3;
}

.wearpal-terms-contact-content p {
    max-width: 680px;
    margin: 0;
    color: rgba(255,255,255,0.65);
    font-size: 13px;
    line-height: 1.75;
}

.wearpal-terms-contact-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 12px 19px;
    background: #ffffff;
    color: #111111;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.25s ease;
}

.wearpal-terms-contact-btn:hover {
    background: #d6b36a;
    color: #111111;
    text-decoration: none;
}

.wearpal-terms-contact-btn i {
    font-size: 14px;
}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 991px) {

    .wearpal-terms-intro {
        padding: 65px 0;
    }

    .wearpal-terms-intro h1 {
        font-size: 40px;
    }

    .wearpal-terms-grid {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 35px;
    }

    .wearpal-terms-feature-row {
        grid-template-columns: 1fr;
    }

    .wearpal-terms-feature {
        min-height: auto;
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wearpal-terms-wrap {
        padding-left: 18px;
        padding-right: 18px;
    }

    .wearpal-terms-intro {
        padding: 50px 0 55px;
    }

    .wearpal-terms-intro h1 {
        font-size: 34px;
        letter-spacing: -0.5px;
    }

    .wearpal-terms-intro p {
        font-size: 15px;
        line-height: 1.7;
    }

    .wearpal-terms-content {
        padding: 50px 0 65px;
    }

    .wearpal-terms-grid {
        display: block;
    }

    .wearpal-terms-sidebar {
        position: static;
        margin-bottom: 40px;
    }

    .wearpal-terms-nav-box {
        padding: 20px;
    }

    .wearpal-terms-nav-box a {
        font-size: 12px;
    }

    .wearpal-terms-section {
        grid-template-columns: 1fr;
        gap: 15px;
        padding-bottom: 35px;
        margin-bottom: 35px;
    }

    .wearpal-terms-number {
        width: 40px;
        height: 40px;
    }

    .wearpal-terms-section-body h2 {
        font-size: 22px;
    }

    .wearpal-terms-section-body p {
        font-size: 14px;
    }

    .wearpal-terms-contact {
        display: block;
        padding: 28px 22px;
    }

    .wearpal-terms-contact-icon {
        margin-bottom: 22px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .wearpal-terms-intro h1 {
        font-size: 29px;
    }

    .wearpal-terms-eyebrow {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .wearpal-terms-updated {
        font-size: 11px;
    }

    .wearpal-terms-feature-row {
        gap: 10px;
    }

    .wearpal-terms-contact-content h2 {
        font-size: 21px;
    }

}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wearpal-contact-page {
    background: #f7f8fa;
    color: #222;
    padding-bottom: 80px;
}


/* ---------------------------------------------------------
   Breadcrumb
   --------------------------------------------------------- */

.wearpal-contact-breadcrumb-wrap {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    float: left;
    width: 100%;
}

.wearpal-contact-breadcrumb {
    list-style: none;
    margin: 0;
    padding: 18px 0;
}

.wearpal-contact-breadcrumb li {
    display: inline-block;
    font-size: 13px;
    color: #777;
}

.wearpal-contact-breadcrumb li + li:before {
    content: "/";
    margin: 0 10px;
    color: #bbb;
}

.wearpal-contact-breadcrumb li a {
    color: #555;
    text-decoration: none;
}

.wearpal-contact-breadcrumb li a:hover {
    color: #ef4823;
}


/* ---------------------------------------------------------
   Main Intro
   --------------------------------------------------------- */

.wearpal-contact-intro {
    max-width: 850px;
    margin: 65px auto 50px;
    text-align: center;
}

.wearpal-contact-eyebrow {
    display: inline-block;
    color: #ef4823;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.8px;
    margin-bottom: 13px;
}

.wearpal-contact-eyebrow i {
    margin-right: 6px;
}

.wearpal-contact-intro h1 {
    margin: 0 0 18px;
    color: #1d1d1d;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
}

.wearpal-contact-intro p {
    margin: 0 auto;
    max-width: 720px;
    color: #707070;
    font-size: 16px;
    line-height: 1.8;
}


/* ---------------------------------------------------------
   Section Heading
   --------------------------------------------------------- */

.wearpal-contact-section-heading {
    text-align: center;
    margin-bottom: 38px;
}

.wearpal-contact-section-heading > span {
    color: #ef4823;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-contact-section-heading h2 {
    margin: 9px 0 12px;
    color: #222;
    font-size: 30px;
    font-weight: 700;
}

.wearpal-contact-section-heading p {
    color: #777;
    font-size: 14px;
    line-height: 1.7;
    max-width: 650px;
    margin: auto;
}


/* ---------------------------------------------------------
   Contact Cards
   --------------------------------------------------------- */

.wearpal-contact-info-section {
    margin-bottom: 75px;
}

.wearpal-contact-info-grid {
    display: flex;
    flex-wrap: wrap;
}

.wearpal-contact-info-grid > [class*="col-"] {
    margin-bottom: 25px;
}

.wearpal-contact-card {
    height: 100%;
    min-height: 210px;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 30px 25px;
    position: relative;
    transition: all .3s ease;
}

.wearpal-contact-card:hover {
    transform: translateY(-5px);
    border-color: #ef4823;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .07);
}

.wearpal-contact-icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: #fff1ed;
    color: #ef4823;
    font-size: 22px;
    margin-bottom: 20px;
}
.wearpal-contact-icon .fa {
     font-size: 22px;
}
.wearpal-contact-card-content h3 {
    margin: 0 0 12px;
    color: #222;
    font-size: 18px;
    font-weight: 700;
}

.wearpal-contact-card-content strong {
    color: #333;
    font-size: 14px;
}

.wearpal-contact-card-content address {
    margin: 8px 0 15px;
    color: #777;
    font-size: 13px;
    line-height: 1.7;
}

.wearpal-contact-card-content a {
    display: inline-block;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    word-break: break-word;
}

.wearpal-contact-card-content a:hover {
    color: #ef4823;
}

.wearpal-contact-label {
    display: block;
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 8px 0 5px;
}

.wearpal-contact-map-btn {
    display: inline-block !important;
    padding: 8px 14px;
    background: #ef4823;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600;
    transition: all .2s ease;
}

.wearpal-contact-map-btn:hover {
    background: #d93616;
    color: #fff !important;
}


/* ---------------------------------------------------------
   Contact Form Section
   --------------------------------------------------------- */

.wearpal-contact-form-section {
    background: #fff;
    border: 1px solid #e8e8e8;
    margin: 20px 0 75px;
    padding: 55px 45px;
}

.wearpal-contact-form-intro {
    padding: 15px 35px 15px 5px;
}

.wearpal-contact-form-intro h2 {
    margin: 10px 0 18px;
    font-size: 32px;
    line-height: 1.25;
    color: #222;
    font-weight: 700;
}

.wearpal-contact-form-intro > p {
    color: #777;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.wearpal-contact-benefits {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wearpal-contact-benefits li {
    color: #555;
    font-size: 13px;
    margin-bottom: 13px;
}

.wearpal-contact-benefits li i {
    color: #ef4823;
    margin-right: 10px;
}


/* ---------------------------------------------------------
   Form
   --------------------------------------------------------- */

.wearpal-contact-form {
    background: #f8f8f8;
    padding: 35px;
}

.wearpal-contact-field {
    margin-bottom: 22px;
}

.wearpal-contact-field label {
    display: block;
    margin-bottom: 8px;
    color: #333;
    font-size: 13px;
    font-weight: 600;
}

.wearpal-contact-field.required label:after {
    content: " *";
    color: #ef4823;
}

.wearpal-contact-input,
.wearpal-contact-textarea {
    position: relative;
}

.wearpal-contact-input > i,
.wearpal-contact-textarea > i {
    position: absolute;
    z-index: 2;
    left: 16px;
    top: 17px;
    color: #999;
    font-size: 14px;
}

.wearpal-contact-input .form-control {
    height: 50px;
    padding: 10px 15px 10px 43px;
}

.wearpal-contact-textarea .form-control {
    min-height: 160px;
    padding: 14px 15px 14px 43px;
    resize: vertical;
}

.wearpal-contact-input .form-control,
.wearpal-contact-textarea .form-control {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    font-size: 13px;
}

.wearpal-contact-input .form-control:focus,
.wearpal-contact-textarea .form-control:focus {
    border-color: #ef4823;
    box-shadow: 0 0 0 2px rgba(239, 72, 35, .08);
}

.wearpal-contact-error {
    margin-top: 6px;
    color: #e74c3c;
    font-size: 12px;
}


/* ---------------------------------------------------------
   Submit Button
   --------------------------------------------------------- */

.wearpal-contact-submit {
    text-align: right;
    margin-top: 8px;
}

.wearpal-contact-submit-btn {
    border: 0;
    background: #ef4823;
    color: #fff;
    padding: 14px 27px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: all .25s ease;
}

.wearpal-contact-submit-btn i {
    margin-left: 12px;
}

.wearpal-contact-submit-btn:hover {
    background: #d93616;
    transform: translateY(-2px);
}


/* ---------------------------------------------------------
   Other Locations
   --------------------------------------------------------- */

.wearpal-contact-locations {
    margin-top: 20px;
}

.wearpal-contact-location-list {
    border-top: 1px solid #ddd;
}

.wearpal-contact-location-item {
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
}

.wearpal-contact-location-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
}

.wearpal-contact-location-header h3 {
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

.wearpal-contact-location-header h3 i {
    color: #ef4823;
    margin-right: 8px;
}

.wearpal-contact-location-header > i {
    color: #888;
}

.wearpal-contact-location-body {
    border-top: 1px solid #eee;
    padding: 25px;
    color: #666;
    font-size: 13px;
    line-height: 1.7;
}

.wearpal-contact-location-body img {
    margin-bottom: 15px;
}

.wearpal-contact-location-body address {
    margin-top: 8px;
}

.wearpal-contact-location-body strong {
    color: #333;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media (max-width: 991px) {

    .wearpal-contact-intro {
        margin-top: 45px;
    }

    .wearpal-contact-intro h1 {
        font-size: 36px;
    }

    .wearpal-contact-form-section {
        padding: 40px 25px;
    }

    .wearpal-contact-form-intro {
        padding: 0 0 35px;
    }

}


@media (max-width: 767px) {

    .wearpal-contact-page {
        padding-bottom: 50px;
    }

    .wearpal-contact-intro {
        margin: 35px auto 40px;
    }

    .wearpal-contact-intro h1 {
        font-size: 30px;
    }

    .wearpal-contact-intro p {
        font-size: 14px;
    }

    .wearpal-contact-section-heading h2 {
        font-size: 26px;
    }

    .wearpal-contact-card {
        min-height: auto;
    }

    .wearpal-contact-form-section {
        padding: 30px 15px;
    }

    .wearpal-contact-form {
        padding: 25px 18px;
    }

    .wearpal-contact-form-intro h2 {
        font-size: 27px;
    }

    .wearpal-contact-submit {
        text-align: left;
    }

    .wearpal-contact-submit-btn {
        width: 100%;
    }

    .wearpal-contact-location-header {
        padding: 17px;
    }

    .wearpal-contact-location-body {
        padding: 20px 17px;
    }

}


@media (max-width: 480px) {

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

    .wearpal-contact-eyebrow {
        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .wearpal-contact-card {
        padding: 25px 20px;
    }

    .wearpal-contact-form-intro h2 {
        font-size: 24px;
    }

}
/* =========================================================
   WEARPAL 
========================================================= */


/* PAGE
--------------------------------------------------------- */

.wearpal-catalog-page {
    background: #f7f7f7;
    padding-bottom: 70px;
}


/* BREADCRUMB
--------------------------------------------------------- */

.wearpal-catalog-breadcrumb-wrap {
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
}

.wearpal-catalog-breadcrumb {
    margin: 0;
    padding: 16px 0;
    background: transparent;
}

.wearpal-catalog-breadcrumb > li + li:before {
    color: #aaa;
}

.wearpal-catalog-breadcrumb li a {
    color: #777;
    font-size: 13px;
    text-decoration: none;
}

.wearpal-catalog-breadcrumb li:last-child a {
    color: #111;
    font-weight: 600;
}


/* HEADER
--------------------------------------------------------- */

.wearpal-catalog-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin: 35px 0 30px;
    padding: 45px 50px;

    background: #111;

    overflow: hidden;
}

.wearpal-catalog-header:after {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    right: -100px;
    top: -140px;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
}

.wearpal-catalog-header-content {
    position: relative;
    z-index: 2;

    max-width: 760px;
}

.wearpal-catalog-eyebrow {
    display: inline-block;

    margin-bottom: 12px;

    color: #bdbdbd;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-catalog-header h1 {
    margin: 0 0 12px;

    color: #fff;

    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
}

.wearpal-catalog-header p {
    max-width: 680px;

    margin: 0;

    color: #c9c9c9;

    font-size: 16px;
    line-height: 1.7;
}

.wearpal-catalog-header-icon {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 86px;
    height: 86px;

    border: 1px solid rgba(255, 255, 255, .2);

    color: #fff;
    font-size: 30px;
}
.wearpal-catalog-header-icon .fa{
    font-size: 30px;
}


/* REQUEST AREA
--------------------------------------------------------- */

.wearpal-catalog-request {
    padding-top: 10px;
}


/* LEFT INFORMATION
--------------------------------------------------------- */

.wearpal-catalog-info {
    padding: 35px 35px 35px 0;
}

.wearpal-catalog-small-title {
    display: inline-block;

    margin-bottom: 12px;

    color: #888;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-catalog-info h2 {
    margin: 0 0 18px;

    color: #171717;

    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
}

.wearpal-catalog-info > p {
    margin-bottom: 30px;

    color: #666;

    font-size: 15px;
    line-height: 1.8;
}


/* BENEFITS
--------------------------------------------------------- */

.wearpal-catalog-benefits {
    border-top: 1px solid #ddd;
}

.wearpal-catalog-benefit {
    display: flex;

    gap: 15px;

    padding: 20px 0;

    border-bottom: 1px solid #ddd;
}

.wearpal-benefit-icon {
    flex: 0 0 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 45px;
    height: 45px;

    background: #111;

    color: #fff;

    font-size: 16px;
}

.wearpal-catalog-benefit strong {
    display: block;

    margin-bottom: 5px;

    color: #222;

    font-size: 14px;
}

.wearpal-catalog-benefit p {
    margin: 0;

    color: #777;

    font-size: 13px;
    line-height: 1.6;
}


/* FORM CARD
--------------------------------------------------------- */

.wearpal-catalog-form-card {
    padding: 35px;

    background: #fff;

    border: 1px solid #e5e5e5;

    box-shadow: 0 12px 40px rgba(0, 0, 0, .05);
}


/* FORM HEADING
--------------------------------------------------------- */

.wearpal-catalog-form-heading {
    margin-bottom: 28px;
    padding-bottom: 20px;

    border-bottom: 1px solid #e8e8e8;
}

.wearpal-catalog-form-heading span {
    color: #888;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-catalog-form-heading h2 {
    margin: 7px 0 8px;

    color: #111;

    font-size: 24px;
    font-weight: 700;
}

.wearpal-catalog-form-heading p {
    margin: 0;

    color: #777;

    font-size: 13px;
}


/* FORM FIELDS
--------------------------------------------------------- */

.wearpal-field {
    margin-bottom: 20px;
}

.wearpal-field label {
    display: block;

    margin-bottom: 8px;

    color: #333;

    font-size: 13px;
    font-weight: 600;
}

.wearpal-field label span {
    color: #d00;
}


/* INPUT WRAPPER
--------------------------------------------------------- */

.wearpal-input-wrap {
    position: relative;
}

.wearpal-input-wrap > i {
    position: absolute;

    z-index: 2;

    left: 15px;
    top: 50%;

    transform: translateY(-50%);

    color: #999;

    font-size: 13px;

    pointer-events: none;
}


/* INPUT
--------------------------------------------------------- */

.wearpal-input-wrap .form-control {
    height: 48px;

    padding: 10px 15px 10px 42px;

    border: 1px solid #ddd;
    border-radius: 0;

    background: #fff;

    box-shadow: none;

    color: #222;

    font-size: 13px;

    transition: all .25s ease;
}

.wearpal-input-wrap .form-control:focus {
    border-color: #222;

    box-shadow: 0 0 0 2px rgba(0, 0, 0, .05);
}

.wearpal-input-wrap .form-control::placeholder {
    color: #aaa;
}


/* SELECT
--------------------------------------------------------- */

.wearpal-select-wrap:after {
    content: "\f107";

    position: absolute;

    right: 15px;
    top: 50%;

    transform: translateY(-50%);

    font-family: FontAwesome;

    color: #888;

    pointer-events: none;
}

.wearpal-select-wrap select {
    appearance: none;
    -webkit-appearance: none;

    padding-right: 40px !important;
}


/* TEXTAREA
--------------------------------------------------------- */

.wearpal-textarea-wrap > i {
    top: 17px;

    transform: none;
}

.wearpal-textarea-wrap textarea {
    min-height: 125px;

    resize: vertical;

    line-height: 1.6;
}


/* CAPTCHA
--------------------------------------------------------- */

.wearpal-captcha {
    margin: 5px 0 20px;

    padding: 15px;

    background: #f8f8f8;

    border: 1px solid #e5e5e5;
}


/* SUBMIT
--------------------------------------------------------- */

.wearpal-submit-area {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;

    margin-top: 5px;
}

.wearpal-catalog-submit {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    min-width: 210px;
    height: 52px;

    padding: 0;

    border: 0;
    border-radius: 0;

    background: #111;

    color: #fff;

    font-size: 13px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .7px;

    transition: all .25s ease;
}

.wearpal-catalog-submit:hover,
.wearpal-catalog-submit:focus {
    background: #333;

    color: #fff;

    outline: none;
}

.wearpal-catalog-submit:disabled {
    opacity: .65;

    cursor: not-allowed;
}

.wearpal-submit-text {
    padding: 0 20px;
}

.wearpal-submit-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    border-left: 1px solid rgba(255, 255, 255, .2);
}

.wearpal-submit-area small {
    color: #888;

    font-size: 11px;
}

.wearpal-submit-area small i {
    margin-right: 4px;
}


/* AJAX RESULT
--------------------------------------------------------- */

#catalog-result {
    margin-top: 20px;
}

#catalog-result .alert {
    margin-bottom: 0;

    border-radius: 0;
}


/* RESPONSIVE
--------------------------------------------------------- */

@media (max-width: 991px) {

    .wearpal-catalog-header {
        padding: 35px;
    }

    .wearpal-catalog-info {
        padding: 20px 0 35px;
    }

}


@media (max-width: 767px) {

    .wearpal-catalog-page {
        padding-bottom: 40px;
    }

    .wearpal-catalog-header {
        display: block;

        margin-top: 20px;

        padding: 30px 25px;
    }

    .wearpal-catalog-header h1 {
        font-size: 29px;
    }

    .wearpal-catalog-header p {
        font-size: 14px;
    }

    .wearpal-catalog-header-icon {
        margin-top: 25px;

        width: 60px;
        height: 60px;

        font-size: 22px;
    }

    .wearpal-catalog-form-card {
        padding: 25px 20px;
    }

    .wearpal-catalog-info h2 {
        font-size: 24px;
    }

    .wearpal-submit-area {
        display: block;
    }

    .wearpal-catalog-submit {
        width: 100%;
    }

    .wearpal-submit-area small {
        display: block;

        margin-top: 12px;
    }

}
/* =========================================================
   WEARPAL APPAREL
========================================================= */

.wearpal-quote-page {
    width: 100%;
    background: #fff;
    color: #222;
    float:left;
}

.wearpal-quote-page *,
.wearpal-quote-page *:before,
.wearpal-quote-page *:after {
    box-sizing: border-box;
}

.wearpal-quote-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* =========================================================
   HERO
========================================================= */

.wearpal-quote-hero {
    position: relative;
    overflow: hidden;
    padding: 75px 0 80px;
    background: #f5f6f7;
    text-align: center;
}

.wearpal-quote-hero:before {
    content: "";
    position: absolute;
    top: -150px;
    left: -100px;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.035);
}

.wearpal-quote-hero:after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -190px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.025);
}

.wearpal-quote-hero-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
}

.wearpal-quote-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 17px;
    color: #777;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-quote-eyebrow i {
    font-size: 14px;
}

.wearpal-quote-hero h1 {
    margin: 0 0 20px;
    color: #151515;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 700;
}

.wearpal-quote-hero p {
    max-width: 760px;
    margin: 0 auto;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.wearpal-quote-breadcrumb {
    background: #fff;
    border-bottom: 1px solid #eee;
}

.wearpal-quote-breadcrumb .breadcrumb {
    margin: 10px 0px 0px 0px;
    padding: 15px 0;
    background: transparent;
    border-radius: 0;
}

.wearpal-quote-breadcrumb .breadcrumb li {
    font-size: 13px;
}

.wearpal-quote-breadcrumb .breadcrumb a {
    color: #777;
    text-decoration: none;
}

.wearpal-quote-breadcrumb .breadcrumb a:hover {
    color: #111;
}


/* =========================================================
   MAIN SECTION
========================================================= */

.wearpal-quote-section {
    padding: 85px 0;
    background: #fff;
}

.wearpal-quote-layout {
    display: grid;
    grid-template-columns: 0.82fr 1.18fr;
    gap: 70px;
    align-items: start;
}


/* =========================================================
   SIDEBAR
========================================================= */

.wearpal-quote-sidebar {
    padding-top: 15px;
}

.wearpal-quote-side-label {
    display: block;
    margin-bottom: 14px;
    color: #777;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-quote-sidebar h2 {
    margin: 0 0 20px;
    color: #151515;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
}

.wearpal-quote-side-text {
    margin: 0 0 38px;
    color: #666;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   BENEFITS
========================================================= */

.wearpal-quote-benefits {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.wearpal-quote-benefit {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.wearpal-quote-benefit-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #111;
    color: #fff;
    font-size: 13px;
}

.wearpal-quote-benefit-content h4 {
    margin: 0 0 5px;
    color: #222;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}

.wearpal-quote-benefit-content p {
    margin: 0;
    color: #777;
    font-size: 13px;
    line-height: 1.6;
}


/* =========================================================
   FAST RESPONSE BOX
========================================================= */

.wearpal-quote-response {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 38px;
    padding: 20px;
    border-left: 3px solid #111;
    background: #f7f7f7;
}

.wearpal-quote-response-icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111;
    font-size: 20px;
}

.wearpal-quote-response strong {
    display: block;
    margin-bottom: 5px;
    color: #222;
    font-size: 14px;
}

.wearpal-quote-response span {
    display: block;
    color: #777;
    font-size: 12px;
    line-height: 1.65;
}


/* =========================================================
   FORM CARD
========================================================= */

.wearpal-quote-form-card {
    padding: 42px;
    background: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.07);
}

.wearpal-quote-form-header {
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.wearpal-quote-form-header > span {
    display: block;
    margin-bottom: 8px;
    color: #777;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

.wearpal-quote-form-header h2 {
    margin: 0 0 8px;
    color: #151515;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
}

.wearpal-quote-form-header p {
    margin: 0;
    color: #777;
    font-size: 13px;
}


/* =========================================================
   SUCCESS MESSAGE
========================================================= */

.wearpal-quote-alert {
    margin-bottom: 25px;
    border-radius: 0;
}


/* =========================================================
   FIELDSET
========================================================= */

.wearpal-quote-fieldset {
    margin-bottom: 38px;
}

.wearpal-quote-fieldset-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 25px;
    padding-bottom: 17px;
    border-bottom: 1px solid #eee;
}

.wearpal-quote-fieldset-title > span {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    background: #111;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.wearpal-quote-fieldset-title h3 {
    margin: 0 0 3px;
    color: #222;
    font-size: 17px;
    font-weight: 700;
}

.wearpal-quote-fieldset-title p {
    margin: 0;
    color: #888;
    font-size: 12px;
}


/* =========================================================
   FORM GRID
========================================================= */

.wearpal-quote-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}


/* =========================================================
   FIELD
========================================================= */

.wearpal-quote-field {
    margin-bottom: 20px;
}

.wearpal-quote-field label,
.wearpal-quote-option-field > label,
.wearpal-quote-upload-field > label {
    display: block;
    margin-bottom: 8px;
    color: #333;
    font-size: 13px;
    font-weight: 600;
}

.wearpal-quote-field label span {
    color: #d71920;
}


/* =========================================================
   INPUT
========================================================= */

.wearpal-quote-input-wrap {
    position: relative;
}

.wearpal-quote-input-wrap > i {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    color: #999;
    font-size: 14px;
    pointer-events: none;
}

.wearpal-quote-input {
    width: 100%;
    height: 50px;
    padding: 0 15px 0 43px;
    border: 1px solid #ddd;
    border-radius: 0;
    outline: none;
    background: #fff;
    color: #333;
    font-size: 13px;
    box-shadow: none;
    transition: border-color .25s ease,
                box-shadow .25s ease;
}

.wearpal-quote-input:focus {
    border-color: #111;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .04);
}

.wearpal-quote-input::placeholder {
    color: #aaa;
}

.wearpal-quote-select {
    padding-right: 35px;
    cursor: pointer;
}


/* =========================================================
   TEXTAREA
========================================================= */

.wearpal-quote-textarea-wrap {
    position: relative;
}

.wearpal-quote-textarea-wrap > i {
    position: absolute;
    top: 17px;
    left: 16px;
    z-index: 2;
    color: #999;
    font-size: 14px;
}

.wearpal-quote-textarea {
    width: 100%;
    min-height: 155px;
    padding: 15px 15px 15px 43px;
    border: 1px solid #ddd;
    border-radius: 0;
    outline: none;
    resize: vertical;
    background: #fff;
    color: #333;
    font-size: 13px;
    line-height: 1.7;
    transition: border-color .25s ease,
                box-shadow .25s ease;
}

.wearpal-quote-textarea:focus {
    border-color: #111;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .04);
}

.wearpal-quote-textarea::placeholder {
    color: #aaa;
}


/* =========================================================
   PRINTING / EMBROIDERY OPTIONS
========================================================= */

.wearpal-quote-option-field {
    margin-bottom: 25px;
}

.wearpal-quote-options {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.wearpal-quote-check,
.wearpal-quote-radio {
    position: relative;
    margin: 0;
    cursor: pointer;
}

.wearpal-quote-check input,
.wearpal-quote-radio input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.wearpal-quote-check span,
.wearpal-quote-radio span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid #ddd;
    background: #fff;
    color: #555;
    font-size: 12px;
    transition: all .25s ease;
}

.wearpal-quote-check span i,
.wearpal-quote-radio span i {
    display: none;
}

.wearpal-quote-check input:checked + span,
.wearpal-quote-radio input:checked + span {
    border-color: #111;
    background: #111;
    color: #fff;
}

.wearpal-quote-check input:checked + span i,
.wearpal-quote-radio input:checked + span i {
    display: inline-block;
}


/* =========================================================
   UPLOAD
========================================================= */

.wearpal-quote-upload-field {
    margin-bottom: 25px;
}

.wearpal-quote-upload {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 95px;
    padding: 20px;
    border: 1px dashed #ccc;
    background: #fafafa;
    transition: border-color .25s ease,
                background .25s ease;
}

.wearpal-quote-upload:hover {
    border-color: #111;
    background: #f7f7f7;
}

.wearpal-quote-upload > i {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    font-size: 18px;
}

.wearpal-quote-upload-content {
    position: relative;
    flex: 1;
}

.wearpal-quote-upload-content strong {
    display: block;
    margin-bottom: 4px;
    color: #333;
    font-size: 13px;
}

.wearpal-quote-upload-content span {
    display: block;
    color: #999;
    font-size: 11px;
}

.wearpal-quote-upload-content input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}


/* =========================================================
   ERROR
========================================================= */

.wearpal-quote-error {
    margin-top: 7px;
    color: #d71920;
    font-size: 12px;
}


/* =========================================================
   CAPTCHA
========================================================= */

.wearpal-quote-captcha {
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eee;
    background: #fafafa;
}

.wearpal-quote-captcha-title {
    margin-bottom: 15px;
    color: #333;
    font-size: 13px;
    font-weight: 700;
}

.wearpal-quote-captcha-title i {
    margin-right: 7px;
}


/* =========================================================
   SUBMIT
========================================================= */

.wearpal-quote-submit-area {
    margin-top: 10px;
}

.wearpal-quote-submit {
    width: 100%;
    min-height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    border: 0;
    border-radius: 0;
    background: #111;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .3s ease;
}

.wearpal-quote-submit:hover {
    background: #333;
}

.wearpal-quote-submit > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.wearpal-quote-submit > span i {
    font-size: 14px;
}

.wearpal-quote-submit > i {
    font-size: 15px;
    transition: transform .3s ease;
}

.wearpal-quote-submit:hover > i {
    transform: translateX(5px);
}

.wearpal-quote-submit-area > p {
    margin: 13px 0 0;
    text-align: center;
    color: #999;
    font-size: 11px;
}

.wearpal-quote-submit-area > p i {
    margin-right: 4px;
}


/* =========================================================
   BOTTOM CTA
========================================================= */

.wearpal-quote-bottom {
    padding: 65px 0;
    background: #111;
}

.wearpal-quote-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.wearpal-quote-bottom-inner > div > span {
    display: block;
    margin-bottom: 10px;
    color: #aaa;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-quote-bottom-inner h2 {
    margin: 0;
    color: #fff;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
}

.wearpal-quote-contact-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 155px;
    padding: 15px 24px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: all .3s ease;
}

.wearpal-quote-contact-btn:hover,
.wearpal-quote-contact-btn:focus {
    background: #fff;
    color: #111;
    text-decoration: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .wearpal-quote-hero {
        padding: 65px 0;
    }

    .wearpal-quote-hero h1 {
        font-size: 38px;
    }

    .wearpal-quote-layout {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .wearpal-quote-sidebar {
        max-width: 760px;
        margin: 0 auto;
    }

    .wearpal-quote-form-card {
        max-width: 760px;
        margin: 0 auto;
    }

    .wearpal-quote-section {
        padding: 70px 0;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .wearpal-quote-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wearpal-quote-hero {
        padding: 50px 0;
    }

    .wearpal-quote-hero h1 {
        font-size: 31px;
    }

    .wearpal-quote-hero p {
        font-size: 14px;
        line-height: 1.7;
    }

    .wearpal-quote-section {
        padding: 50px 0;
    }

    .wearpal-quote-sidebar h2 {
        font-size: 29px;
    }

    .wearpal-quote-form-card {
        padding: 28px 20px;
    }

    .wearpal-quote-form-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .wearpal-quote-form-header h2 {
        font-size: 24px;
    }

    .wearpal-quote-fieldset-title h3 {
        font-size: 16px;
    }

    .wearpal-quote-options {
        flex-direction: column;
        align-items: stretch;
    }

    .wearpal-quote-check span,
    .wearpal-quote-radio span {
        width: 100%;
    }

    .wearpal-quote-bottom {
        padding: 45px 0;
    }

    .wearpal-quote-bottom-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .wearpal-quote-bottom-inner h2 {
        font-size: 24px;
    }

    .wearpal-quote-contact-btn {
        width: 100%;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .wearpal-quote-hero h1 {
        font-size: 27px;
    }

    .wearpal-quote-eyebrow {
        font-size: 10px;
        letter-spacing: 1.5px;
    }

    .wearpal-quote-form-card {
        padding: 23px 16px;
    }

    .wearpal-quote-fieldset-title {
        gap: 10px;
    }

    .wearpal-quote-fieldset-title > span {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .wearpal-quote-upload {
        align-items: flex-start;
    }

    .wearpal-quote-submit {
        min-height: 54px;
        padding: 0 15px;
        font-size: 11px;
    }

}
/* =========================================
   WEARPAL APPAREL
========================================= */

.wearpal-care-page {
    width: 100%;
    color: #222;
    background: #fff;
    line-height: 1.7;
}

.wearpal-care-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

/* Intro */
.wearpal-care-intro {
    padding: 75px 0 65px;
    text-align: center;
    background: #f7f7f7;
}

.wearpal-care-label {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #777;
}

.wearpal-care-intro h1 {
    margin: 0 auto 18px;
    max-width: 850px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
}

.wearpal-care-intro p {
    max-width: 820px;
    margin: 0 auto;
    font-size: 16px;
    color: #666;
}

/* Care Guide */
.wearpal-care-guide {
    padding: 80px 0;
}

.wearpal-care-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.wearpal-care-card {
    padding: 35px 28px;
    text-align: center;
    background: #fff;
    border: 1px solid #e8e8e8;
    transition: all 0.3s ease;
}

.wearpal-care-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

.wearpal-care-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f3f3f3;
}

.wearpal-care-icon i {
    font-size: 27px;
    color: #222;
}

.wearpal-care-card h3 {
    margin: 0 0 12px;
    font-size: 20px;
    color: #111;
}

.wearpal-care-card p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

/* Decoration Section */
.wearpal-care-decoration {
    padding: 80px 0;
    background: #f7f7f7;
}

.wearpal-care-heading {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.wearpal-care-heading h2 {
    margin: 0 0 15px;
    font-size: 34px;
    line-height: 1.25;
    color: #111;
}

.wearpal-care-heading p {
    margin: 0;
    font-size: 15px;
    color: #666;
}

.wearpal-care-special-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.wearpal-care-special-item {
    display: flex;
    gap: 22px;
    padding: 30px;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.wearpal-care-special-item > i {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #222;
    color: #fff;
    border-radius: 50%;
    font-size: 21px;
}

.wearpal-care-special-item h3 {
    margin: 0 0 8px;
    font-size: 19px;
    color: #111;
}

.wearpal-care-special-item p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

/* Quick Steps */
.wearpal-care-steps {
    padding: 80px 0;
}

.wearpal-care-step-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.wearpal-care-step {
    position: relative;
    padding: 30px 25px;
    border-top: 3px solid #222;
    background: #fafafa;
}

.wearpal-care-step > span {
    display: block;
    margin-bottom: 12px;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    color: #d7d7d7;
}

.wearpal-care-step h3 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #111;
}

.wearpal-care-step p {
    margin: 0;
    font-size: 14px;
    color: #666;
}

/* CTA */
.wearpal-care-cta {
    padding: 55px 0;
    background: #111;
        border-radius: 10px;
    margin: 20px 0px 30px 0px;
}

.wearpal-care-cta-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.wearpal-care-cta .wearpal-care-label {
    color: #aaa;
    margin-bottom: 8px;
}

.wearpal-care-cta h2 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 30px;
    line-height: 1.3;
}

.wearpal-care-cta p {
    max-width: 700px;
    margin: 0;
    color: #aaa;
    font-size: 14px;
}

.wearpal-care-btn {
    flex-shrink: 0;
    display: inline-block;
    padding: 14px 25px;
    color: #111 !important;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.wearpal-care-btn i {
    margin-right: 7px;
}

.wearpal-care-btn:hover {
    background: #ddd;
}

/* Tablet */
@media (max-width: 991px) {

    .wearpal-care-intro h1 {
        font-size: 36px;
    }

    .wearpal-care-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-care-step-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-care-cta-content {
        align-items: flex-start;
        flex-direction: column;
    }
}

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

    .wearpal-care-intro {
        padding: 55px 0 50px;
    }

    .wearpal-care-intro h1 {
        font-size: 30px;
    }

    .wearpal-care-intro p {
        font-size: 14px;
    }

    .wearpal-care-guide,
    .wearpal-care-decoration,
    .wearpal-care-steps {
        padding: 55px 0;
    }

    .wearpal-care-grid,
    .wearpal-care-special-grid,
    .wearpal-care-step-grid {
        grid-template-columns: 1fr;
    }

    .wearpal-care-heading h2 {
        font-size: 28px;
    }

    .wearpal-care-special-item {
        padding: 25px 20px;
    }

    .wearpal-care-cta h2 {
        font-size: 25px;
    }

    .wearpal-care-btn {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .wearpal-care-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wearpal-care-intro h1 {
        font-size: 27px;
    }

    .wearpal-care-card {
        padding: 30px 20px;
    }

    .wearpal-care-special-item {
        display: block;
        text-align: center;
    }

    .wearpal-care-special-item > i {
        margin: 0 auto 18px;
    }
}
/* =========================================
   WEARPAL 
========================================= */

.wearpal-shipping-page {
    width: 100%;
    overflow: hidden;
    color: #222;
    font-size: 15px;
    line-height: 1.7;
    background: #fff;
}

.wearpal-shipping-page *,
.wearpal-shipping-page *::before,
.wearpal-shipping-page *::after {
    box-sizing: border-box;
}

.wearpal-shipping-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* Intro */

.wearpal-shipping-intro {
    padding: 75px 0 70px;
    text-align: center;
    background: #f7f7f7;
}

.wearpal-shipping-label {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.wearpal-shipping-intro h1 {
    max-width: 850px;
    margin: 0 auto 20px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
}

.wearpal-shipping-intro p {
    max-width: 800px;
    margin: 0 auto;
    color: #666;
}

/* Headings */

.wearpal-shipping-heading {
    margin-bottom: 45px;
}

.wearpal-shipping-heading > span {
    display: block;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-shipping-heading h2 {
    margin: 0 0 12px;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
    color: #111;
}

.wearpal-shipping-heading p {
    max-width: 700px;
    margin: 0;
    color: #666;
}

.wearpal-shipping-heading-center {
    text-align: center;
}

.wearpal-shipping-heading-center p {
    margin-left: auto;
    margin-right: auto;
}

/* Shipping Overview */

.wearpal-shipping-overview {
    padding: 80px 0;
    background: #fff;
}

.wearpal-shipping-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.wearpal-shipping-card {
    padding: 30px 25px;
    border: 1px solid #e7e7e7;
    background: #fff;
    transition: all 0.3s ease;
}

.wearpal-shipping-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

.wearpal-shipping-number {
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}

.wearpal-shipping-card h3 {
    margin: 0 0 12px;
    font-size: 19px;
    line-height: 1.35;
    color: #111;
}

.wearpal-shipping-card p {
    margin: 0;
    color: #666;
}

/* Shipping Methods */

.wearpal-shipping-methods {
    padding: 80px 0;
    background: #f7f7f7;
}

.wearpal-shipping-method-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.wearpal-shipping-method {
    padding: 40px 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #e9e9e9;
}

.wearpal-shipping-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 22px;
    border-radius: 50%;
    background: #111;
    color: #fff;
    font-size: 25px;
}
.wearpal-shipping-icon .fa {
    font-size: 25px;
}
.wearpal-shipping-method h3 {
    margin: 0 0 12px;
    font-size: 21px;
    color: #111;
}

.wearpal-shipping-method p {
    margin: 0;
    color: #666;
}

/* Delivery */

.wearpal-shipping-delivery {
    padding: 80px 0;
    background: #fff;
}

.wearpal-shipping-delivery-box {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 60px;
    padding: 55px;
    background: #f7f7f7;
}

.wearpal-shipping-delivery-content h2 {
    margin: 0 0 18px;
    font-size: 34px;
    line-height: 1.25;
    color: #111;
}

.wearpal-shipping-delivery-content p {
    margin: 0 0 15px;
    color: #666;
}

.wearpal-shipping-time-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.wearpal-shipping-time-item {
    padding: 22px 25px;
    background: #fff;
    border-left: 3px solid #111;
}

.wearpal-shipping-time-item strong {
    display: block;
    margin-bottom: 4px;
    font-size: 17px;
    color: #111;
}

.wearpal-shipping-time-item span {
    display: block;
    color: #666;
    font-size: 14px;
}

/* International */

.wearpal-shipping-international {
    padding: 80px 0;
    background: #f7f7f7;
}

.wearpal-shipping-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.wearpal-shipping-info-box {
    padding: 30px;
    background: #fff;
    border: 1px solid #e7e7e7;
}

.wearpal-shipping-info-box h3 {
    margin: 0 0 12px;
    font-size: 20px;
    color: #111;
}

.wearpal-shipping-info-box p {
    margin: 0;
    color: #666;
}

/* Important Information */

.wearpal-shipping-important {
    padding: 80px 0;
    background: #fff;
}

.wearpal-shipping-important-inner {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 70px;
}

.wearpal-shipping-important-title span {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

.wearpal-shipping-important-title h2 {
    margin: 0;
    font-size: 34px;
    line-height: 1.25;
    color: #111;
}

.wearpal-shipping-important-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wearpal-shipping-important-content li {
    position: relative;
    padding: 0 0 16px 27px;
    margin-bottom: 16px;
    border-bottom: 1px solid #ededed;
    color: #555;
}

.wearpal-shipping-important-content li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #111;
}

/* Contact */

.wearpal-shipping-contact {
    padding: 0 0 80px;
    background: #fff;
}

.wearpal-shipping-contact-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: 50px;
    background: #111;
    color: #fff;
}

.wearpal-shipping-contact-box .wearpal-shipping-label {
    margin-bottom: 8px;
}

.wearpal-shipping-contact-box h2 {
    margin: 0 0 12px;
    font-size: 30px;
    line-height: 1.25;
    color: #fff;
}

.wearpal-shipping-contact-box p {
    max-width: 680px;
    margin: 0;
    color: #ccc;
}

.wearpal-shipping-contact-btn {
    flex-shrink: 0;
    display: inline-block;
    padding: 14px 28px;
    background: #fff;
    color: #111;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.wearpal-shipping-contact-btn:hover {
    background: #e5e5e5;
    color: #111;
    text-decoration: none;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 991px) {

    .wearpal-shipping-intro h1 {
        font-size: 36px;
    }

    .wearpal-shipping-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-shipping-method-grid,
    .wearpal-shipping-info-grid {
        grid-template-columns: 1fr;
    }

    .wearpal-shipping-delivery-box {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .wearpal-shipping-important-inner {
        grid-template-columns: 1fr;
        gap: 35px;
    }

}

@media (max-width: 767px) {

    .wearpal-shipping-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wearpal-shipping-intro {
        padding: 55px 0;
    }

    .wearpal-shipping-intro h1 {
        font-size: 30px;
    }

    .wearpal-shipping-heading h2,
    .wearpal-shipping-delivery-content h2,
    .wearpal-shipping-important-title h2 {
        font-size: 28px;
    }

    .wearpal-shipping-overview,
    .wearpal-shipping-methods,
    .wearpal-shipping-delivery,
    .wearpal-shipping-international,
    .wearpal-shipping-important {
        padding: 60px 0;
    }

    .wearpal-shipping-grid {
        grid-template-columns: 1fr;
    }

    .wearpal-shipping-delivery-box {
        padding: 30px 22px;
    }

    .wearpal-shipping-contact-box {
        flex-direction: column;
        align-items: flex-start;
        padding: 35px 25px;
    }

    .wearpal-shipping-contact-box h2 {
        font-size: 25px;
    }

}
/* =========================================
   WEARPAL APPAREL 
========================================= */

.wp-ordering-process {
    max-width: 1180px;
    margin: 0 auto;
    padding: 55px 20px 70px;
    color: #222;
    box-sizing: border-box;
}

.wp-ordering-process *,
.wp-ordering-process *::before,
.wp-ordering-process *::after {
    box-sizing: border-box;
}

/* Intro */

.wp-ordering-process__intro {
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
}

.wp-ordering-process__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #777;
}

.wp-ordering-process__title {
    margin: 0 0 18px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
}

.wp-ordering-process__intro-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}

/* Steps */

.wp-ordering-process__steps {
    position: relative;
    max-width: 950px;
    margin: 0 auto;
}

.wp-ordering-process__steps::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 34px;
    width: 1px;
    background: #ddd;
}

.wp-ordering-process__step {
    position: relative;
    display: flex;
    gap: 30px;
    margin-bottom: 35px;
}

.wp-ordering-process__step:last-child {
    margin-bottom: 0;
}

.wp-ordering-process__number {
    position: relative;
    z-index: 2;
    flex: 0 0 68px;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #222;
    border-radius: 50%;
    background: #fff;
    color: #222;
    font-size: 15px;
    font-weight: 700;
}

.wp-ordering-process__content {
    flex: 1;
    padding: 4px 0 20px;
}

.wp-ordering-process__content h2 {
    margin: 0 0 9px;
    font-size: 21px;
    line-height: 1.4;
    color: #111;
    font-weight: 700;
}

.wp-ordering-process__content p {
    margin: 0;
    max-width: 760px;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
}

/* Benefits */

.wp-ordering-process__benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 70px;
    padding-top: 45px;
    border-top: 1px solid #e5e5e5;
}

.wp-ordering-process__benefit {
    padding: 24px 20px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
}

.wp-ordering-process__benefit strong {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    color: #111;
}

.wp-ordering-process__benefit span {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    color: #777;
}

/* CTA */

.wp-ordering-process__cta {
    max-width: 850px;
    margin: 70px auto 0;
    padding: 50px 30px;
    text-align: center;
    background: #f5f5f5;
}

.wp-ordering-process__cta h2 {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.3;
    color: #111;
}

.wp-ordering-process__cta p {
    max-width: 650px;
    margin: 0 auto 25px;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
}

.wp-ordering-process__button {
    display: inline-block;
    padding: 13px 28px;
    border: 1px solid #111;
    background: #111;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.wp-ordering-process__button:hover {
    background: #fff;
    color: #111 !important;
}

/* Tablet */

@media (max-width: 991px) {

    .wp-ordering-process {
        padding: 45px 20px 60px;
    }

    .wp-ordering-process__benefits {
        grid-template-columns: repeat(2, 1fr);
    }

}

/* Mobile */

@media (max-width: 767px) {

    .wp-ordering-process {
        padding: 35px 15px 50px;
    }

    .wp-ordering-process__intro {
        margin-bottom: 40px;
    }

    .wp-ordering-process__title {
        font-size: 30px;
    }

    .wp-ordering-process__intro-text {
        font-size: 15px;
    }

    .wp-ordering-process__steps::before {
        left: 25px;
    }

    .wp-ordering-process__step {
        gap: 18px;
        margin-bottom: 28px;
    }

    .wp-ordering-process__number {
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
        font-size: 13px;
    }

    .wp-ordering-process__content {
        padding-top: 1px;
    }

    .wp-ordering-process__content h2 {
        font-size: 18px;
    }

    .wp-ordering-process__content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .wp-ordering-process__benefits {
        grid-template-columns: 1fr;
        margin-top: 50px;
        padding-top: 35px;
    }

    .wp-ordering-process__cta {
        margin-top: 50px;
        padding: 40px 20px;
    }

    .wp-ordering-process__cta h2 {
        font-size: 24px;
    }

}
/* =========================================
   WEARPAL
========================================= */

.wearpal-faq-page {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 55px 20px 70px;
    font-family: inherit;
    color: #222;
}

/* Intro */

.wearpal-faq-intro {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

.wearpal-faq-label {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #777;
}

.wearpal-faq-intro h1 {
    margin: 0 0 18px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
}

.wearpal-faq-intro p {
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}

/* FAQ List */

.wearpal-faq-list {
    max-width: 950px;
    margin: 0 auto;
}

/* FAQ Item */

.wearpal-faq-item {
    margin-bottom: 15px;
    padding: 0 28px;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 5px;
    transition: all 0.25s ease;
}

.wearpal-faq-item:hover {
    border-color: #cfcfcf;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
}

/* Question */

.wearpal-faq-question {
    position: relative;
    margin: 0;
    padding: 22px 40px 22px 0;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 600;
    color: #222;
}

.wearpal-faq-question:after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%);
    font-size: 25px;
    font-weight: 400;
    color: #777;
}

/* Answer */

.wearpal-faq-answer {
    padding: 0 0 22px;
    border-top: 1px solid #eeeeee;
}

.wearpal-faq-answer p {
    margin: 18px 0 0;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
}

/* Contact Box */

.wearpal-faq-contact {
    max-width: 950px;
    margin: 55px auto 0;
    padding: 45px 30px;
    text-align: center;
    background: #f6f6f6;
    border-radius: 6px;
}

.wearpal-faq-contact-content h2 {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    color: #111;
}

.wearpal-faq-contact-content p {
    max-width: 650px;
    margin: 0 auto 25px;
    font-size: 15px;
    line-height: 1.7;
    color: #666;
}

/* Contact Button */

.wearpal-faq-contact-btn {
    display: inline-block;
    padding: 13px 28px;
    border: 1px solid #222;
    border-radius: 3px;
    background: #222;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.wearpal-faq-contact-btn:hover {
    background: #000;
    border-color: #000;
    color: #fff !important;
    text-decoration: none;
}

/* Tablet */

@media (max-width: 991px) {

    .wearpal-faq-page {
        padding: 45px 20px 60px;
    }

    .wearpal-faq-intro h1 {
        font-size: 34px;
    }

    .wearpal-faq-item {
        padding: 0 22px;
    }

}

/* Mobile */

@media (max-width: 767px) {

    .wearpal-faq-page {
        padding: 35px 15px 50px;
    }

    .wearpal-faq-intro {
        margin-bottom: 30px;
    }

    .wearpal-faq-intro h1 {
        font-size: 29px;
    }

    .wearpal-faq-intro p {
        font-size: 14px;
        line-height: 1.7;
    }

    .wearpal-faq-item {
        margin-bottom: 12px;
        padding: 0 18px;
    }

    .wearpal-faq-question {
        padding: 18px 35px 18px 0;
        font-size: 15px;
    }

    .wearpal-faq-question:after {
        font-size: 22px;
    }

    .wearpal-faq-answer {
        padding-bottom: 18px;
    }

    .wearpal-faq-answer p {
        margin-top: 15px;
        font-size: 14px;
        line-height: 1.7;
    }

    .wearpal-faq-contact {
        margin-top: 40px;
        padding: 35px 20px;
    }

    .wearpal-faq-contact-content h2 {
        font-size: 24px;
    }

}
/* =========================================================
   WEARPAL APPAREL
========================================================= */

.wearpal-gsm-guide {
    --wearpal-gsm-black: #111111;
    --wearpal-gsm-dark: #181818;
    --wearpal-gsm-white: #ffffff;
    --wearpal-gsm-light: #f7f7f7;
    --wearpal-gsm-soft: #f1f1f1;
    --wearpal-gsm-border: #dedede;
    --wearpal-gsm-muted: #666666;
    --wearpal-gsm-accent: #c59a5b;

    width: 100%;
    color: var(--wearpal-gsm-black);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.7;
    overflow: hidden;
}

.wearpal-gsm-guide *,
.wearpal-gsm-guide *::before,
.wearpal-gsm-guide *::after {
    box-sizing: border-box;
}

.wearpal-gsm-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.wearpal-gsm-label {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--wearpal-gsm-accent);
}

.wearpal-gsm-guide h1,
.wearpal-gsm-guide h2,
.wearpal-gsm-guide h3 {
    margin-top: 0;
    color: inherit;
}

.wearpal-gsm-guide p {
    margin-top: 0;
    margin-bottom: 18px;
}


/* =========================================================
   INTRO
========================================================= */

.wearpal-gsm-intro {
    padding: 80px 0;
    background: var(--wearpal-gsm-white);
    text-align: center;
}

.wearpal-gsm-intro-content {
    max-width: 850px;
    margin: 0 auto;
}

.wearpal-gsm-intro h1 {
    margin-bottom: 22px;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
}

.wearpal-gsm-lead {
    font-size: 20px;
    line-height: 1.8;
    color: #444444;
}

.wearpal-gsm-intro p:last-child {
    margin-bottom: 0;
    color: var(--wearpal-gsm-muted);
}


/* =========================================================
   GENERAL SECTIONS
========================================================= */

.wearpal-gsm-section {
    padding: 80px 0;
}

.wearpal-gsm-light {
    background: var(--wearpal-gsm-white);
}

.wearpal-gsm-soft {
    background: var(--wearpal-gsm-soft);
}

.wearpal-gsm-dark {
    background: var(--wearpal-gsm-dark);
    color: var(--wearpal-gsm-white);
}

.wearpal-gsm-heading {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    margin-bottom: 45px;
}

.wearpal-gsm-heading-center {
    display: block;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.wearpal-gsm-heading-center .wearpal-gsm-label {
    margin-bottom: 10px;
}

.wearpal-gsm-heading h2 {
    margin-bottom: 12px;
    font-size: 34px;
    line-height: 1.25;
}

.wearpal-gsm-heading-center p {
    margin-bottom: 0;
    opacity: 0.75;
}

.wearpal-gsm-number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    height: 52px;
    border: 1px solid var(--wearpal-gsm-border);
    font-size: 13px;
    font-weight: 700;
}


/* =========================================================
   TWO COLUMN
========================================================= */

.wearpal-gsm-two-column {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    gap: 70px;
    align-items: center;
}

.wearpal-gsm-text {
    color: #555555;
}

.wearpal-gsm-definition-box {
    padding: 45px 35px;
    background: var(--wearpal-gsm-dark);
    color: var(--wearpal-gsm-white);
    text-align: center;
}

.wearpal-gsm-big-value {
    margin-bottom: 10px;
    font-size: 54px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 2px;
    color: var(--wearpal-gsm-accent);
}

.wearpal-gsm-definition-box h3 {
    margin-bottom: 12px;
    font-size: 20px;
}

.wearpal-gsm-definition-box p {
    margin-bottom: 0;
    color: #cccccc;
}


/* =========================================================
   GSM RANGE CARDS
========================================================= */

.wearpal-gsm-range-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 50px;
}

.wearpal-gsm-range-card {
    position: relative;
    padding: 32px 28px;
    background: #222222;
    border: 1px solid #333333;
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.wearpal-gsm-range-card:hover {
    transform: translateY(-5px);
    border-color: var(--wearpal-gsm-accent);
}

.wearpal-gsm-range-card.wearpal-gsm-featured {
    border-color: var(--wearpal-gsm-accent);
}

.wearpal-gsm-range-number {
    display: block;
    margin-bottom: 25px;
    font-size: 12px;
    color: #888888;
    font-weight: 700;
}

.wearpal-gsm-range-value {
    margin-bottom: 12px;
    font-size: 25px;
    font-weight: 700;
    color: var(--wearpal-gsm-accent);
}

.wearpal-gsm-range-card h3 {
    margin-bottom: 12px;
    font-size: 21px;
}

.wearpal-gsm-range-card p {
    color: #bbbbbb;
    font-size: 14px;
}

.wearpal-gsm-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 20px;
}

.wearpal-gsm-tags span {
    padding: 5px 9px;
    border: 1px solid #444444;
    color: #aaaaaa;
    font-size: 11px;
}


/* =========================================================
   TABLE
========================================================= */

.wearpal-gsm-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.wearpal-gsm-table {
    width: 100%;
    border-collapse: collapse;
    background: var(--wearpal-gsm-white);
    border: 1px solid var(--wearpal-gsm-border);
}

.wearpal-gsm-table th {
    padding: 17px 20px;
    background: var(--wearpal-gsm-dark);
    color: var(--wearpal-gsm-white);
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.wearpal-gsm-table td {
    padding: 17px 20px;
    border-bottom: 1px solid var(--wearpal-gsm-border);
    color: #555555;
    font-size: 14px;
}

.wearpal-gsm-table tbody tr:last-child td {
    border-bottom: 0;
}

.wearpal-gsm-table tbody tr:hover td {
    background: #fafafa;
}

.wearpal-gsm-table td:nth-child(2) {
    font-weight: 700;
    color: var(--wearpal-gsm-black);
}


/* =========================================================
   FACTORS
========================================================= */

.wearpal-gsm-factor-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 45px;
}

.wearpal-gsm-factor {
    padding: 32px 28px;
    background: var(--wearpal-gsm-white);
    border: 1px solid var(--wearpal-gsm-border);
}

.wearpal-gsm-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 22px;
    background: var(--wearpal-gsm-dark);
    color: var(--wearpal-gsm-accent);
    font-size: 12px;
    font-weight: 700;
}

.wearpal-gsm-factor h3 {
    margin-bottom: 10px;
    font-size: 20px;
}

.wearpal-gsm-factor p {
    margin-bottom: 0;
    color: var(--wearpal-gsm-muted);
    font-size: 14px;
}


/* =========================================================
   COMPARISON
========================================================= */

.wearpal-gsm-comparison {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 70px;
    align-items: center;
}

.wearpal-gsm-comparison-content h2 {
    margin-bottom: 22px;
    font-size: 34px;
    line-height: 1.3;
}

.wearpal-gsm-comparison-content p {
    color: #555555;
}

.wearpal-gsm-note {
    margin-top: 25px;
    padding: 20px 22px;
    border-left: 3px solid var(--wearpal-gsm-accent);
    background: #f5f5f5;
    color: #444444;
    font-size: 14px;
}

.wearpal-gsm-scale {
    padding: 35px;
    background: var(--wearpal-gsm-dark);
    color: var(--wearpal-gsm-white);
}

.wearpal-gsm-scale-title {
    margin-bottom: 30px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--wearpal-gsm-accent);
}

.wearpal-gsm-scale-row {
    display: grid;
    grid-template-columns: 85px 1fr;
    gap: 15px;
    align-items: center;
    margin-bottom: 20px;
}

.wearpal-gsm-scale-row:last-child {
    margin-bottom: 0;
}

.wearpal-gsm-scale-row span {
    font-size: 12px;
    color: #cccccc;
}

.wearpal-gsm-scale-bar {
    height: 8px;
    background: #3a3a3a;
}

.wearpal-gsm-scale-bar i {
    display: block;
    height: 100%;
    background: var(--wearpal-gsm-accent);
}


/* =========================================================
   CTA
========================================================= */

.wearpal-gsm-cta {
    padding: 90px 0;
    background: var(--wearpal-gsm-dark);
    color: var(--wearpal-gsm-white);
    text-align: center;
        border-radius: 10px;
    margin: 20px 0px 30px 0px;
}

.wearpal-gsm-cta-content {
    max-width: 760px;
    margin: 0 auto;
}

.wearpal-gsm-cta h2 {
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 1.25;
}

.wearpal-gsm-cta p {
    margin-bottom: 30px;
    color: #cccccc;
}

.wearpal-gsm-button {
    display: inline-block;
    padding: 14px 30px;
    background: var(--wearpal-gsm-accent);
    color: var(--wearpal-gsm-white) !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.25s ease;
}

.wearpal-gsm-button:hover {
    background: var(--wearpal-gsm-white);
    color: var(--wearpal-gsm-black) !important;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .wearpal-gsm-intro {
        padding: 60px 0;
    }

    .wearpal-gsm-intro h1 {
        font-size: 40px;
    }

    .wearpal-gsm-section {
        padding: 60px 0;
    }

    .wearpal-gsm-two-column,
    .wearpal-gsm-comparison {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .wearpal-gsm-range-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-gsm-factor-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 767px) {

    .wearpal-gsm-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wearpal-gsm-intro {
        padding: 45px 0;
    }

    .wearpal-gsm-intro h1 {
        font-size: 34px;
    }

    .wearpal-gsm-lead {
        font-size: 17px;
    }

    .wearpal-gsm-section {
        padding: 45px 0;
    }

    .wearpal-gsm-heading {
        gap: 14px;
        margin-bottom: 30px;
    }

    .wearpal-gsm-heading h2,
    .wearpal-gsm-comparison-content h2 {
        font-size: 28px;
    }

    .wearpal-gsm-number {
        min-width: 42px;
        height: 42px;
        font-size: 11px;
    }

    .wearpal-gsm-range-grid,
    .wearpal-gsm-factor-grid {
        grid-template-columns: 1fr;
    }

    .wearpal-gsm-range-grid {
        margin-top: 30px;
    }

    .wearpal-gsm-table {
        min-width: 650px;
    }

    .wearpal-gsm-definition-box {
        padding: 35px 25px;
    }

    .wearpal-gsm-big-value {
        font-size: 45px;
    }

    .wearpal-gsm-scale {
        padding: 28px 22px;
    }

    .wearpal-gsm-cta {
        padding: 60px 0;
    }

    .wearpal-gsm-cta h2 {
        font-size: 30px;
    }

}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wearpal-sample-page {
    --sample-dark: #111111;
    --sample-text: #333333;
    --sample-muted: #707070;
    --sample-light: #f6f6f6;
    --sample-border: #e7e7e7;
    --sample-white: #ffffff;
    --sample-accent: #c49a6c;
    font-family: inherit;
    color: var(--sample-text);
    line-height: 1.7;
    background: #fff;
}

.wearpal-sample-page *,
.wearpal-sample-page *::before,
.wearpal-sample-page *::after {
    box-sizing: border-box;
}

.wearpal-sample-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* =========================================================
   INTRO
   ========================================================= */

.wearpal-sample-intro {
    padding: 75px 0;
    background: #fff;
}

.wearpal-sample-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 65px;
}

.wearpal-sample-intro-content {
    max-width: 570px;
}

.wearpal-sample-label {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--sample-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.4;
}

.wearpal-sample-intro h1 {
    margin: 0 0 22px;
    color: var(--sample-dark);
    font-size: 46px;
    font-weight: 700;
    line-height: 1.15;
}

.wearpal-sample-intro p {
    margin: 0 0 17px;
    color: var(--sample-muted);
    font-size: 16px;
}

.wearpal-sample-intro-image {
    overflow: hidden;
    border-radius: 4px;
}

.wearpal-sample-intro-image img {
    display: block;
    width: 100%;
    height: 480px;
    object-fit: cover;
}


/* =========================================================
   BUTTON
   ========================================================= */

.wearpal-sample-btn {
    display: inline-block;
    margin-top: 18px;
    padding: 14px 28px;
    border: 1px solid var(--sample-dark);
    border-radius: 0;
    background: var(--sample-dark);
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.wearpal-sample-btn:hover {
    background: transparent;
    color: var(--sample-dark) !important;
}


/* =========================================================
   SECTION HEADINGS
   ========================================================= */

.wearpal-sample-heading {
    max-width: 750px;
    margin: 0 auto 50px;
    text-align: center;
}

.wearpal-sample-heading h2 {
    margin: 0 0 15px;
    color: var(--sample-dark);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}

.wearpal-sample-heading p {
    margin: 0;
    color: var(--sample-muted);
    font-size: 16px;
}


/* =========================================================
   SERVICES
   ========================================================= */

.wearpal-sample-services {
    padding: 85px 0;
    background: var(--sample-light);
}

.wearpal-sample-service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.wearpal-sample-service-card {
    padding: 35px 28px;
    background: #fff;
    border: 1px solid var(--sample-border);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wearpal-sample-service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.wearpal-sample-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--sample-dark);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.wearpal-sample-service-card h3 {
    margin: 0 0 12px;
    color: var(--sample-dark);
    font-size: 20px;
    line-height: 1.3;
}

.wearpal-sample-service-card p {
    margin: 0;
    color: var(--sample-muted);
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   PROCESS
   ========================================================= */

.wearpal-sample-process {
    padding: 90px 0;
    background: #fff;
}

.wearpal-sample-process-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.wearpal-sample-process-item {
    position: relative;
    padding: 30px 22px;
    border-top: 2px solid var(--sample-dark);
    background: #fafafa;
}

.wearpal-sample-process-item > span {
    display: block;
    margin-bottom: 18px;
    color: var(--sample-accent);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.wearpal-sample-process-item h3 {
    margin: 0 0 12px;
    color: var(--sample-dark);
    font-size: 18px;
    line-height: 1.3;
}

.wearpal-sample-process-item p {
    margin: 0;
    color: var(--sample-muted);
    font-size: 14px;
    line-height: 1.7;
}


/* =========================================================
   BENEFITS
   ========================================================= */

.wearpal-sample-benefits {
    padding: 90px 0;
    background: var(--sample-light);
}

.wearpal-sample-benefits-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 70px;
}

.wearpal-sample-benefits-image {
    overflow: hidden;
}

.wearpal-sample-benefits-image img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.wearpal-sample-benefits-content h2 {
    margin: 0 0 20px;
    color: var(--sample-dark);
    font-size: 36px;
    line-height: 1.2;
}

.wearpal-sample-benefits-content > p {
    margin: 0 0 25px;
    color: var(--sample-muted);
    font-size: 16px;
}

.wearpal-sample-benefits-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wearpal-sample-benefits-content li {
    position: relative;
    margin-bottom: 13px;
    padding-left: 28px;
    color: var(--sample-text);
    font-size: 15px;
}

.wearpal-sample-benefits-content li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--sample-accent);
    font-weight: 700;
}


/* =========================================================
   PRODUCT CATEGORIES
   ========================================================= */

.wearpal-sample-products {
    padding: 90px 0;
    background: #fff;
}

.wearpal-sample-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.wearpal-sample-product-card {
    padding: 32px 25px;
    border: 1px solid var(--sample-border);
    background: #fff;
}

.wearpal-sample-product-card h3 {
    margin: 0 0 12px;
    color: var(--sample-dark);
    font-size: 19px;
    line-height: 1.3;
}

.wearpal-sample-product-card p {
    margin: 0;
    color: var(--sample-muted);
    font-size: 14px;
}


/* =========================================================
   CTA
   ========================================================= */

.wearpal-sample-cta {
    padding: 70px 0;
    background: var(--sample-dark);
        border-radius: 10px;
    margin: 20px 0px 30px 0px;
}

.wearpal-sample-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.wearpal-sample-cta .wearpal-sample-label {
    color: var(--sample-accent);
}

.wearpal-sample-cta h2 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 36px;
    line-height: 1.2;
}

.wearpal-sample-cta p {
    max-width: 700px;
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 15px;
}

.wearpal-sample-btn-light {
    flex-shrink: 0;
    border-color: #fff;
    background: #fff;
    color: var(--sample-dark) !important;
}

.wearpal-sample-btn-light:hover {
    background: transparent;
    color: #fff !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .wearpal-sample-intro-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .wearpal-sample-intro-content {
        max-width: 100%;
    }

    .wearpal-sample-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-sample-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-sample-benefits-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .wearpal-sample-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-sample-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wearpal-sample-intro,
    .wearpal-sample-services,
    .wearpal-sample-process,
    .wearpal-sample-benefits,
    .wearpal-sample-products {
        padding: 55px 0;
    }

    .wearpal-sample-intro h1 {
        font-size: 34px;
    }

    .wearpal-sample-heading h2,
    .wearpal-sample-benefits-content h2,
    .wearpal-sample-cta h2 {
        font-size: 28px;
    }

    .wearpal-sample-intro-image img {
        height: 300px;
    }

    .wearpal-sample-service-grid,
    .wearpal-sample-process-grid,
    .wearpal-sample-product-grid {
        grid-template-columns: 1fr;
    }

    .wearpal-sample-benefits-image img {
        height: 320px;
    }

    .wearpal-sample-cta {
        padding: 55px 0;
    }

    .wearpal-sample-cta-inner {
        gap: 25px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .wearpal-sample-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wearpal-sample-intro h1 {
        font-size: 30px;
    }

    .wearpal-sample-service-card,
    .wearpal-sample-product-card {
        padding: 25px 20px;
    }

    .wearpal-sample-btn {
        width: 100%;
        text-align: center;
    }

}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wearpal-packaging-page {
    width: 100%;
    overflow: hidden;
    color: #222;
    background: #fff;
    font-family: inherit;
}

.wearpal-packaging-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}

/* INTRO */

.wearpal-packaging-intro {
    padding: 70px 0 55px;
    background: #f7f7f7;
    text-align: center;
}

.wearpal-packaging-heading {
    max-width: 900px;
    margin: 0 auto;
}

.wearpal-packaging-tag {
    display: inline-block;
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #777;
}

.wearpal-packaging-heading h1 {
    margin: 0 0 20px;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 700;
    color: #171717;
}

.wearpal-packaging-heading p {
    max-width: 800px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
    color: #666;
}


/* MAIN CONTENT */

.wearpal-packaging-main {
    padding: 90px 0;
    background: #fff;
}

.wearpal-packaging-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.wearpal-packaging-image img,
.wearpal-packaging-process-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.wearpal-packaging-image img {
    min-height: 480px;
    object-fit: cover;
}

.wearpal-packaging-content {
    padding: 10px 0;
}

.wearpal-packaging-subtitle {
    display: block;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #777;
}

.wearpal-packaging-content h2,
.wearpal-packaging-process-content h2,
.wearpal-packaging-section-title h2 {
    margin: 0 0 20px;
    font-size: 34px;
    line-height: 1.25;
    color: #171717;
}

.wearpal-packaging-content > p {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
}


/* FEATURES */

.wearpal-packaging-features {
    margin-top: 30px;
}

.wearpal-packaging-feature {
    display: flex;
    gap: 18px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e8e8e8;
}

.wearpal-packaging-feature:last-child {
    margin-bottom: 0;
}

.wearpal-packaging-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    background: #171717;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.wearpal-packaging-feature h3 {
    margin: 0 0 6px;
    font-size: 17px;
    color: #222;
}

.wearpal-packaging-feature p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #777;
}


/* SERVICES */

.wearpal-packaging-services {
    padding: 90px 0;
    background: #f7f7f7;
}

.wearpal-packaging-section-title {
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center;
}

.wearpal-packaging-section-title p {
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
}

.wearpal-packaging-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.wearpal-packaging-card {
    position: relative;
    padding: 35px 30px;
    background: #fff;
    border: 1px solid #e7e7e7;
    transition: all 0.3s ease;
}

.wearpal-packaging-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

.wearpal-packaging-card-number {
    margin-bottom: 22px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #999;
}

.wearpal-packaging-card h3 {
    margin: 0 0 12px;
    font-size: 20px;
    color: #222;
}

.wearpal-packaging-card p {
    margin: 0;
    font-size: 14px;
    line-height: 1.75;
    color: #777;
}


/* PROCESS */

.wearpal-packaging-process {
    padding: 90px 0;
    background: #fff;
}

.wearpal-packaging-process-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 70px;
    align-items: center;
}

.wearpal-packaging-process-content > p {
    margin: 0 0 35px;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
}

.wearpal-packaging-process-image img {
    min-height: 500px;
    object-fit: cover;
}

.wearpal-packaging-steps {
    border-top: 1px solid #e5e5e5;
}

.wearpal-packaging-step {
    display: flex;
    gap: 20px;
    padding: 22px 0;
    border-bottom: 1px solid #e5e5e5;
}

.wearpal-packaging-step > strong {
    min-width: 30px;
    font-size: 14px;
    color: #999;
}

.wearpal-packaging-step h3 {
    margin: 0 0 6px;
    font-size: 17px;
    color: #222;
}

.wearpal-packaging-step p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #777;
}


/* BENEFITS */

.wearpal-packaging-benefits {
    padding: 90px 0;
    background: #f7f7f7;
}

.wearpal-packaging-benefit-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.wearpal-packaging-benefit {
    padding: 30px 25px;
    background: #fff;
    border: 1px solid #e7e7e7;
}

.wearpal-packaging-benefit h3 {
    margin: 0 0 12px;
    font-size: 18px;
    color: #222;
}

.wearpal-packaging-benefit p {
    margin: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #777;
}


/* CTA */

.wearpal-packaging-cta {
    padding: 75px 0;
    background: #171717;
        border-radius: 10px;
    margin: 20px 0px 30px 0px;

}

.wearpal-packaging-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.wearpal-packaging-cta .wearpal-packaging-tag {
    color: #aaa;
}

.wearpal-packaging-cta h2 {
    margin: 0 0 14px;
    font-size: 32px;
    line-height: 1.25;
    color: #fff;
}

.wearpal-packaging-cta p {
    max-width: 700px;
    margin: 0;
    font-size: 15px;
    line-height: 1.8;
    color: #bbb;
}

.wearpal-packaging-cta-button a {
    display: inline-block;
    padding: 15px 28px;
    background: #fff;
    color: #171717;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.wearpal-packaging-cta-button a:hover {
    background: #ddd;
    color: #171717;
}


/* RESPONSIVE */

@media (max-width: 991px) {

    .wearpal-packaging-heading h1 {
        font-size: 36px;
    }

    .wearpal-packaging-grid,
    .wearpal-packaging-process-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .wearpal-packaging-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-packaging-benefit-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-packaging-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

}

@media (max-width: 767px) {

    .wearpal-packaging-intro,
    .wearpal-packaging-main,
    .wearpal-packaging-services,
    .wearpal-packaging-process,
    .wearpal-packaging-benefits {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .wearpal-packaging-heading h1 {
        font-size: 30px;
    }

    .wearpal-packaging-content h2,
    .wearpal-packaging-process-content h2,
    .wearpal-packaging-section-title h2 {
        font-size: 28px;
    }

    .wearpal-packaging-image img,
    .wearpal-packaging-process-image img {
        min-height: 300px;
    }

    .wearpal-packaging-cards,
    .wearpal-packaging-benefit-grid {
        grid-template-columns: 1fr;
    }

    .wearpal-packaging-card {
        padding: 28px 24px;
    }

    .wearpal-packaging-cta h2 {
        font-size: 27px;
    }

}

@media (max-width: 480px) {

    .wearpal-packaging-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wearpal-packaging-heading h1 {
        font-size: 27px;
    }

    .wearpal-packaging-feature {
        gap: 12px;
    }

    .wearpal-packaging-icon {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }

}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wearpal-embroidery-page {
    width: 100%;
    margin: 0;
    padding: 0;
 
    color: #222;
    line-height: 1.7;
    background: #fff;
    box-sizing: border-box;
}

.wearpal-embroidery-page *,
.wearpal-embroidery-page *:before,
.wearpal-embroidery-page *:after {
    box-sizing: border-box;
}

.wearpal-embroidery-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* INTRO */

.wearpal-embroidery-intro {
    padding: 75px 0 70px;
    background: #f7f7f7;
    text-align: center;
}

.wearpal-embroidery-intro-content {
    max-width: 900px;
    margin: 0 auto;
}

.wearpal-embroidery-label,
.wearpal-embroidery-heading > span {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.wearpal-embroidery-intro h1 {
    margin: 0 0 22px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
}

.wearpal-embroidery-intro p {
    max-width: 850px;
    margin: 0 auto 15px;
    font-size: 16px;
    color: #666;
}


/* GENERAL HEADING */

.wearpal-embroidery-heading {
    max-width: 800px;
    margin: 0 auto 45px;
    text-align: center;
}

.wearpal-embroidery-heading h2 {
    margin: 0 0 15px;
    font-size: 34px;
    line-height: 1.25;
    color: #111;
}

.wearpal-embroidery-heading p {
    margin: 0;
    color: #666;
    font-size: 16px;
}


/* SERVICES */

.wearpal-embroidery-services {
    padding: 80px 0;
    background: #fff;
}

.wearpal-embroidery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.wearpal-embroidery-card {
    padding: 35px 30px;
    border: 1px solid #e8e8e8;
    background: #fff;
    transition: all 0.3s ease;
}

.wearpal-embroidery-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

.wearpal-embroidery-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.wearpal-embroidery-card h3 {
    margin: 0 0 12px;
    font-size: 20px;
    color: #111;
}

.wearpal-embroidery-card p {
    margin: 0;
    color: #666;
    font-size: 15px;
}


/* PROCESS */

.wearpal-embroidery-process {
    padding: 80px 0;
    background: #f7f7f7;
}

.wearpal-embroidery-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.wearpal-embroidery-step {
    position: relative;
    padding: 30px;
    background: #fff;
    border: 1px solid #e7e7e7;
}

.wearpal-embroidery-step-number {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    color: #111;
}

.wearpal-embroidery-step h3 {
    margin: 0 0 12px;
    font-size: 19px;
    color: #111;
}

.wearpal-embroidery-step p {
    margin: 0;
    font-size: 15px;
    color: #666;
}


/* BENEFITS */

.wearpal-embroidery-benefits {
    padding: 85px 0;
    background: #fff;
}

.wearpal-embroidery-benefit-layout {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    gap: 70px;
    align-items: center;
}

.wearpal-embroidery-benefit-content h2 {
    margin: 0 0 20px;
    font-size: 34px;
    line-height: 1.3;
    color: #111;
}

.wearpal-embroidery-benefit-content > p {
    margin: 0 0 25px;
    font-size: 16px;
    color: #666;
}

.wearpal-embroidery-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wearpal-embroidery-list li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 28px;
    font-size: 15px;
    color: #444;
}

.wearpal-embroidery-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    color: #111;
}

.wearpal-embroidery-highlight {
    display: grid;
    gap: 15px;
}

.wearpal-embroidery-highlight-box {
    padding: 28px 30px;
    background: #111;
    color: #fff;
}

.wearpal-embroidery-highlight-box strong {
    display: block;
    margin-bottom: 3px;
    font-size: 22px;
}

.wearpal-embroidery-highlight-box span {
    font-size: 14px;
    opacity: 0.8;
}


/* APPLICATIONS */

.wearpal-embroidery-applications {
    padding: 80px 0;
    background: #f7f7f7;
}

.wearpal-embroidery-application-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.wearpal-embroidery-application-item {
    padding: 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.wearpal-embroidery-application-item h3 {
    margin: 0 0 10px;
    font-size: 19px;
    color: #111;
}

.wearpal-embroidery-application-item p {
    margin: 0;
    font-size: 15px;
    color: #666;
}


/* CTA */

.wearpal-embroidery-cta {
    padding: 80px 0;
    background: #111;
    text-align: center;
        border-radius: 10px;
    margin: 20px 0px 30px 0px;
}

.wearpal-embroidery-cta-content {
    max-width: 820px;
    margin: 0 auto;
}

.wearpal-embroidery-cta-content > span {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #fff;
}

.wearpal-embroidery-cta h2 {
    margin: 0 0 18px;
    font-size: 36px;
    line-height: 1.25;
    color: #fff;
}

.wearpal-embroidery-cta p {
    margin: 0 auto 30px;
    max-width: 750px;
    font-size: 16px;
    color: #ccc;
}

.wearpal-embroidery-button {
    display: inline-block;
    padding: 14px 30px;
    background: #fff;
    color: #111 !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease;
}

.wearpal-embroidery-button:hover {
    background: #e9e9e9;
    color: #111 !important;
}


/* RESPONSIVE */

@media (max-width: 991px) {

    .wearpal-embroidery-intro h1 {
        font-size: 36px;
    }

    .wearpal-embroidery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-embroidery-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-embroidery-benefit-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .wearpal-embroidery-application-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 767px) {

    .wearpal-embroidery-intro {
        padding: 55px 0;
    }

    .wearpal-embroidery-intro h1 {
        font-size: 30px;
    }

    .wearpal-embroidery-heading h2,
    .wearpal-embroidery-benefit-content h2 {
        font-size: 28px;
    }

    .wearpal-embroidery-services,
    .wearpal-embroidery-process,
    .wearpal-embroidery-benefits,
    .wearpal-embroidery-applications,
    .wearpal-embroidery-cta {
        padding: 60px 0;
    }

    .wearpal-embroidery-grid,
    .wearpal-embroidery-steps,
    .wearpal-embroidery-application-grid {
        grid-template-columns: 1fr;
    }

    .wearpal-embroidery-card,
    .wearpal-embroidery-step,
    .wearpal-embroidery-application-item {
        padding: 25px;
    }

    .wearpal-embroidery-cta h2 {
        font-size: 29px;
    }

}
/* =========================================================
   WEARPAL APPAREL  
   ========================================================= */

.wpa-about-page {
    width: 100%;
    color: #333;
    line-height: 1.75;
    background: #fff;
    box-sizing: border-box;
}

.wpa-about-page *,
.wpa-about-page *:before,
.wpa-about-page *:after {
    box-sizing: border-box;
}

.wpa-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.wpa-section-heading {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 50px;
}

.wpa-section-heading h2,
.wpa-content-box h2,
.wpa-oem-content h2,
.wpa-support-content h2,
.wpa-cta-content h2 {
    margin: 0 0 20px;
    color: #151515;
    font-size: 34px;
    line-height: 1.25;
    font-weight: 700;
}

.wpa-eyebrow {
    display: block;
    margin-bottom: 12px;
    color: #d71920;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.wpa-heading-line {
    width: 55px;
    height: 3px;
    margin: 20px auto;
    background: #d71920;
}

.wpa-section-heading p {
    margin: 20px auto 0;
    color: #666;
    font-size: 16px;
}

.wpa-about-page p {
    font-size: 15px;
    margin: 0 0 18px;
}

.wpa-about-page h3 {
    margin-top: 0;
}


/* =========================================================
   INTRO
   ========================================================= */

.wpa-about-intro {
    padding: 80px 0 70px;
    background: #fff;
}

.wpa-intro-text {
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
}

.wpa-intro-text p {
    color: #555;
    font-size: 17px;
}


/* =========================================================
   GENERAL CONTENT
   ========================================================= */

.wpa-content-section {
    padding: 85px 0;
}

.wpa-quality-section {
    background: #f7f7f7;
}

.wpa-two-column {
    display: grid;
    grid-template-columns: 1.4fr 0.8fr;
    gap: 70px;
    align-items: center;
}

.wpa-content-box h2 {
    font-size: 34px;
}

.wpa-content-box p {
    color: #555;
}

.wpa-check-list {
    margin: 25px 0;
    padding: 0;
    list-style: none;
}

.wpa-check-list li {
    position: relative;
    padding: 7px 0 7px 30px;
    color: #444;
    font-size: 15px;
}

.wpa-check-list li:before {
    content: "\f00c";
    position: absolute;
    top: 7px;
    left: 0;
    color: #d71920;
    font-family: FontAwesome;
    font-size: 14px;
}


/* =========================================================
   FEATURE CARD
   ========================================================= */

.wpa-feature-card {
    padding: 45px 35px;
    text-align: center;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.07);
}

.wpa-feature-icon {
    width: 75px;
    height: 75px;
    margin: 0 auto 22px;
    border-radius: 50%;
    background: #d71920;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}
.wpa-feature-icon .fa {
     font-size: 32px;
}
.wpa-feature-card h3 {
    margin-bottom: 12px;
    color: #222;
    font-size: 22px;
}

.wpa-feature-card p {
    color: #666;
}


/* =========================================================
   CUSTOMIZATION
   ========================================================= */

.wpa-customization-section {
    background: #fff;
}

.wpa-service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.wpa-service-item {
    padding: 30px 22px;
    min-height: 190px;
    text-align: center;
    background: #fff;
    border: 1px solid #e9e9e9;
    transition: all 0.3s ease;
}

.wpa-service-item:hover {
    transform: translateY(-6px);
    border-color: #d71920;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.wpa-service-item i {
    display: block;
    margin-bottom: 18px;
    color: #d71920;
    font-size: 30px;
}

.wpa-service-item h3 {
    margin-bottom: 10px;
    color: #222;
    font-size: 18px;
}

.wpa-service-item p {
    margin: 0;
    color: #777;
    font-size: 14px;
}

.wpa-customization-note {
    max-width: 800px;
    margin: 35px auto 0;
    padding: 20px 25px;
    text-align: center;
    background: #f7f7f7;
    border-left: 4px solid #d71920;
}


/* =========================================================
   DARK SECTION
   ========================================================= */

.wpa-dark-section {
    padding: 85px 0;
    background: #171717;
    color: #fff;
}

.wpa-dark-section .wpa-eyebrow {
    color: #e32a31;
}

.wpa-dark-section h2 {
    color: #fff;
}

.wpa-dark-section p {
    color: #ccc;
}

.wpa-oem-layout {
    grid-template-columns: 1.4fr 0.8fr;
}

.wpa-oem-content h2 {
    color: #fff;
}

.wpa-oem-highlight {
    padding: 40px 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
    border: 1px solid #444;
    background: #202020;
}

.wpa-oem-highlight i {
    margin-bottom: 15px;
    color: #e32a31;
    font-size: 45px;
}

.wpa-oem-highlight span {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #383838;
    color: #fff;
    font-size: 15px;
}


/* =========================================================
   PRODUCTS
   ========================================================= */

.wpa-products-section {
    background: #f7f7f7;
}

.wpa-product-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}

.wpa-product-card {
    min-height: 145px;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border: 1px solid #e7e7e7;
    transition: all 0.3s ease;
}

.wpa-product-card:hover {
    transform: translateY(-5px);
    border-color: #d71920;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
}

.wpa-product-card i {
    margin-bottom: 14px;
    color: #d71920;
    font-size: 28px;
}

.wpa-product-card span {
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.wpa-products-footer {
    max-width: 850px;
    margin: 40px auto 0;
    text-align: center;
    color: #666;
    font-size: 16px;
}


/* =========================================================
   THREE COLUMN
   ========================================================= */

.wpa-three-column {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.wpa-info-card {
    padding: 40px 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #e5e5e5;
    transition: all 0.3s ease;
}

.wpa-info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
}

.wpa-info-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f2f2f2;
    color: #d71920;
    font-size: 27px;
}
.wpa-info-icon .fa {
    font-size: 32px;
}
.wpa-info-card h3 {
    margin-bottom: 15px;
    color: #222;
    font-size: 20px;
}

.wpa-info-card p {
    color: #666;
    font-size: 14px;
}

.wpa-experience-section {
    background: #fff;
}


/* =========================================================
   FACILITIES
   ========================================================= */

.wpa-facility-section {
    background: #171717;
}

.wpa-light-heading h2 {
    color: #fff;
}

.wpa-light-heading p {
    color: #bbb;
}

.wpa-capability-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.wpa-capability-item {
    min-height: 130px;
    padding: 25px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #383838;
    background: #202020;
    transition: all 0.3s ease;
}

.wpa-capability-item:hover {
    border-color: #d71920;
    background: #252525;
}

.wpa-capability-item i {
    margin-bottom: 13px;
    color: #e32a31;
    font-size: 27px;
}

.wpa-capability-item span {
    color: #eee;
    font-size: 14px;
}


/* =========================================================
   TRUST / DELIVERY
   ========================================================= */

.wpa-trust-section {
    background: #f7f7f7;
}

.wpa-trust-card {
    padding: 40px 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #e5e5e5;
}

.wpa-trust-card > i {
    margin-bottom: 20px;
    color: #d71920;
    font-size: 35px;
}

.wpa-trust-card h3 {
    margin-bottom: 15px;
    color: #222;
    font-size: 20px;
}

.wpa-trust-card p {
    margin: 0;
    color: #666;
    font-size: 14px;
}


/* =========================================================
   SUPPORT
   ========================================================= */

.wpa-support-section {
    padding: 70px 0;
    background: #fff;
}

.wpa-support-box {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 35px;
    align-items: center;
    padding: 45px;
    background: #f7f7f7;
    border-left: 5px solid #d71920;
}

.wpa-support-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d71920;
    color: #fff;
    font-size: 32px;
}
.wpa-support-icon .fa {
    font-size: 32px;
}
.wpa-support-content h2 {
    margin-bottom: 12px;
}

.wpa-support-content p {
    margin: 0;
    color: #666;
}


/* =========================================================
   TRUST LIST
   ========================================================= */

.wpa-trust-list-section {
    background: #f7f7f7;
}

.wpa-trust-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.wpa-trust-list-item {
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 15px 18px;
    background: #fff;
    border: 1px solid #e7e7e7;
}

.wpa-trust-list-item i {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-right: 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d71920;
    color: #fff;
    font-size: 12px;
}

.wpa-trust-list-item span {
    color: #444;
    font-size: 14px;
    font-weight: 600;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.wpa-final-cta {
    padding: 90px 0;
    background: #d71920;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    margin: 10px 0px 30px 0px;
}

.wpa-cta-content {
    max-width: 850px;
    margin: 0 auto;
}

.wpa-final-cta .wpa-eyebrow {
    color: #fff;
}

.wpa-cta-content h2 {
    color: #fff;
    font-size: 38px;
}

.wpa-cta-content p {
    color: #fff;
    opacity: 0.95;
}

.wpa-cta-button {
    display: inline-block;
    margin-top: 20px;
    padding: 15px 30px;
    background: #fff;
    color: #222;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.3s ease;
    border-radius: 5px;
}

.wpa-cta-button i {
    margin-right: 8px;
}

.wpa-cta-button:hover {
    background: #222;
    color: #fff;
}


/* =========================================================
   RESPONSIVE - TABLET
   ========================================================= */

@media (max-width: 991px) {

    .wpa-about-intro,
    .wpa-content-section,
    .wpa-dark-section {
        padding: 65px 0;
    }

    .wpa-section-heading h2,
    .wpa-content-box h2,
    .wpa-oem-content h2 {
        font-size: 30px;
    }

    .wpa-two-column {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .wpa-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wpa-product-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wpa-three-column {
        grid-template-columns: 1fr;
    }

    .wpa-capability-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wpa-trust-list {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* =========================================================
   RESPONSIVE - MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wpa-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wpa-about-intro,
    .wpa-content-section,
    .wpa-dark-section {
        padding: 50px 0;
    }

    .wpa-section-heading {
        margin-bottom: 35px;
    }

    .wpa-section-heading h2,
    .wpa-content-box h2,
    .wpa-oem-content h2,
    .wpa-support-content h2 {
        font-size: 27px;
    }

    .wpa-intro-text p {
        font-size: 15px;
    }

    .wpa-service-grid,
    .wpa-product-grid,
    .wpa-capability-grid,
    .wpa-trust-list {
        grid-template-columns: 1fr;
    }

    .wpa-feature-card {
        padding: 35px 25px;
    }

    .wpa-info-card,
    .wpa-trust-card {
        padding: 30px 22px;
    }

    .wpa-support-box {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 30px 22px;
        text-align: center;
    }

    .wpa-support-icon {
        margin: 0 auto;
    }

    .wpa-cta-content h2 {
        font-size: 29px;
    }

    .wpa-final-cta {
        padding: 65px 0;
    }

    .wpa-cta-button {
        width: 100%;
        max-width: 340px;
    }
}
/* =========================================================
   WEARPAL APPAREL 
   ========================================================= */

.wearpal-printing-page {
    width: 100%;
    overflow: hidden;
    color: #222;
    background: #fff;
    font-family: inherit;
}

.wearpal-printing-page *,
.wearpal-printing-page *::before,
.wearpal-printing-page *::after {
    box-sizing: border-box;
}

.wearpal-printing-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* =========================
   HERO
   ========================= */

.wearpal-printing-hero {
    position: relative;
    width: 100%;
    height: 320px;
    overflow: hidden;
}

.wearpal-printing-hero-img {
    display: block;
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center;
}

.wearpal-printing-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.72) 0%,
        rgba(0, 0, 0, 0.45) 48%,
        rgba(0, 0, 0, 0.12) 100%
    );
}

.wearpal-printing-hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
    color: #fff;
    transform: translate(-50%, -50%);
}

.wearpal-printing-eyebrow {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.wearpal-printing-hero-content h1 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 48px;
    font-weight: 800;
    line-height: 1.1;
}

.wearpal-printing-hero-content p {
    max-width: 650px;
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
}


/* =========================
   INTRO
   ========================= */

.wearpal-printing-intro {
    padding: 85px 0;
    background: #fff;
}

.wearpal-printing-intro-grid {
    display: grid;
    grid-template-columns: 1.5fr 0.8fr;
    gap: 70px;
    align-items: center;
}

.wearpal-printing-label {
    display: inline-block;
    margin-bottom: 12px;
    color: #777;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.wearpal-printing-intro-text h2,
.wearpal-printing-heading h2,
.wearpal-printing-benefits-content h2 {
    margin: 0 0 20px;
    color: #171717;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2;
}

.wearpal-printing-intro-text p {
    margin: 0 0 18px;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.wearpal-printing-intro-card {
    padding: 40px;
    background: #f5f5f5;
    border-left: 4px solid #111;
}

.wearpal-printing-card-icon {
    display: flex;
    width: 55px;
    height: 55px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: #fff;
    background: #111;
    font-size: 24px;
}

.wearpal-printing-intro-card h3 {
    margin: 0 0 12px;
    color: #171717;
    font-size: 24px;
    font-weight: 800;
}

.wearpal-printing-intro-card p {
    margin: 0 0 20px;
    color: #666;
    font-size: 15px;
    line-height: 1.7;
}

.wearpal-printing-intro-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wearpal-printing-intro-card li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px;
    color: #333;
    font-size: 14px;
}

.wearpal-printing-intro-card li::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #111;
    content: "";
}


/* =========================
   TECHNIQUES
   ========================= */

.wearpal-printing-techniques {
    padding: 85px 0;
    background: #f7f7f7;
}

.wearpal-printing-heading {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.wearpal-printing-heading p {
    margin: 0;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.wearpal-printing-method-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.wearpal-printing-method {
    position: relative;
    min-height: 330px;
    padding: 35px;
    background: #fff;
    border: 1px solid #e9e9e9;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wearpal-printing-method:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.wearpal-printing-method-number {
    margin-bottom: 22px;
    color: #aaa;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
}

.wearpal-printing-method h3 {
    margin: 0 0 15px;
    color: #171717;
    font-size: 22px;
    font-weight: 800;
}

.wearpal-printing-method p {
    margin: 0 0 20px;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}

.wearpal-printing-method ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wearpal-printing-method li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 17px;
    color: #444;
    font-size: 13px;
}

.wearpal-printing-method li::before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #111;
    border-radius: 50%;
    content: "";
}


/* =========================
   APPLICATIONS
   ========================= */

.wearpal-printing-applications {
    padding: 85px 0;
    background: #fff;
}

.wearpal-printing-application-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.wearpal-printing-application {
    min-height: 190px;
    padding: 30px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.wearpal-printing-application span {
    display: block;
    margin-bottom: 18px;
    color: #aaa;
    font-size: 13px;
    font-weight: 800;
}

.wearpal-printing-application h3 {
    margin: 0 0 10px;
    color: #171717;
    font-size: 21px;
    font-weight: 800;
}

.wearpal-printing-application p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================
   PROCESS
   ========================= */

.wearpal-printing-process {
    padding: 85px 0;
    background: #f7f7f7;
}

.wearpal-printing-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.wearpal-printing-process-step {
    position: relative;
    padding: 30px 25px;
    background: #fff;
    border-top: 3px solid #111;
}

.wearpal-printing-process-step > span {
    display: block;
    margin-bottom: 22px;
    color: #999;
    font-size: 13px;
    font-weight: 800;
}

.wearpal-printing-process-step h3 {
    margin: 0 0 12px;
    color: #171717;
    font-size: 19px;
    font-weight: 800;
}

.wearpal-printing-process-step p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
}


/* =========================
   BENEFITS
   ========================= */

.wearpal-printing-benefits {
    padding: 90px 0;
    background: #fff;
}

.wearpal-printing-benefits-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.wearpal-printing-benefits-content h2 {
    max-width: 600px;
}

.wearpal-printing-benefits-content p {
    margin: 0 0 18px;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}

.wearpal-printing-benefit {
    display: flex;
    gap: 22px;
    padding: 22px 0;
    border-bottom: 1px solid #ddd;
}

.wearpal-printing-benefit:first-child {
    padding-top: 0;
}

.wearpal-printing-benefit strong {
    flex: 0 0 35px;
    color: #999;
    font-size: 13px;
}

.wearpal-printing-benefit h3 {
    margin: 0 0 6px;
    color: #171717;
    font-size: 18px;
    font-weight: 800;
}

.wearpal-printing-benefit p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
}


/* =========================
   CTA
   ========================= */

.wearpal-printing-cta {
    padding: 0 0 85px;
    background: #fff;
}

.wearpal-printing-cta-box {
    padding: 70px 40px;
    text-align: center;
    background: #111;
}

.wearpal-printing-cta-box .wearpal-printing-label {
    color: #aaa;
}

.wearpal-printing-cta-box h2 {
    max-width: 750px;
    margin: 0 auto 18px;
    color: #fff;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2;
}

.wearpal-printing-cta-box p {
    max-width: 720px;
    margin: 0 auto 30px;
    color: #ccc;
    font-size: 16px;
    line-height: 1.8;
}

.wearpal-printing-cta-button {
    display: inline-block;
    padding: 15px 32px;
    color: #111 !important;
    background: #fff;
    border: 2px solid #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.wearpal-printing-cta-button:hover {
    color: #fff !important;
    background: transparent;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 991px) {

    .wearpal-printing-hero,
    .wearpal-printing-hero-img {
        height: 300px;
    }

    .wearpal-printing-hero-content h1 {
        font-size: 40px;
    }

    .wearpal-printing-intro-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .wearpal-printing-method-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-printing-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wearpal-printing-benefits-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

    .wearpal-printing-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wearpal-printing-hero,
    .wearpal-printing-hero-img {
        height: 260px;
    }

    .wearpal-printing-hero-content {
        padding: 0 15px;
    }

    .wearpal-printing-hero-content h1 {
        font-size: 34px;
    }

    .wearpal-printing-hero-content p {
        font-size: 15px;
    }

    .wearpal-printing-intro,
    .wearpal-printing-techniques,
    .wearpal-printing-applications,
    .wearpal-printing-process,
    .wearpal-printing-benefits {
        padding: 60px 0;
    }

    .wearpal-printing-intro-text h2,
    .wearpal-printing-heading h2,
    .wearpal-printing-benefits-content h2,
    .wearpal-printing-cta-box h2 {
        font-size: 30px;
    }

    .wearpal-printing-method-grid,
    .wearpal-printing-application-grid,
    .wearpal-printing-process-grid {
        grid-template-columns: 1fr;
    }

    .wearpal-printing-method {
        min-height: auto;
        padding: 28px;
    }

    .wearpal-printing-application {
        min-height: auto;
    }

    .wearpal-printing-cta {
        padding-bottom: 60px;
    }

    .wearpal-printing-cta-box {
        padding: 50px 20px;
    }
}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wearpal-fabric-sourcing-page {
    --wfs-dark: #111111;
    --wfs-text: #555555;
    --wfs-light: #f7f7f7;
    --wfs-border: #e7e7e7;
    --wfs-white: #ffffff;
    --wfs-accent: #111111;
    color: var(--wfs-text);
    line-height: 1.7;
    background: #fff;
}

.wearpal-fabric-sourcing-page * {
    box-sizing: border-box;
}

.wfs-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.wfs-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--wfs-dark);
}

/* INTRO */

.wfs-intro {
    padding: 80px 0 75px;
    background: var(--wfs-light);
}

.wfs-intro-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.wfs-intro h1 {
    margin: 0 0 22px;
    color: var(--wfs-dark);
    font-size: 44px;
    line-height: 1.2;
    font-weight: 700;
}

.wfs-intro p {
    margin: 0 auto 15px;
    max-width: 850px;
    font-size: 17px;
    color: var(--wfs-text);
}

/* SECTION HEADING */

.wfs-section-heading {
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center;
}

.wfs-section-heading h2 {
    margin: 0 0 16px;
    color: var(--wfs-dark);
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
}

.wfs-section-heading p {
    margin: 0;
    font-size: 16px;
    color: var(--wfs-text);
}

/* SERVICES */

.wfs-services {
    padding: 85px 0;
    background: var(--wfs-white);
}

.wfs-service-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.wfs-service-card {
    padding: 35px 28px;
    border: 1px solid var(--wfs-border);
    background: #fff;
    transition: all 0.3s ease;
}

.wfs-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.wfs-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 24px;
    background: var(--wfs-dark);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.wfs-service-card h3 {
    margin: 0 0 12px;
    color: var(--wfs-dark);
    font-size: 20px;
    line-height: 1.35;
}

.wfs-service-card p {
    margin: 0;
    font-size: 15px;
}

/* FABRIC TYPES */

.wfs-fabric-types {
    padding: 85px 0;
    background: var(--wfs-light);
}

.wfs-fabric-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.wfs-fabric-item {
    padding: 32px;
    background: #fff;
    border: 1px solid var(--wfs-border);
}

.wfs-fabric-item h3 {
    margin: 0 0 12px;
    color: var(--wfs-dark);
    font-size: 21px;
    line-height: 1.35;
}

.wfs-fabric-item p {
    margin: 0;
    font-size: 15px;
}

/* PROCESS */

.wfs-process {
    padding: 85px 0;
    background: #fff;
}

.wfs-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.wfs-process-step {
    position: relative;
    padding-top: 20px;
    border-top: 2px solid var(--wfs-dark);
}

.wfs-process-step > span {
    display: block;
    margin-bottom: 18px;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.wfs-process-step h3 {
    margin: 0 0 12px;
    color: var(--wfs-dark);
    font-size: 20px;
    line-height: 1.4;
}

.wfs-process-step p {
    margin: 0;
    font-size: 15px;
}

/* BENEFITS */

.wfs-benefits {
    padding: 90px 0;
    background: var(--wfs-light);
}

.wfs-benefits-layout {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 70px;
    align-items: center;
}

.wfs-benefits-content h2 {
    margin: 0 0 20px;
    color: var(--wfs-dark);
    font-size: 36px;
    line-height: 1.25;
}

.wfs-benefits-content > p {
    margin: 0 0 25px;
    font-size: 16px;
}

.wfs-check-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wfs-check-list li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 28px;
    font-size: 15px;
    color: #333;
}

.wfs-check-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--wfs-dark);
    font-weight: 700;
}

.wfs-benefits-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid var(--wfs-border);
    background: #fff;
}

.wfs-benefit-stat {
    min-height: 150px;
    padding: 30px;
    border-right: 1px solid var(--wfs-border);
    border-bottom: 1px solid var(--wfs-border);
}

.wfs-benefit-stat:nth-child(2n) {
    border-right: 0;
}

.wfs-benefit-stat:nth-child(3),
.wfs-benefit-stat:nth-child(4) {
    border-bottom: 0;
}

.wfs-benefit-stat strong {
    display: block;
    margin-bottom: 10px;
    color: #999;
    font-size: 14px;
    letter-spacing: 1px;
}

.wfs-benefit-stat span {
    display: block;
    color: var(--wfs-dark);
    font-size: 17px;
    font-weight: 700;
}

/* CTA */

.wfs-cta {
    padding: 90px 0;
    background: var(--wfs-dark);
    text-align: center;
    border-radius: 10px;
    margin: 20px 0px 30px 0px;
}

.wfs-cta-content {
    max-width: 750px;
    margin: 0 auto;
}

.wfs-cta .wfs-eyebrow {
    color: #fff;
}

.wfs-cta h2 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 38px;
    line-height: 1.25;
}

.wfs-cta p {
    max-width: 680px;
    margin: 0 auto 30px;
    color: #d5d5d5;
    font-size: 16px;
}

.wfs-cta-button {
    display: inline-block;
    padding: 14px 32px;
    background: #fff;
    color: #111;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.wfs-cta-button:hover {
    background: #e9e9e9;
    color: #111;
    text-decoration: none;
}

/* TABLET */

@media (max-width: 991px) {

    .wfs-intro {
        padding: 65px 0;
    }

    .wfs-intro h1 {
        font-size: 38px;
    }

    .wfs-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wfs-fabric-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wfs-process-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 45px;
    }

    .wfs-benefits-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }
}

/* MOBILE */

@media (max-width: 767px) {

    .wfs-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wfs-intro {
        padding: 50px 0;
    }

    .wfs-intro h1 {
        font-size: 31px;
    }

    .wfs-intro p {
        font-size: 15px;
    }

    .wfs-services,
    .wfs-fabric-types,
    .wfs-process,
    .wfs-benefits {
        padding: 60px 0;
    }

    .wfs-section-heading {
        margin-bottom: 35px;
    }

    .wfs-section-heading h2,
    .wfs-benefits-content h2 {
        font-size: 29px;
    }

    .wfs-service-grid,
    .wfs-fabric-grid,
    .wfs-process-grid {
        grid-template-columns: 1fr;
    }

    .wfs-service-card,
    .wfs-fabric-item {
        padding: 28px 22px;
    }

    .wfs-benefits-box {
        grid-template-columns: 1fr;
    }

    .wfs-benefit-stat {
        border-right: 0;
    }

    .wfs-benefit-stat:nth-child(3) {
        border-bottom: 1px solid var(--wfs-border);
    }

    .wfs-benefit-stat:last-child {
        border-bottom: 0;
    }

    .wfs-cta {
        padding: 65px 0;
    }

    .wfs-cta h2 {
        font-size: 30px;
    }
}
/* =========================================================
   WEARPAL APPAREL
========================================================= */

.wearpal-custom-design-page {
    width: 100%;
    background: #ffffff;
    color: #222222;
    line-height: 1.7;
}

.wearpal-custom-design-page *,
.wearpal-custom-design-page *:before,
.wearpal-custom-design-page *:after {
    box-sizing: border-box;
}

.wcd-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* =========================
   INTRO
========================= */

.wcd-intro {
    padding: 75px 0 65px;
    background: #f7f7f7;
    text-align: center;
}

.wcd-heading {
    max-width: 850px;
    margin: 0 auto;
}

.wcd-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #777;
}

.wcd-heading h1 {
    margin: 0 0 20px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 700;
    color: #111;
}

.wcd-heading p {
    max-width: 760px;
    margin: 0 auto;
    font-size: 17px;
    color: #666;
}


/* =========================
   MAIN CONTENT
========================= */

.wcd-main {
    padding: 85px 0;
}

.wcd-grid {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 70px;
    align-items: center;
}

.wcd-label {
    display: block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #777;
}

.wcd-content h2 {
    margin: 0 0 20px;
    font-size: 34px;
    line-height: 1.25;
    color: #111;
}

.wcd-content p {
    margin: 0 0 18px;
    font-size: 16px;
    color: #666;
}

.wcd-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 15px;
    padding: 14px 24px;
    background: #111;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.wcd-btn:hover {
    background: #333;
    color: #fff !important;
}

.wcd-highlight {
    display: flex;
    justify-content: center;
}

.wcd-highlight-box {
    width: 100%;
    padding: 50px 40px;
    background: #f5f5f5;
    border-left: 4px solid #111;
}

.wcd-highlight-box i {
    display: block;
    margin-bottom: 20px;
    font-size: 42px;
    color: #111;
}

.wcd-highlight-box h3 {
    margin: 0 0 15px;
    font-size: 24px;
    color: #111;
}

.wcd-highlight-box p {
    margin: 0;
    color: #666;
    font-size: 15px;
}


/* =========================
   SERVICES
========================= */

.wcd-services {
    padding: 85px 0;
    background: #f8f8f8;
}

.wcd-section-title {
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
}

.wcd-section-title h2 {
    margin: 0 0 15px;
    font-size: 34px;
    line-height: 1.25;
    color: #111;
}

.wcd-section-title p {
    margin: 0;
    color: #666;
    font-size: 16px;
}

.wcd-service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.wcd-service-card {
    padding: 35px 30px;
    background: #fff;
    border: 1px solid #e8e8e8;
    transition: all 0.3s ease;
}

.wcd-service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.wcd-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: #111;
    color: #fff;
    font-size: 21px;
}

.wcd-service-card h3 {
    margin: 0 0 12px;
    font-size: 20px;
    color: #111;
}

.wcd-service-card p {
    margin: 0;
    font-size: 15px;
    color: #666;
}


/* =========================
   PROCESS
========================= */

.wcd-process {
    padding: 90px 0;
    background: #fff;
}

.wcd-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.wcd-process-step {
    position: relative;
    padding: 30px;
    border-top: 2px solid #111;
    background: #fafafa;
}

.wcd-step-number {
    display: block;
    margin-bottom: 18px;
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    color: #bbb;
}

.wcd-process-step h3 {
    margin: 0 0 12px;
    font-size: 19px;
    color: #111;
}

.wcd-process-step p {
    margin: 0;
    font-size: 14px;
    color: #666;
}


/* =========================
   BENEFITS
========================= */

.wcd-benefits {
    padding: 90px 0;
    background: #f6f6f6;
}

.wcd-benefit-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 80px;
    align-items: start;
}

.wcd-benefit-intro h2 {
    margin: 0 0 20px;
    font-size: 34px;
    line-height: 1.25;
    color: #111;
}

.wcd-benefit-intro p {
    margin: 0;
    font-size: 16px;
    color: #666;
}

.wcd-benefit-list {
    display: grid;
    gap: 22px;
}

.wcd-benefit-item {
    display: flex;
    gap: 18px;
    padding-bottom: 22px;
    border-bottom: 1px solid #ddd;
}

.wcd-benefit-item > i {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    font-size: 13px;
}

.wcd-benefit-item h3 {
    margin: 0 0 5px;
    font-size: 18px;
    color: #111;
}

.wcd-benefit-item p {
    margin: 0;
    font-size: 14px;
    color: #666;
}


/* =========================
   CTA
========================= */

.wcd-cta {
    padding: 85px 0;
    background: #111;
        border-radius: 10px;
    margin: 10px 0px 30px 0px;
}

.wcd-cta-box {
    max-width: 850px;
    margin: 0 auto;
    text-align: center;
}

.wcd-cta .wcd-eyebrow {
    color: #aaa;
}

.wcd-cta h2 {
    margin: 0 0 18px;
    font-size: 38px;
    line-height: 1.25;
    color: #fff;
}

.wcd-cta p {
    max-width: 680px;
    margin: 0 auto 30px;
    font-size: 16px;
    color: #ccc;
}

.wcd-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 15px 28px;
    background: #fff;
    color: #111 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.wcd-cta-btn:hover {
    background: #ddd;
    color: #111 !important;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .wcd-heading h1 {
        font-size: 36px;
    }

    .wcd-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .wcd-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcd-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wcd-benefit-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .wcd-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wcd-intro {
        padding: 55px 0;
    }

    .wcd-heading h1 {
        font-size: 30px;
    }

    .wcd-heading p {
        font-size: 15px;
    }

    .wcd-main,
    .wcd-services,
    .wcd-process,
    .wcd-benefits {
        padding: 60px 0;
    }

    .wcd-content h2,
    .wcd-section-title h2,
    .wcd-benefit-intro h2 {
        font-size: 28px;
    }

    .wcd-service-grid,
    .wcd-process-grid {
        grid-template-columns: 1fr;
    }

    .wcd-highlight-box {
        padding: 35px 25px;
    }

    .wcd-cta {
        padding: 60px 0;
    }

    .wcd-cta h2 {
        font-size: 30px;
    }

    .wcd-btn,
    .wcd-cta-btn {
        width: 100%;
        justify-content: center;
    }

}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wp-custom-apparel-page {
    width: 100%;
    color: #202020;
    background: #ffffff;
    line-height: 1.7;
}

.wp-custom-apparel-page *,
.wp-custom-apparel-page *::before,
.wp-custom-apparel-page *::after {
    box-sizing: border-box;
}

.wp-cam-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}


/* =========================
   INTRO
   ========================= */

.wp-cam-intro {
    padding: 85px 0;
    background: #f6f6f6;
}

.wp-cam-intro-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.wp-cam-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #777;
}

.wp-cam-intro h1 {
    margin: 0 0 22px;
    color: #111;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 700;
}

.wp-cam-intro p {
    max-width: 850px;
    margin: 0 auto 16px;
    color: #666;
    font-size: 17px;
}

.wp-cam-primary-btn {
    display: inline-block;
    margin-top: 22px;
    padding: 14px 30px;
    color: #fff !important;
    background: #111;
    border: 2px solid #111;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.wp-cam-primary-btn:hover {
    color: #111 !important;
    background: transparent;
}


/* =========================
   SECTION HEADING
   ========================= */

.wp-cam-section-heading {
    max-width: 800px;
    margin: 0 auto 50px;
    text-align: center;
}

.wp-cam-section-heading h2 {
    margin: 0 0 15px;
    color: #111;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
}

.wp-cam-section-heading p {
    margin: 0;
    color: #6d6d6d;
    font-size: 16px;
}


/* =========================
   SERVICES
   ========================= */

.wp-cam-services {
    padding: 90px 0;
    background: #fff;
}

.wp-cam-service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.wp-cam-service-card {
    position: relative;
    padding: 35px 30px;
    background: #f7f7f7;
    border: 1px solid #ededed;
    transition: all 0.3s ease;
}

.wp-cam-service-card:hover {
    transform: translateY(-5px);
    border-color: #ccc;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}

.wp-cam-service-number {
    margin-bottom: 20px;
    color: #999;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}

.wp-cam-service-card h3 {
    margin: 0 0 12px;
    color: #171717;
    font-size: 21px;
    line-height: 1.3;
}

.wp-cam-service-card p {
    margin: 0;
    color: #666;
    font-size: 15px;
}


/* =========================
   PROCESS
   ========================= */

.wp-cam-process {
    padding: 90px 0;
    background: #111;
}

.wp-cam-heading-light .wp-cam-eyebrow {
    color: #aaa;
}

.wp-cam-heading-light h2 {
    color: #fff;
}

.wp-cam-heading-light p {
    color: #aaa;
}

.wp-cam-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #333;
}

.wp-cam-process-item {
    padding: 35px 30px;
    background: #111;
}

.wp-cam-process-item > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    margin-bottom: 20px;
    color: #111;
    background: #fff;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
}

.wp-cam-process-item h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 20px;
}

.wp-cam-process-item p {
    margin: 0;
    color: #aaa;
    font-size: 15px;
}


/* =========================
   PRODUCTS
   ========================= */

.wp-cam-products {
    padding: 90px 0;
    background: #f7f7f7;
}

.wp-cam-product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.wp-cam-product-box {
    padding: 30px;
    background: #fff;
    border: 1px solid #e8e8e8;
    transition: all 0.3s ease;
}

.wp-cam-product-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.wp-cam-product-box h3 {
    margin: 0 0 10px;
    color: #151515;
    font-size: 21px;
}

.wp-cam-product-box p {
    margin: 0;
    color: #666;
    font-size: 15px;
}


/* =========================
   BENEFITS
   ========================= */

.wp-cam-benefits {
    padding: 95px 0;
    background: #fff;
}

.wp-cam-benefits-layout {
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    gap: 70px;
    align-items: center;
}

.wp-cam-benefits-content .wp-cam-eyebrow {
    margin-bottom: 10px;
}

.wp-cam-benefits-content h2 {
    margin: 0 0 20px;
    color: #111;
    font-size: 38px;
    line-height: 1.2;
}

.wp-cam-benefits-content > p {
    margin: 0 0 30px;
    color: #666;
    font-size: 16px;
}

.wp-cam-benefit-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.wp-cam-benefit {
    display: flex;
    gap: 18px;
}

.wp-cam-benefit > strong {
    flex: 0 0 42px;
    color: #999;
    font-size: 14px;
}

.wp-cam-benefit h3 {
    margin: 0 0 5px;
    color: #171717;
    font-size: 18px;
}

.wp-cam-benefit p {
    margin: 0;
    color: #666;
    font-size: 14px;
}

.wp-cam-benefits-image {
    overflow: hidden;
}

.wp-cam-benefits-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}


/* =========================
   CTA
   ========================= */

.wp-cam-cta {
    padding: 65px 0;
    background: #f2f2f2;
    border-radius: 10px;
    margin: 10px 0px 30px 0px;
}

.wp-cam-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.wp-cam-cta-inner .wp-cam-eyebrow {
    margin-bottom: 8px;
}

.wp-cam-cta-inner h2 {
    margin: 0 0 10px;
    color: #111;
    font-size: 32px;
    line-height: 1.2;
}

.wp-cam-cta-inner p {
    max-width: 720px;
    margin: 0;
    color: #666;
    font-size: 15px;
}

.wp-cam-cta-btn {
    flex-shrink: 0;
    display: inline-block;
    padding: 14px 30px;
    color: #fff !important;
    background: #111;
    border: 2px solid #111;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 700;
    transition: all 0.3s ease;
}

.wp-cam-cta-btn:hover {
    color: #111 !important;
    background: transparent;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 991px) {

    .wp-cam-intro {
        padding: 70px 0;
    }

    .wp-cam-intro h1 {
        font-size: 38px;
    }

    .wp-cam-service-grid,
    .wp-cam-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-cam-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-cam-benefits-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .wp-cam-benefits-image {
        max-width: 700px;
        margin: 0 auto;
    }

    .wp-cam-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

    .wp-cam-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wp-cam-intro {
        padding: 55px 0;
    }

    .wp-cam-intro h1 {
        font-size: 30px;
    }

    .wp-cam-intro p {
        font-size: 15px;
    }

    .wp-cam-services,
    .wp-cam-process,
    .wp-cam-products,
    .wp-cam-benefits {
        padding: 60px 0;
    }

    .wp-cam-section-heading {
        margin-bottom: 35px;
    }

    .wp-cam-section-heading h2,
    .wp-cam-benefits-content h2 {
        font-size: 28px;
    }

    .wp-cam-service-grid,
    .wp-cam-product-grid,
    .wp-cam-process-grid {
        grid-template-columns: 1fr;
    }

    .wp-cam-service-card,
    .wp-cam-product-box,
    .wp-cam-process-item {
        padding: 28px 22px;
    }

    .wp-cam-cta {
        padding: 50px 0;
    }

    .wp-cam-cta-inner h2 {
        font-size: 27px;
    }

    .wp-cam-cta-btn {
        width: 100%;
        text-align: center;
    }
}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wpa-oem-page {
    width: 100%;
    color: #222;
    line-height: 1.7;
    background: #fff;
    overflow: hidden;
}

.wpa-oem-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.wpa-oem-section {
    padding: 75px 0;
}

.wpa-oem-section-alt {
    background: #f7f7f7;
}

/* Section Heading */
.wpa-oem-heading {
    max-width: 800px;
    margin: 0 auto 45px;
    text-align: center;
}

.wpa-oem-heading span {
    display: inline-block;
    margin-bottom: 10px;
    color: #e21d25;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.wpa-oem-heading h2 {
    margin: 0 0 15px;
    color: #171717;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 700;
}

.wpa-oem-heading p {
    margin: 0;
    color: #666;
    font-size: 16px;
}

/* Intro */
.wpa-oem-intro {
    padding: 70px 0;
}

.wpa-oem-intro-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 55px;
    align-items: center;
}

.wpa-oem-intro-content h1 {
    margin: 0 0 20px;
    color: #171717;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 700;
}

.wpa-oem-intro-content h1 span {
    color: #e21d25;
}

.wpa-oem-intro-content p {
    margin: 0 0 18px;
    color: #555;
    font-size: 16px;
}

.wpa-oem-intro-image img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

/* Custom Manufacturing */
.wpa-oem-custom-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}

.wpa-oem-custom-card {
    padding: 35px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
}

.wpa-oem-custom-card h3 {
    margin: 0 0 15px;
    color: #171717;
    font-size: 25px;
}

.wpa-oem-custom-card p {
    margin: 0 0 20px;
    color: #666;
}

.wpa-oem-check-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.wpa-oem-check-list li {
    position: relative;
    padding: 8px 0 8px 28px;
    color: #444;
    font-size: 15px;
}

.wpa-oem-check-list li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 8px;
    font-family: FontAwesome;
    color: #e21d25;
    font-weight: 700;
}

/* Product Categories */
.wpa-oem-product-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.wpa-oem-product-card {
    padding: 28px 25px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    transition: all .3s ease;
}

.wpa-oem-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.wpa-oem-product-card h3 {
    margin: 0 0 15px;
    color: #171717;
    font-size: 21px;
}

.wpa-oem-product-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wpa-oem-product-list li {
    position: relative;
    padding: 5px 0 5px 18px;
    color: #666;
    font-size: 14px;
}

.wpa-oem-product-list li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #e21d25;
    font-size: 18px;
}

/* Process */
.wpa-oem-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

.wpa-oem-process-card {
    position: relative;
    padding: 30px 24px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    text-align: center;
}

.wpa-oem-process-number {
    width: 50px;
    height: 50px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e21d25;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.wpa-oem-process-card h3 {
    margin: 0 0 10px;
    font-size: 19px;
    color: #171717;
}

.wpa-oem-process-card p {
    margin: 0;
    color: #666;
    font-size: 14px;
}

/* Why Choose Us */
.wpa-oem-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.wpa-oem-benefit-item {
    padding: 24px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 7px;
}

.wpa-oem-benefit-item strong {
    display: block;
    color: #222;
    font-size: 16px;
}

.wpa-oem-benefit-item strong:before {
    content: "\f00c";
    margin-right: 10px;
    font-family: FontAwesome;
    color: #e21d25;
}

/* Manufacturing Capabilities */
.wpa-oem-capability-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.wpa-oem-capability-content h2 {
    margin: 0 0 18px;
    color: #171717;
    font-size: 34px;
}

.wpa-oem-capability-content p {
    margin: 0 0 22px;
    color: #666;
}

.wpa-oem-capability-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.wpa-oem-capability-list li {
    padding: 10px 12px;
    background: #f7f7f7;
    border-left: 3px solid #e21d25;
    color: #444;
    font-size: 14px;
}

.wpa-oem-capability-image img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

/* Industries */
.wpa-oem-industry-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.wpa-oem-industry-item {
    padding: 18px 15px;
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    color: #444;
    font-weight: 600;
}

/* OEM vs ODM */
.wpa-oem-compare-wrap {
    max-width: 900px;
    margin: 0 auto;
    overflow-x: auto;
}

.wpa-oem-compare-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.wpa-oem-compare-table th,
.wpa-oem-compare-table td {
    padding: 16px 18px;
    border: 1px solid #ddd;
    text-align: left;
}

.wpa-oem-compare-table th {
    background: #171717;
    color: #fff;
    font-size: 16px;
}

.wpa-oem-compare-table td {
    color: #555;
    font-size: 14px;
}

.wpa-oem-compare-table tr:nth-child(even) td {
    background: #f8f8f8;
}

/* Global Export */
.wpa-oem-global {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.wpa-oem-global h2 {
    margin: 0 0 18px;
    color: #171717;
    font-size: 34px;
}

.wpa-oem-global p {
    margin: 0 0 15px;
    color: #666;
}

/* FAQ */
.wpa-oem-faq-list {
    max-width: 900px;
    margin: 0 auto;
}

.wpa-oem-faq-item {
    margin-bottom: 15px;
    padding: 22px 25px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 7px;
}

.wpa-oem-faq-item h3 {
    margin: 0 0 8px;
    color: #171717;
    font-size: 17px;
}

.wpa-oem-faq-item p {
    margin: 0;
    color: #666;
    font-size: 14px;
}

/* CTA */
.wpa-oem-cta {
    padding: 75px 20px;
    background: #171717;
    text-align: center;
    border-radius: 10px;
    margin: 10px 0px 30px 0px;
}

.wpa-oem-cta-inner {
    max-width: 850px;
    margin: 0 auto;
}

.wpa-oem-cta h2 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 38px;
    line-height: 1.25;
}

.wpa-oem-cta p {
    margin: 0 auto 28px;
    color: #ddd;
    font-size: 16px;
}

.wpa-oem-cta-btn {
    display: inline-block;
    padding: 14px 30px;
    background: #e21d25;
    color: #fff !important;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all .3s ease;
}

.wpa-oem-cta-btn:hover {
    background: #fff;
    color: #171717 !important;
}

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

    .wpa-oem-intro-grid,
    .wpa-oem-custom-box,
    .wpa-oem-capability-wrap {
        grid-template-columns: 1fr;
    }

    .wpa-oem-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wpa-oem-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wpa-oem-benefit-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wpa-oem-industry-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {

    .wpa-oem-section,
    .wpa-oem-intro {
        padding: 50px 0;
    }

    .wpa-oem-intro-content h1 {
        font-size: 30px;
    }

    .wpa-oem-heading h2,
    .wpa-oem-capability-content h2,
    .wpa-oem-global h2 {
        font-size: 28px;
    }

    .wpa-oem-product-grid,
    .wpa-oem-process-grid,
    .wpa-oem-benefit-grid,
    .wpa-oem-industry-grid {
        grid-template-columns: 1fr;
    }

    .wpa-oem-capability-list {
        grid-template-columns: 1fr;
    }

    .wpa-oem-cta h2 {
        font-size: 29px;
    }

    .wpa-oem-custom-card {
        padding: 25px 20px;
    }
}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wp-private-page {
    width: 100%;
    padding: 75px 20px;
    background: #fff;
    color: #172033;
    line-height: 1.6;
}

.wp-private-page *,
.wp-private-page *:before,
.wp-private-page *:after {
    box-sizing: border-box;
}

.wp-private-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================================
   INTRO
   ========================================================= */

.wp-private-intro {
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
}

.wp-private-eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: #f5ad19;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.wp-private-intro h1 {
    margin: 0 0 20px;
    color: #14233b;
    font-size: 43px;
    line-height: 1.15;
    font-weight: 800;
}

.wp-private-intro p {
    max-width: 880px;
    margin: 0 auto 15px;
    color: #697386;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   HIGHLIGHTS
   ========================================================= */

.wp-private-highlights {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 65px;
}

.wp-private-highlight {
    padding: 28px 18px;
    background: #f7f9fc;
    border: 1px solid #e4e8ee;
    border-radius: 7px;
    text-align: center;
}

.wp-private-highlight i {
    display: block;
    margin-bottom: 12px;
    color: #f5ad19;
    font-size: 27px;
}

.wp-private-highlight strong {
    display: block;
    color: #14233b;
    font-size: 15px;
}

.wp-private-highlight span {
    display: block;
    margin-top: 3px;
    color: #737d8d;
    font-size: 11px;
}


/* =========================================================
   WHAT IS PRIVATE LABEL
   ========================================================= */

.wp-private-explain {
    display: grid;
    grid-template-columns: 85px 1fr;
    gap: 28px;
    margin-bottom: 70px;
    padding: 42px;
    background: #14233b;
    border-radius: 9px;
}

.wp-private-explain-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #f5ad19;
    border-radius: 50%;
    color: #14233b;
    font-size: 27px;
}
.wp-private-explain-icon .fa {
    font-size: 27px;
}
.wp-private-label {
    color: #f5ad19;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.wp-private-explain-content h2 {
    margin: 3px 0 12px;
    color: #fff;
    font-size: 29px;
    line-height: 1.25;
}

.wp-private-explain-content p {
    max-width: 850px;
    margin: 0 0 20px;
    color: #cbd2dd;
    font-size: 13px;
    line-height: 1.85;
}

.wp-private-brand-message {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 17px;
    background: rgba(255,255,255,.06);
    border-left: 3px solid #f5ad19;
    color: #fff;
    font-size: 12px;
}

.wp-private-brand-message i {
    color: #f5ad19;
}


/* =========================================================
   SECTION TITLE
   ========================================================= */

.wp-private-section-title {
    max-width: 780px;
    margin: 0 auto 40px;
    text-align: center;
}

.wp-private-section-title h2 {
    margin: 3px 0 11px;
    color: #14233b;
    font-size: 33px;
    line-height: 1.2;
}

.wp-private-section-title p {
    margin: 0;
    color: #697386;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   SERVICES
   ========================================================= */

.wp-private-service-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 70px;
}

.wp-private-service-card {
    padding: 32px 27px;
    background: #f7f9fc;
    border: 1px solid #e3e7ed;
    border-radius: 8px;
}

.wp-private-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    background: #14233b;
    border-radius: 5px;
    color: #f5ad19;
    font-size: 21px;
}

.wp-private-service-card h3 {
    margin: 0 0 9px;
    color: #14233b;
    font-size: 21px;
}

.wp-private-service-card p {
    margin: 0 0 18px;
    color: #697386;
    font-size: 12px;
    line-height: 1.7;
}

.wp-private-service-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wp-private-service-card li {
    position: relative;
    padding: 7px 0 7px 19px;
    border-top: 1px solid #e2e6ec;
    color: #596474;
    font-size: 11px;
}

.wp-private-service-card li:before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 7px;
    color: #f5ad19;
    font-family: FontAwesome;
}


/* =========================================================
   MATERIALS
   ========================================================= */

.wp-private-materials {
    margin-bottom: 70px;
    padding: 45px;
    background: #f7f9fc;
    border: 1px solid #e4e8ee;
    border-radius: 9px;
}

.wp-private-materials-header {
    max-width: 720px;
    margin: 0 auto 30px;
    text-align: center;
}

.wp-private-materials-header h2 {
    margin: 3px 0 10px;
    color: #14233b;
    font-size: 29px;
}

.wp-private-materials-header p {
    margin: 0;
    color: #697386;
    font-size: 13px;
}

.wp-private-material-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.wp-private-material-grid div {
    padding: 16px 10px;
    background: #fff;
    border: 1px solid #e1e6ed;
    border-radius: 5px;
    color: #4f5969;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.wp-private-material-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 14px 16px;
    background: #fff8e7;
    border-left: 4px solid #f5ad19;
    color: #596474;
    font-size: 11px;
}

.wp-private-material-note i {
    color: #f5ad19;
}


/* =========================================================
   PROCESS
   ========================================================= */

.wp-private-process {
    position: relative;
    margin-bottom: 75px;
}

.wp-private-process:before {
    content: "";
    position: absolute;
    left: 34px;
    top: 30px;
    bottom: 30px;
    width: 1px;
    background: #dfe4eb;
}

.wp-private-process-item {
    position: relative;
    display: grid;
    grid-template-columns: 68px 1fr;
    gap: 25px;
    align-items: start;
    margin-bottom: 15px;
    padding: 24px 25px;
    background: #fff;
    border: 1px solid #e3e7ed;
    border-radius: 7px;
}

.wp-private-process-number {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    background: #14233b;
    border: 5px solid #fff;
    border-radius: 50%;
    color: #f5ad19;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 0 0 1px #e0e5eb;
}

.wp-private-process-item h3 {
    margin: 3px 0 7px;
    color: #14233b;
    font-size: 20px;
}

.wp-private-process-item p {
    max-width: 800px;
    margin: 0;
    color: #697386;
    font-size: 12px;
    line-height: 1.75;
}


/* =========================================================
   WHY CHOOSE
   ========================================================= */

.wp-private-why {
    margin-bottom: 70px;
}

.wp-private-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.wp-private-why-card {
    padding: 25px 20px;
    background: #f7f9fc;
    border: 1px solid #e3e7ed;
    border-radius: 7px;
}

.wp-private-why-card i {
    display: block;
    margin-bottom: 13px;
    color: #f5ad19;
    font-size: 23px;
}

.wp-private-why-card h3 {
    margin: 0 0 8px;
    color: #14233b;
    font-size: 15px;
    line-height: 1.35;
}

.wp-private-why-card p {
    margin: 0;
    color: #697386;
    font-size: 11px;
    line-height: 1.7;
}


/* =========================================================
   BRANDING
   ========================================================= */

.wp-private-branding {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 35px;
    margin-bottom: 70px;
    padding: 45px;
    background: #14233b;
    border-radius: 9px;
}

.wp-private-branding-content h2 {
    margin: 3px 0 12px;
    color: #fff;
    font-size: 30px;
}

.wp-private-branding-content p {
    margin: 0;
    color: #cbd2dd;
    font-size: 13px;
    line-height: 1.8;
}

.wp-private-branding-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}

.wp-private-branding-grid div {
    padding: 12px 13px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    color: #d6dce5;
    font-size: 11px;
}

.wp-private-branding-grid i {
    margin-right: 7px;
    color: #f5ad19;
}


/* =========================================================
   INDUSTRIES
   ========================================================= */

.wp-private-industries {
    margin-bottom: 70px;
}

.wp-private-industry-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.wp-private-industry-grid div {
    padding: 18px 12px;
    background: #fff;
    border: 1px solid #e2e6ec;
    border-radius: 5px;
    color: #4f5969;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}


/* =========================================================
   QUALITY
   ========================================================= */

.wp-private-quality {
    margin-bottom: 70px;
    padding: 45px;
    background: #f7f9fc;
    border: 1px solid #e3e7ed;
    border-radius: 9px;
}

.wp-private-quality-header {
    max-width: 750px;
    margin: 0 auto 30px;
    text-align: center;
}

.wp-private-quality-header h2 {
    margin: 3px 0 10px;
    color: #14233b;
    font-size: 29px;
}

.wp-private-quality-header p {
    margin: 0;
    color: #697386;
    font-size: 13px;
    line-height: 1.8;
}

.wp-private-quality-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.wp-private-quality-grid div {
    padding: 15px;
    background: #fff;
    border: 1px solid #e2e6ec;
    border-radius: 5px;
    color: #505b6c;
    font-size: 11px;
    font-weight: 700;
}

.wp-private-quality-grid i {
    margin-right: 7px;
    color: #f5ad19;
}


/* =========================================================
   FAQ
   ========================================================= */

.wp-private-faq {
    margin-bottom: 70px;
}

.wp-private-faq-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.wp-private-faq-item {
    padding: 25px;
    background: #fff;
    border: 1px solid #e2e6ec;
    border-radius: 7px;
}

.wp-private-faq-item h3 {
    position: relative;
    margin: 0 0 10px;
    padding-left: 25px;
    color: #14233b;
    font-size: 15px;
    line-height: 1.4;
}

.wp-private-faq-item h3:before {
    content: "\f059";
    position: absolute;
    left: 0;
    top: 0;
    color: #f5ad19;
    font-family: FontAwesome;
}

.wp-private-faq-item p {
    margin: 0;
    color: #697386;
    font-size: 11px;
    line-height: 1.75;
}


/* =========================================================
   CTA
   ========================================================= */

.wp-private-cta {
    display: grid;
    grid-template-columns: 85px 1fr;
    gap: 28px;
    padding: 50px;
    background: #14233b;
    border-radius: 10px;
}

.wp-private-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #f5ad19;
    border-radius: 50%;
    color: #14233b;
    font-size: 27px;
}
.wp-private-cta-icon .fa {
    font-size: 27px;
}
.wp-private-cta-content h2 {
    margin: 3px 0 13px;
    color: #fff;
    font-size: 31px;
    line-height: 1.25;
}

.wp-private-cta-content p {
    max-width: 850px;
    margin: 0 0 10px;
    color: #cbd2dd;
    font-size: 13px;
    line-height: 1.8;
}

.wp-private-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    padding: 13px 23px;
    background: #f5ad19;
    border-radius: 4px;
    color: #14233b !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all .25s ease;
}

.wp-private-cta-button:hover {
    background: #fff;
    color: #14233b !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .wp-private-intro h1 {
        font-size: 37px;
    }

    .wp-private-highlights {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-private-service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-private-material-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wp-private-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-private-industry-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wp-private-quality-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-private-branding {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wp-private-page {
        padding: 45px 15px;
    }

    .wp-private-intro h1 {
        font-size: 30px;
    }

    .wp-private-intro p {
        font-size: 14px;
    }

    .wp-private-highlights {
        grid-template-columns: 1fr;
        margin-bottom: 50px;
    }

    .wp-private-explain {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 30px 22px;
        margin-bottom: 55px;
    }

    .wp-private-section-title h2 {
        font-size: 28px;
    }

    .wp-private-service-grid {
        grid-template-columns: 1fr;
    }

    .wp-private-materials {
        padding: 30px 20px;
    }

    .wp-private-material-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-private-process:before {
        display: none;
    }

    .wp-private-process-item {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 22px 20px;
    }

    .wp-private-why-grid {
        grid-template-columns: 1fr;
    }

    .wp-private-branding {
        padding: 32px 22px;
    }

    .wp-private-branding-grid {
        grid-template-columns: 1fr;
    }

    .wp-private-industry-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-private-quality {
        padding: 30px 20px;
    }

    .wp-private-quality-grid {
        grid-template-columns: 1fr;
    }

    .wp-private-faq-list {
        grid-template-columns: 1fr;
    }

    .wp-private-cta {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 35px 22px;
    }

    .wp-private-cta-content h2 {
        font-size: 27px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .wp-private-intro h1 {
        font-size: 27px;
    }

    .wp-private-material-grid,
    .wp-private-industry-grid {
        grid-template-columns: 1fr;
    }

    .wp-private-service-card {
        padding: 25px 20px;
    }

    .wp-private-faq-item {
        padding: 21px;
    }

}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wp-quality-page {
    width: 100%;
    padding: 75px 20px;
    background: #ffffff;
    color: #172033;
    line-height: 1.6;
}

.wp-quality-page *,
.wp-quality-page *::before,
.wp-quality-page *::after {
    box-sizing: border-box;
}

.wp-quality-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================================
   INTRO
   ========================================================= */

.wp-quality-intro {
    max-width: 920px;
    margin: 0 auto 55px;
    text-align: center;
}

.wp-quality-eyebrow {
    display: inline-block;
    margin-bottom: 10px;
    color: #f5ad19;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.wp-quality-intro h1 {
    margin: 0 0 20px;
    color: #14233b;
    font-size: 43px;
    line-height: 1.15;
    font-weight: 800;
}

.wp-quality-intro p {
    max-width: 880px;
    margin: 0 auto 15px;
    color: #697386;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   STATS
   ========================================================= */

.wp-quality-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-bottom: 65px;
}

.wp-quality-stat {
    padding: 28px 18px;
    background: #f7f9fc;
    border: 1px solid #e5e9ef;
    border-radius: 7px;
    text-align: center;
}

.wp-quality-stat i {
    display: block;
    margin-bottom: 12px;
    color: #f5ad19;
    font-size: 26px;
}

.wp-quality-stat strong {
    display: block;
    color: #14233b;
    font-size: 15px;
}

.wp-quality-stat span {
    display: block;
    margin-top: 3px;
    color: #737d8d;
    font-size: 11px;
}


/* =========================================================
   QUALITY POLICY
   ========================================================= */

.wp-quality-policy {
    display: grid;
    grid-template-columns: 85px 1fr;
    gap: 28px;
    margin-bottom: 75px;
    padding: 42px;
    background: #14233b;
    border-radius: 9px;
}

.wp-quality-policy-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #f5ad19;
    color: #14233b;
    font-size: 27px;
}
.wp-quality-policy-icon .fa {
    font-size: 27px;
}
.wp-quality-policy-content h2 {
    margin: 2px 0 10px;
    color: #ffffff;
    font-size: 28px;
}

.wp-quality-policy-content > p {
    margin: 0 0 22px;
    color: #cbd2dd;
    font-size: 13px;
    line-height: 1.8;
}

.wp-quality-policy .wp-quality-label {
    color: #f5ad19;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.wp-quality-policy-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}

.wp-quality-policy-grid div {
    display: flex;
    gap: 9px;
    padding: 11px 13px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
    color: #d5dbe4;
    font-size: 11px;
    line-height: 1.5;
}

.wp-quality-policy-grid i {
    flex: 0 0 auto;
    color: #f5ad19;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.wp-quality-section-heading {
    max-width: 780px;
    margin: 0 auto 40px;
    text-align: center;
}

.wp-quality-section-heading h2 {
    margin: 2px 0 12px;
    color: #14233b;
    font-size: 33px;
    line-height: 1.2;
}

.wp-quality-section-heading p {
    margin: 0;
    color: #697386;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   QUALITY PROCESS CARDS
   ========================================================= */

.wp-quality-process-card {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 30px;
    margin-bottom: 25px;
    padding: 38px;
    background: #f7f9fc;
    border: 1px solid #e4e8ee;
    border-radius: 8px;
}

.wp-quality-card-light {
    background: #ffffff;
}

.wp-quality-process-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: #14233b;
    color: #f5ad19;
    font-size: 20px;
    font-weight: 800;
}

.wp-quality-step-label {
    display: block;
    margin-bottom: 5px;
    color: #f5ad19;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.wp-quality-process-body h3 {
    margin: 0 0 10px;
    color: #14233b;
    font-size: 26px;
    line-height: 1.25;
}

.wp-quality-process-body > p {
    max-width: 850px;
    margin: 0 0 22px;
    color: #697386;
    font-size: 13px;
    line-height: 1.8;
}


/* =========================================================
   CHECK GRID
   ========================================================= */

.wp-quality-check-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}

.wp-quality-check-grid div {
    padding: 12px 13px;
    background: #ffffff;
    border: 1px solid #e3e7ed;
    border-radius: 4px;
    color: #505b6c;
    font-size: 11px;
    font-weight: 600;
}

.wp-quality-check-grid i {
    margin-right: 6px;
    color: #f5ad19;
}


/* =========================================================
   FEATURE GRID
   ========================================================= */

.wp-quality-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.wp-quality-feature-grid div {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 15px;
    background: #f7f9fc;
    border: 1px solid #e3e7ed;
    border-radius: 5px;
}

.wp-quality-feature-grid i {
    color: #f5ad19;
    font-size: 17px;
}

.wp-quality-feature-grid strong {
    color: #4d5869;
    font-size: 11px;
}


/* =========================================================
   NOTE
   ========================================================= */

.wp-quality-note {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding: 14px 16px;
    background: #fff8e7;
    border-left: 4px solid #f5ad19;
    color: #596474;
    font-size: 11px;
    line-height: 1.6;
}

.wp-quality-note i {
    color: #f5ad19;
    font-size: 16px;
}


/* =========================================================
   MEASUREMENT
   ========================================================= */

.wp-quality-measure-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}

.wp-quality-measure-grid div {
    padding: 17px 12px;
    background: #f7f9fc;
    border: 1px solid #e3e7ed;
    border-radius: 5px;
    text-align: center;
}

.wp-quality-measure-grid span {
    color: #505b6c;
    font-size: 11px;
    font-weight: 700;
}


/* =========================================================
   PRINTING / EMBROIDERY
   ========================================================= */

.wp-quality-brand-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.wp-quality-brand-grid div {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    background: #ffffff;
    border: 1px solid #e3e7ed;
    border-radius: 5px;
}

.wp-quality-brand-grid i {
    color: #f5ad19;
    font-size: 17px;
}

.wp-quality-brand-grid strong {
    color: #505b6c;
    font-size: 11px;
}


/* =========================================================
   FINAL APPROVAL
   ========================================================= */

.wp-quality-approved {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 20px;
    padding: 17px 20px;
    background: #14233b;
    border-radius: 5px;
}

.wp-quality-approved > i {
    color: #f5ad19;
    font-size: 25px;
}

.wp-quality-approved strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
}

.wp-quality-approved span {
    display: block;
    color: #cbd2dd;
    font-size: 10px;
}


/* =========================================================
   PACKAGING
   ========================================================= */

.wp-quality-packaging-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
}

.wp-quality-packaging-grid div {
    padding: 13px 12px;
    background: #ffffff;
    border: 1px solid #e3e7ed;
    border-radius: 4px;
    color: #505b6c;
    font-size: 11px;
    font-weight: 600;
}


/* =========================================================
   QUALITY STANDARDS
   ========================================================= */

.wp-quality-standards {
    margin: 65px 0;
    padding: 45px;
    background: #f7f9fc;
    border: 1px solid #e4e8ee;
    border-radius: 9px;
}

.wp-quality-standards-header {
    max-width: 720px;
    margin: 0 auto 35px;
    text-align: center;
}

.wp-quality-standards-header h2 {
    margin: 2px 0 10px;
    color: #14233b;
    font-size: 29px;
}

.wp-quality-standards-header p {
    margin: 0;
    color: #697386;
    font-size: 13px;
}

.wp-quality-standards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.wp-quality-standards-grid div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid #e2e6ec;
    border-radius: 5px;
}

.wp-quality-standards-grid i {
    color: #f5ad19;
    font-size: 18px;
}

.wp-quality-standards-grid span {
    color: #505b6c;
    font-size: 11px;
    font-weight: 700;
}


/* =========================================================
   WHY QUALITY MATTERS
   ========================================================= */

.wp-quality-matters {
    display: grid;
    grid-template-columns: 1fr 250px;
    gap: 45px;
    align-items: center;
    margin-bottom: 65px;
    padding: 45px;
    background: #14233b;
    border-radius: 9px;
}

.wp-quality-matters-content h2 {
    margin: 2px 0 12px;
    color: #ffffff;
    font-size: 29px;
}

.wp-quality-matters-content > p {
    max-width: 760px;
    margin: 0 0 23px;
    color: #cbd2dd;
    font-size: 13px;
    line-height: 1.8;
}

.wp-quality-matters-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.wp-quality-matters-list div {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #d5dbe4;
    font-size: 11px;
}

.wp-quality-matters-list i {
    color: #f5ad19;
}

.wp-quality-matters-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 190px;
    height: 190px;
    margin: 0 auto;
    border: 2px solid #f5ad19;
    border-radius: 50%;
    text-align: center;
}

.wp-quality-matters-badge i {
    margin-bottom: 10px;
    color: #f5ad19;
    font-size: 34px;
}

.wp-quality-matters-badge strong {
    color: #ffffff;
    font-size: 17px;
    letter-spacing: 2px;
}

.wp-quality-matters-badge span {
    color: #f5ad19;
    font-size: 9px;
    letter-spacing: 1.5px;
}


/* =========================================================
   COMMITMENT
   ========================================================= */

.wp-quality-commitment {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 25px;
    margin-bottom: 70px;
    padding: 40px;
    background: #fff8e7;
    border: 1px solid #f3dfaa;
    border-radius: 8px;
}

.wp-quality-commitment-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    background: #f5ad19;
    border-radius: 50%;
    color: #14233b;
    font-size: 23px;
}
.wp-quality-commitment-icon .fa {
    font-size: 27px;
}
.wp-quality-commitment h2 {
    margin: 2px 0 12px;
    color: #14233b;
    font-size: 28px;
}

.wp-quality-commitment p {
    max-width: 850px;
    margin: 0 0 12px;
    color: #626d7c;
    font-size: 13px;
    line-height: 1.8;
}


/* =========================================================
   WHY CHOOSE
   ========================================================= */

.wp-quality-why {
    margin-bottom: 70px;
}

.wp-quality-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.wp-quality-why-grid div {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e3e7ed;
    border-radius: 5px;
    color: #4e596a;
    font-size: 11px;
    font-weight: 700;
}

.wp-quality-why-grid i {
    color: #f5ad19;
    font-size: 16px;
}


/* =========================================================
   FINAL
   ========================================================= */

.wp-quality-final {
    display: grid;
    grid-template-columns: 85px 1fr;
    gap: 28px;
    padding: 50px;
    background: #14233b;
    border-radius: 10px;
}

.wp-quality-final-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #f5ad19;
    color: #14233b;
    font-size: 28px;
}
.wp-quality-final-icon .fa {
    font-size:27px;
}
.wp-quality-final-content h2 {
    margin: 2px 0 13px;
    color: #ffffff;
    font-size: 31px;
    line-height: 1.25;
}

.wp-quality-final-content p {
    max-width: 850px;
    margin: 0 0 12px;
    color: #cbd2dd;
    font-size: 13px;
    line-height: 1.8;
}

.wp-quality-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    padding: 13px 23px;
    background: #f5ad19;
    color: #14233b !important;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all .25s ease;
}

.wp-quality-cta:hover {
    background: #ffffff;
    color: #14233b !important;
    text-decoration: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .wp-quality-page {
        padding: 55px 20px;
    }

    .wp-quality-intro h1 {
        font-size: 37px;
    }

    .wp-quality-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-quality-process-card {
        grid-template-columns: 65px 1fr;
        gap: 20px;
        padding: 30px;
    }

    .wp-quality-check-grid,
    .wp-quality-feature-grid,
    .wp-quality-brand-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-quality-measure-grid,
    .wp-quality-packaging-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-quality-standards-grid,
    .wp-quality-why-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-quality-matters {
        grid-template-columns: 1fr;
    }

    .wp-quality-matters-badge {
        width: 150px;
        height: 150px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wp-quality-page {
        padding: 45px 15px;
    }

    .wp-quality-intro h1 {
        font-size: 30px;
    }

    .wp-quality-intro p {
        font-size: 14px;
    }

    .wp-quality-stats {
        grid-template-columns: 1fr;
        margin-bottom: 50px;
    }

    .wp-quality-policy {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 30px 22px;
        margin-bottom: 55px;
    }

    .wp-quality-policy-grid {
        grid-template-columns: 1fr;
    }

    .wp-quality-section-heading h2 {
        font-size: 28px;
    }

    .wp-quality-process-card {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 25px 20px;
    }

    .wp-quality-process-number {
        width: 55px;
        height: 55px;
        font-size: 17px;
    }

    .wp-quality-process-body h3 {
        font-size: 23px;
    }

    .wp-quality-check-grid,
    .wp-quality-feature-grid,
    .wp-quality-brand-grid,
    .wp-quality-measure-grid,
    .wp-quality-packaging-grid {
        grid-template-columns: 1fr;
    }

    .wp-quality-standards {
        padding: 30px 20px;
        margin: 45px 0;
    }

    .wp-quality-standards-grid,
    .wp-quality-why-grid {
        grid-template-columns: 1fr;
    }

    .wp-quality-matters {
        padding: 35px 22px;
        gap: 30px;
        margin-bottom: 50px;
    }

    .wp-quality-matters-content h2 {
        font-size: 25px;
    }

    .wp-quality-matters-list {
        grid-template-columns: 1fr;
    }

    .wp-quality-commitment {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 30px 22px;
    }

    .wp-quality-commitment h2 {
        font-size: 25px;
    }

    .wp-quality-final {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 35px 22px;
    }

    .wp-quality-final-content h2 {
        font-size: 26px;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .wp-quality-intro h1 {
        font-size: 27px;
    }

    .wp-quality-stat {
        padding: 22px 15px;
    }

    .wp-quality-policy {
        padding: 25px 18px;
    }

    .wp-quality-process-card {
        padding: 22px 17px;
    }

    .wp-quality-note {
        align-items: flex-start;
    }

    .wp-quality-standards {
        padding: 25px 17px;
    }

    .wp-quality-matters-badge {
        width: 135px;
        height: 135px;
    }

    .wp-quality-matters-badge i {
        font-size: 27px;
    }

    .wp-quality-final {
        padding: 30px 18px;
    }

}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wp-process-page {
    width: 100%;
    padding: 75px 20px;
    background: #ffffff;
    color: #172033;
    line-height: 1.6;
    box-sizing: border-box;
}

.wp-process-page *,
.wp-process-page *::before,
.wp-process-page *::after {
    box-sizing: border-box;
}

.wp-process-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================================
   INTRO
   ========================================================= */

.wp-process-intro {
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
}

.wp-process-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #f5ad19;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.wp-process-intro h1 {
    margin: 0 0 22px;
    color: #14233b;
    font-size: 43px;
    line-height: 1.15;
    font-weight: 800;
}

.wp-process-intro p {
    max-width: 850px;
    margin: 0 auto 15px;
    color: #697386;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   PROCESS OVERVIEW
   ========================================================= */

.wp-process-overview {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 75px;
    padding: 25px 20px;
    background: #f7f9fc;
    border: 1px solid #e6eaf0;
    border-radius: 8px;
}

.wp-process-overview-item {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #14233b;
    white-space: nowrap;
}

.wp-process-overview-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #f5ad19;
    color: #14233b;
    font-size: 11px;
    font-weight: 800;
}

.wp-process-overview-item strong {
    font-size: 12px;
}

.wp-process-overview-line {
    width: 35px;
    height: 1px;
    margin: 0 12px;
    background: #d6dce4;
}


/* =========================================================
   PROCESS STEP
   ========================================================= */

.wp-process-step {
    position: relative;
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 30px;
    margin-bottom: 28px;
    padding: 38px;
    background: #f7f9fc;
    border: 1px solid #e5e9ef;
    border-radius: 9px;
}

.wp-process-step-reverse {
    background: #ffffff;
}

.wp-process-step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #14233b;
    color: #f5ad19;
    font-size: 22px;
    font-weight: 800;
}

.wp-process-step-content {
    min-width: 0;
}

.wp-process-step-label {
    display: block;
    margin-bottom: 5px;
    color: #f5ad19;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.wp-process-step-content h2 {
    margin: 0 0 12px;
    color: #14233b;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 800;
}

.wp-process-step-content > p {
    max-width: 900px;
    margin: 0 0 22px;
    color: #697386;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   CHECK GRID
   ========================================================= */

.wp-process-check-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px 15px;
}

.wp-process-check-grid div {
    padding: 11px 13px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    color: #515d6d;
    font-size: 12px;
    font-weight: 600;
}

.wp-process-check-grid i {
    margin-right: 7px;
    color: #f5ad19;
}


/* =========================================================
   MATERIALS
   ========================================================= */

.wp-process-material-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}

.wp-process-material-grid div,
.wp-process-packaging-grid div {
    padding: 12px 14px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    color: #515d6d;
    font-size: 12px;
    font-weight: 600;
}


/* =========================================================
   FEATURE GRID
   ========================================================= */

.wp-process-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.wp-process-feature-grid div {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 5px;
}

.wp-process-feature-grid i {
    color: #f5ad19;
    font-size: 16px;
}

.wp-process-feature-grid strong {
    color: #465264;
    font-size: 12px;
}


/* =========================================================
   BRANDING
   ========================================================= */

.wp-process-branding-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.wp-process-branding-grid div {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 5px;
    color: #4f5b6c;
    font-size: 12px;
    font-weight: 600;
}

.wp-process-branding-grid i {
    color: #f5ad19;
    font-size: 16px;
}


/* =========================================================
   STEP NOTE
   ========================================================= */

.wp-process-step-note {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 22px;
    padding: 16px 18px;
    background: #fff8e7;
    border-left: 4px solid #f5ad19;
    color: #5c6675;
    font-size: 12px;
    line-height: 1.6;
}

.wp-process-step-note i {
    flex: 0 0 auto;
    color: #f5ad19;
    font-size: 17px;
}


/* =========================================================
   QUALITY
   ========================================================= */

.wp-process-quality-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
}

.wp-process-quality-grid div {
    padding: 13px 12px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    color: #505b6b;
    font-size: 12px;
    font-weight: 600;
}

.wp-process-approved-box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 22px;
    padding: 18px 20px;
    background: #14233b;
    border-radius: 5px;
}

.wp-process-approved-box > i {
    color: #f5ad19;
    font-size: 25px;
}

.wp-process-approved-box strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
}

.wp-process-approved-box p {
    margin: 2px 0 0;
    color: #c8d0dc;
    font-size: 12px;
}


/* =========================================================
   FINISHING
   ========================================================= */

.wp-process-finish-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.wp-process-finish-grid div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 5px;
}

.wp-process-finish-grid i {
    color: #f5ad19;
    font-size: 18px;
}

.wp-process-finish-grid span {
    color: #4f5b6b;
    font-size: 12px;
    font-weight: 700;
}


/* =========================================================
   PACKAGING
   ========================================================= */

.wp-process-packaging-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}


/* =========================================================
   SHIPPING
   ========================================================= */

.wp-process-shipping-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

.wp-process-shipping-grid div {
    padding: 22px 12px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 5px;
    text-align: center;
}

.wp-process-shipping-grid i {
    display: block;
    margin-bottom: 10px;
    color: #f5ad19;
    font-size: 23px;
}

.wp-process-shipping-grid strong {
    display: block;
    color: #4d5869;
    font-size: 11px;
}


/* =========================================================
   QUALITY COMMITMENT
   ========================================================= */

.wp-process-quality-banner {
    display: grid;
    grid-template-columns: 80px 1fr;
    align-items: center;
    gap: 25px;
    margin: 60px 0 80px;
    padding: 42px 45px;
    background: #14233b;
    border-radius: 9px;
}

.wp-process-quality-banner-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #f5ad19;
    color: #14233b;
    font-size: 27px;
}

.wp-process-quality-banner .wp-process-step-label {
    color: #f5ad19;
}

.wp-process-quality-banner h2 {
    margin: 3px 0 10px;
    color: #ffffff;
    font-size: 27px;
}

.wp-process-quality-banner p {
    max-width: 850px;
    margin: 0;
    color: #cbd2dd;
    font-size: 13px;
    line-height: 1.8;
}


/* =========================================================
   WHY CHOOSE
   ========================================================= */

.wp-process-why-section {
    margin-bottom: 70px;
}

.wp-process-centered-heading {
    max-width: 750px;
    margin: 0 auto 35px;
    text-align: center;
}

.wp-process-centered-heading h2 {
    margin: 3px 0 12px;
    color: #14233b;
    font-size: 32px;
}

.wp-process-centered-heading p {
    margin: 0;
    color: #697386;
    font-size: 14px;
    line-height: 1.8;
}

.wp-process-benefit-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px;
}

.wp-process-benefit-grid div {
    padding: 17px 18px;
    border: 1px solid #e5e9ef;
    border-radius: 5px;
    color: #465264;
    background: #ffffff;
    font-size: 13px;
    font-weight: 700;
}

.wp-process-benefit-grid i {
    margin-right: 8px;
    color: #f5ad19;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.wp-process-final-cta {
    position: relative;
    overflow: hidden;
    padding: 55px 60px;
    background: #14233b;
    border-radius: 10px;
}

.wp-process-final-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
}

.wp-process-final-label {
    display: block;
    margin-bottom: 10px;
    color: #f5ad19;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.wp-process-final-cta h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 32px;
    line-height: 1.25;
}

.wp-process-final-cta p {
    margin: 0 0 25px;
    color: #cbd2dd;
    font-size: 14px;
    line-height: 1.8;
}

.wp-process-final-button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 23px;
    background: #f5ad19;
    color: #14233b !important;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all .25s ease;
}

.wp-process-final-button:hover {
    background: #ffffff;
    color: #14233b !important;
    text-decoration: none !important;
}

.wp-process-final-icon {
    position: absolute;
    right: 60px;
    bottom: -40px;
    color: rgba(255,255,255,.055);
    font-size: 190px;
    line-height: 1;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .wp-process-page {
        padding: 55px 20px;
    }

    .wp-process-intro h1 {
        font-size: 37px;
    }

    .wp-process-overview {
        flex-wrap: wrap;
        gap: 15px;
    }

    .wp-process-overview-line {
        display: none;
    }

    .wp-process-step {
        grid-template-columns: 70px 1fr;
        gap: 20px;
        padding: 30px;
    }

    .wp-process-step-number {
        width: 60px;
        height: 60px;
        font-size: 18px;
    }

    .wp-process-material-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-process-quality-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-process-shipping-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wp-process-benefit-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wp-process-page {
        padding: 45px 15px;
    }

    .wp-process-intro h1 {
        font-size: 30px;
    }

    .wp-process-intro p {
        font-size: 14px;
    }

    .wp-process-overview {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 50px;
        padding: 20px;
    }

    .wp-process-overview-item {
        justify-content: flex-start;
    }

    .wp-process-step {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 25px 20px;
    }

    .wp-process-step-number {
        width: 55px;
        height: 55px;
        font-size: 17px;
    }

    .wp-process-step-content h2 {
        font-size: 24px;
    }

    .wp-process-check-grid,
    .wp-process-material-grid,
    .wp-process-feature-grid,
    .wp-process-branding-grid,
    .wp-process-quality-grid,
    .wp-process-finish-grid,
    .wp-process-packaging-grid {
        grid-template-columns: 1fr;
    }

    .wp-process-shipping-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-process-quality-banner {
        grid-template-columns: 1fr;
        padding: 35px 25px;
        margin: 45px 0 55px;
    }

    .wp-process-quality-banner h2 {
        font-size: 24px;
    }

    .wp-process-benefit-grid {
        grid-template-columns: 1fr;
    }

    .wp-process-final-cta {
        padding: 40px 25px;
    }

    .wp-process-final-cta h2 {
        font-size: 26px;
    }

    .wp-process-final-icon {
        display: none;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .wp-process-intro h1 {
        font-size: 27px;
    }

    .wp-process-overview {
        grid-template-columns: 1fr;
    }

    .wp-process-overview-item {
        justify-content: center;
    }

    .wp-process-shipping-grid {
        grid-template-columns: 1fr;
    }

    .wp-process-step-note {
        align-items: flex-start;
    }

}
/* =========================================================
   WEARPAL APPAREL
   ========================================================= */

.wp-factory-page {
    width: 100%;
    background: #ffffff;
    color: #172033;
    padding: 75px 20px;
    line-height: 1.6;
    box-sizing: border-box;
}

.wp-factory-page *,
.wp-factory-page *::before,
.wp-factory-page *::after {
    box-sizing: border-box;
}

.wp-factory-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* =========================================================
   INTRO
   ========================================================= */

.wp-factory-intro {
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
}

.wp-factory-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: #f5ad19;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
}

.wp-factory-intro h1 {
    margin: 0 0 22px;
    color: #14233b;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 800;
}

.wp-factory-intro p {
    margin: 0 auto 15px;
    color: #697386;
    font-size: 16px;
    line-height: 1.85;
}


/* =========================================================
   HIGHLIGHTS
   ========================================================= */

.wp-factory-highlights {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 75px;
}

.wp-factory-highlight {
    padding: 30px 20px;
    text-align: center;
    background: #f7f9fc;
    border: 1px solid #e8ebf0;
    border-radius: 7px;
    transition: all .25s ease;
}

.wp-factory-highlight:hover {
    transform: translateY(-5px);
    border-color: #f5ad19;
    box-shadow: 0 12px 30px rgba(20, 35, 59, .08);
}

.wp-factory-highlight-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: #14233b;
    color: #f5ad19;
    font-size: 21px;
}

.wp-factory-highlight strong {
    display: block;
    margin-bottom: 5px;
    color: #14233b;
    font-size: 15px;
}

.wp-factory-highlight span {
    color: #7a8494;
    font-size: 12px;
}


/* =========================================================
   GENERAL SECTION
   ========================================================= */

.wp-factory-section {
    margin-bottom: 80px;
}

.wp-factory-section-heading {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.wp-factory-section-number {
    display: flex;
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f5ad19;
    color: #14233b;
    font-size: 15px;
    font-weight: 800;
}

.wp-factory-mini-title {
    display: block;
    margin-bottom: 4px;
    color: #f5ad19;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.wp-factory-section-heading h2 {
    margin: 0;
    color: #14233b;
    font-size: 30px;
    line-height: 1.25;
    font-weight: 800;
}

.wp-factory-lead {
    max-width: 900px;
    margin: 0 0 30px;
    color: #697386;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   PRODUCTION PROCESS
   ========================================================= */

.wp-factory-process-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.wp-factory-process-card {
    position: relative;
    min-height: 155px;
    padding: 28px 18px 20px;
    background: #f7f9fc;
    border: 1px solid #e7ebf0;
    border-radius: 6px;
    transition: all .25s ease;
}

.wp-factory-process-card:hover {
    transform: translateY(-4px);
    background: #ffffff;
    border-color: #f5ad19;
    box-shadow: 0 10px 25px rgba(20, 35, 59, .07);
}

.wp-factory-process-card > span {
    position: absolute;
    top: 12px;
    right: 14px;
    color: #d9dee6;
    font-size: 12px;
    font-weight: 800;
}

.wp-factory-process-card > i {
    display: block;
    margin-bottom: 15px;
    color: #f5ad19;
    font-size: 23px;
}

.wp-factory-process-card h3 {
    margin: 0;
    color: #14233b;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 700;
}

.wp-factory-note {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
    padding: 18px 20px;
    background: #fff8e7;
    border-left: 4px solid #f5ad19;
}

.wp-factory-note i {
    color: #f5ad19;
    font-size: 19px;
}

.wp-factory-note p {
    margin: 0;
    color: #5d6675;
    font-size: 13px;
}


/* =========================================================
   LIST GRID
   ========================================================= */

.wp-factory-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.wp-factory-list-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 5px;
    color: #4e596b;
    font-size: 13px;
    font-weight: 600;
}

.wp-factory-list-item i {
    color: #f5ad19;
    font-size: 13px;
}

.wp-factory-feature-message {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
    padding: 25px;
    background: #14233b;
    border-radius: 7px;
}

.wp-factory-feature-message > i {
    color: #f5ad19;
    font-size: 32px;
}

.wp-factory-feature-message strong {
    display: block;
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 16px;
}

.wp-factory-feature-message p {
    margin: 0;
    color: #c8d0dc;
    font-size: 13px;
}


/* =========================================================
   TEAM
   ========================================================= */

.wp-factory-team-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}

.wp-factory-team-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 70px;
    padding: 15px;
    border: 1px solid #e5e9ef;
    background: #ffffff;
    border-radius: 5px;
    color: #4f5a6b;
    font-size: 12px;
    font-weight: 700;
}

.wp-factory-team-item i {
    color: #f5ad19;
    font-size: 17px;
}

.wp-factory-centered-text {
    max-width: 800px;
    margin: 25px auto 0;
    padding: 20px;
    background: #f7f9fc;
    color: #697386;
    text-align: center;
    font-size: 14px;
    border-radius: 5px;
}


/* =========================================================
   PRODUCTS
   ========================================================= */

.wp-factory-products-section {
    padding: 55px 45px;
    background: #f7f9fc;
    border-radius: 10px;
}

.wp-factory-product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.wp-factory-product-grid div {
    padding: 17px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 5px;
    color: #344054;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
}

.wp-factory-custom-box {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 25px;
    padding: 22px 25px;
    background: #14233b;
    border-radius: 6px;
}

.wp-factory-custom-box > i {
    color: #f5ad19;
    font-size: 27px;
}

.wp-factory-custom-box strong {
    display: block;
    margin-bottom: 3px;
    color: #ffffff;
    font-size: 15px;
}

.wp-factory-custom-box p {
    margin: 0;
    color: #cbd2dd;
    font-size: 13px;
}


/* =========================================================
   QUALITY
   ========================================================= */

.wp-factory-quality-layout {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 35px;
    padding: 35px;
    background: #f7f9fc;
    border-radius: 8px;
}

.wp-factory-quality-intro {
    padding: 20px;
}

.wp-factory-quality-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin-bottom: 20px;
    border-radius: 50%;
    background: #14233b;
    color: #f5ad19;
    font-size: 25px;
}

.wp-factory-quality-intro h3 {
    margin: 0 0 12px;
    color: #14233b;
    font-size: 20px;
}

.wp-factory-quality-intro p {
    margin: 0;
    color: #697386;
    font-size: 13px;
    line-height: 1.8;
}

.wp-factory-quality-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    align-content: start;
}

.wp-factory-quality-list div {
    padding: 14px 15px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    color: #515d6d;
    font-size: 12px;
    font-weight: 600;
}

.wp-factory-quality-list i {
    margin-right: 7px;
    color: #f5ad19;
}


/* =========================================================
   CAPACITY
   ========================================================= */

.wp-factory-capacity {
    margin-bottom: 80px;
    padding: 55px 45px;
    background: #14233b;
    border-radius: 10px;
    text-align: center;
}

.wp-factory-capacity-heading {
    max-width: 700px;
    margin: 0 auto 35px;
}

.wp-factory-capacity .wp-factory-mini-title {
    color: #f5ad19;
}

.wp-factory-capacity h2 {
    margin: 5px 0 12px;
    color: #ffffff;
    font-size: 30px;
}

.wp-factory-capacity-heading p {
    margin: 0;
    color: #cbd2dd;
    font-size: 14px;
}

.wp-factory-capacity-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.wp-factory-capacity-grid div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 20px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 5px;
    text-align: left;
}

.wp-factory-capacity-grid i {
    color: #f5ad19;
    font-size: 20px;
}

.wp-factory-capacity-grid strong {
    color: #ffffff;
    font-size: 13px;
}

.wp-factory-capacity-bottom {
    max-width: 800px;
    margin: 30px auto 0;
    color: #cbd2dd;
    font-size: 13px;
}


/* =========================================================
   SUSTAINABILITY
   ========================================================= */

.wp-factory-sustainability-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.wp-factory-sustainability-grid > div {
    padding: 25px 17px;
    border: 1px solid #e5e9ef;
    border-radius: 6px;
    text-align: center;
}

.wp-factory-sustainability-grid i {
    display: block;
    margin-bottom: 15px;
    color: #f5ad19;
    font-size: 25px;
}

.wp-factory-sustainability-grid h3 {
    margin: 0 0 8px;
    color: #14233b;
    font-size: 14px;
}

.wp-factory-sustainability-grid p {
    margin: 0;
    color: #737d8d;
    font-size: 12px;
    line-height: 1.6;
}

.wp-factory-sustainability-message {
    margin-top: 25px;
    padding: 18px;
    background: #fff8e7;
    border-left: 4px solid #f5ad19;
    color: #4f5969;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}


/* =========================================================
   GLOBAL EXPORT
   ========================================================= */

.wp-factory-global {
    position: relative;
    overflow: hidden;
    margin-bottom: 80px;
    padding: 60px 50px;
    background: #f7f9fc;
    border-radius: 10px;
}

.wp-factory-global-content {
    position: relative;
    z-index: 2;
    max-width: 1050px;
    margin: 0 auto;
    text-align: center;
}

.wp-factory-global h2 {
    margin: 5px 0 15px;
    color: #14233b;
    font-size: 32px;
}

.wp-factory-global-content > p {
    max-width: 750px;
    margin: 0 auto 30px;
    color: #697386;
    font-size: 14px;
    line-height: 1.8;
}

.wp-factory-export-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}

.wp-factory-export-grid div {
    padding: 22px 12px;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    border-radius: 6px;
}

.wp-factory-export-grid i {
    display: block;
    margin-bottom: 10px;
    color: #f5ad19;
    font-size: 22px;
}

.wp-factory-export-grid span {
    display: block;
    color: #344054;
    font-size: 12px;
    font-weight: 700;
}

.wp-factory-global-bottom {
    margin-top: 25px !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   WHY CHOOSE US
   ========================================================= */

.wp-factory-why {
    margin-bottom: 75px;
}

.wp-factory-why-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.wp-factory-why-grid div {
    padding: 17px 18px;
    border: 1px solid #e5e9ef;
    border-radius: 5px;
    color: #465264;
    font-size: 13px;
    font-weight: 700;
}

.wp-factory-why-grid i {
    margin-right: 9px;
    color: #f5ad19;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.wp-factory-cta {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 55px 60px;
    background: #14233b;
    border-radius: 10px;
}

.wp-factory-cta-content {
    position: relative;
    z-index: 2;
    max-width: 820px;
}

.wp-factory-cta-label {
    display: block;
    margin-bottom: 10px;
    color: #f5ad19;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.wp-factory-cta h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 32px;
    line-height: 1.25;
}

.wp-factory-cta p {
    margin: 0 0 25px;
    color: #cbd2dd;
    font-size: 14px;
    line-height: 1.8;
}

.wp-factory-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 23px;
    background: #f5ad19;
    color: #14233b !important;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all .25s ease;
}

.wp-factory-cta-button:hover {
    background: #ffffff;
    color: #14233b !important;
}

.wp-factory-cta-icon {
    position: absolute;
    right: 60px;
    bottom: -30px;
    color: rgba(255,255,255,.055);
    font-size: 180px;
    line-height: 1;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .wp-factory-page {
        padding: 55px 20px;
    }

    .wp-factory-intro h1 {
        font-size: 37px;
    }

    .wp-factory-highlights {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-factory-process-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wp-factory-team-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wp-factory-product-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wp-factory-sustainability-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wp-factory-export-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .wp-factory-quality-layout {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wp-factory-page {
        padding: 45px 15px;
    }

    .wp-factory-intro {
        margin-bottom: 40px;
    }

    .wp-factory-intro h1 {
        font-size: 30px;
    }

    .wp-factory-intro p {
        font-size: 14px;
    }

    .wp-factory-highlights {
        grid-template-columns: 1fr;
        margin-bottom: 55px;
    }

    .wp-factory-section {
        margin-bottom: 55px;
    }

    .wp-factory-section-heading {
        gap: 13px;
    }

    .wp-factory-section-number {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
        font-size: 13px;
    }

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

    .wp-factory-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

    .wp-factory-team-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-factory-products-section {
        padding: 35px 20px;
    }

    .wp-factory-product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-factory-quality-layout {
        padding: 20px;
    }

    .wp-factory-quality-list {
        grid-template-columns: 1fr;
    }

    .wp-factory-capacity {
        padding: 40px 20px;
    }

    .wp-factory-capacity-grid {
        grid-template-columns: 1fr;
    }

    .wp-factory-sustainability-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-factory-global {
        padding: 40px 20px;
    }

    .wp-factory-export-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-factory-why-grid {
        grid-template-columns: 1fr;
    }

    .wp-factory-cta {
        padding: 40px 25px;
    }

    .wp-factory-cta h2 {
        font-size: 26px;
    }

    .wp-factory-cta-icon {
        display: none;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .wp-factory-intro h1 {
        font-size: 27px;
    }

    .wp-factory-process-grid {
        grid-template-columns: 1fr;
    }

    .wp-factory-team-grid {
        grid-template-columns: 1fr;
    }

    .wp-factory-product-grid {
        grid-template-columns: 1fr;
    }

    .wp-factory-sustainability-grid {
        grid-template-columns: 1fr;
    }

    .wp-factory-export-grid {
        grid-template-columns: 1fr;
    }

    .wp-factory-feature-message {
        align-items: flex-start;
    }

}
/* =========================================================
   WEARPAL APPAREL - 
   ========================================================= */

.wp-size-guide {
    width: 100%;
    background: #ffffff;
    padding: 70px 20px;
    color: #172033;
    box-sizing: border-box;
}

.wp-size-guide *,
.wp-size-guide *:before,
.wp-size-guide *:after {
    box-sizing: border-box;
}

.wp-size-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}


/* PAGE INTRO */

.wp-size-intro {
    max-width: 820px;
    margin: 0 auto 40px;
    text-align: center;
}

.wp-size-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: #f5ad19;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
}

.wp-size-intro h1 {
    margin: 0 0 18px;
    color: #14233b;
    font-size: 42px;
    line-height: 1.15;
    font-weight: 800;
}

.wp-size-intro p {
    margin: 0;
    color: #697386;
    font-size: 16px;
    line-height: 1.8;
}


/* NOTICE */

.wp-size-notice {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 55px;
    padding: 20px 25px;
    background: #f7f9fc;
    border-left: 4px solid #f5ad19;
    color: #596579;
    font-size: 14px;
    line-height: 1.7;
}

.wp-size-notice-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #14233b;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.wp-size-notice-icon .fa {
    font-size: 27px;
}
.wp-size-notice strong {
    color: #14233b;
}


/* SECTION */

.wp-size-section {
    margin-bottom: 65px;
}

.wp-size-heading {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

.wp-size-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 55px;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #f5ad19;
    color: #14233b;
    font-size: 15px;
    font-weight: 800;
}

.wp-size-heading h2 {
    margin: 0 0 5px;
    color: #14233b;
    font-size: 27px;
    font-weight: 800;
}

.wp-size-heading p {
    margin: 0;
    color: #7a8494;
    font-size: 14px;
}


/* TABLE */

.wp-size-table-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e5e9ef;
    border-radius: 8px;
    background: #ffffff;
}

.wp-size-table {
    width: 100%;
    min-width: 650px;
    border-collapse: collapse;
    border-spacing: 0;
}

.wp-size-table th {
    padding: 17px 18px;
    background: #14233b;
    color: #ffffff;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .3px;
}

.wp-size-table td {
    padding: 16px 18px;
    border-bottom: 1px solid #e8ebf0;
    color: #5e697a;
    text-align: center;
    font-size: 14px;
}

.wp-size-table tbody tr:last-child td {
    border-bottom: 0;
}

.wp-size-table tbody tr:nth-child(even) {
    background: #f8fafc;
}

.wp-size-table tbody tr:hover {
    background: #fff8e8;
}

.wp-size-table td:first-child {
    color: #14233b;
    font-weight: 800;
}


/* MEASUREMENT SECTION */

.wp-size-measure {
    margin-top: 15px;
    margin-bottom: 65px;
    padding: 50px 40px;
    background: #f7f9fc;
    border-radius: 10px;
}

.wp-size-heading-center {
    margin-bottom: 35px;
}

.wp-measure-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.wp-measure-card {
    padding: 28px 22px;
    background: #ffffff;
    border: 1px solid #e7ebf0;
    text-align: center;
    border-radius: 7px;
    transition: all .25s ease;
}

.wp-measure-card:hover {
    transform: translateY(-5px);
    border-color: #f5ad19;
    box-shadow: 0 10px 30px rgba(20, 35, 59, .08);
}

.wp-measure-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin: 0 auto 18px;
    border-radius: 50%;
    background: #14233b;
    color: #f5ad19;
    font-size: 21px;
}
.wp-measure-icon .fa {
    font-size: 27px;
}
.wp-measure-card h3 {
    margin: 0 0 10px;
    color: #14233b;
    font-size: 17px;
    font-weight: 800;
}

.wp-measure-card p {
    margin: 0;
    color: #727c8c;
    font-size: 13px;
    line-height: 1.7;
}


/* CUSTOM SIZE CTA */

.wp-custom-size-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    padding: 45px 50px;
    background: #14233b;
    border-radius: 10px;
}

.wp-custom-size-content {
    position: relative;
    z-index: 2;
    max-width: 760px;
}

.wp-custom-size-label {
    display: block;
    margin-bottom: 10px;
    color: #f5ad19;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

.wp-custom-size-content h2 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 800;
}

.wp-custom-size-content p {
    margin: 0 0 25px;
    color: #cbd2dd;
    font-size: 14px;
    line-height: 1.8;
}

.wp-custom-size-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 22px;
    background: #f5ad19;
    color: #14233b !important;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all .25s ease;
}

.wp-custom-size-btn:hover {
    background: #ffffff;
    color: #14233b !important;
    text-decoration: none !important;
}

.wp-custom-size-icon {
    position: absolute;
    right: 55px;
    bottom: -20px;
    color: rgba(255, 255, 255, .06);
    font-size: 150px;
    line-height: 1;
}


/* TABLET */

@media (max-width: 991px) {

    .wp-size-guide {
        padding: 55px 20px;
    }

    .wp-size-intro h1 {
        font-size: 36px;
    }

    .wp-measure-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .wp-size-measure {
        padding: 40px 25px;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    .wp-size-guide {
        padding: 45px 15px;
    }

    .wp-size-intro h1 {
        font-size: 30px;
    }

    .wp-size-intro p {
        font-size: 14px;
    }

    .wp-size-notice {
        align-items: flex-start;
        padding: 18px;
        font-size: 13px;
    }

    .wp-size-heading {
        gap: 13px;
    }

    .wp-size-number {
        flex: 0 0 45px;
        width: 45px;
        height: 45px;
        font-size: 13px;
    }

    .wp-size-heading h2 {
        font-size: 22px;
    }

    .wp-size-heading p {
        font-size: 12px;
    }

    .wp-size-section {
        margin-bottom: 45px;
    }

    .wp-measure-grid {
        grid-template-columns: 1fr;
    }

    .wp-size-measure {
        padding: 35px 18px;
    }

    .wp-custom-size-box {
        padding: 35px 25px;
    }

    .wp-custom-size-content h2 {
        font-size: 24px;
    }

    .wp-custom-size-icon {
        display: none;
    }

}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .wp-size-intro h1 {
        font-size: 27px;
    }

    .wp-size-notice {
        display: block;
    }

    .wp-size-notice-icon {
        margin-bottom: 12px;
    }

    .wp-size-table th,
    .wp-size-table td {
        padding: 13px 12px;
    }

    .wp-custom-size-box {
        padding: 30px 20px;
    }

}
.bottom-social { float: left; text-align: center; margin: 20px 0px 20px 0px; padding: 0; width: 100%; }
.bottom-social ul {margin:0; padding:0; list-style:none;}
.bottom-social li {display: inline-block;  color: #fff;  text-align: center;  }
.bottom-social li a { display: inline; font-size: 17px; float: left; background: none; color: #fdfdfd; width: 32px; height: 32px; text-align: center; line-height: 32px; text-decoration: none; margin-left: 2px; }
.bottom-social li:hover a{ color:#fff;}
.bottom-social li:hover a.fa-facebook{color:#3b5998;  }
.bottom-social li:hover a.fa-whatsapp{color:#25D366;  }
.bottom-social li:hover a.fa-twitter{color:#1cb7eb;  }
.bottom-social li:hover a.fa-google-plus{color:#e3411f;  }
.bottom-social li:hover a.fa-linkedin{color:#0177b5;  }
.wpac {
    font-size: 16px;
}
.wpac strong {
    font-size: 18px;
    line-height: 41px;
}
.wpac a {
    color: #666;
    text-decoration: none;
}
.wpac a:hover {
    color: #fe4411;
    text-decoration: none;
}
.top-menu {
    float: left;
    width: 100%;
    margin: 0;
    background: none;
    padding: 0;
}
.top-menu .navbar {
    float: left;
    width: 100%;
    margin: 0;
    background: none;
    padding: 0;
	min-height: auto;
}
.top-menu .navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
}
.top-menu .nav>li>a {
    position: relative;
    display: block;
    padding: 0px 9px 0px 9px;
    margin: 0;
    line-height: 31px;
    color: #fff;
    text-decoration: none;
    text-transform: none;
}
.top-menu .nav>li>a:hover,.nav>li>a:focus, .nav>li>a:active {
    color: #fff;
    text-decoration: none;
    text-transform: none;
	background: none !important;
}
.top-menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgb(0 0 0 / 20%);
}
.top-menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}
/* logo */
header{
	float: left;
	width: 100%;
}
#common-home{
	float: left;
	width: 100%;
}
#logo {
	margin: 0px 0px 0px 0px;
}
.qoute {
    float: left;
    width: 100%;
    margin: 35px 0px 20px 0px;
    padding: 0;
    text-align: center;
}
.qoute a {
    margin: 0;
   background: #ef4823;
    font-size: 20px;
    color: #fff;
    padding:14px 32px;
    border-radius:6px;
}
.qoute a:hover {
   
}
/* search */
#search {
	margin: 28px 0px 10px 0px;
}
#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
    border-color: #ef4823;
}
#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 35px;
    background: #ef4823 !important;
    border-color: #ef4823 !important;
}
#search .btn-lg .fa {
	color: #fff;
}
.fabric-guide{
    padding:40px 0 60px;
}

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

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

.section-title{
    margin-bottom:35px;
    font-weight:700;
    color:#222;
}

.fabric-list{
    padding:0;
    margin-top:20px;
    list-style:none;
}

.fabric-list li{
    padding:8px 0;
    font-size:16px;
}

.fabric-list i{
    color:#28a745;
    margin-right:8px;
}

.fabric-box{
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:6px;
    margin-bottom:30px;
    text-align:center;
    overflow:hidden;
    transition:.3s;
}

.fabric-box:hover{
    box-shadow:0 8px 25px rgba(0,0,0,.12);
    transform:translateY(-5px);
}

.fabric-box img{
    width:100%;
    height:230px;
    object-fit:cover;
}

.fabric-box h3{
    margin:20px 15px 10px;
    font-size:22px;
}

.fabric-box p{
    padding:0 20px;
    min-height:90px;
    color:#666;
}

.fabric-box .label{
    display:inline-block;
    margin-bottom:20px;
    padding:8px 15px;
    font-size:13px;
}

.feature-box{
    text-align:center;
    padding:30px 20px;
    border:1px solid #eee;
    margin-bottom:30px;
    background:#fff;
    transition:.3s;
}

.feature-box:hover{
    background:#f8f8f8;
}

.feature-box i{
    font-size:42px;
    color:#0b7dda;
    margin-bottom:15px;
}

.fabric-cta{
    margin-top:60px;
    background:#0b7dda;
    color:#fff;
    padding:50px 30px;
    border-radius:6px;
}

.fabric-cta h2{
    margin-top:0;
    margin-bottom:15px;
}

.fabric-cta .btn{
    margin-top:20px;
}
.wp-about-page{
color:#444;
    font-size: 16px;
    float:left;
    width:100%;
}
.about-hero3{
    padding:80px 0;
    background:#f7f8fb;
}
.hero-content3{
    display:flex;
    align-items:center;
    gap:60px;
}


.hero-text3 h1{
    font-size:60px;
    line-height:1.1;
    margin-bottom:25px;
}

.hero-text3 p{
    font-size:20px;
    line-height:1.8;
}

.hero-image3{
    width:100%;
}

.hero-image3 img{
    width:100%;
    height:500px;
    object-fit:cover;
    border-radius:15px;
    display:block;
}
.sub-title{
    display:inline-block;
    color:#ff5a1f;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:15px;
}

.hero-text3 h1{
    font-size:58px;
    line-height:1.1;
    font-weight:800;
    color:#0b2341;
    margin-bottom:25px;
}

.hero-text3 p{
    font-size:18px;
    color:#666;
    line-height:1.9;
    margin-bottom:35px;
}

.hero-btn3{
    display:inline-block;
    padding:15px 38px;
    background:#0056b3;
    color:#fff;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.hero-btn3:hover{
    background:#ff5a1f;
    color:#fff;
}

@media(max-width:991px){

.hero-content3{
    flex-direction:column-reverse;
    text-align:center;
}

.hero-text3{
    max-width:100%;
}

.hero-image3{
    text-align:center;
}

.hero-text3 h1{
    font-size:42px;
}

.hero-image3 img{
    max-width:100%;
}

}
.wp-about-page .section-tag{
display:inline-block;
padding:6px 15px;
background:#0056b3;
color:#fff;
border-radius:30px;
margin-bottom:15px;
font-size:14px;
}

.wp-about-page .hero-text3 h1{
font-size:42px;
margin-bottom:20px;
color:#222;
}

.wp-about-page .hero-btn3{
display:inline-block;
margin-top:25px;
padding:14px 35px;
background:#0056b3;
color:#fff;
text-decoration:none;
border-radius:4px;
transition:.3s;
}

.wp-about-page .hero-btn3:hover{
background:#003f87;
color:#fff;
}

.wp-about-page .about-section,
.wp-about-page .products-section,
.wp-about-page .services-section,
.wp-about-page .why-section,
.wp-about-page .process-section,
.wp-about-page .vision-section{
padding:70px 0;
}

.wp-about-page .section-title{
text-align:center;
margin-bottom:50px;
}
.wp-about-page .section-title p {
    font-size: 16px;
}
.wp-about-page .section-title h2{
font-size:34px;
color:#222;
}

.wp-about-page .products-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:25px;
}

.wp-about-page .products-grid .item{
background:#fff;
padding:30px;
text-align:center;
border:1px solid #eee;
border-radius:8px;
transition:.3s;
}

.wp-about-page .products-grid .item:hover{
transform:translateY(-5px);
box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.wp-about-page .products-grid i{
font-size:42px;
color:#0056b3;
margin-bottom:15px;
}

.wp-about-page .service-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:15px;
}

.wp-about-page .service-grid span{
background:#0056b3;
color:#fff;
padding:15px;
text-align:center;
border-radius:5px;
}

.wp-about-page .why-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}

.wp-about-page .why-grid div{
padding:20px;
background:#f8f8f8;
border-left:5px solid #0056b3;
font-weight:600;
}

.wp-about-page .why-grid i{
color:#28a745;
margin-right:10px;
}

.wp-about-page .timeline{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.wp-about-page .timeline div{
padding:25px;
background:#fff;
border:1px solid #ddd;
text-align:center;
border-radius:6px;
font-weight:600;
}

.wp-about-page .vision-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(400px,1fr));
gap:30px;
}

.wp-about-page .vision-grid div{
padding:35px;
background:#f7f9fc;
border-radius:8px;
}

.wp-about-page .about-cta {
    background: #0056b3;
    padding: 80px 20px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    margin: 10px 0px 30px 0px;
}

.wp-about-page .about-cta h2{
font-size:38px;
margin-bottom:20px;
color: #ffffff;
}

.wp-about-page .about-cta p{
max-width:800px;
margin:0 auto 30px;
}

.wp-about-page .about-cta .hero-btn3{
background:#fff;
color:#0056b3;
}

.wp-about-page .about-cta .hero-btn3:hover{
background:#222;
color:#fff;
}

@media(max-width:768px){

.wp-about-page .hero-text h1{
font-size:32px;
}

.wp-about-page .hero-content{
flex-direction:column;
}

.wp-about-page .vision-grid{
grid-template-columns:1fr;
}

}
/* cart */
#cart {
	margin: 28px 0px 10px 0px;
}
#cart > .btn {
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
    background: #ef4823 !important;
    border-color: #ef4823 !important;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #fff !important;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #fff !important;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
	overflow-y: auto;
	max-height: 800px;
	scrollbar-width: thin;
	overflow-x: hidden;
}
#cart:hover .dropdown-menu {
	display: block;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
    float: left;
    padding: 2px 15px 0px 0px;
    width: 100%;
    text-align: center;
    background: #ef4823;
    min-height: auto !important;
    margin: 0;
    border: 0;
    border-radius: 0;
}
#menu .nav > li > a {
    color: #fff;
    font-size: 16px;
    padding: 0px 19px 0px 19px;
    line-height: 50px;
    text-transform: none;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
    min-width: 256px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 24px;
    color: #333333;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
}
#menu .dropdown-inner li a:hover {
	color: #ef4823;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
.main-banner {
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.maincatq {
	float:left;
	width:100%;
	
}
.maictf {
}
.maincategory {
	 float: left;
    width: 100%;
    margin-bottom: 10px;
}
.maincategory h2 {
	 float: left;
    width: 100%;
    margin-bottom: 10px;
}
.maictr {
    float: left;
    width: 100%;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    transition: .8s;
	position:relative;
}
.maictr a img {
	float: left;
    width: 100%;
    text-align: left;
    background: #ee1d25;
    font-size: 21px;
    color: #fff;
    line-height: 40px;
	 transition: .8s; 
}
.op_process{
    padding: 0;
    list-style: none;
    margin-top: 25px;	
}
.op_process li{
    background: url(../image/icons_strip-min.png);
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    padding: 135px 0px 20px;
    background-repeat: no-repeat;
    width: 162px;
}
.op_process li:first-child{
    background-position: 40px top;
}
.op_process li:nth-child(2){
	background-position: -227px top;
}
.op_process li:nth-child(3){
	background-position: -475px top;
}
.op_process li:nth-child(4){
	background-position: -719px top;	
}
.op_process li:nth-child(5){
	background-position: -1005px top;		
}
.op_process li:nth-child(6){
	background-position: -1349px top;		
}
.op_process li:last-child{
	background-position: -1628px top;	
}
.catlinks {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    padding-left: 5px;
	 transition: .8s; 
	bottom: 0;
	position:absolute;
}
.catlinks a {
    text-align: left;
    font-size: 21px;
    color: #fff;
    line-height: 47px;
    transition: .8s;
    outline: none;
    margin-left: 10px;
    text-transform: uppercase;
    border-bottom: 4px solid #ea3a3a;
    text-shadow: 2px 2px 2px #000;
    font-weight: bold;
}
.catlinks .fa {
    background: #363636;
    padding: 17px;
    float: right;
	 transition: .8s; 
}

.maictr:hover .catlinks {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
	padding-left: 5px;
	position:absolute;
	 transition: .8s; 
	outline: none;
	bottom:90px;
	text-align:center;
	
}
.maictr:hover .catlinks a {
   border-bottom: 4px solid transparent;
   text-align:center;
}
.maictr:hover, .maictr:active, .maictr:focus {
	 transition: .8s; 
	outline: none;
}
.maictr:hover .er1{
	display:block !important;
}
.er1 {
	  float: left;
	 width: 100%;
	 display:none;
}
.yw {

  
    border-bottom: 0px !important;
    text-align: center !important;
    font-size: 12px !important;
    background: #ea3a3a;
    margin: 0px 0px 0px 0px;
    padding: 5px 13px 6px 13px;
    line-height: 22px !important;
    border-radius: 5px;
}
.mcty {
    float: left;
    width: 100%;
    text-align: center;
    color: #545454;
    font-size: 29px;
    font-weight: 600;
    text-decoration: none;
    text-decoration-color: #636262;
    text-decoration-thickness: 3px;
    text-transform: uppercase;
}
.op_process{
    padding: 0;
    list-style: none;
    margin-top: 25px;	
}
.op_process li{
    background: url(../image/icons_strip-min.png);
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    padding: 135px 0px 20px;
    background-repeat: no-repeat;
    width: 162px;
}
.op_process li:first-child{
    background-position: 40px top;
}
.op_process li:nth-child(2){
	background-position: -227px top;
}
.op_process li:nth-child(3){
	background-position: -475px top;
}
.op_process li:nth-child(4){
	background-position: -719px top;	
}
.op_process li:nth-child(5){
	background-position: -1005px top;		
}
.op_process li:nth-child(6){
	background-position: -1349px top;		
}
.op_process li:last-child{
	background-position: -1628px top;	
}
.featd{
	float:left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.wp1239 {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    margin-bottom: 25px;
}
.wp1239 .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 0px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.wp1239 .wp369 {
    float: left;
    width: 100%;
    background: #525252;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 41px;
}
.wp1239 .wp369 a {
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 41px;
}
.wp1239:hover .wp369  {
    color: #fff;
    background: #ef4823;
}
/* content */
#content {
	min-height: 600px;
}
.in-f-box {
    padding: 0px 10px;
    color: #fff;
    width: 100%;
    float: left;
}

.box { background: transparent; margin-top: 0px; margin-bottom: 20px; padding: 0px; border: 1px solid #e5e5e5; transform: scale(1); transition-delay: 0s, 0s, 0s; transition-duration: 1s, 1s, 0.5s; transition-property: background-color, -moz-box-shadow, -moz-transform; transition-timing-function: ease, ease, ease; float: left; }
.box-img { padding: 10px 0px; width: 100%; float: left; background: #fff; }
.box img { width: 100%; float: right; padding: 15px 0px; text-align: center; }
.thumbs_link { border-top: 1px solid #ececec; float: left; width: 100%; min-height: 115px; background: #fff; }
.thumbs_link h3 { color: #808285; float: left; font-size: 15px; width: 100%; text-align: center; text-transform: uppercase;    font-weight: bold; }
.thumbs_link h3 a { color: #808285; text-decoration: none; }
.thumbs_link p { color: #ff0000; float: left; font-size:14px; font-weight: 500; width: 100%; text-align: center; }
.box:hover { position: relative; z-index: 1; box-shadow: 0 0 25px rgba(51, 51, 51, 0.5); transform: scale(1.1); }
.piqw {float:left; width:100%; margin:0; padding:0; text-align:center;}
.piqw .inqs { width: 50%; float: left; }
.inqss {color:#6A6969;}
.inqss:hover {color:#f47378;}
.binq { border: none; background: none !important; color: #6a6969; outline:none !important; }
.inqss i {font-size: 14px;}
.binq:hover,.binq:active,.binq:focus { border: none; background: none !important; color: #f47378; outline:none !important;}
.piqw .qiuckbasketds{width: 50%; float: left;}
.qiuckbasketds i {font-size: 14px;}
/* footer */

/*=====================================
 Footer
======================================*/

.footer{
    width: 100%;
    float: left;
    background:#565656;
    color:#d8d8d8;
    border-top:4px solid #0F2D52;
    padding:70px 0 0;
}

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

.footer-logo{
    max-width:220px;
    margin-bottom:25px;
}

.footer-widget h3{
    color:#fff;
    font-size:22px;
    font-weight:700;
    margin-bottom:25px;
    position:relative;
}

.footer-widget h3:after{
    content:"";
    width:45px;
    height:3px;
    background:#FF5A1F;
    position:absolute;
    left:0;
    bottom:-10px;
}

.footer-widget p{
    color:#d5d5d5;
    line-height:1.9;
    font-size:15px;
}

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

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

.footer-widget ul li a{
    color:#d8d8d8;
    text-decoration:none;
    transition:.3s;
}

.footer-widget ul li a:hover{
    color:#FF5A1F;
    padding-left:6px;
}

.footer-contact li{
    color:#d8d8d8;
    line-height:28px;
}

.footer-contact i{
    width:22px;
    color:#FF5A1F;
}

/* Social */

.footer-social{
    margin:25px 0;
}

.footer-social a{
    width:42px;
    height:42px;
    line-height:42px;
    display:inline-block;
    text-align:center;
    background:#0F2D52;
    color:#fff;
    border-radius:50%;
    margin-right:8px;
    transition:.3s;
    margin-bottom: 10px;
}

.footer-social a:hover{
    background:#FF5A1F;
    color:#fff;
}

/* Newsletter */

.newsletter{
    display:flex;
    margin-top:20px;
}

.newsletter input{
    flex:1;
    height:45px;
    border:none;
    padding:0 15px;
    color:#333;
    border-radius:5px 0 0 5px;
}

.newsletter button{
    border:none;
    background:#FF5A1F;
    color:#fff;
    padding:0 20px;
    font-weight:600;
    border-radius:0 5px 5px 0;
    transition:.3s;
}

.newsletter button:hover{
    background:#0F2D52;
}

/* Bottom */

.footer-bottom{
    background:#4d4d4d;
    margin-top:40px;
    padding:18px 0;
    color:#ccc;
    font-size:14px;
}

.footer-bottom .text-right{
    text-align:right;
}

/* Responsive */

@media(max-width:991px){

.footer{
    padding-top:60px;
}

}

@media(max-width:767px){

.footer{
    text-align:center;
}

.footer-widget h3:after{
    left:50%;
    transform:translateX(-50%);
}

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

.newsletter{
    display:block;
}

.newsletter input{
    width:100%;
    border-radius:5px;
    margin-bottom:10px;
}

.newsletter button{
    width:100%;
    border-radius:5px;
    height:45px;
}

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

}
/* ===========================
   Trust Badges
=========================== */

.trust-badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    margin: 40px 0;
}

.trust-item {
    width: 250px;
    background: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 30px 20px;
    text-align: center;
    transition: all .3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

.trust-item:hover {
    transform: translateY(-8px);
    border-color: #FF5A1F;
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
}

.trust-item i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    background: #0F2D52;
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 20px;
    transition: .3s;
}

.trust-item:hover i {
    background: #FF5A1F;
}

.trust-item h4 {
    font-size: 22px;
    color: #0F2D52;
    font-weight: 700;
    margin-bottom: 10px;
}

.trust-item p {
    font-size: 15px;
    color: #6B7280;
    line-height: 1.6;
    margin: 0;
}

/* Mobile */

@media (max-width:768px){

.trust-item{
    width:100%;
}

}
/* Why Wearpal Apparel */

.why-us{
    padding:80px 0;
    background:#f8f9fb;
}

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

.section-title h2{
    font-size:38px;
    font-weight:700;
    color:#0F2D52;
    margin-bottom:15px;
}

.section-title p{
    color:#777;
    font-size:16px;
}

.why-grid{
    display:flex;
    flex-wrap:wrap;
    margin:-15px;
}

.why-box{
    width:33.333%;
    padding:15px;
    box-sizing:border-box;
}

.why-box{
    text-align:center;
}

.why-box > div,
.why-box{
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    padding:35px 25px;
    transition:.3s;
}

.why-box:hover{
    border-color:#FF5A1F;
    box-shadow:0 12px 25px rgba(0,0,0,.08);
    transform:translateY(-6px);
}

.why-box i{
    width:70px;
    height:70px;
    line-height:70px;
    border-radius:50%;
    background:#0F2D52;
    color:#fff;
    font-size:28px;
    margin-bottom:20px;
    transition:.3s;
}

.why-box:hover i{
    background:#FF5A1F;
}

.why-box h4{
    font-size:22px;
    font-weight:700;
    color:#0F2D52;
    margin-bottom:15px;
}

.why-box p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin:0;
}

@media(max-width:991px){

.why-box{
    width:50%;
}

}

@media(max-width:767px){

.why-box{
    width:100%;
}

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

}
.hero-banner{
    position:relative;
    min-height:780px;
    display:flex;
    align-items:center;
    background:url('../image/wearpal-banner.jpg') center center/cover no-repeat;
    overflow:hidden;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(15,45,82,.92) 0%,
        rgba(15,45,82,.75) 45%,
        rgba(15,45,82,.25) 100%
    );
}

.hero-content{
    position:relative;
    z-index:2;
    max-width:720px;
    color:#fff;
}

.hero-tag {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 30px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
}

.hero-content h1{
    font-size:60px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:20px;
    color:#fff;
}

.hero-content h1 span{
    display:block;
    color:#FF5A1F;
}

.hero-subtitle{
    font-size:22px;
    margin-bottom:35px;
    line-height:1.8;
    color:#fff;
}

.hero-subtitle span{
    color:#FF5A1F;
    padding:0 10px;
    font-weight:700;
}

.hero-buttons{
    margin-bottom:45px;
}

.btn-quote,
.btn-products{
    display:inline-block;
    padding:16px 36px;
    border-radius:5px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    transition:.3s;
}

.btn-quote{
    background:#FF5A1F;
    color:#fff;
    margin-right:15px;
}

.btn-quote:hover{
    background:#e84b11;
    color:#fff;
}

.btn-products{
    border:2px solid #fff;
    color:#fff;
}

.btn-products:hover{
    background:#fff;
    color:#0F2D52;
}

.hero-buttons i{
    margin-right:8px;
}

.hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding-bottom: 20px;
}
.trust-item{
    display:flex;
    align-items:center;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.15);
    border-radius:40px;
    padding:10px 18px;
    backdrop-filter:blur(8px);
}

.trust-item i {
    color: #fff;
    font-size: 32px;
    margin-right: 10px;
}

.trust-item span{
    color:#fff;
    font-size:15px;
    font-weight:600;
}

@media(max-width:768px){

.hero-banner{
    min-height:650px;
    text-align:center;
}

.hero-content{
    max-width:100%;
}

.hero-content h1{
    font-size:38px;
}

.hero-subtitle{
    font-size:17px;
}

.btn-quote,
.btn-products{
    display:block;
    width:100%;
    margin:0 0 15px;
}

.hero-trust{
    justify-content:center;
}

}
/* ===========================
   Shop by Category
=========================== */

.shop-category {
    padding: 80px 0;
    background: #f8f9fb;
}

.shop-category .section-title {
    margin-bottom: 50px;
}

.shop-category .section-title h2 {
    font-size: 40px;
    font-weight: 700;
    color: #0F2D52;
    margin-bottom: 15px;
}

.shop-category .section-title p {
    color: #666;
    font-size: 16px;
    max-width: 650px;
    margin: 0 auto;
    line-height: 1.8;
}

/* Card */

.category-card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 30px;
    text-decoration: none;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
    transition: all .35s ease;
}

.category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,.15);
}

.category-card img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: .5s;
}

.category-card:hover img {
    transform: scale(1.08);
}

/* Overlay */

.category-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 25px 20px;
    background: linear-gradient(to top,
        rgba(15,45,82,.95),
        rgba(15,45,82,.30),
        transparent);
    transition: .35s;
}

.category-card:hover .category-content {
    background: linear-gradient(to top,
        rgba(255,90,31,.95),
        rgba(255,90,31,.30),
        transparent);
}

.category-content h3 {
    color: #fff;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
}

/* Optional "Explore" text */

.category-content:after {
    content: "Explore →";
    display: block;
    margin-top: 8px;
    font-size: 14px;
    color: rgba(255,255,255,.85);
    opacity: 0;
    transition: .3s;
}

.category-card:hover .category-content:after {
    opacity: 1;
}

/* Responsive */

@media (max-width:1199px){

.category-card img{
    height:220px;
}

}

@media (max-width:991px){

.category-card img{
    height:230px;
}

}

@media (max-width:767px){

.shop-category{
    padding:60px 0;
}

.shop-category .section-title h2{
    font-size:32px;
}

.category-card img{
    height:250px;
}

.category-content h3{
    font-size:20px;
}

}
/*=====================================
  Featured Products
=====================================*/

.featured-products{
    padding:80px 0;
    background:#f8f9fb;
}

.featured-products .section-title{
    margin-bottom:50px;
}

.featured-products .section-title h2{
    font-size:40px;
    font-weight:700;
    color:#0F2D52;
    margin-bottom:15px;
}

.featured-products .section-title p{
    font-size:16px;
    color:#666;
    max-width:700px;
    margin:0 auto;
    line-height:1.8;
}

/* Product Card */

.product-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:30px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:all .35s ease;
}

.product-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

/* Product Image */

.product-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.5s;
}

.product-card:hover img{
    transform:scale(1.08);
}

/* Product Info */

.product-info{
    padding:20px;
    text-align:center;
}

.product-info h3{
    margin:0 0 15px;
    font-size:22px;
    font-weight:700;
}

.product-info h3 a{
    color:#0F2D52;
    text-decoration:none;
    transition:.3s;
}

.product-info h3 a:hover{
    color:#FF5A1F;
}

/* Button */

.btn-product{
    display:inline-block;
    padding:12px 28px;
    background:#FF5A1F;
    color:#fff;
    font-size:15px;
    font-weight:600;
    border-radius:5px;
    text-decoration:none;
    transition:.3s;
}

.btn-product:hover{
    background:#0F2D52;
    color:#fff;
    text-decoration:none;
}

/* Responsive */

@media(max-width:1199px){

.product-card img{
    height:230px;
}

}

@media(max-width:991px){

.product-card img{
    height:220px;
}

}

@media(max-width:767px){

.featured-products{
    padding:60px 0;
}

.featured-products .section-title h2{
    font-size:32px;
}

.product-card img{
    height:250px;
}

.product-info h3{
    font-size:20px;
}

.btn-product{
    width:100%;
}

}
/* Rounded image corners at the top */
.product-card img{
    border-bottom:1px solid #eee;
}

/* Orange underline animation */
.product-info h3{
    position:relative;
    padding-bottom:12px;
}

.product-info h3:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:40px;
    height:3px;
    background:#FF5A1F;
    transform:translateX(-50%);
    transition:.3s;
}

.product-card:hover .product-info h3:after{
    width:70px;
}
/*=====================================
 Why Choose Pakistan
=====================================*/

.why-pakistan{
    padding:80px 0;
    background:#ffffff;
}

.why-pakistan .section-title{
    margin-bottom:55px;
}

.why-pakistan .section-title h2{
    font-size:40px;
    font-weight:700;
    color:#0F2D52;
    margin-bottom:15px;
}

.why-pakistan .section-title p{
    max-width:760px;
    margin:0 auto;
    font-size:16px;
    line-height:1.8;
    color:#666;
}

.advantage-box{
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    padding:35px 30px;
    text-align:center;
    margin-bottom:30px;
    transition:.35s;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.advantage-box:hover{
    transform:translateY(-8px);
    border-color:#FF5A1F;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.advantage-box .icon{
    width:75px;
    height:75px;
    line-height:75px;
    margin:0 auto 20px;
    background:#0F2D52;
    border-radius:50%;
    color:#fff;
    font-size:30px;
    transition:.3s;
}
.advantage-box .icon .fa {
     font-size:32px;
}
.advantage-box:hover .icon{
    background:#FF5A1F;
}

.advantage-box h3{
    font-size:24px;
    color:#0F2D52;
    font-weight:700;
    margin-bottom:15px;
}

.advantage-box p{
    font-size:15px;
    line-height:1.8;
    color:#666;
    margin:0;
}

/* Responsive */

@media(max-width:991px){

.advantage-box{
    padding:30px 20px;
}

}

@media(max-width:767px){

.why-pakistan{
    padding:60px 0;
}

.why-pakistan .section-title h2{
    font-size:32px;
}

.advantage-box h3{
    font-size:20px;
}

}
/*=====================================
  Our Factory
=====================================*/

.our-factory{
    padding:80px 0;
    background:#f8f9fb;
}

.our-factory .section-title{
    margin-bottom:50px;
}

.our-factory .section-title h2{
    font-size:40px;
    font-weight:700;
    color:#0F2D52;
    margin-bottom:15px;
}

.our-factory .section-title p{
    max-width:760px;
    margin:0 auto;
    color:#666;
    line-height:1.8;
    font-size:16px;
}

/* Card */

.factory-card{
    position:relative;
    overflow:hidden;
    border-radius:10px;
    margin-bottom:30px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.factory-card img{
    width:100%;
    height:300px;
    object-fit:cover;
    transition:.5s;
}

.factory-card:hover img{
    transform:scale(1.08);
}

/* Overlay */

.factory-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:25px;
    background:linear-gradient(
        transparent,
        rgba(15,45,82,.95)
    );
    transition:.35s;
}

.factory-card:hover .factory-overlay{
    background:linear-gradient(
        transparent,
        rgba(255,90,31,.95)
    );
}

.factory-overlay i{
    width:60px;
    height:60px;
    line-height:60px;
    border-radius:50%;
    background:#fff;
    color:#0F2D52;
    text-align:center;
    font-size:24px;
    margin-bottom:15px;
}

.factory-overlay h3{
    color:#fff;
    font-size:24px;
    margin:0 0 10px;
    font-weight:700;
}

.factory-overlay p{
    color:rgba(255,255,255,.90);
    font-size:15px;
    line-height:1.7;
    margin:0;
}

/* Responsive */

@media(max-width:991px){

.factory-card img{
    height:260px;
}

}

@media(max-width:767px){

.our-factory{
    padding:60px 0;
}

.our-factory .section-title h2{
    font-size:32px;
}

.factory-card img{
    height:240px;
}

.factory-overlay{
    padding:20px;
}

.factory-overlay h3{
    font-size:20px;
}

.factory-overlay i{
    width:50px;
    height:50px;
    line-height:50px;
    font-size:20px;
}

}
/*=====================================
  Certifications
======================================*/

.certifications{
    padding:80px 0;
    background:#ffffff;
}

.certifications .section-title{
    margin-bottom:50px;
}

.certifications .section-title h2{
    font-size:40px;
    font-weight:700;
    color:#0F2D52;
    margin-bottom:15px;
}

.certifications .section-title p{
    max-width:760px;
    margin:0 auto;
    font-size:16px;
    color:#666;
    line-height:1.8;
}

.certificate-box{
    display:flex;
    align-items:center;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    padding:35px;
    margin-bottom:30px;
    transition:.35s;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.certificate-box:hover{
    border-color:#FF5A1F;
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.certificate-icon{
    width:90px;
    height:90px;
    min-width:90px;
    line-height:90px;
    text-align:center;
    border-radius:50%;
    background:#0F2D52;
    color:#fff;
    font-size:38px;
    margin-right:25px;
    transition:.3s;
}
.certificate-icon .fa {
    font-size:32px;
}
.certificate-box:hover .certificate-icon{
    background:#FF5A1F;
}

.certificate-content h3{
    margin:0 0 12px;
    color:#0F2D52;
    font-size:24px;
    font-weight:700;
}

.certificate-content p{
    margin:0;
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/* Responsive */

@media(max-width:767px){

.certifications{
    padding:60px 0;
}

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

.certificate-box{
    display:block;
    text-align:center;
    padding:30px 20px;
}

.certificate-icon{
    margin:0 auto 20px;
}

.certificate-content h3{
    font-size:22px;
}

}
/*=====================================
 Client Testimonials
=====================================*/

.testimonials{
    padding:80px 0;
    background:#f8f9fb;
}

.testimonials .section-title{
    margin-bottom:50px;
}

.testimonials .section-title h2{
    font-size:40px;
    font-weight:700;
    color:#0F2D52;
    margin-bottom:15px;
}

.testimonials .section-title p{
    max-width:760px;
    margin:0 auto;
    color:#666;
    line-height:1.8;
    font-size:16px;
}

.testimonial-box{
    background:#fff;
    border-radius:10px;
    padding:35px;
    margin-bottom:30px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.35s;
    border-top:4px solid #0F2D52;
}

.testimonial-box:hover{
    transform:translateY(-8px);
    border-top-color:#FF5A1F;
    box-shadow:0 18px 40px rgba(0,0,0,.15);
}

.country{
    font-size:22px;
    font-weight:700;
    color:#0F2D52;
    margin-bottom:15px;
}

.stars{
    margin-bottom:20px;
}

.stars i{
    color:#ffc107;
    font-size:18px;
    margin-right:3px;
}

.testimonial-box p{
    font-size:15px;
    line-height:1.9;
    color:#666;
    font-style:italic;
    margin-bottom:25px;
}

.testimonial-box h4{
    margin:0;
    color:#0F2D52;
    font-size:20px;
    font-weight:700;
}

.testimonial-box span{
    color:#FF5A1F;
    font-size:14px;
    font-weight:600;
}

/* Responsive */

@media(max-width:767px){

.testimonials{
    padding:60px 0;
}

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

.testimonial-box{
    padding:25px;
}

.country{
    font-size:20px;
}

}
/*=====================================
 Contact CTA
=====================================*/

.contact-cta{
    position:relative;
    padding:100px 0;
    overflow:hidden;
    background:url('../image/contact-cta.jpg') center center no-repeat;
    background-size:cover;
}

.cta-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:linear-gradient(
        rgba(15,45,82,.92),
        rgba(15,45,82,.88)
    );
}

.cta-content{
    position:relative;
    z-index:2;
    max-width:850px;
    margin:0 auto;
    text-align:center;
    color:#fff;
}

.cta-tag{
    display:inline-block;
    padding:8px 20px;
    border-radius:30px;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.2);
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.cta-content h2{
    font-size:48px;
    font-weight:700;
    margin-bottom:20px;
    color:#fff;
}

.cta-content p{
    font-size:18px;
    line-height:1.9;
    color:rgba(255,255,255,.90);
    margin-bottom:40px;
}

.cta-buttons{
    margin-top:20px;
}

.btn-quote,
.btn-whatsapp{
    display:inline-block;
    padding:16px 38px;
    border-radius:5px;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
    margin:8px;
    transition:.35s;
}

.btn-quote{
    background:#FF5A1F;
    color:#fff;
}

.btn-quote:hover{
    background:#e64a19;
    color:#fff;
    text-decoration:none;
}

.btn-whatsapp{
    background:#25D366;
    color:#fff;
}

.btn-whatsapp:hover{
    background:#1EBE5B;
    color:#fff;
    text-decoration:none;
}

.btn-quote i,
.btn-whatsapp i{
    margin-right:8px;
    font-size:18px;
}

/* Responsive */

@media(max-width:991px){

.contact-cta{
    padding:80px 0;
}

.cta-content h2{
    font-size:38px;
}

}

@media(max-width:767px){

.contact-cta{
    padding:60px 20px;
}

.cta-content h2{
    font-size:30px;
}

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

.btn-quote,
.btn-whatsapp{
    display:block;
    width:100%;
    margin:10px 0;
}

}
/*=====================================
 Shipping Methods
=====================================*/

.shipping-methods{
    padding:80px 0;
    background:#f8f9fb;
}

.shipping-methods .section-title{
    margin-bottom:50px;
}

.shipping-methods .section-title h2{
    font-size:40px;
    color:#0F2D52;
    font-weight:700;
    margin-bottom:15px;
}

.shipping-methods .section-title p{
    max-width:700px;
    margin:0 auto;
    color:#666;
    line-height:1.8;
    font-size:16px;
}

.shipping-box{
    background:#fff;
    padding:35px 25px;
    text-align:center;
    border-radius:10px;
    border:1px solid #ececec;
    margin-bottom:30px;
    transition:.35s;
    box-shadow:0 5px 20px rgba(0,0,0,.05);
}

.shipping-box:hover{
    transform:translateY(-8px);
    border-color:#FF5A1F;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.shipping-icon{
    width:80px;
    height:80px;
    line-height:80px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#0F2D52;
    color:#fff;
    font-size:34px;
    transition:.3s;
}
.shipping-icon .fa {
     font-size:32px;
}
.shipping-box:hover .shipping-icon{
    background:#FF5A1F;
}

.shipping-box h3{
    color:#0F2D52;
    font-size:24px;
    font-weight:700;
    margin-bottom:15px;
}

.shipping-box p{
    color:#666;
    line-height:1.8;
    margin:0;
    font-size:15px;
}

/* Responsive */

@media(max-width:767px){

.shipping-methods{
    padding:60px 0;
}

.shipping-methods .section-title h2{
    font-size:32px;
}

.shipping-box{
    padding:30px 20px;
}

.shipping-box h3{
    font-size:20px;
}

.shipping-icon{
    width:70px;
    height:70px;
    line-height:70px;
    font-size:30px;
}

}
/*=====================================
 Latest Blog
======================================*/

.latest-blog{
    padding:80px 0;
    background:#f8f9fb;
}

.latest-blog .section-title{
    margin-bottom:50px;
}

.latest-blog .section-title h2{
    font-size:40px;
    font-weight:700;
    color:#0F2D52;
    margin-bottom:15px;
}

.latest-blog .section-title p{
    max-width:700px;
    margin:0 auto;
    color:#666;
    font-size:16px;
    line-height:1.8;
}

/* Blog Card */

.blog-card{
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    margin-bottom:30px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.blog-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.15);
}

/* Image */

.blog-image{
    position:relative;
    overflow:hidden;
}

.blog-image img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:.5s;
}

.blog-card:hover img{
    transform:scale(1.08);
}

/* Date */

.blog-date{
    position:absolute;
    left:15px;
    bottom:15px;
    background:#FF5A1F;
    color:#fff;
    padding:8px 15px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}

/* Content */

.blog-content{
    padding:25px;
}

.blog-content h3{
    margin:0 0 15px;
    font-size:24px;
    line-height:1.4;
}

.blog-content h3 a{
    color:#0F2D52;
    text-decoration:none;
    transition:.3s;
}

.blog-content h3 a:hover{
    color:#FF5A1F;
}

.blog-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
    margin-bottom:20px;
}

/* Read More */

.read-more{
    color:#FF5A1F;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.read-more:hover{
    color:#0F2D52;
    text-decoration:none;
}

.read-more i{
    margin-left:6px;
}

/* Responsive */

@media(max-width:991px){

.blog-image img{
    height:220px;
}

}

@media(max-width:767px){

.latest-blog{
    padding:60px 0;
}

.latest-blog .section-title h2{
    font-size:32px;
}

.blog-image img{
    height:220px;
}

.blog-content{
    padding:20px;
}

.blog-content h3{
    font-size:20px;
}

}
/*====================================
 About Home
====================================*/

.about-home{
    padding:90px 0;
    background:#fff;
}

.about-images{
    position:relative;
    padding-right:40px;
}

.about-images .main-img{
    width:100%;
    border-radius:10px;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.about-images .small-img{
    position:absolute;
    width:260px;
    bottom:-30px;
    right:0;
    border:8px solid #fff;
    border-radius:10px;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.about-content{
    padding:20px 0;
}

.about-content .sub-title{
    color:#FF5A1F;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.about-content h2{
    font-size:40px;
    color:#0F2D52;
    font-weight:700;
    margin:15px 0 25px;
    line-height:1.3;
}

.about-content p{
    color:#666;
    font-size:16px;
    line-height:1.9;
    margin-bottom:20px;
}

.about-list{
    margin:30px 0;
    padding:0;
    list-style:none;
}

.about-list li{
    margin-bottom:15px;
    font-size:16px;
    color:#333;
}

.about-list i{
    color:#28a745;
    margin-right:10px;
    font-size:18px;
}

.about-btn{
    display:inline-block;
    padding:14px 35px;
    background:#FF5A1F;
    color:#fff;
    font-weight:600;
    border-radius:5px;
    text-decoration:none;
    transition:.3s;
}

.about-btn:hover{
    background:#0F2D52;
    color:#fff;
    text-decoration:none;
}

/* Responsive */

@media(max-width:991px){

.about-images{
    padding-right:0;
    margin-bottom:50px;
}

.about-images .small-img{
    width:180px;
}

.about-content h2{
    font-size:32px;
}

}

@media(max-width:767px){

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

.about-images .small-img{
    position:relative;
    bottom:auto;
    right:auto;
    width:100%;
    margin-top:20px;
    border:0;
}

.about-content h2{
    font-size:28px;
}

.about-btn{
    width:100%;
    text-align:center;
}

}
/* ===============================
   Scroll To Top
================================== */

#scrollTop{
    position:fixed;
    right:25px;
    bottom:25px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    background:#FF5A1F;
    color:#fff;
    font-size:28px;
    border-radius:50%;
    cursor:pointer;
    display:none;
    z-index:9999;
    transition:all .3s ease;
    box-shadow:0 8px 20px rgba(0,0,0,.2);
}
#scrollTop .fa {
    font-size:32px;
}
#scrollTop:hover{
    background:#0F2D52;
    color:#fff;
    transform:translateY(-4px);
}
.header-features {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 13px;
    height: 60px;
    font-size: 15px;
    font-weight: 600;
    color: #0F2D52;
    flex-wrap: wrap;
    align-content: space-between;
    margin: 10px 0px 10px 0px;
}
.header-features .divider{
    color:#d8d8d8;
    margin:0 15px;
    font-weight:300;
}
.header-features span{
    white-space:nowrap;
}

.header-features i{
    font-size:16px;
    color:#FF5A1F;
    margin-right:8px;
}

@media(max-width:991px){
    .header-features{
        display:none;
    }
}
/*=====================================
 Floating WhatsApp
======================================*/

.whatsapp-float{
    position:fixed;
    left:20px;
    bottom:55px;
    z-index:9999;

    display:flex;
    align-items:center;

    background:#25D366;
    color:#fff;

    padding:12px 18px;
    border-radius:50px;

    text-decoration:none;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

    transition:.3s;
}

.whatsapp-float:hover{
    background:#1EBE5B;
    color:#fff;
    text-decoration:none;
    transform:translateY(-4px);
}

.whatsapp-float i{
    font-size:28px;
    margin-right:10px;
}

.whatsapp-float span{
    font-size:16px;
    font-weight:600;
    white-space:nowrap;
}

/* Mobile */

@media(max-width:767px){

    .whatsapp-float{
        left:15px;
        bottom:80px;
        padding:12px;
    }

    .whatsapp-float span{
        display:none;
    }

    .whatsapp-float i{
        margin:0;
        font-size:30px;
    }

}
/* Industries We Serve */

.industries{
    padding:80px 0;
    background:#ffffff;
}

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

.section-title h2{
    font-size:38px;
    font-weight:700;
    color:#0F2D52;
    margin-bottom:15px;
}

.section-title p{
    color:#777;
    font-size:16px;
    max-width:700px;
    margin:auto;
}

.industry-grid{
    display:flex;
    flex-wrap:wrap;
    margin:-15px;
}

.industry-box{
    width:33.333%;
    padding:15px;
    box-sizing:border-box;
}

.industry-box{
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:10px;
    padding:35px 30px;
    text-align:center;
    transition:.3s;
}

.industry-box:hover{
    border-color:#FF5A1F;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transform:translateY(-6px);
}

.industry-box i{
    width:70px;
    height:70px;
    line-height:70px;
    font-size:28px;
    color:#fff;
    background:#0F2D52;
    border-radius:50%;
    margin-bottom:20px;
    transition:.3s;
}

.industry-box:hover i{
    background:#FF5A1F;
}

.industry-box h4{
    color:#0F2D52;
    font-size:22px;
    margin-bottom:15px;
    font-weight:700;
}

.industry-box p{
    color:#666;
    line-height:1.8;
    font-size:15px;
    margin:0;
}
.process-icon .fa {
    font-size: 29px;
}

@media(max-width:991px){

.industry-box{
    width:50%;
}

}

@media(max-width:767px){

.industry-box{
    width:100%;
}

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

}
/* Manufacturing Process */

.manufacturing-process{
    padding:80px 0;
    background:#f8f9fb;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title h2{
    color:#0F2D52;
    font-size:38px;
    font-weight:700;
    margin-bottom:15px;
}

.section-title p{
    color:#777;
    font-size:16px;
    max-width:700px;
    margin:auto;
}

.process-timeline{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    position:relative;
    flex-wrap:wrap;
}

.process-timeline:before{
    content:"";
    position:absolute;
    top:35px;
    left:5%;
    width:90%;
    height:3px;
    background:#d9d9d9;
    z-index:0;
}

.process-step{
    width:14.28%;
    text-align:center;
    position:relative;
    z-index:2;
}

.process-icon{
    width:70px;
    height:70px;
    line-height:70px;
    margin:0 auto 20px;
    background:#0F2D52;
    color:#fff;
    border-radius:50%;
    font-size:28px;
    transition:.3s;
    border:4px solid #fff;
}

.process-step:hover .process-icon{
    background:#FF5A1F;
}

.process-step h4{
    color:#0F2D52;
    font-size:18px;
    margin-bottom:10px;
    font-weight:700;
}

.process-step p{
    color:#666;
    font-size:14px;
    line-height:1.7;
    padding:0 8px;
}

@media(max-width:991px){

.process-timeline:before{
    display:none;
}

.process-step{
    width:50%;
    margin-bottom:40px;
}

}

@media(max-width:767px){

.process-step{
    width:100%;
}

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

}
/* alert */
.alert {
    padding: 8px 14px 8px 14px;
    float: left;
    width: 100%;
    margin: 10px 0px 10px 0px;
}
.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: 0px;
    color: inherit;
}
/* breadcrumb */
.breadcrumb {
    border: 1px solid #ccc;
    float: left;
    width: 100%;
    margin: 10px 0px 10px 0px;
    padding: 8px 15px;
    background: #fff;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
	color: #2D2B2B;
	text-decoration: none;
}
.breadcrumb > li a {
	color: #2D2B2B;
	text-decoration: none;
}
.breadcrumb > li a:hover {
	color: #ef4823;
	text-decoration: none;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
html[dir=rtl] .breadcrumb > li::after {
  top: -3px;
  left: -5px;
  width: 26px;
  height: 26px;
  border-left: 1px solid #DDD;
  border-top: 1px solid #DDD;
  right: unset;
  border-right: unset;
  border-bottom:unset;

}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #ffffff  !important;
	background: #ee1d23 !important;
	border:none !important;
}
.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default:focus, .btn-default.focus, .btn-default.disabled, .btn-default[disabled] {
	background: #013299 !important;
}
.btn-primary {
	color: #ffffff;
	background: #ee1d23 !important;
	border:none !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary:focus, .btn-primary.focus, .btn-primary.disabled, .btn-primary[disabled] {
	background: #013299 !important;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
html[dir=rtl] .checkbox input[type="checkbox"],
html[dir=rtl] .checkbox-inline input[type="checkbox"],
html[dir=rtl] .radio input[type="radio"],
html[dir=rtl] .radio-inline input[type="radio"] {
    position: absolute;
    margin-top: 4px;
    margin-right: -20px;
      margin-left: unset;
}
html[dir=rtl] .input-group-btn:last-child > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
html[dir=rtl] .input-group .form-control:first-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}
html[dir=rtl] .container .row:first-child  .col-sm-4, html[dir=rtl] .container .row:first-child  .col-sm-5 {
  float: right;

}
html[dir=rtl] #cart .dropdown-menu {
  left: 0;
  right: auto;

}
@media (min-width: 768px) {
   
    html[dir=rtl] .navbar-nav {
        float: right;
        margin: 0;
    }
    
    html[dir=rtl] .navbar-nav > li {
        float: right;
    }
   
}