/** Shopify CDN: Minification failed

Line 3357:69 Unexpected "{"

**/
/* font Sheldon */
@font-face {
    font-family: "Sheldon";
    src: url("/cdn/shop/files/Sheldon.eot?v=1761571536");
    src: url("/cdn/shop/files/Sheldon.eot?v=1761571536") format("embedded-opentype"),
        url("/cdn/shop/files/Sheldon.woff2?v=1761571536") format("woff2"),
        url("/cdn/shop/files/Sheldon.woff?v=1761571536") format("woff"),
        url("/cdn/shop/files/Sheldon.ttf?v=1761571536") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* font Sofia Pro */
@font-face {
    font-family: "Sofia Pro";
    src: url("/cdn/shop/files/SofiaPro-UltraLight.eot?v=1761743286");
    src: url("/cdn/shop/files/SofiaPro-UltraLight.eot?v=1761743286") format("embedded-opentype"),
        url("/cdn/shop/files/SofiaPro-UltraLight.woff2?v=1761743283") format("woff2"),
        url("/cdn/shop/files/SofiaPro-UltraLight.woff?v=1761743283") format("woff"),
        url("/cdn/shop/files/SofiaPro-UltraLight.ttf?v=1761743286") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sofia Pro";
    src: url("/cdn/shop/files/SofiaPro-ExtraLight.eot?v=1761743286");
    src: url("/cdn/shop/files/SofiaPro-ExtraLight.eot?v=1761743286") format("embedded-opentype"),
    url('//goape.bluestepsolutions.com/cdn/shop/t/12/assets//cdn/shop/files/SofiaPro-ExtraLight.woff2?v=1761743285&v=11453') format("woff2"),
    url('//goape.bluestepsolutions.com/cdn/shop/t/12/assets//cdn/shop/files/SofiaPro-ExtraLight.woff?v=1761743284&v=11453') format("woff"),
    url('//goape.bluestepsolutions.com/cdn/shop/t/12/assets//cdn/shop/files/SofiaPro-ExtraLight.ttf?v=1761743287&v=11453') format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sofia Pro";
    src: url("/cdn/shop/files/SofiaPro-Light.eot?v=1761743286");
    src: url("/cdn/shop/files/SofiaPro-Light.eot?v=1761743286") format("embedded-opentype"), url("/cdn/shop/files/SofiaPro-Light.woff2?v=1761743284") format("woff2"), url("/cdn/shop/files/SofiaPro-Light.woff?v=1761743285") format("woff"), url("/cdn/shop/files/SofiaPro-Light.ttf?v=1761743287") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sofia Pro";
    src: url("/cdn/shop/files/SofiaPro.eot?v=1761743286");
    src: url("/cdn/shop/files/SofiaPro.eot?v=1761743286") format("embedded-opentype"), url("/cdn/shop/files/SofiaPro.woff2?v=1761743285") format("woff2"), url("/cdn/shop/files/SofiaPro.woff?v=1761743285") format("woff"), url("/cdn/shop/files/SofiaPro.ttf?v=1761743286") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sofia Pro";
    src: url("/cdn/shop/files/SofiaPro-Medium.eot?v=1761743285");
    src: url("/cdn/shop/files/SofiaPro-Medium.eot?v=1761743285") format("embedded-opentype"), url("/cdn/shop/files/SofiaPro-Medium.woff2?v=1761743283") format("woff2"), url("/cdn/shop/files/SofiaPro-Medium.woff?v=1761743284") format("woff"), url("/cdn/shop/files/SofiaPro-Medium.ttf?v=1761743286") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sofia Pro";
    src: url("/cdn/shop/files/SofiaPro-SemiBold.eot?v=1761743286");
    src: url("/cdn/shop/files/SofiaPro-SemiBold.eot?v=1761743286") format("embedded-opentype"), url("/cdn/shop/files/SofiaPro-SemiBold.woff2?v=1761743284") format("woff2"), url("/cdn/shop/files/SofiaPro-SemiBold.woff?v=1761743285") format("woff"), url("/cdn/shop/files/SofiaPro-SemiBold.ttf?v=1761743286") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sofia Pro";
    src: url("/cdn/shop/files/SofiaPro-Bold.eot?v=1761743286");
    src: url("/cdn/shop/files/SofiaPro-Bold.eot?v=1761743286") format("embedded-opentype"), url("/cdn/shop/files/SofiaPro-Bold.woff2?v=1761743285") format("woff2"), url("/cdn/shop/files/SofiaPro-Bold.woff?v=1761743284") format("woff"), url("/cdn/shop/files/SofiaPro-Bold.ttf?v=1761743286") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sofia Pro";
    src: url("/cdn/shop/files/SofiaPro-Black.eot?v=1761743285");
    src: url("/cdn/shop/files/SofiaPro-Black.eot?v=1761743285") format("embedded-opentype"), url("/cdn/shop/files/SofiaPro-Black.woff2?v=1761743284") format("woff2"), url("/cdn/shop/files/SofiaPro-Black.woff?v=1761743285") format("woff"), url("/cdn/shop/files/SofiaPro-Black.ttf?v=1761743286") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-Sheldon: "Sheldon", sans-serif;
    --font-Sofia: "Sofia Pro", sans-serif;
    --color-primary-600: #043c6f;
    --color-primary-500: #0550aa;
    --color-primary-400: #2e5d87;
    --color-primary-300: #587d9f;
    --color-primary-200: #829eb7;
    --color-primary-100: #abbecf;
    --color-primary-50: #cdd8e2;
    --color-secondary-500: #ffec4b;
    --color-secondary-400: #ffef69;
    --color-secondary-300: #fff287;
    --color-secondary-200: #fff5a5;
    --color-secondary-100: #fff9c3;
    --color-secondary-50: #fffcc8;
    --color-tertiary: #48ffb9;
    --color-tertiary-400: #67ffc5;
    --color-tertiary-300: #85ffd0;
    --color-tertiary-200: #a3ffdc;
    --color-tertiary-100: #c2ffe8;
    --color-tertiary-50: #dafff1;
    --color-white: #ffffff;
    --color-black: #000000;
    --brand-orange: #ff8500;
    --brand-deepYellow: #ffd005;
    --brand-midGreen: #00eaa7;
    --brand-deepGreen: #009b7d;
    --brand-deepBlue: #033051;
    --brand-uniqueYellow: #fff6b1;

    --font-ultraLight: 100;
    --font-extraLight: 200;
    --font-light: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-book: 800;
    --font-black: 900;

    --color-input-border: #cdd8e280;
}

* {
    box-sizing: border-box;
}

button:focus-visible{
    outline: none;
}

body {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    /* font-family: "Sofia Pro"; */
    font-family: "Sofia Pro";
    overflow-x: hidden;
    /* text-transform: capitalize; */
}

html {
    scroll-behavior: smooth;
}

img {
    vertical-align: bottom;
    height: initial;
    width: initial;
    max-width: 100%;
}

a {
    color: var(--brand-orange);
    text-decoration: none;
    display: inline-block;
    transition: all ease 0.3s;
}

a:hover,
a:focus {
    color: var(--color-primary-600);
}

button {
    cursor: pointer;
    transition: all ease 0.3s;
}

.page-width {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1820px;
    width: 100%;
    margin: 0 auto;
}

.page-width.full {
    max-width: 100%;
    padding-left: 44px;
    padding-right: 44px;
}

.w-full {
    width: 100%;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    text-transform: uppercase;
    font-weight: 500;
    margin: 0 0 16px;

    /* font-family: {
            {
            settings.Heading_font | json
        }
    }

    ; */
    font-family: "Sheldon";
    letter-spacing: 0;
    color: var(--color-primary-600);
}

h1,
.h1 {
    font-size: 128px;
    line-height: 1.0625;
}

h2,
.h2 {
    font-size: 96px;
    line-height: 1.0833;
}

h3,
.h3 {
    font-size: 64px;
    line-height: 1.125;
}

h4,
.h4 {
    font-size: 36px;
    line-height: 1.1111;
}

h5,
.h5 {
    font-size: 24px;
    line-height: 1.5;
}

h6,
.h6 {
    font-size: 18px;
    line-height: 1.2222;
}

p:not(:last-child) {
    margin: 0 0 16px;
}

.text-xxl {
    font-size: 24px;
    line-height: 1.5;
}

.text-xl {
    font-size: 20px;
    line-height: 1.4;
}

.text-l {
    font-size: 18px;
    line-height: 1.55;
}

.text-reg {
    font-size: 16px;
    line-height: 1.5;
}

.text-s {
    font-size: 14px;
    line-height: 1.42;
}

.text-xs {
    font-size: 12px;
    line-height: 1.33;
}

.font-ultraLight {
    font-weight: var(--font-ultraLight);
}

.font-extraLight {
    font-weight: var(--font-extraLight);
}

.font-light {
    font-weight: var(--font-light);
}

.font-regular {
    font-weight: var(--font-regular);
}

.font-medium {
    font-weight: var(--font-medium);
}

.font-semibold {
    font-weight: var(--font-semibold);
}

.font-bold {
    font-weight: var(--font-bold);
}

.font-book {
    font-weight: var(--font-book);
}

.font-black {
    font-weight: var(--font-black);
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.w-full {
    width: 100%;
}

.text-black {
    color: var(--color-black);
}

.text-white {
    color: var(--color-white);
}

.mt-0 {
    margin-top: 0;
}

.btn,
.button:not(.close-button):not(.header-actions__action):not(.slideshow-control) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: unset;
    border-width: 0px;
    border-radius: 0;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.1em;
    padding: 15px 28px;
    text-decoration: none;
    text-transform: capitalize;
    font-family: var(--font-Sofia);
    transition: all ease 0.3s;
    color: var(--color-white);
    background-color: var(--color-primary-500);
    letter-spacing: 0;
    gap: 12px;
}

.btn svg {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.btn-sm {
    padding: 10px 16px !important;
}

.btn-lg {
    padding: 21px 28px;
    min-width: 252px;
}

.btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
.button:not(:disabled):not(.disabled):not([aria-disabled="true"]):not(.close-button):not(.header-actions__action):not(.slideshow-control):focus,
.btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover,
.button:not(:disabled):not(.disabled):not([aria-disabled="true"]):not(.close-button):not(.header-actions__action):not(.slideshow-control):hover {
    color: var(--color-white);
    background-color: var(--color-primary-600);
}

.btn-primary-blue {
    color: var(--color-white);
    background-color: var(--color-primary-500);
}

.btn-primary-blue:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
.btn-primary-blue:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover {
    color: var(--color-white);
    background-color: var(--color-primary-600);
}

.btn-primary-midblue {
    color: var(--color-white);
    background-color: var(--color-primary-600);
}

.btn-primary-midblue:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
.btn-primary-midblue:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover {
    color: var(--color-white);
    background-color: var(--brand-deepBlue);
}

.btn-primary-deepblue {
    color: var(--color-white);
    background-color: var(--brand-deepBlue);
}

.btn-primary-deepblue:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
.btn-primary-deepblue:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover {
    color: var(--color-white);
    background-color: var(--color-primary-500);
}

.btn-orange {
    color: var(--color-white);
    background-color: var(--brand-orange);
}

.btn-orange:not(:disabled):not(.disabled):not([aria-disabled="true"]):focus,
.btn-orange:not(:disabled):not(.disabled):not([aria-disabled="true"]):hover {
    color: var(--color-white);
    background-color: var(--brand-deepYellow);
}

.ptb-120 {
    padding: 120px 0;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.product-badges__badge {
    color: #fff;
    background: var(--color-primary-500);
    font-family: "Sofia Pro";
}

/* div:empty{
    display: none;
} */

/* Theme Override */
:is(.header__column:has(header-menu:hover),
    .header__column:has(.header-actions__action:hover),
    .header__column:has(.dropdown-localization__button:hover),
    .header__column:has(.header__icon--menu:hover)) header-menu:not(:hover),
:is(.header__column:has(header-menu:hover),
    .header__column:has(.header-actions__action:hover),
    .header__column:has(.dropdown-localization__button:hover),
    .header__column:has(.header__icon--menu:hover)) .header-actions__action:not(:hover),
:is(.header__column:has(header-menu:hover),
    .header__column:has(.header-actions__action:hover),
    .header__column:has(.dropdown-localization__button:hover),
    .header__column:has(.header__icon--menu:hover)) .dropdown-localization__button:not(:hover),
:is(.header__column:has(header-menu:hover),
    .header__column:has(.header-actions__action:hover),
    .header__column:has(.dropdown-localization__button:hover),
    .header__column:has(.header__icon--menu:hover)) .header__icon--menu:not(:hover) {
    opacity: 1;
}

/* Header Style */
.transparent-header .header .header__row {
    backdrop-filter: blur(7px);
    background: rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #fff;
}

.header .header__row {
    border-color: var(--color-primary-600);
    display: block;
    background: var(--color-primary-600);
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.header[data-sticky-state="active"] .header__row {
    background: var(--color-primary-600);
    border-color: var(--color-primary-600);
}

.header-logo__image {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header[data-sticky-state="active"] .header-logo__image {
    width: 134px;
    height: 60px;
}

.header .header__row .header__columns {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 1820px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 749px) {
    .header .header__row .header__columns {
        display: grid;
        justify-content: unset;
    }
}

.header[data-sticky-state="active"] header-actions .header-actions__action{
    padding-top: 26px;
    padding-bottom: 26px;
}

.header-menu .menu-list .menu-list__list-item {
    padding-left: 30px;
    padding-right: 30px;
}

.header-menu .menu-list .menu-list__list-item .menu-list__link {
    font-family: var(--font-Sofia);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 1.8px;
    text-transform: capitalize;
    color: var(--color-white);
    position: relative;
}

.header-menu .menu-list .menu-list__list-item .menu-list__link:hover {
    color: var(--color-white);
    opacity: 0.7;
}

.menu-list:not(:has(.menu-list__list-item:hover)) .menu-list__link--active,
.menu-list .menu-list__list-item:where(:hover, :focus-within) .menu-list__link,
.menu-list .menu-list__list-item[slot="overflow"] .menu-list__link[aria-expanded="true"] {
    color: var(--color-white);
    opacity: 1;
}

.header-menu .menu-list .menu-list__list-item .menu-list__link:after {
    content: "";
    display: block;
    width: calc(100% - 20px);
    height: 4px;
    background: var(--color-primary-500);
    position: absolute;
    left: 10px;
    bottom: -28px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-menu .menu-list .menu-list__list-item .menu-list__link:hover:after,
.header-menu .menu-list .menu-list__list-item .menu-list__link.menu-list__link--active:after {
    opacity: 1;
}

.header[data-sticky-state="active"] .header-menu .menu-list .menu-list__list-item .menu-list__link:after {
    background: var(--brand-orange);
    bottom: -5px;
}

.header header-actions .account-button,
.header header-actions .header-actions__action .svg-wrapper {
    width: auto;
    height: auto;
    cursor: pointer;
    transition: all ease 0.3s;
}

.header__drawer--mobile .menu-drawer__menu-item-text,
.header__drawer--mobile .menu-drawer__menu-item {
    font-family: var(--font-Sofia);
}

header-actions {
    display: flex; 
    gap: 7px;
}

.header header-actions .header-actions__action {
    transition: all ease 0.3s;
    border-radius: 50%;
    color: #fff;
    flex-direction: column;
}

.section--title {
    margin-bottom: 60px;
    text-align: center;
}

.section--title>h2 {
    margin-bottom: 0;
}

/* Collection Section */
.section--collection {
    width: 100%;
    background: var(--color-white);
    overflow: hidden;
    display: block;
}

.collection--wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.collection--grid {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.collection--grid .grid--item {
    flex: 1;
}

.collection--grid.two--col .grid--item:last-child,
.collection--grid.two--col.reverse--col .grid--item:first-child {
    max-width: 630px;
}

.collection--grid.two--col.reverse--col .grid--item:last-child {
    max-width: initial;
}

.collection--grid .grid--item .grid--action {
    display: flex;
    align-items: flex-end;
    width: 100%;
    min-height: clamp(220px, 21.1979167vw, 407px);
    border-radius: clamp(20px, 1.66666667vw, 32px);
    background: var(--color-primary-600);
    padding: 30px 36px;
    position: relative;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}

.collection--grid .grid--item .grid--action:hover {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
}

.collection--grid.three--col .grid--item .grid--action {
    min-height: clamp(200px, 16.6666667vw, 328px);
}

.collection--grid .grid--item .grid--action .grid--label {
    color: var(--color-secondary-50);
    text-shadow: 4px 3px 0 #1567b3;
    margin-bottom: 0;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}

.collection--grid .grid--item.gloves .grid--action {
    background: var(--color-primary-600);
}

.collection--grid .grid--item.gloves .grid--action .grid--label {
    color: var(--color-secondary-50);
    text-shadow: 4px 3px 0 #1567b3;
}

.collection--grid .grid--item.merchandise .grid--action {
    background: var(--color-secondary-50);
}

.collection--grid .grid--item.merchandise .grid--action .grid--label {
    color: var(--brand-orange);
    text-shadow: 4px 3px 0 #fff98f;
}

.collection--grid .grid--item.ppe .grid--action {
    background: var(--brand-orange);
}

.collection--grid .grid--item.ppe .grid--action .grid--label {
    color: var(--color-secondary-500);
    text-shadow: 4px 4px 0 rgba(255, 250, 212, 0.42);
}

.collection--grid .grid--item.clothing .grid--action {
    background: var(--color-secondary-500);
}

.collection--grid .grid--item.clothing .grid--action .grid--label {
    color: var(--brand-orange);
    text-shadow: 4px 3px 0 #e9de7e;
}

.collection--grid .grid--item.party-bag .grid--action {
    background: var(--color-tertiary-50);
}

.collection--grid .grid--item.party-bag .grid--action .grid--label {
    color: var(--brand-deepGreen);
    text-shadow: 4px 3px 0 rgba(0, 234, 167, 0.57);
}

.collection--grid .grid--item.rain-gear .grid--action {
    background: var(--color-tertiary);
}

.collection--grid .grid--item.rain-gear .grid--action .grid--label {
    color: var(--brand-deepGreen);
    text-shadow: 4px 3px 0 var(--color-tertiary-100);
}

.collection--grid .grid--item.uniform .grid--action {
    background: var(--brand-deepYellow);
}

.collection--grid .grid--item.uniform .grid--action .grid--label {
    color: var(--color-primary-600);
    text-shadow: 4px 3px 0 #fff98f;
}

.collection--grid .grid--item .grid--image {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    user-select: none;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}

.collection--grid .grid--item.gloves .grid--image {
    position: absolute;
    top: clamp(6px,1.041666666vw, 20px);
    right: 0;
    transform: rotate(-175deg);
    filter: drop-shadow(-4px -19px 4px #a2a2a240);
    max-width: clamp(160px,14.583333333vw,220px);
    aspect-ratio: 1/1;
}

.collection--grid .grid--item.gloves a:hover .grid--image {
    transform: rotate(-185deg);
}

.collection--grid .grid--item.merchandise .grid--image {
    top: clamp(-34px, -1.7708333333vw, -20px);
    right: clamp(0px, 1.3541666666vw, 26px);
    transform: rotate(-46deg);
    filter: drop-shadow(0px 18px 4px #00000040);
    max-width: clamp(160px, 13.541666666vw, 260px);
    aspect-ratio: 260/304;
}

.collection--grid .grid--item.merchandise a:hover .grid--image {
    transform: rotate(-36deg);
}

.collection--grid .grid--item.ppe .grid--image {
    top: clamp(0px,.5208333333vw,10px);
    right: clamp(40px,3.125vw,60px);
    transform: rotate(-60deg);
    filter: drop-shadow(0px 19px 4px #00000040);
    max-width: clamp(126px,10.41666666vw,200px);
    aspect-ratio: 200/251;
}

.collection--grid .grid--item.ppe a:hover .grid--image {
    transform: rotate(-40deg);
}

.collection--grid .grid--item.clothing .grid--image {
    top: clamp(-94px, -4.89583333vw, -50px);
    right: clamp(-81px, -4.21875vw, -40px);
    filter: drop-shadow(0px 20px 4px #00000040);
    max-width: clamp(380px, 41.875vw, 804px);
    aspect-ratio: 804 / 570;
}

.collection--grid .grid--item.clothing a:hover .grid--image {
    transform: rotate(8deg);
}

.collection--grid .grid--item.party-bag .grid--image {
    top: clamp(20px, 2.5vw, 48px);
    right: clamp(0px, 0.0520833333vw, 1px);
    transform: rotate(17deg);
    filter: drop-shadow(0px 16px 3px #00000040);
    max-width: clamp(180px, 15.8854167vw, 305px);
    aspect-ratio: 305/236;
}

.collection--grid .grid--item.party-bag a:hover .grid--image {
    transform: rotate(8deg);
}

.collection--grid .grid--item.rain-gear .grid--image {
    top: clamp(-18px, -0.9375vw, -10px);
    right: clamp(-61px, -3.17708333vw, -30px);
    filter: drop-shadow(0px 22px 4px #00000040);
    max-width: clamp(200px, 20.46875vw, 393px);
    aspect-ratio: 1/1;
}

.collection--grid .grid--item.rain-gear a:hover .grid--image {
    transform: rotate(3deg);
}

.collection--grid .grid--item.uniform .grid--image {
    top: clamp(-18px, -1vw, -10px);
    right: clamp(0px, 0.2vw, 0px);
    transform: rotate(15deg);
    filter: drop-shadow(8px 11px 4px #00000040);
    max-width: clamp(180px, 18vw, 344px);
    aspect-ratio: 344/373;
}

.collection--grid .grid--item.uniform a:hover .grid--image {
    transform: rotate(10deg);
}

.collection--grid .grid--item .grid--action:hover .grid--label {
    text-shadow: 0 0 0 transparent !important;
}

/* new css */
.collection--grid .grid--item.toy .grid--image{
    top: clamp(20px, 2.5vw, 48px);
    right: clamp(0px, .0520833333vw, 1px);
    transform: rotate(17deg);
    filter: drop-shadow(0px 16px 3px #00000040);
    max-width: clamp(180px, 15.8854167vw, 305px);
    aspect-ratio: 305 / 236;
}

.collection--grid .grid--item.toy a:hover .grid--image {
    transform: rotate(8deg);
}

.collection--grid .grid--item.trolleys .grid--image {
    top: clamp(6px,1.041666666vw, 20px);
    right: 0;
    transform: rotate(-175deg);
    filter: drop-shadow(-4px -19px 4px #a2a2a240);
    max-width: clamp(120px,10.4166666666vw,200px);
    aspect-ratio: 280/280;
}

.collection--grid .grid--item.trolleys a:hover .grid--image {
    transform: rotate(-185deg);
}

.collection--grid .grid--item.rescue-kit .grid--image {
    top: 20px;
    right: 40px;
    filter: drop-shadow(0px 20px 4px #00000040);
    max-width: clamp(140px,10.41666666vw,200px);
    aspect-ratio: 1/1;
}

.collection--grid .grid--item.rescue-kit a:hover .grid--image {
    transform: rotate(8deg);
}

.collection--grid .grid--item.rescue-kit .grid--action {
    background: var(--color-secondary-500);
}

.collection--grid .grid--item.rescue-kit .grid--action .grid--label {
    color: var(--brand-orange);
    text-shadow: 4px 3px 0 #e9de7e;
}

.collection--grid .grid--item.wristbands .grid--action {
    background: var(--color-tertiary-50);
}

.collection--grid .grid--item.wristbands .grid--action .grid--label {
    color: var(--brand-deepGreen);
    text-shadow: 4px 3px 0 rgba(0, 234, 167, 0.57);
}

.collection--grid .grid--item.wristbands .grid--image {
    top: clamp(0px,1.041666666vw,20px);
    right: clamp(0px,.0520833333vw,1px);
    transform: rotate(17deg);
    filter: drop-shadow(0px 16px 3px #00000040);
    max-width: clamp(140px,12.5vw,240px);
    aspect-ratio: 1/1;
}

.collection--grid .grid--item.wristbands a:hover .grid--image {
    transform: rotate(8deg);
}

.collection--grid .grid--item.course-equipment .grid--image {
    max-width: clamp(200px,20.833333333vw,400px);
    aspect-ratio: 1 / 0.2;
    transform: rotate(15deg);
    filter: drop-shadow(8px 11px 4px #00000040);
    top: clamp(60px,5.2083333333vw,100px);
    right: 40px
}

.collection--grid .grid--item.course-equipment a:hover .grid--image {
    transform: rotate(25deg);
}

.collection--grid .grid--item.course-equipment .grid--action {
    background: var(--color-secondary-500);
}

.collection--grid .grid--item.course-equipment .grid--action .grid--label {
    color: var(--brand-orange);
    text-shadow: 4px 3px 0 #e9de7e;
}


/* Our Services Section */
.our-services {
    width: 100%;
    background: var(--color-white);
}

.our-services .heading-wrapper {
    display: flex;
    align-items: baseline;
    gap: 16px;
}

.services--list:not(:last-child) {
    margin-bottom: 100px;
}

.services--list.card--1 {
    position: sticky;
    top: 150px;
    height: calc(100vh - 250px);
}

.services--list.card--2 {
    position: sticky;
    top: 100px;
    height: calc(100vh - 200px);
}

.services--list.card--3 {
    position: sticky;
    top: 100px;
    height: calc(100vh - 200px);
}

.services--list .services--list-item {
    display: flex;
    justify-content: space-between;
    border-radius: 32px;
    background: var(--color-primary-600);
    overflow: hidden;
    height: 100%;
}

.services--list .services--list-item .item--content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 72px 40px 72px 72px;
    overflow-y: auto;
    flex: 1 1 auto;
    height: 100%;
}

/* .services--list.card--3 .services--list-item .item--content-wrapper {
    max-width: 702px;
} */

.services--list .services--list-item .item--content-wrapper .item--number {
    color: var(--brand-uniqueYellow);
}

.services--list .services--list-item .item--content-wrapper .item--content .item--content-label {
    color: var(--brand-uniqueYellow);
    margin-bottom: 16px;
    display: block;
    text-transform: capitalize;
}

.services--list .services--list-item .item--content-wrapper .item--content .item--content-text {
    color: var(--brand-uniqueYellow);
    margin-bottom: 0;
}

.services--list .services--list-item .image--wrapper {
    width: 100%;
    max-width: 500px;
    flex: 0 0 auto;
}

.services--list .services--list-item .image--wrapper>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 24px;
}

/* .services--list.card--3 .services--list-item .image--wrapper>img{
    object-position: -54px center;
} */

.services--list.card--1 .services--list-item {
    background: var(--color-secondary-500);
}

.services--list.card--2 .services--list-item {
    background: var(--color-primary-600);
}

.services--list.card--3 .services--list-item {
    background: var(--brand-orange);
}

.services--list .services--list-item .item--content-wrapper.dark--color .item--number,
.services--list .services--list-item .item--content-wrapper.dark--color .item--content .item--content-label,
.services--list .services--list-item .item--content-wrapper.dark--color .item--content .item--content-text {
    color: var(--color-primary-600);
}

.services--list .services--list-item .item--content-wrapper.yellow--color .item--number,
.services--list .services--list-item .item--content-wrapper.yellow--color .item--content .item--content-label,
.services--list .services--list-item .item--content-wrapper.yellow--color .item--content .item--content-text {
    color: var(--color-secondary-500);
}

/* Call to Action Section */
.section--calltoaction {
    background: url("/cdn/shop/files/call-to-action-mask.webp?v=1762022918"), var(--color-secondary-100);
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 27px 0 0;
}

.calltoaction-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 700px;
}

.calltoaction--content-group {
    /* max-width: 850px; */
    z-index: 5;
    width: 46%;
}

.calltoaction--content-group .content_title {
    margin-bottom: 32px;
}

.calltoaction--content-group .content_text {
    max-width: 850px;
    margin-bottom: 46px;
    color: var(--color-primary-600);
}

.calltoaction--image-group {
    width: 46%;
    /* max-width: 687px; */
    position: absolute;
    bottom: -16px;
    flex: 0 0 auto;
    right: 0;
}

.calltoaction--image-group>img {
    width: 100%;
    aspect-ratio: 1/1.075;
    filter: drop-shadow(29px 4px 4px var(--color-secondary-400));
    object-fit: cover;
    transform: rotate(3.31deg);
}

/* Blog Section */
.blog-details{
    display: block;
}
.custom-blog {
    position: relative;
    background: var(--color-white);
}

.custom-blog .post-image {
    position: relative;
    overflow: hidden;
    border-radius: 32px 32px 0 32px;
    aspect-ratio: 1/1.061;
    object-fit: cover;
}

.custom-blog .post-slider-wrapper {
    overflow-x: hidden;
}

.custom-blog .post-image>img {
    transform: scale(1);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    aspect-ratio: 1/1.061;
    object-fit: cover;
    width: 100%;
}

.custom-blog .detail-link:hover+.post-item .post-image>img {
    transform: scale(1.1);
}

.custom-blog .post-item {
    display: flex;
    flex-direction: column;
    gap: 54px;
    height: 100%;
}

.custom-blog .post-title {
    font-family: var(--font-Sofia);
    text-transform: capitalize;
    margin-bottom: 24px;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}

.custom-blog .post-content {
    color: var(--color-primary-300);
}

.detail-link:hover+.post-item .post-title {
    color: var(--color-primary-500);
}

.custom-blog .circle:hover,
.custom-blog .detail-link:hover+.post-item .circle  {
    background: var(--color-primary-500);
}

.custom-blog .blog-post-slider .swiper-slide {
    height: initial;
}

.custom-blog .section--heading {
    text-align: left;
    max-width: 80%;
    margin: 0 0 16px;
}

/* HomeBanner */
.homeBanner .content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 530px;
    color: #fff;
}

.homeBanner .content h1 {
    margin: 0;
}

.homeBanner .homeBannerImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.homeBanner .homeBannerImg:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 23.78%, rgba(0, 0, 0, 0.2) 105.52%);
}

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

.homeBanner .swiper-slide {
    height: 100vh;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 176px;
    padding-bottom: 50px;
}

.homeBanner .swiper-pagination {
    bottom: 55px;
    line-height: 0;
    top: initial;
}

.homeBanner .swiper-pagination .swiper-pagination-bullet {
    background: rgba(217, 217, 217, 0.57);
    width: 15px;
    height: 14px;
    border-radius: 50rem;
    opacity: 1;
}

.homeBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    width: 33px;
}

/* Featured Products Section */
.feature-product,
.core-feature {
    background: var(--color-tertiary-50);
    overflow-x: hidden;
}

.feature-product .custom-add-to-cart-error .product-form-icon--error{
    max-width: max-content;
}

.feature-product .section--title,
.custom-blog .section--title,
.core-feature .section--title,
.product-recommendations .section--title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.feature-product .product-slider-nav,
.custom-blog .post-slider-nav,
.core-feature .product-slider-nav {
    display: flex;
    gap: 14px;
}

.core-feature .product-slider-nav {
    justify-content: flex-end;
    margin: 32px 0;
}

.core-feature .title h2 {
    margin-bottom: 32px;
    text-align: left;
}

.core-feature .title p{
    color: #043C6F;
}

.core-feature .swiper-slide {
    width: 390px;
}

.core-feature .feature-block {
    background: #fff;
    border-radius: 26px;
    padding: 22px;
    min-height: 336px;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    cursor: pointer;
}

.core-feature .feature-block:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.core-feature .icon {
    display: inline-flex;
    width: 56px;
    height: 56px;
    background: var(--color-secondary-400);
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    color: var(--color-primary-600);
    transition: all 0.3s ease;
}

.core-feature .icon svg {
    transition: all 0.3s ease;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.core-feature .feature-block:hover .icon {
    background: var(--brand-orange);
    color: var(--color-white);
}

.core-feature .content {
    margin-top: auto;
    color: var(--color-primary-300);
}

.core-feature .content .text-xxl {
    color: var(--color-primary-600);
}

.nav-btn {
    display: flex;
    width: 65px;
    height: 65px;
    padding: 20px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 50%;
    background-color: var(--color-primary-600) !important;
    cursor: pointer;
    color: #fff;
    transition: all ease 0.3s;
    flex-shrink: 0;
}

.nav-btn svg {
    max-width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.nav-btn:hover {
    background-color: var(--color-primary-500) !important;
}

.nav-btn.swiper-button-disabled {
    opacity: 0.6;
    background-color: var(--color-primary-100) !important;
    cursor: not-allowed;
}

.feature-product .product-item {
    background: var(--color-white);
    padding: 40px;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    position: relative;
    height: 100%;
}

.detail-link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.product-slider-wrapper {
    padding: 16px 0;
}

.product-slider .swiper-slide {
    width: 437px !important;
    height: initial;
}

.product-image {
    text-align: center;
    max-width: 320px;
    aspect-ratio: 1/1;
    margin: 0 auto;
}

.product-image img {
    max-width: 100%;
    width: 320px;
    object-fit: cover;
    aspect-ratio: 1/1;
    filter: drop-shadow(8px 11px 4px rgba(0, 0, 0, 0.25));
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transform: scale(1);
}

.detail-link:hover+.product-image img {
    transform: scale(1.1);
}

.product-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
}

.product-content .custom-add-to-cart {
    margin-top: auto;
}

.product-content .btn {
    position: relative;
    z-index: 1;
}

.product-title {
    margin: 0;
    font-family: var(--font-Sofia);
    font-weight: 900;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
}

.detail-link:hover~.product-content .product-title {
    color: var(--color-primary-500);
}

.product-price {
    font-size: 38px;
    line-height: 1.11764705882;
    font-family: var(--font-Sheldon);
    color: var(--brand-orange);
}

.product-detail-section select {
    height: 100%;
    width: 100%;
    font-size: 20px;
    padding: 0 13px;
    color: var(--color-primary-600);
    background: transparent;
    border: 1px solid #043C6F;
    border-radius: 4px;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('/cdn/shop/files/arrow-down.svg?v=1765957292'); 
    background-position: center right 15px;  
    background-repeat: no-repeat;
}

/* footer */
.footer-section {
    display: block;
}

.footer-section .email-signup__message {
    width: 100%;
}

.footer-section .group-block p {
    font-size: 24px;
    line-height: 1.5;
    max-width: 500px;
}

.footer-section .email-signup__input {
    height: 65px;
}

.footer-section .email-signup__input:focus-visible {
    outline: none;
}

.footer-section .email-signup__input::placeholder {
    color: var(--color-primary-600);
    text-transform: capitalize;
}

.footer-section a {
    color: var(--color-white);
}

.footer-section .menu__item.active a {
    color: var(--color-secondary-500);
}

.footer-section .menu__item a,
.contact-box address {
    text-transform: capitalize;
}

.footer-section .menu__item a,
.contact-box address,
.contact-box a {
    font-size: 20px;
    line-height: 1.5;
    font-style: normal;
}

.footer-section a:hover {
    color: var(--color-secondary-500);
}

.footer-section h1,
.footer-section .h1,
.footer-section h2,
.footer-section .h2,
.footer-section h3,
.footer-section .h3,
.footer-section h4,
.footer-section .h4,
.footer-section h5,
.footer-section .h5,
.footer-section h6,
.footer-section .h6 {
    font-family: var(--font-Sheldon) !important;
    font-weight: 500 !important;
    padding: 0;
    margin: 0;
    color: #fff;
    letter-spacing: normal !important;
}

.footer-section .email-signup__button {
    background: var(--brand-orange) !important;
    font-family: var(--font-Sheldon) !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    min-width: 122px;
}

.footer-section .email-signup__button:hover {
    background: var(--brand-deepYellow) !important;
    color: var(--color-primary-600) !important;
}

.footer-section p,
.footer-section a {
    font-family: var(--font-Sofia) !important;
    font-weight: 400 !important;
}

.footer-section .details-content {
    margin-top: 28px !important;
}

.footer-section .email-signup__input-group {
    max-width: 546px;
    display: flex;
    width: 100%;
}

.footer-section .group-block:nth-child(2) .group-block-content {
    justify-content: space-between;
}

.footer-section .group-block:nth-child(2) .group-block-content .menu {
    width: auto;
}

.footer-logo {
    width: 100%;
    background: var(--color-primary-600);
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #ffffff10;
}

.footer-logo .logo img {
    max-height: 115px;
    object-fit: cover;
    max-width: 275px;
}

.footer-logo .social-links {
    padding: 0;
    display: flex;
    gap: 20px;
    margin: 0;
    height: max-content;
}

.footer-logo li {
    list-style: none;
    line-height: normal;
    position: relative;
    width: 73px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    cursor: pointer;
}

.footer-logo li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url('/cdn/shop/files/shape-social-link.svg?v=1763635407');
    z-index: -1;
    background-repeat: no-repeat !important;
    transition: all ease 0.3s;
    background-size: contain !important;
}

.footer-logo li a {
    color: var(--color-primary-600);
}

.footer-logo li:hover::before {
    background: url('/cdn/shop/files/shape-social-link-hover.svg?v=1763635407');
}

.footer-logo li:hover a {
    color: #fff;
}

.policy-wrapper {
    display: flex;
    margin-top: 30px;
}

.policy-wrapper .policy-list-trigger,
.footer-utilities__text,
.footer-utilities__text a {
    color: var(--color-white) !important;
    text-transform: capitalize;
}

.policy-wrapper .policy-list-trigger:hover {
    color: var(--color-secondary-500) !important;
}

.contact-box .contact-item,
.contact-box .contact-item a {
    display: flex;
    gap: 16px;
}

.contact-box .contact-item+.contact-item {
    margin-top: 10px;
}

.contact-item svg {
    margin-top: 4px;
    flex-shrink: 0;
}

.footer-section .group-block .email-signup__message-text,
.footer-section .group-block .icon-success {
    color: var(--brand-midGreen);
}

.footer-section .group-block .email-signup__message-text {
    line-height: 2.5;
    font-size: 18px;
}

.footer-copyright {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between !important;
}

.footer-copyright .policy_list {
    display: flex;
    gap: 60px;
    align-items: center;
}

.footer-copyright .policy_list a {
    padding: 0;
    text-transform: capitalize;
}

.footer-copyright .policy_list a:hover {
    color: var(--color-secondary-500) !important;
}

.footer-copyright .copyright-text {
    margin: 0;
    color: #fff;
}

.custom-blog .holder {
    z-index: 2;
}

/* Banner design */
.customBanner {
    position: relative;
    min-height: 480px;
    display: flex;
    align-items: center;
}

.bannerImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-secondary-50);
}

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

.customBanner .content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 32px;
    color: var(--color-primary-600);
    padding: 50px 0;
}

.customBanner .heading {
    margin-bottom: 0;
}

.aboutbanner .content,
.aboutbanner .heading {
    color: var(--color-white);
}

.aboutbanner .bannerImg:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
}

.collection-list {
    display: block;
}

.category-list-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cdd8e2b2;
    padding-bottom: 45px;
    margin-bottom: 42px;
    gap: 155px;
}

.category-tabbing {
    display: flex;
    gap: 24px;
    /* overflow-x: auto; */
    width: 100%;
    justify-content: initial;
    scrollbar-width: thin; 
     overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.category-tabbing > * {
  flex: 0 0 auto; /* prevents shrinking */
}

.category-tabbing-item a {
    display: flex;
    gap: 16px;
    align-items: center;
    border: 1px solid var(--color-primary-100);
    padding: 12px 20px;
    border-radius: 8px;
    color: var(--color-primary-600);
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    white-space: nowrap;
}

.category-tabbing-item img {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    margin-right: -42px;
}

.category-tabbing-item span {
    padding-left: 42px;
}

.category-tabbing-item.active a,
.category-tabbing-item a:hover {
    border-color: var(--brand-orange);
    color: #fff;
    background: var(--brand-orange);
}

.collection-wrapper {
    row-gap: 30px;
}

.collection-wrapper .product-grid {
    gap: 32px !important;
    display: flex;
    flex-wrap: wrap;
    max-width: 1171px;
    margin-right: 0;
    width: 100%;
}

.collection-wrapper .product-grid .product-grid__item {
    background: #cdd8e233;
    border-radius: 32px;
    width: calc(33.3% - 21px);
}

.collection-wrapper .product-grid .product-card__content,
.resource-list__item .product-card__content {
    padding: 40px;
    gap: 20px;
}


.collection-wrapper .product-grid slideshow-slides {
    overflow-x: hidden;
}

.collection-wrapper .product-grid slideshow-arrows {
    display: none;
}


.collection-wrapper .facets-controls-wrapper {
    padding: 8px 24px;
    background: var(--brand-deepGreen);
    color: var(--color-tertiary);
    max-width: 20.052vw;
}

.collection-wrapper .facets--filters-title {
    color: var(--color-tertiary);
    font-family: "Sofia Pro";
    text-transform: capitalize;
}

.facets__filters-wrapper .facets__label {
    color: var(--color-primary-600);
    font-weight: 700;
}

.facets__filters-wrapper .facets__summary .icon-caret,
.facets__filters-wrapper .price-facet__highest-price,
.facets__filters-wrapper .field__input,
.facets__filters-wrapper .field__input::placeholder,
.facets__filters-wrapper .price-facet__separator {
    color: var(--color-primary-600);
}

.facets__filters-wrapper .facets__inputs-list {
    gap: 24px !important;
}

.facets__filters-wrapper .checkbox__label {
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-primary-600);
}

.facets__filters-wrapper .checkbox__input:checked+.checkbox__label .icon-checkmark {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}

.facets__filters-wrapper .checkbox__label-text {
    padding-inline-start: 16px;
}

.facets__filters-wrapper .checkbox .icon-checkmark {
    height: 24px;
    width: 24px;
    border-color: var(--color-primary-50);
    background-color: transparent;
}

.facets__filters-wrapper .facets__item::before,
.facets__filters-wrapper .facets__status {
    display: none;
}

.facets__filters-wrapper .facets__summary {
    padding: 14px 12px;
    border-bottom: 1px solid var(--color-input-border);
}

.facets__filters-wrapper .facets__panel-content,
.facets__filters-wrapper .price-facet {
    padding: 0 16px !important;
}

.facets__filters-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.facets__form-wrapper .facets__actions {
    margin-top: 24px;
    padding: 0 !important;
}

.facets__filters-wrapper .facets__inputs-wrapper {
    margin: 0;
}

.facets__panel-content {
    margin-top: 24px;
}

.header-section {
    z-index: 9 !important;
}

.collection-wrapper .product-media-container,
.resource-list__item .product-media-container {
    aspect-ratio: 1 / 1;
    justify-content: center;
    max-height: 300px;
    margin-bottom: 28px;
}
.product-media-container.media-fit img{
    object-fit: contain;
}
.resource-list__item .product-media-container {
    max-height: 300px;
}

.collection-wrapper .product-media-container .product-media {
    max-width: 100%;
}

.resource-list__item .product-media-container .product-media {
    max-width: 100%;
}


.collection-wrapper .product-media-container .product-media img,
.resource-list__item .product-media-container .product-media img {
    width: 100%;
}

.collection-wrapper .product-media-container img,
.resource-list__item .product-media-container img {
    filter: drop-shadow(8px 11px 4px rgba(0, 0, 0, 0.25));
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transform: scale(1);
}

.collection-wrapper .product-grid__item a:hover .product-media-container img {
    transform: scale(1.1);
}

.collection-wrapper .text-block {
    padding: 0;
    margin: 0;
}

.product-grid .product-title,
.resource-list__item .product-title {
    font-family: Sofia Pro;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.4;
    text-transform: capitalize;
    color: var(--color-primary-600);
}

product-price {
    margin: 0 !important;
}

.product-grid .price,
.resource-list__item .price {
    font-family: Sheldon;
    font-weight: 500;
    font-size: 38px;
    line-height: 1;
    color: var(--brand-orange);
    text-transform: uppercase;
}

.main-collection-grid .add-to-cart-button,
.resource-list__item .add-to-cart-button {
    padding: 0 !important;
    height: auto;
}

.main-collection-grid .add-to-cart-text,
.resource-list__item .add-to-cart-text {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.collection-list .facets--horizontal .products-count-wrapper {
    height: auto;
}

.main-collection-grid .product-card__content .buy-buttons-block,
.resource-list__item .product-card__content .buy-buttons-block {
    margin-top: auto;
}

.pagination__list {
    gap: 16px;
}

.pagination__item {
    width: 54px;
}

.pagination__link {
    color: var(--color-primary-500);
    border-radius: 50%;
    border: 1px solid var(--color-primary-500);
    font-family: Sofia Pro;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    cursor: pointer;
    transition: all ease 0.3s;
}

.pagination__link:hover {
    color: #fff;
    background: var(--brand-orange);
    border-color: var(--brand-orange);
}

.pagination__link.pagination__link--current {
    color: #fff;
    background: var(--brand-orange);
    border-color: var(--brand-orange);
}

.pagination__link[aria-current="76"]:before,
.pagination__list:before {
    display: none;
}

.pagination__link.pagination__link--disabled {
    cursor: not-allowed;
}

.pagination__link[aria-current=page]:before {
    display: none;
}

.facets-toggle__wrapper .filter-count-bubble {
    color: var(--color-tertiary);
    border: none;
}

.our-clients {
    background: var(--color-secondary-50);
    text-align: center;
}

.our-clients .inner-block {
    display: flex;
    flex-direction: column;
    gap: 33px;
}

.our-clients .clients {
    display: flex;
    gap: 60px;
    max-width: 1470px;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: wrap;
}

.our-clients .title h2 {
    margin-bottom: 33px;
}

.our-clients .content {
    max-width: 876px;
    margin: 0 auto;
    color: var(--color-primary-600);
}

.clients .client-image {
    max-width: 195px;
    aspect-ratio: 195/68;
    object-fit: contain;
}

.about-image-text .about-image-text__container {
    display: flex;
    gap: 160px;
    align-items: center;
}

.about-image-text .about-image-text__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.about-image-text .about-image-text__content {
    width: calc(45.7% - 80px);
}

.about-image-text .about-image-text__content .detail {
    display: flex;
    flex-direction: column;
    max-width: 570px;
    color: var(--color-primary-600);
}

.about-image-text .about-image-text__content .heading {
    margin-bottom: 0;
}

.about-image-text .about-image-text__image {
    width: calc(54.3% - 80px);
    border-radius: 32px;
    overflow: hidden;
}

.about-image-text .button-wrapper {
    margin-top: 14px;
}

.breadcrumb-wrapper {
    padding-top: 60px;
    background: var(--color-tertiary-50);
}

.breadcrumb-wrapper .back-btn {
    color: var(--color-primary-600);
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 25px;
}

.crumb-links {
    display: flex;
    align-items: center;
    gap: 12px;
}

.crumb {
    text-decoration: none;
    color: #0d4d83;
    /* blue-ish like your UI */
    font-weight: 600;
}

.crumb:hover {
    text-decoration: underline;
}

.separator {
    color: #0d4d83;
    font-size: 18px;
    opacity: 0.7;
}

.crumb.active {
    color: #FF8500;
    font-weight: 700;
    cursor: default;
}

/* PDP */
.breadcrumb .separator {
    opacity: 1;
}

.product-detail-section {
    display: block;
    padding-top: 60px;
    background: var(--color-tertiary-50) !important;
}

.product-detail-section slideshow-arrows {
    display: none;
}

.product-detail-section .media-fit-contain:is(img, .deferred-media__poster-image),
.product-detail-section .product-media-container.media-fit-contain img {
    background-color: transparent;
}

.recommend-product-section {
    display: block;
}

.recommend-product-section .product-card .text-block p{
    font-size: 24px;
    line-height: 1.5;
}

.product-detail-section .product-information__grid {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.product-detail-section .product-information__media {
    min-width: inherit;
    width: 47.9%;
    flex: 0 0 auto;
    padding: 0 !important;
}

.product-detail-section slideshow-container {
    background: var(--color-white);
    border-radius: 24px !important;
    aspect-ratio: 1;
    padding: 18px;
}

.product-detail-section .product-details {
    width: 48.4%;
    flex: 0 0 auto;
    background: var(--color-white);
    border-radius: 24px;
    padding: 60px !important;
}

.product-detail-section slideshow-slides {
    max-height: 100%;
}

.product-detail-section .product-media-container {
    max-height: initial !important;
}

.product-detail-section .slideshow-controls__thumbnails {
    padding: 0;
    margin-top: 22px;
    gap: 16px;
}

.product-detail-section .slideshow-controls__thumbnails .slideshow-control {
    background: #fff;
    aspect-ratio: 1 !important;
    outline: none !important;
    padding: 28px 32px;
    border-radius: 16px;
    width: 160px;
    flex: 0 0 auto;
}

.product-detail-section .slideshow-controls__thumbnails .slideshow-control img {
    object-fit: contain;
    width: 100%;
    max-height: 104px;
    object-position: center !important;
    filter: drop-shadow(8px 11px 4px rgba(0, 0, 0, .25));
}

.product-detail-section .group-block-content {
    gap: 0px;
}

.product-detail-section .product-details .group-block {
    padding-top: 0;
    padding-bottom: 0;
}

.product-detail-section .product-details .product-inventory__text,
.product-detail-section .product-details rte-formatter {
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-primary-600);
}

.product-detail-section .product-details rte-formatter p {
    max-width: 100%;
}

.product-detail-section .product-details rte-formatter p>span {
    color: var(--color-primary-300);
}

.product-detail-section .product-details .divider {
    padding-top: 24px;
}

.product-detail-section .product-details .divider .divider__line {
    border-bottom: 1px solid var(--color-primary-50);
}

.product-detail-section .product-details .user-select-text {
    margin-bottom: 8px;
    display: inline-block;
    width: fit-content;
}

.product-detail-section .group-block-content>.icon-block {
    margin-right: 12px;
}

.product-detail-section .product-details .product-inventory {
    margin-bottom: 12px;
}

.product-detail-section .product-details .product-inventory__status {
    gap: 12px;
}

.product-detail-section .product-details .product-inventory__icon,
.product-detail-section .product-details .product-inventory__icon svg {
    --icon-size-sm: 24px;
}

.product-detail-section .price {
    font-size: 36px;
    line-height: 1.1111;
    font-family: var(--font-Sheldon);
    color: var(--brand-orange);
    margin: 16px 0;
    display: inline-block;
}

.product-detail-section .variant-picker .variant-option {
    display: flex;
}

.product-detail-section .variant-picker legend {
    font-size: 14px;
    line-height: 1.42857143;
    color: var(--color-primary-600);
    margin-bottom: 16px;
}

.product-detail-section .variant-picker legend span {
    color: var(--color-primary-600);
    font-weight: bold;
}

.product-detail-section .variant-picker .swatch {
    --swatch-width: 24px;
    --swatch-height: 24px;
    border: none;
}

.product-detail-section .variant-option__button-label--has-swatch:hover {
    outline: 0;
    outline-offset: 0;
}

.product-detail-section .variant-option__button-label--has-swatch {
    padding: 3px;
    border: 1px solid transparent;
    background: transparent;
}

.product-detail-section .variant-option__button-label--has-swatch:has(:checked) {
    --focus-outline: 0;
    outline: 0;
    outline-offset: 0;
    border-color: var(--color-primary-600);
}

.product-detail-section .variant-picker .variant-option--buttons {
    gap: 8px;
}

.product-detail-section .variant-picker .variant-picker__form {
    gap: 24px;
    padding-top: 24px;
}

.product-detail-section .variant-picker .variant-option:not(.variant-option--swatches) .variant-option__button-label {
    width: max-content;
    flex: 0 0 auto;
    min-width: initial !important;
    display: inline-flex;
    min-height: initial;
    background: transparent;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.5;
    padding: 4px 18px;
    color: var(--color-primary-600);
    font-weight: 700;
    border: 1px solid var(--color-primary-600);
}

.product-detail-section .variant-picker .variant-option:not(.variant-option--swatches) .variant-option__button-label::before {
    display: none;
}

.product-detail-section .variant-picker .variant-option:not(.variant-option--swatches) .variant-option__button-label .variant-option__button-label__text {
    text-align: center;
    text-wrap: balance;
    position: relative;
}


.product-detail-section .variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has([data-current-checked=true]) {
    background-color: var(--color-secondary-500) ;
}


.product-detail-section .variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch):has([data-option-available=false]) {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    position: relative;
    opacity: 0.5;
    cursor: not-allowed;
    text-decoration: line-through;
}

.product-detail-section .variant-option__button-label svg{
    display: none;
}

.product-detail-section .variant-picker .variant-option:not(.variant-option--swatches) .variant-option__button-label .variant-option__button-label__pill {
    /* inset: 0 !important;
    left: 0 !important; 
    background: var(--color-secondary-500) !important;*/
    display: none;
}

.product-detail-section .product-form-buttons {
    padding: 0px 0 24px 0;
    gap: 24px;
}

.product-detail-section .product-form-buttons .add-to-cart-button {
    height: 60px;
    background: var(--brand-orange) !important;
}

.product-detail-section .product-form-buttons .btn-primary-blue {
    background-color: transparent;
}

.quantity-selector {
    height: 60px;
    border: none;
}

.quantity-selector .button {
    background: #CDD8E24D !important;
    border-radius: 50% !important;
    width: 32px;
    height: 32px;
    padding: 6px !important;
    color: var(--color-primary-600) !important;
    transition: all ease 0.3s;
}

.product-detail-section .quantity-selector .button {
    width: 60px;
    height: 60px;
    padding: 10px !important;
}

.quantity-selector .button:hover {
    color: var(--color-white) !important;
    background-color: var(--color-primary-600) !important;
}

.quantity-selector svg {
    width: 21px;
    height: 21px;
}

.quantity-selector input[type=number] {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: var(--color-primary-600);
}

.product-detail-section .accordion {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.product-detail-section .accordion .details__header {
    font-family: var(--font-Sofia);
    font-size: 20px;
    line-height: 1.5;
    padding: 16px 0;
    color: var(--color-primary-600);
}

.product-detail-section .accordion--dividers accordion-custom {
    border-bottom: 1px solid var(--color-primary-50);
}

.product-detail-section .accordion--dividers accordion-custom:last-child .details {
    border-block-end: none !important;
}

.product-detail-section .accordion--dividers accordion-custom:not(:first-child) .details,
.product-detail-section .accordion--dividers accordion-custom:first-child .details {
    border-block-start: none !important;
}

.product-detail-section .accordion summary .svg-wrapper {
    height: 24px;
    width: 24px;
}

.product-detail-section .accordion summary .svg-wrapper svg {
    height: 100%;
    width: 100%;
}

.product-detail-section .accordion .details-content p,
.product-detail-section .accordion .details-content span {
    color: var(--color-primary-300);
}

.product-recommendations .section-resource-list__content .text-block {
    margin: 0;
}

.product-recommendations .resource-list__carousel .resource-list__slide {
    width: calc(25% - 15px);
}

.resource-list__item {
    background: #CDD8E233;
    border-radius: 32px;
    position: relative;
}

#filters-drawer .facets__actions facet-remove-component,
#filters-drawer .facets__actions button {
    width: 100% !important;
}

#filters-drawer .facets__actions facet-remove-component>button {
    width: 100% !important;
}

.product-card__content slideshow-arrows {
    display: none;
}

/* Cart drawer start */
.cart-drawer .cart-drawer__dialog {
    width: 100%;
    max-width: 560px !important;
    border-left: none;
    box-shadow: none;
}

.cart-drawer .cart-items__quantity {
    gap: 16px;
}

.cart-drawer .quantity-selector svg {
    width: 16px;
    height: 16px;
}

.cart-items__variants {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.cart-items__remove {
    background: transparent !important;
    color: var(--color-primary-600) !important;
    font-family: Sheldon !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    letter-spacing: 2.7px !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
    padding: 0 !important;
    height: auto;
    transition: all ease 0.3s !important;
}

.cart-items__remove:hover {
    color: var(--brand-orange) !important;
}

.cart-price span,
.cart-items__price {
    font-family: Sheldon;
    font-weight: 500;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--brand-orange);
}

.cart-drawer .cart-items__price {
    display: inline-block;
    width: max-content;
    min-width: max-content;
}

.cart-drawer .cart-items__info {
    display: flex;
    flex-direction: column;
    gap: 13px;
    flex: 1;
}

.cart-items__variant {
    display: inline-block;
    color: var(--color-primary-600);
    font-family: "Sofia Pro";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-transform: capitalize;
}

.cart-items__variant dd {
    font-weight: 700;
}

.cart-drawer .cart-drawer__header {
    padding: 13px 20px;
    background-color: var(--color-secondary-500);
    border-bottom: none;
}

.cart-drawer .cart-drawer__heading {
    gap: 0;
    margin: 0 !important;
    color: var(--brand-orange) !important;
}

.cart-drawer .cart__ctas .cart__checkout-button {
    height: auto;
}

.cart-drawer .close-button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    outline: none;
}

.cart-drawer .close-button .svg-wrapper {
    color: var(--brand-orange);
}

.cart-drawer .cart__total-value {
    color: var(--brand-orange);
}

.cart-drawer .cart-items__media {
    width: 100px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    margin-right: 34px;
}

.cart-drawer .cart-items__details p {
    margin-bottom: 5px;
}

.cart-drawer__heading .cart-bubble[data-maintain-ratio] {
    padding: 0;
    display: block;
    min-width: max-content;
    width: auto !important;
}

.cart-drawer__heading .cart-bubble__background {
    background-color: transparent;
}

.cart-drawer__heading .cart-bubble__text {
    font-family: Sheldon;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.11111111;
    color: var(--brand-orange) !important;
}

.tax-note small {
    font-size: 16px;
    color: var(--color-primary-600);
    font-family: var(--font-Sofia);
    line-height: 1.5;
    text-align: center;
}

.cart-drawer .h4 {
    margin: 0 !important;
}

.cart-drawer .cart__summary-totals>.cart-actions {
    display: none;
}

.cart-drawer .cart-drawer__summary {
    border-top: 1px solid #EBEDEE;
    gap: 0;
    -webkit-mask-image: none;
    mask-image: none;
}

.cart-drawer .cart__ctas {
    margin: 24px 0 16px 0;
}

.cart-drawer .cart__total-container:has(.cart__installments) {
    row-gap: 0;
}

.cart-drawer .additional-checkout-buttons {
    display: none;
}

.cart-drawer .cart-drawer__items {
    padding-inline: 24px;
    padding-top: 19px;
    overflow-x: hidden;
}

.cart-drawer .cart-drawer__items .cart-items__table-row {
    padding-bottom: 36px;
    border-bottom-color: var(--color-primary-50);
    margin-bottom: 19px;
    display: flex;
    gap: 20px;
}

/* Cart drawer end */

/* Cart Page start start  */
.custom-cart-detail .cart-title .cart-bubble {
    display: none;
}

.custom-cart-detail .cart-page {
    display: flex;
    flex-direction: column;
}

.custom-cart-detail .cart-items__table-row {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.custom-cart-detail .cart-items__media {
    max-width: 120px;
    margin-right: 40px;
}

.custom-cart-detail .cart-items__media img {
    filter: drop-shadow(8px 11px 4px rgba(0, 0, 0, .25));
}

.custom-cart-detail .cart-price span {
    font-size: 20px;
    color: var(--brand-orange);
}

.custom-cart-detail .cart-items__info {
    flex: 1;
}

.custom-cart-detail .cart__summary-inner {
    margin-left: auto;
    padding: 0 !important;
    gap: 10px;
}

.custom-cart-detail .disclosure-trigger {
    padding: 0;
}

.custom-cart-detail .disclosure-trigger__label,
.custom-cart-detail .cart__total-label {
    margin: 0;
}

/* Cart Page start end */




/* contact page start */
.contact-form .contact-form__input {
    color: var(--color-primary-600);
    border-color: var(--color-primary-50);
}

.contact-form .contact-form__input::placeholder {
    color: var(--color-primary-600);
}

.contact-form .contact-form__input:focus-visible {
    outline: none;
}

.contact-form textarea {
    resize: none;
}

/* Account Page start*/
.login-layout {
    display: flex;
    gap: 0;
}

.login-pane,
.login-visual {
    width: 50%;
    flex: 0 0 auto;
}

.login-pane {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 50px;
}

.login-visual {
    position: relative;
    background: url('/cdn/shop/files/hand-drawn-abstract-outline-background.png?v=1763047059') var(--color-secondary-500);
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    height: calc(100vh - 126px);
    min-height: 800px;
}

.login-visual img {
    max-width: 56.5%;
    height: auto;
    aspect-ratio: 536/568;
    object-fit: contain;
    object-position: bottom left;
}

.login-pane h1 {
    margin-bottom: 12px !important;
}

.login-pane h1:focus-visible {
    outline: none;
}

.login-pane .login-card {
    width: 100%;
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
}

.login-pane .login-subtitle {
    margin-bottom: 32px;
}

.login-pane .login-subtitle p {
    font-size: 18px;
    line-height: 1.5555555;
    color: var(--color-primary-300);
}

.main-form form {
    margin: 0 !important;
}

.main-form .btn.btn-orange {
    width: 100%;
    margin: 32px 0 24px;
}

.main-form .continue-btn {
        color: var(--color-white) !important;
        background-color: var(--brand-orange);
        text-decoration: none !important;
}

.main-form {
    margin: 0 !important;
}

.main-form .field {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin: 0 !important;
}

.main-form .field+.field {
    margin: 20px 0 0 !important;
}

.main-form .field label {
    display: inline-block;
    font-size: 18px;
    line-height: 1.5555555;
    width: 100%;
    color: var(--color-primary-600);
    margin-bottom: 6px;
}

.main-form .field input,
.main-form .field select {
    appearance: none;
    -moz-appearance: none;
    display: inline-block;
    width: 100%;
    border: 1px solid var(--color-primary-50);
    border-radius: 0;
    font-size: 18px;
    line-height: 1.5555555;
    padding: 14px;
    color: var(--color-primary-600) !important;
    outline: none;
    transition: all 0.4s ease-in-out 0s;
}

.main-form .field input::placeholder,
.main-form .field select::placeholder {
    color: var(--color-primary-100) !important;
}

.main-form .field input:focus,
.main-form .field select:focus {
    border-color: var(--color-primary-600);
}

.main-form a {
    color: var(--color-primary-600);
    font-weight: 500;
    text-decoration: underline;
}

.main-form a:hover {
    color: var(--brand-orange);
}

.form__message {
    font-family: inherit;
    display: inline-block;
    width: 100%;
    text-align: left;
    outline: none;
}

.form__message.success-msg{
    color: #428445;
}

.form__message.error-msg{
    color: red;
}

.form__message .svg-wrapper {
    width: 16px;
    height: 16px;
}

.form__message .svg-wrapper svg {
    width: 100%;
    height: 100%;
}


.main-form .form__message .svg-wrapper {
    position: relative;
    top: 3px;
}

.main-form .errors {
    margin-bottom: 20px;
}

.main-form .errors ul {
    margin: 0;
    padding-left: 13px;
    color: red;
}

/* Account Page end*/

/* this section in cart page starts */
.you-may-like-section {
    display: block;
}

.you-may-like-section .section--title .text-block {
    margin: 0;
}

.you-may-like-section .layout-panel-flex--row {
    align-items: center;
}

.you-may-like-section .resource-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.you-may-like-section .resource-list .resource-list__item {
    width: calc(25% - 15px);
}

/* this section in cart page ends */

/* account detail start*/
.customer.order>div {
    display: block !important;
    margin: 0;
}

.customer.account .account-inner,
.customer.order .account-inner {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.customer.account .account-header,
.customer.order .account-header {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 286px;
    border: 1px solid var(--color-input-border);
    padding: 46px 24px;
}

.customer.account .account-header .login-info,
.customer.order .account-header .login-info {
    display: flex;
    align-items: center;
    gap: 4px;
}

.customer.account .order-details,
.customer.order .order-details {
    width: calc(100% - 310px);
    padding: 46px 24px;
    border: 1px solid var(--color-input-border);
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.customer.account .order-history-table,
.customer.order .order-history-table {
    overflow-x: auto;
}

.customer.order .order-history-table table {
    margin: 0;
}

.customer.account thead th,
.customer.account tbody td,
.customer.order thead th,
.customer.order tbody td,
.customer.order tfoot td {
    padding: 14px !important;
    border: 1px solid var(--color-input-border);
    font-size: 18px;
    line-height: 1.55555556;
    letter-spacing: normal;
    color: var(--color-primary-600);
    white-space: nowrap;
}

.customer.account thead th,
.customer.order thead th {
    font-weight: 600;
}

.customer.account .detail-wrapper,
.customer.order .detail-wrapper {
    display: flex;
    gap: 20px;
}

.customer.account .customer-detail,
.customer.order .customer-detail {
    width: 50%;
    padding: 16px;
    border: 1px solid var(--color-input-border);
}

.customer.account .customer-detail p,
.customer.order .customer-detail p {
    color: var(--color-primary-600);
}

.customer.account .customer-detail p:last-of-type {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-input-border);
}

.addresses .account-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--color-input-border);
}

.addresses .account-detail .h4 {
    margin: 0;
}

.addresses .add-address {
    padding: 10px;
    border: 1px solid var(--color-input-border);
    margin: 0 0 20px !important;
    text-align: left;
}

.addresses .action-link {
    border: 0;
    background: transparent;
    padding: 0 6px;
    font-size: 18px;
    color: var(--brand-orange);
    font-weight: 600;
    font-family: Sofia Pro;
}

.addresses .address-list {
    gap: 20px;
    flex-direction: column;
    display: flex;
}

.addresses .address-list li {
    margin: 0 !important;
    padding: 10px;
    border: 1px solid var(--color-input-border);
}

.addresses .address-list .address-update {
    padding: 10px;
    border: 1px solid var(--color-input-border);
    margin: 0 0 20px;
    color: var(--color-primary-500);
}

.addresses .edit-add-block {
    margin-top: 20px;
}

.addresses .address-form {
    margin: 0 !important;
    padding: 0 !important;
}

.addresses .address-form .h4 {
    display: none;
}

.addresses .main-form {
    display: flex;
}

.customer.addresses button {
    margin: 0;
}

.addresses form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.addresses .main-form .field {
    display: flex;
    flex-direction: column-reverse;
    width: 49%;
    gap: 0;
}

.addresses .main-form .select {
    margin-top: 0;
    position: relative;
}

.addresses .main-form .select .svg-wrapper {
    position: absolute;
    right: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: var(--color-primary-600);
}

.addresses .default-adress-link {
    width: 100%;
    margin: 20px 0;
    display: flex;
    gap: 6px;
    align-items: center;
    color: var(--color-primary-600);
    cursor: pointer;
}

.addresses .default-adress-link input {
    margin: 0;
    width: 18px;
    height: 18px;
}

.addresses .btn-wrapper {
    display: flex;
    align-items: center;
    width: 49%;
    gap: 10px;
}

.addresses .btn-wrapper .btn {
    min-width: 49%;
    margin: 0 !important;
}

/* account detail end*/

.cart-drawer--empty .cart-drawer__header{
    justify-content: space-between;
}

 dialog[open] span.cart-bubble__text-count {
    font-size: 36px;
}
/* contact page end */

.customer.addresses [aria-expanded=true]~div[id^=EditAddress_], .customer.addresses [aria-expanded=true]+div[id=AddAddress] {
    margin-top: 20px;
    padding: 20px 0;
}

.customer.addresses .field-error{
    font-size: 18px !important;
}

.header[data-sticky-state="active"] .search-modal__button svg path,
.header[data-sticky-state="active"] .search-modal__button svg circle,{
    color: #fff;
} 

@media (max-width:1700px) {
    .recommend-product-section .product-card .text-block p{
        font-size: 22px;
    }

     dialog[open] span.cart-bubble__text-count {
        font-size: 32px;
    }
   
    .about-image-text .about-image-text__container {
        gap: 120px;
    }

    .about-image-text .about-image-text__content {
        width: calc(45.7% - 60px);
    }

    .about-image-text .about-image-text__content .detail {
        gap: 24px;
    }

    .about-image-text .about-image-text__image {
        width: calc(54.3% - 60px);
    }

    .ptb-120 {
        padding: 100px 0;
    }

    .pt-120 {
        padding-top: 100px;
    }

    .pb-120 {
        padding-bottom: 100px;
    }

    h1,
    .h1 {
        font-size: 96px;
    }

    h2,
    .h2 {
        font-size: 76px;
    }

    h3,
    .h3 {
        font-size: 44px;
    }

    h4,
    .h4 {
        font-size: 26px;
    }

    h5,
    .h5 {
        font-size: 22px;
    }

    .text-xxl {
        font-size: 22px;
    }

    .header-menu .menu-list .menu-list__list-item .menu-list__link:after {
        bottom: -20px;
    }

    .btn,
    .button:not(.close-button):not(.header-actions__action):not(.slideshow-control) {
        font-size: 16px;
        padding: 12px 22px;
        gap: 8px;
    }

    .btn-sm {
        padding: 8px 16px !important;
    }

    .btn-lg {
        padding: 16px 26px;
        min-width: 200px;
    }

    .section--title {
        margin-bottom: 50px;
    }

    .header-menu .menu-list .menu-list__list-item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .category-list-container {
        padding-bottom: 35px;
        margin-bottom: 32px;
    }

    .category-tabbing {
        gap: 20px;
    }

    .category-tabbing-item a {
        gap: 10px;
        padding: 8px 12px;
    }

    .category-tabbing-item img {
        width: 32px;
        height: 32px;
        margin-right: -32px;
    }

    .category-tabbing-item span {
        padding-left: 32px;
    }

    .collection-wrapper .product-grid {
        gap: 24px !important;
    }

    .collection-wrapper .product-grid .product-grid__item {
        width: calc(33.3% - 16px);
    }

    .collection-wrapper .product-grid .product-card__content,
    .resource-list__item .product-card__content {
        padding: 30px;
        gap: 16px;
    }

    .collection-wrapper .product-media-container,
    .resource-list__item .product-media-container {
        aspect-ratio: 1 / 1;
        margin-bottom: 18px;
    }

    .product-grid .price {
        font-size: 34px;
    }

    .our-clients .clients {
        gap: 40px;
    }

    .clients .client-image {
        max-width: 160px;
    }

    .footer-copyright .policy_list {
        gap: 40px;
    }

    .core-feature .feature-block {
        min-height: 300px;
    }

    .cart-drawer .cart-drawer__dialog {
        max-width: 500px !important;
    }

    .cart-drawer .cart-drawer__summary {
        padding: 20px;
    }

    .cart-drawer .cart__ctas {
        margin: 20px 0 16px;
    }

    .cart-drawer .cart-drawer__header {
        padding: 8px 20px;
    }

    .cart-drawer .cart-drawer__items .cart-items__table-row {
        padding-bottom: 30px;
        margin-bottom: 16px;
        gap: 16px;
    }

    .cart-drawer .cart-drawer__items {
        padding-inline: 20px;
    }

    .product-detail-section .slideshow-controls__thumbnails .slideshow-control {
        padding: 20px 30px;
        width: 140px;
    }

}

@media (max-width:1600px) {

    dialog[open] span.cart-bubble__text-count {
        font-size: 24px;
    }

    /* pdp */
    .product-detail-section .product-details {
        border-radius: 20px;
        padding: 50px !important;
    }

    .product-detail-section slideshow-container {
        border-radius: 20px;
    }

    .product-detail-section .accordion {
        gap: 20px;
    }

    .product-detail-section .price {
        font-size: 26px;
    }

    .product-detail-section .product-form-buttons {
        padding: 0px 0 20px;
        gap: 20px;
    }

    /* pdp */
    .collection--grid.two--col .grid--item:last-child,
    .collection--grid.two--col.reverse--col .grid--item:first-child {
        max-width: 40%;
    }

}

@media (max-width:1440px) {

    .recommend-product-section .product-card .text-block p{
        font-size: 20px;
    }

    .product-detail-section .slideshow-controls__thumbnails .slideshow-control {
        padding: 16px 20px;
        width: 120px;
    }

    /* pdp */
    .product-detail-section .product-details {
        border-radius: 16px;
        padding: 40px !important;
    }

    .product-detail-section .price {
        font-size: 24px;
    }

    .product-detail-section slideshow-container {
        border-radius: 16px;
    }

    .product-detail-section .accordion {
        gap: 16px;
    }

    .product-detail-section .product-form-buttons .add-to-cart-button {
        height: 48px;
    }

    .quantity-selector {
        height: 48px;
    }

    .product-detail-section .quantity-selector .button {
        width: 48px;
        height: 48px;
    }

    /* pdp */
    .about-image-text .about-image-text__container {
        gap: 100px;
    }

    .about-image-text .about-image-text__content {
        width: calc(45.7% - 50px);
    }

    .about-image-text .about-image-text__content .detail {
        gap: 24px;
    }

    .about-image-text .about-image-text__image {
        width: calc(54.3% - 50px);
    }

    .about-image-text .button-wrapper {
        margin-top: 0;
    }

    .footer-copyright .policy_list {
        gap: 30px;
    }

    .our-clients .title h2,
    .core-feature .title h2 {
        margin-bottom: 26px;
    }

    .clients .client-image {
        max-width: 120px;
    }

    .our-clients .clients {
        gap: 30px;
    }

    .our-clients .inner-block {
        gap: 26px;
    }

    .header-menu .menu-list .menu-list__list-item .menu-list__link:after {
        bottom: -10px;
    }

    .homeBanner .swiper-slide {
        height: 90vh;
        padding-top: 142px;
    }

    .custom-blog .post-item {
        gap: 30px;
    }

    .custom-blog .post-title {
        margin-bottom: 20px;
    }

    .calltoaction-wrap {
        min-height: 500px;
    }

    /* .calltoaction--image-group {
        max-width: 480px;
    } */

    .product-slider .swiper-slide {
        width: 340px !important;
    }

    .services--list .services--list-item .item--content-wrapper,
    .services--list.card--3 .services--list-item .item--content-wrapper {
        padding: 50px;
        /* max-width: 560px; */
    }

    .nav-btn {
        width: 55px;
        height: 55px;
    }

    .feature-product .product-item {
        padding: 30px;
        gap: 38px;
    }

    .product-content {
        gap: 16px;
    }

    .product-price {
        font-size: 34px;
    }

    h1,
    .h1 {
        font-size: 76px;
    }

    h2,
    .h2 {
        font-size: 66px;
    }

    h3,
    .h3 {
        font-size: 34px;
    }

    h4,
    .h4 {
        font-size: 24px;
    }

    h5,
    .h5 {
        font-size: 20px;
    }

    .footer-section .group-block p {
        font-size: 20px;
    }

    .footer-section .group-block:first-child .group-block-content {
        gap: 30px;
    }

    .footer-section h3,
    .footer-section .h3 {
        font-size: 54px !important;
    }

    .footer-section h4,
    .footer-section .h4 {
        font-size: 26px !important;
    }

    .footer-logo li {
        width: 60px;
        height: 66px;
    }

    .policy-wrapper .utilities {
        padding: 20px 0;
    }

    .policy-wrapper {
        margin-top: 20px;
    }

    .group-block:nth-child(2) .group-block-content {
        gap: 20px;
    }

    .ptb-120 {
        padding: 80px 0;
    }

    .pt-120 {
        padding-top: 80px;
    }

    .pb-120 {
        padding-bottom: 80px;
    }

    .section--title {
        margin-bottom: 40px;
    }

    .custom-blog .circle {
        width: 55px;
        height: 55px;
        padding: 16px;
    }

    .custom-blog .holder {
        width: 75px;
        height: 75px;
    }

    .custom-blog .holder::before,
    .custom-blog .holder::after {
        width: 28px;
        height: 28px;
    }

    .custom-blog .one {
        inset: calc(100% - 75px) 0 0 calc(100% - 75px);
        border-top-left-radius: 45px;
    }

    .custom-blog .one::before {
        inset: calc(100% - 28px) 0 0 -26px;
        border-bottom-right-radius: 20px;
        box-shadow: 0.25em 0.25em 0 0.25em var(--color-white);
    }

    .custom-blog .one::after {
        inset: -28px 0 0 48px;
        border-bottom-right-radius: 20px;
        box-shadow: 0.25em 0.25em 0 0.25em var(--color-white);
    }

    /* header */
    .header-logo__image {
        height: 60px;
        width: 160px;
    }

    .collection--grid .grid--item .grid--action {
        padding: 30px;
    }

    /* .services--list .services--list-item {
        min-height: 470px;
        max-height: 470px;
    } */

    .calltoaction--content-group .content_text {
        max-width: 600px;
        margin-bottom: 36px;
    }

    .calltoaction--content-group .content_title {
        margin-bottom: 20px;
    }

    .footer-section .custom-section-content>.layout-panel-flex--row {
        padding-top: 80px;
        padding-bottom: 20px;
    }

    .footer-inner {
        padding-bottom: 20px;
    }

    .footer-section .menu__item a,
    .contact-box address,
    .contact-box a {
        font-size: 18px;
    }

    .footer-logo .logo img {
        max-height: 90px;
    }

    .category-tabbing-item.text-xl {
        font-size: 18px;
    }

    .category-list-container {
        padding-bottom: 25px;
        margin-bottom: 20px;
        gap: 100px;
    }

    .category-tabbing {
        gap: 12px;
    }

    .category-tabbing-item a {
        gap: 10px;
        padding: 8px 12px;
    }

    .category-tabbing-item.text-xl {
        font-size: 16px;
    }

    .category-tabbing-item img {
        width: 24px;
        height: 24px;
        margin-right: -24px;
    }

    .category-tabbing-item span {
        padding-left: 24px;
    }

    .product-grid .product-title,
    .resource-list__item .product-title {
        font-size: 18px;
    }

    .product-grid .price,
    .resource-list__item .price {
        font-size: 30px;
    }

    .collection-wrapper .product-grid .product-grid__item {
        border-radius: 20px;
    }

    .cart-drawer .cart-drawer__dialog {
        max-width: 460px !important;
    }

}

@media (max-width:1200px) {
    .services--list.card--1 {
        top: 100px;
        height: calc(100vh - 200px);
    }

    header-actions .user-dashboard .menu-list__link-title, 
    header-actions .cart-drawer .menu-list__link-title{
        display: none;
    }

    .recommend-product-section .product-card .text-block p{
        font-size: 18px;
    }

    .customer.account .account-header,
    .customer.account .order-details,
    .customer.order .account-header,
    .customer.order .order-details {
        padding: 30px 20px;
    }

    .customer.account .account-header,
    .customer.order .account-header {
        width: 240px;
    }

    .customer.account .order-details,
    .customer.order .order-details {
        width: calc(100% - 256px);
    }

    .customer.account .account-inner,
    .customer.order .account-inner {
        gap: 16px;
    }

    .resource-list__item {
        border-radius: 20px;
    }

    /* pdp */
    .product-detail-section .product-details {
        padding: 30px !important;
    }

    .product-detail-section .accordion {
        gap: 12px;
    }

    .product-detail-section .price {
        font-size: 22px;
    }

    .product-detail-section .accordion .details__header {
        font-size: 18px;
        padding: 12px 0;
    }

    .product-detail-section .accordion summary .svg-wrapper {
        height: 20px;
        width: 20px;
    }

    .product-detail-section .product-form-buttons {
        padding: 0px 0 16px;
        gap: 16px;
    }

    .product-recommendations .resource-list__carousel .resource-list__slide {
        width: calc(33.3% - 15px);
    }


    /* pdp */
    .about-image-text .about-image-text__container {
        gap: 60px;
    }

    .about-image-text .about-image-text__content {
        width: calc(45.7% - 30px);
    }

    .about-image-text .about-image-text__content .detail {
        gap: 20px;
    }

    .about-image-text .about-image-text__image {
        width: calc(54.3% - 30px);
    }

    .core-feature .swiper-slide {
        width: 300px;
    }

    .footer-copyright .policy_list {
        gap: 20px;
    }

    .customBanner {
        min-height: 200px;
    }

    .customBanner .content {
        gap: 20px;
    }

    .page-width,
    .header .header__row .header__columns {
        padding-left: 50px;
        padding-right: 50px;
    }

    .homeBanner .swiper-slide {
        height: 80vh;
    }

    .footer-logo .logo img {
        max-height: 70px;
    }

    .calltoaction-wrap {
        min-height: 480px;
    }

    /* .calltoaction--image-group {
        max-width: 420px;
    } */

    .collection--grid .grid--item .grid--action {
        padding: 24px;
    }

    .services--list .services--list-item .item--content-wrapper,
    .services--list.card--3 .services--list-item .item--content-wrapper {
        padding: 30px 20px;
        /* max-width: 420px; */
    }

    .section--title {
        margin-bottom: 30px;
    }

    .services--list:not(:last-child) {
        margin-bottom: 80px;
    }

    h1,
    .h1 {
        font-size: 66px;
    }

    h2,
    .h2 {
        font-size: 56px;
    }

    h3,
    .h3 {
        font-size: 30px;
    }

    h4,
    .h4 {
        font-size: 22px;
    }

    h5,
    .h5 {
        font-size: 18px;
    }

    .text-xxl {
        font-size: 20px;
    }

    .text-xl {
        font-size: 18px;
    }

    .footer-section .group-block p {
        text-align: center;
        max-width: 100%;
    }

    .footer-section .email-signup__form {
        align-items: center;
    }

    .footer-section .menu__item a,
    .contact-box address,
    .contact-box a {
        font-size: 18px;
    }

    .footer-section .custom-section-content>.layout-panel-flex--row {
        gap: 50px;
        padding-top: 60px;
        flex-direction: column;
    }

    .footer-section .group-block:first-child {
        width: 100%;
    }

    .footer-section .group-block:first-child .group-block-content {
        align-items: center;
    }

    .footer-section .details-content {
        margin-top: 20px !important;
    }

    .footer-section h3,
    .footer-section .h3 {
        font-size: 44px !important;
    }

    .footer-section h4,
    .footer-section .h4 {
        font-size: 24px !important;
    }

    .footer-logo .social-links {
        gap: 16px;
    }

    .footer-section .email-signup__input {
        height: 60px;
    }

    .footer-section .email-signup__button {
        min-width: auto;
        font-size: 18px !important;
    }

    .footer-section .email-signup__input-group {
        max-width: 100%;
    }

    .footer-section .text-block {
        width: 100%;
        align-items: center;
    }

    .ptb-120 {
        padding: 60px 0;
    }

    .pt-120 {
        padding-top: 60px 0;
    }

    .pb-120 {
        padding-bottom: 60px;
    }
/* 
    .services--list .services--list-item {
        min-height: 400px;
        max-height: 400px;
    } */

    .custom-blog .post-item {
        gap: 24px;
    }

    .category-list-container {
        flex-direction: column;
        gap: 20px;
    }

    .category-tabbing{
        max-width: 900px;
    }

    .collection-wrapper .product-grid {
        gap: 20px !important;
    }

    .collection-wrapper .product-grid .product-grid__item {
        width: calc(50% - 10px);
    }

    .facets__filters-wrapper .facets__inputs-list {
        gap: 16px !important;
    }

    .pagination__item {
        width: 44px;
    }

    .pagination__list {
        gap: 10px;
    }
    .services--list .services--list-item .image--wrapper {
        max-width: 400px;
    }
}

@media (max-width:991px) {
    dialog[open] span.cart-bubble__text-count {
        font-size: 20px;
    }
    .pagination__item {
        width: 34px;
    }

    .services--list.card--1,
    .services--list.card--2,
    .services--list.card--3{
        height: 100%;
    }

    .customer.account thead th,
    .customer.account tbody td,
    .customer.order thead th,
    .customer.order tbody td {
        font-size: 16px;
    }

    .you-may-like-section .resource-list .resource-list__item {
        width: calc(50% - 15px);
    }

    .quantity-selector input[type=number] {
        font-size: 18px;
    }

    .cart-drawer .cart-drawer__dialog {
        max-width: 400px !important;
    }

    .tax-note small {
        font-size: 14px;
    }

    .cart-drawer .cart__ctas {
        margin: 16px 0 10px;
    }

    .cart-drawer .cart-items__media {
        width: 90px;
        margin-right: 10px;
    }

    .cart-drawer .cart-drawer__items .cart-items__table-row {
        padding-bottom: 20px;
    }

    .custom-cart-detail .cart-page__summary {
        margin-top: 16px;
    }

    .login-pane,
    .login-visual {
        width: 100%;
    }

    .login-visual {
        height: auto;
        min-height: initial;
        aspect-ratio: 1;
    }

    .login-layout {
        flex-direction: column-reverse;
    }

    .login-pane {
        padding: 40px;
    }

    .header-actions__cart-icon .cart-bubble {
        top: 5px;
        right: 5px;
    }

    .collection-wrapper .facets-controls-wrapper {
        max-width: 27.052vw;
    }

    .about-image-text .about-image-text__container {
        gap: 30px;
        flex-direction: column;
    }

    .about-image-text .about-image-text__content,
    .about-image-text .about-image-text__image {
        width: 100%;
    }

    .about-image-text .about-image-text__content .detail {
        max-width: 100%;
    }

    .about-image-text br {
        display: none;
    }

    .calltoaction-wrap {
        min-height: 420px;
    }

    /* .calltoaction--image-group {
        max-width: 360px;
    } */

    .header-logo__image {
        width: 120px;
    }

    .header-menu .menu-list .menu-list__list-item {
        padding-left: 10px;
        padding-right: 10px;
    }

    .services--list:not(:last-child) {
        margin-bottom: 60px;
    }

    .text-l {
        font-size: 16px;
    }

    /* .services--list .services--list-item .item--content-wrapper,
    .services--list.card--3 .services--list-item .item--content-wrapper {
        max-width: 340px;
    } */

    .feature-product .product-item {
        padding: 20px;
        gap: 28px;
        border-radius: 20px;
    }

    .product-price {
        font-size: 30px;
    }

    .product-image {
        max-width: 260px;
    }

    h1,
    .h1 {
        font-size: 46px;
    }

    h2,
    .h2 {
        font-size: 36px;
    }

    h3,
    .h3 {
        font-size: 26px;
    }

    h4,
    .h4 {
        font-size: 20px;
    }

    .btn-lg {
        min-width: 180px;
    }

    .footer-section h3,
    .footer-section .h3 {
        font-size: 34px !important;
    }

    .footer-section h4,
    .footer-section .h4 {
        font-size: 22px !important;
    }

    .footer-section .group-block:first-child .group-block-content {
        gap: 20px;
    }

    .header-menu .menu-list .menu-list__list-item .menu-list__link {
        font-size: 16px;
    }

    /* .calltoaction--content-group {
        max-width: 425px;
    } */

    .collection--grid {
        flex-wrap: wrap;
    }

    .collection--grid .grid--item.ppe {
        width: 100%;
        flex: initial;
    }

    .collection--grid.two--col .grid--item:last-child,
    .collection--grid.two--col.reverse--col .grid--item:first-child {
        max-width: initial;
    }

    .collection--grid .grid--item .grid--action .grid--label {
        text-shadow: 2px 2px 0 #1567b3;
    }

    .collection--grid .grid--item.gloves .grid--action .grid--label {
        text-shadow: 2px 2px 0 #1567b3;
    }

    .collection--grid .grid--item.merchandise .grid--action .grid--label {
        text-shadow: 2px 2px 0 #fff98f;
    }

    .collection--grid .grid--item.ppe .grid--action .grid--label {
        text-shadow: 2px 2px 2 rgba(255, 250, 212, 0.42);
    }

    .collection--grid .grid--item.clothing .grid--action .grid--label {
        text-shadow: 2px 2px 0 #e9de7e;
    }

    .collection--grid .grid--item.party-bag .grid--action .grid--label {
        text-shadow: 2px 2px 0 rgba(0, 234, 167, 0.57);
    }

    .collection--grid .grid--item.rain-gear .grid--action .grid--label {
        text-shadow: 2px 2px 0 var(--color-tertiary-100);
    }

    .collection--grid .grid--item.uniform .grid--action .grid--label {
        text-shadow: 2px 2px 0 #fff98f;
    }

    .facets__filters-wrapper {
        gap: 10px;
    }

    .collection-wrapper .product-grid .product-card__content,
    .resource-list__item .product-card__content {
        padding: 20px;
    }

    .collection-wrapper .product-media-container,
    .resource-list__item .product-media-container {
        margin-bottom: 10px;
    }

    .category-tabbing {
        max-width: 660px;
        width: 100%;
        padding-bottom: 8px;
    }

    /* pdp start */
    .breadcrumb {
        gap: 16px;
    }

    .crumb-links {
        gap: 8px;
    }

    .breadcrumb-wrapper {
        padding-top: 40px;
    }

    .breadcrumb .separator {
        width: 18px;
        height: 18px;
    }

    .breadcrumb-wrapper .back-btn {
        width: 24px;
        height: 24px;
    }

    .breadcrumb svg {
        width: 100%;
        height: 100%;
    }

    .product-detail-section .product-information__grid {
        flex-direction: column;
        gap: 30px;
    }

    .product-detail-section .product-information__media,
    .product-detail-section .product-details {
        width: 100%;
        border-radius: 12px;
    }

    .product-detail-section .product-details {
        border-radius: 12px;
        padding: 20px !important;
    }

    .product-detail-section {
        padding-top: 40px;
    }

    .product-detail-section .price {
        font-size: 20px;
    }

    /* pdp end */

    .services--list .services--list-item {
        min-height: auto;
        max-height: 100%;
        flex-direction: column;
        border-radius: 20px;
    }

    .services--list .services--list-item .image--wrapper {
        max-width: 100%;
    }
}

@media (max-width:767px) {

    .services--list.card--3 .services--list-item .image--wrapper>img{
        object-position: center;
    }

    .customer.addresses .field-error{
        font-size: 16px !important;
    }

    .header .menu-drawer__featured-content{
        display: none;
    }

    .customer.account .customer-detail,
    .customer.order .customer-detail {
        width: 100%;
    }

    .addresses .btn-wrapper .btn {
        min-width: 100%;
    }

    .customer.account .detail-wrapper,
    .customer.order .detail-wrapper {
        flex-wrap: wrap;
    }

    .customer.account .account-inner,
    .customer.order .account-inner {
        flex-direction: column;
    }

    .customer.account .account-header,
    .customer.account .order-details,
    .customer.order .account-header,
    .customer.order .order-details {
        padding: 20px;
    }

    .customer.account td:before,
    .customer.order td:before {
        font-size: 14px !important;
    }

    .customer.account .account-header,
    .customer.account .order-details,
    .customer.order .account-header,
    .customer.order .order-details {
        width: 100%;
    }

    .collection-wrapper .product-grid .product-card__content,
    .resource-list__item .product-card__content {
        padding: 16px;
    }

    .resource-list__item {
        border-radius: 12px;
    }

    .product-badges__badge {
        font-size: 12px;
        padding: 2px 8px;
    }

    .product-recommendations .resource-list__carousel .resource-list__slide {
        width: calc(50% - 15px);
    }

    .cart-items__remove {
        letter-spacing: normal;
    }

    .cart-drawer .cart-drawer__dialog {
        max-width: 360px !important;
    }

    .cart-drawer .cart-drawer__items .cart-items__table-row {
        padding-bottom: 16px;
        gap: 12px;
    }

    .cart-drawer .cart-items__variant dt,
    .cart-drawer .cart-items__variant dd,
    .cart-drawer .cart-items__variant {
        font-size: 12px;
    }

    .quantity-selector input[type=number] {
        font-size: 16px;
    }

    .tax-note small {
        font-size: 12px;
    }

    .cart-drawer .cart-items__media {
        width: 75px;
        margin: 0;
    }

    .cart-drawer .cart-drawer__items {
        padding-inline: 16px;
    }

    .cart-drawer .cart-drawer__header {
        padding: 8px 16px;
    }

    .custom-cart-detail .cart-items__media {
        max-width: 80px;
        margin-right: 0;
        flex-shrink: 0;
    }

    .custom-cart-detail .cart-items__table-row {
        flex-wrap: wrap;
    }

    .custom-cart-detail .cart-items__price {
        min-width: max-content;
    }

    .login-pane .login-subtitle {
        margin-bottom: 16px;
    }

    .login-pane {
        padding: 30px;
    }

    .login-pane .login-subtitle p {
        font-size: 16px;
    }

    .main-form .field input,
    .main-form .field select {
        font-size: 16px;
        padding: 10px;
    }

    .header-actions__cart-icon .cart-bubble {
        top: 0;
        right: 0;
    }

    /* pdp */
    .product-detail-section .accordion .details__header {
        font-size: 16px;
        padding: 12px 0;
    }

    .product-detail-section .accordion summary .svg-wrapper {
        height: 16px;
        width: 16px;
    }

    .product-detail-section .product-details {
        border-radius: 12px;
        padding: 20px !important;
    }

    .product-detail-section slideshow-container {
        border-radius: 12px;
    }

    .product-detail-section {
        padding-top: 40px;
    }

    .product-detail-section .accordion {
        gap: 8px;
    }

    /* pdp */
    .core-feature .feature-block {
        min-height: 260px;
    }

    .core-feature .icon {
        width: 46px;
        height: 46px;
    }

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

    .footer-copyright .policy_list {
        gap: 16px;
    }

    .our-clients .title h2,
    .core-feature .title h2 {
        margin-bottom: 20px;
    }

    .our-clients .clients,
    .our-clients .inner-block {
        gap: 20px;
    }

    .clients .client-image {
        max-width: 100px;
        aspect-ratio: 100/40;
    }

    .homeBanner br {
        display: none;
    }

    .homeBanner .swiper-slide {
        height: 60vh;
    }

    .calltoaction-wrap {
        min-height: auto;
    }

    .calltoaction--image-group {
        position: static;
        width: 100%;
    }

    .calltoaction-wrap {
        flex-direction: column;
    }

    .section--title {
        margin-bottom: 24px;
    }

    .collection--grid,
    .collection--wrapper {
        gap: 24px;
    }


    .services--list .services--list-item .image--wrapper>img {
        border-radius: 20px;
    }
    .services--list{
        position: static !important;
    }
    .services--list:not(:last-child) {
        margin-bottom: 30px;
    }

    .services--list .services--list-item .item--content-wrapper,
    .services--list.card--3 .services--list-item .item--content-wrapper {
        max-width: 100%;
        padding: 36px 24px;
    }

    .page-width,
    .header .header__row .header__columns {
        padding-left: 16px;
        padding-right: 16px;
    }

    .btn,
    .button:not(.close-button):not(.header-actions__action):not(.slideshow-control) {
        font-size: 14px;
        padding: 10px 20px;
        gap: 6px;
    }

    .btn-lg {
        padding: 14px 20px;
        min-width: 160px;
    }

    h1,
    .h1 {
        font-size: 40px;
    }

    h2,
    .h2 {
        font-size: 30px;
    }

    .text-xxl {
        font-size: 18px;
    }

    .text-xl {
        font-size: 16px;
    }

    .text-l {
        font-size: 14px;
    }

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

    .product-slider .swiper-slide {
        width: 48% !important;
    }

    .header .menu-drawer-container .header__icon--summary {
        padding: 0;
        width: 24px;
        height: 24px;
        color: #fff;
    }

    .header .menu-drawer__menu-item {
        font-size: 18px;
        line-height: 1.2;
        /* min-height: auto !important; */
        padding: 8px 0;
    }

    .header .header-logo__image {
        width: 100px;
    }

    .header[data-sticky-state="active"] .header-logo__image {
        width: 80px;
        height: 50px;
    }

    .header[data-sticky-state="none"] .header-menu .menu-list .menu-list__list-item .menu-list__link:after {
        bottom: -2px;
    }

    .header .header-actions__action svg {
        width: 18px;
        height: 18px;
    }

    .footer-section .details-content {
        padding-bottom: 20px;
    }

    .menu__details>.menu__heading {
        margin-bottom: 20px;
    }

    .menu__details[open]>.menu__heading {
        margin-bottom: 0;
    }

    .footer-section h3,
    .footer-section .h3 {
        font-size: 28px !important;
    }

    .footer-section h4,
    .footer-section .h4 {
        font-size: 20px !important;
    }

    .footer-inner {
        flex-wrap: wrap;
        gap: 20px;
    }

    .footer-logo .logo img {
        max-height: 60px;
    }

    .footer-section .custom-section-content>.layout-panel-flex--row {
        gap: 32px;
        padding-top: 40px;
    }

    .footer-section .menu__item a,
    .contact-box address,
    .contact-box a {
        font-size: 16px;
    }

    .footer-section .group-block p {
        font-size: 18px;
    }

    .footer-section .email-signup__input {
        height: 52px;
        padding: 10px 200px 10px 10px;
    }

    .footer-section .group-block:nth-child(2) .group-block-content .menu {
        width: 100%;
    }

    .policy-wrapper .utilities {
        padding: 12px 0;
        gap: 10px;
    }

    .policy-wrapper {
        margin-top: 12px;
    }

    .footer-logo li {
        width: 50px;
        height: 56px;
    }

    /* HomeBanner */
    .homeBanner .content {
        gap: 16px;
        max-width: 100%;
    }

    .homeBanner .swiper-pagination {
        bottom: 30px;
    }

    .homeBanner .homeBannerImg:before {
        background: rgba(0, 0, 0, 0.15);
    }

    .ptb-120 {
        padding: 40px 0;
    }

    .pt-120 {
        padding-top: 40px;
    }

    .pb-120 {
        padding-bottom: 40px;
    }

    .nav-btn {
        width: 40px;
        height: 40px;
    }

    .nav-btn svg {
        max-width: 20px;
        height: 20px;
    }

    .product-image {
        max-width: 220px;
    }

    .feature-product .product-item {
        gap: 20px;
    }
    .custom-blog .section--title{
        justify-content: center;
    }

    .feature-product .product-slider-nav,
    .custom-blog .post-slider-nav {
        gap: 8px;
    }

    .custom-blog .post-item {
        gap: 20px;
    }

    .custom-blog .post-title {
        margin-bottom: 16px;
    }

    .custom-blog .section--heading {
        text-align: center;
        max-width: 100%;
        margin: 0 0 16px;
    }

    .section--calltoaction {
        padding: 40px 0 0;
        position: relative;
    }

    .section--calltoaction .page-width {
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .calltoaction--content-group {
        max-width: 100%;
        text-align: center;
        width: 100%;
        margin-bottom: 40px;
    }

    .calltoaction--content-group .content_title {
        margin-bottom: 16px;
    }

    .calltoaction--content-group .content_text {
        margin-bottom: 24px;
    }

    .custom-blog .circle {
        width: 40px;
        height: 40px;
        padding: 10px;
    }

    .custom-blog .circle svg {
        width: 20px;
        height: 20px;
    }

    .custom-blog .holder {
        width: 60px;
        height: 60px;
    }

    .custom-blog .holder::before,
    .custom-blog .holder::after {
        width: 24px;
        height: 24px;
    }

    .custom-blog .one {
        inset: calc(100% - 60px) 0 0 calc(100% - 60px);
        border-top-left-radius: 35px;
    }

    .custom-blog .one::before {
        inset: calc(100% - 24px) 0 0 -21px;
        border-bottom-right-radius: 24px;
        box-shadow: 0.2em 0.2em 0 0.2em var(--color-white);
    }

    .custom-blog .one::after {
        inset: -24px 0 0 40px;
        border-bottom-right-radius: 24px;
        box-shadow: 0.2em 0.2em 0 0.2em var(--color-white);
    }

    .customBanner .text-xxl {
        font-size: 16px;
    }

    .customBanner {
        min-height: 160px;
    }

    .product-grid .price,
    .resource-list__item .price {
        font-size: 26px;
    }

    .product-grid .product-title,
    .resource-list__item .product-title {
        font-size: 16px;
    }

    .facets-drawer__title {
        margin: 0;
    }

    .facets__filters-wrapper .facets__inputs-list {
        gap: 10px !important;
    }

    .facets__filters-wrapper .checkbox .icon-checkmark {
        height: 20px;
        width: 20px;
    }

    #filters-drawer .pills__pill {
        font-size: 14px;
    }

    #filters-drawer .facets__actions {
        background: #ffff;
        padding: 12px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-top: 1px solid var(--color-input-border);
    }

    #filters-drawer .facets__panel-content {
        margin-top: 16px;
    }

    .customer.addresses [aria-expanded=true]~div[id^=EditAddress_], .customer.addresses [aria-expanded=true]+div[id=AddAddress] {
        padding: 16px 0 !important;
    }

}

@media (max-width:749px) {
    .collection-wrapper .facets-controls-wrapper {
        padding: 0;
        background: transparent;
        color: var(--color-primary-600);
    }

    .collection-wrapper {
        row-gap: 0px;
    }

    .collection-wrapper .facets-toggle__button {
        background: var(--brand-deepGreen) !important;
        color: var(--color-tertiary) !important;
        margin-bottom: 24px;
    }

    .facets-block-wrapper--vertical+.facets-toggle {
        padding-left: 0;
    }

    .header .menu-drawer__menu--childlist .menu-drawer__menu-item {
        font-size: 16px;
        justify-content: start;
        gap: 16px;
    }

    .menu-drawer__menu-item svg path{
        transition: all ease 0.3s;
        -webkit-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
    }

    .menu-drawer__menu-item.is-open svg .horizontal{
        opacity: 0;
    }

}

@media (max-width:480px) {

    .product-recommendations .resource-list__carousel .resource-list__slide,
    .you-may-like-section .resource-list .resource-list__item {
        width: 100%;
    }

    .cart-drawer .cart-items__media {
        width: 60px;
    }

    .cart-drawer .cart-drawer__items .cart-items__table-row {
        gap: 5px;
    }

    .cart-drawer .cart-drawer__dialog {
        max-width: 310px !important;
    }

    .login-pane {
        padding: 30px 16px;
    }

    .core-feature .feature-block {
        min-height: 240px;
    }

    .footer-copyright {
        flex-direction: column;
        justify-content: center;
    }

    .collection--grid {
        flex-direction: column;
    }

    .collection--grid .grid--item {
        width: 100%;
    }

    .product-slider .swiper-slide {
        width: 100% !important;
    }

    .footer-inner {
        flex-direction: column;
        gap: 16px;
    }

    .collection-wrapper .product-grid .product-grid__item {
        width: 100%;
    }

    .addresses .main-form .field {
        width: 100%;
    }

    .customer.addresses .address-add-btn {
        margin-bottom: 20px;
    }

    .customer.addresses .btn-wrapper {
        flex-wrap: wrap;
        width: 100%;
    }

}

@media (min-width:1920px) {
    .homeBanner .swiper-slide {
        height: 1080px;
    }

}

cart-icon .cart-bubble__text-count {
    font-size: 10px;
    letter-spacing: 0;
}

.header .header__column--right {
    flex: 1 0 auto;
    gap: 30px;
}

.header .header-menu {
    max-width: max-content;
}

.header .header__column--right header-actions {
    width: max-content;
    gap: 60px;
    align-items: center;
    margin: 0;
}

.header header-actions .account-button, header-actions {
    gap: 0;
}

.header header-actions .header-actions__action {
    flex-direction: row;
    width: 100%;
    max-width: max-content;
    height: 100%;
    gap: 10px;
    font-family: var(--font-Sofia);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 1.8px;
    position: relative;
    text-transform: capitalize;
    padding-top: 50px;
    padding-bottom: 50px;
}

.header header-actions .header-actions__action:hover{
    color: var(--color-white);
    opacity: .7;
}

.header header-actions .header-actions__action:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: var(--color-primary-500);
    position: absolute;
    left: 0;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.header header-actions .header-actions__action:hover:after{
    opacity: 1;
}

.header .header-actions__action .svg-wrapper,
.action__account .account-button__icon {
    height: auto;
    width: auto;
    flex-shrink: 0;
}

.header .header-actions__cart-icon--has-cart {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header .header-actions__cart-icon .cart-bubble {
    right: -10px;
}

.header[data-sticky-state="active"] header-actions .header-actions__action:after {
    background: var(--brand-orange);
}

.user-dashboard {
    position: relative;
}

.user-dashboard .login-info {
    white-space: nowrap;
    position: absolute;
    right: -7px;
    padding: 16px 12px;
    font-size: 18px;
    line-height: 1.1;
    background: #fff;
    color: var(--color-primary-600);
    border-radius: 6px;
    display: none;
    box-shadow: 0 4px 12px #00000026;
    width: 100%;
    top: 100%;
    gap: 12px;
    transition: all ease 0.3;
}

.user-dashboard .login-info:hover{
    color: #ff8500;
}

/* Top Arrow */
.user-dashboard .login-info::before {
    content: "";
    position: absolute;
    top: -8px;        /* arrow upar position */
    right: 10px;      /* arrow ki horizontal position */
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff; /* arrow color = background color */
}

.user-dashboard:hover .login-info {
    display: flex;
}

.header-actions__cart-icon{
  display: flex;
  align-items: center;
  gap: 10px;
}

/* blog page design */
.blog-posts {
    display: flex;
    flex-direction: column;
    padding-bottom: 0 !important;
}
.blog-posts > .h2 {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 60px;
}

.blog-posts .blog-posts-container{
    display: flex;
    gap: 50px 30px;
    width: 100%;
    flex-wrap: wrap;
}

.blog-posts .blog-post-card {
    display: flex;
    flex-direction: column;
}

.blog-posts-container .blog-post-item {
    width: calc(33.3% - 20px);
}

.blog-post-item .blog-post-card__image-container div{
    overflow: hidden; border-radius: 32px;
}

.blog-post-item .blog-post-card__image {
    height: auto;
    aspect-ratio: 1/0.8;
    border-radius: 32px;
    transform: scale(1);
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
}

.blog-post-item:hover .blog-post-card__image {
    transform: scale(1.1);
}

.blog-post-item .blog-post-card__content .h4{
  transition: all ease 0.3s;
}

.blog-post-item:hover .blog-post-card__content .h4{
    color: var(--color-primary-500);
}

.blog-post-card__content-text a {
    padding: 0;
    color: var(--color-primary-600);
    font-weight: 600;
}

.blog-details .section-content-wrapper{
    max-width: 1400px;
    margin: 0 auto;
}

.blog-details .blog-post-featured-image__image {
    aspect-ratio: 1/0.3;
    height: auto;
}

/* searh bar design */
.predictive-search-form__content-wrapper .predictive-search-results__inner{
    background-color: #ffff;
}

.dialog-modal .predictive-search-form__header {
    background-color: #ffff;
    padding: 12px 20px;
    justify-content: space-between;
}
.dialog-modal .predictive-search-form__header::before{
    display: none;
}

.predictive-search-form__header-inner{
    position: relative;
    width: calc(100% - 52px);
        background: #fff;
            color: var(--color-primary-600);
}
.predictive-search:has(.predictive-search-dropdown) .search-input {
    outline-color: none;
    border: 1px solid rgb(223 223 223 / 1.0);
    padding: 11px 48px;
    color: var(--color-primary-600);
}

.predictive-search__icon {
    color: var(--color-primary-600);
}
.predictive-search__reset-button{
    display: none;
}
.predictive-search__close-modal-button {
    border-radius: 4px !important;
    margin-left: 4px;
    color: #fff !important;
    background: var(--color-primary-600);
    width: 48px;
    height: 48px;
    padding: 0 !important;
}
.predictive-search__close-modal-button .svg-wrapper, .predictive-search__close-modal-button svg {
    width: 16px;
    height: 16px;
}
.predictive-search-form__header-inner label{
    cursor: pointer;
}

.predictive-search-form__content-wrapper{
    border-top: 1px solid #ffffffc9; 
}
.predictive-search .resource-card__title.paragraph {
    color: #043c6f;
    font-family: Sofia Pro;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
}

.predictive-search .resource-card__content .price {
    font-weight: 500;
    color: #043c6f;
}

.predictive-search .resource-card__link span,
.predictive-search .resource-card__image-placeholder{
    color: #043c6f;
    opacity: 0;
}

.predictive-search .predictive-search-results__pill {
    font-weight: 500;
    white-space: nowrap;
    color: #043c6f;
    border: 1px solid var(--color-primary-100) !important;
    padding: 10px 20px;
    border-radius: 8px;
    margin: 2px;
    transition: all ease 0.3s;
    outline: none;
}

.predictive-search .predictive-search-results__pill mark{
    color: #043c6f;
}
.predictive-search-form__footer {
    background: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
}

.predictive-search-form__footer .btn{
    width: 100%;
}
.predictive-search-results__wrapper-products:last-child{
    padding-block-end: 30px;
}


/* mega menu start */
.menu-list__submenu {
    padding: 0 100px !important;
    max-width: 1820px;
    margin: 0 auto;
    width: 100% !important;
    right: 0;
}

.menu-list__submenu .megamenu-heading {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 20px;
}

.menu-list__submenu .megamenu-heading h5{
    margin: 0;
    display: none;
}

.menu-list__submenu .category-wrapper .view-all{
    color: #fff;
    font-size: 18px;
}

.menu-list__submenu .category-wrapper .view-all:hover{
    color: var(--brand-orange);
}

.menu-list__submenu-inner{
    max-height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}

.menu-list__submenu .mega-menu{
    display: block;
}

.menu-list__submenu .mega-menu__grid {
    display: flex;
    width: 100%;
    gap: 60px;
}

.menu-list__submenu .mega-menu__grid .mega-image {
    width: 380px;
    padding-right: 60px;
    border-right: 1px solid #ffffff4a;
}

.menu-list__submenu .mega-menu__grid .mega-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
}
.category-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}
.category-wrapper h5{
    margin-bottom: 0;
}
.menu-list__submenu .mega-menu__list{
    width: calc(100% - 440px);
    display: block;
}

.menu-list__submenu .mega-menu__link.mega-menu__link--parent {
    color: #fff;
    font-size: 18px;
    gap: 24px;
    align-items: center;
    width: 100%;
}

.menu-list__submenu .mega-menu__link.mega-menu__link--parent .menu-list-icon{
    width: 40px;
    padding: 8px !important;
    border-radius: 8px;
    height: 40px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center;
    box-shadow: #0000001a 0 2px 9px;
    background: #fff;
    color: #043C6F;
    transition: all ease 0.3s;
}

.menu-list__submenu .mega-menu__link.mega-menu__link--parent:hover .menu-list-icon{
    background: var(--brand-orange);
    color: #fff;
}

.menu-list__submenu .mega-menu__link.mega-menu__link--parent:hover .mega-menu__link-title{
    transition: all ease 0.3s;
}

.menu-list__submenu .mega-menu__link.mega-menu__link--parent:hover .mega-menu__link-title{
    color: var(--brand-orange);
}

.menu-list__submenu .menu-list-icon svg {
    width: 100%;
    height: 100%;
}

.menu-list__submenu .mega-menu__column {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.menu-list__submenu .mega-menu__column > div {
    width: calc(33.3% - 14px);
}

.menu-list__submenu .mega-menu__column ul{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.menu-list__submenu .mega-menu__column ul li{
    width: calc(50% - 6px);
}

/* mega menu end */

@media (min-width: 750px) {
    .search-modal__content.dialog-modal {
        width: 900px;
        max-width: calc(100% - 30px) !important;
    }
}


@media(max-width: 1700px){
  .header .header__column--right {
      gap: 20px;
  }
  .header .header__column--right header-actions {
    gap: 40px;
  }

  .header header-actions .header-actions__action {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media(max-width: 1440px){
    .header header-actions .header-actions__action {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .blog-posts > .h2 {
        margin-bottom: 40px;
    }

    .blog-post-item .blog-post-card__image,
    .blog-post-item .blog-post-card__image-container div{
        border-radius: 22px;
    }

    .menu-list__submenu .mega-menu__grid {
        gap: 30px;
    }
    .menu-list__submenu .mega-menu__grid .mega-image {
        width: 270px;
        padding-right: 30px;
    }
    .menu-list__submenu .mega-menu__list {
        width: calc(100% - 300px);
    }
    .menu-list__submenu .mega-menu__column {
        gap: 16px;
    }

    .menu-list__submenu .mega-menu__column>div {
        width: calc(33.3% - 11px);
    }

    .menu-list__submenu .mega-menu__link.mega-menu__link--parent {
        font-size: 16px;
        gap: 16px;
    }
}

@media(max-width: 1200px){
    .menu-list__submenu {
        padding: 0 50px!important;
    }
}

@media(max-width: 991px){

  .blog-posts > .h2 {
    margin-bottom: 30px;
  }    

  .blog-posts .blog-posts-container{
    gap: 40px 30px;
  }

  .blog-posts-container .blog-post-item {
    width: calc(50% - 20px);
  }

  .blog-details .blog-post-featured-image__image {
    aspect-ratio: 1/0.4;
    border-radius: 20px;
  }

  .header .header__column--right {
      gap: 10px;
  }
  .header .header__column--right header-actions {
    gap: 20px;
  }
  .header header-actions .header-actions__action{
    gap: 6px;
    font-size: 16px;
  }
   .header .header-actions__cart-icon .cart-bubble {
    top: -7px;
  }
  .header-actions__cart-icon{
    gap: 6px;
  }

  .menu-list__submenu .category-wrapper .view-all{
    font-size: 16px;
  }

  .menu-list__submenu .mega-menu__grid {
    gap: 20px;
  }
    .menu-list__submenu .mega-menu__grid .mega-image {
        width: 220px;
        padding-right: 20px;
    }
    .menu-list__submenu .mega-menu__list {
        width: calc(100% - 240px);
    }
    .menu-list__submenu .mega-menu__column {
        gap: 12px;
    }

    .menu-list__submenu .mega-menu__column>div {
        width: calc(33.3% - 8px);
    }

    .menu-list__submenu .mega-menu__link.mega-menu__link--parent .menu-list-icon {
        width: 30px;
        padding: 4px!important;
        height: 30px;
    }
    .menu-list__submenu .mega-menu__link.mega-menu__link--parent {
        font-size: 12px;
    }
}


@media(max-width: 767px){
    .menu-list__submenu {
        padding: 0 16px!important;
    }
}

@media(max-width: 749px){
  .header header-actions .header-actions__action .menu-list__link-title,
  .header header-actions .header-actions__action:after{
    display: none;
  }

  .header .header-actions__action svg {
    width: 22px;
    height: 22px;
  }

  .user-dashboard .login-info{
    display: none !important;
  }

  .blog-posts > .h2 {
    margin-bottom: 30px;
  }

  .blog-posts .blog-posts-container{
    gap: 30px;
  }

  .blog-posts-container .blog-post-item {
    width: 100%;
  }

  .menu-drawer__close-button{
    padding: 10px 16px;
  }

  .menu-drawer__menu--childlist{
    display: none;
  }

  .menu-list-icon-mob {
    width: 40px;
    padding: 8px !important;
    border-radius: 8px;
    height: 40px;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    object-position: center;
    box-shadow: #0000001a 0 2px 9px;
    background: #fff;
    color: #043c6f;
    transition: all ease .3s;
}
}


.variant-option__button-label:has([data-option-available=false]):not(.variant-option__button-label--has-swatch):after{
    display: none;
}

.collection-wrapper .facets__actions{
    display: none;
}

.buy-buttons-block [data-tpo-theme]{
    width: 100% !important;
}