/*Add custom styles to the skin here */
* {
    margin:0;
    padding:0;
    border:0;
    outline:none !important;
    box-sizing:border-box;
}
html body {
    font-family: 'Roboto';
    background: #F8F6FC;
}
:root {
    --purple: #5b2498;
    --purple-dark: #3e2477;
    --lavender: #eee9ff;
    --text: #273043;
    --muted: #4b4b55;
    --line: #eeeaf2;
    --orange: #ff9f18;
}
body a {
    text-decoration:none !important;
}
img {
    max-width:100%;
}

.imageInnovators .container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    font-family: 'Roboto';
}
.imageInnovators .header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    position: relative;
    z-index: 10;
}
.imageInnovators .mainHeader {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.header-top-mid .caret {
    box-sizing: border-box;
    height: 7px;
    width: 7px;
    border-style: solid;
    border-color: #b4b1bc;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    margin-left: 8px;
    display: none;
}
.imageInnovators .main-content-wrapper {
    padding-top:0;
}



.right-area {
    display: flex;
    align-items: center;
    gap: 20px;
}
.right-area a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    min-width:36px;
    background:#EFEFEF;
    border-radius:20px;
}

/* SEARCH */

.search-wrapper {
    display: flex;
    align-items: center;
    position: relative;
}

/* Hidden Search */

.search-input {
    width: 0;
    opacity: 0;
    border: none;
    outline: none;
    height: 46px;
    background: #f7f7f7;
    border-radius: 40px;
    transition: all .45s ease;
    padding: 0;
    margin-right: 12px;
    color: #555;
}
.search-input label, .search-input .search-go {
    display:none;
}
.search-input .form-control.search-box {
    width: 0;
    opacity: 0;
    border: none;
    outline: none;
    height: 46px;
    background: #f7f7f7;
    border-radius: 40px;
    transition: all .45s ease;
    padding: 0;
    margin: 0;
    color: #555;
}

/* Active */

.search-wrapper.active .search-input, .search-wrapper.active .search-input .form-control.search-box {
    width: 200px;
    opacity: 1;
}
.search-wrapper.active .search-input .form-control.search-box {
    padding: 0 15px;
}

.search-btn {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background: #f3f3f3;
    color: #7d3fc8;
    font-size: 24px;
    transition: .3s;
}

.search-btn:hover, .search-btn:hover svg path {
    background: #7d3fc8;
    color: #fff;
    fill:#fff;
    stroke: transparent;
}

.header-top-mid .social {
    width: 36px;
    min-width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-decoration: none;
    background: #f3f3f3;
    color: #7d3fc8;
    font-size: 24px;
    transition: .3s;
    border: 0;
    outline: none;
}

.header-top-mid .social:hover, .header-top-mid .social:hover svg path {
    background: #7d3fc8;
    color: #fff;
    fill:#fff;
    stroke: transparent;
}

.header-top-mid .social:hover, .header-top-mid .social.facebook:hover svg path {
    fill:transparent;
    stroke:#fff;
}

.header-top-mid .navbar.navbar-default.topnav {
    box-shadow: inset 0 0 #fff;
    border-radius: 0;
    background-color: transparent;
    border-color: rgba(204, 204, 204, 0);
    border: 0;
    margin: 0;
}
.header-top-mid .navbar-default .navbar-nav > li > a {
    color: #692280;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0);
    font-weight: 600;
    font-size: 14px;
    line-height: 40px;
    padding: 0 16px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-top-mid .navbar-default .navbar-nav > li > a:hover {
    color:#7d3fc8;
}
.logo-wrap a, .logo-wrap a img {
    border:0;
    outline:none;
}
.header-row:before, .header-row:after {
    display:none;
}
.header-row .navbar {
    min-height: auto;
}
.user-links {
    padding: 0;
    text-decoration: none;
    border-bottom: 1px solid #e9e9e9;
    padding: 5px 0;
}
.user-links {
    text-decoration: none;
    border-bottom: 0;
    padding: 0;
    margin: 0;
    position: fixed;
    top: 119px;
    z-index: 1000;
    right: -28px;
    rotate: -90deg;
    background: #2f1858;
}
a.user-link {
    color:#fff;
    display:flex;
    gap:10px;
}
.user-links li {
    display: none;
}
.user-links li:first-child {
    display:block;
}
.search-wrapper {
    display:none !important;
}
.navbar-brand.visible-xs.menu-label {
    display:none !important;
}
.homeBanner .owl-nav {
    display:none;
}
.homeBanner .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translate(-50%, 0);
}
.homeBanner .owl-theme .owl-dots .owl-dot span {
    background: #5B2E91;
}
.homeBanner .owl-theme .owl-dots .owl-dot.active span, .homeBanner .owl-theme .owl-dots .owl-dot:hover span {
    background: #FFB800;
}
.homeBanner .owl-theme .owl-dots .owl-dot.active span {
    width:20px;
}
.bannerBottomBar {
    clear: both;
    background: #2C1857;
}




.category-bar {
    width: 100%;
    background: #2c1857;
    color: #ffffff;
    display: flex;
    align-items: stretch;
    overflow: hidden;
}

.category-list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: stretch;
}

.category-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    position: relative;
    text-decoration: none;
    color: #ffffff;
    transition: background-color .25s ease;
    position:relative;
    min-height:80px;
}
.category-item:before {
    position: absolute;
    width: 1px;
    height: 38px;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
    background: #A880D8;
    z-index:10;
    content:"";
}
/* Vertical separator */
.category-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 16px;
    right: 0;
    width: 1px;
    height: 50px;
    background: rgba(255, 255, 255, .38);
}

.category-item:hover {
    background: rgba(255, 255, 255, .06);
}

.icon {
    flex: 0;
    /*width: 50px;
    height: 54px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffd000;
}

/*.icon svg {
    width: 48px;
    height: 48px;
}*/

.category-copy {
    min-width: 0;
    line-height: 1.25;
}

.category-title {
    display: block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .2px;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 6px;
    color:#fff;
}

.category-subtitle {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #ffffff;
}
.bannerBottomBar .owl-carousel.owl-drag .owl-item:last-child .category-item:before {
    display:none;
}
.category-bar .owl-nav, .category-bar .owl-dots {
    display:none;
}
.category-item:hover .category-title {
    color:#FFB800;
}
/*  Start Fetured Section  */
.features-section {
    width: 100%;
    padding: 34px 0 40px
}

.features-grid {
    width: 100%;
    max-width: 1560px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 29px
}

.feature-card {
    background: #fff;
    border-radius: 15px;
    padding: 30px 24px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 7px 24px rgba(63,42,89,.08)
}

.feature-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px
}

.purple {
    background: #f0e5ff;
    color: #63329d
}

.yellow {
    background: #fff0b9;
    color: #ffb400
}

.feature-icon svg {
    width: 42px;
    height: 42px;
}

.feature-title {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 14px;
    color:#0A0A0A;
}

.feature-description {
    max-width: 275px;
    min-height: 120px;
    font-size: 14px;
    line-height: 22px;
    color: #363636;
}

.feature-button {
    min-width: 148px;
    height: 41px;
    padding: 0 22px;
    border: 1.5px dashed #7030ad;
    border-radius: 24px;
    background: #fff;
    color: #66309f;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    font-size: 14px;
    font-weight: 700;
    transition: .25s
}
.feature-button .arrow {
    font-size: 23px;
    line-height: 0
}

.feature-button:hover {
    background: #66309f;
    color: #fff;
    border-color: #66309f;
    text-decoration:none;
}
.feature-button:hover svg path {
    fill:#fff;
}
/*  End Fetured Section  */

/*  Start Promo Section  */
.promo-section {
    width: 100%;
    padding: 21px 0 27px
}

.promo-grid {
    width: 100%;
    max-width: 1520px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 29px
}

.promo-card {
    position: relative;
    min-height: 280px;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.promo-card.idea {
    background: linear-gradient(105deg,#351263 0%,#522080 58%,#6f30a7 100%)
}

.promo-card.specials {
    background: linear-gradient(105deg,#ff8508 0%,#ff9d05 55%,#ffbd00 100%)
}

.promo-content {
    position: relative;
    z-index: 2;
    width: 57%;
    padding-left: 40px;
    padding-bottom: 2px
}

.promo-title {
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 12px;
    color:#fff;
}

.promo-subtitle {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 28px;
    color:#fff;
}

.promo-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    min-width: 265px;
    height: 47px;
    padding: 0 28px;
    border-radius: 6px;
    background: #fff;
    color: #050B1D;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: .2s ease;
    text-decoration:none;
}

.promo-button .arrow {
    font-size: 0;
    font-weight: 400;
    line-height: 1
}

.promo-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0,0,0,.15);
    text-decoration:none;
}

.promo-product {
    position: absolute;
    z-index: 1;
    right: 25px;
    bottom: 7px;
    width: 43%;
    height: 94%;
    object-fit: contain;
    object-position: center bottom;
    pointer-events: none
}

.specials .promo-product {
    right: 10px;
    width: 43%;
    bottom: 7px
}
/*  End Promo Section  */
/*  Start Key Categories Section  */
.key-categories {
    padding: 30px 20px 26px;
}

.default-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    margin-bottom: 34px
}

.default-title:before, .default-title:after {
    content: "";
    width: 140px;
    height: 1px;
    background: #8a42c4;
}

.default-title h1 {
    font-size: 28px;
    line-height: 1;
    font-weight: 400;
    white-space: nowrap;
    margin: 0;
    color: #000;
    text-transform: uppercase;
}

.default-title strong {
    color: #6d2fa3;
    font-weight: 700
}

.key-categories .card {
    height: 68px;
    border: 1px solid #d3d3d3;
    border-radius: 12px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 16px;
    gap: 14px;
    text-decoration: none;
}

.key-categories .card:hover {
    background:#f7f7f7;
}

.key-categories .icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}
.key-categories .icon.orange {
    background:#e86403;
}
.key-categories .icon svg {
    width: 20px;
    height: 20px;
}

.red {
    background: #e4003b
}

.purple {
    background: #7130a8
}

.yellow {
    background: #ffb800
}

.pink {
    background: #bd2793
}

.blue {
    background: #2871d2
}
.green {
    background: #0BA41A
}

.key-categories .name {
    font-size: 16px;
    font-weight: 600;
    color: #102349;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.key-categories .owl-dots {
    display:none;
}
.key-categories .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #d2d2d2;
    background: #fff;
    color: #7130a8;
    font-size: 27px;
    line-height: 1;
    z-index: 2;
    margin: 0;
}
.key-categories .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid #d2d2d2;
    background: #fff;
    color: #7130a8;
    font-size: 27px;
    line-height: 1;
    z-index: 2;
    margin:0;
}
.key-categories .no-js .owl-carousel, .key-categories .owl-carousel.owl-loaded {
    position: relative;
}
.key-categories .owl-theme .owl-nav {
    margin:0;
    height:1px;
}
.key-categories .owl-carousel .owl-nav button.owl-prev span,
.key-categories .owl-carousel .owl-nav button.owl-next span {
    margin-top: -5px;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
}
body .owl-theme .owl-nav .disabled {
    opacity:0;  
}
/*  End Key Categories Section  */
.home-video-pannel {
    padding: 30px 0;
    clear: both;
    background: #F6EBFF;
}
.home-video-section {
    width: 100%;
    padding: 0;
}

.home-video-grid {
    width: 100%;
    max-width: 1580px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 57px;
}

.home-video-card {
    min-width: 0;
    text-align: center;
	cursor:pointer;
}

.home-video-image {
    width: 100%;
    aspect-ratio: 474 / 337;
    display: block;
    object-fit: cover;
    border: 1px solid #d6b8ef;
    border-radius: 12px;
}

.home-video-title {
    margin-top: 22px;
    color: #6d2da5;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 700;
}
.testimonial-pannel {
    padding: 50px 0 20px;
    clear: both;
    position:relative;
}
/* Start Testimonial */
.testimonial-section {
    width: 100%;
    padding: 0;
}

.testimonial-card {
    width: 100%;
    min-height: 199px;
    padding: 30px 25px;
    border-radius: 15px;
    background: #eee7ff;
    display: grid;
    grid-template-columns: 66px minmax(0,1fr);
    column-gap: 13px;
    align-items: start
}

.avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #6d2ca6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

    .avatar svg {
        width: 38px;
        height: 38px;
        fill: currentColor
    }

.testimonial-content {
    min-width: 0;
    padding-top: 2px
}

.person-name {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 6px;
    color:#0A0A0A;
}

.person-role {
    font-size: 14px;
    line-height: 1.4;
    color: #525055;
    margin-bottom: 13px
}

.testimonial-text {
    font-size: 16px;
    line-height: 22px;
    color: #0A0A0A;
    max-width: 920px
}

.quote-mark {
    display: inline-block;
    margin-left: 8px;
    color: #6d2ca6;
    font-family: Georgia,"Times New Roman",serif;
    font-size: 46px;
    font-weight: 700;
    line-height: .4;
    vertical-align: -13px;
    letter-spacing: -7px
}
.testimonial-pannel .owl-nav {
    display:none;
}
.testimonial-pannel .owl-theme .owl-dots {
    margin-top:20px;
}

/* Start : Trust */
.trustPan {
    margin: auto;
    display: flex;
    justify-content:space-between;
    align-items:start;
    gap: 48px;
    padding:50px 0 30px;
}
.trustleft{
    width:100%;
}
.trust-eyebrow {
    color: #5B2E91;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 12px
}

.trust-title {
    font-size: 32px;
    line-height: 1.15;
    margin: 0 0 20px;
    color: #0A0A0A;
}

.trust-intro {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 24px;
    max-width: 400px;
}

.trust-list {
    list-style: none;
    padding: 0;
    margin: 0 0 44px;
    display: grid;
    gap: 13px;
}

.trust-list li {
    font-size: 14px;
    display: flex;
    gap: 10px;
    align-items: center;
    color:#0A0A0A;
}

.trust-check {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.trustPan .cta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    height: 47px;
    padding: 0 27px;
    border-radius: 6px;
    background: #66309e;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size:14px;
}
.trustPan .cta:hover {
    background: #471977;
}
.trust-card {
    position: relative;
    min-width:600px;
    height:424px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 7px 18px rgba(45,25,70,.08)
}

.trust-photo {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.trust-stats {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 123px;
    padding: 16px 8px 13px;
    background: rgba(255,255,255,.8);
    display: grid;
    grid-template-columns: repeat(4,1fr);
    align-items: center
}

.trust-stat {
    text-align: center
}

.trust-stat .ico {
    height: 30px;
    color: #ffb900;
    font-size: 27px
}

.trust-stat .num {
    color: #67319e;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 7px
}

.trust-stat .label {
    font-size: 14px;
    white-space: nowrap;
    color:#050B1D;
    font-weight:400;
}

.newsletter-section {
    padding: 23px 0 19px;
    margin:0 0 20px;
}

.newsletter {
    min-height: 93px;
    width: 100%;
    background: #63309c;
    border-radius: 15px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px
}

.newsletter-section .info {
    display: flex;
    align-items: center;
    gap: 21px;
    min-width: 0;
    color: #fff
}

.newsletter-section .mail {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    fill: #fff
}

.newsletter-section .title {
    font-size: 16px;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 6px;
    white-space: nowrap;
}

.newsletter-section .sub {
    font-size: 12px;
    line-height: 1.25;
    white-space: nowrap;
    color: #fff;
    margin: 0;
}

.newsletter-section .form {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto
}

.newsletter-section .email {
    width: 300px;
    height: 50px;
    border: 0;
    border-radius: 8px;
    padding: 0 20px;
    font: 16px Arial;
    color: #111;
    outline: 0
}

    .newsletter-section .email::placeholder {
        color: #111;
        opacity: 1;

    }

.newsletter-section .button {
    height: 50px;
    min-width: 167px;
    padding: 0 23px;
    border: 0;
    border-radius: 8px;
    background: #ffbd00;
    color: #050B1D;
    font: 700 16px Arial;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    cursor: pointer;
    transition: .2s
}

    .newsletter-section .button:hover {
        background: #ffc933;
        transform: translateY(-1px)
    }

.newsletter-section .arrow {
    font-size: 25px;
    line-height: 0;
    font-weight: 400
}


/* Start : footer */
.site-footer {
    width: 100%;
    background: #050b1c;
}

.footer-main {
    max-width: 1510px;
    margin: 0 auto;
    min-height: 313px;
    padding: 39px 0 47px;
    display: grid;
    grid-template-columns: minmax(480px,1.65fr) minmax(220px,.7fr) minmax(240px,.8fr);
    column-gap: 110px;
}

.footer-brand {
    min-width: 0;
}

.footer-main .logo {
    display: block;
    width: 235px;
    height: 80px;
    object-fit: contain;
    object-position: left center;
    margin-bottom: 21px;
}

.footer-main .description {
    max-width: 560px;
    color: #f5f5f7;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 26px;
}

.footer-main .socials {
    display: flex;
    align-items: center;
    gap: 21px;
}

.footer-main .social {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9141d5;
    text-decoration: none;
    transition: .2s ease;
}

    .footer-main .social:hover {
        color: #b15df0;
        transform: translateY(-2px);
    }

    .footer-main .social svg {
        width: 27px;
        height: 27px;
        fill: currentColor;
    }

.footer-column h2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin: 18px 0 16px;
    color:#fff;
}

.footer-links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .footer-links a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        line-height: 1.25;
    }

        .footer-links a:hover {
            color: #a14ae1;
        }

.footer-bottom {
    min-height: 50px;
    border-top: 1px solid rgba(255,255,255,.17);
    background: #080d1c;
}

.footer-bottom-inner {
    max-width: 1510px;
    min-height: 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.footer-bottom-inner .copyright {
    padding: 12px 0;
    color: #fff;
    margin: 0;
}

    .footer-main .copyright strong {
        font-weight: 700;
    }

.footer-bottom-inner .legal {
    display: flex;
    align-items: center;
    gap: 21px;
}

    .footer-bottom-inner .legal a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        white-space:nowrap;
    }
    .footer-bottom-inner .legal a:hover {
        color:#8a39ce;
    }

        .footer-main .legal a:hover {
            color: #7d3fc8;
        }

.footer-main .divider {
    color: #777b88;
    font-size: 14px;
}


/*  Start - Shop Now */
.layout {
    max-width: 1400px;
    margin: auto;
    display: grid;
    grid-template-columns: 302px minmax(0,1fr);
    gap: 28px;
    padding:0 15px;
}

.quick-links {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(31,25,45,.1);
    margin-bottom: 29px
}

.quick-item {
    min-height: 1px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 17px;
    border-bottom: 1px solid #eeeef1;
    text-decoration: none;
    color: #202b3d
}
    .quick-item:hover {
        text-decoration:none;
    }

    .quick-item:last-child {
        border-bottom: 0
    }

.quick-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

    .quick-icon svg {
        width: 16px;
        height: 16px;
    }

.quick-item .purple {
    background: #581C87
}
.quick-item .purple-light {
    background: #7E22CE
}


.quick-item .orange {
    background: #ff6d17
}

.quick-item .green {
    background: #10a34a
}

.purple-text {
    color: #5f1f94
}

.orange-text {
    color: #FFA600;
}

.quick-copy {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.quick-title {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 5px
}

.quick-sub {
    font-size: 12px;
    color: #687286;
    line-height: 1.2
}

.quick-arrow {
    color: #9aa1ad;
    font-size: 20px;
    line-height: 1;
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 20px;
    background: #fff;
    text-align: center;
}

.quick-item:hover, .quick-item.active {
    background: #F3F0FF;
}

    .quick-item:hover .quick-arrow, .quick-item.active .quick-arrow {
        background: #7E22CE;
        color: #fff;
    }
    .quick-item:hover .quick-arrow path, .quick-item.active .quick-arrow path {
        fill: #fff;
    }

.idea-card {
    position: relative;
    height: auto;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(135deg,#52209a,#6926c4);
    color: #fff
}

.idea-copy {
    position: relative;
    z-index: 2;
    padding: 40px 0 30px 25px;
    width: 57%
}

.idea-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 15px
}

.idea-text {
    font-size: 17px;
    line-height: 1.45;
    margin-bottom: 50px
}

.idea-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 32px;
    padding: 0 16px;
    border-radius: 22px;
    background: #fff;
    color: #18202d;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    transition: transform .2s ease, box-shadow .2s ease;
    line-height: 32px;
    text-decoration: none;
}
    .idea-button:hover {
        text-decoration: none;
        transform: translateY(-2px);
        box-shadow: 0 5px 12px rgba(0,0,0,.12);
    }

    .idea-button span {
        color: #5f249e;
        font-size: 22px;
        line-height: 0
    }

.idea-products {
    position: absolute;
    right: 3px;
    bottom: 45px;
    width: 42%;
    height: auto;
    object-fit: contain;
    object-position: center
}

/*.hero {
    position: relative;
    height: 402px;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(180deg,#fff 0%,#fff 48%,#eee8ff 100%);
    padding: 81px 46px
}

.hero-title {
    color: #8b32cf;
    font-size: 64px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -1px;
    margin-bottom: 23px
}*/

.yellow-line {
    width: 80px;
    height: 8px;
    background: #ffbf00;
    margin-bottom: 26px
}

.hero-text {
    max-width: 650px;
    color: #374154;
    font-size: 20px;
    line-height: 1.5
}

.badge {
    position: absolute;
    right: 69px;
    top: 27px;
    width: 330px;
    height: 345px;
    object-fit: contain
}

.factories {
    padding-top: 44px
}

.factories-title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 700;
    color: #30363f;
    margin-bottom: 25px
}

.factory-logo {
    width: 300px;
    height: 142px;
    object-fit: contain;
    object-position: left center
}


.specials-card {
    position: relative;
    width: 100%;
    margin: 16px auto;
    overflow: hidden;
    border-radius: 16px;
    background: linear-gradient(135deg,#ffb526 0%,#ff9411 58%,#ffb51e 100%);
    color: #fff;
}

.specials-content {
    position: relative;
    z-index: 3;
    width: 58%;
    padding: 40px 0 30px 25px;
}

.specials-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.specials-description {
    font-size: 14px;
    line-height: 20px;
    max-width: 220px;
    margin-bottom: 50px;
}

.specials-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 32px;
    padding: 0 17px;
    border-radius: 22px;
    background: #fff;
    color: #581C87;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    max-width: 170px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    transition: transform .2s ease, box-shadow .2s ease;
    line-height: 32px;
}

    .specials-button:hover {
        transform: translateY(-2px);
        box-shadow: 0 5px 12px rgba(0,0,0,.12);
        text-decoration:none;
    }

.arrow {
    font-size: 29px;
    line-height: 0;
    font-weight: 400;
}

.product-art {
    position: absolute;
    z-index: 2;
    right: -2px;
    top: 25px;
    width: 48%;
    height: auto;
    object-fit: contain;
    object-position: center;
    pointer-events: none;
}

.hero-copy {
    width: 100%;
    padding: 10px 0 26px;
    background: #faf8fd
}

.hero-copy-inner {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto
}

.shop-now-page p.inner-eyebrow {
    color: #5B2E91;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 7px
}
.shop-now-page .hero-copy {
    padding: 10px 0 5px;
}

.main-heading {
    font-size: 48px;
    line-height: 58px;
    font-weight: 900;
    letter-spacing: -2px;
    white-space: nowrap;
    margin-bottom: 10px;
    color:#000
}

    .main-heading .purple {
        color: #6B2E9F;
    }

    .main-heading .orange {
        color: #FFA600;
    }

.description {
    color: #41414b;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400
}



.steps {
    width: 100%;
    max-width: 1130px;
    margin: 20px auto 50px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 32px;
}

.step-card {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    border-radius: 37px;
    padding: 42px 33px 20px;
    isolation: isolate;
}

    .step-card::before {
        content: "";
        position: absolute;
        inset: -15% -20% auto -20%;
        height: 52%;
        border-radius: 50%;
        background: rgba(255,255,255,.035);
        transform: rotate(-13deg);
        z-index: -1;
    }

.step-1 {
    background: linear-gradient(135deg,#2e075f 0%,#321064 52%,#48207d 100%);
}
.step-2 {
    background: #b43a3a;
    background: linear-gradient(90deg,rgba(180, 58, 58, 1) 0%, rgba(253, 29, 29, 1) 100%);
}
.step-3 {
    background: linear-gradient(135deg,#ffb51c 0%,#ffbd2a 100%);
}

    .step-3::before {
        top: 24%;
        left: -30%;
        width: 145%;
        height: 88%;
        background: rgba(255,255,255,.13);
        transform: rotate(18deg);
    }

.number {
    position: absolute;
    top: 17px;
    left: 35px;
    font-size: 114px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -7px;
    color: rgba(255,255,255,.22);
}

.step-content {
    position: relative;
    z-index: 2;
    margin-top: 100px;
}

.step-title {
    font-size: 34px;
    line-height: 1.04;
    font-weight: 700;
    color: #fff;
    margin:0;
}

    .step-title .orange {
        color: #ffad00
    }

    .step-title .white {
        color: #fff
    }

    .step-title .red-text {
        color: #d90c37
    }

    .step-title.big-one {
        font-size: 62px;
        line-height: .95;
        margin: 0;
    }

    .step-title.flip {
        font-size: 61px;
        line-height: 1.02;
    }

    .step-title.do-it {
        font-size: 61px;
        line-height: 1.02;
    }

.subtitle {
    margin-top: 14px;
    font-size: 16px;
    line-height: 1.35;
    color: #fff;
}

.product {
    position: absolute;
    z-index: 2;
    object-fit: contain;
    pointer-events: none;
}

.step1-product {
    width: auto;
    max-width: 70%;
    height: auto;
    left: 50%;
    bottom: 12px;
    transform: translate(-50%, 0);
}

.step2-product {
    width: auto;
    max-width: 100%;
    height: auto;
    left: 50%;
    bottom: 12px;
    transform: translate(-50%, 0);
}

.step3-product {
    width: auto;
    max-width: 100%;
    height: auto;
    left: 50%;
    bottom: 12px;
    transform: translate(-50%, 0);
}
.page-inner {
    padding:50px 0 0;
}
.page-inner .default-title {
    margin-bottom:0;
}
.page-inner .default-title h1 {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    font-weight:600;
}
.page-inner .default-title h1 strong {
    font-size: 28px;
    line-height: 38px;
    color:#6B2E9F;
}
.default-title:before, .default-title:after {
    /*margin-top: 20px;*/
}
.align-center{
    text-align:center;
}


.category-grid {
    width: 100%;
    margin: 35px auto 24px;
    padding: 0 7px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 36px 25px;
}

.product-category-grid .category-card {
    min-width: 0;
    height: 363px;
    background: #fff;
    border: 1px solid #dfe0e8;
    border-radius: 27px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 1px rgba(20,20,40,.02);
}

.product-category-grid .card-head {
    height: 63px;
    flex: 0 0 63px;
    background: #f6efff;
    border-bottom: 1px solid #dddde6;
    display: flex;
    align-items: center;
    padding: 0 13px;
    gap: 12px;
}

.product-category-grid .icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
}

.product-category-grid .red {
    background: #e6003d
}

.product-category-grid .purple {
    background: #6730a2
}

.product-category-grid .yellow {
    background: #ffb900
}

.product-category-grid .green {
    background: #0aa83b
}

.product-category-grid .blue {
    background: #2874d8
}

.product-category-grid .orange {
    background: #ff5b0a
}

.product-category-grid .pink {
    background: #bd2b98
}

.product-category-grid .card-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    color: #0B1B3B;
}
.shop-now-page p {
    font-size: 18px;
    color: #565458;
}
.product-category-grid .product-wrap {
    height: 242px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
}

.product-category-grid .product {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    position:relative;
}

.product-category-grid .card-footer {
    height: 57px;
    flex: 0 0 57px;
    padding: 0 15px 15px;
    background: #fff;
    display: flex;
    align-items: flex-end;
}

.product-category-grid .cta {
    width: 100%;
    height: 40px;
    border: 1px solid #6B2E9F;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #6B2E9F;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}
.product-category-grid .cta:hover {
    background: #6b27a5;
    color:#fff;
}
.product-category-grid .cta:hover svg path {
    stroke: #fff;
}
.product-category-grid .arrow {
    font-size: 26px;
    line-height: 0;
    font-weight: 400
}

.faq-section {
    width: 100%;
    max-width: 1600px;
    margin: auto;
    padding: 16px 0 44px
}
.faq-section .default-title h1  {
    font-weight:600;
    color:#7d3fc8;
    text-transform:uppercase;
}
.faq-item {
    width: 100%;
    margin-bottom: 13px
}

.faq-question {
    width: 100%;
    min-height: 75px;
    border: 0;
    border-radius: 20px;
    background: #fff;
    padding: 14px 20px 14px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    cursor: pointer;
    text-align: left;
    font: 700 16px/1.35 Arial,Helvetica,sans-serif;
    color: #5c2c98
}

.faq-item.active .faq-question {
    color: #000;
}

.faq-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eddcff;
    color: #6226a0;
    font-size: 38px;
    font-weight: 300;
    line-height: 1;
    transition: .25s
}

.faq-item.active .faq-icon {
    background: #8b38cf;
    color: #fff
}

.faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .3s ease
}

.faq-answer-inner {
    overflow: hidden
}

.faq-answer p {
    padding: 30px 28px;
    color: #4d4d4d;
    font-size: 20px;
    line-height: 1.5
}

.faq-item.active .faq-answer {
    grid-template-rows: 1fr
}
.faq-item.active .faq-icon {
    position:relative;
    font-size:0;
}
.faq-item.active .faq-icon:before {
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    content:"";
    width:15px;
    height:3px;
    background:#FFF;
}

/*---------- Start Company Store -------------*/
.company-stores {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 24px;
}

    .company-stores .hero {
        min-height: 250px;
        border-radius: 25px;
        background: #eee9ff;
        padding: 34px 48px;
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
    }

    .company-stores .hero-copy {
        width: 58%;
        position: relative;
        z-index: 2;
        background:transparent;
    }

    .company-stores .hero h1 {
        color: #3f267b;
        font-size: 36px;
        line-height: 1.1;
        margin-bottom: 18px;
        font-weight: 700;
    }

    .company-stores .hero p {
        color: #374151;
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 14px;
        max-width: 475px;
    }

    .company-stores .hero-art {
        position: absolute;
        right: 8px;
        top: 10px;
        width: 43%;
        max-width: 390px;
        height: 235px;
        object-fit: contain;
        object-position: center;
    }

    .company-stores .features {
        margin-top: 35px;
        background: #fff;
        border: 1px solid #eeeaf2;
        border-radius: 25px;
        box-shadow: 0 2px 2px rgba(30,20,50,.04);
        padding: 30px 18px 28px;
        display: grid;
        grid-template-columns: repeat(4,1fr);
    }

    .company-stores .feature {
        min-width: 0;
        padding: 0 14px;
        border-right: 1px solid #eeeaf2;
    }

        .company-stores .feature:last-child {
            border-right: 0
        }

    .company-stores .icon-circle {
        width: 65px;
        height: 65px;
        border-radius: 50%;
        margin: 0 auto 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
    }

    .company-stores .icon-purple {
        background: #faf0ff;
        color: #8626dd;
        border: 1px solid #ecd9ff
    }

    .company-stores .icon-orange {
        background: #fff7ed;
        color: #ff6b00;
        border: 1px solid #ffe2c4
    }

    .company-stores .icon-green {
        background: #effdf5;
        color: #0ba94b;
        border: 1px solid #d7f4e2
    }

    .company-stores .icon-blue {
        background: #eff6ff;
        color: #347de5;
        border: 1px solid #d6e7ff
    }

    .company-stores .feature h2 {
        font-size: 14px;
        line-height: 1.35;
        text-align: center;
        min-height: 40px;
        margin-bottom: 17px;
        font-weight: 700;
        color: #1F2937;
    }

    .company-stores .feature ul {
        list-style: none
    }

    .company-stores .feature li {
        font-size: 14px;
        line-height: 1.25;
        margin-bottom: 14px;
        color: #3E3E3F;
    }

    .company-stores .merch {
        margin-top: 34px;
        background: #fffbed;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid #f4ebd0;
    }

    .company-stores .merch-head {
        height: 64px;
        background: #F4A820;
        color: #fff;
        display: flex;
        align-items: center;
        padding: 0 14px;
        gap: 12px;
        font-weight: 700;
        font-size: 16px;
    }

    .company-stores .bulb {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        background: rgba(255,255,255,.18);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 23px;
    }

    .company-stores .merch-grid {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        padding: 23px 0;
    }

    .company-stores .merch-item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 0 18px;
        min-height: 48px;
        border-right: 1px solid #f0e7d4;
    }

        /*.company-stores .merch-item:last-child {
            border-right: 0
        }*/

    .company-stores .merch-icon {
        flex: 0 0 26px;
        font-size: 24px;
    }

    .company-stores .m-orange {
        color: #ff6b00
    }

.m-purple {
    color: #9d4cff
}

.m-blue {
    color: #4385ef
}

.m-green {
    color: #19b95a
}

.company-stores .merch-item span:last-child {
    font-size: 14px;
    line-height: 1.2;
    color: #374151;
    font-weight: 500;
}

.company-stores .cta {
    margin-top: 34px;
    min-height: 162px;
    border-radius: 25px;
    background: #f0edff;
    display: flex;
    align-items: center;
    padding: 26px 32px;
    gap: 24px;
}

.company-stores .cta-icon {
    flex: 0 0 65px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #5d219c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.company-stores .cta-copy {
    flex: 1
}

.company-stores .cta h2 {
    font-size: 24px;
    line-height: 1.25;
    color: #111827;
    margin-bottom: 6px;
    max-width: 420px;
    font-weight:700;
}

.company-stores .cta p {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.35;
    max-width: 430px;
}

.company-stores .cta a {
    flex: 0 0 auto;
    min-width: 230px;
    height: 48px;
    padding: 0 24px;
    border-radius: 10px;
    background: #57209a;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    font-size: 16px;
    font-weight: 700;
    box-shadow: 0 5px 10px rgba(66,30,120,.18);
}

.company-stores .arrow {
    font-size: 23px;
    line-height: 1
}

.workware-page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 28px;
}

.workware-hero {
    min-height: 320px;
    border-radius: 26px;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 34px 38px;
    overflow: hidden;
}

.workware-hero-copy {
    flex: 1 1 54%;
    min-width: 0;
}

.workware-hero h1 {
    margin: 0;
    font-size: 50px;
    line-height: 1.08;
    letter-spacing: -1.5px;
    font-weight: 800;
    color: #000;
}

    .workware-hero h1 span {
        color: #8A39CE;
        display: block;
    }

.workware-accent {
    width: 64px;
    height: 6px;
    background: #f7bd00;
    margin: 16px 0 24px;
}

.workware-hero p {
    margin: 0;
    max-width: 500px;
    color: #3d4a5d;
    font-size: 16px;
    line-height: 1.5;
}

.workware-hero-art {
    flex: 0 1 42%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .workware-hero-art img {
        width: 100%;
        max-width: 385px;
        height: auto;
        display: block;
        mix-blend-mode: multiply;
    }

.workware-cards {
    display: grid;
    gap: 16px;
    margin-top: 34px;
}

.workware-card {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 14px;
    min-height: 142px;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    gap: 24px;
    box-shadow: 0 2px 4px rgba(20,20,30,.04);
}

.workware-icon {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    flex: 0 0 72px;
    display: grid;
    place-items: center;
}

    

.workware-purple {
    background: #6330a0;
}

.workware-yellow {
    background: #f5ad00;
}

.workware-green {
    background: #4caf50;
}

.workware-blue {
    background: #2866c1;
}

.workware-card h2 {
    margin: 0 0 9px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: #111827;
}

.workware-card p {
    margin: 0;
    color: var(--text);
    font-size: 14px;
    line-height: 19px;
    color: #4B5563;
}

.workware-brands {
    margin-top: 38px;
    text-align: center;
}
.workware-brands .workware-brands-box {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
}
.workware-brand-title {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
    color: #8A39CE;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 22px;
}

    .workware-brand-title::before, .workware-brand-title::after {
        content: "";
        height: 1px;
        background: #7d3fc8;
        width: 112px;
    }

.workware-brands img {
    width: 100%;
    max-width: 900px;
    height: auto;
    display: block;
    margin: 0 auto;
    mix-blend-mode: multiply;
}


.global-sourcing-wrapper {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}



.sourcing-hero {
    background: #ffffff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(36, 45, 65, 0.04);
}

.hero-main {
    min-height: 298px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 42px 32px 28px;
    gap: 30px;
}

.hero-content {
    width: 56%;
    padding-left: 0;
}

.hero-title {
    font-size: 50px;
    line-height: 60px;
    font-weight: 800;
    letter-spacing: -2px;
    text-transform: uppercase;
    color: #18243a;
    margin-bottom: 18px;
}

    .hero-title span {
        display: block;
        color: #8A39CE;
    }

.hero-description {
    max-width: 590px;
    color: #374151;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
}

.hero-visual {
    width: 44%;
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.globe-image {
    width: min(100%, 430px);
    height: 235px;
    object-fit: contain;
}



.benefits-bar {
    background: #dceefb;
    min-height: 82px;
    padding: 15px 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 20px;
}

.benefit-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.benefit-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.benefit-item:nth-child(1) .benefit-icon {
    background: #eddcff;
    color: #8431dd;
}

.benefit-item:nth-child(2) .benefit-icon {
    background: #e5ffdf;
    color: #35bb32;
}

.benefit-item:nth-child(3) .benefit-icon {
    background: #fff0df;
    color: #ff983d;
}

.benefit-item:nth-child(4) .benefit-icon {
    background: #ffffff;
    color: #3d86ed;
}

.benefit-text {
    color: #111827;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
}



.sampling-section {
    margin-top: 52px;
}

.section-title {
    color: #8134d5;
    font-size: 29px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 27px;
}

    .section-title::before,
    .section-title::after {
        content: "";
        width: 112px;
        height: 1px;
        background: #8a36da;
    }




.sampling-wrapper {
    position: relative;
}

.sampling-viewport {
    width: 100%;
}

.sampling-track {
    padding: 0;
}

.sampling-card {
    min-width: 0;
    height: 223px;
    background: #ffffff;
    border: 1px solid #e9ebf0;
    border-radius: 12px;
    padding: 17px 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
    max-width: 100%;
    width: 100%;
}

    .sampling-card:hover {
        /*transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(88, 42, 132, .08);*/
    }

    .sampling-card.active, .sampling-card:hover {
        /*border: 1px solid #8524dc;
        box-shadow: 0 4px 12px rgba(116, 31, 203, .12);*/
    }

.product-icon {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8a2be2;
    font-size: 18px;
    margin-bottom: 7px;
}

.product-quantity {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #111111;
    margin-bottom: 7px;
}

.product-name {
    min-height: 31px;
    color: #64748B;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 500;
}
.shop-now-page p.description {
    font-size: 20px;
    color: #3C3D48;
}
.product-image {
    width: 86px;
    height: 82px;
    object-fit: contain;
    margin-top: auto;
}

.sampling-wrapper .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    border: 1px solid #d9dce2;
    background: #ffffff;
    border-radius: 50%;
    color: #7131ca;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .03);
    transition: .2s ease;
}

    .sampling-wrapper .owl-carousel .owl-nav button.owl-next:hover,
    .sampling-wrapper .owl-carousel .owl-nav button.owl-prev:hover {
        background: #7824d1;
        color: #ffffff;
        border-color: #7824d1;
    }

.sampling-wrapper .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    border: 1px solid #d9dce2;
    background: #ffffff;
    border-radius: 50%;
    color: #7131ca;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .03);
    transition: .2s ease;
}

.carousel-arrow.disabled {
    opacity: 0;
    pointer-events: none;
}

.sampling-wrapper .owl-carousel .owl-stage {
    padding: 5px 0;
}

.sampling-wrapper .owl-dots {
    display: none;
}

.why-section {
    background: #f6eaff;
    border-radius: 22px;
    padding: 29px 30px 26px;
    margin-top: 47px;
    margin-bottom: 20px;
}

.why-heading {
    color: #581C87;
    font-size: 24px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0;
}

.why-description {
    color: #475569;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 25px;
}

.why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.why-item {
    min-height: 110px;
    padding: 0 30px;
    text-align: center;
    border-right: 1px solid #dfd9e8;
}

    .why-item:first-child {
        padding-left: 0;
    }

    .why-item:last-child {
        border-right: none;
        padding-right: 0;
    }

.why-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 19px;
    box-shadow: 0 8px 16px rgba(74, 44, 110, .15);
}

.why-item:nth-child(1) .why-icon {
    background: #8122d2;
}

.why-item:nth-child(2) .why-icon {
    background: #ff9436;
}

.why-item:nth-child(3) .why-icon {
    background: #0eaa4c;
}

.why-item:nth-child(4) .why-icon {
    background: #3982ee;
}

.why-item-title {
    color: #1E293B;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 5px;
}

.why-item-text {
    color: #64748B;
    font-size: 14px;
    line-height: 1.45;
}



.innovators-inner-page {
    width: 100%;
    margin: auto;
    padding: 0;
}

    .innovators-inner-page .hero {
        min-height: 315px;
        border-radius: 24px;
        background: #f4f1f8;
        position: relative;
        overflow: hidden;
        padding: 27px 38px;
        display: flex;
        align-items: flex-start;
        height:auto;
    }

    .innovators-inner-page .hero-content {
        width: 54%;
        position: relative;
        z-index: 2
    }

    .innovators-inner-page h1 {
        margin: 0 0 10px;
        font-size: 50px;
        line-height: 60px;
        font-weight: 700;
        letter-spacing: -1px;
        text-transform: uppercase;
        color: #000;
    }
    .innovators-inner-page.anniversary-award-page h1 {
        color: #000;
        font-size:50px;
        font-weight:700;
    }
    .innovators-inner-page.anniversary-award-page h1 span {
        color: #8A39CE;
    }
    .innovators-inner-page h1 span {
        color: #8A39CE;
    }
    .innovators-inner-page.our-promise-page .gold-line {
        margin: 5px 0 12px;
    }
    .innovators-inner-page.our-promise-page h1 {
        margin:0;
    }
    .innovators-inner-page .gold-line {
        width: 64px;
        height: 6px;
        background: #f2ad00;
        margin: 11px 0 16px
    }

    .innovators-inner-page .hero p {
        margin: 0;
        max-width: 470px;
        color: #374151;
        font-size: 16px;
        line-height: 1.5;
    }

    .innovators-inner-page .hero-art {
        position: absolute;
        right: 14px;
        top: 20px;
        width: 43%;
        height: 285px;
    }

    .innovators-inner-page .circle-purple {
        position: absolute;
        right: 65px;
        top: 8px;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: #7132ad;
    }

    .innovators-inner-page .circle-yellow {
        position: absolute;
        right: -8px;
        top: 115px;
        width: 88px;
        height: 88px;
        border-radius: 50%;
        background: #f2a900;
    }

    .innovators-inner-page .dots {
        position: absolute;
        right: 28px;
        top: 7px;
        width: 210px;
        height: 80px;
        background-image: radial-gradient(#e9b0d7 1.2px,transparent 1.2px);
        background-size: 10px 10px;
        opacity: .65;
    }

    .innovators-inner-page .shirt, .jacket {
        position: absolute;
        filter: drop-shadow(0 8px 8px rgba(0,0,0,.12));
    }

    .innovators-inner-page .shirt {
        left: 55px;
        top: 7px;
        width: 170px;
        height: 205px;
        background: #111;
        border-radius: 30px 30px 18px 18px;
        clip-path: polygon(28% 0,72% 0,80% 12%,100% 23%,87% 48%,78% 39%,78% 100%,22% 100%,22% 39%,13% 48%,0 23%,20% 12%);
    }

        .innovators-inner-page .shirt:before {
            content: "";
            position: absolute;
            left: 67px;
            top: 0;
            width: 38px;
            height: 30px;
            background: #111;
            border-radius: 0 0 18px 18px;
        }

    .innovators-inner-page .jacket {
        right: 8px;
        top: 55px;
        width: 155px;
        height: 185px;
        background: linear-gradient(100deg,#777,#a3a3a3);
        border-radius: 30px 30px 18px 18px;
        clip-path: polygon(25% 0,75% 0,87% 13%,100% 25%,88% 100%,12% 100%,0 25%,13% 13%);
    }

        .innovators-inner-page .jacket:after {
            content: "";
            position: absolute;
            left: 74px;
            top: 12px;
            width: 3px;
            height: 165px;
            background: #4d4d4d;
        }

    .innovators-inner-page .cap {
        position: absolute;
        left: 0;
        bottom: 12px;
        width: 115px;
        height: 42px;
        background: #16263e;
        border-radius: 50% 50% 35% 35%;
        transform: rotate(-3deg);
    }

        .innovators-inner-page .cap:after {
            content: "";
            position: absolute;
            left: -18px;
            bottom: -3px;
            width: 74px;
            height: 16px;
            background: #16263e;
            border-radius: 70% 0 70% 70%;
            transform: rotate(8deg);
        }

    .innovators-inner-page .clothes {
        position: absolute;
        right: 62px;
        bottom: 5px;
        width: 140px;
        height: 55px;
    }

        .innovators-inner-page .clothes i {
            display: block;
            height: 13px;
            border-radius: 4px 8px 5px 8px;
            margin-top: -2px;
            background: #1b2a43;
            box-shadow: 8px 3px 0 #0e1828;
        }

            .innovators-inner-page .clothes i:nth-child(2) {
                background: #303947
            }

            .innovators-inner-page .clothes i:nth-child(3) {
                background: #202020
            }

            .innovators-inner-page .clothes i:nth-child(4) {
                background: #363636
            }
    .innovators-inner-page.graphic-design-page h1 {
        color:#000;
    }
    .innovators-inner-page .section-title {
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: center;
        margin: 39px 0 26px;
        color: #8237c6;
        font-size: 28px;
        font-weight: 700;
    }

        .innovators-inner-page .section-title:before, .innovators-inner-page .section-title:after {
            content: "";
            height: 1px;
            background: #8237c6;
            width: 112px;
        }

    .innovators-inner-page .cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px
    }

    .innovators-inner-page .card {
        min-height: 236px;
        border-radius: 20px;
        padding: 28px 26px;
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }

        .innovators-inner-page .card.blue {
            background: #e5efff
        }

        .innovators-inner-page .card.green {
            background: #ddffd8
        }

    .innovators-inner-page .icon {
        flex: 0 0 120px;
        height: 120px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 48px;
        background: #d4e3ff;
        color: #28bda9;
    }

    .innovators-inner-page .green .icon {
        background: #baf6ad;
        color: #55a83b
    }

    .innovators-inner-page .card-number {
        font-size: 32px;
        font-weight: 700;
        color: #c5d9f9;
        margin: -4px 0 2px
    }

    .innovators-inner-page .green .card-number {
        color: #b9e4b3
    }

    .innovators-inner-page .card h2 {
        font-size: 22px;
        line-height: 1.25;
        margin: 0 0 8px;
        color: #000;
    }

    .innovators-inner-page .card p {
        font-size: 14px;
        line-height: 1.45;
        margin: 0;
        color: #000;
    }

    /*.innovators-inner-page .store-icon:before {
        content: "▦";
        font-size: 60px
    }

    .innovators-inner-page .order-icon:before {
        content: "☷";
        font-size: 58px
    }*/

    .innovators-inner-page .apparel-footer {
        margin-top: 29px;
        border-radius: 20px;
        background: #ebddf7;
        min-height: 69px;
        padding: 20px 26px;
        display: flex;
        align-items: center;
        color: #6C636F;
        font-weight: 700;
        font-size: 18px;
    }

    .innovators-inner-page .light-blue-text-bar {
        margin-top: 29px;
        border-radius: 20px;
        background: #ebddf7;
        min-height: 69px;
        padding: 20px 26px;
        display: flex;
        align-items: center;
        color: #374151;
        font-weight: 400;
        font-size: 16px;
    }
    .innovators-inner-page.anniversary-award-page .hero {
        background: #fff;
        padding: 0;
        justify-content: space-between;
    }
    .innovators-inner-page.anniversary-award-page .hero-art {
        position: relative;
        right: 0;
        top: 0;
        width: 43%;
        height: auto;
        text-align:right;
    }
    .innovators-inner-page.anniversary-award-page .hero-content {
        padding: 38px 0 0 48px;
    }
    .innovators-inner-page.anniversary-award-page .hero-content p {
        margin-bottom:20px;
    }
.service-award-block {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
    list-style:none;
}
.service-award-block li {
    border-right: 1px solid #E5E7EB;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    line-height: 24px;
    color: #1A1A4B;
    padding:10px 0;
}
.service-award-block li:last-child {
    border-right: 0 solid #E5E7EB;
}

.recognition-logo-list {
    list-style:none;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
    padding:0;
}
.recognition-logo-list li {
    background:#fff;
    border:1px solid #d9d9d9;
    padding:0;
    text-align:center;
    position:relative;
}
.recognition-title {
    padding: 30px 0 20px;
    font-size: 28px;
    line-height: 40px;
    color: #2B3339;
    margin: 0;
}
.graphic-design-page {

}
.innovators-inner-page.graphic-design-page .hero {
    min-height: auto;
    background: #fff;
    padding: 0;
    justify-content: space-between;
}
.innovators-inner-page.graphic-design-page .hero-content {
    padding: 38px;
}
.innovators-inner-page.graphic-design-page .hero-art {
    position: relative;
    right: 0;
    top: 0;
    width: 43%;
    height: auto;
    max-width: 300px;
}
.graphic-cards {
    display: grid;
    gap: 16px;
    margin-top: 34px;
    grid-template-columns:repeat(2, 1fr);
}
.graphic-card {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 14px;
    min-height: 142px;
    padding: 18px 24px;
    display: flex;
    align-items: Start;
    gap: 24px;
    box-shadow: 0 2px 4px rgba(20, 20, 30, .04);
}
.graphic-card h2 {
    margin: 0 0 9px;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    color: #111827;
    padding:0 0 15px;
    position:relative;
}
.graphic-card h2::before {
    width:50px;
    height:3px;
    content:"";
    background:#5A2E8C;
    font-size:0;
    line-height:0;
    position:absolute;
    left:0;
    bottom:0;
}
.graphic-card p {
    margin: 0;
    font-size: 15px;
    line-height: 1.38;
    color: #4B5563;
}
.graphic-icon {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    flex: 0 0 72px;
    display: grid;
    place-items: center;
}
.graphic-purple {
    background: #6330a0;
}
.graphic-yellow {
    background: #f5ad00;
}
.graphic-blue {
    background: #1E5FBE;
}
.graphic-green {
    background: #4CAF50;
}
.innovators-inner-page.fullfillment-page .hero-art {
    position: relative;
    right: 0;
    top: 0;
    width: 40%;
    height: auto;
}
.innovators-inner-page.fullfillment-page .hero {
    padding: 27px 28px;
    justify-content: space-between;
}
.fullfillment-list {
    list-style:none;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
}
.fullfillment-list li {
    background:#fff;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:10px;
    gap:15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.innovators-inner-page h3 {
    color: #374151;
}
.fullfillment-list li h3 {
    font-size: 14px;
    text-align: center;
    color: #4B5563;
}
.fullfillment-list li svg {
    height:48px;
}
.innovators-inner-page.contractdecorating-page .hero {
    background: #fff;
    margin-bottom: 50px;
    height: auto;
    min-height: auto;
    justify-content: space-between;
}
.innovators-inner-page.contractdecorating-page .hero img {
    border-radius:15px;
}
.innovators-inner-page.contractdecorating-page .hero-art {
    position: relative;
    right: 0;
    top: 0;
    width: 43%;
    height: auto;
}
.innovators-inner-page .decorating-footer {
    margin-top: 29px;
    border-radius: 20px;
    background: #ebddf7;
    min-height: 69px;
    padding: 20px 26px;
    display: flex;
    align-items: center;
    color: #6b6671;
    font-weight: 700;
    font-size: 16px;
    color: #583583;
}


.services-section {
    width: 100%;
    padding: 0;
    margin-top: 30px;
}

.services-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 34px;
    padding: 34px 0 42px;
    box-shadow: 0 5px 25px rgba(37, 32, 75, 0.08), 0 1px 3px rgba(37, 32, 75, 0.04);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.service-item {
    position: relative;
    text-align: center;
    padding: 0 42px;
}

    /* Vertical separators */
    .service-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 2px;
        height: 292px;
        background: #e8e6ec;
    }

.service-icon {
    width: 140px;
    height: 140px;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #f1ecf8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #35117c;
}

    .service-icon svg {
        width: 84px;
        height: 84px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.service-title {
    min-height: 58px;
    margin-bottom: 10px;
    color: #0d174d;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.service-description {
    max-width: 255px;
    margin: 0 auto;
    color: #11184a;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}
.innovators-inner-page .contractdecorating-page p {
    margin: 0 0 21px;
}

.paragraph {
    padding: 25px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 24px;
    border-left: 5px solid #7e22ce;
    margin-bottom: 30px;
    color: #4b5563;
    box-shadow: 0 5px 25px rgba(37, 32, 75, 0.08), 0 1px 3px rgba(37, 32, 75, 0.04);
    background: #fff;
}
.freeDownload {
    border-radius: 50px;
    padding: 15px;
    background: #fff;
    display: flex;
    gap: 15px;
    max-width: 350px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 26px;
    align-items: center;
    box-shadow: 0 5px 25px rgba(37, 32, 75, 0.08), 0 1px 3px rgba(37, 32, 75, 0.04);
    border: 2px solid #8a39ce;
}
.freeDownload:hover {
    text-decoration: none;
    background: #edf0f9;
}
.freeDownload strong {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #7d3fc8;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    min-width: 60px;
}
.freeDownload strong svg {
    height:40px;
}
.workware-card ul {
    list-style:none;
}
.workware-card ul li {
    padding:0 0 10px;
}
.workware-card ul li span {
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    background: #7E22CE;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    margin: 0 4px 0 0;
    text-align: center;
    border-radius: 15px;
    margin:4px 10px 0 0;
}


.transfer-section {
    width: 100%;
    padding: 0
}

.transfer-container {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    display: flex;
    align-items: stretch;
    gap: 28px;
    background: #fff;
    padding: 20px;
    margin-top: 40px;
    border-radius: 15px;
}

.folder-area {
    flex: 0 0 42%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    min-width: 0
}

.folder-image {
    height: auto;
    display: block
}

.transfer-card {
    flex: 1;
    min-width: 0;
    background: #f7f2fc;
    border-radius: 19px;
    padding: 15px 24px 14px 20px;
    display: flex;
    align-items: center;
    gap: 27px;
    align-items:start;
}

.pdf-box {
    flex: 0 0 108px;
    height: 108px;
    border-radius: 27px;
    background: #eee7f8;
    display: flex;
    align-items: center;
    justify-content: center
}

.pdf-icon {
    width: 62px;
    height: 72px;
    position: relative;
    color: #55209a
}

    .pdf-icon svg {
        width: 100%;
        height: 100%;
        display: block
    }

.pdf-caption {
    position: absolute;
    left: 50%;
    bottom: -22px;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #111;
    font-size: 14px
}

.transfer-content {
    min-width: 0;
    flex: 1
}

.transfer-title {
    color: #4f1b8e;
    font-size: 21px;
    line-height: 1.15;
    font-weight: 700;
    margin-bottom: 8px
}

.transfer-text {
    color: #15131b;
    font-size: 16px;
    line-height: 1.38
}

.transfer-text strong {
    color: #4f1b8e
}





.credit-banner {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 20px;
    background: linear-gradient(90deg, #f1eef8 0%, #f4f1fa 50%, #f0edf7 100%);
    border: 1px solid #e2ddea;
    border-radius: 15px;
}

    /* Purple curved corner on the left */
    

.credit-content {
    position: relative;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    gap: clamp(28px, 3.2vw, 52px);
}

.credit-icon-wrap {
    flex: 0 0 auto;
    width: clamp(80px, 12.2vw, 60px);
    height: clamp(80px, 12.2vw, 60px);
    border-radius: 50%;
    background: #491f95;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: clamp(28px, 0.2vw, 4px);
}

.credit-handshake {
    width: 72%;
    height: 72%;
}

.credit-divider {
    flex: 0 0 2px;
    height: 62px;
    background: #ddd6eb;
}

.credit-message {
    max-width: 760px;
    color: #382080;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: -0.45px;
}

.credit-message span {
    display: block;
}
.innovators-inner-page.history-page .hero-art {
    position: relative;
    right: 0;
    top: 0;
    width: auto;
    height: auto;
}
.innovators-inner-page.history-page .hero {
    min-height: 0;
    padding: 0;
}
.innovators-inner-page.history-page .hero-content {
    padding: 30px;
}
.inner-box-cards {
    display: grid;
    gap: 16px;
    margin-top: 34px;
    grid-template-columns: repeat(1, 1fr);
}

.inner-box-card {
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 14px;
    min-height: 142px;
    padding: 18px 24px;
    display: flex;
    align-items: start;
    gap: 24px;
    box-shadow: 0 2px 4px rgba(20, 20, 30, .04);
}

.inner-box-card h2 {
    margin: 0 0 9px;
    font-size: 20px;
    line-height: 1.15;
    font-weight: 700;
    color: #111827;
    padding: 0 0 15px;
    position: relative;
}

.inner-box-card h2::before {
    width: 50px;
    height: 3px;
    content: "";
    background: #5A2E8C;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.inner-box-card p {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #4B5563;
}

.inner-box-icon {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    flex: 0 0 72px;
    display: grid;
    place-items: center;
}

.inner-box-purple {
    background: #6330a0;
}

.inner-box-yellow {
    background: #f5ad00;
}

.inner-box-blue {
    background: #1E5FBE;
}

.inner-box-green {
    background: #4CAF50;
}
.img-gap {
    padding: 16px;
}
.work-with-us-points {
    list-style:none;
    padding:0;
    margin:0;
}
.work-with-us-points li {
    padding: 15px;
    border-left: 6px solid #8a39ce;
    border-radius: 10px;
    background: #fff;
    margin: 0 0 15px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.work-with-us-points li h4 {
    margin:0;
    font-size:16px;
    color:#4d4d4d;
}





.career-section {
    width: 100%;
    padding: 8px 0;
}

.career-card {
    width: 100%;
    max-width: 1505px;
    min-height: 274px;
    margin: auto;
    padding: 36px 40px;
    background: #fff;
    border-radius: 31px;
    display: flex;
    align-items: center;
    gap: 30px;
    overflow: hidden ;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.career-intro {
    flex: 1 1 58%;
    display: flex;
    align-items: center;
    gap: 32px;
    min-width: 0
}

.plane-circle {
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #392080;
    display: flex;
    align-items: center;
    justify-content: center
}

.plane {
    width: 100px;
    height: 78px;
    position: relative;
    transform: rotate(-8deg)
}

.plane:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 25px;
    width: 88px;
    height: 50px;
    border-left: 4px solid #ffe000;
    border-top: 4px solid #ffe000;
    transform: skewY(-27deg) rotate(-7deg)
}

.plane:after {
    content: "";
    position: absolute;
    left: 30px;
    top: 35px;
    width: 54px;
    height: 4px;
    background: #ffe000;
    transform: rotate(-27deg);
    box-shadow: -8px 19px 0 -1px #ffe000
}

.intro-content {
    min-width: 0
}

.intro-title {
    color: #17115c;
    font-size: 38px;
    line-height: 1.1;
    font-weight: 800;
    margin-bottom: 18px
}

.intro-text {
    max-width: 630px;
    color: #171735;
    font-size: 16px;
    line-height: 1.52
}

.career-divider {
    width: 2px;
    height: 205px;
    flex: 0 0 2px;
    background: #b8acd0
}

.career-contact {
    flex: 1 1 42%;
    min-width: 0;
    padding-left: 10px
}

.contact-row {
    display: flex;
    align-items: center;
    gap: 21px;
    margin-bottom: 14px
}

.contact-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #392080;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.contact-icon svg {
    width: 30px;
    height: 30px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.contact-text {
    color: #171735;
    font-size: 16px;
    line-height: 1.25;
    min-width: 0
}

.contact-text strong {
    color: #4e1891;
    font-weight: 700
}
.desktop-break {
    display:none !important;
}

.terms-page {
    padding:20px 30px;
    border-radius:30px;
    background:#fff;
}
.terms-page h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 15px;
    color:#7d3fc8;
}
.terms-page p {
    margin: 0 0 25px;
    color: #4b5563;
}
.inner-box-card ul {
    list-style:none;
    margin:15px 0 0;
}
.inner-box-card ul li {
    list-style:none;
    position:relative;
    display:flex;
    align-items:flex-start;
    padding:0;
    gap:10px;
    font-size:14px;
    line-height:24px;
}

.inner-box-card ul li:before {
    content: "";
    box-sizing: border-box;
    height: 7px;
    width: 7px;
    border-style: solid;
    border-color: #7d3fc8;
    border-width: 0px 2px 2px 0px;
    transition: border-width 150ms ease-in-out;
    margin-top: 8px;
    rotate:-45deg
}
.sd-gap {
    padding:30px;
}








.support-wrap {
    padding: 14px 0;
}

.support-card {
    max-width: 1440px;
    margin: auto;
    background: #fff;
    border-radius: 24px;
    padding: 28px 42px;
    box-shadow: 0 2px 14px #39207010
}

.support-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px
}

.support-manager {
    display: flex;
    align-items: center;
    gap: 34px;
    padding-bottom: 22px;
    border-bottom: 1px solid #ded9e9
}

.support-circle {
    width: 98px;
    height: 98px;
    flex: 0 0 98px;
    border-radius: 50%;
    background: #f1e9ff;
    display: grid;
    place-items: center;
    color: #6825c7;
    font-size: 45px;
    font-weight: bold
}

.support-card h2 {
    font-size: 20px;
    margin: 0 0 4px
}

.support-brand {
    font-size: 20px;
    font-weight: 700;
    color: #6420c5
}

.support-office {
    display: grid;
    grid-template-columns: 98px 1fr;
    gap: 34px;
    margin-top: 27px
}

    .support-office h3 {
        font-size: 20px;
        margin: 3px 0 4px;
    }

.support-address {
    font-size: 16px;
    line-height: 1.45;
    margin: 0;
    display: grid;
    grid-template-columns: 42px 1fr;
    align-items: center;
    border-bottom: 1px solid #ded9e9;
    font-size: 16px;
    gap: 10px;
    padding:8px 0;
}

.support-pin {
    color: #7025cf;
    font-size: 16px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f1e9ff;
    display: grid;
    place-items: center;
    color: #6825c7
}

.support-row {
    display: grid;
    grid-template-columns: 42px 92px 1fr;
    align-items: center;
    support-pin min-height: 54px;
    border-bottom: 1px solid #ded9e9;
    font-size: 16px;
    gap: 10px;
    padding: 8px 0;
    .support-office h3
}

.support-mini {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f1e9ff;
    display: grid;
    place-items: center;
    color: #6825c7
}

.support-label {
    font-weight: bold
}

.support-link {
    color: #6420c5;
    word-wrap: break-word;
}

.support-art {
    border-left: 2px solid #e5dfef;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 490px
}

.support-city {
    width: 88%;
    height: 390px;
    position: relative;
    overflow: hidden
}

.buildings {
    position: absolute;
    bottom: 28px;
    left: 8%;
    right: 8%;
    height: 230px;
    display: flex;
    align-items: flex-end;
    gap: 7px
}

.support-b {
    width: 13%;
    background: linear-gradient(#d0b0ff,#eee5ff);
    border-radius: 3px 3px 0 0
}

.support-b:nth-child(1) {
    height: 48%
}

.support-b:nth-child(2) {
    height: 78%
}

.support-b:nth-child(3) {
    height: 100%
}

.support-b:nth-child(4) {
    height: 70%
}

.support-:nth-child(5) {
    height: 57%
}

.support-b:nth-child(6) {
    height: 42%
}

.support-ground {
    position: absolute;
    bottom: 27px;
    left: 5%;
    right: 5%;
    height: 3px;
    background: #6d35c2
}

.support-bigpin {
    position: absolute;
    left: 50%;
    top: 52%;
    width: 112px;
    height: 140px;
    background: #6320c7;
    border-radius: 60% 60% 60% 0;
    transform: translate(-50%,-50%) rotate(-45deg)
}

    .bigpin:after {
        content: "";
        position: absolute;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        background: white;
        left: 35px;
        top: 35px
    }

.support {
    max-width: 1440px;
    margin: 22px auto 0;
    min-height: 235px;
    background: #f1eaff;
    border-radius: 24px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 245px 1fr
}

.support-left {
    background: linear-gradient(135deg, #ff9914, #ff9713);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center
}

    .support-left .icon {
        font-size: 62px
    }

    .support-left strong {
        font-size: 28px
    }

    .support-left span {
        font-size: 18px;
        margin-top: 8px
    }

.support-right {
    display: flex;
    align-items: center;
    gap: 38px;
    padding: 35px 52px
}

.support-medal {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    border-radius: 50%;
    background: #54209d;
    display: grid;
    place-items: center;
    color: #6025bd;
    font-size: 58px;
    box-shadow: 0 4px 12px #43207012
}

.support-right p {
    font-size: 16px;
    line-height: 1.55;
    margin: 0
}
.innovators-inner-page.history-page .testimonial-pannel {
    padding-top:0;
}

.company-stores .hero h1 {
    color: #8A39CE;
    font-size: 50px;
    line-height: 1.1;
    margin-bottom: 18px;
    font-weight: 700;
}
.testimonial-pannel h1 {
    color: #7E22CE;
    font-size: 36px;
    line-height: 1.1;
    margin-bottom: 18px;
    font-weight: 700;
}
.testimonial-pannel .default-title h1 {
    font-size: 28px;
    color: #000;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}
.testimonial-pannel .default-title h1 strong {
    color: #6d2fa3;
    font-weight: 600;
}
.testimonial-pannel h3 {
    color: #111;
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 12px;
    font-weight: 700;
    text-transform:capitalize;
}
.testimonial-pannel p {
    color: #333;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px;
    font-weight: 400;
    display:flex;
    justify-content:flex-start;
}
.owl-carousel.testimonial-list .owl-stage {
    display:flex;
}
.owl-carousel.testimonial-list .owl-stage .owl-item, .owl-carousel.testimonial-list .owl-stage .owl-item .item, .testimonial-section {
    height: 100%;
    min-height:100%;
    position:relative;
}
.owl-carousel.testimonial-list .owl-stage .owl-item .item strong {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:0;
}
.testimonial-pannel p br {
    display: none;
}
.testimonial-pannel ul.testimonial-list {
    margin: 0;
    list-style: none;
}
.testimonial-pannel ul.testimonial-list li {
    list-style: none;
    padding: 20px;
    background: #fff;
    margin: 0 0 30px;
    box-shadow: 0 2px 4px rgba(31, 25, 45, .1);
    border-radius: 10px;
    border: 1px solid #c1addd;
}
.testimonial-pannel ul.testimonial-list li p {
}

.testimonial-pannel ul.testimonial-list li span {
    display:inline-block;
    background:#eeeaf2;
    padding:5px 15px;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    color:#7d3fc8;
}
.content-map {
    clear: both;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(31, 25, 45, .1);
    margin:0 0 40px;
}
.contact-pannel h3 {
    color: #111;
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 12px;
    font-weight: 700;
    text-transform: capitalize;
}
.contact-pannel p {
    color: #333;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 18px;
    font-weight: 400;
}
.contact-pannel ul {
    margin:0;
    padding:0;
    list-style:none;
}
.contact-pannel ul li {
    margin: 0;
    padding:0;
    list-style: none;
    display:flex;
    align-items:center;
    gap:10px;
    justify-content:start;
    background:#fff;
    margin:0 0 10px;
    max-width:500px;
    border:1px solid #d9d9d9;
    border-radius:5px;
    overflow:hidden;
}
.contact-pannel ul li strong {
    min-width:150px;
    display:inline-block;
    background:#7d3fc8;
    color:#fff;
    padding:6px 15px;
    font-size:14px;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    justify-content:start;
    gap:10px;
}
.innovators-inner-page.promotion-page h1,
.innovators-inner-page.corporate-apparel-page h1 {
    font-size: 50px;
    line-height: 60px;
}
.innovators-inner-page.promotion-page h1 {
    color:#fff;
}
.innovators-inner-page.promotion-page .hero {
    background: #57209A;
    background: linear-gradient(90deg,rgba(87, 32, 154, 1) 0%, rgba(30, 2, 61, 1) 100%);
    color: #fff;
    margin:0 0 50px;
}
.innovators-inner-page.promotion-page h1 span {
    color: #f4a820;
}
.innovators-inner-page.promotion-page .hero p {
    color: #fff;
}
.promotion-products {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 4px rgba(31, 25, 45, .1);
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    overflow:hidden;
    margin:0 0 50px;
}
.promotion-products h3 {
    display: flex;
    padding: 10px 20px;
    align-items:center;
    background:#FF7D0C;
    color:#fff;
    width:100%;
    gap:20px;
    font-size:24px;
    text-transform:uppercase;
    line-height: 30px;
}
.promotion-products h3 strong {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 20px;
}
.promotion-products ul {
    list-style:none;
    margin:0;
    display:grid;
    padding:20px;
    gap:20px;
    grid-template-columns:repeat(4, 1fr);
}
.promotion-products ul li {
    border:1px solid #d9d9d9;
    padding:0;
    vertical-align:middle;
    display:flex;
    align-items:center;
    position:relative;
}
.promotion-products ul li a {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    min-height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.corporate-logo-list {
    padding:20px 0;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    list-style:none;
}
.corporate-logo-list li {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    padding: 0;
    background:#fff;
}
.corporate-logo-list li img {
    width:80%;
}
.corporate-logo-list li a {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    min-height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.recognition-logo-list li a {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
    min-height: 100%;
    width: 100%;
    box-sizing: border-box;
}


.innovators-inner-page.corporate-apparel-page .hero {
    margin: 0 0 50px;
}
.innovators-inner-page.corporate-apparel-page {
    padding:0;
}
.innovators-inner-page.anniversary-award-page .hero.bottom-gap {
    margin: 0 0 50px;
}
.innovators-inner-page.custom-kit-page .hero {
    background: #f0edff;
    margin: 0 0 50px;
    background: linear-gradient(135deg, #ffb526 0%, #ff9411 58%, #ffb51e 100%);
}
.innovators-inner-page .hero-art {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
}
.innovators-inner-page.custom-kit-page .hero p {
    color:#fff;
}
.innovators-inner-page.custom-kit-page .gold-line {
    background: #fff;
}
.innovators-inner-page.custom-kit-page h1 {
    color:#fff;
}
.innovators-inner-page.custom-kit-page h1 span {
    color: #d91010;
}
.innovators-inner-page.our-promise-page .hero {
    background: #fff;
    margin: 0 0 50px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    min-height: auto;
}
.innovators-inner-page.our-promise-page .hero .hero-art {
    position: relative;
    right: 0;
    top: 0;
    width: 50%;
    height: auto;
}
.innovators-inner-page.our-promise-page .hero .hero-content {
    padding:20px 0 0 25px;
    width:50%;
    box-sizing:border-box;

}






.innovators-inner-page.our-promise-page .features {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 15px 0 0;
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    align-items: flex-start;
}

.innovators-inner-page.our-promise-page .feature {
    text-align: center;
    min-width: 0;
}

.innovators-inner-page.our-promise-page .icon-circle {
    width: 80px;
    height: 80px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: #edf2ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .innovators-inner-page.our-promise-page .icon-circle img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 50%;
    }

/* These icon drawings reproduce the visual style without requiring
     external assets. */
.innovators-inner-page.our-promise-page .shield {
    position: relative;
    width: 45px;
    height: 48px;
    background: #0b3b99;
    clip-path: polygon(50% 0, 94% 15%, 91% 65%, 77% 84%, 50% 100%, 23% 84%, 9% 65%, 6% 15%);
}

    .innovators-inner-page.our-promise-page .shield::before {
        content: "";
        position: absolute;
        inset: 5px;
        background: #e7edf9;
        clip-path: polygon(50% 0, 94% 15%, 91% 65%, 77% 84%, 50% 100%, 23% 84%, 9% 65%, 6% 15%);
    }

    .innovators-inner-page.our-promise-page .shield::after {
        content: "★";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #ffd21c;
        font-size: 27px;
        line-height: 1;
    }

.innovators-inner-page.our-promise-page .people {
    position: relative;
    width: 60px;
    height: 40px;
}

.innovators-inner-page.our-promise-page .person {
    position: absolute;
    bottom: 0;
    width: 25px;
    height: 27px;
    background: #0b3b99;
    border-radius: 12px 12px 3px 3px;
}

    .innovators-inner-page.our-promise-page .person::before {
        content: "";
        position: absolute;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        background: #0b3b99;
        top: -12px;
        left: 6px;
    }

    .innovators-inner-page.our-promise-page .person.center {
        left: 18px;
        height: 31px;
    }

        .innovators-inner-page.our-promise-page .person.center::before {
            width: 15px;
            height: 15px;
            left: 5px;
            top: -14px;
        }

    .innovators-inner-page.our-promise-page .person.left {
        left: 0;
        transform: scale(.82);
        transform-origin: bottom;
        background: #ffd21c;
    }

    .innovators-inner-page.our-promise-page .person.right {
        right: 0;
        transform: scale(.82);
        transform-origin: bottom;
        background: #ffd21c;
    }

.innovators-inner-page.our-promise-page h4 {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    color: #000;
}
.innovators-inner-page.our-promise-page .person.right::before {
    background: #ffd21c;
}
.innovators-inner-page.our-promise-page .person.left::before {
    background: #ffd21c;
}

.innovators-inner-page.our-promise-page p {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.innovators-inner-page.our-promise-page .divider {
    width: 1px;
    height: 125px;
    background: #d8dde6;
    justify-self: center;
}








.shop-now-page .default-title:before,
.shop-now-page .default-title:after {
    margin-top: 30px;
}
.testimonial-pannel .container {
    position:relative;
}
.testimonials-view-all {
    position: absolute;
    right: 14px;
    top: 0;
    border: 1px dashed #5B2E91;
    font-size: 14px;
    font-weight: 600;
    color: #5B2E91;
    gap: 10px;
    padding: 5px 30px 5px 15px;
    text-decoration: none;
    border-radius: 30px;
    text-decoration: none;
}
.testimonials-view-all:hover {
    text-decoration:none;
    background:#7d3fc8;
    color:#fff;
}
.testimonials-view-all::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 73px;
    width: 12px;
    height: 3px;
    background: #67359B;
    border-radius: 10px;
    transform: translateY(-50%);
}
.testimonials-view-all:hover::before {
    background: #fff;
}
.testimonials-view-all:hover::after {
    border-color: #fff;
}
.trust-intro {
    color: #0A0A0A;
}


/* Arrow head */
.testimonials-view-all::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 9px;
    width: 9px;
    height: 9px;
    border-top: 3px solid #67359B;
    border-right: 3px solid #67359B;
    border-radius: 3px;
    transform: translateY(-50%) rotate(45deg);
    box-sizing: border-box;
}

.innovators-inner-page .career-section h1 {
    font-size:36px;
}
.workware-card ul li {
    display:flex;
}
.shop-now-page .step-content p {
    color:#fff;
}
.admin-link {
    z-index:10;
}
.our-promise-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    background: #fff;
    padding: 30px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 25px;
}
.light-blue-Box {
    background: transparent;
    border-radius: 0;
    padding: 0;
    list-style: none;
    margin:20px 0 0;
    display: grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.light-blue-Box li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 0;
    font-size: 14px;
    border:1px solid #d9d9d9;
    background:#fff;
    border-radius:4px;
    overflow:hidden;
}
.light-blue-Box li strong {
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    line-height:36px;
    text-align:center;
    background:#eeeaf2;
}
.support-bottom-link {
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-top:20px;
}
.support-bottom-link li {
    width:100%;
}
.support-bottom-link li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding:10px 20px;
    text-decoration:none;
    background:#fff;
    border:1px solid #d9d9d9;
    border-radius:6px;
    position:relative;
}
.support-bottom-link li a:after {
    content:"";
    border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.support-bottom-link li a:hover:after {
    border-color: #7d3fc8;
}
.support-bottom-link li a:hover {
    border:1px solid #7d3fc8;
    background:#ecedf5;
}
.support-bottom-link li a .quick-title {
    margin:0;
    line-height:30px;
}
.support-bottom-link li a .quick-copy {
    display:flex;
    flex-direction:row;
    gap:15px;
}
body a:hover {
    text-decoration:none;
}
.innovators-inner-page .hero.testimonial-hero {
    background: #fef9ed;
    border: 2px solid #fec61a;
    margin-bottom: 30px;
}
.innovators-inner-page .hero.testimonial-hero  h1 span {
    color: #f2ad00;
}
.innovators-inner-page .hero.testimonial-hero  .hero-content {
    min-width: 54%;
}



.service-list-Pannel {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    padding:30px 0 0;
}
.service-list-boxes {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border-radius: 30px;
    padding: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 0px 0px 0px, rgba(60, 64, 67, 0.05) 0px 0 6px 1px;
    gap:15px;
}
.service-list-boxes .svgBox {
    width:80px;
    height:80px;
    border-radius:20px;
    background:#7d3fc8;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 ;
}
.service-list-boxes .svgBox.service-purple {
    background:#6330a0;
}
.service-list-boxes .svgBox.service-blue {
    background:#2866c1;

}
.service-list-boxes .svgBox.service-green {
    background:#4caf50;

}
.service-list-boxes .svgBox.service-yellow {
    background:#f5ad00;

}
.service-list-boxes .svgBox.service-orange {
    background:#ff6d17;

}
.service-list-boxes .svgBox.service-darkpurple {
    background:#581C87;
}
.service-list-boxes h3 {
    font-size:16px;
    font-weight:600;
    margin:0 ;
}
.service-list-boxes p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines you want to display */
    -webkit-box-orient: vertical; /* Required for line-clamping */
    overflow: hidden;
}
.service-list-boxes a {
    min-width: 148px;
    height: 41px;
    padding: 0 22px;
    border: 1.5px solid #7030ad;
    border-radius: 24px;
    background: #fff;
    color: #66309f;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    font-size: 14px;
    font-weight: 700;
    transition: .25s;
}
.service-list-boxes a:hover {
    background: #7030ad;
    color: #fff;
}



/* =========================================
   Image Innovators Form
   ========================================= */
.imageInnovators-from-pan {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    max-width: 1400px;
    width: 100%;
    margin: 30px auto;
    box-sizing:border-box;
    display:flex;
    flex-direction:row;
    background:#fff;
}
.imageInnovators-from-left {
    width: 50%;
    background: linear-gradient(135deg,#ffb51c 0%,#ffbd2a 100%);
}
.imageInnovators-from {
    width: 50%;
    margin: 0 auto;
    padding: 30px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 14px 30px;
    font-family: 'Roboto', Arial, sans-serif;
    border-radius: 30px;
}

    /* Direct child containers */
    .imageInnovators-from > div {
        min-width: 0;
    }

    /* Form group */
    .imageInnovators-from .from-group {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 0;
        font-family: 'Roboto', Arial, sans-serif;
    }
        .imageInnovators-from .from-group span {
            display: block;
            padding: 0 0 4px;
            font-family: 'Roboto', Arial, sans-serif;
            font-size: 14px;
            font-weight: 700;
            color: #363b46;
        }
        /* Label */
        .imageInnovators-from .from-group label {
            display: block;
            margin-bottom: 8px;
            color: #222222;
            font-size: 14px;
            line-height: 1.4;
            font-weight: 600;
            font-family: 'Roboto', Arial, sans-serif;
            font-size: 14px;
        }

        /* Textbox / Input */
        .imageInnovators-from .from-group input[type="text"],
        .imageInnovators-from .from-group input[type="email"],
        .imageInnovators-from .from-group input[type="tel"],
        .imageInnovators-from .from-group input[type="date"],
        .imageInnovators-from .from-group textarea {
            width: 100%;
            min-height: 34px;
            padding: 0 15px;
            border: 1px solid #d9dfe7;
            border-radius: 0;
            background: #ffffff;
            color: #222222;
            font-family: inherit;
            font-size: 15px;
            line-height: 1.5;
            outline: none;
            box-sizing: border-box;
            transition: all 0.25s ease;
            font-family: 'Roboto', Arial, sans-serif;
            font-size: 14px;
        }

        /* Textarea */
        .imageInnovators-from .from-group textarea {
            min-height: 60px;
            resize: vertical;
            padding: 10px;
        }

            /* Placeholder */
            .imageInnovators-from .from-group input::placeholder,
            .imageInnovators-from .from-group textarea::placeholder {
                color: #9ca3af;
            }

            /* Focus */
            .imageInnovators-from .from-group input:focus,
            .imageInnovators-from .from-group textarea:focus {
                border-color: #17488f;
                box-shadow: 0 0 0 3px rgba(23, 72, 143, 0.10);
            }

            /* Hover */
            .imageInnovators-from .from-group input:hover,
            .imageInnovators-from .from-group textarea:hover {
                border-color: #aeb8c6;
            }


        /* =========================================
   File Upload
   ========================================= */

        .imageInnovators-from .from-group input[type="file"] {
            width: 100%;
            min-height: 34px;
            padding: 8px;
            border: 1px dashed #bfc7d2;
            border-radius: 9px;
            background: #f8fafc;
            color: #555;
            font-family: inherit;
            font-size: 14px;
            box-sizing: border-box;
            cursor: pointer;
        }

            .imageInnovators-from .from-group input[type="file"]:hover {
                border-color: #17488f;
                background: #f4f7fb;
            }


    /* =========================================
   Button
   ========================================= */

    /* The last direct div contains the button */
    .imageInnovators-from > div:last-child {
        grid-column: 1 / -1;
        margin-top: 5px;
    }

    .imageInnovators-from input[type="submit"],
    .imageInnovators-from button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 170px;
        min-height: 40px;
        padding: 0 28px;
        border: 0;
        border-radius: 0;
        background: #8a39ce;
        color: #ffffff;
        font-family: inherit;
        font-weight: 600;
        line-height: 1;
        cursor: pointer;
        transition: all 0.25s ease;
        font-size: 14px;
        font-family: 'Roboto', Arial, sans-serif;
    }

        .imageInnovators-from input[type="submit"]:hover,
        .imageInnovators-from button:hover {
            background: #5B2E91;
            transform: translateY(0);
            box-shadow: 0 8px 20px rgba(23, 72, 143, 0.20);
        }

        .imageInnovators-from input[type="submit"]:active,
        .imageInnovators-from button:active {
            transform: translateY(0);
        }


.from-group .from-select {
    display: flex;
    flex-direction: row;
}
.from-group-col {
    display: flex;
    flex-direction: row;
    justify-content:flex-start;
    align-items:start;
    gap:20px;
}
.imageInnovators-from-left {
    font-size: 90px;
    line-height: 100px;
    font-weight: 700;
    text-align: left;
    margin: 0 auto;
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    padding:30px;
    position:relative;
    overflow:hidden;
}
.imageInnovators-from-left:before {
    content: "";
    position: absolute;
    inset: -15% -20% auto -20%;
    top: -15%;
    left: -20%;
    top: -15%;
    left: -20%;
    height: 52%;
    border-radius: 50%;
    background: rgba(255,255,255,.035);
    transform: rotate(-13deg);
    z-index: -1;
    top: 35%;
    left: -30%;
    width: 145%;
    height: 88%;
    background: rgba(249, 237, 206, 0.13);
    transform: rotate(18deg);
    z-index: 1;
}
.imageInnovators-from-left h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    text-align: left;
    margin: 0 auto;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(179, 119, 24, 0.5);
}
.imageInnovators-from-left h3 {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight:700;
    text-align: left;
    text-shadow: 2px 2px 4px rgba(179, 119, 24, 0.5);
}
.imageInnovators-from-left p {
    font-size:14px;
    line-height:20px;
    color:#393301;
    margin:0 0 15px;
}

.imageInnovators-from .from-select button {
    font-size: 0;
    width: 40px;
    max-width: 40px;
    padding: 0;
    background: url(../Images/calendar-filled.svg) no-repeat 50% 50% #7d3fc8;
    min-width:40px;
}
.imageInnovators-from .from-group span.required-field {
    color: #ff0000;
    font-weight:400;
    font-size:12px;
    padding:0;
}
.doitfor-heading {
    display: flex;
    gap: 10px;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    margin: 0 0 10px;
}
.imageInnovators-from-left p a {
    color: #0B6220;
}




.success-notification {
    padding: 10px;
    background: #e5fcdd;
    border: 1px solid #59b23a;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    color: #59b23a;
}

.page-wrap.signin-page {
    max-width: 700px;
    width: 100%;
    background: #fff;
    margin: 50px auto;
    padding: 30px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.signin-page h1 {
    color: #8a39ce;
    line-height: 40px;
    font-size: 36px;
    font-weight: 600;
    margin:0 0 5px;
}
.signin-page .form-text, .signin-page .form-text a {
    margin-bottom: 0;
    color: #444;
    width: 100%;
}
.signin-page .btn-primary {
    color: #fff;
    background-color: #8a39ce;
    border-color: #8a39ce;
    padding: 8px 25px;
    margin-right: 15px;
}
.signin-page .btn-primary:hover {
    background:#5B2E91;
}
.signin-page .has-success .form-control {
    border-color: #8a39ce;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.signin-page .has-success .form-control {
    background: #5B2E91;
}
.page-action-bar.sign-in-actions a {
    color:#5B2E91;
}






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

        .imageInnovators-from {
            padding: 30px;
            gap: 14px 24px;
        }
    }
    /* =========================================
   Mobile
   ========================================= */

    @media (max-width: 767px) {

        .imageInnovators-from {
            display: block;
            width: calc(100% - 30px);
            margin: 15px auto;
            padding: 25px 20px;
            border-radius: 15px;
        }

            .imageInnovators-from .from-group {
                margin-bottom: 0;
            }

                .imageInnovators-from .from-group label {
                    font-size: 14px;
                    margin-bottom: 7px;
                }

                .imageInnovators-from .from-group input[type="text"],
                .imageInnovators-from .from-group input[type="email"],
                .imageInnovators-from .from-group input[type="tel"],
                .imageInnovators-from .from-group input[type="date"],
                .imageInnovators-from .from-group textarea {
                    min-height: 48px;
                    padding: 12px 13px;
                    font-size: 14px;
                }

                .imageInnovators-from .from-group textarea {
                    min-height: 110px;
                }

            .imageInnovators-from > div:last-child {
                margin-top: 10px;
            }

            .imageInnovators-from input[type="submit"],
            .imageInnovators-from button {
                width: 100%;
                min-height: 50px;
            }
    }
    /* =========================================
   Small Mobile
   ========================================= */

    @media (max-width: 480px) {

        .imageInnovators-from {
            width: calc(100% - 20px);
            padding: 20px 15px;
            margin: 10px auto;
            border-radius: 12px;
        }

            .imageInnovators-from .from-group {
                margin-bottom: 0;
            }

                .imageInnovators-from .from-group label {
                    font-size: 13px;
                }

                .imageInnovators-from .from-group input[type="text"],
                .imageInnovators-from .from-group input[type="email"],
                .imageInnovators-from .from-group input[type="tel"],
                .imageInnovators-from .from-group input[type="date"],
                .imageInnovators-from .from-group textarea {
                    font-size: 14px;
                }
    }



    @media (min-width: 768px) {
        .imageInnovators .container {
            width: 100%;
        }

        .header-top-mid .dropdown-menu {
            position: absolute;
            top: 34px;
            left: 0;
            z-index: 1000;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 16px;
            text-align: left;
            list-style: none;
            background-color: #edf0f9;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 0;
            border-radius: 0;
            -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
            padding: 0;
            background: #EDF0F9;
            background: linear-gradient(90deg,rgba(237, 240, 249, 1) 0%, rgba(239, 229, 229, 1) 100%);
        }

            .header-top-mid .dropdown-menu > li > a {
                display: block;
                padding: 8px 20px;
                clear: both;
                font-weight: 400;
                line-height: 1.42857143;
                color: #8a39ce;
                white-space: nowrap;
                border: 0;
                outline: none;
                position: relative;
                font-size: 14px;
            }

        .quick-arrow svg {
            margin-right: -1px;
        }

        body .header-top-mid .navbar-default .navbar-nav > li > a {
            padding: 0;
        }

            body .header-top-mid .navbar-default .navbar-nav > li > a.dropdown-caret {
                margin-top: -3px;
                display: none;
            }

        .navbar-nav > li {
            display: flex;
            gap: 0;
            padding: 0 12px;
        }

        .header-top-mid .dropdown-menu > li {
            position: relative;
        }

            .header-top-mid .dropdown-menu > li > a.dropdown-caret {
                position: absolute;
                right: -10px;
                top: 30%;
                background: transparent !important;
                rotate: -90deg;
            }

        body .header-top-mid .caret {
            display: block;
        }

        .header-top-mid .dropdown-menu > li > a:hover, .header-top-mid .dropdown-menu > li > a:focus {
            background-color: #8a39ce;
            color: #fff;
        }

        .header-top-mid .dropdown-menu > li {
            position: relative;
        }

            .header-top-mid .dropdown-menu > li .levScnd {
                display: none;
                position: absolute;
                z-index: 1000;
                float: left;
                min-width: 160px;
                padding: 5px 0;
                margin: 2px 0 0;
                font-size: 16px;
                text-align: left;
                list-style: none;
                background-color: #edf0f9;
                background-clip: padding-box;
                border: 1px solid #ccc;
                border: 0;
                border-radius: 0;
                -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
                box-shadow: 0 0 0 rgba(0, 0, 0, 0.175);
                padding: 14px 0;
                background: #EDF0F9;
                background: linear-gradient(90deg,rgba(237, 240, 249, 1) 0%, rgba(239, 229, 229, 1) 100%);
                padding: 0;
                list-style: none;
                position: absolute;
                left: 100%;
                top: 0;
            }

            .header-top-mid .dropdown-menu > li:hover .levScnd {
                display: block;
            }

            .header-top-mid .dropdown-menu > li .levScnd li a {
                display: block;
                padding: 8px 20px;
                clear: both;
                font-weight: 400;
                line-height: 1.42857143;
                color: #8a39ce;
                white-space: nowrap;
                border: 0;
                outline: none;
                position: relative;
                text-decoration: none;
            }

                .header-top-mid .dropdown-menu > li .levScnd li a:hover, .header-top-mid .dropdown-menu > li .levScnd li a:focus {
                    background-color: #8a39ce;
                    color: #fff;
                }

        .imageInnovators .navbar-form.search-wrap {
            padding-right: 0;
        }
    }

    @media (min-width: 992px) {

        .innovators-inner-page.history-page .hero {
            justify-content: space-between;
        }

        .imageInnovators .container {
            max-width: 1400px;
            width: 100%;
        }

        .faq-section {
            padding: 14px 0 35px
        }

        .faq-question {
            min-height: 68px;
            padding-left: 22px;
            font-size: 16px;
            border-radius: 18px
        }

        .faq-answer p {
            padding: 25px 22px 27px;
            font-size: 16px
        }

        .faq-icon {
            width: 38px;
            height: 38px;
            flex-basis: 38px
        }
    }

    @media (min-width: 1200px) {

        .imageInnovators .container {
            max-width: 1400px;
            width: 100%;
        }

        .innovators-inner-page .hero-art {
            text-align: right;
        }

        .navbar-nav > li {
            padding: 0 20px;
        }
    }

    @media (min-width: 1480px) {
        .imageInnovators .container {
            max-width: 1400px;
            width: 100%;
        }
    }

    @media (max-width: 1400px) {
        .right-area {
            gap: 12px;
        }
    }

    @media (max-width: 1360px) {
        .steps {
            gap: 20px;
        }

        .step-title.big-one {
            font-size: 42px;
            line-height: 52px;
        }

        .step-card .number {
            left: 15px;
        }

        .step-title.flip {
            font-size: 42px;
            line-height: 52px;
        }

        .step-title.do-it {
            font-size: 42px;
            line-height: 52px;
        }

        .subtitle {
            margin-top: 14px;
            font-size: 14px;
            line-height: 24px;
        }

        .step-card {
            padding: 42px 20px 20px;
        }
    }

    @media (max-width: 1200px) {

        .innovators-inner-page.history-page .hero.testimonial-hero {
            align-items: flex-end;
        }

        .header-top-mid .navbar-default .navbar-nav > li > a {
            padding: 0 14px;
        }

        .logo-wrap {
            max-width: 140px;
            width: 100%;
        }

        .search-wrapper.active .search-input, .search-wrapper.active .search-input .form-control.search-box {
            width: 148px;
            opacity: 1;
        }

        .trust-intro br {
            display: none;
        }

        .main-heading {
            font-size: 39px;
        }

        .number {
            font-size: 84px;
        }

        .support-top {
            grid-template-columns: 1fr;
        }

        .support-art {
            border: 0;
        }
    }

    @media(max-width:1150px) {
        .features-grid {
            grid-template-columns: repeat(2,minmax(0,1fr));
            gap: 24px
        }

        .feature-card {
            min-height: 400px
        }

        .key-categories {
        }

        .default-title h1 {
            font-size: 26px
        }

        .default-title:before, .default-title:after {
            width: 65px
        }

        .trustPan .container {
            grid-template-columns: 1fr 1fr;
            gap: 30px
        }

        .trust-title {
            font-size: 34px
        }

        .trust-intro,
        .trust-list li {
            font-size: 16px
        }

        .trust-stats {
            min-height: 105px
        }

        .trust-stat .num {
            font-size: 17px
        }

        .trust-stat .label {
            font-size: 14px
        }

        .footer-main {
            padding: 38px 40px 45px;
            grid-template-columns: 1.4fr .7fr .8fr;
            column-gap: 55px;
        }

        .footer-bottom-inner {
            padding: 0 40px;
        }

        .layout {
            grid-template-columns: 300px minmax(0,1fr);
            gap: 20px;
        }

        .quick-item {
            padding: 17px 14px;
            gap: 12px
        }

        .quick-icon {
            width: 48px;
            height: 48px;
            flex-basis: 48px
        }

        .quick-title {
            font-size: 15px
        }

        .quick-sub {
            font-size: 13px
        }

        .idea-card {
            height: 300px
        }

        .idea-copy {
            padding-left: 22px
        }

        .idea-title {
            font-size: 26px
        }

        .idea-products {
            width: 145px
        }

        .hero {
            height: 390px;
            padding: 68px 34px
        }

        .hero-title {
            font-size: 52px
        }

        .hero-text {
            font-size: 18px;
            max-width: 56%
        }

        .badge {
            width: 280px;
            right: 25px
        }

        .factories-title {
            font-size: 30px
        }

        .service-award-block li {
            font-size: 14px;
            line-height: 20px;
        }
    }

    @media (max-width: 1100px) {
        .category-list {
            grid-template-columns: repeat(3, 1fr);
        }

        .category-bar {
            min-height: auto;
        }

        .category-item {
            min-height: 82px;
        }

            .category-item:nth-child(3)::after,
            .category-item:nth-child(6)::after {
                display: none;
            }

        .promo-grid {
            grid-template-columns: repeat(2, 1fr);
            max-width: 100%
        }

        .promo-card {
            min-height: 300px
        }

        .promo-content {
            width: 62%;
            padding-left: 38px
        }

        .promo-product {
            width: 42%;
            right: 25px
        }

        .home-video-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 32px 24px;
        }

        .home-video-card:last-child {
            grid-column: 1 / -1;
            width: calc(50% - 12px);
            justify-self: center;
        }

        .hero-copy {
            padding: 12px 0 25px
        }

        .inner-eyebrow {
            font-size: 19px
        }

        .main-heading {
            font-size: 39px;
            letter-spacing: -1.5px
        }

        .description {
            font-size: 18px
        }

        .category-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .company-stores .features {
            grid-template-columns: repeat(2, 1fr);
        }

        .company-stores .feature ul {
            list-style: none;
            text-align: center;
        }

        .company-stores .feature {
            min-width: 0;
            padding: 15px;
            border: 1px solid #eeeaf2;
            border-radius: 5px;
        }

        .company-stores .features {
            gap: 20px;
        }

        .company-stores .feature:last-child {
            border-right: 1px solid #eeeaf2;
        }

        .company-stores .merch-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            padding: 15px;
            gap: 13px;
        }

        .company-stores .merch-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 0 18px;
            min-height: 48px;
            border: 1px solid #f7edcb;
            background: #fff8df;
            padding: 20px;
            border-radius: 5px;
        }

        .company-stores .hero {
            min-height: auto;
            height: auto;
        }

        .company-stores .cta h2 br {
            display: none;
        }



        .global-sourcing-wrapper {
            padding: 0;
        }

            .global-sourcing-wrapper .hero-main {
                padding: 35px 28px 25px;
            }

            .global-sourcing-wrapper .hero-title {
                font-size: 56px;
            }

        .benefits-bar {
            gap: 12px;
            padding: 14px 20px;
        }

        .benefit-icon {
            width: 42px;
            height: 42px;
            flex-basis: 42px;
        }

        .benefit-text {
            font-size: 12px;
        }

        .why-item {
            padding: 0 18px;
        }

        .career-card {
            padding: 30px;
            gap: 22px
        }

        .career-intro {
            gap: 22px
        }

        .plane-circle {
            flex-basis: 80px;
            width: 80px;
            height: 80px
        }

        .intro-title {
            font-size: 31px;
            margin-bottom: 13px
        }

        .intro-text {
            font-size: 17px
        }

        .career-divider {
            height: 180px
        }

        .career-contact {
            padding-left: 0
        }

        .contact-icon {
            flex-basis: 36px;
            width: 36px;
            height: 36px
        }

            .contact-icon svg {
                width: 26px;
                height: 26px
            }

        .contact-row {
            gap: 14px
        }

        .contact-text {
            font-size: 14px
        }
    }

    @media (max-width:1000px) {

        .header-top-right {
            display: none;
        }

        .navbar-collapse.collapse {
            padding: 0;
        }

        .trustPan {
            margin: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .trust-card {
            position: relative;
            min-width: 100%;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 7px 18px rgba(45, 25, 70, .08);
            height: auto;
        }

        .trust-stats {
            position: relative;
        }

        .trust-stat .ico {
            margin: 0 0 5px;
        }

        .newsletter {
            padding: 18px 24px;
            gap: 20px;
            flex-direction: column;
        }

        .newsletter-section .info {
            gap: 14px
        }

        .newsletter-section .title {
            font-size: 18px
        }

        .newsletter-section .sub {
            font-size: 14px
        }

        .newsletter-section .email {
            width: 300px
        }

        .newsletter-section .button {
            min-width: 145px;
            font-size: 16px
        }

        .newsletter-section .email {
            width: 100%;
        }

        .newsletter-section form {
            margin-bottom: 0;
            display: flex;
            flex-direction: row;
            gap: 10px;
        }

        .newsletter {
            padding: 18px 24px;
            gap: 20px;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            display: flex;
        }

        .newsletter-section .info {
            align-items: flex-start;
        }

        .sampling-wrapper .owl-carousel .owl-stage {
            padding: 5px 0;
            width: 100% !important;
            display: grid;
            gap: 15px;
            grid-template-columns: auto auto auto;
        }

        .sampling-wrapper .owl-carousel.owl-drag .owl-item {
            width: 100% !important;
        }

        .sampling-wrapper .owl-nav {
            display: none;
        }

        .promo-grid {
            grid-template-columns: repeat(1, 1fr);
            max-width: 100%
        }
    }

    @media(max-width:1000px) {
        .steps {
            padding: 0;
        }

        .page-inner {
            padding: 15px 0 25px
        }

        .hero-copy {
            padding: 12px 0 25px;
        }

        .layout {
            grid-template-columns: 1fr;
            gap: 25px
        }

        .sidebar {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px
        }

        .idea-text {
            margin-bottom: 20px;
        }

        .quick-links {
            grid-column: 1/-1;
            margin-bottom: 0
        }

        .quick-item {
            min-height: 78px
        }

        .idea-card {
            height: auto;
            display: flex;
        }

        .idea-copy {
            padding-top: 35px
        }

        .idea-products {
            width: 145px;
            height: 230px;
            right: 0;
            bottom: 30px
        }

        .specials-title {
            font-size: 26px;
        }

        .hero {
            height: auto;
            min-height: 440px;
            padding: 42px 28px 40px
        }

        .hero-title {
            font-size: 46px
        }

        .hero-text {
            max-width: 62%;
            font-size: 17px
        }

        .badge {
            width: 245px;
            height: 275px;
            right: 0;
            top: 145px
        }

        .factories {
            padding-top: 30px
        }

        .factories-title {
            font-size: 28px
        }

        .product-art {
            display: block;
            margin: 0 auto;
        }

        .idea-products {
            width: 42%;
            height: auto;
            right: 0;
            bottom: 0;
            margin: 0;
            display: block;
            position: relative;
        }

        .main-heading {
            font-size: 36px;
            margin: 0;
        }

        .description, .inner-eyebrow {
            font-size: 16px;
            margin: 0;
        }

        .specials-card {
            margin: 0;
            min-height: auto;
        }

        .specials-description {
            font-size: 14px;
            line-height: 20px;
            max-width: 100%;
            margin-bottom: 26px;
        }

        .specials-content {
            position: relative;
            z-index: 3;
            width: 58%;
            padding: 35px 0 18px 20px;
        }

        .product-art {
            width: 42%;
        }

        .quick-links {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: start;
        }

        .quick-item {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            width: 100%;
        }

        .quick-arrow {
            display: none;
        }

        .quick-title {
            font-size: 12px;
        }

        .quick-sub {
            font-size: 12px;
        }

        .category-grid {
            padding: 0;
        }

        .graphic-cards {
            grid-template-columns: repeat(1, 1fr);
        }



        .support-top {
            grid-template-columns: 1fr
        }

        .support-art {
            border-left: 0;
            border-top: 1px solid #e5dfef;
            min-height: 350px
        }

        .support {
            grid-template-columns: 190px 1fr
        }

        .support-right {
            padding: 28px
        }

            .support-right p {
                font-size: 14px
            }
    }

    @media(max-width:900px) {

        .imageInnovators-from-pan {
            flex-direction: column;
        }

        .imageInnovators-from-left, .imageInnovators-from {
            width: 100%;
        }

        .steps {
            gap: 18px
        }

        .step-card {
            min-height: 480px;
            padding: 35px 24px 18px;
            border-radius: 30px;
        }

        .number {
            left: 25px;
            font-size: 94px
        }

        .step-content {
            margin-top: 82px
        }

        .step-title {
            font-size: 28px
        }

            .step-title.big-one, .step-title.flip, .step-title.do-it {
                font-size: 47px
            }

        .subtitle {
            font-size: 16px
        }

        .transfer-container {
            gap: 18px
        }

        .folder-area {
            gap: 15px;
            flex-basis: 40%
        }

        .folder-image {
        }

        .transfer-card {
            gap: 18px;
            padding: 15px
        }

        .pdf-box {
            flex-basis: 90px;
            height: 90px;
            border-radius: 22px;
            margin: 0 auto;
        }

        .pdf-icon {
            width: 52px;
            height: 61px
        }

        .transfer-title {
            font-size: 19px
        }

        .transfer-text {
            font-size: 14px
        }

        .pdf-caption {
            font-size: 12px;
            bottom: -19px
        }
    }

    @media (max-width:850px) {
        .hero-main {
            min-height: auto;
            flex-direction: column;
            text-align: center;
            padding: 35px 25px 20px;
        }

        .hero-content,
        .hero-visual {
            width: 100%;
        }

        .hero-content {
            padding: 0;
        }

        .hero-description {
            margin: 0 auto;
        }

        .hero-visual {
            min-height: 190px;
        }

        .globe-image {
            height: 190px;
        }

        .benefits-bar {
            grid-template-columns: repeat(2, 1fr);
            row-gap: 16px;
            padding: 18px 25px;
        }


        .why-grid {
            grid-template-columns: repeat(2, 1fr);
            row-gap: 25px;
        }

        .why-item:nth-child(2) {
            border-right: none;
        }

        .why-item:nth-child(3) {
            border-right: 1px solid #dfd9e8;
        }

        .why-item:nth-child(4) {
            border-right: none;
        }

        .benefit-text {
            font-size: 14px;
            line-height: 20px;
        }
    }

    @media (max-width:767px) {

        .doitfor-heading {
            flex-direction: column;
        }

        .imageInnovators-from-left h2 {
            font-size: 40px;
            line-height: 40px;
        }

        .light-blue-Box {
            grid-template-columns: repeat(1,1fr);
        }

        .support-bottom-link {
            flex-direction: column;
        }

        .innovators-inner-page.our-promise-page .hero .hero-art {
            width: 100%;
        }

        .innovators-inner-page.our-promise-page .hero .hero-content {
            width: 100%;
        }

        .header-top-right {
            display: none;
        }

        .imageInnovators .navbar-default .navbar-collapse {
            border-color: #efefef;
            position: fixed;
            left: -100%;
            top: 0 !important;
            bottom: 0 !important;
            background: #fff;
            width: 80%;
            box-sizing: border-box;
            padding: 25px 0;
            height: 100% !important;
            min-height: 100% !important;
            display: block;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }

            .imageInnovators .navbar-default .navbar-collapse.collapse.in {
                left: 0;
            }

            .imageInnovators .navbar-default .navbar-collapse .navbar-nav {
                margin: 0;
            }

        .header-top-mid .navbar-default .navbar-nav > li > a {
            font-size: 14px;
            padding: 0 15px;
            CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
            color: #451784;
            outline: none;
            border: 0;
            text-decoration: none;
            font-size: 14px;
            font-weight: 700;
            background: #f7f7f7;
            border-bottom: 6px solid #fff;
        }

        .header-top-mid .caret {
            display: block;
            border-color: #7d3fc8;
        }

        .navbar-nav .open .dropdown-menu {
            border-left: 5px solid #7d3fc8;
        }

            .navbar-nav .open .dropdown-menu ul.levScnd {
                list-style: none;
                display: none;
            }

                .navbar-nav .open .dropdown-menu ul.levScnd li a {
                    font-weight: 400;
                    color: #000;
                    padding: 8px 15px;
                    display: block;
                    outline: none;
                    border: 0;
                    text-decoration: none;
                    font-size: 14px;
                    border-bottom: 1px solid #fff;
                }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
            outline: none;
            border: 0;
            text-decoration: none;
            font-size: 14px;
            font-weight: 700;
            color: #8a39ce;
        }

        .navbar-default .navbar-nav .open .dropdown-menu > li.dropdown-sub.open > a {
            background: #f7f7f7;
            color: #7d3fc8;
        }

        .navbar-default .navbar-nav .open .dropdown-menu > li.dropdown-sub.open > ul.levScnd {
            display: block;
            border-radius: 0;
            border-left: 0;
        }

        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
            color: #7d3fc8;
        }

        .imageInnovators .navbar-toggle {
            position: relative;
            float: right;
            padding: 9px 10px;
            margin-right: 0;
            margin-top: 8px;
            margin-bottom: 8px;
            background-color: #7d3fc8 !important;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
            color: #fff;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

        .imageInnovators .navbar-toggle:hover {
            background: #350969
        }

        .row.header-row-top {
            display: none;
        }

        .key-categories {
            padding: 24px 16px
        }

        .default-title {
            gap: 12px;
            margin-bottom: 24px
        }

            .default-title h1 {
                font-size: 23px
            }

            .default-title:before, .default-title:after {
                width: 42px;
                height: 1.5px
            }

        .home-video-section {
            padding: 0;
        }

        .home-video-grid {
            grid-template-columns: 1fr;
            gap: 28px;
        }

        .home-video:last-child {
            grid-column: auto;
            width: 100%;
        }

        .home-video-title {
            margin-top: 14px;
            font-size: 19px;
        }

        .home-video-card:last-child {
            grid-column: auto;
            width: 100%;
        }

        .trustPan {
            padding: 34px 16px
        }

            .trustPan .container {
                grid-template-columns: 1fr;
                gap: 32px
            }

        .trust-title {
            font-size: 32px
        }

        .trust-list {
            margin-bottom: 30px
        }

        .newsletter {
            padding: 18px 24px;
            gap: 20px
        }

        .newsletter-section .info {
            gap: 14px
        }

        .newsletter-section .title {
            font-size: 18px
        }

        .newsletter-section .sub {
            font-size: 14px
        }


        .newsletter-section .button {
            min-width: 145px;
            font-size: 16px
        }



        .footer-main {
            padding: 35px 24px 40px;
            min-height: 0;
            grid-template-columns: 1fr 1fr;
            gap: 34px 35px;
        }

        .footer-brand {
            grid-column: 1/-1;
        }

        .footer-main .logo {
            width: 220px;
            height: 75px;
        }

        .footer-main .description {
            font-size: 16px;
            max-width: 650px;
        }

        .footer-main .footer-column h2 {
            margin-top: 0;
        }

        .footer-bottom-inner {
            padding: 18px 24px;
            flex-direction: column;
            align-items: flex-start;
            gap: 14px;
        }

            .footer-bottom-inner .legal {
                flex-wrap: wrap;
            }

        .product-category-grid .category-grid {
            grid-template-columns: repeat(2,minmax(0,1fr));
            gap: 22px;
            padding: 0 10px
        }

        .product-category-grid .category-card {
            height: 350px
        }

        .product-category-grid .card-head {
            height: 61px;
            flex-basis: 61px
        }

        .product-category-grid .product-wrap {
            height: 232px
        }

        .product-category-grid .card-footer {
            height: 57px;
            flex-basis: 57px
        }

        .navbar-nav .open .dropdown-menu ul.levScnd li a {
            padding: 8px 24px;
        }

        .company-stores .hero {
            padding: 30px 30px;
            min-height: 280px
        }

        .company-stores .hero-copy {
            width: 64%
        }

        .company-stores .hero h1 {
            font-size: 31px
        }

        .company-stores .hero-art {
            width: 44%;
            right: -12px
        }

        .company-stores .features {
            grid-template-columns: repeat(2,1fr);
            row-gap: 28px
        }
        /*.company-stores .feature:nth-child(2) {
            border-right: 0
        }

        .company-stores .feature:nth-child(3) {
            border-top: 1px solid var(--line);
            padding-top: 25px
        }

        .company-stores .feature:nth-child(4) {
            border-top: 1px solid var(--line);
            padding-top: 25px
        }*/

        .merch-grid {
            grid-template-columns: repeat(2,1fr);
            row-gap: 20px
        }
        /*.company-stores .merch-item:nth-child(2) {
            border-right: 0
        }

        .company-stores .merch-item:nth-child(3) {
            border-top: 1px solid #f0e7d4;
            padding-top: 18px
        }

        .company-stores .merch-item:nth-child(4) {
            border-top: 1px solid #f0e7d4;
            padding-top: 18px
        }*/

        .company-stores .cta {
            flex-wrap: wrap
        }


        .workware-page {
            padding: 14px 10px 22px;
        }

        .workware-hero {
            min-height: auto;
            padding: 28px 24px 24px;
            flex-direction: column;
            align-items: flex-start;
        }

            .workware-hero h1 {
                font-size: 42px;
            }

        .workware-hero-art {
            width: 100%;
            justify-content: center;
        }

            .workware-hero-art img {
                max-width: 430px;
            }

        .workware-card {
            padding: 18px;
            gap: 16px;
            align-items: flex-start;
        }

        .workware-icon {
            width: 62px;
            height: 62px;
            flex-basis: 62px;
        }



        .workware-card h2 {
            font-size: 19px;
        }

        .workware-card p {
            font-size: 14px;
        }

        .workware-brand-title {
            font-size: 18px;
            gap: 10px;
        }

            .workware-brand-title::before, .workware-brand-title::after {
                width: 50px;
            }


        .innovators-inner-page {
            padding: 0;
        }

            .innovators-inner-page .hero {
                min-height: 500px;
                padding: 25px 25px
            }

            .innovators-inner-page .hero-content {
                width: 100%
            }

            .innovators-inner-page h1 {
                font-size: 30px;
                line-height: 40px;
            }

            .innovators-inner-page .hero p {
                max-width: 100%;
                margin: 0 0 10px;
            }

            .innovators-inner-page .hero-art {
                width: 100%;
                right: 0;
                top: 270px;
                transform: scale(.8);
                transform-origin: top center
            }

            .innovators-inner-page .section-title {
                font-size: 19px;
                margin: 30px 0 20px;
                gap: 10px
            }

                .innovators-inner-page .section-title:before, .innovators-inner-page .section-title:after {
                    width: 35px
                }

            .innovators-inner-page .cards {
                grid-template-columns: 1fr;
                gap: 18px
            }

        .service-award-block {
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

            .service-award-block li, .service-award-block li:last-child {
                border: 1px solid #e5e7eb;
            }

        .innovators-inner-page.anniversary-award-page .hero {
            flex-direction: column;
            min-height: auto;
        }

        body .innovators-inner-page.anniversary-award-page .hero-art {
            height: auto;
            text-align: center;
            width: 100%;
        }

        .innovators-inner-page.graphic-design-page .hero {
            flex-direction: column;
            align-items: center;
        }

        .innovators-inner-page.graphic-design-page .hero-content br {
            display: none;
        }

        .innovators-inner-page.fullfillment-page .hero {
            flex-direction: column;
            min-height: auto;
        }

        .innovators-inner-page.fullfillment-page .hero-art {
            width: 100%;
            padding-top: 20px;
        }

        .innovators-inner-page.contractdecorating-page .hero {
            flex-direction: column;
        }

        .innovators-inner-page.contractdecorating-page .hero-art {
            width: 100%;
            text-align: center;
        }

        .credit-banner {
            min-height: 170px;
            padding: 18px 24px 18px 18px;
            border-radius: 0 0 0 18px;
        }

            .credit-banner::before,
            .credit-banner::after {
                width: 15px;
                border-radius: 0 0 0 18px;
            }

        .credit-content {
            gap: 22px;
        }

        .credit-icon-wrap {
            width: 105px;
            height: 105px;
            margin-left: 12px;
        }

        .credit-divider {
            height: 90px;
        }

        .credit-message {
            font-size: clamp(20px, 4vw, 28px);
            letter-spacing: -0.25px;
        }

        .innovators-inner-page.history-page .hero {
            flex-direction: column;
        }

        .career-section {
            padding: 10px
        }

        .career-card {
            flex-direction: column;
            align-items: stretch;
            padding: 28px 24px;
            border-radius: 24px;
            gap: 25px
        }

        .career-intro {
            flex-direction: column;
            text-align: center;
            gap: 20px
        }

        .plane-circle {
            flex-basis: 80px;
            margin: auto
        }

        .intro-title {
            font-size: 29px
        }

        .intro-text {
            max-width: none;
            font-size: 14px;
            line-height: 1.55
        }

        .desktop-break {
            display: none
        }

        .career-divider {
            width: 100%;
            height: 1px;
            flex: none
        }

        .career-contact {
            padding-left: 0
        }

        .contact-row {
            margin-bottom: 15px
        }

        .contact-text {
            font-size: 14px
        }

        .header-top-mid .navbar-default .navbar-nav > li a.dropdown-caret {
            position: absolute;
            right: 0;
            height: 40px;
            top: 0;
            border-bottom: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .imageInnovators .navbar-default .navbar-collapse .navbar-nav > li {
            display: flex;
            flex-direction: column;
        }

        .imageInnovators .navbar-default .navbar-collapse .navbar-nav li {
            position: relative;
        }

        .navbar-nav .open .dropdown-menu ul.levScnd li a {
            padding: 0 25px;
            CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
            color: #2f2f2f;
            outline: none;
            border: 0;
            text-decoration: none;
            font-size: 14px;
            font-weight: 700;
            background: #e8e5ff;
            border-bottom: 0 solid #fff;
            line-height: 40px;
        }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a {
            outline: none;
            border: 0;
            text-decoration: none;
            font-size: 14px;
            font-weight: 700;
            color: #8a39ce;
            line-height: 42px;
            padding-top: 0;
            padding-bottom: 0;
        }


        .workware-brands .workware-brands-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-direction: column;
            gap: 20px;
        }


        .support-wrap {
            padding: 8px
        }

        .support-card {
            padding: 20px;
            border-radius: 18px
        }

        .support-manager {
            gap: 18px
        }

        .support-circle {
            width: 76px;
            height: 76px;
            flex-basis: 76px;
            font-size: 35px
        }


        .support-brand {
            font-size: 19px
        }

        .support-office {
            grid-template-columns: auto;
            gap: 18px
        }

            .support-office h3 {
                font-size: 20px
            }

        .support-address, .support-row {
            font-size: 17px
        }

        .support-row {
            grid-template-columns: 38px 78px 1fr
        }

        .support-mini {
            width: 38px;
            height: 38px
        }

        .support {
            grid-template-columns: 1fr
        }

        .support-left {
            padding: 25px
        }

        .support-right {
            padding: 25px;
            gap: 20px
        }

        .support-medal {
            width: 88px;
            height: 88px;
            flex-basis: 88px;
            font-size: 42px
        }

        .support-right p {
            font-size: 17px
        }

        .support-address, .support-row {
            font-size: 14px;
        }

        .support-address, .support-row {
            font-size: 14px;
        }

        .support-label {
            font-size: 13px;
        }

        .support-row {
            grid-template-columns: 36px 62px 1fr;
            font-size: 13px;
        }

        .support-card h2 {
            font-size: 16px;
        }

        .support-brand {
            font-size: 14px;
        }

        .support-wrap {
            padding: 0;
        }

        .support-right {
            flex-direction: column;
        }

        .innovators-inner-page .hero {
            min-height: 315px;
            border-radius: 24px;
            background: #f4f1f8;
            position: relative;
            overflow: hidden;
            padding: 20px;
            display: flex;
            align-items: center;
            height: auto;
            flex-direction: column;
            justify-content: center;
        }

        .innovators-inner-page .hero-art {
            width: 100%;
            right: 0;
            top: 0;
            transform: scale(1);
            transform-origin: top center;
            position: relative;
            text-align: center;
            justify-content: center;
            height: auto;
        }

        .innovators-inner-page.corporate-apparel-page .hero {
            margin: 0 0 20px;
        }

        .testimonial-pannel {
            padding: 10px 0 20px;
        }

        .page-inner {
            padding: 15px 0 0;
        }

        .innovators-inner-page .hero-art svg {
            max-width: 100%;
        }

        .innovators-inner-page.anniversary-award-page h1 {
            color: #000;
            font-size: 40px;
            font-weight: 700;
            line-height: 50px;
        }

        .innovators-inner-page .hero-content {
            width: 100%;
        }

        .service-list-Pannel {
            grid-template-columns: repeat(2,1fr);
        }

        .innovators-inner-page.anniversary-award-page .hero-content {
            padding: 28px 28px 0;
        }

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

        .idea-products {
            width: 100%;
        }







        body .idea-card {
            height: auto;
            display: flex;
            flex-direction: column-reverse;
            justify-content: center;
            align-items: center;
            width: 50%;
            margin: 0;
        }

        body .idea-title {
            font-size: 14px;
            line-height: 18px;
            margin: 0 0 6px;
        }

            body .idea-title br, body .idea-text br {
                display: none;
            }

        body .page-inner .idea-text {
            font-size: 11px;
            line-height: 14px;
            margin: 0 0 10px;
            padding: 0 10px;
        }

        body .idea-copy {
            padding: 0 0 15px;
            text-align: center;
            width: 100%;
        }

        body .idea-products {
            width: 50%;
            padding-top: 15px;
        }

        body .specials-content {
            width: 100%;
            padding: 0 0 15px;
            text-align: center;
        }

        body .specials-title {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 2px;
        }

            body .specials-title br {
                display: none;
            }

        body .page-inner .specials-card p {
            font-size: 11px;
            text-align: center;
            margin: 0 0 10px;
            width: 100%;
            max-width: 100%;
            padding: 0 10px;
        }

            body .page-inner .specials-card p br {
                display: none;
            }

        body .specials-button {
            min-width: auto;
            height: 34px;
            padding: 0 10px;
            gap: 14px;
            font-size: 12px;
            max-width: 120px;
            margin: 0 auto;
        }

        body .specials-content {
            width: 100%;
            padding: 15px 0 15px;
            text-align: center;
        }

        body .product-art {
            width: 58%;
            height: auto;
            right: 0;
            top: 0;
            position: relative;
            padding-top: 10px;
        }

        body .specials-card {
            min-height: auto;
            border-radius: 22px;
            width: 50%;
            display: flex;
            flex-direction: column-reverse;
        }

        .layout .sidebar {
            display: flex;
            flex-wrap: wrap;
        }

            .layout .sidebar .quick-links:first-child {
                flex: 0 0 100%;
            }


            .layout .sidebar .idea-card:nth-child(2),
            .layout .sidebar .specials-card:nth-child(3) {
                flex: 0 0 calc(50% - 10px);
            }

        .idea-button {
            padding: 0 10px;
        }

        body .quick-links {
            margin-bottom: 0;
        }
    }

    @media (max-width: 700px) {
        .from-group-col {
            flex-direction: column;
            gap: 0;
        }

        .imageInnovators-from .from-group {
            margin-bottom: 20px;
        }

        .category-bar {
            overflow-x: auto;
            overflow-y: hidden;
            scrollbar-width: none;
        }

            .category-bar::-webkit-scrollbar {
                display: none;
            }

        .category-list {
            width: max-content;
            min-width: 100%;
            display: flex;
        }

        .category-item {
            flex: 0 0 265px;
            min-height: auto;
            padding: 12px 18px;
        }

            .category-item:not(:last-child)::after {
                display: block;
            }

        .home-video-card:last-child {
            grid-column: auto;
            width: 100%;
        }

        .home-video-title {
            margin-top: 14px;
            font-size: 19px;
        }

        .testimonial-section {
            padding: 12px
        }

        .testimonial-card {
            padding: 24px 20px;
            grid-template-columns: 54px minmax(0,1fr);
            column-gap: 12px;
            min-height: 0
        }

        .avatar {
            width: 50px;
            height: 50px
        }

            .avatar svg {
                width: 31px;
                height: 31px
            }

        .person-name {
            font-size: 18px
        }

        .person-role {
            font-size: 15px;
            margin-bottom: 11px
        }

        .testimonial-text {
            font-size: 17px;
            line-height: 1.45
        }

        .quote-mark {
            font-size: 39px;
            margin-left: 5px;
            vertical-align: -11px
        }

        .default-title h1 {
            text-align: center;
        }

        .default-title strong {
            display: block;
        }

        .hero-copy {
            padding: 15px 0 25px
        }

        .inner-eyebrow {
            font-size: 18px;
            margin-bottom: 8px
        }

        .main-heading {
            white-space: normal;
            font-size: 40px;
            line-height: 1.08;
            letter-spacing: -1px;
            margin-bottom: 12px
        }

        .description {
            font-size: 18px;
            line-height: 1.4
        }

        .step-card {
            min-height: auto;
            border-radius: 30px;
            padding: 38px 32px 20px;
            display: flex;
            justify-content: space-between;
        }

        .step1-product, .step2-product, .step3-product {
            width: 42%;
            height: auto;
            left: auto;
            transform: translate(0, 0);
            position: relative;
        }

        .quick-title {
            font-size: 12px;
            line-height: 15px;
            height: 30px;
            margin: 0;
        }

        .quick-sub {
            display: none;
        }

        body .category-title, body .category-subtitle {
            font-size: 10px;
            line-height: 12px;
        }

        .category-item .icon {
            flex-basis: 36px;
            width: 36px;
        }

            .category-item .icon svg {
                height: 26px;
            }

        body .features-section {
            padding-left: 0;
            padding-right: 0;
        }

        body .promo-section {
            padding: 0;
        }

        body .key-categories {
            padding: 24px 0;
        }

        body .trustPan {
            padding: 28px 0;
        }

        body .footer-main {
            padding: 30px 0 35px;
        }

        .testimonial-pannel .testimonial-section {
            padding: 0;
        }

        body .footer-bottom-inner {
            padding: 17px 0;
        }
    }

    @media(max-width:680px) {
        .features-section {
            padding: 24px 16px 32px
        }

        .features-grid {
            grid-template-columns: 1fr;
            max-width: 480px;
            gap: 20px
        }

        .feature-card {
            min-height: 1px;
            padding: 28px 25px
        }

        .feature-description {
            min-height: auto;
            margin-bottom: 28px
        }

        .promo-section {
            padding: 16px
        }

        .promo-grid {
            gap: 18px
        }

        .promo-card {
            min-height: 340px;
            align-items: flex-start
        }

        .promo-content {
            width: 100%;
            padding: 28px 24px 0
        }

        .promo-title {
            font-size: 28px
        }

        .promo-subtitle {
            font-size: 17px;
            max-width: 300px;
            margin-bottom: 20px
        }

        .promo-button {
            height: 44px;
            min-width: 230px;
            font-size: 14px;
            gap: 18px
        }

        .promo-product {
            width: 58%;
            height: 58%;
            right: 5px;
            bottom: 5px
        }

        .specials .promo-product {
            width: 62%;
            right: -3px;
            bottom: 4px
        }

        .trustPan {
            padding: 28px 12px
        }

        .trust-eyebrow {
            font-size: 18px
        }

        .trust-title {
            font-size: 28px
        }

        .trust-intro, .trust-list li {
            font-size: 15px
        }

        .trust-stats {
            min-height: 105px;
            grid-template-columns: repeat(2,1fr);
            row-gap: 10px;
            padding: 9px 5px
        }

        .trust-stat .ico {
            height: 22px;
            font-size: 21px
        }

        .trust-stat .num {
            font-size: 16px;
            margin-bottom: 3px
        }

        .trust-stat .label {
            font-size: 14px
        }

        .steps {
            grid-template-columns: 1fr;
            gap: 20px;
            padding: 0;
        }

        .step-content {
            margin-top: 95px
        }

        .step-title {
            font-size: 32px
        }

            .step-title.big-one, .step-title.flip, .step-title.do-it {
                font-size: 58px;
            }

        .subtitle {
            font-size: 16px
        }

        .faq-section {
            padding: 12px 0 30px
        }

        .faq-item {
            margin-bottom: 10px
        }

        .faq-question {
            min-height: 64px;
            padding: 12px 14px 12px 17px;
            gap: 12px;
            border-radius: 16px;
            font-size: 16px
        }

        .faq-icon {
            width: 36px;
            height: 36px;
            flex-basis: 36px;
            font-size: 25px
        }

        .faq-answer p {
            padding: 20px 17px 22px;
            font-size: 16px;
            line-height: 1.55
        }

        .transfer-section {
            padding: 0
        }

        .transfer-container {
            flex-direction: column;
            gap: 18px
        }

        .folder-area {
            width: 100%;
            gap: 20px
        }

        .folder-image {
        }

        .transfer-card {
            width: 100%;
            padding: 20px;
            gap: 20px;
            border-radius: 18px
        }

        .pdf-box {
            flex-basis: 90px;
            height: 90px
        }

        .transfer-title {
            font-size: 20px
        }

        .transfer-text {
            font-size: 14px;
            line-height: 1.45
        }

        .testimonials-view-all {
            position: absolute;
            right: 50%;
            top: -5px;
            border: 1px dashed #5B2E91;
            font-size: 14px;
            font-weight: 600;
            color: #5B2E91;
            gap: 10px;
            padding: 5px 30px 5px 15px;
            text-decoration: none;
            border-radius: 30px;
            background: #fff;
            text-decoration: none;
            transform: translate(47%, 80px);
        }

        .testimonial-pannel .default-title {
            margin-bottom: 54px;
        }


        .promo-section .promo-card {
            min-height: 1;
            align-items: center;
            flex-direction: column;
            justify-content: center;
        }

        .promo-section .promo-product {
            width: auto;
            height: auto;
            right: 0;
            bottom: 0;
            position: relative;
            max-width: 100%;
        }

        .promo-section .promo-content {
            text-align: center;
        }

        .promo-section .promo-subtitle {
            max-width: 300px;
            margin: 0 auto 20px;
        }

        body .features-grid {
            max-width: 100%;
        }

        .key-categories .owl-carousel .owl-nav button.owl-next,
        .key-categories .owl-carousel .owl-nav button.owl-prev {
            display: none;
        }
    }

    @media(max-width:600px) {
        /*.specials-card {
        max-width: 500px;
        min-height: 390px;
        border-radius: 16px;
    }

    .specials-content {
        padding: 48px 0 30px 30px;
    }

    .specials-title {
        font-size: 34px;
    }

    .specials-description {
        font-size: 18px;
        margin-bottom: 91px;
    }

    .specials-button {
        min-width: 205px;
        height: 52px;
        font-size: 18px;
    }

    .product-art {
        width: 57%;
        height: 305px;
        top: 25px;
    }*/

        .category-grid {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }


        .sampling-wrapper .owl-carousel .owl-stage {
            padding: 5px 0;
            width: 100% !important;
            display: grid;
            gap: 15px;
            grid-template-columns: auto auto;
        }

        .sampling-wrapper .owl-carousel.owl-drag .owl-item {
            width: 100% !important;
        }

        .sampling-wrapper .owl-nav {
            display: none;
        }

        .global-sourcing-wrapper {
            padding: 0;
        }

        .sourcing-hero {
            border-radius: 18px;
        }

        .hero-main {
            padding: 30px 18px 12px;
        }

        .hero-title {
            font-size: 43px;
            letter-spacing: -1px;
        }

        .hero-description {
            font-size: 14px;
            line-height: 1.55;
        }

        .hero-visual {
            min-height: 155px;
        }

        .globe-image {
            height: 155px;
        }

        .benefits-bar {
            grid-template-columns: 1fr;
            padding: 18px;
            gap: 13px;
        }

        .benefit-item {
            justify-content: flex-start;
        }

        .benefit-icon {
            width: 42px;
            height: 42px;
            flex-basis: 42px;
        }

        .section {
            margin-top: 38px;
        }

        .section-title {
            font-size: 22px;
            gap: 9px;
            white-space: nowrap;
        }

            .section-title::before,
            .section-title::after {
                width: 45px;
            }


        .why-section {
            margin-top: 38px;
            padding: 25px 18px;
            border-radius: 18px;
        }

        .why-heading {
            font-size: 21px;
        }

        .why-description {
            font-size: 14px;
            line-height: 1.55;
        }

        .why-grid {
            grid-template-columns: 1fr 1fr;
        }

        .why-item {
            padding: 0 10px;
        }

            .why-item:nth-child(1),
            .why-item:nth-child(3) {
                padding-left: 0;
            }

            .why-item:nth-child(2),
            .why-item:nth-child(4) {
                padding-right: 0;
            }

        .why-icon {
            width: 52px;
            height: 52px;
            margin-bottom: 12px;
        }

        .why-item-text {
            font-size: 12px;
        }



        .innovators-inner-page .section-title {
            font-size: 19px;
            max-width: 300px;
            margin: 30px auto 20px;
            white-space: wrap;
        }

            .innovators-inner-page .section-title:before, .innovators-inner-page .section-title:after {
                width: 24px;
            }


        .fullfillment-list {
            list-style: none;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
        }

        .freeDownload strong svg {
            height: 25px;
        }

        .freeDownload strong {
            width: 40px;
            height: 40px;
            border-radius: 30px;
            min-width: 40px;
        }

        .innovators-inner-page .career-section h1 {
            font-size: 26px;
        }
    }

    @media(max-width:520px) {

        .service-list-Pannel {
            grid-template-columns: repeat(1,1fr);
        }

        .sidebar {
            display: block
        }

        .quick-links {
            margin-bottom: 20px
        }

        .idea-card {
            height: auto
        }

        .idea-title {
            font-size: 28px
        }

        .idea-text {
            font-size: 16px;
            margin-bottom: 48px
        }

        .hero {
            min-height: 570px;
            padding: 35px 24px;
            border-radius: 22px
        }

        .hero-title {
            font-size: 42px
        }

        .hero-text {
            max-width: 100%;
            font-size: 17px
        }

        .badge {
            width: 270px;
            height: 300px;
            top: auto;
            right: 50%;
            transform: translateX(50%);
            bottom: 8px
        }

        .factories-title {
            font-size: 25px
        }

        .factory-logo {
            width: 270px
        }

        .product-category-grid .category-grid {
            grid-template-columns: 1fr;
            max-width: 390px;
            gap: 20px;
            padding: 0 12px
        }

        .product-category-grid .category-card {
            height: 370px;
            border-radius: 25px
        }

        .product-category-grid .card-head {
            height: 64px;
            flex-basis: 64px;
            padding-left: 14px
        }

        .product-category-grid .product-wrap {
            height: 248px
        }

        .product-category-grid .card-footer {
            height: 58px;
            flex-basis: 58px;
            padding: 0 15px 14px
        }

        .product-category-grid .cta {
            height: 41px
        }

        .idea-card {
            margin: 0 0 20px;
        }

        .page-inner .default-title h1, .page-inner p {
            font-size: 14px;
        }

            .page-inner .default-title h1 strong {
                font-size: 16px;
                line-height: 18px;
            }

        .quick-item {
            padding: 17px 10px;
            gap: 12px;
        }

        .quick-icon {
            width: 44px;
            height: 44px;
            flex-basis: 44px;
        }

        .quick-title {
            font-size: 10px;
            line-height: 12px;
            height: 30px;
            margin: 0;
        }


        .company-stores {
            padding: 10px 0 20px
        }

            .company-stores .hero {
                min-height: 420px;
                padding: 28px 22px;
                align-items: flex-start;
            }

            .company-stores .hero-copy {
                width: 100%
            }

            .company-stores .hero h1 {
                font-size: 30px
            }

            .company-stores .hero p {
                font-size: 14px;
                max-width: none
            }

            .company-stores .hero-art {
                width: 100%;
                max-width: 380px;
                height: 190px;
                right: 0;
                transform: translateX(0);
                top: auto;
                bottom: 8px;
                position: relative;
            }

            .company-stores .hero {
                flex-direction: column;
            }

            .company-stores .features {
                margin-top: 22px;
                grid-template-columns: 1fr;
                padding: 22px 16px;
            }

            .company-stores .feature, .feature:nth-child(n) {
                border-top: 1px solid var(--line);
                padding: 24px 12px 4px;
            }
                /*.company-stores .feature:first-child {
                border-top: 0;
                padding-top: 0
            }*/

                .company-stores .feature h2 {
                    min-height: auto
                }

                .company-stores .feature ul {
                    max-width: 360px;
                    margin: auto
                }

            .company-stores .merch {
                margin-top: 22px
            }

            .company-stores .merch-grid {
                grid-template-columns: 1fr;
                padding: 15px;
            }

            .company-stores .merch-item, .merch-item:nth-child(n) {
                border-top: 1px solid #f0e7d4;
                padding: 15px 18px;
            }
            /*.company-stores .merch-item:first-child {
                border-top: 0
            }*/

            .company-stores .cta {
                margin-top: 22px;
                padding: 25px 20px;
                min-height: 0;
                align-items: flex-start;
            }

            .company-stores .cta-icon {
                width: 58px;
                height: 58px;
                flex-basis: 58px
            }

            .company-stores .cta h2 {
                font-size: 21px
            }

            .company-stores .cta a {
                width: 100%;
                min-width: 0
            }

        .service-award-block {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }

            .service-award-block li, .service-award-block li:last-child {
                border: 1px solid #e5e7eb;
            }

        .recognition-logo-list {
            grid-template-columns: repeat(1, 1fr);
            text-align: center;
        }

        .innovators-inner-page.graphic-design-page .hero-art {
            width: 100%;
            height: auto;
            max-width: 100%;
        }

        .credit-banner {
            min-height: 145px;
            padding: 15px 14px 15px 10px;
        }

        .credit-content {
            gap: 14px;
        }

        .credit-icon-wrap {
            width: 78px;
            height: 78px;
            margin-left: 10px;
        }

        .credit-divider {
            height: 72px;
            width: 1.5px;
        }

        .credit-message {
            font-size: 18px;
            line-height: 1.25;
        }

        .inner-box-card {
            flex-direction: column;
        }


        .support-manager {
            align-items: flex-start;
            flex-direction: column;
        }

        .support-circle {
            width: 62px;
            height: 62px;
            flex-basis: 62px;
            font-size: 29px
        }

        .support-brand {
            font-size: 17px
        }

        .support-office {
            grid-template-columns: auto;
            gap: 12px
        }

            .support-office h3 {
                font-size: 18px
            }

        .support-row {
            grid-template-columns: 36px 72px 1fr;
            font-size: 15px
        }

        .support-art {
            min-height: 240px
        }

        .support-right {
            align-items: flex-start
        }

        .support-medal {
            width: 68px;
            height: 68px;
            flex-basis: 68px;
            font-size: 32px
        }

        .promotion-products h3 {
            font-size: 20px;
        }

        .promotion-products ul {
            grid-template-columns: repeat(2, 1fr);
        }

        .innovators-inner-page.promotion-page h1,
        .innovators-inner-page.corporate-apparel-page h1 {
            font-size: 30px;
            line-height: 40px;
        }

        .corporate-logo-list {
            grid-template-columns: repeat(2, 1fr);
        }

        .quick-item {
            align-items: center;
        }

        .quick-title {
            text-align: center;
        }

        .support-label {
            font-size: 12px;
        }

        .support-row {
            grid-template-columns: 36px 52px 1fr;
            font-size: 12px;
        }

        .support-address, .support-row {
            font-size: 13px;
        }

        .testimonial-pannel .default-title h1 {
            font-size: 19px;
        }

        .testimonials-view-all {
            top: -25px;
        }
    }

    @media (max-width:480px) {
        .testimonial-card {
            grid-template-columns: 1fr;
            row-gap: 14px;
            padding: 22px 18px
        }

        .avatar {
            width: 52px;
            height: 52px
        }

        .testimonial-content {
            padding-top: 0
        }

        .testimonial-text {
            font-size: 16px
        }


        .footer-main {
            padding: 35px 24px 40px;
            min-height: 0;
            grid-template-columns: 1fr 1fr;
            gap: 34px 35px;
        }

        .footer-brand {
            grid-column: 1/-1;
        }

        .footer-main .logo {
            width: 220px;
            height: 75px;
        }

        .footer-main .description {
            font-size: 16px;
            max-width: 650px;
        }

        .footer-column h2 {
            margin-top: 0;
        }

        .footer-bottom-inner {
            padding: 18px 24px;
            flex-direction: column;
            align-items: flex-start;
            gap: 14px;
        }

            .footer-bottom-inner .legal {
                flex-wrap: wrap;
            }

        .footer-main {
            grid-template-columns: 1fr;
            padding: 30px 20px 35px;
            gap: 28px;
        }

        .footer-brand {
            grid-column: auto;
        }

        .footer-main .logo {
            width: 205px;
            height: 70px;
            margin-bottom: 16px;
        }

        .footer-main .description {
            font-size: 15px;
            line-height: 1.5;
            margin-bottom: 22px;
        }

        .footer-main .footer-column h2 {
            font-size: 16px;
            margin-bottom: 14px;
        }

        .footer-links {
            gap: 9px;
        }

            .footer-links a {
                font-size: 15px;
            }

        .footer-bottom-inner {
            padding: 17px 20px;
        }

            .footer-bottom-inner .copyright,
            .footer-bottom-inner .legal a,
            .footer-bottom-inner .divider {
                font-size: 13px;
            }

            .footer-bottom-inner .legal {
                gap: 13px;
            }

        .newsletter-section form {
            flex-direction: column;
        }

        .specials-card {
            min-height: 360px;
            border-radius: 22px;
        }

        .specials-content {
            width: 62%;
            padding: 49px 0 28px 31px;
        }

        .specials-title {
            font-size: 31px;
            line-height: 1.35;
            margin-bottom: 15px;
        }

        .specials-description {
            font-size: 17px;
            line-height: 1.4;
            max-width: 180px;
            margin-bottom: 82px;
        }

        .specials-button {
            min-width: 190px;
            height: 50px;
            padding: 0 19px;
            gap: 14px;
            font-size: 17px;
        }

        .arrow {
            font-size: 27px;
        }

        .product-art {
            width: 58%;
            height: 290px;
            right: -7px;
            top: 25px;
        }

        .workware-hero {
            border-radius: 20px;
            padding: 24px 18px 18px;
        }

            .workware-hero h1 {
                font-size: 34px;
            }

        .workware-accent {
            margin: 13px 0 18px;
        }

        .workware-hero p {
            font-size: 14px;
        }

        .workware-hero-art img {
            max-width: 100%;
        }

        .workware-cards {
            margin-top: 18px;
            gap: 12px;
        }

        .workware-card {
            min-height: 0;
            padding: 16px;
            gap: 13px;
        }

        .workware-icon {
            width: 54px;
            height: 54px;
            flex-basis: 54px;
            border-radius: 10px;
        }



        .workware-card h2 {
            font-size: 17px;
            margin-bottom: 7px;
        }

        .workware-card p {
            font-size: 13px;
            line-height: 1.42;
        }

        .workware-brands {
            margin-top: 28px;
        }

        .workware-brand-title {
            font-size: 15px;
        }

            .workware-brand-title::before, .brand-title::after {
                width: 28px;
            }

        .innovators-inner-page .hero {
            /*min-height: 515px*/
        }

        .innovators-inner-page h1 {
            font-size: 30px;
            line-height: 40px;
        }

        .innovators-inner-page .hero-art {
            /*top: 285px;
            transform: scale(.67)*/
        }

        .innovators-inner-page .card {
            padding: 22px 18px;
            gap: 14px
        }

        .innovators-inner-page .icon {
            flex-basis: 88px;
            height: 88px;
            font-size: 35px
        }
        /*.innovators-inner-page .order-icon:before, .store-icon:before {
        font-size: 44px
    }*/

        .innovators-inner-page .card-number {
            font-size: 26px
        }

        .innovators-inner-page .card h2 {
            font-size: 19px
        }

        .innovators-inner-page .apparel-footer {
            font-size: 14px;
            padding: 18px
        }

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

        .folder-area {
            gap: 10px
        }

        .transfer-card {
            flex-direction: column;
            text-align: center;
            padding: 20px 16px 24px
        }

        .pdf-box {
            margin-bottom: 3px
        }

        .transfer-title {
            font-size: 20px
        }

        .transfer-text {
            font-size: 14px
        }

        .contact-pannel ul li {
            font-size: 12px;
        }

            .contact-pannel ul li strong {
                min-width: 130px;
                display: inline-block;
                background: #7d3fc8;
                color: #fff;
                padding: 6px 15px;
                font-size: 12px;
                text-transform: uppercase;
                display: flex;
                align-items: center;
                justify-content: start;
                gap: 10px;
            }

        .content-map {
            border-radius: 10px;
        }

        .innovators-inner-page .section-title {
            font-size: 19px;
            max-width: 300px;
            margin: 30px auto 20px;
            white-space: wrap;
        }

        .section-title::before, .section-title::after {
            width: 25px;
        }

        body .section-title {
            font-size: 18px;
        }
    }

    @media (max-width: 420px) {
        .category-item {
            flex-basis: 250px;
            gap: 13px;
            padding-left: 15px;
            padding-right: 15px;
        }

            .category-item .icon {
                flex-basis: 46px;
                width: 46px;
            }



        .category-title,
        .category-subtitle {
            font-size: 13px;
        }

        .promo-card {
            min-height: 390px
        }

        .promo-content {
            padding: 25px 20px 0
        }

        .promo-title {
            font-size: 25px
        }

        .promo-subtitle {
            font-size: 16px;
            line-height: 1.45
        }

        .promo-button {
            min-width: 210px;
            font-size: 14px
        }

        .promo-product {
            width: 70%;
            height: 56%;
            right: -12px
        }

        .specials .promo-product {
            width: 72%;
            right: -12px
        }

        .default-title h1 {
            font-size: 19px
        }

        .default-title:before, .default-title:after {
            width: 28px
        }

        .home-video-section {
            padding: 0;
        }

        .home-video-title {
            font-size: 18px;
        }

        .hero-copy {
            padding: 14px 0 22px
        }

        .inner-eyebrow {
            font-size: 16px
        }

        .main-heading {
            font-size: 30px;
            letter-spacing: 0;
            line-height: 40px;
        }

        .description {
            font-size: 14px
        }


        .innovators-inner-page .section-title {
            font-size: 19px;
            max-width: 300px;
            margin: 30px auto 20px;
            white-space: wrap;
        }

        .career-card {
            padding: 24px 18px
        }

        .plane-circle {
            width: 80px;
            height: 80px;
            flex-basis: 80px
        }

        .intro-title {
            font-size: 26px
        }

        .intro-text {
            font-size: 12px
        }

        .contact-icon {
            flex-basis: 36px;
            width: 36px;
            height: 36px
        }

            .contact-icon svg {
                width: 24px;
                height: 24px
            }

        .contact-row {
            gap: 12px
        }

        .contact-text {
            font-size: 15px
        }
    }

    @media(max-width:400px) {

        body .idea-button, body .specials-button {
            font-size: 10px;
        }

        .features-section {
            padding-left: 12px;
            padding-right: 12px
        }

        .feature-card {
            padding-left: 20px;
            padding-right: 20px
        }

        .feature-title {
            font-size: 16px
        }

        .feature-description {
            font-size: 16px
        }

        .newsletter {
            padding: 20px 16px
        }

        .newsletter-section .mail {
            width: 38px;
            height: 38px;
            flex-basis: 38px
        }

        .newsletter-section .title {
            font-size: 14px
        }

        .newsletter-section .sub {
            font-size: 12px
        }

        .newsletter-section .button {
            font-size: 16px
        }

        .newsletter-section .info {
            gap: 7px;
        }

        .key-categories .owl-carousel .owl-nav button.owl-next, .key-categories .owl-carousel .owl-nav button.owl-prev,
        .key-categories .owl-carousel .owl-nav button.owl-prev span, .key-categories .owl-carousel .owl-nav button.owl-next span {
            width: 30px;
            height: 30px;
            line-height: 26px;
        }

        .step-card {
            padding-left: 25px
        }

        .number {
            font-size: 88px
        }

        .step-content {
            margin-top: 82px
        }

        .step-title.big-one, .step-title.flip, .step-title.do-it {
            font-size: 48px
        }

        .subtitle {
            font-size: 16px
        }


        .product-category-grid .category-card {
            height: 355px
        }

        .product-category-grid .product-wrap {
            height: 234px
        }

        .product-category-grid .card-title {
            font-size: 16px
        }

        .faq-question {
            font-size: 15px;
            padding-left: 14px
        }

        .faq-icon {
            width: 34px;
            height: 34px;
            flex-basis: 34px;
            font-size: 23px
        }

        .faq-answer p {
            font-size: 15px;
            padding-left: 14px;
            padding-right: 14px
        }

        .step-card {
            flex-direction: column;
        }

        .step1-product, .step2-product, .step3-product {
            width: auto;
            max-width: 100%;
        }
    }

    @media(max-width:360px) {
        .trust-title {
            font-size: 25px
        }

        .cta {
            width: 100%;
            justify-content: center
        }

        .specials-card {
            min-height: 330px;
        }

        .specials-content {
            padding-left: 25px;
            padding-top: 42px;
        }

        .specials-title {
            font-size: 28px;
        }

        .specials-description {
            font-size: 15px;
            margin-bottom: 69px;
        }

        .specials-button {
            min-width: 174px;
            height: 46px;
            font-size: 15px;
        }

        .product-art {
            width: 57%;
            height: 260px;
        }

        .hero-title {
            font-size: 36px
        }

        .hero {
            min-height: 540px
        }

        .badge {
            width: 240px;
            height: 270px
        }



        .global-sourcing-wrapper .hero-title {
            font-size: 38px;
        }

        .section-title {
            font-size: 16px;
        }

            .section-title::before,
            .section-title::after {
                width: 28px;
            }

        .sampling-card {
            /*flex-basis: 100%;*/
        }

        .why-grid {
            grid-template-columns: 1fr;
        }

        .why-item,
        .why-item:nth-child(2),
        .why-item:nth-child(3),
        .why-item:nth-child(4) {
            border-right: none;
            border-bottom: 1px solid #dfd9e8;
            padding: 15px 0;
        }

            .why-item:last-child {
                border-bottom: none;
            }
    }





    .modal-overlay {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        background: rgba(0, 0, 0, 0.65);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

        .modal-overlay.show {
            opacity: 1;
            visibility: visible;
        }
    /* Modal */
    .quick-modal {
        position: absolute;
        width: 100%;
        max-width: 600px;
        max-height: 90vh;
        overflow-y: auto;
        padding: 40px 35px 35px;
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
        transform: translate(-50%,-50%);
        transition: transform 0.3s ease;
        margin: 0 auto;
        left: 50%;
        top: 50%;
    }
#videoModal .quick-modal {
    padding: 12px 20px 25px;
}
#videoModal .quick-modal video {
    max-width:100%;
    width:100%;
}
#videoModal .quick-modal video h2{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .modal-overlay.show .modal {
        transform: translateY(0) scale(1);
    }
    /* Close Button */
    .modal-close {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 38px;
        height: 38px;
        border: 0;
        border-radius: 50%;
        background: #8a39ce;
        color: #fff;
        font-size: 25px;
        line-height: 38px;
        cursor: pointer;
        transition: 0.2s ease;
    }

        .modal-close:hover {
            background: #2C1857;
            color: #fff;
        }

    .quick-modal h2 {
        margin: 0 40px 15px 0;
        font-size: 30px;
        line-height: 1.2;
        color: #5B2E91;
    }

    .quick-modal p {
        margin: 0 0 15px;
        color: #555;
        font-size: 16px;
        line-height: 1.7;
    }

    .modal-button {
        display: inline-block;
        margin-top: 10px;
        padding: 12px 24px;
        border: 0;
        border-radius: 3px;
        background: #7d3fc8;
        color: #fff;
        font-size: 15px;
        cursor: pointer;
    }

        .modal-button:hover {
            background: #5B2E91;
        }
    /* Responsive */
    @media (max-width: 600px) {
        .modal-overlay {
            padding: 15px;
        }

        .quick-modal {
            max-width: 100%;
            padding: 35px 22px 25px;
            border-radius: 12px;
        }

            .quick-modal h2 {
                font-size: 24px;
            }

            .quick-modal p {
                font-size: 14px;
                line-height: 1.6;
            }

        .modal-close {
            width: 34px;
            height: 34px;
            line-height: 34px;
            font-size: 22px;
            top: 10px;
            right: 10px;
        }
    }