.fabric-option.classic:before,
.fabric-option.naturals:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute
}

#welcome-to-club .wtc__steps.step-two .wtc__steps-cta__selection .wtc__steps-cta__selection-btn svg#gradientSvg,
#welcome-to-club .wtc__steps.step-two .wtc__steps-cta__selection .wtc__steps-cta__selection-btn.active svg#originalSvg,
.choose-fabric-btn.active .bottleblend-image-inactive,
.choose-fabric-btn.active .material-image-inactive,
.choose-fabric.m-8.kids,
.choose-fabric.mb-2.kids,
.choose-fabric.mt-2.kids,
.fabric-container.kids,
.fabric-wrapper.kids,
.material-image-active,
.style-info.kids,
.style-info.mens,
.title-text-one .wave,
.title-text-three .wave,
button.choose-fabric-btn .material-image .bottleblend-image-active,
button.choose-fabric-btn.active svg.tencel-image-inactive,
p.material-made,
svg.bottleblend-image-active,
svg.tencel-image-active {
    display: none
}

#welcome-to-club .wtc__steps.step-two .wtc__steps-cta__selection .wtc__steps-cta__selection-btn.active svg#gradientSvg,
button.choose-fabric-btn.Naturals.active svg.tencel-image-active,
img.rich-text--section_img,
p.material-description {
    display: block
}

@media(min-width:991px) {
    .btn-container-wrapper {
        display: flex;
        gap: 25px
    }
}

#welcome-to-club.step-5 .wtc__steps .btn-container {
    margin-top: 0
}

@media(max-width:991px) {
    svg#originalSvg {
        width: 28px
    }
    .selector-container.subscribe-save-btn__selector-container .text-center.text-lg-right.mt-3 {
        font-size: 12px
    }
    #welcome-to-club .wtc__steps.step-two .wtc__steps-cta__selection .wtc__steps-cta__selection-btn svg#gradientSvg {
        display: none !important
    }
    #welcome-to-club .wtc__steps.step-two .wtc__steps-cta__selection .wtc__steps-cta__selection-btn.active svg#originalSvg {
        display: block !important
    }
    svg#originalSvg.icon-socks {
        width: 15px
    }
    #welcome-to-club .wtc__steps.step-two .wtc__steps-cta__selection .wtc__steps-cta__selection-btn.active svg g path,
    #welcome-to-club .wtc__steps.step-two .wtc__steps-cta__selection .wtc__steps-cta__selection-btn.active svg path {
        fill: white
    }
}

.fabric-wrapper,
.style-wrapper {
    display: flex;
    align-items: center;
    font-size: 14px
}

.fabric-container {
    display: inline-flex;
    align-items: center;
    margin-left: 20px
}

#welcome-to-club .wtc__steps-cta p.choose-fabric-p {
    text-transform: uppercase;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: .008em;
    color: #0b2f3d
}

.fabric-option {
    padding: 5px 10px;
    cursor: pointer;
    position: relative
}

.fabric-info,
.style-info {
    color: #f36;
    text-decoration: underline;
    cursor: pointer;
    margin-left: auto;
    font-size: 16px
}

.choose-fabric-btn,
.choose-fabric-btn:hover {
    color: var(--darkblue);
    background-color: #fff
}

.fabric-option.classic:before {
    background-color: #f37c37
}

.materials-container {
    margin-top: 8px
}

.fabric-option.naturals:before {
    background-color: #43cabd
}

.choose-fabric {
    display: grid;
    align-items: center;
    gap: 16px;
    grid-template-columns: 1fr 1fr
}

.choose-fabric-btn {
    display: flex;
    flex-direction: column;
    border: 2px solid var(--darkblue);
    border-radius: 1rem;
    padding: .5rem;
    gap: .5rem;
    cursor: pointer;
    text-align: left
}

.choose-fabric-btn.active {
    color: #fff;
    background-color: var(--darkblue);
    border-color: var(--darkblue)
}

.button--neon:hover,
.button--secondary:hover {
    background-color: #1c1c1c !important;
    transition: background-color .5s, color .5s, border-color .5s !important
}

.choose-fabric-btn img {
    width: 100%;
    min-width: 52px;
    max-width: 52px;
    height: auto
}

.choose-fabric-btn-text {
    font-weight: 700;
    line-height: 1;
    text-align: left;
    text-transform: uppercase
}

button.choose-fabric-btn.disabled {
    pointer-events: none;
    color: #cbd2d5;
    border-color: #cbd2d5
}

button.choose-fabric-btn.active.disabled {
    background-color: #fff;
    border-color: #cbd2d5
}

.choose-fabric.mt-2 button.choose-fabric-btn.disabled {
    border-color: #cbd2d5
}

.choose-fabric-btn.disabled p:before,
.choose-fabric.mt-2 button.choose-fabric-btn.disabled .fabric-title-wrapper p.Bottleblend::before,
.choose-fabric.mt-2 button.choose-fabric-btn.disabled .fabric-title-wrapper p.Naturals::before {
    background-color: #cbd2d5
}

p.Naturals::before,
span.material.Naturals::before {
    background-color: #43cabd;
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    vertical-align: middle
}

button.choose-fabric-btn.disabled .material-image svg,
button.choose-fabric-btn.disabled .material-made svg {
    opacity: .3
}

.choose-fabric-btn.active .bottleblend-image-active,
.choose-fabric-btn.active .material-image-active {
    display: block !important
}

.material-image {
    display: flex;
    gap: 12px;
    align-items: center
}

.fabric-title-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%
}

p.Naturals::before {
    margin-right: .5em
}

p.Bottleblend::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: .5em;
    background-color: #f37c37;
    border-radius: 50%;
    vertical-align: middle
}

span.material.Naturals::before {
    margin-right: .3em
}

span.material.Bottleblend::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: .3em;
    background-color: #f37c37;
    border-radius: 50%;
    vertical-align: middle
}

div#fabric_info .modal-content,
div#kids_size_guide .modal-content,
div#mens_size_guide .modal-content,
div#womens_size_guide .modal-content {
    background-color: #fffcf0 !important
}

div#kids_size_guide .modal-content .font-weight-bold,
div#mens_size_guide .modal-content .font-weight-bold,
div#womens_size_guide .font-weight-bold {
    font-weight: 700 !important;
    background: #fffcf0
}

td.size-guide-color-yy {
    background: #ffe9a1
}

td.size-guide-color-oy {
    background: #fff4d0
}

td.size-guide-color-yy.bcl {
    border-top-right-radius: 1rem
}

td.size-guide-color-yy.tcr {
    border-top-left-radius: 1rem
}

td.size-guide-color-oy.bcl,
td.size-guide-color-yy.bclm {
    border-bottom-right-radius: 1rem !important
}

td.size-guide-color-oy.tcl,
td.size-guide-color-yy.bcrm {
    border-bottom-left-radius: 1rem !important
}

.modal-content .modal-body .size-guide:last-child {
    width: 100%
}

button.fabric-info,
h5.list-group-item-action.mt-3:hover {
    background: 0 0
}

button.fabric-info:hover {
    color: #f36
}

.image-btn-wrapper img {
    width: 56px
}

.image-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px
}

.material-btn {
    font-size: 12px;
    font-weight: 700;
    border-radius: 24px;
    border: 2px solid #0b2f3d;
    background: #fff;
    padding: 8px 16px
}

.image-material-wrapper,
.image-material-wrapper h3 {
    margin-bottom: 20px
}

@media (max-width:320px) {
    #welcome-to-club .wtc__steps-cta .description .description-products .description-products__item .description-products__item-desc .description-products__item-desc-p .description-products__item-desc-p-text p {
        margin-left: 10px
    }
}

.m-8 {
    margin: 16px 0
}

.klaviyo-bis-trigger.knby-btn-primary.pink-bg {
    margin: 10px 0
}

form#back-in-stock-form input {
    border-radius: 45px;
    border: 2px solid #0b2f3d
}

video#VideoBackgroundD {
    height: -webkit-fill-available !important;
    object-fit: cover;
    height: fit-content;
    width: 100%;
    object-fit: cover;
    position: absolute
}

@media (min-width:992px) {
    .choose-fabric-btn {
        padding: 24px
    }
    .choose-fabric-btn img {
        min-width: 70px;
        max-width: 70px
    }
}

@media (max-width:992px) {
    .style-info {
        display: inline;
        float: right;
        padding-top: 4px
    }
    .style-wrapper {
        display: block
    }
    p.choose-style-p.mb-0 {
        text-align: left !important
    }
    #welcome-to-club .wtc__steps-cta p.choose-fabric-p {
        margin-top: 0;
        margin-bottom: 0 !important
    }
    .fabric-wrapper {
        margin-top: 24px !important
    }
    .fabric-container {
        margin-left: 7px !important
    }
    p.material-description {
        display: none !important
    }
    .material-image.line svg {
        width: 35px
    }
    .material-image {
        gap: 7px
    }
    .choose-fabric {
        gap: 8px
    }
    .material-image,
    p.material-made {
        line-height: 1;
        font-size: 14px
    }
    p.material-made {
        display: flex !important;
        gap: 12px;
        margin: inherit;
        align-items: center;
        margin-bottom: none
    }
    button.choose-fabric-btn svg {
        width: 25px
    }
    .fabric-title-wrapper {
        font-size: 14px;
        font-weight: 600
    }
    .choose-fabric-btn {
        padding: 16px;
        height: 100%;
        justify-content: space-evenly
    }
    .style-wrapper.kids {
        display: flex
    }
    .style-info.kids {
        display: block !important;
        float: none
    }
    #welcome-to-club .wtc__steps-cta .description .description-products .description-products__item .description-products__item-desc .description-products__item-desc-p {
        flex-wrap: nowrap !important
    }
    .bottleblend-image-text .image-title-wrapper {
        display: flex;
        justify-content: center
    }
    .featured-grid--item--button_text.button-1 {
        left: 3%
    }
    .featured-grid--item--button_text.button-2 {
        left: 18%
    }
    .featured-grid--item--button_text.button-3 {
        left: 14%
    }
    .featured-grid--item--button_text.button-4 {
        left: 15%
    }
    .diamond.diamond-one.diamond-sustainability-m,
    .diamond.diamond-one.diamond-sustainability-t,
    .diamond.diamond-two.diamond-sustainability-m,
    img.star.star-one-sustainability-m,
    img.star.star-one-sustainability-t,
    img.star.star-three-sustainability-m,
    img.star.star-two-sustainability-m,
    img.star.star-two-sustainability-t {
        display: none
    }
    .rich-text-one h2.rich-text__heading.rte.inline-richtext.h1 {
        margin-top: 26px !important
    }
    .featured-grid--item--button_text {
        font-size: 14px;
        position: inherit
    }
    h2.rich-text__heading.rte.inline-richtext.h1 {
        font-size: 32px !important
    }
    .featured-grid--item--text-container {
        padding-top: 0 !important;
        padding-bottom: 24px !important
    }
    .bamboo .gift-text-wrap,
    .bottleblend-image-text .gift-text-wrap,
    .tencel-image-text .gift-text-wrap {
        padding-top: 0;
        gap: 40px !important
    }
    .rich-text-two h2.rich-text__heading.rte.inline-richtext.h1 {
        margin: 12px 0
    }
    .rich-text-two .rich-text {
        padding-bottom: 72px
    }
    .diamond.diamond-two.diamond-sustainability {
        right: 6%;
        bottom: -17%
    }
    .diamond-sustainability .outer {
        max-width: 48px
    }
    .diamond-sustainability .inner {
        max-width: 19px
    }
}

.bottle-blend {
    padding-top: 88px !important;
    padding-bottom: 88px !important
}

.title-text-two .rich-text {
    padding-top: 0
}

.how-section,
.image-top-wrapper,
.title-text-two .wave {
    padding: 0 !important
}

.fabric-compare,
.title-text-two .rich-text {
    padding-bottom: 88px
}

.merino,
.tencel {
    padding-top: 112px !important;
    padding-bottom: 112px !important
}

.bottle-blend a.my-2.knby-btn-primary.pink.button,
.merino a.my-2.knby-btn-primary.pink.button,
.tencel a.my-2.knby-btn-primary.pink.button {
    min-width: 316px
}

.sustainability-collection .featured-grid--body .featured-grid--body--container .featured-grid--item .featured-grid--item--container .featured-grid--item--text-container .featured-grid--item--link-container {
    padding: 8px 24px;
    border-radius: 24px;
    border: 2px solid #0b2f3d;
    color: #0b2f3d;
    text-decoration: none;
    background: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 152%;
    letter-spacing: .16px
}

h2.video-banner-heading {
    font-family: Tropiline;
    font-size: 72px;
    font-style: normal;
    font-weight: 500;
    line-height: 114%;
    color: #fff;
    letter-spacing: .72px;
    text-transform: capitalize
}

.get-hyped-text p,
div#rich-text-112394543 h1,
div#rich-text-112394544 p {
    font-family: canada-type-gibson !important
}

.feature-video-header-banner {
    max-width: 810px
}

.feature-video-sub-heading-banner {
    color: #fff;
    text-align: center;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    max-width: 500px;
    line-height: 152%
}

.forloop-index,
h5.list-group-item-action.mt-3 {
    font-family: Tropiline;
    font-style: normal;
    text-transform: capitalize
}

.welcome-toclub-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px
}

.welcome-toclub-btn-wrapper a.knby-btn-primary.button {
    width: 323px;
    pointer-events: all
}

.welcome-toclub-btn-wrapper .button.button {
    width: 327px;
    pointer-events: all
}

.welcome-row-wrapper {
    display: flex
}

img.welcome-img-one {
    max-width: 528px;
    max-height: 648px
}

img.welcome-img-three,
img.welcome-img-two {
    max-width: 362px;
    max-height: 319px
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center
}

.flex-item-1 {
    flex: 2
}

.flex-item-2 {
    flex: 1.5
}

.flex-item-3 {
    flex: 1
}

.image-card img {
    width: 100%;
    height: auto
}

@media (max-width:768px) {
    .flex-container {
        flex-direction: column
    }
}

.flex-item.flex-item-3 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

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

.forloop-index {
    position: absolute;
    left: 38%;
    bottom: 19%;
    color: #0b2f3d;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 126%;
    letter-spacing: .48px
}

.learn-more,
.title__custom,
.title_rebrant_fqa {
    text-transform: uppercase
}

.desc.d-flex {
    align-items: center;
    gap: 20px
}

h5.list-group-item-action.mt-3 {
    font-size: 32px;
    color: #0a2f3d;
    line-height: 134%
}

.list-group-welcome-page {
    gap: 20px;
    display: flex;
    flex-direction: column
}

h2.welcome-to-the-club__title {
    font-size: 48px;
    text-transform: capitalize !important;
    margin-bottom: 24px
}

p.desc.welcome-to-the-club__description {
    max-width: 558px;
    text-align: center;
    margin-bottom: 72px
}

.welcome-page-text-center {
    display: flex;
    flex-direction: column;
    align-items: center
}

#welcome-ab {
    position: relative;
    padding-top: 96px !important
}

.welcome-perks-imgs {
    justify-content: space-around;
    display: flex
}

.fabric-image-btn-wrapper img,
.sustainability-image-btn-wrapper-wp img,
.welcome-perks-imgs img {
    width: 88px;
    height: 88px
}

.link-blocks-container-welcome-page {
    display: flex;
    grid-gap: 25px;
    margin: 0 auto;
    justify-content: center
}

.welcome-btn {
    position: absolute;
    display: inline-flex;
    width: auto;
    flex-basis: auto;
    left: 50%;
    transform: translate(-50%);
    bottom: 1.5rem;
    font-size: 16px !important;
    max-width: 96%;
    white-space: nowrap;
    font-weight: 400 !important;
    padding: 5px 12px !important
}

.link-block-ab {
    padding: 0;
    box-shadow: none;
    height: auto;
    position: relative;
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    overflow: hidden;
    max-width: 308px;
    max-height: 308px;
    transition: .2s ease-in-out
}

.title-wrapper {
    text-align: center;
    display: flex;
    flex-direction: column;
    padding-top: 56px;
    padding-bottom: 72px;
    align-items: center;
    margin: 0 auto;
    max-width: calc(1440px - 10rem);
    position: relative
}

#content-display-welcome-page {
    position: relative;
    background: #fef4d0
}

.fabric-information-container {
    display: flex;
    gap: 88px;
    justify-content: center
}

.fabric-material-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px;
    width: fit-content
}

.fabric-image-btn-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px
}

.fabric-image-btn-wrapper-wp {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 10px
}

.fabric-image-btn-wrapper-wp img {
    width: 72px;
    height: 72px
}

.material-div {
    display: flex;
    gap: 16px;
    align-items: center
}

.material-div p.text,
.rich-text__wrapper.rich-text__wrapper--center.page-width svg {
    margin: 0
}

.text-subtitle {
    text-align: left
}

p.text-subtitel {
    text-align: left;
    max-width: 482px
}

.fabric_info-row {
    max-width: 607px;
    display: flex;
    text-align: left;
    flex-direction: column;
    gap: 24px
}

.material-btn-wp {
    font-size: 14px;
    font-weight: 700;
    border-radius: 24px;
    border: 2px solid #0b2f3d;
    background: #fff;
    padding: 8px 24px
}

.image-card img,
img.link-block--img {
    border-radius: 16px
}

p.desc.welcome-to-the-club__description_fabric {
    max-width: 850px;
    text-align: center
}

.welcome-why-container {
    padding: 72px 24px 96px !important
}

.why-title {
    margin-bottom: 80px !important;
    margin-top: 80px
}

.title-wrapper-content {
    text-align: center;
    display: flex;
    margin: 72px auto 0;
    max-width: calc(1440px - 10rem);
    flex-direction: column;
    align-items: center;
    position: relative
}

.wave {
    text-align: center;
    padding-top: 56px
}

.faq-ab-title {
    font-size: 48px;
    margin-bottom: 32px
}

div#welcome-to-club {
    padding-bottom: 0 !important
}

div#shopify-section-faqs-ab {
    background: #fef4d0;
    padding-top: 96px;
    padding-bottom: 88px
}

.fabric_info-row h3 {
    font-size: 32px
}

.diamond.diamond-one.diamond-one-ab {
    left: 17%;
    top: -18%
}

.diamond.diamond-two.diamond-two-ab {
    right: 18%;
    top: 40%
}

#content-display-welcome-page .title-wrapper-content {
    position: relative;
    padding: 0 24px
}

.diamond.diamond-one.diamond-one-content-ab {
    left: 25%;
    top: -17%
}

img.star.star-one-fabric-ab {
    position: absolute;
    left: 15%;
    top: 15%
}

img.star.star-two-fabric-ab {
    position: absolute;
    right: 9%;
    top: 38%
}

.diamond.diamond-one.diamond-one-fabric-ab {
    right: 12%;
    top: 56%
}

@media (max-width:1330px) {
    h5.list-group-item-action.mt-3 {
        font-size: 27px
    }
    .desc.d-flex svg {
        width: 100px
    }
    .forloop-index {
        font-size: 36px;
        left: 40%;
        bottom: 32%
    }
    .list-group-welcome-page {
        gap: 0
    }
    .diamond.diamond-one.diamond-one-content-ab {
        left: 26%
    }
    .link-blocks-container-welcome-page {
        padding: 0 60px
    }
    .fabric-information-container {
        margin: 0 60px
    }
    .material-btn-wp {
        font-size: 12px;
        padding: 8px 16px
    }
    div#shopify-section-faqs-ab {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:1200px) {
    .diamond.diamond-two.diamond-two-ab {
        right: 13%
    }
    .diamond.diamond-one.diamond-one-ab {
        left: 9%
    }
    h5.list-group-item-action.mt-3 {
        font-size: 24px
    }
    .desc.d-flex svg {
        width: 88px;
        height: auto
    }
    .list-group-welcome-page {
        gap: 20px
    }
    .forloop-index {
        left: 38%;
        bottom: 24%
    }
    img.star.star-one-fabric-ab {
        left: 12%;
        top: 10%
    }
    .diamond.diamond-one.diamond-one-fabric-ab {
        right: 10%
    }
    .diamond.diamond-one.diamond-one-content-ab {
        left: 23%
    }
}

@media (max-width:1150px) {
    .diamond.diamond-one.diamond-one-fabric-ab {
        display: none
    }
}

@media (max-width:1182px) {
    .material-btn-wp {
        padding: 6px 10px
    }
}

@media (max-width:1080px) {
    .diamond.diamond-one.diamond-one-content-ab,
    img.star.star-one-fabric-ab,
    img.star.star-two-fabric-ab {
        display: none
    }
}

@media (max-width:992px) {
    .flex-container {
        flex-direction: column
    }
    .welcome-row-wrapper {
        justify-content: center
    }
    .welcome-perks-img {
        display: flex;
        align-items: center
    }
    .welcome-perks-imgs {
        flex-direction: column;
        align-items: center;
        gap: 32px
    }
    h5.list-group-item-action.mt-3 {
        text-align: left
    }
    .welcome-perks-imgs img {
        width: 72px;
        height: 72px
    }
    .fabric-material-wrapper,
    .link-blocks-container-welcome-page {
        flex-wrap: wrap
    }
    .fabric-information-container {
        flex-direction: column;
        align-items: center
    }
    .nkh-most-popular__stars-one,
    .nkh-most-popular__stars-two {
        display: none
    }
    h2.welcome-to-the-club__title {
        font-size: 32px;
        text-align: center
    }
    .welcome-perks-img {
        gap: 24px
    }
    .title-wrapper-content {
        margin: 48px auto 0
    }
    p.desc.welcome-to-the-club__description {
        margin-bottom: 48px
    }
    .welcome-why-container {
        padding-bottom: 48px !important;
        padding-top: 32px !important
    }
    .title-wrapper,
    .wave {
        padding-top: 32px
    }
    .why-title {
        margin-bottom: 32px !important;
        margin-top: 32px
    }
    .title-wrapper {
        margin: 0 24px;
        padding-bottom: 32px
    }
    .fabric_info-row h3 {
        font-size: 24px
    }
    .faq-ab-title {
        font-size: 32px
    }
    h2.video-banner-heading {
        font-size: 32px;
        text-transform: capitalize !important;
        text-align: center
    }
}

.badge-signup,
.bamboo .gift-text-wrap .custom-section-title h2,
.bottleblend-image-text .gift-text-wrap .custom-section-title h2,
.merino-image-text .gift-text-wrap .custom-section-title h2,
.tencel-image-text .gift-text-wrap .custom-section-title h2 {
    font-size: 48px
}

div#content-display-welcome-page .button-alt.button-alt {
    text-transform: capitalize
}

@media (max-width:768px) {
    .link-blocks-container-welcome-page {
        padding: 0
    }
    #shopify-section-link-buttons-ab .wave svg {
        width: 100%;
        padding: 0 24px
    }
    h5.list-group-item-action.mt-3 {
        text-transform: math-auto
    }
    .welcome-perks-img,
    .welcome-why-container svg {
        width: 100%
    }
    .fabric-image-btn-wrapper-wp img {
        width: 56px;
        height: 56px
    }
    .fabric-information-container {
        margin: 0 24px;
        gap: 48px
    }
    .list-group-welcome-page {
        margin-bottom: 28px
    }
    .welcome-perks-img:first-child h5 br {
        display: none
    }
    .fabric-material-wrapper {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: baseline
    }
    .fabric-image-btn-wrapper-wp {
        flex-direction: row
    }
    .material-btn-wp {
        padding: 8px 15px
    }
    div#shopify-section-faqs-ab {
        padding-left: 24px;
        padding-right: 24px;
        padding-top: 48px
    }
    .feature-video--body {
        padding-top: 0;
        height: 700px
    }
    #welcome-ab {
        position: relative;
        padding-top: 48px !important;
        padding-left: 24px !important;
        padding-right: 24px !important
    }
    #welcome-ab .wave-pattern {
        top: -17px
    }
    .welcome-toclub-btn-wrapper {
        flex-direction: column;
        gap: 5px
    }
    #VideoBackground {
        pointer-events: none;
      }

.feature-video--sub-heading.feature-video-sub-heading-banner {
    padding-bottom: 20px;
}

}

.svg-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

video#VideoBackground {
    height: 580px;
    width: 100%;
    object-fit: cover
}

.video_background_banner.d-block.d-sm-none {
    position: relative
}

.video-text-mobile {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 111111;
    text-align: center;
    color: #fff; 
    padding: 20px;
  }

.video-banner {
    padding-top: 56.24% !important
}

.badge-signup {
    width: 88px;
    height: 88px;
    background-image: linear-gradient(to bottom right, #ff0003, #ffd100);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    color: #000;
    border: 2px solid #0b2f3d
}

.featured-grid--item--button_text,
.learn-more {
    font-size: 16px;
    line-height: 152%;
    letter-spacing: .16px;
    font-style: normal
}

.fabric_info-row h3,
.faq-ab-title,
h2.welcome-to-the-club__title,
h2.welcome-to-the-club__title.why-title {
    color: #0b2f3d
}

div#shopify-section-faqs-ab .container {
    padding: 0
}

.feature-video--heading,
.video-text-mobile-wrapper {
    font-weight: 500 !important
}

.sustainability-image-btn-wrapper-wp {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px
}

.sustainability-material-wrapper {
    display: flex;
    gap: 16px
}

.image-container__iwt,
.sub_text {
    display: flex;
    gap: 24px
}

.learn-more {
    color: var(--knobby-pink-100, #f36);
    font-family: Roboto;
    font-weight: 700;
    text-decoration-line: underline
}

@media (max-width:789px) {
    .diamond.diamond-two.diamond-sustainability {
        right: 6% !important;
        bottom: -21% !important
    }
    img.star.star-three-sustainability {
        right: 5% !important;
        bottom: 81% !important
    }
    .rich-text-two h2.rich-text__heading.rte.inline-richtext.h1 {
        text-transform: capitalize !important;
        padding: 0 24px
    }
    img.star.star-for-sustainability,
    img.star.star-two-sustainability {
        display: none !important
    }
    img.star.star-one-sustainability {
        left: 20% !important;
        bottom: 12% !important
    }
    .diamond.diamond-one.diamond-sustainability {
        left: 7% !important;
        top: -26% !important
    }
    .bamboo,
    .merino-image-text,
    .tencel-image-text {
        padding: 48px 0 !important
    }
    .bamboo .container .image-title-wrapper {
        order: 2
    }
    .sustainability-material-wrapper {
        flex-direction: column
    }
    .sustainability-image-btn-wrapper-wp {
        flex-direction: row;
        justify-content: flex-start
    }
    .sustainability-image-btn-wrapper-wp img {
        width: 56px;
        height: 56px
    }
}

.featured-grid--item--button_text {
    border-radius: 24px;
    border: 2px solid #0b2f3d;
    background: #fff;
    width: fit-content;
    margin: 0 auto;
    position: absolute;
    bottom: 8%;
    padding: 8px 24px !important;
    font-weight: 500
}

.banner__box.content-container.content-container--full-width-mobile.color-.gradient.image-banner,
.featured-grid--item--container,
div#shopify-section-template--15662529085491__faqs_rebrand_teAARt {
    position: relative
}

.featured-grid--item--button_text.button-1 {
    left: 18%
}

.featured-grid--item--button_text.button-2 {
    left: 28%
}

.featured-grid--item--button_text.button-3 {
    left: 25%
}

.featured-grid--item--button_text.button-4 {
    left: 26%
}

img.thumbs__image-left {
    position: absolute;
    left: 10px;
    bottom: 34%;
    width: 63px;
    height: 60px
}

img.thumbs__image-right {
    position: absolute;
    right: 0;
    bottom: 37%;
    width: 63px;
    height: 60px
}

h2.banner__heading.inline-richtext.h1 {
    max-width: 1000px
}

.image-top-container-top {
    padding-bottom: 32px
}

.rich-text-one img.star.star-three-sustainability {
    right: -7%;
    top: 47%
}

.rich-text-one img.star.star-for-sustainability {
    right: 1%;
    top: 0
}

.rich-text-one h2.rich-text__heading.rte.inline-richtext.h1 {
    margin-top: 72px
}

.rich-text-one .diamond.diamond-two.diamond-sustainability {
    right: -14%;
    bottom: 47%
}

.rich-text-one img.star.star-two-sustainability {
    left: 4%;
    top: -5%
}

.rich-text-one img.star.star-one-sustainability {
    left: -6%;
    bottom: 25%
}

.rich-text-one .diamond.diamond-one.diamond-sustainability {
    left: -10%;
    top: 0
}

.bottleblend-image-text {
    padding-top: 88px !important;
    padding-bottom: 48px !important
}

.bamboo .gift-text-wrap,
.bottleblend-image-text .gift-text-wrap,
.tencel-image-text .gift-text-wrap {
    padding-top: 48px;
    gap: 48px !important
}

.merino-image-text .gift-text-wrap {
    gap: 48px !important
}

.rich-text-two h2.rich-text__heading.rte.inline-richtext.h1 {
    margin: 64px 0
}

.rich-text-two .rich-text {
    padding-bottom: 112px
}

.bamboo,
.merino-image-text,
.tencel-image-text {
    padding: 112px 0 !important
}

@media (min-width:1200px) {
    .bamboo .container.container,
    .bottleblend-image-text .container.container,
    .merino-image-text .container.container,
    .tencel-image-text .container.container {
        max-width: calc(1640px - 10rem);
        position: relative
    }
}

.bamboo .knby-btn-primary.knby-btn-primary.pink,
.bottleblend-image-text .knby-btn-primary.knby-btn-primary.pink,
.merino-image-text .knby-btn-primary.knby-btn-primary.pink,
.tencel-image-text .knby-btn-primary.knby-btn-primary.pink {
    min-width: 319px
}

img.star.star-two-sustainability-t {
    top: -2%;
    left: 3%
}

img.star.star-one-sustainability-t {
    top: 20%;
    left: -3%
}

.diamond.diamond-one.diamond-sustainability-t {
    top: 3%;
    left: -5%
}

.diamond.diamond-one.diamond-sustainability-m {
    left: 42%;
    top: 5%
}

img.star.star-one-sustainability-m {
    left: 50%
}

img.star.star-two-sustainability-m {
    left: 43%;
    top: 22%
}

.diamond.diamond-two.diamond-sustainability-m {
    left: -5%;
    top: -10%
}

img.star.star-three-sustainability-m {
    left: -2%;
    top: 10%
}

.last-section-sustainability img.star.star-for-sustainability {
    right: 11%;
    bottom: 87%
}

.last-section-sustainability .diamond.diamond-two.diamond-sustainability {
    right: 3%;
    bottom: 47%
}

.last-section-sustainability img.star.star-three-sustainability {
    right: 17%;
    bottom: 4%
}

.last-section-sustainability img.star.star-two-sustainability {
    left: 21%;
    top: -19%
}

.last-section-sustainability .diamond.diamond-one.diamond-sustainability {
    left: 7%;
    top: 2%
}

.last-section-sustainability img.star.star-one-sustainability {
    left: 11%;
    bottom: 15%
}

@media (min-width:992px) {
    .row-reverce {
        flex-direction: row-reverse !important
    }
    .bamboo .gift-text-wrap p,
    .merino-image-text .gift-text-wrap p,
    .tencel-image-text .gift-text-wrap p {
        max-width: 576px
    }
    .bamboo .gift-text-wrap,
    .bottleblend-image-text .gift-text-wrap,
    .merino-image-text .gift-text-wrap,
    .tencel-image-text .gift-text-wrap {
        min-width: 610px
    }
    .bamboo .gift-text-wrap {
        position: relative;
        left: 56%
    }
    .bamboo .image-title-wrapper {
        position: absolute;
        left: -15%
    }
    img.rich-text--section_img {
        display: none !important
    }
    .featured-grid--root {
        position: relative;
        overflow: visible
    }
    .rebrand.faq-item .faq-answer {
        max-width: 940px;
        margin: 0 48px
    }
    .sustanability-img-one {
        position: relative;
        top: -25%;
        right: -20%
    }
}

@media (max-width:1450px) {
    .bamboo .image-title-wrapper {
        left: -9%;
        bottom: -19%;
        width: 60%
    }
    .bamboo .gift-text-wrap {
        left: 54%
    }
    .featured-grid--root {
        position: relative;
        overflow: visible
    }
}

@media (max-width:1230px) {
    .bamboo .gift-text-wrap {
        position: unset;
        left: 54%
    }
    .bamboo .image-title-wrapper {
        position: unset
    }
}

@media (max-width:992px) {
    .bottleblend-image-text .image-title-wrapper {
        display: flex;
        justify-content: center
    }
    .featured-grid--item--button_text.button-1 {
        left: 3%
    }
    .featured-grid--item--button_text.button-2 {
        left: 18%
    }
    .featured-grid--item--button_text.button-3 {
        left: 14%
    }
    .featured-grid--item--button_text.button-4 {
        left: 15%
    }
    .diamond.diamond-one.diamond-sustainability-m,
    .diamond.diamond-one.diamond-sustainability-t,
    .diamond.diamond-two.diamond-sustainability-m,
    img.star.star-one-sustainability-m,
    img.star.star-one-sustainability-t,
    img.star.star-three-sustainability-m,
    img.star.star-two-sustainability-m,
    img.star.star-two-sustainability-t {
        display: none
    }
    .rich-text-one h2.rich-text__heading.rte.inline-richtext.h1 {
        margin-top: 26px !important
    }
    .featured-grid--item--button_text {
        font-size: 14px;
        position: inherit
    }
    h2.rich-text__heading.rte.inline-richtext.h1 {
        font-size: 32px !important
    }
    .featured-grid--item--text-container {
        padding-top: 0 !important;
        padding-bottom: 24px !important
    }
    .bamboo .gift-text-wrap,
    .bottleblend-image-text .gift-text-wrap,
    .tencel-image-text .gift-text-wrap {
        padding-top: 0;
        gap: 40px !important
    }
    .rich-text-two h2.rich-text__heading.rte.inline-richtext.h1 {
        margin: 12px 0
    }
    .rich-text-two .rich-text {
        padding-bottom: 72px
    }
    .diamond.diamond-two.diamond-sustainability {
        right: 6%;
        bottom: -17%
    }
    .rich-text__wrapper.rich-text__wrapper--center.page-width svg {
        width: 100%;
        padding: 0 24px
    }
    .diamond-sustainability .outer {
        max-width: 48px
    }
    .diamond-sustainability .inner {
        max-width: 19px
    }
}

@media (min-width:1550px) {
    img.featured-grid--section_img {
        position: absolute;
        top: -27%;
        right: 11%;
        display: block !important
    }
}

@media (max-width:1550px) {
    img.featured-grid--section_img {
        position: absolute;
        top: -27%;
        right: 5%;
        display: block !important
    }
}

@media (max-width:1250px) {
    img.featured-grid--section_img {
        display: none
    }
}

@media (max-width:789px) {
    .diamond.diamond-two.diamond-sustainability {
        right: 6% !important;
        bottom: -21% !important
    }
    img.star.star-three-sustainability {
        right: 4% !important;
        bottom: 84% !important
    }
    .rich-text-two h2.rich-text__heading.rte.inline-richtext.h1 {
        text-transform: capitalize !important;
        padding: 0 24px
    }
    img.star.star-for-sustainability,
    img.star.star-two-sustainability {
        display: none !important
    }
    img.star.star-one-sustainability {
        left: 20% !important;
        bottom: 12% !important
    }
    .diamond.diamond-one.diamond-sustainability {
        left: 7% !important;
        top: -35% !important
    }
    .bamboo,
    .merino-image-text,
    .tencel-image-text {
        padding: 48px 0 !important
    }
}

.title__custom {
    color: #1c1c1c;
    font-family: CondensedBlack !important;
    font-size: 128px;
    font-style: normal;
    line-height: 88%;
    margin-bottom: 30px
}

.custom-section-subtitle,
.gibson,
.information-text-wrap.col,
.rebrand.faq-item {
    font-family: "Canada-Type-Gibson";
}

.information-text-wrap.col {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 16px;
    z-index: 2;
}

.custom-section-subtitle {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 152%
}

.sub_text p {
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 126%
}

.title-pp,
.title_rebrant_fqa {
    font-family: CondensedBlack;
    font-style: normal
}

.text_m {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 151%
}

.sub_text {
    align-items: center
}

.number-n {
    background: #bfff08;
    min-width: 41px;
    min-height: 41px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #1c1c1c
}

p.text_m {
    margin-bottom: 50px
}

.image-with-text__buttons {
    margin-top: 24px
}

.container__wrapper {
    max-width: calc(1640px - 10rem) !important;
    padding-top: 90px;
    padding-bottom: 90px
}

.information-text-wrap.col-8 {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 32px
}

.text_m__wrapper {
    display: flex;
    flex-direction: row
}

.custom-how {
    margin: 0 !important
}

.custom-how-col {
    padding-top: 96px;
    padding-bottom: 120px
}

.row.gap-row {
    gap: 50px
}

.container.container__wrapper.image-top-wrapper {
    justify-content: right
}

.rebrand.faq-item.active .faq-question--cross svg {
    transform: rotate(45deg);
    transform-origin: 50% 50%;
    transition: transform .25s ease-in-out
}

.rebrand.faq-item .faq-question--cross svg {
    transform: rotate(0);
    transform-origin: 50% 50%;
    transition: transform .25s ease-in-out
}

.bg-container {
    padding: 96px 200px
}

.rebrand.faq-item {
    border-top: 2px solid #1c1c1c
}

.rebrand.faq-item .faq-question {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 88%;
    align-items: center
}

.faq-section.faq_bg h3.text-left.p-3.title_rebrant_fqa {
    padding: 0 !important;
    margin-bottom: 48px
}

.title_rebrant_fqa {
    font-size: 96px;
    color: #fff;
    line-height: 100%
}

.diamon-pattern {
    position: absolute;
    left: 0
}

.dimond-pattern {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cpath fill='%236c88ff' d='M21,0c2.5,6.2,7.4,11.1,13.5,13.5-6.2,2.4-11.1,7.3-13.5,13.5-2.5-6.2-7.4-11.1-13.5-13.5,6.2-2.4,11.1-7.3,13.5-13.5ZM21,39.1C11.4,35.3,3.8,27.7,0,18.1v23.9h42v-23.9c-3.8,9.6-11.4,17.2-21,21'/%3E%3C/svg%3E");
    height: 42px;
    width: 100%;
    top: -40px;
    position: absolute;
    background-repeat: repeat
}

.container-wrapper-image-sp .container__wrapper {
    max-width: calc(1940px - 10rem) !important
}

@media (min-width:992px) {
    .container-wrapper-image-sp img.my-2.d-none.d-sm-block {
        position: relative !important;
        left: -22% !important;
        top: -9%
    }
    .merino .container.row-reverce,
    .tencel .container.row-reverce {
        position: relative
    }
}

@media (max-width:992px) {
    .container.container__wrapper .row,
    .row.sustinability-block-row,
    .text_m__wrapper {
        flex-direction: column
    }
    .title__custom {
        font-size: 64px;
        max-width: 320px;
        text-align: left
    }
    .custom-section-subtitle {
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 152%
    }
    .sub_text p {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 126%
    }
    .row.sustinability-block-row .col-12.col-md-4 {
        order: 1
    }
    .row.sustinability-block-row .information-text-wrap.col-12.col-md-8 {
        order: 2
    }
    .row.sustinability-block-row .col {
        order: 3;
        padding-top: 32px
    }
    .sustainability__wrapper {
        padding-top: 0;
        padding-bottom: 0;
        position: relative
    }
    img.my-2.sustanability-img-one {
        position: absolute;
        top: -20%;
        width: 200px;
        right: -9%
    }
    .custom-section-title.title__custom {
        z-index: 1;
        position: relative
    }
    .custom-section-subtitle.gibson {
        text-align: left;
        max-width: 200px;
        margin-bottom: 24px
    }
    .text_m__wrapper {
        display: flex;
        justify-content: left;
        text-align: left
    }
    .banner-style-box {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }
    .banner-image__wrapper {
        max-width: 128px
    }
    .banner-image__wrapper.inner-banner-5 {
        margin-right: 0
    }
    .row.background-fill {
        flex-direction: column;
        margin: 0 auto;
        justify-content: center
    }
    .banner-image__container {
        justify-content: space-evenly;
        gap: 24px
    }
    .row.gap-row {
        position: relative;
        flex-direction: column
    }
    img.custom-how {
        position: absolute;
        width: 196px;
        top: 0
    }
    .information-text-wrap.col.custom-how-col {
        padding-left: 34px;
        padding-right: 34px;
        padding-top: 0
    }
    .custom-how-col .button--neon {
        margin-top: 20px !important
    }
    .bg-container {
        padding: 64px 24px
    }
    .title_rebrant_fqa {
        font-size: 64px
    }
    .rebrand.faq-item .faq-question {
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%
    }
    .rebrand.faq-item span.faq-question--cross svg {
        width: 32px
    }
    .rebrand.faq-item {
        padding: 32px 0
    }
    .single-img-col {
        justify-content: center;
        display: flex;
        padding-bottom: 60px
    }
    col.banner-image__col {
        padding: 0
    }
    .mobile-u-img {
        right: 60px;
        position: relative
    }
    .custom-section-title.title__custom,
    .custom-section-title.title__custom.d-md-none,
    h2.banner__heading.inline-richtext,
    h2.banner__heading.inline-richtext.large-text {
        font-weight: 400 !important
    }
}

@media (min-width:1992px) {
    .container-wrapper-image-sp img.my-2.d-none.d-sm-block {
        position: unset
    }
}

@media (max-width:400px) {
    h2.banner__heading.inline-richtext.large-text {
        font-size: 68px !important;
        max-width: 300px
    }
    .custom-section-title.title__custom,
    .custom-section-title.title__custom.d-md-none,
    h2.banner__heading.inline-richtext {
        font-size: 54px
    }
    .banner-image__container {
        gap: 10px
    }
    .button--neon,
    .button--secondary {
        padding: 16px 24px !important;
        font-size: 14px !important
    }
}

div#shopify-section-template--15686862209075__faqs_rebrand_CFeFVn {
    position: relative
}

.button--neon:hover {
    border: 2px solid #bfff0a !important;
    color: #bfff0a !important
}

.button--secondary:hover {
    color: #fff !important;
    border: 2px solid #fff !important
}

.sustainability-collection .featured-grid--body .featured-grid--body--container {
    position: relative;
    gap: 75px
}

.sustainability-collection .featured-grid--body .featured-grid--body--container .featured-grid--item .featured-grid--item--container .featured-grid--item--text-container {
    position: relative;
    top: -30px
}

.sustainability-material-wrapper {
    padding: 20px 0
}

.title-text-one .diamond.diamond-two.diamond-sustainability {
    right: 0;
    bottom: 70%
}

.title-text-one img.star.star-for-sustainability {
    right: 11%;
    bottom: 85%
}

.title-text-one img.star.star-three-sustainability {
    right: 4%;
    bottom: 38%
}

.title-text-one .diamond.diamond-one.diamond-sustainability {
    left: 1%;
    top: -18%
}

.title-text-one img.star.star-two-sustainability {
    left: 13%;
    top: -24%
}

.title-text-one img.star.star-one-sustainability {
    left: 5%;
    bottom: 35%
}

.title-text-two .diamond.diamond-two.diamond-sustainability {
    right: -7%;
    bottom: 34%
}

.title-text-two img.star.star-for-sustainability {
    right: -10%;
    bottom: 66%
}

.title-text-two img.star.star-three-sustainability {
    right: 4%;
    bottom: 25%
}

.tencel img.star.star-one-sustainability-t {
    top: 14%;
    left: -2%
}

.tencel img.star.star-two-sustainability-t {
    top: -12%;
    left: 2%
}

.tencel .diamond.diamond-one.diamond-sustainability-t {
    top: -7%;
    left: -5%
}

.merino .diamond.diamond-two.diamond-sustainability-m {
    left: -6%;
    top: -12%
}

.merino img.star.star-three-sustainability-m {
    left: -3%;
    top: 3%
}

.merino img.star.star-two-sustainability-m {
    left: 46%;
    top: 24%
}

.merino .diamond.diamond-one.diamond-sustainability-m {
    left: 44%;
    top: 5%
}

.title-text-three img.star.star-for-sustainability {
    right: 10%;
    bottom: 77%
}

.title-text-three img.star.star-three-sustainability {
    right: 18%;
    bottom: 10%
}

.title-text-three .diamond.diamond-two.diamond-sustainability {
    right: 5%;
    bottom: 25%
}

.title-text-three .diamond.diamond-one.diamond-sustainability {
    left: 5%;
    top: 6%
}

.title-text-three img.star.star-one-sustainability {
    left: 10%;
    bottom: 18%
}

.get-hyped-title.mobile {
    display: none !important
}

.title-text-three img.star.star-two-sustainability {
    left: 19% !important;
    top: -20% !important
}

.feature-video--root.d-none.d-sm-block,
div#shopify-section-template--15825122066483__get_hyped_TKn8VH,
div#shopify-section-template--15825643831347__get_hyped_TKn8VH {
    position: relative
}

div#Banner-template--15686862209075__image_banner_7PtpPd .large-text {
    font-size: 11vw !important
}

@media (max-width:1710px) {
    #shopify-section-template--15686862209075__image_banner_7PtpPd .thumbs__image-left {
        left: 5% !important
    }
}

#new-knby-collection-v2 .collection-items .collection-items__products .collection-items__products-product .collection-items__products-image-container .product-images img:first-child,
#nkh-most-popular .nkh-most-popular__steps .nkh-most-popular__step img,
.featured-collections .collection-block img {
    height: auto
}

.title-pp {
    text-transform: uppercase !important;
    font-size: 128px;
    font-weight: 900;
    line-height: 96%;
    letter-spacing: 2.56px !important;
    text-shadow: 8px 8px 0 #1c1c1c;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--knobby-black-2024100, #1C1C1C);
    position: relative
}

.get-hyped-title {
    padding: 96px 200px 40px;
    text-align: center;
    display: flex !important;
    justify-content: center;
    position: relative
}

h1.title-pp {
    max-width: 800px;
    z-index: 1
}

.get-hyped-text p {
    color: #1c1c1c;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    line-height: 43.2px;
    text-align: center
}

.star-img-get-hyped {
    position: absolute
}

img.star-img-get-hyped.left {
    left: 0;
    top: -27%
}

img.star-img-get-hyped.right {
    right: 18%;
    bottom: -16%
}

@media (max-width:992px) {
    .get-hyped-title.desktop,
    .title-text-one .diamond.diamond-one.diamond-sustainability,
    .title-text-one .diamond.diamond-two.diamond-sustainability,
    .title-text-one img.star.star-for-sustainability,
    .title-text-one img.star.star-three-sustainability,
    .title-text-one img.star.star-two-sustainability {
        display: none !important
    }
    .sustainability-collection .featured-grid--body .featured-grid--body--container .featured-grid--item .featured-grid--item--container .featured-grid--item--text-container {
        top: 10px
    }
    .sustainability-collection .featured-grid--body .featured-grid--body--container {
        gap: 0
    }
    .featured-grid--item--container {
        padding-bottom: 20px;
        padding-top: 20px
    }
    .sustainability-collection .featured-grid--body .featured-grid--body--container .featured-grid--item .featured-grid--item--container .featured-grid--item--text-container .featured-grid--item--link-container {
        font-size: 14px
    }
    .bottle-blend a.my-2.knby-btn-primary.pink.button,
    .merino a.my-2.knby-btn-primary.pink.button,
    .tencel a.my-2.knby-btn-primary.pink.button {
        margin-top: 35px !important
    }
    .rich-text__wrapper.rich-text__wrapper--center.page-width svg {
        margin: 0
    }
    h2.rich-text__heading.rte.inline-richtext.h1 {
        padding: 0 24px
    }
    .merino,
    .tencel {
        padding-top: 48px !important
    }
    .sustainability-material-wrapper {
        padding: 40px 0
    }
    .title-text-three .diamond.diamond-one.diamond-sustainability {
        left: 6% !important;
        top: 33% !important
    }
    .title-text-three img.star.star-three-sustainability {
        right: 9% !important;
        bottom: 68% !important
    }
    .title-text-three img.star.star-one-sustainability {
        left: 8% !important;
        bottom: 92% !important
    }
    .title-text-three .diamond.diamond-two.diamond-sustainability {
        right: 6% !important;
        bottom: 91% !important
    }
    h1.title-pp {
        font-size: 86px
    }
    .get-hyped-title.mobile {
        display: flex !important;
        justify-content: center;
        align-items: center;
        z-index: 1;
        padding-bottom: 50px
    }
    .get-hyped-text.d-block.d-sm-none p {
        font-size: 20px
    }
    img.star-img-get-hyped.left {
        width: 50px;
        left: 20%;
        top: -15%
    }
    img.star-img-get-hyped.right {
        right: 5%;
        bottom: -8%;
        width: 70px
    }
    .get-hyped-text p {
        font-size: 16px;
        margin: 0 !important;
        line-height: 152%
    }
    .get-hyped-text {
        padding: 0 16px
    }
    .get-hyped-title {
        padding: 55px 16px 24px
    }
    img.hand.left {
        left: -30% !important;
        top: 67% !important
    }
    img.hand.right {
        right: -34% !important;
        width: 500px
    }
    #shopify-section-template--15825643831347__e1bc2d1d-8c78-45dc-9d67-d6cad6922f83 .go1143391657 {
        width: 100% !important
    }
    .title-pp {
        -webkit-text-stroke-width: 1px !important
    }
}

button.needsclick.go1143391657.kl-private-reset-css-Xuajs1 {
    font-family: canada-type-gibson !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;
    text-transform: capitalize
}

img.hand.left,
img.hand.right {
    width: 600px;
    position: absolute
}

img.hand.right {
    right: 5%;
    top: 11%
}

img.hand.left {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    left: 10%
}

.get-hyped-text {
    z-index: 1;
    position: relative
}

form.needsclick.klaviyo-form.klaviyo-form-version-cid_3.kl-private-reset-css-Xuajs1 {
    background: 0 0 !important
}

.get-hyped-text.d-block.d-sm-none p {
    color: #fff
}

div#rich-text-112394543 h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 900;
    line-height: 100%;
    letter-spacing: 1.92px
}

div#rich-text-112394544 p {
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 152% !important
}

form.needsclick.klaviyo-form.klaviyo-form-version-cid_2.kl-private-reset-css-Xuajs1 {
    background-color: transparent !important
}

a.button.button--secondary {
    min-width: 258px;
}

@media (max-width: 1125px) {
    a.button.button--secondary {
        min-width: 248px !important;
    }
}


.video-content-new-m {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.video-banner-new-m {
    position: relative !important;
  }
  
  .video-banner-new-m video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .video-content-new-m p {
    font-size: 16px;
}
  
  .video-content-new-m h1 {
    font-size: 3rem; /* Adjust font size as needed */
  }
  .video-content-new-m h1 {
    font-size: 32px;
    max-width: 300px;
}
  .video-content-new-m p {
    font-size: 1.5rem; /* Adjust font size as needed */
  }

  .nkh-hero-slide__text.video-content-new-m {
    width: 100%;
    display: block !important;
    padding: 0px 40px;
    padding: 0px 40px;
    top:19%;
    position: absolute !important;
}
.ig-find-replace-builder {
  border: none !important;
  border-color: transparent !important;
}
._17o99wpi3 {
    flex: none !important;
}
@media (min-width: 789px) {
.choose-style.womens::before {
    content: "";
    grid-column: 3 / 4;
    grid-row: 1 / 2;
  }
}
@media (max-width: 789px) {

.choose-style-btn:nth-child(1) {
    order: 1; /* Move the first item to the second position */
}
.choose-style-btn:nth-child(2) {
    order: 2; /* Move the second item to the first position */
}
.choose-style-btn:nth-child(3) {
    order: 4; /* Keep the third item in the same position */
}
.choose-style-btn:nth-child(4) {
    order: 5; /* Keep the fourth item in the same position */
}
.choose-style-btn:nth-child(5) {
    order: 4; /* Keep the fifth item in the same position */
}
.choose-style-btn:nth-child(6) {
    order: 2; /* Keep the sixth item in the same position */
}
.choose-style-btn:nth-child(7) {
    order: 3; /* Keep the seventh item in the same position */
}
.choose-style-btn:nth-child(8) {
    order: 8; /* Keep the eighth item in the same position */
}
}