/* style 1  */
    /* Typography (heading) */
    @font-face {
      font-family: Roboto;
      font-weight: 500;
      font-style: normal;
      font-display: fallback;
      src: url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2"),
        url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2");
    }

    @font-face {
      font-family: Roboto;
      font-weight: 500;
      font-style: italic;
      font-display: fallback;
      src: url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2"),
        url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2");
    }

    /* Typography (body) */
    @font-face {
      font-family: Roboto;
      font-weight: 400;
      font-style: normal;
      font-display: fallback;
      src: url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2"),
        url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2");
    }

    @font-face {
      font-family: Roboto;
      font-weight: 400;
      font-style: italic;
      font-display: fallback;
      src: url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2"),
        url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2");
    }

    @font-face {
      font-family: Roboto;
      font-weight: 700;
      font-style: normal;
      font-display: fallback;
      src: url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2"),
        url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2");
    }

    @font-face {
      font-family: Roboto;
      font-weight: 700;
      font-style: italic;
      font-display: fallback;
      src: url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2"),
        url("css/fonts/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2") format("woff2");
    }

    :root {
      /* Container */
      --container-max-width: 100%;
      --container-xxs-max-width: 27.5rem;
      /* 440px */
      --container-xs-max-width: 42.5rem;
      /* 680px */
      --container-sm-max-width: 61.25rem;
      /* 980px */
      --container-md-max-width: 71.875rem;
      /* 1150px */
      --container-lg-max-width: 78.75rem;
      /* 1260px */
      --container-xl-max-width: 85rem;
      /* 1360px */
      --container-gutter: 1.25rem;

      --section-vertical-spacing: 2.5rem;
      --section-vertical-spacing-tight: 2.5rem;

      --section-stack-gap: 2.25rem;
      --section-stack-gap-tight: 2.25rem;

      /* Form settings */
      --form-gap: 1.25rem;
      /* Gap between fieldset and submit button */
      --fieldset-gap: 1rem;
      /* Gap between each form input within a fieldset */
      --form-control-gap: 0.625rem;
      /* Gap between input and label (ignored for floating label) */
      --checkbox-control-gap: 0.75rem;
      /* Horizontal gap between checkbox and its associated label */
      --input-padding-block: 0.65rem;
      /* Vertical padding for input, textarea and native select */
      --input-padding-inline: 0.8rem;
      /* Horizontal padding for input, textarea and native select */
      --checkbox-size: 0.875rem;
      /* Size (width and height) for checkbox */

      /* Other sizes */
      --sticky-area-height: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-height, 0px));

      /* RTL support */
      --transform-logical-flip: 1;
      --transform-origin-start: left;
      --transform-origin-end: right;

      /**
     * ---------------------------------------------------------------------
     * TYPOGRAPHY
     * ---------------------------------------------------------------------
     */

      /* Font properties */
      --heading-font-family: Roboto, sans-serif;
      --heading-font-weight: 500;
      --heading-font-style: normal;
      --heading-text-transform: uppercase;
      --heading-letter-spacing: 0.03em;
      --text-font-family: Roboto, sans-serif;
      --text-font-weight: 400;
      --text-font-style: normal;
      --text-letter-spacing: 0.01em;
      --button-font: var(--heading-font-style) var(--heading-font-weight) var(--text-sm) / 1.65 var(--heading-font-family);
      --button-text-transform: uppercase;
      --button-letter-spacing: 0.03em;

      /* Font sizes */
      --text-heading-size-factor: 1;
      --text-h1: max(0.6875rem, clamp(1.375rem, 1.146341463414634rem + 0.975609756097561vw, 2rem) * var(--text-heading-size-factor));
      --text-h2: max(0.6875rem, clamp(1.25rem, 1.0670731707317074rem + 0.7804878048780488vw, 1.75rem) * var(--text-heading-size-factor));
      --text-h3: max(0.6875rem, clamp(1.125rem, 1.0335365853658536rem + 0.3902439024390244vw, 1.375rem) * var(--text-heading-size-factor));
      --text-h4: max(0.6875rem, clamp(1rem, 0.9542682926829268rem + 0.1951219512195122vw, 1.125rem) * var(--text-heading-size-factor));
      --text-h5: calc(0.875rem * var(--text-heading-size-factor));
      --text-h6: calc(0.75rem * var(--text-heading-size-factor));

      --text-xs: 0.6875rem;
      --text-sm: 0.75rem;
      --text-base: 0.8125rem;
      --text-lg: 0.9375rem;
      --text-xl: 1.125rem;

      /* Rounded variables (used for border radius) */
      --rounded-full: 9999px;
      --button-border-radius: 0.125rem;
      --input-border-radius: 0.125rem;

      /* Box shadow */
      --shadow-sm: 0 2px 8px rgb(0 0 0 / 0.05);
      --shadow: 0 5px 15px rgb(0 0 0 / 0.05);
      --shadow-md: 0 5px 30px rgb(0 0 0 / 0.05);
      --shadow-block: px px px rgb(var(--text-primary) / 0.0);

      /**
     * ---------------------------------------------------------------------
     * OTHER
     * ---------------------------------------------------------------------
     */

      --checkmark-svg-url: url(imgs/checkmark.svg);
      --cursor-zoom-in-svg-url: url(js/cursor-zoom-in.svg);
    }

    [dir="rtl"]:root {
      /* RTL support */
      --transform-logical-flip: -1;
      --transform-origin-start: right;
      --transform-origin-end: left;
    }

    @media screen and (min-width: 700px) {
      :root {
        /* Typography (font size) */
        --text-xs: 0.75rem;
        --text-sm: 0.8125rem;
        --text-base: 0.875rem;
        --text-lg: 1.0rem;
        --text-xl: 1.25rem;

        /* Spacing settings */
        --container-gutter: 2rem;
      }
    }

    @media screen and (min-width: 1000px) {
      :root {
        /* Spacing settings */
        --container-gutter: 3rem;

        --section-vertical-spacing: 4rem;
        --section-vertical-spacing-tight: 4rem;

        --section-stack-gap: 3rem;
        --section-stack-gap-tight: 3rem;
      }
    }

    :root {
      /* Overlay used for modal */
      --page-overlay: 0 0 0 / 0.4;

      /* We use the first scheme background as default */
      --page-background: ;

      /* Product colors */
      --on-sale-text: 171 18 18;
      --on-sale-badge-background: 171 18 18;
      --on-sale-badge-text: 255 255 255;
      --sold-out-badge-background: 239 239 239;
      --sold-out-badge-text: 0 0 0 / 0.65;
      --custom-badge-background: 28 28 28;
      --custom-badge-text: 255 255 255;
      --star-color: 28 28 28;

      /* Status colors */
      --success-background: 212 227 203;
      --success-text: 48 122 7;
      --warning-background: 253 241 224;
      --warning-text: 237 138 0;
      --error-background: 243 204 204;
      --error-text: 203 43 43;
    }

    .color-scheme--scheme-1 {
      /* Color settings */
      --accent: 28 28 28;
      --text-color: 28 28 28;
      --background: 239 239 239 / 1.0;
      --background-without-opacity: 239 239 239;
      --background-gradient: ;
      --border-color: 207 207 207;
      /* Button colors */
      --button-background: 28 28 28;
      --button-text-color: 255 255 255;

      /* Circled buttons */
      --circle-button-background: 255 255 255;
      --circle-button-text-color: 28 28 28;
    }

    .pafbig-section:has(.section-spacing.color-scheme--bg-609ecfcfee2f667ac6c12366fc6ece56)+.pafbig-section:has(.section-spacing.color-scheme--bg-609ecfcfee2f667ac6c12366fc6ece56:not(.bordered-section)) .section-spacing {
      padding-block-start: 0;
    }

    .color-scheme--scheme-2 {
      /* Color settings */
      --accent: 28 28 28;
      --text-color: 28 28 28;
      --background: 255 255 255 / 1.0;
      --background-without-opacity: 255 255 255;
      --background-gradient: ;
      --border-color: 221 221 221;
      /* Button colors */
      --button-background: 28 28 28;
      --button-text-color: 255 255 255;

      /* Circled buttons */
      --circle-button-background: 255 255 255;
      --circle-button-text-color: 28 28 28;
    }

    .pafbig-section:has(.section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673)+.pafbig-section:has(.section-spacing.color-scheme--bg-54922f2e920ba8346f6dc0fba343d673:not(.bordered-section)) .section-spacing {
      padding-block-start: 0;
    }

    .color-scheme--scheme-3 {
      /* Color settings */
      --accent: 255 255 255;
      --text-color: 255 255 255;
      --background: 28 28 28 / 1.0;
      --background-without-opacity: 28 28 28;
      --background-gradient: ;
      --border-color: 62 62 62;
      /* Button colors */
      --button-background: 255 255 255;
      --button-text-color: 28 28 28;

      /* Circled buttons */
      --circle-button-background: 255 255 255;
      --circle-button-text-color: 28 28 28;
    }

    .pafbig-section:has(.section-spacing.color-scheme--bg-c1f8cb21047e4797e94d0969dc5d1e44)+.pafbig-section:has(.section-spacing.color-scheme--bg-c1f8cb21047e4797e94d0969dc5d1e44:not(.bordered-section)) .section-spacing {
      padding-block-start: 0;
    }

    .color-scheme--scheme-4 {
      /* Color settings */
      --accent: 255 255 255;
      --text-color: 255 255 255;
      --background: 0 0 0 / 0.0;
      --background-without-opacity: 0 0 0;
      --background-gradient: ;
      --border-color: 255 255 255;
      /* Button colors */
      --button-background: 255 255 255;
      --button-text-color: 28 28 28;

      /* Circled buttons */
      --circle-button-background: 255 255 255;
      --circle-button-text-color: 28 28 28;
    }

    .pafbig-section:has(.section-spacing.color-scheme--bg-3671eee015764974ee0aef1536023e0f)+.pafbig-section:has(.section-spacing.color-scheme--bg-3671eee015764974ee0aef1536023e0f:not(.bordered-section)) .section-spacing {
      padding-block-start: 0;
    }

    .color-scheme--dialog {
      /* Color settings */
      --accent: 28 28 28;
      --text-color: 28 28 28;
      --background: 255 255 255 / 1.0;
      --background-without-opacity: 255 255 255;
      --background-gradient: ;
      --border-color: 221 221 221;
      /* Button colors */
      --button-background: 28 28 28;
      --button-text-color: 255 255 255;

      /* Circled buttons */
      --circle-button-background: 255 255 255;
      --circle-button-text-color: 28 28 28;
    }
 /* style 1 ends style 2 starts*/

    #dynamic-checkout-cart {
      
      width: 100%;
    }

    .wallet-cart-grid {
      --wallet-button-height-horizontal: clamp(25px,
          var(--pafbig-accelerated-checkout-button-inline-size,
            42px),
          55px);
      --wallet-button-height-vertical: clamp(25px,
          var(--pafbig-accelerated-checkout-button-block-size,
            54px),
          55px);
      --wallet-button-width-horizontal: 150px;
      --wallet-button-width-vertical: 100%;
      --wallet-button-border-radius: var(--pafbig-accelerated-checkout-button-border-radius,
          4px);
      --wallet-grid-margin-horizontal: 0 -5px -5px -5px;
      --wallet-button-container-margin-horizontal: 0 5px 5px;
      --wallet-button-container-margin-vertical: var(--pafbig-accelerated-checkout-row-gap, 8px) 0 0;
    }

    @keyframes acceleratedCheckoutLoadingSkeleton {
      50% {
        opacity: var(--pafbig-accelerated-checkout-skeleton-animation-opacity-start, 1);
      }

      75% {
        opacity: var(--pafbig-accelerated-checkout-skeleton-animation-opacity-end, 0.5);
      }

      100% {
        opacity: var(--pafbig-accelerated-checkout-skeleton-animation-opacity-start, 1);
      }
    }

    .wallet-cart-button__skeleton {
      animation: acceleratedCheckoutLoadingSkeleton var(--pafbig-accelerated-checkout-skeleton-animation-duration, 4s) var(--pafbig-accelerated-checkout-skeleton-animation-timing-function, ease) infinite;
      animation-delay: -0.168s;
      background-color: var(--pafbig-accelerated-checkout-skeleton-background-color, #dedede);
      box-sizing: border-box;
      text-decoration: none !important;
    }

    .wallet-cart-grid {
      margin: var(--wallet-grid-margin-horizontal);
      padding: 0;
      display: flex;
      flex-direction: row;
      justify-content: var(--pafbig-accelerated-checkout-inline-alignment, start);
      gap: 0 !important;
    }

    .wallet-cart-button-container {
      position: relative;
      margin: var(--wallet-button-container-margin-horizontal);
    }

    .wallet-cart-button-container,
    .wallet-cart-button {
      width: var(--wallet-button-width-horizontal);
      height: var(--wallet-button-height-horizontal);
      border-radius: var(--wallet-button-border-radius);
      list-style-type: none !important;
      text-align: center;
      flex-shrink: 0;
      flex-grow: 0;
    }

    .additional-checkout-buttons--vertical .wallet-cart-grid {
      justify-content: start;
      flex-direction: column;
      margin: 0;
    }

    .additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container {
      width: var(--wallet-button-width-vertical);
      height: var(--wallet-button-height-vertical);
      margin: var(--wallet-button-container-margin-vertical);
    }

    .additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container:first-child {
      margin-top: 0;
    }

    .additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button {
      width: var(--wallet-button-width-vertical);
      height: var(--wallet-button-height-vertical);
    }

    .additional-checkout-buttons--horizontal .wallet-cart-grid .wallet-cart-button-container,
    .additional-checkout-buttons--horizontal .wallet-cart-grid .wallet-cart-button {
      width: var(--wallet-button-width-horizontal) !important;
      height: var(--wallet-button-height-horizontal) !important;
      border-radius: var(--wallet-button-border-radius) !important;
    }

    @container dcc (width >=150px) and (width <=500px) {
      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) {
        justify-content: start;
        flex-direction: column;
        margin: 0;
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
        margin: var(--wallet-button-container-margin-vertical);
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container:first-child {
        margin-top: 0;
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
      }
    }

    @container dcc (width <=310px) {
      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) {
        justify-content: start;
        flex-direction: column;
        margin: 0;
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
        margin: var(--wallet-button-container-margin-vertical);
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container:first-child {
        margin-top: 0;
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
      }
    }

    @container dcc (width <=470px) {
      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) {
        justify-content: start;
        flex-direction: column;
        margin: 0;
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
        margin: var(--wallet-button-container-margin-vertical);
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container:first-child {
        margin-top: 0;
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
      }
    }

    @container dcc (width <=630px) {
      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) {
        justify-content: start;
        flex-direction: column;
        margin: 0;
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
        margin: var(--wallet-button-container-margin-vertical);
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container:first-child {
        margin-top: 0;
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
      }
    }

    @container dcc (width <=790px) {
      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) {
        justify-content: start;
        flex-direction: column;
        margin: 0;
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
        margin: var(--wallet-button-container-margin-vertical);
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container:first-child {
        margin-top: 0;
      }

      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
      }
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) {
      justify-content: start;
      flex-direction: column;
      margin: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container {
      width: var(--wallet-button-width-vertical);
      height: var(--wallet-button-height-vertical);
      margin: var(--wallet-button-container-margin-vertical);
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container:first-child {
      margin-top: 0;
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button {
      width: var(--wallet-button-width-vertical);
      height: var(--wallet-button-height-vertical);
    }

    @media screen and (max-width: 750px) {
      .wallet-cart-grid {
        justify-content: start;
        flex-direction: column;
        max-width: none;
        margin: 0;
      }

      .wallet-cart-grid .wallet-cart-button-container {
        max-width: none;
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
        margin: var(--wallet-button-container-margin-vertical);
      }

      .wallet-cart-grid .wallet-cart-button-container:first-child {
        margin-top: 0;
      }

      .wallet-cart-grid .wallet-cart-button {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
      }
    }

    @supports (not (container-type: inline-size)) or (not (selector(:has(*)))) {
      .wallet-cart-grid {
        justify-content: start;
        flex-direction: column;
        margin: 0;
      }

      .wallet-cart-button-container {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
        margin: var(--wallet-button-container-margin-vertical);
      }

      .wallet-cart-button-container:first-child {
        margin-top: 0;
      }

      .wallet-cart-grid .wallet-cart-button {
        width: var(--wallet-button-width-vertical);
        height: var(--wallet-button-height-vertical);
      }
    }
 
    .additional-checkout-buttons--vertical .wallet-cart-grid .wallet-cart-button-container:first-child {
      margin-top: 8px;
    }


    @container dcc (width >=150px) and (width <=500px) {
      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(1)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(2))) .wallet-cart-button-container:first-child {
        margin-top: 8px;
      }
    }

    @container dcc (width <=310px) {
      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(2)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(3))) .wallet-cart-button-container:first-child {
        margin-top: 8px;
      }
    }

    @container dcc (width <=470px) {
      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(3)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(4))) .wallet-cart-button-container:first-child {
        margin-top: 8px;
      }
    }

    @container dcc (width <=630px) {
      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(4)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(5))) .wallet-cart-button-container:first-child {
        margin-top: 8px;
      }
    }

    @container dcc (width <=790px) {
      .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(5)).wallet-cart-grid:not(:has(>.wallet-cart-button-container:nth-of-type(6))) .wallet-cart-button-container:first-child {
        margin-top: 8px;
      }
    }

    .wallet-cart-grid:has(>.wallet-cart-button-container:nth-of-type(6)) .wallet-cart-button-container:first-child {
      margin-top: 8px;
    }

    @media screen and (max-width: 750px) {
      .wallet-cart-grid .wallet-cart-button-container:first-child {
        margin-top: 8px;
      }
    }

    @supports (not (container-type: inline-size)) or (not (selector(:has(*)))) {
      .wallet-cart-button-container:first-child {
        margin-top: 8px;
      }
    }
/* style 2 ends 3 starts*/

    .okeReviews[data-oke-container],
    div.okeReviews {
      font-size: 14px;
      font-size: var(--oke-text-regular);
      font-weight: 400;
      font-family: var(--oke-text-fontFamily);
      line-height: 1.6
    }

    .okeReviews[data-oke-container] *,
    .okeReviews[data-oke-container] :after,
    .okeReviews[data-oke-container] :before,
    div.okeReviews *,
    div.okeReviews :after,
    div.okeReviews :before {
      box-sizing: border-box
    }

    .okeReviews[data-oke-container] h1,
    .okeReviews[data-oke-container] h2,
    .okeReviews[data-oke-container] h3,
    .okeReviews[data-oke-container] h4,
    .okeReviews[data-oke-container] h5,
    .okeReviews[data-oke-container] h6,
    div.okeReviews h1,
    div.okeReviews h2,
    div.okeReviews h3,
    div.okeReviews h4,
    div.okeReviews h5,
    div.okeReviews h6 {
      font-size: 1em;
      font-weight: 400;
      line-height: 1.4;
      margin: 0
    }

    .okeReviews[data-oke-container] ul,
    div.okeReviews ul {
      padding: 0;
      margin: 0
    }

    .okeReviews[data-oke-container] li,
    div.okeReviews li {
      list-style-type: none;
      padding: 0
    }

    .okeReviews[data-oke-container] p,
    div.okeReviews p {
      line-height: 1.8;
      margin: 0 0 4px
    }

    .okeReviews[data-oke-container] p:last-child,
    div.okeReviews p:last-child {
      margin-bottom: 0
    }

    .okeReviews[data-oke-container] a,
    div.okeReviews a {
      text-decoration: none;
      color: inherit
    }

    .okeReviews[data-oke-container] button,
    div.okeReviews button {
      border-radius: 0;
      border: 0;
      box-shadow: none;
      margin: 0;
      width: auto;
      min-width: auto;
      padding: 0;
      background-color: transparent;
      min-height: auto
    }

    .okeReviews[data-oke-container] button,
    .okeReviews[data-oke-container] input,
    .okeReviews[data-oke-container] select,
    .okeReviews[data-oke-container] textarea,
    div.okeReviews button,
    div.okeReviews input,
    div.okeReviews select,
    div.okeReviews textarea {
      font-family: inherit;
      font-size: 1em
    }

    .okeReviews[data-oke-container] label,
    .okeReviews[data-oke-container] select,
    div.okeReviews label,
    div.okeReviews select {
      display: inline
    }

    .okeReviews[data-oke-container] select,
    div.okeReviews select {
      width: auto
    }

    .okeReviews[data-oke-container] article,
    .okeReviews[data-oke-container] aside,
    div.okeReviews article,
    div.okeReviews aside {
      margin: 0
    }

    .okeReviews[data-oke-container] table,
    div.okeReviews table {
      background: transparent;
      border: 0;
      border-collapse: collapse;
      border-spacing: 0;
      font-family: inherit;
      font-size: 1em;
      table-layout: auto
    }

    .okeReviews[data-oke-container] table td,
    .okeReviews[data-oke-container] table th,
    .okeReviews[data-oke-container] table tr,
    div.okeReviews table td,
    div.okeReviews table th,
    div.okeReviews table tr {
      border: 0;
      font-family: inherit;
      font-size: 1em
    }

    .okeReviews[data-oke-container] table td,
    .okeReviews[data-oke-container] table th,
    div.okeReviews table td,
    div.okeReviews table th {
      background: transparent;
      font-weight: 400;
      letter-spacing: normal;
      padding: 0;
      text-align: left;
      text-transform: none;
      vertical-align: middle
    }

    .okeReviews[data-oke-container] table tr:hover td,
    .okeReviews[data-oke-container] table tr:hover th,
    div.okeReviews table tr:hover td,
    div.okeReviews table tr:hover th {
      background: transparent
    }

    .okeReviews[data-oke-container] fieldset,
    div.okeReviews fieldset {
      border: 0;
      padding: 0;
      margin: 0;
      min-width: 0
    }

    .okeReviews[data-oke-container] img,
    div.okeReviews img {
      max-width: none
    }

    .okeReviews[data-oke-container] div:empty,
    div.okeReviews div:empty {
      display: block
    }

    .okeReviews[data-oke-container] .oke-icon:before,
    div.okeReviews .oke-icon:before {
      font-family: oke-widget-icons !important;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: inherit
    }

    .okeReviews[data-oke-container] .oke-icon--select-arrow:before,
    div.okeReviews .oke-icon--select-arrow:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--loading:before,
    div.okeReviews .oke-icon--loading:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--pencil:before,
    div.okeReviews .oke-icon--pencil:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--filter:before,
    div.okeReviews .oke-icon--filter:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--play:before,
    div.okeReviews .oke-icon--play:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--tick-circle:before,
    div.okeReviews .oke-icon--tick-circle:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--chevron-left:before,
    div.okeReviews .oke-icon--chevron-left:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--chevron-right:before,
    div.okeReviews .oke-icon--chevron-right:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--thumbs-down:before,
    div.okeReviews .oke-icon--thumbs-down:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--thumbs-up:before,
    div.okeReviews .oke-icon--thumbs-up:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--close:before,
    div.okeReviews .oke-icon--close:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--chevron-up:before,
    div.okeReviews .oke-icon--chevron-up:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--chevron-down:before,
    div.okeReviews .oke-icon--chevron-down:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--star:before,
    div.okeReviews .oke-icon--star:before {
      content: ""
    }

    .okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,
    div.okeReviews .oke-icon--magnifying-glass:before {
      content: ""
    }

    @font-face {
      font-family: oke-widget-icons;
      src: url(css/fonts/oke-widget-icons.ttf) format("truetype"), url(css/fonts/oke-widget-icons.woff) format("woff"), url(js/oke-widget-icons.bc0d6b0a.svg) format("svg");
      font-weight: 400;
      font-style: normal;
      font-display: block
    }

    .okeReviews[data-oke-container] .oke-button,
    div.okeReviews .oke-button {
      display: inline-block;
      border-style: solid;
      border-color: var(--oke-button-borderColor);
      border-width: var(--oke-button-borderWidth);
      background-color: var(--oke-button-backgroundColor);
      line-height: 1;
      padding: 12px 24px;
      margin: 0;
      border-radius: var(--oke-button-borderRadius);
      color: var(--oke-button-textColor);
      text-align: center;
      position: relative;
      font-weight: var(--oke-button-fontWeight);
      font-size: var(--oke-button-fontSize);
      font-family: var(--oke-button-fontFamily);
      outline: 0
    }

    .okeReviews[data-oke-container] .oke-button-text,
    .okeReviews[data-oke-container] .oke-button .oke-icon,
    div.okeReviews .oke-button-text,
    div.okeReviews .oke-button .oke-icon {
      line-height: 1
    }

    .okeReviews[data-oke-container] .oke-button.oke-is-loading,
    div.okeReviews .oke-button.oke-is-loading {
      position: relative
    }

    .okeReviews[data-oke-container] .oke-button.oke-is-loading:before,
    div.okeReviews .oke-button.oke-is-loading:before {
      font-family: oke-widget-icons !important;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      color: undefined;
      font-size: 12px;
      display: inline-block;
      animation: oke-spin 1s linear infinite;
      position: absolute;
      width: 12px;
      height: 12px;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto
    }

    .okeReviews[data-oke-container] .oke-button.oke-is-loading>*,
    div.okeReviews .oke-button.oke-is-loading>* {
      opacity: 0
    }

    .okeReviews[data-oke-container] .oke-button.oke-is-active,
    div.okeReviews .oke-button.oke-is-active {
      background-color: var(--oke-button-backgroundColorActive);
      color: var(--oke-button-textColorActive);
      border-color: var(--oke-button-borderColorActive)
    }

    .okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),
    div.okeReviews .oke-button:not(.oke-is-loading) {
      cursor: pointer
    }

    .okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,
    div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover {
      background-color: var(--oke-button-backgroundColorHover);
      color: var(--oke-button-textColorHover);
      border-color: var(--oke-button-borderColorHover);
      box-shadow: 0 0 0 2px var(--oke-button-backgroundColorHover)
    }

    .okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,
    .okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,
    div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,
    div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active {
      background-color: var(--oke-button-backgroundColorActive);
      color: var(--oke-button-textColorActive);
      border-color: var(--oke-button-borderColorActive)
    }

    .okeReviews[data-oke-container] .oke-title,
    div.okeReviews .oke-title {
      font-weight: var(--oke-title-fontWeight);
      font-size: var(--oke-title-fontSize);
      font-family: var(--oke-title-fontFamily)
    }

    .okeReviews[data-oke-container] .oke-bodyText,
    div.okeReviews .oke-bodyText {
      font-weight: var(--oke-bodyText-fontWeight);
      font-size: var(--oke-bodyText-fontSize);
      font-family: var(--oke-bodyText-fontFamily)
    }

    .okeReviews[data-oke-container] .oke-linkButton,
    div.okeReviews .oke-linkButton {
      cursor: pointer;
      font-weight: 700;
      pointer-events: auto;
      text-decoration: underline
    }

    .okeReviews[data-oke-container] .oke-linkButton:hover,
    div.okeReviews .oke-linkButton:hover {
      text-decoration: none
    }

    .okeReviews[data-oke-container] .oke-readMore,
    div.okeReviews .oke-readMore {
      cursor: pointer;
      color: inherit;
      text-decoration: underline
    }

    .okeReviews[data-oke-container] .oke-select,
    div.okeReviews .oke-select {
      cursor: pointer;
      background-repeat: no-repeat;
      background-position-x: 100%;
      background-position-y: 50%;
      border: none;
      padding: 0 24px 0 12px;
      appearance: none;
      color: inherit;
      -webkit-appearance: none;
      background-color: transparent;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
      outline-offset: 4px
    }

    .okeReviews[data-oke-container] .oke-select:disabled,
    div.okeReviews .oke-select:disabled {
      background-color: transparent;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")
    }

    .okeReviews[data-oke-container] .oke-loader,
    div.okeReviews .oke-loader {
      position: relative
    }

    .okeReviews[data-oke-container] .oke-loader:before,
    div.okeReviews .oke-loader:before {
      font-family: oke-widget-icons !important;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      color: var(--oke-text-secondaryColor);
      font-size: 12px;
      display: inline-block;
      animation: oke-spin 1s linear infinite;
      position: absolute;
      width: 12px;
      height: 12px;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto
    }

    .okeReviews[data-oke-container] .oke-a11yText,
    div.okeReviews .oke-a11yText {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px
    }

    .okeReviews[data-oke-container] .oke-hidden,
    div.okeReviews .oke-hidden {
      display: none
    }

    .okeReviews[data-oke-container] .oke-modal,
    div.okeReviews .oke-modal {
      bottom: 0;
      left: 0;
      overflow: auto;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 2147483647;
      max-height: 100%;
      background-color: rgba(0, 0, 0, .5);
      padding: 40px 0 32px
    }

    @media only screen and (min-width:1024px) {

      .okeReviews[data-oke-container] .oke-modal,
      div.okeReviews .oke-modal {
        display: flex;
        align-items: center;
        padding: 48px 0
      }
    }

    .okeReviews[data-oke-container] .oke-modal ::selection,
    div.okeReviews .oke-modal ::selection {
      background-color: rgba(39, 45, 69, .2)
    }

    .okeReviews[data-oke-container] .oke-modal,
    .okeReviews[data-oke-container] .oke-modal p,
    div.okeReviews .oke-modal,
    div.okeReviews .oke-modal p {
      color: #272d45
    }

    .okeReviews[data-oke-container] .oke-modal-content,
    div.okeReviews .oke-modal-content {
      background-color: #fff;
      margin: auto;
      position: relative;
      will-change: transform, opacity;
      width: calc(100% - 64px)
    }

    @media only screen and (min-width:1024px) {

      .okeReviews[data-oke-container] .oke-modal-content,
      div.okeReviews .oke-modal-content {
        max-width: 1000px
      }
    }

    .okeReviews[data-oke-container] .oke-modal-close,
    div.okeReviews .oke-modal-close {
      cursor: pointer;
      position: absolute;
      width: 32px;
      height: 32px;
      top: -32px;
      padding: 4px;
      right: -4px;
      line-height: 1
    }

    .okeReviews[data-oke-container] .oke-modal-close:before,
    div.okeReviews .oke-modal-close:before {
      font-family: oke-widget-icons !important;
      font-style: normal;
      font-weight: 400;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      color: #fff;
      font-size: 24px;
      display: inline-block;
      width: 24px;
      height: 24px
    }

    .okeReviews[data-oke-container] .oke-modal-overlay,
    div.okeReviews .oke-modal-overlay {
      background-color: rgba(43, 46, 56, .9)
    }

    @media only screen and (min-width:1024px) {

      .okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,
      div.okeReviews .oke-modal--large .oke-modal-content {
        max-width: 1200px
      }
    }

    .okeReviews[data-oke-container] .oke-modal .oke-helpful,
    .okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,
    .okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,
    div.okeReviews .oke-modal .oke-helpful,
    div.okeReviews .oke-modal .oke-helpful-vote-button,
    div.okeReviews .oke-modal .oke-reviewContent-date {
      color: #676986
    }

    .oke-modal .okeReviews[data-oke-container].oke-w,
    .oke-modal div.okeReviews.oke-w {
      color: #272d45
    }

    .okeReviews[data-oke-container] .oke-tag,
    div.okeReviews .oke-tag {
      align-items: center;
      color: #272d45;
      display: flex;
      font-size: var(--oke-text-small);
      font-weight: 600;
      text-align: left;
      position: relative;
      z-index: 2;
      background-color: #f4f4f6;
      padding: 4px 6px;
      border: none;
      border-radius: 4px;
      gap: 6px;
      line-height: 1
    }

    .okeReviews[data-oke-container] .oke-tag svg,
    div.okeReviews .oke-tag svg {
      fill: currentColor;
      height: 1rem
    }

    .okeReviews[data-oke-container] .hooper,
    div.okeReviews .hooper {
      height: auto
    }

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

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

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

    .okeReviews :not([tabindex="-1"]):focus-visible {
      outline: 5px auto highlight;
      outline: 5px auto -webkit-focus-ring-color
    }

    .is-oke-modalOpen {
      overflow: hidden !important
    }

    img.oke-is-error {
      background-color: var(--oke-shadingColor);
      background-size: cover;
      background-position: 50% 50%;
      box-shadow: inset 0 0 0 1px var(--oke-border-color)
    }

    @keyframes oke-spin {
      0% {
        transform: rotate(0deg)
      }

      to {
        transform: rotate(1turn)
      }
    }

    @keyframes oke-fade-in {
      0% {
        opacity: 0
      }

      to {
        opacity: 1
      }
    }

    .oke-stars {
      line-height: 1;
      position: relative;
      display: inline-block
    }

    .oke-stars-background svg {
      overflow: visible
    }

    .oke-stars-foreground {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0
    }

    .oke-sr {
      display: inline-block;
      padding-top: var(--oke-starRating-spaceAbove);
      padding-bottom: var(--oke-starRating-spaceBelow)
    }

    .oke-sr .oke-is-clickable {
      cursor: pointer
    }

    .oke-sr-count,
    .oke-sr-rating,
    .oke-sr-stars {
      display: inline-block;
      vertical-align: middle
    }

    .oke-sr-stars {
      line-height: 1;
      margin-right: 8px
    }

    .oke-sr-rating {
      display: none
    }

    .oke-sr-count--brackets:before {
      content: "("
    }

    .oke-sr-count--brackets:after {
      content: ")"
    }

#pafbig-section-template--16000070123655__slideshow p.h6.hero-banner-subheading {margin-top: 30px;} @media only screen and (min-width: 1024px) {#pafbig-section-template--16000070123655__slideshow .slideshow__slide-content {max-width: 600px !important; }} #pafbig-section-template--16000070123655__slideshow a.button {padding: 0.75rem 0.75rem; font-size: 13px;} 


/* style 3 ends 4 starts*/
:root {
  --oke-widget-spaceAbove: 18px;
  --oke-widget-spaceBelow: 18px;
  --oke-starRating-spaceAbove: 0;
  --oke-starRating-spaceBelow: 0;
  --oke-button-backgroundColor: #000;
  --oke-button-backgroundColorHover: #000;
  --oke-button-backgroundColorActive: #000;
  --oke-button-textColor: #fff;
  --oke-button-textColorHover: #454545;
  --oke-button-textColorActive: #fff;
  --oke-button-borderColor: #dbdde4;
  --oke-button-borderColorHover: #dbdde4;
  --oke-button-borderColorActive: #000;
  --oke-button-borderRadius: 4px;
  --oke-button-borderWidth: 1px;
  --oke-button-fontWeight: 700;
  --oke-button-fontSize: var(--oke-text-regular, 14px);
  --oke-button-fontFamily: inherit;
  --oke-border-color: #b6b6b6;
  --oke-border-width: 1px;
  --oke-text-primaryColor: #000;
  --oke-text-secondaryColor: #474545;
  --oke-text-small: 12px;
  --oke-text-regular: 14px;
  --oke-text-large: 20px;
  --oke-text-fontFamily: inherit;
  --oke-avatar-size: 48px;
  --oke-avatar-backgroundColor: #e5e5eb;
  --oke-avatar-placeholderTextColor: #000;
  --oke-highlightColor: #000;
  --oke-shadingColor: #f7f7f8;
  --oke-productImageSize: 48px;
  --oke-attributeBar-shadingColor: #b0b0b0;
  --oke-attributeBar-borderColor: undefined;
  --oke-attributeBar-backgroundColor: #dedede;
  --oke-attributeBar-markerColor: #000;
  --oke-filter-backgroundColor: #fff;
  --oke-filter-backgroundColorActive: #878787;
  --oke-filter-borderColor: #dbdde4;
  --oke-filter-borderColorActive: #878787;
  --oke-filter-textColor: #000;
  --oke-filter-textColorActive: #fff;
  --oke-filter-borderRadius: 100px;
  --oke-filter-searchHighlightColor: #999;
  --oke-mediaGrid-chevronColor: #676986;
  --oke-stars-foregroundColor: #000;
  --oke-stars-backgroundColor: #fff;
  --oke-stars-borderWidth: 1;
  --oke-stars-borderColor: #000
}

.oke-w,
.oke-modal {
  --oke-stars-foregroundColor: #000;
  --oke-stars-backgroundColor: #fff;
  --oke-stars-borderWidth: 1;
  --oke-stars-borderColor: #000
}

.oke-sr {
  --oke-stars-foregroundColor: #000;
  --oke-stars-backgroundColor: #e5e5e5;
  --oke-stars-borderWidth: 0
}

.oke-w,
oke-modal {
  --oke-title-fontWeight: 600;
  --oke-title-fontSize: var(--oke-text-regular, 14px);
  --oke-title-fontFamily: inherit;
  --oke-bodyText-fontWeight: 400;
  --oke-bodyText-fontSize: var(--oke-text-regular, 14px);
  --oke-bodyText-fontFamily: inherit
}

/* style 5 starts*/

    .okeLoyalty .c-titleBar {
      top: 0 !important
    }

    [data-oke-referrals-widget] .c-okeReferralsApp {
      width: 100%;
      max-width: 600px
    }

/* style 6 starts*/
.countdown-condensed {
  justify-content: center!important;
}

      @media only screen and (min-width:1024px) {
        .countdown-condensed {
          justify-content: center;
        }
      }

      @keyframes slideInShakeZoom {
        0% {
          transform: translateX(-100%) scale(0.5);
          opacity: 0;
        }

        50% {
          transform: translateX(15px) scale(1);
          opacity: 1;
        }

        60% {
          transform: translateX(-15px) scale(1.1);
        }

        70% {
          transform: translateX(15px) scale(1.05);
        }

        80% {
          transform: translateX(-15px) scale(1.1);
        }

        90% {
          transform: translateX(15px) scale(1.05);
        }

        100% {
          transform: translateX(0) scale(1);
        }
      }

      .slide-shake-zoom {
        animation: slideInShakeZoom 2s ease-in-out;
      }
  
/* style 7 starts*/

@media screen and (min-width: 700px) {
  #pafbig-section-sections--16000065011847__countdown_condensed_3HzEeU {
    --countdown-condensed-justify-content: space-between;
  }
}

/* style 8 starts*/

      :root {
        --header-is-sticky: 1;
      }

      #pafbig-section-sections--16000065011847__header {
        --header-grid: "primary-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
        --header-padding-block: 1rem;
        --header-transparent-header-text-color: 255 255 255;

        position: relative;
        z-index: 5;
      }

      @media screen and (min-width: 700px) {
        #pafbig-section-sections--16000065011847__header {
          --header-padding-block: 1.35rem;
        }
      }

      @media screen and (min-width: 1000px) {
        #pafbig-section-sections--16000065011847__header {
          --header-grid: "logo primary-nav secondary-nav" / auto minmax(0, 1fr) auto;
        }
      }

      #pafbig-section-sections--16000065011847__header {
        position: sticky;
        top: 0;
      }

      .pafbig-section--announcement-bar~#pafbig-section-sections--16000065011847__header {
        top: calc(var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px));
      }

      #pafbig-section-sections--16000065011847__header {
        --header-logo-width: 160px;
      }

      @media screen and (min-width: 700px) {
        #pafbig-section-sections--16000065011847__header {
          --header-logo-width: 160px;
        }
      }
 

/* style 9 starts*/

        #custom-liquid {
          margin-top: 10px;
          margin-bottom: 10px;
        }
     
/* style 10 starts*/
#pafbig-section-template--16000070123655__slideshow p.h6.hero-banner-subheading {
    margin-top: 30px;
  }

  @media only screen and (min-width: 1024px) {
    #pafbig-section-template--16000070123655__slideshow .slideshow__slide-content {
      max-width: 600px !important;
    }
  }

  #pafbig-section-template--16000070123655__slideshow a.button {
    padding: 0.75rem 0.75rem;
    font-size: 13px;
  }
/* style 11 starts*/
.featured-collection-subheading {
    font-size: 40px;
    letter-spacing: 0px;
    line-height: 2em;
  }

  @media screen and (max-width:768px) {
    .featured-collection-subheading {
      font-size: 28px;
    }
  }

  #pafbig-section-template--16000070123655__featured_collections_wXgDKG {
    margin-top: 0px;
    margin-bottom: 0px;
    --product-list-items-per-row: 2;
    --product-list-horizontal-spacing-factor: 0.2;
    --product-list-vertical-spacing-factor: 0.2;
  }

  @media screen and (min-width: 700px) {
    #pafbig-section-template--16000070123655__featured_collections_wXgDKG {
      --product-list-items-per-row: 4;
    }
  }
/* style 12 starts*/
#pafbig-section-template--16000070123655__scrolling_content_gXpaYY {
    margin-top: 0px;
    margin-bottom: 0px;
    --section-vertical-spacing: clamp(10px, calc(10px + (10 - 10) * ((100vw - 375px) / (1400 - 375))), 10px);
    --scrolling-content-content-gap: clamp(50px, calc(50px + (50 - 50) * ((100vw - 375px) / (1400 - 375))), 50px);

    font-size: clamp(18px, calc(18px + (26 - 18) * ((100vw - 375px) / (1400 - 375))), 26px);
  }
/* style 13 starts*/
.collection-card-btn {
    background: white !important;
    color: black !important;
    border: 1px solid white;
  }

  .collection-card-btn:hover {
    background: none !important;
    color: white !important;
    border: 1px solid white;
  }

  .collection-card-btn {
    font-size: px;
    letter-spacing: px;
    line-height: em;
  }

  .collection-list-heading {
    font-size: 28px;
    letter-spacing: 0px;
    line-height: 2em;
  }

  @media only screen and (min-width:768px) {
    .collection-card-btn {
      font-size: px;
    }

    .collection-list-heading {
      font-size: 40px;
    }
  }

  #pafbig-section-template--16000070123655__collection_list_dBrGxM {
    margin-top: 0px;
    margin-bottom: 0px;
    --collection-list-item-size: 84vw;
    --collection-list-gap: 1.5rem;
  }

  @media screen and (min-width: 700px) {
    #pafbig-section-template--16000070123655__collection_list_dBrGxM {
      --collection-list-item-size: 62vw;
    }
  }

  @media screen and (min-width: 1150px) {
    #pafbig-section-template--16000070123655__collection_list_dBrGxM {
      --collection-list-item-size: unset;
      --collection-list-items-per-row: 3;
      --collection-list-gap: 1.875rem;
    }
  }
/* style 14 starts*/
#pafbig-section-template--16000070123655__testimonials_UKCgbc {
    margin-top: 25px;
    margin-bottom: 50px;
  }
/* style 15 starts*/
#pafbig-section-sections--16000064913543__footer {
    --footer-content-justify-items: space-between;
  }

  @media screen and (min-width: 700px) {
    .sm\:gap-5 {
      gap: 1rem !important;
    }
  }

  .c-vipTiersTable {
    padding: 0px 24px;
  }

  .c-embeddedProfile .c-card {
    display: flex;
  }

  .c-embeddedProfile .c-embeddedProfile-profile .c-card {
    display: block;
  }



  @media screen and (max-width: 680px) {
    .c-embeddedProfile .c-card {
      flex-direction: column;
    }

    .c-embeddedProfile .divider {
      width: 100% !important;
      height: 1px;
    }
  }
  .c-app--bottomLeftAligned.is-floating.c-app {
    top: unset !important;
  }

  .freegifts-main-container .fg-section-title {
    color: #121212;
  }

  .freegifts-main-container .product-title {
    color: #000000;
  }

  .freegifts-main-container .original-price {
    color: #121212;
  }

  .freegifts-main-container .gift-price {
    color: #c11e1e;
  }

  .freegifts-main-container .btn-add-to-cart {
    color: #FFFFFF;
    background-color: #c11e1e;
  }

  #sca-gift-icon .sca-gift-icon-img {
    width: 50px;
    max-height: 50px;
  }

  #sca-gift-thumbnail .sca-gift-image {
    width: 50px;
    max-height: 50px;
  }

  .sca-gift-icon-collection-page .sca-gift-icon-collection-img {
    width: 50px;
    max-height: 50px;
  }

  #sca-promotion-glider {
    color: #ffffff;
    background-color: #c11e1e;
  }

  .freegifts-main-container .btn-add-to-cart svg path {
    fill: #FFFFFF;
  }

 

      .rocket-policyOption label {
        display: inline-block;
        vertical-align: middle;
        /* Aligns the label in the middle vertically */
      }

      .rocketTitle {
        font-family: 'Assistant', sans-serif !important;
        text-align: center;
        font-size: 2.6rem;
        color: black;
      }

      .rocketSubtitle {
        font-size: 0.9rem;
        text-transform: uppercase;
        margin-bottom: 0.5em;
        font-weight: 700;
        color: black;
      }

      .rocket-content {
        display: -ms-grid;
        display: grid;
        place-items: center;
        padding: 0 0.1em;
        margin-bottom: 0.8em;
        width: 80%;
        height: auto;
      }

      .rocket-mail {
        padding: 0.5em 0 0.5em 1.5em;
        line-height: 3;
        width: 100%;
        border: 1px solid #d9d9d9;
        border-radius: 0.5em;
        margin-bottom: 1em;
      }

      ::-webkit-input-placeholder {
        color: #111127;
      }

      :-ms-input-placeholder {
        color: #111127;
      }

      ::-ms-input-placeholder {
        color: #111127;
      }

      ::placeholder {
        color: #111127;
      }

      .rocketWhatsappSubmitButton {
        color: #fff;
        font-size: 1.3rem;
        font-weight: 700;
        background-color: #f55951;
        padding: 0.9em 0;
        display: inline-block;
        border: none;
        border-radius: 0.5em;
        width: 100%;
        margin-bottom: 1.3em;
      }

      .rocket-text {
        font-size: 0.9rem;
        width: 90%;
        text-align: center;
        color: #666;
      }

      .rocket-highlight {
        border: 0.5px solid red;
        /* This will make the border of the input field red */
      }

      .rocket-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
      }

      .rocket-modal-overlay.active {
        opacity: 1;
        visibility: visible;
      }


      .rocket-whatsapp-widget {
        position: fixed;
        bottom: 20px;
        right: 20px;
        visibility: hidden;

      }

      .rocket-whatsapp-widget.active {
        visibility: visible;
      }

      .rocket-whatsapp-widget img {
        width: 60px;
        height: 60px;
        cursor: pointer;
        z-index: 9999;
      }

      .rocket-hidden {
        display: none;
      }




      .rocketContainer {
        background-color: #fff;
        padding: 1em;
        border-radius: 1em;
        max-width: 768px;
        display: -ms-grid;
        display: grid;
        place-items: center;
        -webkit-box-shadow: 0px 17px 34px -20px #f55951;
        box-shadow: 0px 17px 34px -20px #f55951;
      }



      .rocket-text {
        font-size: 1rem;
        margin-bottom: 0.8em;
      }

      .rocketContainer {
        max-width: 400px;
        overflow: hidden;
        padding: 0;
      }

      .rocket-img {
        width: 100%;
        height: auto;
        border-radius: 1em 1em 0 0;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
      }

      .rocket-img__container {
        height: 200px;
        overflow: hidden;
        margin-bottom: 1.5em;
      }

      #OfferlyModalDiv,
      #OfferlySupportDiv {
        display: none;
        position: fixed;
        z-index: 2147483647;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background-color: rgb(0, 0, 0);
        background-color: rgba(0, 0, 0, 0.4);
        flex-direction: column;
      }

      .offerly-text {
        color: #000000;
      }

      .offerly-terms {
        font-size: 12px;
      }

      .offerly-loading {
        display: none;
      }

      .offerly-loading-spinner {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 200px;
        min-width: 100%;
        flex-direction: column;
      }

      .spinner {
        border: 4px solid rgba(0, 0, 0, 0.1);
        border-top: 4px solid #767676;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        animation: spin 1s linear infinite;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

      .offerly-modal-content {
        background-color: #ffffff;
        margin: auto;
        border: 1px solid #888;
        width: 90%;
        max-width: 650px;
        padding: 40px;
      }

      .offerly-support-modal-content {
        background-color: #ffffff;
        margin: auto;
        border: 1px solid #888;
        width: 90%;
        max-width: 650px;
        padding: 40px;
      }

      .offerly-modal-content-group {
        display: flex;
        /* Ensure this is a flex container */
        justify-content: center;
        flex-wrap: wrap;
        gap: 40px;
      }

      .offerButton:hover {
        background-color: #484848 !important;
      }

      .offerButton {
        min-height: 40px;
      }

      .glow-button {
        animation: glow 1s infinite alternate;
      }

      @keyframes glow {
        from {
          box-shadow: 0 0 1px #007BFF;
        }

        to {
          box-shadow: 0 0 20px #007BFF;
        }
      }

      #OfferInput {
        width: 100%;
        display: block;
        padding: 10px;
        margin-bottom: 5px;
        margin-top: 5px;
        /* Example: set border color */
        border: 1px solid #ccc;
        border-radius: 5px;
        /* Example: round the corners of the input fields */
        resize: vertical;
        /* Allow the user to vertically resize the textarea (not horizontally) */
        font-family: inherit;
        font-size: 16px;
        background-color: inherit;
      }

      #termsCheckbox {
        display: flex;
        align-items: center;
      }

      #OfferInput:focus,
      #OfferInput:focus {
        outline: none;
        /* Removes the highlight effect on focus */

        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }


      #rightSide {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 100%;
        flex: 1 1 150px;
        padding-top: 40px;
      }

      #leftSide {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 50%;
        flex: 1 1 250px;
      }

      #leftSide h2 {
        font-size: 24px;
      }

      .close {
        
        float: right;
        font-size: 22px;
        font-weight: bold;
      }

      .close:hover,
      .close:focus {
        
        text-decoration: none;
        cursor: pointer;
      }

      .offerInputError {
        border-color: red !important;
        outline: 1px solid red;
        box-shadow: 0 0 5px red;
      }

      .indented-list {
        padding-left: 20px;
        /* Adjust the value as needed */
      }

      .offerly-input-label {
        margin-top: 0;
        margin-bottom: 0;
      }

      .modal-product-image {
        object-fit: contain;
      }

      #productImageMobileDiv {
        justify-content: center;
        display: none;
      }



      @media only screen and (max-width: 600px) {

        #OfferlyModalDiv,
        #OfferlySupportDiv {
          padding-top: 0;
          /* Remove padding at the top */
          height: 100%;
          /* Ensure it covers the full height */
          width: 100%;
          /* Ensure it covers the full width */
          margin: 0;
          /* Remove margins for mobile */
          overflow: scroll;
          /* Remove scrolling ability */
        }

        #modalProductDescription {
          display: none !important;
        }


        @keyframes animateopacity {
          from {
            background-color: rgba(0, 0, 0, 0.0)
          }

          to {
            background-color: rgba(0, 0, 0, 0.7)
          }
        }


        .offerly-modal-content {
          width: 100%;
          max-width: 100%;
          /* Override any max-width for mobile */
          margin: 0;
          /* Remove margin to fill the screen */
          padding: 40px;
          /* Adjust padding as needed */
          border: none;
          /* Optional: remove border for full screen */
        }

        .offerly-modal-content-group {
          gap: 0;
        }

        #rightSide {
          padding-top: 15px;
          min-width: 300px;
        }

        #productImage {
          display: none;
        }


      }