/** Shopify CDN: Minification failed

Line 25:0 All "@import" rules must come first
Line 1340:8 Expected identifier but found whitespace
Line 1340:9 Unexpected "0.8"
Line 9637:18 Unexpected "("

**/
@font-face {
    src: url('/cdn/shop/files/NHaasGroteskTXPro-55Rg.ttf?v=1682706982');
    font-family: 'Neue Haas Regular';
}
@font-face {
    src: url('/cdn/shop/files/NHaasGroteskTXPro-65Md.ttf?v=1682706994');
    font-family: 'Neue Haas Semi Bold';
}
@font-face {
    src: url('/cdn/shop/files/NHaasGroteskTXPro-75Bd.ttf?v=1682707010');
    font-family: 'Neue Haas Bold';
}
@font-face {
    src: url('/cdn/shop/files/AdobeHandwriting-Ernie.ttf?v=1683139024');
    font-family: 'Adobe Handwriting Ernie';
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Neue Haas Grotesk Display Pro'), url('/cdn/shop/files/NeueHaasDisplayLight.woff?v=1685026193') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 100;
    src: local('Neue Haas Grotesk Display Pro'), url('/cdn/shop/files/NeueHaasDisplayXXThin.woff?v=1685026227') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 200;
    src: local('Neue Haas Grotesk Display Pro'), url('/cdn/shop/files/NeueHaasDisplayXThin.woff?v=1685026253') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    src: local('Neue Haas Grotesk Display Pro'), url('/cdn/shop/files/NeueHaasDisplayRoman.woff?v=1685026279') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Neue Haas Grotesk Display Pro'), url('/cdn/shop/files/NeueHaasDisplayMediu.woff?v=1685026314') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Neue Haas Grotesk Display Pro'), url('/cdn/shop/files/NeueHaasDisplayBold.woff?v=1685026347') format('woff');
}
@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 900;
    src: local('Neue Haas Grotesk Display Pro'), url('/cdn/shop/files/NeueHaasDisplayBlack.woff?v=1685026372') format('woff');
}


/* * {
  font-family: 'Poppins', sans-serif;
} */
@font-face {
    src: url('/cdn/shop/files/DESYREL.ttf?v=1684163034');
    font-family: 'Desyrel';
}
.site-nav li:first-child a {
    padding-left: 0px;
}
.customHomeBanner .feature-row__item.feature-row__text {
    max-width: 380px;
}
.customHomeBanner .feature-row__item.feature-row__text .h2 {
    font-size: 44px;
    font-family: 'Neue Haas Bold';
    font-weight: 700;
    color: #1F1F1F
}
.customHomeBanner .feature-row__item.feature-row__text .featured-row__subtext p {
    font-size: 14px;
    font-family: 'Neue Haas Regular';
    color: #FF007B;
}
.customHomeBanner .feature-row__item.feature-row__text .btn {
    background-color: #FF027C;
    border: 1px solid #FF027C;
    transition: .4s ease;
     font-family: 'Neue Haas Regular';
    font-size: 16px;
}
.customHomeBanner .feature-row__item.feature-row__text .btn:hover {
    color: #FF027C;
    background: transparent;
}
.featuredCollectionTitle {
    font-family: 'Neue Haas Regular';
    font-size: 24px;
    color: #1F1F1F;
    font-weight: 500;
}
.featuredCollectionView {
    font-size: 16px;
    color: #FF007B;
    text-decoration: none;
    transition: .3s ease;
}
.grid-product__actions>button, .grid-product__actions>button span {
    background: #FFEDF6 !important;
    border-radius: 50%;
}
.customHomeBanner {
    background-color: #f5e6f0 !important;
}
.imageColumn {
    background-color: #FFE1E6;
    border-radius: 10px;
    padding: 32px 20px;
    width: 32.4% !important;
}
.imageColumns .grid {
    display: flex;
    justify-content: space-between;
    margin: 0px !important;
    gap: 16px;
}

.imageColumn  .h2 {
    font-size: 21px;
    font-family: 'Neue Haas Grotesk Display Pro';
    line-height: 27px;
    letter-spacing: 0.04em;
    font-weight: 600;
    color: #1F1F1F !important;
}

.imageColumn  p {
    font-size: 16px;
    line-height: 24px;
    opacity: .8;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: 500;
}
.imageColumns .grid::after {
    display: none;
}
.featureCollectionCustom {
    margin-bottom: 35px;
}

.textColumnsCustom .imageColumns {
    padding-top: 35px !important;
}
[data-view="6-2"] .grid-item.logoCustomBlock {
  flex:1;
}
.grid-article{
  margin-bottom:55px !important;
}
.slideShowHolder {
    background-color: #FFE1E6 !important;
}
.slideShowText .hero__title {
    font-size: 24px !important;
    line-height: 29px;
    color: #1f1f1f;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    font-weight: 500;
    font-family: 'Neue Haas Semi Bold';
}

.slideShowText .hero__subtitle {
    letter-spacing: 0.02em;
    text-transform: capitalize;

/* #1F1F1F */
    color: #1F1F1F;
    opacity: 0.8;
    font-size: 14px;
    line-height: 24px;
}

.slideShowHolder .hero__image {
    padding: 0px 0px 0px 0px !important;
      object-fit: cover !important;
}
.slideShowHolder .hero__sidebyside-image {
    margin: 0 0 0 60px;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    overflow: hidden;
}
.shopify-section-group-header-group .toolbar {
    background-color: #000 !important;
    padding: 3px 0px;
}
.toolbar-section .page-width {
    padding: 0 50px;
}
.announcementClass p {
    color: #fff !important;
    letter-spacing: 0px !important;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    opacity: 0.9;
}
.toolbar ul.social-icons li a svg {
    fill: #fff !important;
}
.page-banner-section {
    position: relative;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.page-banner-section .container {
    height: 100%;
}

.page-banner-section .page-banner-content {
    display: flex;
    align-items: center;
    height: 100%;
}
.imageWithTextRow {
    padding: 40px 0px;
}

.imageWithText {
    position: relative;
    padding: 40px 0px 0px;
}

.flex-class {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.imageWithTextLeft {
    position: relative;
    width: 45%;
}

.imageWithTextImage {
    position: relative;
}

.imageWithTextImage img {
    width: 100%;
}

.imageWithTextRight {
    position: relative;
    width: 45%;
}

.imageWithTextFlex {
    align-items: center;
    justify-content: space-between;
}

.imageWithTextContent h2 {
    position: relative;
    font-family: 'Desyrel';
    font-size: 40px;
    line-height: 50px;
    text-transform: capitalize;
    color: #1F1F1F;
    font-weight: 500;
    margin: 0 0 12px;
}

.imageWithTextContent p {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
}

.imageWithTextContent p:not(:last-child) {
    margin-bottom: 25px;
}
.imageWithTextRow:nth-child(even) .imageWithTextFlex {
    flex-direction: row-reverse;
}
.text-with-icons-new {
    margin-bottom: 0px;
    padding: 77px 0px;
    background-color: #FFE1E6;
}

.text-with-icons-new .text-with-icons__block-icon img {
    display: block;
    margin: 0 auto;
}

.text-with-icons-new .text-with-icons__block-title h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Semi Bold';
}

.text-with-icons-new .text-with-icons__block-text p {
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}
.about-page-image-column .h3 {
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    line-height: 25px;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.about-page-image-column p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
}

.customVideoMain {
    position: relative;
    min-height: 350px;
/*     height: 750px; */
    height: 450px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
}

.customVideoSection .page-width {
    padding: 0 52px;
}

.customVideoSection {
    padding: 15px 0px;
}

.customVideoInner {
    position: relative;
    height: 100%;
}

.customVideoContent {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.customVideoContent::after {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    content: "";
}
.customVideoContent a {
    background: #fff;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
  z-index: 1;
}

.customVideoContent a span {
    height: 23px;
    position: relative;
    left: 3px;
    top: 1px;
}

.customVideoContent a::after {
    position: absolute;
    left: -7px;
    top: -7px;
    width: 120%;
    height: 120%;
    background: rgba(255, 255, 255, 0.4);
    content: "";
    border-radius: inherit;
}

.customVideoContent a::before {
    position: absolute;
    left: -14px;
    top: -14px;
    width: 140%;
    height: 140%;
    background: rgba(255, 255, 255, 0.35);
    content: "";
    border-radius: inherit;
}
.contactFormSection .page-width {
    padding: 0px;
}

.contactFormHead {
    position: relative;
}

.contactFormHead h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    margin-bottom: 10px;
    font-family: 'Neue Haas Grotesk Display Pro';
}
.contactSingleField input {
    height: 48px;
}
.contactFormHead p {
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.contactFormContainer {
    position: relative;
    margin: 40px 0px 0px;
}

.contactSingleField label, .contactFieldTextarea label {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 24px;
    color: #333333;
    margin-bottom: 0px;
    font-family: 'Poppins', sans-serif;
}

.contactFieldsFlex {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
}

.contactSingleField {
    position: relative;
    width: 49%;
}

.contactSingleField label span, .contactFieldTextarea label span {
    color: #FF007B;
}

.contactSingleField input, .contactFieldTextarea input, .contactFieldTextarea textarea {
    font-style: normal;
    font-weight: 100 !important;
    font-size: 14px !important;
    line-height: 24px;
    color: #333333;
    font-family: 'Poppins', sans-serif;
    outline: none !important;
    border: 1px solid #E4E7EC !important;
}


.contactFormSubmit {
    position: relative;
    margin: 60px 0px 00px;
    text-align: right;
}

.contactFormSubmit button {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    padding: 15px 60px;
    border-radius: 0px;
    cursor: pointer;
    background-color: #FF007B;
    border: 1px solid transparent;
    transition: .4s ease;
    text-transform: capitalize;
      font-family: 'Neue Haas Grotesk Display Pro';
}

.contactFormSubmit button:hover {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B;
    border-color: #FF007B;
}
.imageWithTextContent a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: .02em;
    color: #fff;
    padding: 15px 50px;
    border-radius: 0;
    cursor: pointer;
    background-color: #ff007b;
    border: 1px solid transparent;
    transition: .4s ease;
    text-transform: capitalize;
    display: inline-block;
    font-family: 'Neue Haas Grotesk Display Pro';
}
.imageWithTextContent a:hover {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B;
    border-color: #FF007B;
}
.faqSection {
    position: relative;
    margin: 40px 0px 0px;
    padding: 68px 0px 73px;
    background-color: #FFE1E6;
}

.faqHeadFlex  {
    justify-content: space-between;
    align-items: center;
}
.faqSection {
    position: relative;
    margin: 40px 0px 0px;
    padding: 68px 0px 73px;
    background-color: #FFE1E6;
}


.faqSingleRow {
    position: relative;
    padding: 21px 24px 21px 30px;
    border-top: 1px solid #E4E7EC;
}

.faqQuestion {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: pointer;
}

.faqQuestion span {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s ease ease;
}

.faqQuestion h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 0;
}

.faqHeadLeft h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin:0 0 0px;
}
.faqHead {
    margin: 0 0 40px;
}
.faqHeadRight a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: right;
    letter-spacing: 0.02em;
    text-decoration-line: none;
    color: #FF007B;
    display: inline-block;
    border-bottom: 2px solid #FF007B;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.faqAnswer {
    position: relative;
    display: none;
    padding: 21px 0px 0px;
}

.faqAnswer p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}
.faqAnswer {
    font-family: 'Neue Haas Grotesk Display Pro';
}

.faqQuestion {
    font-family: 'Neue Haas Grotesk Display Pro';
}
.faqAnswer p a {
    color: #FF007B;
    font: inherit;
}
.faqSingleRow.active {
    transition: box-shadow .3s ease;
    background: #FFFFFF;
    box-shadow: inset 2px 0px 0px #FF007B;
}

.faqSingleRow.active .faqQuestion span {
    background: #FFE1E6;
    transform: rotate(-180deg);
}
.largeImageSection {
    margin: 80px 0px 60px;
}

.largeImage {
    border-radius: 10px;
    overflow: hidden;
}
.faqPageHead {
    position: relative;
    padding: 80px 0px;
}

.faqPageHead ul {
    margin: 0px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.faqPageHead ul li a {
    border: 1px solid rgba(51, 51, 51, 0.15);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    padding: 12px 20px;
    transition: .3s ease;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
  border-radius:0 !important;
}

.faqPageHead ul li.active a span {
    display: inline-block;
}

.faqPageHead ul li a span {
    display: none;
  margin: 0 10px 0px 0px
}

.faqPageHead ul li.active a, .faqPageHead ul li:hover a {
    background: rgba(255, 0, 123, 0.07);
    color: #FF007B;
    border-color: transparent;
}
.faqPageHead ul li a span svg {
    width: 15px;
    height: 11px;
}
.page-banner-content h1 {
        font-family: 'Neue Haas Grotesk Display Pro'
  text-transform: capitalize;
  font-size:40px;
}

.page-banner-content nav a, .page-banner-content nav span {
    font-family: 'Neue Haas Grotesk Display Pro'
    color: #1F1F1F;
  text-transform: capitalize;
}
.imageWithTextContent h4 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 600;
    color: #333333;
    opacity: 0.8;
}
.pressFlex {
    position: relative;
    display: flex;
/*     align-items: flex-start; */
    gap: 0 16px;
    flex-wrap: wrap;
}

.pressMainSection {
    position: relative;
    padding: 80px 0px 40px;
}

.pressSingle {
    width: 32.4%;
    margin-bottom: 50px;
}

.pressLogo {
    background: #FFFFFF;
    border: 8px solid #F4F5F7;
    border-radius: 30px;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100px;
    height: 130px;
    position: relative;
    z-index: 1;
}

.pressBody {
    position: relative;
    background: #FFFFFF;
    border-radius: 8px;
    margin: -50px 0 0;
    padding: 100px 20px 26px;
    min-height: 270px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  height:calc(100% - 80px);
}

.pressTagline {
    position: relative;
    margin: 0 0 40px;
}

.pressTagline p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #333333;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.pressLink {
    position: relative;
}

.pressLink a {
    background: rgba(255, 0, 123, 0.07);
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FF007B;
    padding: 15px 0px;
    font-family: 'Neue Haas Grotesk Display Pro';
    transition: .3s ease;
    border: 1px solid transparent;
}

.pressLink a:hover {
  border-color: #FF007B;
  color: #FF007B;
}
.product-block nav a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.product-block h1.h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.product-block--price span {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #FF007B;
}

.product-block--price .variant__label {
    display: none;
}

.product-block .variant__label, .selectPackagingHead h5, .cookieCakeBaseHead h5, .customMessageOptionsHead h5 {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #1F1F1F;
        font-family: 'Neue Haas Grotesk Display Pro';
}

.variant-input {
    display: inline-flex;
    margin-right: 15px;
}

.variant-input-wrap label {
    margin: 0px !important;
    border: 0px;
    box-shadow: none !important;
    background: transparent;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
/* identical to box height */


/* Popins Black */
    color: #333333;
    opacity: 0.6;
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    border: 1px solid rgba(51, 51, 51, 0.15);
    padding: 12px 20px;
    outline: none !important;
}

.variant-input span {
    display: inline-flex;
    width: 15px;
    height: 15px;
    display: none;
    margin: 0 10px 0px 0px;
}

.variant-input-wrap label{ 
  background-color: #fff !important;
  font-weight: bold !important;
      font-size: 14px !important;
}

.product-grid__container .flickity-enabled.is-draggable .flickity-viewport {
    height: 500px !important;
}

.variant-input-wrap input:checked + label span {
    display: inline-flex;
}

.variant-input-wrap input:checked + label {
    background: rgba(255, 0, 123, 0.07) !important;
    color: #FF007B;
}

.product__quantity label {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.js-qty__wrapper {
    max-width: 100% !important;
    width: 100%;
    background: #FFFFFF !important;
}

.js-qty__adjust--minus {border-right: 1px solid #F2F2F2;}
.js-qty__adjust--plus {border-left: 1px solid #F2F2F2;}
.js-qty__adjust {
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
}

.js-qty__adjust svg path {
    stroke: #000 !important;
}

js-qty__adjust--plus {
    border-left: 1px solid #F2F2F2;
}
.payment-buttons button.btn {
    background-color: #FF007B;
    color: white;
    display: block;
    padding: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    transition: .4s ease;
    border: 1px solid transparent;
    border-radius: 0px;
    margin: 12px 0px 0px;
}

.payment-buttons button.btn:hover {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B;
    border-color: #FF007B;
}
.nycLocationSection {
    position: relative;
    padding: 80px 0px;
    background-color: #FFE1E6;
}

.nycLocationSingle {
    position: relative;
    background: #FFFFFF;
    border-radius: 8px;
    width: 32.4%;
    padding: 33px 23px 27px;
}

.nycLocationFlex {
    gap: 16px;
}

.nycLocationHead h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    /* Replica Black */
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin-bottom: 12px;
}

.nycLocationHead p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    /* identical to box height, or 24px */
    letter-spacing: 0.02em;
    /* Popins Black */
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.nycLocationHead p span {
    margin: 0 10px 0px 0px;
    display: inline-flex;
}

.nycLocationBody {
    position: relative;
    margin: 32px 0px;
}

.nycLocationBody ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 14px 0px;
    border-bottom: 1px solid #E4E7EC;
}
.nycLocationBody ul li:first-child {
    padding-top: 0px;
}

.nycLocationBody ul li:last-child {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.nycLocationBody ul {
    margin: 0px;
    list-style: none;
}

.nycLocationBody ul li p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    letter-spacing: 0.02em;
    /* Popins Black */
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 0px;
}

.nycLocationFooter a {
    background: rgba(255, 0, 123, 0.07);
    display: block;
    padding: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    letter-spacing: 0.02em;
    /* Pink */
    color: #FF007B;
    text-transform: capitalize;
    font-family: 'Neue Haas Grotesk Display Pro';
    transition: .4s ease;
    border: 1px solid transparent;
}

.nycLocationFooter a:hover {
    border-color: #FF007B;
    color: #FF007B;
}
.collapsible-trigger__layout span {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}

.text-label span {
     font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}

.tag__checkbox:before {
    width: 20px;
    height: 20px;
    border: 1px solid #D3D3D3;
    border-radius: 4px;
}

.text-label {
    position: relative;
    width: 100% !IMPORTANT;
}

.text-label span.tag__checkbox {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0px;
    margin-right: 5px;
}

.tag__checkbox:after {
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 7px;
    top: 3px;
    background: transparent !important;
    opacity: 0;
}

.tag--active .tag__checkbox:before, .tag-list--checkboxes .tag--active a:before, input:checked~.tag__checkbox:before {
   background: #FF007B;
    border-color: transparent;
}

.tag--active .tag__checkbox:after, .tag-list--checkboxes .tag--active a:after, input:checked~.tag__checkbox:after {
    opacity: 1;
    border-color: #fff !important;
}

.collection-filter__item {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    font-family: 'Neue Haas Regular' !important;
    color: #1F1F1F;
}

.grid-view-btn:hover svg path, .grid-view-btn.is-active svg path {
    fill: #FF007B !important;
}
.product__thumbs--scroller .product__thumb-item, .product__thumbs--scroller .product__thumb-item img {
    height: 90px;
    object-fit: cover;
}

.product__thumbs--scroller .product__thumb-item a, .product__thumbs--scroller .product__thumb-item a div {
    display: block;
    height: 100%;
}

.product__thumb-item a .image-wrap {
    padding: 0px !important;
    height: 90px !important;
}


.product__thumbs {
    max-width: 75%;
    margin: auto;
}

.product__thumbs--scroller .product__thumb-item {
    width: 90px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 30px;
    max-width: 95px !important;
}

.product__thumbs--scroller .product__thumb-item a::before, .product__thumbs--scroller .product__thumb-item a::after {
    display: none;
}
.shortDescriptionBlock p, .selectPackagingHead h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Regular';
}
.collapsible-trigger__icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFE1E6;
    border-radius: 50%;
    transition: .4s ease;
}

.collapsible-trigger.is-open .collapsible-trigger__icon {
    transform: rotate(180deg);
}
.collapsible-trigger__icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFE1E6;
    border-radius: 50%;
    transition: .4s ease;
}

.collapsible-trigger.is-open .collapsible-trigger__icon {
    transform: rotate(180deg);
}

.metafield-rich_text_field ul {
    margin: 0px;
    list-style: none;
}

.metafield-rich_text_field ul li::after {
/*     background-image: url(/cdn/shop/files/cookie.svg?v=1683570926);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat; */
    width: 15px;
    height: 15px;
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    border: 2px solid #FF007B;
    border-radius: 50%;
}

.metafield-rich_text_field ul li {
    padding: 0 0 0 25px;
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.04em;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
}
.collapsible-trigger .collapsible-trigger__icon {
    background: transparent;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.tag__checkbox:after {
    height: 10px !important;
    width: 5px !important;
    left: 6px !important;
    transform: rotate(45deg) !important;
    top: 4px !important;
}
.tag__checkbox-wrapper {
    text-decoration: none !important;
}
.grid__item--sidebar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #F5F5F5;
}

.grid__item--sidebar::-webkit-scrollbar
{
	width: 0px;
	background-color: #F5F5F5;
}

.grid__item--sidebar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


opacity: 0.8;.orderPartnersOrder a.orderPartnersOrder a.orderPartnersSection {
    position: relative;
    padding: 80px 0px;
}

.orderPartnersHead {
    position: relative;
    margin: 0 0 40px;
}

.orderPartnersSingle {
    position: relative;
    width: 32.6%;
    background: #fff;
    padding: 28px 18px;
}

.orderPartnersIcon {
    position: relative;
}

.orderPartnersIcon img {
    width: 104px;
    margin: auto;
    display: block;
}

.orderPartnersText {
    position: relative;
    margin: 30px 0px;
    text-align: center;
    min-height: 80px;
}

.orderPartnersText p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}
.orderPartnersSection .page-width {
    padding: 0 40px;
}

.orderPartnersFlex {
    justify-content: space-between;
}

.orderPartnersOrder a {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    padding: 15px 0px;
    text-transform: capitalize;
    border: 1px solid;
    transition: .4s ease;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.orderPartnersOrder a:hover {
    opacity: .7;
}

.orderPartnersSection {
    position: relative;
    padding: 80px 0px 40px;
}

.customOrderSection {
    padding: 40px 0px 80px;
}

.customOrderHead h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
/* identical to box height */
    letter-spacing: 0.04em;
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin-bottom: 20px;
}

.customOrderHead p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
/* or 27px */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
  font-family: 'Neue Haas Grotesk Display Pro'
}

.customOrderContainer {
    position: relative;
    margin: 40px 0px 0px;
}

.customOrderCommonField label, .customOrderSingleField label, .customOrderChechboxFields h6 {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 24px;
/* identical to box height, or 171% */


/* Popins Black */
    color: #333333;
    font-family: 'Poppins', sans-serif !important;
    margin-bottom: 10px;
}

.customOrderCommonField label span {
    color: #FF007B;
}

.customOrderFieldsFlex {
    justify-content: space-between;
    margin: 0 0 24px;
}

.customOrderFieldsFlex .customOrderCommonField {
    width: 49.5%;
}
.customOrderCommonField input, .virtualClassPopupInner .customOrderSingleField input, .customOrderCommonField textarea, .customOrderCommonField select, .customOrderSingleField input {
    height: 48px;
    padding: 10px 10px;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 24px;
    color: #333333;
    font-family: 'Poppins', sans-serif !important;
    width: 100%;
    background: #FFFFFF;
    outline: none !important;
    border: 0px;
    outline: none !important;
}

.customOrderFieldEvent {
    position: relative;
    width: 100%;
    margin: 0 0 55px;
}

.customOrderCommonField textarea {
    min-height: 150px;
}

.orderFormSubmit {
    position: relative;
    text-align: right;
    margin: 0px 0px 0px;
}

.orderFormSubmit button {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    letter-spacing: 0.02em;

/* White */
    color: #FFFFFF;
    background-color: #FF007B;
    display: inline-block;
    text-transform: capitalize;
    padding: 15px 0px;
    min-width: 180px;
    transition: .4s ease;
    border: 1px solid transparent;
}

.orderFormSubmit button:hover {
    opacity: .7;
}
.nycLocationsHead h2 {
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
/* identical to box height */
    letter-spacing: 0.04em;
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
    font-family: 'Neue Haas Semi Bold';
}

.nycLocationsHead {
    margin: 0 0 40px;
}
.corpgiftIntroSection {
    position: relative;
    padding: 80px 0px;
}

.corpgiftIntroMain {
    position: relative;
}

.corpgiftIntroHead {
    position: relative;
    text-align: center;
}

.corpgiftIntroHead h2 {
  font-family: 'Adobe Handwriting Ernie';
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 88px;
  text-align: center;
  text-transform: capitalize;
  color: #1F1F1F;
  margin: 0 0 5px;
}

.corpgiftIntroBody {
    position: relative;
    text-align: center;
    margin: 0 auto 40px;
    max-width: 900px;
}

.corpgiftIntroBody p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.corpgiftIntroBody p a {
    color: #FF007B;
}

.corpgiftIntroLinks {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.corpgiftIntroLinks a {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    padding: 15px 0px;
    min-width: 280px;
    transition: .4s ease;
    border: 1px solid transparent;
}

.btnDark {
    background-color: #FF007B;
    color: #fff !important;
}

.btnLight {
  background-color: rgba(255, 0, 123, 0.07);
  color: #FF007B !important;
}

.btnDark:hover {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B !important;
    border-color: #FF007B !important;
}
.btnLight:hover {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B !important;
    border-color: #FF007B !important;
}

.corpgiftStepsFlex {
    justify-content: space-between;
}

.corpgiftSingleStep {
    position: relative;
    width: 30%;
}

.corpgiftStepImage {
    position: relative;
}
.corpgiftStepImage img {
    margin: auto;
}

.corpgiftStepNumber {
    margin: 54px 0px 50px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.corpgiftStepNumber span {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 0, 123, 0.07);
    border-radius: 50%;
    font-size: 40px;
    color: #FF007B;
    font-weight: 600;
}

.corpgiftStepsDetail {
    position: relative;
    text-align: center;
}

.corpgiftStepsDetail h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
/* identical to box height */
  text-align: center;
  text-transform: capitalize;

/* Replica Black */
  color: #1F1F1F;
  font-family: 'Poppins', sans-serif;
}

.corpgiftStepsDetail p {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 170%;
/* or 24px */
    text-align: center;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
    font-family: 'Poppins', sans-serif;
}

/* .corpgiftSingleStep:nth-child(2)::before {
    position: absolute;
    right: 80%;
    top: 50%;
    width: 248px;
    height: 100px;
    background-image: url(/cdn/shop/files/arrow-down.svg?v=1683752535);
    content: "";
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.corpgiftSingleStep:nth-child(2)::after {
    position: absolute;
    left: 75%;
    bottom: 24%;
    width: 248px;
    height: 100px;
    background-image: url(/cdn/shop/files/arrow-up.svg?v=1683752726);
    content: "";
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
} */
.corpgiftStepNumber {
    position: relative;
}

.corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::before {
    position: absolute;
    right: 80%;
    top: -30px;
    width: 248px;
    height: 50px;
    background-image: url(/cdn/shop/files/arrow-down.svg?v=1683752535);
    content: "";
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::after {
    position: absolute;
    left: 80%;
    bottom: -30px;
    width: 248px;
    height: 50px;
    background-image: url(/cdn/shop/files/arrow-up.svg?v=1683752726);
    content: "";
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.giveGiftSection {
    position: relative;
    padding: 80px 0px 0px;
}

.giveGiftHead h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 0px;
    display: inline-block;
}

.giveGiftHead {
    margin: 0 0 30px;
}

.giveGiftSingle {
    position: relative;
    width: 24%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.giveGiftFlex {
  gap: 16px;
}

.giveGiftImage {
     position: relative;
    overflow: hidden;
    height: 320px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.giveGiftSingle:hover .giveGiftImage img {
    transform: scale(1.5) rotate(15deg);
}

.giveGiftImage img {
    transition: .9s ease;
    width: 100%;    
    object-fit: cover;
    height: 100%;
}

.giveGiftContent {
    position: relative;
    padding: 20px 28px;
    min-height: 100px;
}

.giveGiftContent h4 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
      margin: 0 0 10px;
}

.giveGiftContent h5 {
   font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 0px;
}

.giveGiftContent p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
/* or 27px */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Regular';
}

.giveGiftLink {
    margin: 0 28px 28px;
    border-top: 1px solid #E4E7EC;
    padding: 20px 0px 0px;
}

.giveGiftLink a {
    background: rgba(255, 0, 123, 0.07);
    display: block;
    padding: 15px 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    letter-spacing: 0.02em;

/* Pink */
    color: #FF007B;
    text-transform: capitalize;
}
.classIntroSection {
    position: relative;
    padding: 80px 0px 96px;
}

.classIntroMain {
    position: relative;
    max-width: 775px;
    margin: 0 auto;
}

.classIntroLink {
    position: relative;
    max-width: 550px;
    margin-left: auto;
    margin-top: 40px;
}

.classIntroLink a {
    background-color: #FF007B;
    display: block;
    padding: 15px 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF !important;
    font-family: 'Neue Haas Grotesk Display Pro';
    border: 1px solid transparent !important;
    transition: .4s ease;
}

.classIntroLink a:hover {
    background: rgba(255, 0, 123, 0.07);
    color: #ff007b !important;
    border-color: #ff007b !important;
}

.virtualClassPopupMain {
    position: fixed;
    inset: 0;
    /* overflow: auto; */
    margin: auto;
    z-index: 9;
      align-items: center;
    justify-content: center;
  display: none;
}
.virtualClassPopupMain.showPopup {
    display: flex;
}
.virtualClassPopupInner {
    position: relative;
/*     max-width: 80%; */
  max-width:1204px;
    margin: 0 auto;
    overflow: auto;
    padding: 45px 45px;
    box-sizing: border-box;
    background: #fff;
    z-index: 999;
    max-height: 80%;
    width: 100%;
}
.customOrderPickField p span {
    color: #FF007B;
    font-size: 13px;
}
.customOrderPickField p {
    color: #333;
    font-weight: 500;
}
.customOrderSingleField textarea {
    width: 100%;
    height: 144px;
    resize: none;
}
.virtualClassPopupMain::after {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, .7);
    content: "";
}

.virtualClassPopupHead h2 {
    font-family: 'Desyrel';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}

.virtualClassPopupHead p {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    max-width: 887px;
}

.popupClose {
    position: absolute;
    top: 17px;
    right: 22px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.virtualClassPopupInner::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #F5F5F5;
}

.virtualClassPopupInner::-webkit-scrollbar
{
	width: 0px;
	background-color: #F5F5F5;
}

.virtualClassPopupInner::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.virtualClassPopupInner .customOrderCommonField input, .virtualClassPopupInner .customOrderSingleField input, .customOrderCommonField textarea, .customOrderCommonField select {
  border: 1px solid #E4E7EC;
}
.customOrderSingleField input {
    width: 100%;
}
.customOrderCommonField select {
    background-image: url(/cdn/shop/files/select-bg.png?v=1683829329);
    background-position: right;
    background-repeat: no-repeat;
}
.currentClassesSection {
    padding: 40px 0px;
}

.currentClassesHead h3 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}

.currentClassesHead {
    margin: 0 0 40px;
}

.currentClassSingle {
    position: relative;
    width: 49%;
    background: #fff;
}

.currentClassesFlex {
    justify-content: space-between;
}

.currentClassImage {
    position: relative;
}

.currentClassInterval {
    position: absolute;
    left: -5px;
    top: -5px;
    width: 100px;
    height: 122px;
    text-align: center;
}

.currentClassInterval span {
    position: absolute;
    top: 0;
    display: block;
    color: #fff;
    font-family: 'Neue Haas Grotesk Display Pro';
    line-height: 16px;
    font-size: 14px;
    max-width: 75%;
    margin: 0 auto;
    transform: rotate(-50deg) translate(-19px, 16px);
    font-weight: 600;
}

.currentClassContent {
    position: relative;
    padding: 32px 26px;
    border-bottom: 1px solid #E4E7EC;
      min-height: 370px;
}

.currentClassContent h4 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
}

.currentClassContent .pink {
    color: #FF007B;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.currentClassContent .replica {
    color: #1F1F1F;
    margin-bottom: 16px;
}

.currentClassContent p {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
}

.currentClassAnchors {
    position: relative;
    justify-content: space-between;
    padding: 20px 26px;
}
.currentClassAnchors a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    font-family: 'Neue Haas Regular';
    width: 49%;
    padding: 15px;
    border: 1px solid transparent;
    transition: .4s ease;
}

.enroll-link {
    color: #fff;
    background-color: #FF007B;
}

.download-link {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B;
}

.currentClassAnchors .enroll-link:hover {
    background: rgba(255, 0, 123, 0.07);
    border: 1px solid #FF007B;
    color: #FF007B;
}

.currentClassAnchors .download-link:hover {
    background: rgba(255, 0, 123, 0.07);
    color: #ff007b;
    border-color: #ff007b;
}
.classPoliciesSection {
    position: relative;
    padding: 40px 0px 0px;
}

.classPoliciesHead h2 {
    font-family: 'Desyrel';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    text-transform: capitalize;
    color: #1F1F1F;
    margin: 0px 0px 10px;
}

.classPoliciesHead p {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
}

.classPoliciesHead {
    position: relative;
    margin: 0 0 40px;
}

.classPoliciesBody h4 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}

.classPoliciesBody p {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
}
.bookVirtualSection {
    position: relative;
    padding: 80px 0px;
    background-color: #FFE1E6;
}

.bookVirtualSection input, .bookVirtualSection select, .bookVirtualSection textarea {
    background: #fff;
    border-color: #fff;
}

.customOrderCommonField input {
  width: 100%;
}
.bookVirtualSection .virtualClassPopupHead {
    margin: 0 0 40px;
}
.planEventAnchors {
    justify-content: space-between;
}

.planEventAnchors a {
    width: 49%;
}

a.planEventPlan {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B;
}
.planEventAnchors {
    justify-content: space-between;
}

.planEventAnchors a {
    width: 49%;
}

a.planEventPlan {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B;
}

.cateringProductsSection {
    padding: 40px 0px 0px;
}

.cateringProductsHead {
    position: relative;
}

.cateringProductsHead h2 {
    margin-bottom: 0px;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}

.cateringProductsHead {
    margin: 0 0 27px;
}

.cateringProductsSingle {
    position: relative;
    width: 24%;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
}

.cateringProductImage {
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.cateringProductsFlex {
    justify-content: space-between;
}

.cateringProductImage img {
    width: 100%;
}

.cateringProductColContent {
    position: relative;
    padding: 24px 19px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cateringProductColContent h5 {
    min-height: 60px;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}

.cateringProductColContent a {
    margin: 24px 0px 0px;
    display: block;
    background-color: rgba(255, 0, 123, 0.07);
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FF007B !important;
    font-family: 'Neue Haas Grotesk Display Pro';
    padding: 15px;
    transition: .4s ease;
    border: 1px solid transparent;
}

.cateringProductColContent a:hover {
    border-color: #FF007B;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
/*     display: none; */
    -webkit-appearance: none;
  opacity: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.customOrderCommonField input[type="date"] {
    background-image: url(/cdn/shop/files/calendar.png?v=1683914757);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.customOrderChechboxField {
    position: relative;
    max-width: max-content;
}

.customOrderChechboxField label {
    position: relative;
    padding: 0 0 0 30px;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 17px;
/* identical to box height */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Regular';
}

.customOrderChechboxField label::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #E4E7EC;
    border-radius: 2px;
}

.customOrderChechboxField input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.customOrderChechboxField label::before {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    height: 11px !important;
    width: 6px !important;
    left: 7px !important;
    position: absolute;
    top: 3px;
    opacity: 0;
    z-index: 1;
}

.customOrderChechboxField input:checked + label::before {
    opacity: 1;
}

.customOrderChechboxField input:checked + label::after {
    background-color: #FF007B;
    border-color: #FF007B;
}

.customOrderChechboxField:not(:last-child) {
    margin-bottom: 10px;
}

.customOrderChechboxFields {
    margin-bottom: 24px;
}
.explore-blog .page-width.blog-layout {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    overflow: hidden;
}

.explore-blog .page-width.blog-layout .section-header {
    display: none;
}

.explore-blog .page-width.blog-layout .new-grid {
    padding: 50px 50px;
}
.page-banner-content header.section-header {
    display: block !important;
}

.page-banner-content h1 {
    font-family: 'Desyrel';
    text-transform: capitalize;
}

.explore-blog .page-width.blog-layout .index-section {
    margin: 0px;
}

.explore-blog .page-width.blog-layout .index-section .new-grid.product-grid {
    padding: 80px 50px 20px;
}

.article__sub-meta {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #333333;
    opacity: 0.6;
    font-family: 'DM Sans';
    font-family: 'Poppins', sans-serif;
}

.grid-article__meta {
    margin-top: 32px;
}

.blog-layout__main .pagination {
    margin: 20px 0px;
}

.blog-layout__main .pagination span, .blog-layout__main .pagination a {
  background: #f8c8dc;
  border-radius: 50%;
  color: #fff;
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.template-article .section-header__title, .template-article .blog-layout__main .rte h3 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    text-decoration: none !important;
}

.template-article .page-width.blog-layout {
    padding: 0 0 50px;
}

.template-article .blog-layout__main {
    padding: 0 0 0 50px;
}

.template-article .blog-layout__main+.blog-layout__sidebar {
    padding: 0 50px 0px 20px;
}

.template-article  .page-banner-section {
    margin: 0 0 80px;
}

.template-article .blog-layout__main .breadcrumb {
    display: none;
}

.template-article .blog-layout__main .rte {
    text-align: left;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.article__sub-meta-date {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #333333;
    opacity: 0.6;
    font-family: 'Poppins', sans-serif;
    text-transform: initial !important;
}

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

.template-article .blog-layout__main .rte p a {
    text-decoration: none !important;
    color: #FF007B !important;
}

.template-article .blog-layout__main .rte h3 a {
    text-decoration: none !important;
}

.template-article .blog-layout__main .rte img {
    display: block;
    width: 100%;
}

.template-article .blog-layout__main+.blog-layout__sidebar h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
}

.grid-article__image {
    flex: 0 0 50% !important;
    max-height: 150px;
    border-radius: 15px;
    overflow: hidden;
}

.grid-article__meta a {
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 160%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
}
.grid-item.grid-article:first-child .grid-article__meta a {
    font-size: 21px !important;
}
.grid-article__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 150px;
}

.theme-block .grid-item.grid-article {
    align-items: center;
}

.blog-layout__sidebar .grid-article__meta {
    margin-top: 0px;
}

.grid-product__title, .grid-product__price span {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
}
.grid-item__meta-secondary .grid-product__price span {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: 600;
}
.flavors  .page-width.blog-layout {
    padding: 0;
}

.flavorsListSection {
    padding: 80px 0px;
}

.flavorsListHeadFlex {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.flavorsTags ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0px;
    list-style: none;
}

.flavorsListRight {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.flavorsListHeadLeft h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 37px;
    text-transform: capitalize;
    margin: 0px;
    color: #1F1F1F;
    font-family: 'Desyrel';
}

.flavorsTags ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    opacity: 0.6;
    padding: 15px 20px;
    border: 1px solid #E4E7EC;
    display: inline-flex;
    gap: 11px;
    transition: .4s ease;
    font-family: 'Poppins', sans-serif;
}

.flavorsTags ul li a:hover {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B;
}

.flavorsTags ul li a:hover span {
    display: block;
}

.flavorsTags ul li a span {
    display: none;
}

.flavorsSearch {
    position: relative;
}

.flavorsSearch .form {
    position: relative;
    padding: 15px 15px;
    background: transparent;
    border: 1px solid #E4E7EC;
    display: flex;
    align-items: center;
    height: 50px;
}

.flavorsSearch .form input {
    border: 0px;
    outline: none !important;
    background-color: transparent;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.04em;
    padding: 0px;
    color: #1F1F1F;
    font-family: 'Neue Haas Regular';
}

.flavorsSearch .form input::placeholder {
    opacity: .4;
}

.flavorsSearch .form button {
    display: flex;
    opacity: .4;
}

.flavorsTags ul li {
    margin: 0px;
}

.flavprsListBody {
    position: relative;
    margin: 58px 0px;
}

.flavorsListFlex {
    position: relative;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.flavorSingle {
    position: relative;
    width: 32.3%;
    margin: 200px 0 0px;
}

.flavorSingleInner {
    position: relative;
    background: #FFFFFF;
    border-radius: 8px;
}

.flavorSingleImage {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    left: 0;
    right: 0;
    margin: auto;
    top: -160px;
    overflow: hidden;
}

.flavorSingleBody {
    position: relative;
    padding: 180px 20px 64px;
    text-align: center;
    border-bottom: 1px solid rgba(51, 51, 51, .1);
    max-height: 301px;
}

.flavorSingleBody h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin-bottom: 8px;
}

.flavorSingleBody p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
/* identical to box height, or 24px */
    text-align: center;
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
      min-height: 50px;
}
.flavorSingleBody p:empty {
    display: none;
}
.flavorSingleFooter {
    padding: 17px 0px;
}

.flavorsIngredientsList ul {
    display: flex;
    justify-content: center;
    margin: 0px;
    list-style: none;
}

.flavorsIngredientsList ul li p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Regular';
    margin: 8px 0px 0px;
/*       min-height: 40px; */
}

.flavorsIngredientsList ul li {
    text-align: center;
    min-width: 32%;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px;
}

.flavorsIngredientsList ul li img {
    margin: auto;
}

.flavorsIngredientsList ul li:not(:last-child)::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background:  rgba(51, 51, 51, 0.1);
    content: "";
}

.flavorsSuggestionButton {
    position: relative;
    margin: 50px 0px 0px;
    text-align: center;
}

.flavorsSuggestionButton a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.04em;
    text-decoration-line: underline;
    text-transform: capitalize;

/* Pink */
    color: #FF007B;
    font-family: 'Neue Haas Regular';
}

.flavorsSuggestionsForm {
    position: fixed;
    inset: 0;
    padding: 100px;
    background: rgba(0, 0, 0, .5);
    z-index: 9;
    display: none;
}
.flavorsSuggestionsFormInner {
    position: relative;
    background: #fff;
    padding: 72px 45px;
    max-height: 100%;
    overflow: auto;
    max-width: 1204px;
    margin: 0 auto;
}

.customOrderForm {
    position: relative;
}

.flavorsSuggestionsFormInner form input {
    border: 1px solid #E4E7EC;
}


.flavorsSuggestionsFormInner .virtualClassPopupHead h2 {
    font-size: 30px;
    font-family: 'Desyrel';
    line-height: 40px;
    margin-bottom: 10px;
}
.flavorsSuggestionsForm.active {
    display: block;
}
body.no-scroll-class {
    overflow: hidden;
    height: 100vh;
    touch-action: none;
    -ms-touch-action: none;
}
.flavorsSuggestionsFormInner::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 0px;
	background-color: #F5F5F5;
}

.flavorsSuggestionsFormInner::-webkit-scrollbar
{
	width: 0px;
	background-color: #F5F5F5;
}

.flavorsSuggestionsFormInner::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
.flavors .textColumnsCustom {
    padding: 0 50px;
}
.flavorsDetailsInroSection {
    position: relative;
}

.flavorsDetailsInroHead {
    position: relative;
    margin: 0 auto;
    text-align: center;
    max-width: 1115px;
}

.flavorsDetailsInroHead h2 {
   font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 600;
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
}

.flavorsDetailsInroHead p {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
}

.flavorsDetailsInroHead p b {
    font-weight: 900;
    font-style: italic;
}

.flavorsDetailsInroImagesFlex {
    position: relative;
    gap: 16px;
}

.flavorsDetailsInroSingleImage {
    width: 32.4%;
}

.flavorsDetailsInroImages {
    position: relative;
    margin: 40px 0px 20px;
}

.flavorDetailFaqQuestion {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: pointer;
}

.flavorDetailFaqQuestion h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
/* identical to box height, or 100% */
    letter-spacing: 0.02em;
    text-transform: capitalize;
    margin: 0px;
/* Pink */
    color: #FF007B;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.flavorDetailFaqAnswer {
    position: relative;
    margin: 25px 0px 0px;
    display: none;
}

.flavorDetailFaqAnswer p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
/* or 27px */
    letter-spacing: 0.04em;

/* Replica Black */
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.flavorDetailFaqSingle:not(:last-child) {
    margin-bottom: 40px;
    border-bottom: 1px solid #E4E7EC;
    padding: 0 0 20px;
}

.flavorDetailFaqQuestion span {
    transform: rotate(180deg);
    transition: .4s ease;
    width: 30px;
    height: 30px;
}
.flavorDetailFaqQuestion.active span {
    transform: rotate(0deg);
}

collection-template .page-width {
    padding: 0 50px;
}

.featureCollectionCustom .page-width {
    padding: 0 50px !important;
}
.page-width {
    max-width: 100% !important;
}
.flavorsDetailsInroSingleImage img {
    width: 100%;
    max-height: 250px;
    object-fit: cover;
}
.site-nav li ul li:first-child a {
    padding-left: 15px;
}
.shippingDeatilListSection {
    position: relative;
    padding: 80px 0px;
}

.shippingDeatilListHead {
    position: relative;
    text-align: center;
}

.shippingDeatilListHead h2 {
    font-family: 'Desyrel';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
/* identical to box height */
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
}

.shippingDetailsListsFlex {
    gap: 16px;
    justify-content: center;
    margin: 40px 0px 0px;
}
.shippingDeatilListsHead {
    position: relative;
    background: #fff;
    padding: 22px 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 88px;
    margin: 0 0 16px;
}

.shippingDeatilListsHead h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 0 0 8px;
}

.shippingDeatilListsHead p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 19px;
/* identical to box height, or 158% */
    text-align: center;
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.shippingDeatilListsHead {}

.shippingDetailsListsItems ul li:not(:last-child) {
    margin-bottom: 16px;
}

.shippingDetailsListsItems ul li {
    text-align: center;
    padding: 15px;
    background-color: #FFE1E6;
    width: 100%;
}

.shippingDetailsListsItems ul li p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
/* identical to box height, or 136% */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.shippingDetailsListsItems ul {
    list-style: none;
    margin: 0px;
}

.pageContentMain {
    position: relative;
    padding: 54px 100px 54px 50px;
    background-color: #fff;
}

.pageContentMain h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.04em;
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 0 0 20px;
}

.pageContentMain ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.04em;
    color: #333333;
    font-family: 'Neue Haas Grotesk Display Pro';
    padding: 0 0 0 35px;
    margin: 0 0 12px;
    position: relative;
}

.pageContentMain ul {
    list-style: none;
    margin: 0px 0px 30px;
}

.pageContentMain ul li::before {
        background-image: url(/cdn/shop/files/spoon.png?v=1689781491);
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.pageContentMain ul li a {
    color: #FF007B;
}
.pageContentMain ul li:last-child {
    margin: 0;
}
.pageContentMain p, .pageContentMain {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    margin:0 0 29px;
    position: relative;
}


.pageContentMain h4 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F; 
}

.pageContentMain h3.access-heading {
    margin: 0 0 25px;
}
.pageContentMain p a {
    color: #FF007B;
}
.pageContentSection {
    margin: 80px 0px;
}
.pageContentMain p br {
    display: none;
}
.ingredientsListSection {
    padding: 80px 0px;
}

.ingredientsListMain {
    background: #fff;
    padding: 50px 50px;
}

.ingredientsListRowFlex {
    gap: 24px;
}

.ingredientsListImage {
    position: relative;
    width: 120px;
    height: 120px;
    background-color: #F9F9F9;
    display: flex;
    align-items: center;
}

.ingredientsContent {
    position: relative;
    width: 85%;
}

.ingredientsContent h4 {
     font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 0 0 24px;
}

.ingredientsListRow:not(:last-child) {
    margin-bottom: 32px;
}

.ingredients-footer,
.ingredients-footer p,
.ingredientsContent p {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
}

.ingredients-footer p {
    margin-bottom: 0;
}

.product__thumb-item {
    overflow: hidden !important;
    border: 2px solid #dcdfe4 !important;
    border-radius: 6px !important;
}
.product__thumb-item a.is-active:before, .product__thumb-item a:focus:before {
    display: none !important;
}
.js-qty__adjust .icon {
    margin: 0px !important;
    width: 100% !important;
}
.js-qty__adjust--minus {
    border-right: 1px solid #F2F2F2 !important;
}

.js-qty__adjust--plus {
    border-left: 1px solid #F2F2F2 !important;
}
.product-block {
    margin-top: 20px;
}

.product-block label {
    margin: 0 0 20px !important;
}

.product-block fieldset label {
    margin: 0px !important;
}

.selectPackagingHead h5 {
}

.selectPackagingOptionsList {
    position: relative;
    margin: 16px 0px 0px;
}

.selectPackagingOptionsList ul {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin: 0;
    list-style: none;
}

.selectPackagingOptionsList ul li label {
    background: #FFFFFF;
    padding: 16px;
    text-align: center;
    border: 1px solid transparent;
    transition: .4s ease;
}

.selectPackagingOptionsList ul li label span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    /* Replica Black */
    color: #1F1F1F;
}

.selectPackagingOptionsList ul li {
    position: relative;
    cursor: pointer;
    min-width: 30%;
}

.selectPackagingOptionsList ul li input {
    position: absolute;
    inset: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}

.selectPackagingOptionsList ul li label img {
    max-width: 70px;
    margin: auto;
    border-radius: 4px;
}

.selectPackagingHead h5 {
    margin: 0 0 12px;
}

.selectPackagingOptionsList ul li input:checked + label, .selectPackagingOptionsList ul li:hover label {
    border-color: #FF007B;
}

.product-block button {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    /* identical to box height, or 111% */
    letter-spacing: 0.02em;
    text-transform: capitalize;
    /* Pink */
    color: #FF007B;
    font-family: 'Neue Haas Regular';
}

.product-block ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    /* or 27px */
    letter-spacing: 0.04em;
    /* Popins Black */
    color: #333333;
    margin-bottom: 18px;
}

.product-block button .collapsible-trigger__icon {
    background-color: #FFE1E6 !important;
    width: 30px !important;
    height: 30px !important;
    top: 10px;
}
.product-recommendations.page-width {
    padding: 0px;
}
.productImageTextSection {
    padding: 80px 0px;
}

.productImageTextSingle {
    width: 49.6%;
    background-image: url(/cdn/shop/files/block-bg.png?v=1684442898);
    border-radius: 10px;
    overflow: hidden;
    padding: 60px 40px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.productImageTextFlex {
    justify-content: space-between;
}

.productImageTextInnerLeft {
    position: relative;
    width: 60%;
}

.productImageTextInnerRight {
    position: relative;
    width: 36%;
}

.productImageTextInnerFlex {
    justify-content: space-between;
    align-items: center;
}

.productImageTextContent h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.04em;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 0 0 16px;
}

.productImageTextContent ul {
    list-style: none;
    margin: 0px;
}

.productImageTextContent ul li, .productImageTextContent p {
    padding: 0 0 0 50px;
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.04em;
    color: #333333;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin-bottom: 15px;
    opacity: .8;
}

.productImageTextContent ul li::before {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    background-image: url(/cdn/shop/files/cookie.svg?v=1683570926);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 6px;
}

.productImageTextContent ul li::before {
    background-image: url(/cdn/shop/files/spoon.png?v=1689781491) !important;
      width: 40px;
    height: 40px;
  top: 0;
}

.productImageTextContent p {
    margin: 0px 0px 24px;
    padding: 0px;
}

.productImageTextContent a {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    letter-spacing: 0.04em;
    text-decoration-line: underline;
    color: #FF007B !important;
    text-underline-offset: 5px;
    font-family: 'Neue Haas Grotesk Display Pro';
    text-transform: capitalize;
}
.cookieCakeBaseList {
    position: relative;
}

.cookieCakeBaseList ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0px;
    list-style: none;
}

.cookieCakeBaseList ul li {
    position: relative;
    text-align: center;
}

.cookieCakeBaseList ul li label span {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
/* identical to box height, or 157% */
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
}

.cookieCakeBaseList ul li input {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
}

.cookieCakeBaseList ul li label::before {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border: 1px solid #FF007B;
    content: "";
    border-radius: 50%;
}

.cookieCakeBaseList ul li label::after {
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -2px;
    top: -6px;
    background: transparent !important;
    opacity: 0;
    content: "";
    position: absolute;
}

.cookieCakeBaseList ul li input:checked + label::after {
    opacity: 1;
}

.cookieCakeBaseList ul li input:checked + label::before {
    background-color: #FF007B;
}

.cookieCakeBaseList ul li img {
    margin: auto;
    max-width: 70px;
}

.cookieCakeBaseList ul li label {
    position: relative;
    padding: 15px;
}

.customMessageOptions {position: relative;margin: 32px 0px;}

.customMessageOptionsHead h5 {
    margin: 0 0 25px;
}

.customMessageCheckbox {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
}

.customMessageCheckbox label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
/* identical to box height */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Regular';
    margin: 0 0 0px 30px;
}

.customMessageCheckbox input {
    position: absolute;
    inset: 0;
    opacity: 0;
}

.customMessageCheckbox label::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    content: "";
    border: 1px solid #E4E7EC;
    border-radius: 4px;
}

.customMessageCheckbox label::after {
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
    top: 4px;
    background: transparent !important;
    opacity: 0;
    content: "";
    position: absolute;
}

.customMessageCheckbox input:checked + label::after {
    opacity: 1;
}

.customMessageCheckbox input:checked + label::before {
    background-color: #FF007B;
}

.customMessageText label {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 17px;
/* identical to box height */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    font-family: 'Neue Haas Regular';
}

.customMessageText {
    margin: 24px 0px 0px;
}

.customMessageText textarea {
    width: 100%;
    height: 150px;
    resize: none;
    padding: 10px;
    border: 1px solid #E4E7EC;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    letter-spacing: 0.04em;

/* Replica Black */
    color: #1F1F1F;
    font-family: 'Neue Haas Regular';
}
.customMessageText {
    opacity: .4;
    /* pointer-events: none; */
    /* touch-action: none; */
    cursor: not-allowed;
    position: relative;
    z-index: 999;
}

.customMessageText textarea {
    cursor: not-allowed;
    touch-action: none;
    pointer-events: none;
}

.customMessageText.enable {
    opacity: 1;
    cursor: alias;
}

.customMessageText.enable textarea {
    cursor: text;
    pointer-events: all;
    touch-action: auto;
    outline: none !important;
    border: 1px solid rgba(0, 0, 0, .2);
}
.largeImage img {
    width: 100%;
}
.selectPackagingOptionsList ul li label {
    margin: 0px;
}
.productImageTextInnerRight img {
    width: 100%;
    margin: auto;
    display: block;
}
.currentClassImage img {
    width: 100%;
}
.grid-item.grid-article:first-child .grid-article__image {
    max-height: 600px;
    height: 600px;
}

.grid-item.grid-article .grid-article__image img {
    height: 100% !important;
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    max-height: 100% !important;
}

.grid-item.grid-article .grid-article__image .grid__image-ratio--wide:before {
    padding: 0px;
    display: none;
}

.grid-item.grid-article .grid-article__image {
    height: 400px;
    max-height: 400px;
}

.grid-item.grid-article .grid-article__image * {
    height: 100%;
}

.grid-article__meta * {
    text-align: center !important;
}
.blog-layout__sidebar .grid-item.grid-article:first-child .grid-article__image {
    max-height: initial;
    height: auto;
}

.blog-layout__sidebar .grid__image-ratio--square:before {
    padding: 0px;
}

.grid-product__image-wrap .grid__image-ratio--square:before {
    padding-bottom: 100% !important;
}
.blog-layout__sidebar .grid-item.grid-article .grid-article__image {
    height: auto;
    max-height: initial;
}
.wholesaleInquiry.active {
    display: flex;
}

.wholesaleInquiry h2 {
    font-family: 'Desyrel';
    line-height: 5px;
    color: #1F1F1F;
}

.customOrderPickField ul {
    margin: 0;
    list-style: none;
}

.customOrderPickField ul li {
    align-items: center;
    position: relative;
    display: inline-flex;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    letter-spacing: 0.02em;
    /* Popins Black */
    color: #333333;
    opacity: 0.8;
    padding: 0 0 0 30px;
    font-family: 'Neue Haas Regular';
    cursor: pointer;
}

.customOrderPickField ul li input {
    inset: 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.customOrderPickField ul li label {
    position: relative;
}

.customOrderPickField ul li label::before {
    position: absolute;
    left: -30px;
    top: 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #E4E7EC;
    content: "";
}

.customOrderPickField ul li label::after {
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -22px;
    top: 4px;
    background: transparent !important;
    content: "";
    position: absolute;
    opacity: 0;
}

.customOrderPickField ul li input:checked + label::after {
    opacity: 1;
}

.customOrderPickField ul li input:checked + label::before {
    background-color: #FF007B;
    border-color: #FF007B;
}

.customOrderPickField {
    position: relative;
    margin: 20px 0px;
}
.enrollClassForm.active {
    display: flex;
}
.site-footer .page-width {
    padding: 0 100px;
}

.footerIntroParagraph {
    margin: 30px 0px 20px;
}

.footerIntroParagraph p {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 180%;
    text-transform: capitalize;
    color: #FFFFFF;
    opacity: 0.9;
    font-family: 'Poppins', sans-serif;
}

.footer__block--footer-intro {
    flex: 0 1 30%;
    max-width: 300px !important;
}

.footer__block--menu .footer__title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-transform: capitalize;
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    margin: 0px;
}

.footer__menu {
    margin: 32px 0px 0px !important;
}

.footer__menu li a {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-transform: capitalize;
    color: #FFFFFF;
    opacity: 0.9;
    font-family: 'Poppins', sans-serif;
    padding: 0px;
    position: relative;
}

.footer__menu li a::after {
    position: absolute;
    right: 0;
    bottom: -4px;
    content: "";
    width: 0;
    height: 2px;
    background: #FF007B;
    opacity: .9;
    transition: 0.6s ease;
}

.footer__menu li a:hover::after {
    right: auto;
    width: 100%;
    left: 0;
}

.footer__menu li:not(:last-child) {
    margin-bottom: 24px;
}
html {
    padding-bottom: 0px !important;
}

.footer__base-links {
    text-align: left;
}
.footer__blocks {
    justify-content: space-between !important;
    padding: 60px 0px;
}
.customerTestimonialsSection {
    overflow: hidden;
}
.slick-track {
    opacity: 1 !important;
}
/* .slick-slide .customerTestimonialSlide {
  transition: all 0.2s ease;
  background: red;
  width: 100%;
  height: 70px;
}
.slick-slide.slick-current.slick-active.slick-center .customerTestimonialSlide {
  background: rebeccapurple;
  transform: translate(-70px, 0px);
  width: calc(100% + 140px);
  max-width: initial;
} */
.customerTestimonialsSlider 
 .slick-slide {
    margin: 0 20px;
}
.customerTestimonialSlide {
    position: relative;
}

.customerTestimonialsSlider .slick-slide.slick-active.slick-center .customerTestimonialSlide {
    background: #FFFFFF;
    border-radius: 8px;
}

.customerTestimonialsSlider .customerTestimonialSlide {
    transition: .4s ease;
    padding: 50px;
    text-align: center;
}

.slick-slide.slick-current.slick-active.slick-center {}

.customerTestimonialContent {
    margin: 29px 0px 70px;
}

.customerTestimonialContent p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.customerTestimonialQuoteIcon img {
    margin: 0 auto;
}

.customerTestimonialImage img {
    margin: 0 auto;
}

.customerTestimonialInfo span {
    display: inline-block;
    margin: 15px 0px 0px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}

.customerTestimonialsSection {
    position: relative;
    padding: 80px 0px;
}

.customerTestimonialsHead {
    position: relative;
    text-align: center;
    margin: 0 0 40px;
}

.customerTestimonialsHead h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 0px;
    display: inline-block;
}
.customerTestimonialsSlider  .slick-dots li button {
    background: #333333;
    opacity: 0.15;
    border-radius: 8px;
    width: 12px;
    height: 6px;
    margin: 0px !important;
    transition: .4s ease;
    position: relative;
}

.customerTestimonialsSlider .slick-dots li button::before {
    display: none;
}

.customerTestimonialsSlider .slick-dots li.slick-active button {
    background-color: #FF007B;
    width: 40px;
    opacity: 1;
}

.customerTestimonialsSlider .slick-dots li {
    position: relative;
    width: auto !important;
}

.customerTestimonialsSlider .slick-dots {
    position: absolute;
    bottom: -60px;
}
.productManufacturingSection {
    position: relative;
    padding: 80px 0px 67px 0px;
}

.productManufacturingSingleStep {
    position: relative;
    width: 18%;
}

.productManufacturingStepsFlex {
    justify-content: space-between;
}

.productManufacturingStepIcon img {
    margin: 0 auto;
    display: block;
    max-width: 100px;
}

.productManufacturingStepIcon {
    width: 100px;
    height: 100px;
    margin: auto;
    display: flex;
    align-items: center;
}

.productManufacturingSingleStep span {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    display: inline-block;
    margin: 13px 0px 10px;
}

.productManufacturingSingleStep {
    position: relative;
    text-align: center;
}

.productManufacturingSingleStep p {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
}
.customHomeBanner {
    padding-bottom: 100px!important;
    border-bottom: 0!important;
    margin: 0 !important;
}
.customHomeBanner .feature-row__images {
    max-width: 578px;
    border-radius: 50%;
    box-shadow: 0px 20px 34px 20px rgba(231, 194, 201, 0.5);
}

.customHomeBanner .feature-row {
    padding: 60px 0px;
}
.site-header__element {
    background-color: #FFE1E6 !important;
}

.homeBannerSection {
    position: relative;
    padding: 26px 0px 0px;
/*     background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat; */
    margin: -3px 0 90px;
}

.background-wave {
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.homeBannerSlider {
    margin: 0px !important;
}
.site-header__element .page-width {
    padding: 0 50px;
}

.site-nav li a {
    font-size: 14px;
    padding: 20px 20px;
    letter-spacing: 0.04em;
    margin: -10px 0 -20px;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: 600;
    display: inline-block;
    width: 100%;
}
.site-nav__dropdown {
    margin: 20px 0px 0px;
}
.site-nav.site-navigation {
    margin: 0 0 0 30px !important;
}

.homeBannerMain {
    position: relative;
    padding: 0 30px 0px 48px;
}

.homeBannerSlideFlex {
    justify-content: space-between;
    align-items: center;
}

.homeBannerSlideImageInner img {
    max-width: 100%;
    width: 100%;
}

.homeBannerSlideLeft {
    position: relative;
    width: 38%;
}

.homeBannerSlideImage {
    position: relative;
    width: 50.7%;
}

.homeBannerImageInner {
    position: relative;
/*     border-radius: 50%; */
    overflow: hidden;
/*     box-shadow: 0px 20px 34px 20px rgba(231, 194, 201, 0.5);         */
}
.homeBannerSlideContent {
    position: relative;
    margin: -10px 0px 0px;
}
.homeBannerSlideContent h2 {
    font-style: normal;
    font-weight: 600;
/*     font-size: 54px;
    line-height: 65px; */
    font-size: 48px;
    line-height: 52px;
    letter-spacing: 0;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 0;
}

.homeBannerSlideContent p {
    font-style: normal;
    font-weight: 500;
    font-size: 21px;
    line-height: 26px;
    letter-spacing: -0.8px;
    text-transform: capitalize;
    color: #FF007B;
    opacity: 0.8;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 4px 0px 40px;
}

.homeBannerSlideContent a {
    background: rgba(255, 0, 123, 0.07);
    display: block;
    padding: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FF007B;
    text-transform: capitalize;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    transition: .4s ease;
    border: 1px solid transparent;
    max-width: 180px;
}

.homeBannerSlideContent a:hover {
    border-color: #FF007B;
}



.homeBannerSlider .slick-track {
    padding: 20px 0px 90px;
}
.homeBannerImageInner img {
    width: 100%;
    max-width: 100%;
    margin: auto;
/*     max-width: 500px; */
    max-width: 350px;
}


.homeBannerSlider .slick-slide {
    margin: 0 60px;
}
.slick-active-first .slide-btn {
	background-color: red;
}

.slick-active-last .slide-btn {
	background-color: orange;
}

.slider-dots-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 50px;
    position: absolute;
    bottom: 90px;
    left: 22px;
}

.slider-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 40px;
}

.slider-dots button {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: block;
	border: 0;
	background-color: transparent;
	margin: 0 10px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	transition: .3s all;
	position: relative;
	z-index: 0;
}

.slider-dots-box .slick-active button {
		width: 40px;
		height: 40px;
}

.slider-dots button:after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #000;
  position: absolute;
}

/* .slider-dots-box .slick-active button:after {
	content: none;
	display: none;
} */

.slider-dots-box .slick-active button:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	border: 2px solid rgba(255, 0, 123, .2);
	border-radius: 50%;
}

.circle-bg {
  fill: rgba(255, 255, 255, 0);
  stroke: rgba(0, 0, 0, 0.05);
  stroke-width: 2;
  stroke-linecap: butt;
}
.circle-go {
  fill: rgba(255, 255, 255, 0);
  stroke: rgba(255, 0, 123, 1);
  stroke-width: 2;
  stroke-linecap: round;
  animation: progress 22s;
  stroke-dasharray: 360px;
  stroke-dashoffset: 360;
}
.circle-tx {
  fill: #000;
  stroke-width: 1;
  font: bold 16px 'Arial';
  text-anchor: middle;
}

@keyframes progress {
  from {
    stroke-dashoffset: 360;
  }
  
  to {
    stroke-dashoffset: 0;
  }
}

.slider-dots {
    list-style: none;
}

.slider-dots li button::after {
    background-color: #FF007B;
    opacity: .3;
}
.slider-dots li.slick-active button::after {
    background-color: #FF007B;
    opacity: 1;
}
.slider-dots-box li button {
    width: 40px !important;
    height: 40px !important;
}
/* .slider-dots-box li button svg g, .slider-dots-box li button svg g circle {
    width: 22px !important;
    height: 22px !important;
    display: inline-block;
} */
.page-width.home-logo-list {
    padding: 0 55px;
    margin: 0 0 70px;
    position: relative;
}

.featuredCollectionTitle {
    font-size: 28px !important;
    font-family: 'Neue Haas Semi Bold' !important;
    font-weight: 600 !important;
    letter-spacing: -0.3px !important;
}

.collectionCustomClass {
    margin: 0px 0px 0px;
}

.collectionCustomClass .section-header--with-link a {
    letter-spacing: 0px;
}
.grid-item__meta-secondary span:empty {
    display: none;
}

.featureCollectionCustom .grid-item__meta-secondary {
    margin: 20px 0px 0px;
}


.featureCollectionCustom .grid-item__meta {
    margin: 17px 20px;
}
.customHeadFlex {
    justify-content: space-between;
    align-items: center;
    margin: 0 0 40px;
}

.customHeadLink a {
    font-size: 16px;
    color: #FF007B;
    text-decoration: underline;
    transition: .3s ease;
    text-underline-offset: 3px;
    font-family: 'Neue Haas Semi Bold';
    line-height: 19px;
    font-weight: 500;
}

.customTitleClass {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 28px !important;
    line-height: 34px !important;
    letter-spacing: 0.04em !important;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Semi Bold' !important;
    margin: 0px !important;
}

.customHeadFlex .section-header {
    margin: 0px;
}
.customCollectionsList .collection-item__title {
    text-align: left;
    text-transform: capitalize;
    margin: 20px 0px 0px;
    padding: 0px 5px;
    color: #1f1f1f;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 22px !important;
}
.template-index .productImageTextSection {
    padding: 20px 0px;
}
.slideShowCustomClass h2 .hero__animation-contents {
    font-family: 'Desyrel';
    font-size: 30px !important;
    font-weight: 400;
    line-height: 37px;
}

.slideShowCustomClass .hero__subtitle .hero__animation-contents {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: 500;
}

.slideShowCustomClass .hero__subtitle {
    margin: 10px 0px 40px;
}


.footer__newsletter .footer__subscribe p {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: #1F1F1F;
    padding: 0px !important;
}

.footer__newsletter .footer__subscribe {
    padding: 0px;
}

.footer__newsletter .newsletter__input-group {
    max-width: 650px !important;
}

.footer__newsletter .newsletter__input-group input {
    position: relative;
    width: 450px;
    border: 1px solid #E4E7EC;
    height: 48px;
    padding: 15px 21px;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.04em;
    color: #1F1F1F;
    opacity: 0.4;
}

/* .footer__newsletter .input-group-btn button {
    background-color: #FF027C;
    border: 1px solid #FF027C;
    transition: .4s ease;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 14px;
    color: #fff;
    padding: 16px 43px;
    line-height: 15px;
    border-radius: 0px !important;
    height: 48px;
    position: relative;
    overflow: hidden;
}

.footer__newsletter .input-group-btn button::after {
    position: absolute;
    inset: 0;
    content: "";
    background-color: #ff027c;
    transition: 0.4s ease;
    margin: auto;
}

.footer__newsletter .input-group-btn button span {
    position: relative;
    z-index: 1;
}

.footer__newsletter .input-group-btn button:hover::after {
    border-top-right-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    max-width: 98%;
    max-height: 92%;
    
}

.footer__newsletter .input-group-btn button:hover span {
    color: #fff;
}


.footer__newsletter .input-group-btn button:hover {
    background-color: transparent !important;
    color: #FF027C !important;
    border-top-right-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
} */
.input-group-btn button {
    background: rgba(255, 0, 123, 0.07);
    display: block;
    padding: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FF007B;
    text-transform: capitalize;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    transition: .4s ease !important;
    border: 1px solid transparent;
    border-radius: 0px !important;
}

.input-group-btn button:hover {
    border-color: #FF007B;
    background-color: rgba(255, 0, 123, 0.07) !important;
}
.site-footer {
    background-color: #333333 !important;
}
.logoCustomBlock img {
/*     opacity: .4; */
    transition: .4s ease;
}

.logoCustomBlock:hover img {
    opacity: 1;
}

.customTitleClass {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    font-weight: 600 !important;
}

.featuredCollectionTitle {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    font-weight: 600 !important;
}

.subHeading {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
/* identical to box height, or 21px */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
}

.blockPercentage {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 60px;
/* identical to box height */
    letter-spacing: 0.04em;
    text-transform: capitalize;

/* Pink */
    color: #FF007B;
    margin: 0px;
}

.productImageTextContent h4:empty {
    display: none;
}
.collection-content {
    margin: 0px !important;
    border: 0px !important;
}
select#SortBy {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #1F1F1F !important;
      outline: none !important;
    border: 0px !important;
}
.footer__section--menus::after {
    top: -2px !important;
}
.homeGridColumn {
    background-color: transparent !important;
}
.homeGridColumn {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.grid-product__image-wrap {
    border-bottom-left-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    overflow: hidden;
}
.grid-item:hover .grid-product__image-wrap {
    box-shadow: 0px 3px 31px 4px rgba(231, 194, 201, 0.5);
}

.grid-item .grid-product__image-wrap {
    position: relative;
    transition: .4s ease;
}
.productManufacturingStepsFlex {
    display: flex;
}
.productManufacturingStepsSlider {
    display: none;
}
.site-nav__item:first-child a::after {
    margin: 0 20px 0 0 !important;
}

.megamenu__col a:not(:last-child) {
    margin-bottom: 10px !important;
}

.megamenu__col-title {
    margin: 0 0 15px;
}

.megamenu__col-title a {
    font-size: 14px !important;
}
.site-nav__link--underline:after {
    margin: 0px !important;
}
.product-block button .collapsible-trigger__icon {
    top: 50%;
}
.homeBannerSection .page-width {
    padding: 0px;
    height: 100%;
}
.homeBannerMain {
    padding: 0px;
}
.site-footer {
    background-color: transparent !important;
}

.site-footer {
    position: relative;
    background-image: url(/cdn/shop/files/footer-bg.png?v=1685136633);
    background-position: center;
/*     background-size: cover; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0px 0px 0px;
    padding: 60px 0px 0px;
}

.site-footer .footer__section {
    border: 0px !important;
}
.site-footer {
    margin: 0px 0px 0px;
}
.pagination .btn--circle {
    background-color: #FFE1E6;
}
.template-collection #CollectionAjaxContent {
    padding-bottom: 80px;
    border-bottom: 1px solid #E4E7EC;
    margin-bottom: 45px;
}
.site-footer .footer__section.bottomFooter {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, .1) !important;
}

/* Cart Drawer */

.cart__drawer-form {
    max-height: 100%;
}

.site-header__drawer.site-header__cart {
    position: fixed !important;
    left: -100%;
    top: 0;
    z-index: 999;
    max-width: 600px;
    height: 100%;
    max-height: 100vh;
    padding: 0px 0px 0px;
}

.cart__scrollable * {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
}

.cart__scrollable .cart__item-name {font-weight: 500;text-transform: capitalize;line-height: 24px;}

.cart__scrollable .cart__item--variants {font-weight: 600;text-transform: capitalize;}

.cart__scrollable .cart__price {
    font-weight: 600 !important;
}

.site-header__cart .cart__footer {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
}

.site-header__cart .cart__footer .cart__item-sub {
    font-weight: 600;
}

.site-header__drawer.site-header__cart.is-active {
    left: 0;
}
.dynamic-checkout__content ul li {
    max-width: 140px;
    width: 30% !important;
    display: inline-block !important;
}

.dynamic-checkout__content ul {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
}
.site-header__drawer-animate {
    height: 100%;
}

.cart__drawer-form {
    height: 100% !important;
    max-height: 100% !important;
}

.site-header__cart .additional-checkout-buttons [data-shopify-buttoncontainer] {
    flex-direction: row !important;
    gap: 10px;
}

.cart-open .toolbar-section {
  display: none;
}

.cart-open body {
  height: 100vh;
  overflow: hidden;
}

.cart__drawer-form .cart__remove {
    display: block !important;
}
/* Cart Drawer */

.collection-filter .collection-filter__inner {
    justify-content: space-between;
}

.collection-filter__item--count {
    flex: auto;
    max-width: fit-content;
}

.collection-filter__item--right {
    flex: 1 1 50% !important;
}
.product-grid__content .product-single__meta {
    padding-top: 10px;
    padding-left: 20px;
}

.product-single__header {
    margin-top: 0px;
}

.product-block.product-block--price label {
    display: none;
}
.selectPackagingHead h5 {
    color: #1F1F1F;
    opacity: 1;
}
.product-single__meta p {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
}

.product-block p {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
}

.product-block p span {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
}

#shopify-installments span {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
}

#shopify-installments-content {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
}
.product__thumbs {
    max-width: 548px;
    margin: auto;
}
.product__thumbs--below .product__thumb-item {
    margin-right: 30px !important;
}
.product__thumb .image-wrap img {
    border: 0px !important;
}

.product__thumbs--scroller .product__thumb-item {
    border: 0px !important;
}

.product__thumb-item a {
    border: 2px solid transparent;
     overflow: hidden;
    border-radius: 14px;
}

.product__thumb-item a.is-active {
    border: 2px solid #dcdfe4 !important;
    display: inline-block;
    width: 100% !important;
}
.template-product .productImageTextContent ul li, .template-product .productImageTextContent p {
    color: #1f1f1f;
}
.template-product .productImageTextContent ul li, .template-product .productImageTextContent p {
    color: #1f1f1f;
}

.index-section--sub-product header {
    text-align: center;
}

.index-section--sub-product header .h3 {
    display: inline-block;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}
.logo-bar {
    margin-bottom: -35px;
}
.site-nav__item:hover>a {
    color: #FF007B !important;
}

.site-nav__item a {
    transition: .4s ease !important;
}
/* .homeBannerSection {
    height: auto;
} */

.homeBannerSection {
    height: 450px;
}

.slider-dots-box {
    left: 0;
    margin: 0 0 0 20px;
    bottom: 70px;
}
.homeBannerSlideImage {
    max-width: 400px;
}
.homeBannerSlideContent p {
    line-height: 28px;
    margin: 10px 0px 40px;
}
.footer__menu li:hover a {
    color: #FF007B;
}

.social-icons li:hover a {
    color: #FF007B;
}
.site-nav__item:hover .site-nav__dropdown {
    background-color: #FFE1E6;
}

.site-nav__item.site-nav--has-dropdown:hover .site-nav__link {
    color: #FF007B !important;
    background-color: transparent !important;
}

.site-nav__dropdown-link {
    padding: 8px 0px !important;
    border-top: 1px solid #FFD8DE;
    font-size: 14px !important;
}
a.site-nav__dropdown-link {
    text-decoration: none !important;
    background-color: transparent !important;
}
.hero__link a {
    background: rgba(255, 0, 123, 0.07);
    display: block;
    padding: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FF007B;
    text-transform: capitalize;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    transition: .4s ease !important;
    border: 1px solid transparent;
    border-radius: 0px !important;
    max-width: 180px;
}

.hero__link a:hover {
    border-color: #FF007B;
    background-color: rgba(255, 0, 123, 0.07) !important;
}
.homeBannerSlideContent a, .hero__link a, .input-group-btn button {
    background-color: #FF007B;
    color: white;
}

.homeBannerSlideContent a:hover, .hero__link a:hover, .input-group-btn button:hover {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B;
    border-color: #FF007B;
}
.toolbar__social li:hover a svg path {
    fill: #FF007B;
}
.homeBannerSlideContent {
    max-width: 475px;
}
.site-nav__item:hover .site-nav__link--underline:after {
    display: none !important;
}
.site-nav__dropdown {
    padding: 0;
}

.site-nav__dropdown li a {
    margin: 0px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.footer__section {
    border-top-color: #E4E7EC !important;
}
.shopify-section-group-footer-group {
    margin: 80px 0px 0px;
}

.footer__section.footer__section--border {
    padding: 50px 0px;
}
 .page-width.home-logo-list {
    display: block;
}
.logoCustomMobileSliderContainer {
    display: none;
}
.homeBannerSlideContent {
    text-align: left !important;
}
.background-wave {
    position: absolute;
    inset: 0;
/*     background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    display: block;
}
.background-wave-mobile {
    display: none;
}

.template-product span.collapsible-trigger__icon.collapsible-trigger__icon--open path {
    stroke: #FF007B;
}
.product-block button.collapsible-trigger {
    color: #1F1F1F;
}

.product-block button.collapsible-trigger.is-open {
    color: #FF007B;
}
.cookieCakeProductHeading nav {
    display: none;
}

.cookieCakeProductHeading h1 {
    font-family: 'Desyrel';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 37px;
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
    margin: 0 0 8px;
}

.cookieCakeProductShortDescription p {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
/* identical to box height, or 162% */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
}

.cookieCakeProductHeadFlex {
    justify-content: space-between;
    align-items: flex-start;
}

.cookieCakeProductHeadPrice * {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
/* identical to box height */
    text-align: right;

/* Pink */
    color: #FF007B;
}

.cookie-cake.template-product .product-block.product-block--header {
    display: none;
}

.cookie-cake.template-product .product-single__meta {
/*     background-color: #fff; */
    padding: 32px 24px;
}

.product__photos {
    margin: 0px !important;
}
.cookieCakeProductHead {
    position: relative;
    margin: 0 0 40px;
}

.cookieCakeProductHeadPrice label {
    display: none !important;
}
.hero__sidebyside-text--left .hero__sidebyside-content-inner--indented {
    padding-right: 80px;
}
.site-nav__icons a.site-nav__link, .site-nav__icons a.site-nav__link span {
    display: flex !important;
    align-items: center;
}

.site-nav__dropdown {
    padding-top: 0px;
}

.site-nav__dropdown ul li:first-child a {
    border: 0px;
}
.megamenu__col-title a {
    border: 0px;
}
.site-nav__dropdown {
    padding: 5px 0px 0px;
}

.site-nav__dropdown.megamenu {
    padding: 20px 0px 0px;
}
.pageContentMain .section-header {
    display: none;
}
.pageContentMain a span {font: inherit !important;}
.pageContentMain h1 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
/* identical to box height */
    letter-spacing: 0.04em;
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
}

.pageContentMain br {
    display: none;
}
.pageContentMain h2 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.04em;
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
}
.pageContentMain {
    opacity: 1 !important;
}
.grid-article[data-style=medium]{
  flex:0 0 calc(50% - 4px) !important;
}
.pageContentMain h6 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    color: #333333;
    opacity: 0.8;
}
.pageContentMain h5 {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}
.flavorsTags ul li input {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    /* visibility: hidden; */
    cursor: pointer;
}

.flavorsTags ul li {
    position: relative;
}

.flavorsTags ul li label {
    margin: 0;
    border: 1px solid #E4E7EC;
    padding: 15px 20px;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 18px;
    /* identical to box height */
    /* Popins Black */
    color: #333333;
    opacity: 0.6;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
}

.flavorsTags ul li input:checked + label {
    background: rgba(255, 0, 123, 0.07);
    color: #FF007B;
    opacity: 1;
}

.flavorsTags ul li label span {
    display: none;
    margin: 0 10px 0px 0px;
}

.flavorsTags ul li input:checked + label span {
    display: inline-block;
}
.flavors .imageColumns {
    padding: 0px !important;
}

.flavprsListBody {
    margin-bottom: 0px;
}
.flavors .imageColumns .page-width {
    padding: 0px;
}

.flavors .imageColumns .page-width .grid {
    margin: 0 -10px !IMPORTANT;
}
.customOrderSingleField textarea {
    color: #333333;
}
.orderFormSubmit button:hover {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B;
    border-color: #FF007B;
}
.customOrderForm .note {
    font-family: 'Neue Haas Grotesk Display Pro';
}

/* Cookie Cake Text */

.cookie-cake .image-wrap {
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #F0F0F0 100%);
}

.cookie-cake .product-image-main[data-size] img {
    max-width: 95% !important;
    margin: auto !important;
    display: block !important;
    width: 100% !important;
    right: 0;
    object-fit: contain !important;
}

.textOnImage {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 315px;
    overflow: hidden;
    line-break: anywhere;
    height: 220px !important;
}

.textOnImage h3 {
      font-family: 'Desyrel';
    font-size: 45px;
    color: #9C00FF;
    transform: inherit;
    -webkit-text-stroke: 2px #fff;
    letter-spacing: 10px;
    line-height: 48px;
    text-align: center;
    line-break: auto;
    max-width: 315px;
    word-wrap: break-word;
}
/* Cookie Cake Text */
.nyc-locations-page form input, .nyc-locations-page form textarea, .nyc-locations-page form select {
    border: 0px !important;
}
.orderPartnersOrder a:hover {
    color: #fff !important;
    opacity: 1 !important;
}
.nyc-locations-page .orderFormSubmit {
    margin: 60px 0px 0px;
}

.nyc-locations-page .shopify-section-group-footer-group {
    margin: 0px;
}
.nyc-locations-page .footer__newsletter .newsletter__input-group input {
    border: 1px solid #E4E7EC !important;
}

.product-block fieldset label.button-label-value {
    position: relative;
    overflow: unset;
}

.label-input-value {
        position: absolute;
    content: '';
    top: -17px;
    background-color: #F4F5F7;
    font-size: 10px !important;
    left: 0;
    right: 0;
    text-align: center;
    width: max-content !important;
    margin: auto !important;
    padding: 5px 10px;
    display: block !important;
    height: 25px !important;
    color: #333333;
    text-transform: uppercase;
}
.rte.rte--nomargin a {
    color: #FF007B!important;
}
/* Find Us Page */

#storerocket-search, #storerocket-panel {
    width: 39% !important;
}

#storerocket-map-container {
    top: -100px !important;
}

.find-us-template .page-content {
    padding: 0 !important;
}

.find-us-template .pageContentMain {
    padding: 0 !important;
}

#storerocket-search {
    padding: 40px 29px 16px 50px !important;
    height: auto !important;
    border: 0px !important;
}

#storerocket-panel {
    padding: 0 29px 0px 50px;
}

#storerocket-panel .storerocket-result-list {
  padding: 0px !important;
  /* IE scroll 숨김 */
  -ms-overflow-style: none;}

#storerocket-panel .storerocket-result-list::-webkit-scrollbar { 
  width: 0 !important;
  display: none; 
}

.storerocket-result-list-content {
    padding: 0px !important;
}

.storerocket-search-form {
    border: 1px solid #E4E7EC;
}

.storerocket-query {
  width: calc(100% - 105px) !important;
}

.storerocket-radius {
    width: 105px;
}

.storerocket-search-form .storerocket-radius a {
    width: 100%;
    background-color: transparent !important;
    color: #1F1F1F !important;
}

.storerocket-search-form .storerocket-search-field {
    border: 0px;
    background-color: transparent !important;
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.04em;

/* Replica Black */
    color: #1F1F1F;
    opacity: 0.4;
}

#storerocket-widget .storerocket-query .storerocket-search-icon {
    display: none !important;
    width: 0px;
}

.storerocket-result-name {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.04em;
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
}

.storerocket-result-address * {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
/* identical to box height, or 24px */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
}

.storerocket-result-today-hours {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
/* identical to box height, or 24px */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
    position: relative;
    padding: 0 0 0 30px;
}

.storerocket-result-address {
    position: relative;
    padding: 0 0 0 30px;
}

.storerocket-result-address::before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    background-image: url(/cdn/shop/files/pin-location.svg?v=1686066574);
}

.storerocket-result-today-hours::before {
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    background-image: url(/cdn/shop/files/clock.svg?v=1686066574);
}

.storerocket-result-buttons a {
    min-width: 48.5%;
    text-align: center;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    border: 1px solid transparent;
    transition: .4s ease;
}

.storerocket-result-buttons a.storerocket-result-button-1538 {
    background-color: #FF007B;
    color: white !important;
    transition: .4s ease;
    border: 1px solid transparent;
}

.storerocket-result-buttons a.storerocket-result-button-1539 {
    background-color: rgba(255, 0, 123, 0.07) !important;
}

.storerocket-result-buttons a.storerocket-result-button-1539:hover {
    border-color: #FF007B !important;
}

.storerocket-result-buttons a.storerocket-result-button-1538:hover {
    background-color: rgba(255, 0, 123, 0.07) !important;
    color: #FF007B !important;
    border-color: #FF007B !IMPORTANT;
}

.storerocket-result-caret td {
    background-color: transparent !important;
}

/* Find Us Page */
.nycLocationsHead {
    justify-content: space-between;
    align-items: center;
}

.nycLocationsHead a {
    font-size: 16px;
    color: #FF007B !important;
    text-decoration: underline;
    transition: .3s ease;
    text-underline-offset: 3px;
    font-family: 'Neue Haas Semi Bold';
    line-height: 19px;
    font-weight: 500;
}
.find-us-template .shopify-section-group-footer-group {
    margin: 0px 0px 0px !important;
}

.find-us-template .pageContentMain {
    margin: 0px !important;
}

#storerocket-widget {
    margin-bottom: 0px !important;
}
.find-us-template .shopify-section-group-footer-group {
    margin: 0px 0px 0px !important;
}

.find-us-template .pageContentMain {
    margin: 0px !important;
}

#storerocket-widget {
    margin-bottom: 0px !important;
}

.storerocket-result-address {
    display: flex;
}

.storerocket-popup-location-buttons a {
    min-width: 48%;
    margin: 0px !important;
    display: inline-block !important;
    text-align: center;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    font-size: 12px !important;
    transition: .4s ease !important;
    border: 1px solid transparent;
}

.storerocket-popup-location-buttons a:first-child {
    color: #fff !important;
}

.storerocket-popup-location-buttons a:nth-child(2) {
    background-color: rgba(255, 0, 123, 0.07) !important;
}

.storerocket-popup-location-buttons a:first-child:hover {
    background-color: rgba(255, 0, 123, 0.07) !important;
    color: #FF007B!important;
    border-color: #FF007B!important;
}

.storerocket-popup-location-buttons a:nth-child(2):hover {
    border-color: #FF007B !important;
}
.about .productManufacturingSection {
    background-color: white;
}
.aboutPageSectionOnce .imageWithTextContent h2 {
    font-family: 'Desyrel';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}
.aboutPageSectionTwice .imageWithTextContent h2 {
    font-family: 'Adobe Handwriting Ernie';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 88px;
    text-transform: capitalize;
    color: #1F1F1F;
}
.custom-contact .faqSingleRow {
    border-top: 1px solid #F2D2D7;
}
.faqHeadRight {
    display: block;
}

.mobileViewAllLink {
     display: none;
}
.videoCookieLeft {
    width: 49%;
    border-radius: 10px;
    overflow: hidden;
}

.videoCookieRight {
    width: 49%;
    position: relative;
    border-radius: 10px;
    background-image: url(/cdn/shop/files/grid-col-bg.png?v=1685044537);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.videoCookieFlex {
    justify-content: space-between;
}

.videoCookieVideoBackground {
    position: relative;
    width: 100%;
    height: 100%;
}

.videoCookieRightInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px;
    flex-direction: column;
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 10px;
}

/* .videoCookieRightInner::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(255, 255, 255, .7);
    opacity: 0;
    transition: .4s ease;
}

.videoCookieRightInner:hover::after {
    opacity: 1;
} */

.videoCookieRightInner a {
    display: block;
    width: 100%;
    z-index: 1;
}

.videoCookieRightInner img {
    max-width: 80%;
    margin: auto;
    width: 100%;
}

.videoCookieVideoBackground {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.videoCookieRightInner h2 {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 24px;
    line-height: 34px !important;
    letter-spacing: 0.04em !important;
    text-transform: capitalize;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    margin: 10px 0 20px;
    text-align: center !important;
    z-index: 1;
}

.videoCookieRightInner span {
    display: block;
    padding: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #fff;
    text-transform: capitalize;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    transition: .4s ease;
    border: 1px solid transparent;
    max-width: 180px;
    background-color: #FF007B;
    margin: 20px auto 0px;
}

.videoCookieRightInner span:hover {
    background-color: rgba(255, 0, 123, 0.07);
    color: #FF007B;
    border-color: #FF007B;
}
.imageColumn {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.template-blog .imageColumns .page-width {
    padding: 0 60px !important;
}
.blog-layout__sidebar .grid-item.grid-article .grid-article__image img {
    height: 150px !important;
    display: block;
    width: 100%;
    position: relative;
    top: 0;
    max-height: 150px !important;
}
.blog-layout__sidebar .grid-item.grid-article {
    gap: 16px;
}

.blog-layout__sidebar .grid-item.grid-article .article__title, .blog-layout__sidebar .grid-item.grid-article:first-child .grid-article__meta a {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px !important;
    line-height: 160%;
    letter-spacing: 0.04em;
    text-transform: capitalize;
    color: #1F1F1F;
}
.blog-layout__sidebar .grid-article__meta {
    padding: 0px !important;
    width: 100%;
    flex: 0 0 50% !important;
}
.template-blog .page-width.page-content.blog-layout {
    padding-bottom: 0px;
}

.template-blog .grid--flush-bottom>.grid__item {
    margin-bottom: 0px;
}
h1.desyrel {
    font-family: 'Desyrel' !important;
    font-size: 40px !important;
    font-weight: 400 !important;
    line-height: 50px !important;
    letter-spacing: 0.04em !important;
    text-transform: capitalize !important;
    color: #1F1F1F !important;
}
.template-article .blog-layout__sidebar .grid-item.grid-article {
    margin-bottom: 16px !important;
}

.template-article .blog-layout__sidebar .theme-block {
    margin-bottom: 0px !important;
}
.blog-layout__sidebar .grid-product__image-wrap {
    border-radius: 0px !important;
    box-shadow: none !important;
}
a.return-link {
    text-align: left !important;
    background: rgba(255, 0, 123, 0.07);
    display: block;
    padding: 15px 25px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FF007B;
    text-transform: capitalize;
    font-family: 'Neue Haas Grotesk Display Pro';
    transition: .4s ease;
    border: 1px solid transparent;
    border-radius: 0px !important;
    max-width: 180px;
}

a.return-link .icon-arrow-left {
    display: none;
}

a.return-link:hover {
    border-color: #FF007B;
    color: #FF007B;
    background-color: rgba(255, 0, 123, 0.07);
}
b:empty {
    display: none;
}

.template-article .blog-layout__main .rte * {
    text-align: left !important;
        text-decoration: none !important;
}

.template-article .blog-layout__main .rte blockquote {
    padding: 0px;
}
.template-article .blog-layout__main .rte p {
    opacity: .8 !important;
}
.template-article .blog-layout__main .rte .opacityOne {
    opacity: 1 !important;
}
.template-article .imageColumns .page-width {
    padding: 0 50px !important;
}
.template-article .textColumnsCustom .imageColumns {
    margin-bottom: 0px;
}

.template-article .textColumnsCustom .imageColumns .imageColumn {
    margin-bottom: 0px;
}

.page-width.page-content.blog-layout {
    padding-bottom: 0px !important;
}

.template-article .imageColumns .page-width {
}

.template-article .imageColumns {
    padding: 80px 0px 0px !important;
    border-top: 1px solid #E4E7EC;
    margin-top: 60px !important;
}
button.increment.add-pro-to-bundle {
    padding: 5px 0px;
}
.book-virtual-class .orderFormSubmit {
    margin: 60px 0px 0px;
}
.book-virtual-class .customOrderCommonField input[type="date"] {
    background-image: none;
}
.bookVirtualSection input:active, .bookVirtualSection input:focus {
    border-color: transparent !important;
}
.book-virtual-class .shopify-section-group-footer-group {
    margin: 0px;
}
.order-catering .virtualClassPopupHead h2 {
    font-family: 'Desyrel';
}
.order-catering .virtualClassPopupHead p {
    max-width: 100%;
}
.variant-input-wrap .variant-input {
    min-width: 31%;
    margin-right: 8px;
      margin-bottom: 8px;
}

.variant-input-wrap .variant-input .variant__button-label {
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    opacity: 0.6;
    font-family: 'Poppins', sans-serif;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.variant-input-wrap .variant-input input:checked + label {
    color: #FF007B;
}

[data-product-handle="edible-cookie-dough-bite-boxes"] .variant-input-wrap .variant-input .variant__button-label {
    font-weight: bold;
        font-family: 'Neue Haas Grotesk Display Pro';
}


[data-product-handle="edible-cookie-dough-bite-boxes"] .variant-input-wrap .variant-input .variant__button-label .label-input-value {
        font-family: 'Neue Haas Grotesk Display Pro';
}


#infiniteoptions-container fieldset {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

#infiniteoptions-container fieldset label {
    margin: 0px 0px 10px;
    line-height: 20px;
    letter-spacing: 0.02em;
    color: #333333;
    opacity: 0.8;
    font-family: 'Neue Haas Regular';
    padding: 0 0 0px 10px;
    position: relative;
      text-transform: initial;
  cursor: pointer;
      font-size: 14px;
  display: flex;
}

#infiniteoptions-container .spb-label-tooltip label {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #1F1F1F;
    font-family: 'Neue Haas Grotesk Display Pro';
    text-transform: capitalize;
}


/* #infiniteoptions-container fieldset label input {
    opacity: 0;
} */

#infiniteoptions-container .add-message fieldset label input {
    accent-color: #ff007b;
    height: 18px;
    width: 18px;
}
#infiniteoptions-container .add-message fieldset label {
      display:flex;
}

#infiniteoptions-container fieldset input:checked + label::before {
    opacity: 1;
}
#infiniteoptions-container fieldset input:checked + label::after {
    background-color: #FF007B;
}

#infiniteoptions-container fieldset input[type="hidden"] {
    display: block !important;
    width: 20px;
    height: 20px;
    position: relative;
}

.checkboxSpan {
     position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    content: "";
/*     border: 1px solid #E4E7EC; */
  border: 1px solid #000;
    border-radius: 4px;
}

.checkboxSpan::before {
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 6px;
    top: 2px;
    background: transparent !important;
    opacity: 0;
    content: "";
    position: absolute;
}

#infiniteoptions-container fieldset input:checked + span {
    background-color: #FF007B;
    border-color: #FF007B;
}
#infiniteoptions-container fieldset input:checked + span::before {
    opacity: 1;
}

#infiniteoptions-container>div:nth-child(2) {
    margin: 20px 0px 0px;
}

#infiniteoptions-container textarea {
    width: 100%;
    min-width: 100%;
    width: 100%;
    height: 150px;
    resize: none;
    padding: 10px;
    border: 1px solid #E4E7EC;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.04em;
    color: #1F1F1F;
    font-family: 'Neue Haas Regular';
}
.spb-label-tooltip {
    margin: 0 0 20px;
    position: relative;
}
#infiniteoptions-container>div:nth-child(2) .spb-label-tooltip label {
    font-weight: 400 !important;
}
.add-message span {
    display: inline-block !important;
}
.js-qty__wrapper input {
    border: 1px solid #d5d9df !important;
  outline: none !important;
}
.corporate-virtual-class .virtualClassPopupHead p {
    max-width: 100%;
}
.message-textarea {
    display: none;
}
.message-textarea.showThis {
    display: block;
}
.shopify-challenge__button {
    display: block;
    padding: 15px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    transition: .4s ease !important;
    border: 1px solid transparent;
    border-radius: 0px !important;
    margin: 20px auto 0px !important;
    min-width: 150px;
    background-color: #FF007B !important;
    color: white !important;
}

.shopify-challenge__button:hover {
    background-color: rgba(255, 0, 123, 0.07) !important;
    color: #FF007B !important;
    border-color: #FF007B !important;
}
.explore-blog .page-width {
    width: 100% !important;
    max-width: 100vw !important;
}
.form_generater_form_div {
    max-width: 100%;
    border: 0px;
    padding: 0px;
}

.form_title_div h3 {
    font-family: 'Desyrel';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
/* identical to box height */
    text-transform: capitalize;

/* Replica Black */
    color: #1F1F1F;
}

.form_description_div p {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 170%;
/* or 27px */
    letter-spacing: 0.02em;

/* Popins Black */
    color: #333333;
    opacity: 0.8;
}
.currentClassContent p br {
    display: none;
}
.shipFreeTag {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 100px;
    height: 122px;
    text-align: center;
}

.shipFreeTag span {
    position: absolute;
    top: 0;
    display: block;
    color: #fff;
    font-family: 'Neue Haas Grotesk Display Pro';
    line-height: 16px;
    font-size: 14px;
    max-width: 75%;
    margin: 0 auto;
    transform: rotate(50deg) translate(33px, 0px);
    font-weight: 600;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.megamenu__cols {
    columns: 3 !important;
}
.megamenu .site-nav__dropdown-link span {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 10px 0px 0px;
}

.megamenu .site-nav__dropdown-link {
    display: inline-flex;
    align-items: center;
}

.megamenu .site-nav__dropdown-link span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product-image-main[data-size=square] .image-wrap {
    padding-bottom: 0%!important;
    width: 100%;
    background: #fff;
    max-width: 90%;
    margin: 0 auto;
}
.product-image-main[data-size] img {
    height: 500px !important;
}
.createBundleSection {
    padding: 25px 0px;
}

.createBundleFlex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.customBundleSingle {
    position: relative;
    width: 32%;
    background-color: #fff;
    border-radius: 27px;
    overflow: hidden;
    margin-bottom: 20px;
}

.customBundleSingleImage {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    transition: .4s ease;
}

.customBundleSingleImage img {
    width: 100%;
}

.customBundleSingleContent {
    position: relative;
    padding: 20px;
}

.customBundleSingleContent h4 {
    margin: 0px 0 5px !important;
}

.customBundleSingle:hover .customBundleSingleImage {
    box-shadow: 0px 3px 31px 4px rgba(231, 194, 201, 0.5);
}
.site-navigation li a {
    color: #1F1F1F !important;
}

.menu-item-image img {
    height: 45px;
    width: 45px;
    object-fit: contain;
}
.corpgiftStepForm {
    margin-top: 80px;
}

.add-cookie-message fieldset > label {
    box-shadow: 0 0 0 1px var(--colorBorder);
    width: max-content;
    padding: 15px 20px !important;
    background: #fff;
}

.add-cookie-message fieldset > label input {
    display: none;
}

.add-cookie-message fieldset > label {
  font-weight: bold;
  letter-spacing: 0.02em;
}

#infiniteoptions-container .add-cookie-message fieldset label {
    letter-spacing: 1.5px;
    font-weight: bold;
}

.add-cookie-message.messagesss fieldset label {
    background: #f4eaf1;
    color: #FF007B !important;
    font-weight: bold;
}
.collectionCustomClass .section-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.newsletter__input-group input:focus {
    border-color: #ff007b;
    opacity: 1;
}

.grid-product__colors span.color-swatch--pink, .grid-product__colors span.color-swatch--yellow, .grid-product__colors span.color-swatch--green, .grid-product__colors span.color-swatch--blue {
    color: #fff !important;
    background-color: transparent !important;
}
.page-width.home-logo-list {
    margin-top: -40px;
}
.currentClassImage img {
    max-height: 350px;
    object-fit: cover;
}
.videoCookieRightInner span:hover {
    color: #fff;
    border-color: #FF007B;
    background-color: #FF007B;
}

.megamenu__col-title.gifts-submenu + div .site-nav__dropdown-link {
    font-weight: 500;
}
.product-single__sticky {
    top: 120px !important;
}
 .message-color>span, .cookie-base>span {
    flex-wrap: wrap;
   justify-content: flex-start !important;
}
.textOnImage {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 50%;
}

.product-image-main .image-wrap {
    padding: 0 !important;
    height: 500px !important;
}
.metafield-rich_text_field ul li {
    padding: 0 0 0 50px;
}

.metafield-rich_text_field ul li::after {
    background-image: url(/cdn/shop/files/spoon.png?v=1689781491);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    top: 0;
    border: 0px;
}
.announcementbarContainer {
    position: relative;
    width: 80%;
}
.toolbar__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.announcementbarSlider .slick-track {
    width: 100vw !important;
    max-width: 100vw !important;
}
.site-nav li .megamenu__featured a {
    padding: 0;
    padding-bottom: 20px;
}
.template-product .product-block {
    margin-top: 0px;
}

.template-product .product-block ul li,
.template-product .collapsible-content__inner.rte ul {
    margin-bottom: 0;
  font-size: 16px;
  font-family: 'Neue Haas Grotesk Display Pro';
}

.template-product .product-block .collapsible-content__inner.rte p{
  margin-bottom:10px;
  font-size: 16px;
  font-family: 'Neue Haas Grotesk Display Pro';
}
.template-product .product-block .collapsible-content__inner.rte p:not(:first-child){
  margin-top:10px;
}

#infiniteoptions-container > div:not(:first-child) {
    margin-top: 15px;
}
.addon-logo{
  margin: 10px 0 20px;
  display:none;
}
.product-block ul li {
    padding: 0 0 0 35px;
    margin: 0;
    list-style: none;
    position: relative;
}

.product-block ul {
    margin: 0;
}

.product-block ul li::after {
    background-image: url(/cdn/shop/files/spoon.png?v=1689781491);
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.collapsible-content__inner.rte a,
.collapsible-content__inner.rte .metafield-rich_text_field a {
    font-weight: 700;
}

.collapsible-content__inner.rte .metafield-rich_text_field h3 {
    font-size: 18px;
    text-transform: capitalize;
}

.request-date label {
    font-size: 15px !important;
    margin-bottom: 5px;
    margin-top: 15px;
}

#Cart-Drawer-date,
#date {
    font-size: 15px;
}

#request-date,
#request-date-cart {
    height: 17px;
    width: 17px;
    accent-color: #ff007b;
    margin-right: 5px;
}

label.request-date-label {
    font-size: 15px !important;
    display: flex;
    align-items: center;
    gap: 5px;
}



.template-index .featureCollectionCustom .grid-item__meta-secondary {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer;
  margin-top: 0;
}

.template-index .text-link.quick-add-btn.js-quick-add-btn {
    font-family: 'Neue Haas Grotesk Display Pro' !important;
    transition: .4s ease;
    border: 1px solid transparent;
    max-width: 180px;
    border-radius: 0;
}

.template-index .btn.btn-add-cart {
    background: #FF007B;
    border-radius: 0;
    color: #fff;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 0.02em;
    cursor: pointer;
      text-transform: capitalize;
}
.variant-wrapper {
    margin-top: 20px;
}
/****************** Media ************************/
@media only screen and (min-width: 1440px) {
  .homeBannerSlideImage {
      max-width: 550px;
  }
}
@media only screen and (min-width: 1681px) {
  .homeBannerSection {
      height: auto;
  }
  .homeBannerSlideImage {
      max-width: 550px;
  }
  .homeBannerSlideLeft {
    width: 27%;
  }
  .slider-dots-box {
    bottom: 60px;
  }
}
@media only screen and (min-width: 1920px) {
  .homeBannerSlideLeft {
        width: 23%;
    }
  .homeBannerSlideImage {
        max-width: 550px;
    }
}
@media only screen and (min-width: 2400px) {
  .homeBannerSlideImage {
      max-width: 1000px;
  }
  .homeBannerSlideContent h2 {
      font-size: 74px;
      line-height: 94px;
  }
  
  .homeBannerSlideContent p {
      font-size: 24px;
  }
  
  .homeBannerSlideContent a {
      font-size: 20px;
  }
  .page-banner-section {
      height: 600px;
  }
  .template-blog .logo-bar__item {
      min-height: 160px;
  }
  .grid-item.grid-article:first-child .grid-article__image {
      height: 700px;
      max-height: 700px;
  }
  
  .grid-item.grid-article .grid-article__image img {
      object-fit: cover;
  }
  
  .grid-item.grid-article .grid-article__image {
      height: 600px;
      max-height: 600px;
  }
}
@media only screen and (max-width: 1680px) {
    .homeBannerSlideLeft {
        width: 30%;
    }
    .homeBannerSlideImage {
        max-width: 700px;
    }
}


@media only screen and (max-width: 1440px) {
  .homeBannerSlideLeft {
      width: 34%;
  }
}
@media only screen and (max-width: 1400px) {
  .homeBannerSlideImage {
      max-width: 550px;
  }
  .flavorsSuggestionsForm {
      padding: 40px 100px;
  }
  .customOrderFieldEvent {
      margin: 0 0 20px;
  }
  .flavorsSuggestionsFormInner {
      padding: 30px 45px;
  }
  .imageWithTextContent a {
      padding: 15px 30px;
  }
  .cateringProductColContent h5 {
      font-size: 15px;
  }
  
}

@media only screen and (max-width: 1300px) {
  .giveGiftSingle {
      width: 32%;
  }
}

@media only screen and (max-width: 1240px) {
  .pressSingle {
      width: 32%;
  }
  .flavorSingleImage {
      width: 200px;
      height: 200px;
      top: -110px;
  }
  .flavorSingleBody {
      padding: 120px 20px 30px;
  }
  .flavorsIngredientsList ul li {
      padding: 0 10px;
  }
  .page-width {
      padding: 0 30px;
  }
  .flavors .textColumnsCustom {
      padding: 0 30px;
  }
  .flavorsDetailsInroSingleImage {
      width: 32%;
  }
  .featureCollectionCustom .page-width {
      padding: 0 30px !important;
  }
  .ingredientsContent {
      width: 75%;
  }
  .ingredientsContent h4 {
      font-size: 18px;
        margin: 0 0 10px;
  }
  .ingredientsContent p {
      font-size: 14px;
      line-height: 22px;
  }
  .productImageTextSingle {
        padding: 40px 30px;
    }
    .product-block button .collapsible-trigger__icon {
        top: 50%;
        width: 20px !important;
        height: 20px !important;
    }
    .corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::before {
        top: -20px;
        width: 185px;
    }
    .corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::after {
        bottom: -20px;
        width: 185px;
    }
    .nycLocationSingle {
        width: 32%;
    }
    .orderPartnersText {
        min-height: 140px;
    }
    .homeBannerMain {
        padding: 0px;
    }
    .homeBannerSlideContent h2 {
        font-size: 48px;
    }
    .homeBannerSlideContent p {
        font-size: 18px;
    }
    .slider-dots-box {
        margin: 0px 0px 0px 50px;
    }
    
    .slider-dots-box .slider-dots {
        margin: 0px;
    }
    .footer__newsletter .input-group-btn button {
        padding: 15px 30px;
        font-size: 12px;
    }
    .footer__newsletter .newsletter__input-group input {
        width: 350px;
    }
    .site-footer .page-width {
        padding: 0 30px;
    }
    .hero__sidebyside-text--left .hero__sidebyside-content-inner--indented {
        padding-right: 60px;
    }
   .productManufacturingStepsFlex {
        display: none;
    }
    .productManufacturingStepsSlider {
        display: block;
    }
    .productManufacturingStepsSlide p {
        font-family: 'Neue Haas Grotesk Display Pro';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 170%;
        text-align: center;
        letter-spacing: 0.04em;
        color: #333333;
        opacity: 0.8;
    }
    
    .productManufacturingStepsSlide span {
        font-family: 'Neue Haas Grotesk Display Pro';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #1F1F1F;
        margin: 15px 0px 10px;
        display: inline-block;
    }
    
    .productManufacturingStepsSlide {
        text-align: center;
    }
    
    
    .productManufacturingStepsSlider .slick-dots li button::before {
        display: none;
    }
    
    .productManufacturingStepsSlider .slick-dots {
        bottom: -45px;
    }
    
    .productManufacturingStepsSlider .slick-dots li {
        position: relative;
        width: auto !important;
    }
    
     .productManufacturingStepsSlider .slick-dots li button {
        width: 8px;
        height: 8px;
        border: 1px solid #FF007B;
        border-radius: 50%;
        cursor: pointer;
        margin: auto;
        background: transparent;
        opacity: 1;
    }
    
    .productManufacturingStepsSlider .slick-dots li.slick-active button {
        background-color: #FF007B;
    }
    .productManufacturingStepsSlider  .slick-slide {
        margin: 0 15px;
    }
    .logoCustomMobileSliderContainer {
        display: block;
    }
    .page-width.home-logo-list {
        display: none;
    }
     .logoCustomMobileSlider  .slick-dots {
        position: relative;
        margin: 20px 0 40px 0;
        bottom: 0;
    }
    
    .logoCustomMobileSlider .slick-dots li button::before {
        display: none;
    }
    
    .logoCustomMobileSlider .slick-dots li button {
        width: 8px;
        height: 8px;
        border: 1px solid #FF007B;
        border-radius: 50%;
        cursor: pointer;
        margin: auto;
    }
    
    .logoCustomMobileSlider .slick-dots li.slick-active button {
        background-color: #FF007B;
    }
      .logoCustomSlide {
      padding: 10px !important;
      min-height: 120px;
      position: relative;
      display: flex !important;
      flex-direction: column;
      justify-content: center;
      background-color: #fff;
      border-radius: 10px;
  }
  .logoCustomMobileSlider .slick-slide {
      margin: 0 10px;
  }
  .virtualClassPopupMain {
      padding: 0 25px;
  }
  .explore-blog .page-width.blog-layout .index-section .new-grid.product-grid {
      display: none;
  }
  .logo-bar {
      margin: 0px !important;
  }
  .explore-blog .logoCustomMobileSliderContainer {
      margin: 20px 0px 0px;
  }

  .product-image-main[data-size] img {
    height: 100% !important;
}
  .textOnImage {
    height: 150px !important;
}
.textOnImage h3 {
    font-size: 30px;
    line-height: 30px;
    -webkit-text-stroke: 1px #fff;
    max-width: 245px;
}

.product-image-main[data-size=square] .image-wrap {
    max-width: 100%;
}
}
@media only screen and (max-width: 1199px) {
   #MobileNav .slide-nav__link>span {
    flex: 0 1 auto;
}

#MobileNav .slide-nav__link {
    justify-content: flex-start;
    gap: 10px;
}

#MobileNav .menu-item-image {
    width: 40px;
}

#MobileNav .menu-item-nav-title {
    width: calc(100% - 40px);
}
  
#MobileNav .slide-nav__button .menu-item-image {
    width: 45px;
}
}
@media only screen and (max-width: 1140px) {
  .flavorsIngredientsList ul li p {
      font-size: 12px;
    }
    .flavorsSearch .form input {
      font-size: 12px !important;
  }
  .flavorsTags ul li a {
      padding: 15px;
  }
  
  .flavorsSearch .form {
      padding: 10px;
  }
  
  .flavorSingle {
      margin: 150px 0px 0px;
  }
  .selectPackagingOptionsList ul {
        gap: 12px;
    }

    .selectPackagingOptionsList ul li {
        width: 30%;
    }
    .grid-item.grid-article:first-child .grid-article__image {
        height: 400px;
        max-height: 400px;
    }

    .grid-item.grid-article .grid-article__image {
        height: 250px;
        max-height: 250px;
    }
  .productManufacturingSingleStep {
    width: 30%;
  }
  
  .productManufacturingStepsFlex {
      justify-content: initial;
      gap: 20px;
  }
  
  .productManufacturingSingleStep span {
      font-size: 15px;
  }
  
  .productManufacturingSingleStep p {
      font-size: 13px;
  }
  .product-image-main[data-size] img {
    height: 100% !important;
}
  .textOnImage {
    height: 150px !important;
}
.textOnImage h3 {
    font-size: 30px;
    line-height: 30px;
    -webkit-text-stroke: 1px #fff;
    max-width: 245px;
}

.product-image-main[data-size=square] .image-wrap {
    max-width: 100%;
}
}
@media only screen and (max-width: 1100px) {
  .flavorSingle {
      width: 32%;
  }
  .flavorSingleBody h4 {
      font-size: 16px;
  }
  .flavorSingleBody p {
      font-size: 13px;
  }
  .flavorSingleImage {
      width: 150px;
      height: 150px;
      top: -75px;
  }
  .flavorsListHeadLeft h2 {
      font-size: 24px;
  }
  .flavorsSearch .form {
      height: 50px;
  }
  .flavorsTags ul li a {
      padding: 10px;
  }
  .flavorsSearch .form input {
      max-width: 200px;
      width: 200px;
  }
  .corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::after {
        width: 150px;
        left: 85%;
    }
    .corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::before {
        width: 150px;
        right: 85%;
  }
  .customerTestimonialsSlider .customerTestimonialSlide {
      padding: 30px;
  }
  .site-navigation.small--hide {
        display: none;
    }

    .site-nav__link.mobile-nav-trigger {
        display: block !important;
    }
    .site-header__drawer.is-active {
        display: block;
        transform: translateY(0);
        top: 0 !important;
        z-index: 999 !important;
        display: block !important;
    }
    .homeBannerSlideContent h2 {
        font-size: 40px;
        line-height: 48px;
    }
    .homeBannerSlideContent p {
        font-size: 16px;
        margin: 4px 0px 30px;
    }
    .homeBannerSlideContent a {
        font-size: 13px;
        min-width: 160px;
    }
    .homeBannerSlider .slick-slide {
        margin: 0 30px;
    }
    .footer__newsletter .contact-form {
        width: 100% !important;
        flex: 100% !important;
    }
    
    .footer__newsletter .footer__subscribe {
        width: 100%;
        text-align: center;
        margin: 0 0 10px;
    }
    
    .footer__newsletter {
        flex-wrap: wrap;
    }
        
    .site-header__drawer {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 100% !important;
        max-width: 85% !important;
        height: 100% !important;
        max-height: 100% !important;
        transform: translateY(0) !important;
        display: block !important;
    }
    
    .site-header__drawers {
        position: relative;
        z-index: 999;
    }
    
    .site-header__drawer .site-header__drawer-animate {
        opacity: 1;
        transform: translateY(0);
    }
    
    .site-header__drawer.is-active {
        left: 0 !important;
    }
    
    .header-section {
        z-index: 8 !important;
    }
    .slide-nav__item a span {
        color: #1f1f1f !important;
    }
    
    .site-header__drawer p, .site-header__drawer a {
        color: #1f1f1f !important;
        font-family: 'Neue Haas Grotesk Display Pro' !important;
        font-weight: 500 !important;
    }
    
    .site-header__drawer .h4 {
        font-weight: 600 !important;
        color: #1f1f1f !important;
    }

    .slide-nav__link svg {
        display: none !important;
    }
    
    .slide-nav__item button span svg {
        display: block !important;
    }
    
    .slide-nav__wrapper:after {
        background-color: transparent !important;
    }
    
    .slide-nav__link {
        padding-left: 0 !important;
        padding-right: 0px !important;
    }
    
    .slide-nav__image {
        left: 0px !important;
    }
    
    .slide-nav__image+span {
        padding-left: 50px !important;
    }
    .site-header__drawer .footer__block {
        flex: 0 1 100%;
        max-width: 100% !important;
    }
    
    .site-header__drawer .footer__menu li:not(:last-child) {
        margin-bottom: 10px;
    }
    
    .site-header__drawer .footer__menu {
        margin: 10px 0px 0px !important;
    }
    .homeBannerSection .page-width {
        padding: 0px !important;
    }
    .homeBannerSlide {
        padding: 0 40px;
    }
    .mobile-nav-trigger::after {
        position: absolute;
        top: 0;
        right: 0;
        width: 100vw;
        height: 100vw;
        content: "";
        background: transparent;
        display: none;
    }
    
    .mobile-nav-trigger.is-active::after {
        display: block;
    }
    .homeBannerSlideLeft {
        width: 30%;
    }
    .flavorsListRight {
        justify-content: space-between;
        width: 100%;
        margin: 30px 0px 0px;
    }
    .currentClassAnchors a {
        font-size: 12px;
    }
    .cateringProductColContent h5 {
      font-size: 13px;
      line-height: 22px;
  }
  .imageWithTextContent a {
      font-size: 12px;
      padding: 15px 20px;
  }
  .textOnImage h3 {
      font-size: 46px;
      line-height: 64px;
    -webkit-text-stroke: 1px #fff;
  }
    .slide-nav__dropdown {
      right: 0 !important;
      opacity: 1 !important;
      visibility: visible !important;
      display: none;
      position: relative !important;
  }
  
  .slide-nav__button .slide-nav__link svg {
      position: relative !important;
      transition: .4s ease !important;
      transform: rotate(90deg) !important;
  }
  [data-level="2"] .slide-nav, [data-level="3"] .slide-nav {
      transform: translate(0) !important;
  }
  .slide-nav__wrapper {
      height: auto !important;
  }
  .product-image-main[data-size] img {
    height: 100% !important;
}
  .textOnImage {
    height: 150px !important;
}
.textOnImage h3 {
    font-size: 30px;
    line-height: 30px;
    -webkit-text-stroke: 1px #fff;
    max-width: 245px;
}

.product-image-main[data-size=square] .image-wrap {
    max-width: 100%;
}
}
@media only screen and (max-width: 992px) {
  .pressFlex {
      justify-content: space-between;
  }
  .pressSingle {
    width: 48.5%;
    margin-bottom: 20px;
  }
  .pressTagline p {
      font-size: 14px;
  }
  .pressLogo {
      max-width: 200px;
  }
  
  .pressLogo img {
      max-width: 80px;
      object-fit: contain;
  }
  .pressBody {
      padding: 100px 20px 20px;
  }
  .flavorsListHeadLeft {
      width: 100%;
  }
  
  .flavorsListRight {
      width: 100%;
      justify-content: space-between;
      margin: 20px 0px 0px;
  }
  .flavorSingle {
      width: 49%;
      margin: 120px 0px 0px;
  }
  
  .flavorsListFlex {
      gap: 0px;
      justify-content: space-between;
  }
  .flavorsListSection {
      padding: 50px 0px;
  }
    
  .flavorsDetailsInroImagesFlex {
      gap: 10px;
  }
    
  .flavorsDetailsInroHead h2 {
      font-size: 30px;
  }
  
  .flavorsDetailsInroHead p {
      font-size: 14px;
  }
  .template-article .page-banner-section {
      margin: 0 0 50px;
  }
  
  .flavorsDetailsInroImages {
      margin: 40px 0px;
  }
  
  .flavorDetailFaqQuestion h4 {
      font-size: 16px;
  }
  
  .flavorDetailFaqAnswer p {
      font-size: 13px;
  }
  
  .flavorDetailFaqSingle:not(:last-child) {
      margin-bottom: 20px;
  }
  
  .faqHeadLeft h2 {
      font-size: 20px;
  }
  .shippingDeatilListHead h2 {
      font-size: 30px;
  }
  
  .shippingDeatilListsHead {
      padding: 15px;
  }
  
  .shippingDeatilListsHead h5 {
      font-size: 13px;
  }
  
  .shippingDeatilListsHead p {
      font-size: 11px;
  }
  
  .shippingDetailsListsFlex {
      gap: 10px;
  }
  
  .shippingDetailsListsItems ul li p {
      font-size: 12px;
  }
  
  .pageContentMain {
      padding: 50px 50px;
  }
  
  .pageContentMain h3 {
      font-size: 18px;
  }
  
  .pageContentMain ul li, .pageContentMain p {
      font-size: 14px;
  }
  .ingredientsListSection {
      padding: 50px 0px;
  }
  .faqPageHead {
       padding: 50px 0px;
    }
    .largeImageSection {
        margin: 50px 0px;
    }
   
    .collection-content .page-width {
        padding: 0 20px;
    }
    
    .grid__item--sidebar {
        width: 33% !important;
    }
    
    .grid__item--content {
        width: 65% !important;
    }
    .selectPackagingOptionsList ul li {
        width: 48%;
    }
    .cookieCakeBaseList ul {
        justify-content: flex-start;
    }
    .productImageTextSection {
        padding: 50px 0px;
    }


    .corpgiftIntroSection {
        padding: 50px 0px;
    }

    .corpgiftSingleStep:nth-child(2)::before {
        width: 150px;
        top: 40%;
    }

    .corpgiftSingleStep:nth-child(2)::after {
        width: 150px;
        bottom: 30%;
    }

    .corpgiftStepImage img {
        max-width: 80%;
    }

    .corpgiftStepNumber span {
        width: 80px;
        height: 80px;
        font-size: 24px;
    }

    .giveGiftFlex{
        gap: 15px;
    }

    .giveGiftSingle {
        width: 32%;
    }

    .giveGiftContent {
        padding: 20px;
    }

    .giveGiftContent h4 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .giveGiftContent h5 {
        font-size: 15px;
        line-height: 20px;
    }

    .giveGiftContent p {
        font-size: 14px;
        line-height: 22px;
    }

    .giveGiftSection {
        padding: 50px 0px;
    }
    .page-width {
        padding: 0 30px !important;
    }
    .orderPartnersText p {
        font-size: 14px;
        line-height: 20px;
    }
    
    .orderPartnersText {
        min-height: 130px;
    }
    
    .orderPartnersSection {
        padding: 50px 0px;
    }
    
    .orderPartnersIcon img {
        width: 90px;
    }
    .classIntroSection {
        padding: 50px 0px;
    }
    .currentClassAnchors a {
        width: 100%;
        margin-bottom: 10px;
    }   
    .currentClassContent .replica {
        min-height: 65px;
    }
    
    .currentClassParagraph {
        min-height: 235px;
    }
    .currentClassAnchors a:last-child {
        margin-bottom: 0px;
    }

    .logo-bar .explore-blog .page-width.blog-layout .index-section .new-grid.product-grid {
        padding: 0 !important;
    }

    .logo-bar .new-grid.product-grid {
        padding: 40px 0px 0px !important;
    }

    .explore-blog .page-width.blog-layout .new-grid {
        padding: 30px 0px;
    }
    .template-article .blog-layout__main {
        padding: 0 0 0 30px;
    }
    
    .template-article .blog-layout__main {
        flex: 48% !important;
    }
    
    .template-article .blog-layout__sidebar {
        flex: 27%;
        padding: 0 20px 0 30px !important;
        margin: 0 0 0 20px;
    }
    
    .page-width.page-content.blog-layout {
        padding: 0 !important;
    }
    .productManufacturingSection {
        padding: 50px 0px;
    }
    .logo-bar__item {
        padding: 10px !important;
        min-height: 70px;
    }
    .homeBannerSlideContent h2 {
        font-size: 34px;
        line-height: 48px;
    }
    .homeBannerSlideContent p {
        font-size: 14px;
        line-height: 18px;
    }
    .homeBannerSlideLeft {
        width: 42%;
    }
    .homeBannerSlideContent {
        max-width: 250px;
    }
    .slider-dots-box {
        bottom: 40px;
    }
    .homeBannerSlider .slick-slide {
        margin: 0 0px;
    }
    
    .slider-dots-box {
        margin: 0px 0px 0px 40px;
    }
    
    .slider-dots-box .slider-dots {
        margin: 0px;
    }
    .productImageTextSingle {
        width: 100%;
    }
    
    .productImageTextSingle:not(:last-child) {
        margin-bottom: 20px;
    }
    
    .productImageTextInnerFlex {
        align-items: center;
    }
  .grid-product__title, .grid-product__price span {
      font-size: 14px;
      line-height: 20px;
  }
  
  .imageColumn .h2 {
      font-size: 17px;
  }
  
  .imageColumn p {
      font-size: 14px;
      line-height: 20px;
  }
  .collection-filter__item ul li:last-child {
      display: none;
  }
  
  [data-view=medium] .grid-item {
      flex: 0 0 50% !important;
  }
  .cookieCakeProductHeading h1 {
      font-size: 28px;
  }
  
  .cookieCakeProductShortDescription p {
      font-size: 14px;
  }
  
  .cookieCakeProductHeadPrice * {
      font-size: 18px;
  }
  .page-content {
      padding-top: 35px !important;
  }
  .product-block fieldset {
      margin: 0px;
  }
  
  .payment-buttons {
      margin: 12px 0px 0px;
  }
  .customOrderCommonField label, .customOrderSingleField label, .customOrderChechboxFields h6 {
      text-align: left !important;
  }
  .flavorsSuggestionsForm {
      padding: 40px 30px;
  }
  .wholesaleInquiry {
      padding: 0 30px;
  }
  .nycLocationSingle {
      width: 49%;
  }
  #storerocket-search {
      padding: 20px 20px !important;
  }
  
  
  #storerocket-panel {
      padding: 0 20px !important;
  }
  .nycLocationsHead h2 {
        text-align: left;
    }
    
    .nycLocationsHead a {
        text-align: right;
        margin: 20px 0px 0px;
        width: 100%;
    }
  .imageColumn {
      width: 60% !important;
      min-width: 60% !important;
  }
  
  .imageColumns .grid {
      overflow: auto !important;
  }
  .imageColumns .grid::-webkit-scrollbar {
    display: none;
  }
 .imageColumn.about-page-image-column {
      background-color: transparent !important;
      background-size: cover !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
  }
  .productManufacturingStepsSlider  .slick-slide {
      margin: 0 10px;
  }
  .template-blog .logo-bar {
      margin-bottom: 0px;
  }
  .template-blog .grid-item.grid-article {
      flex-wrap: wrap !important;
  }
  .explore-blog .page-width.blog-layout .new-grid {
      padding: 30px 30px;
  }
  .grid-article__meta {
      padding: 0px !important;
      width: 100%;
      flex: 0 0 100% !important;
  }
  
  .grid-article[data-style=medium] .article__title {
      width: 100% !important;
      display: block;
  }
  .blog-layout__sidebar .grid-item.grid-article .article__title, .grid-item.grid-article:first-child .grid-article__meta a {
      font-size: 13px !important;
  }
  .template-blog .imageColumns .page-width {
      padding: 0 40px !important;
  }
  .videoCookieRightInner h2 {
      font-size: 18px;
      line-height: 26px !important;
  }
  .template-article .imageColumns {
      padding: 50px 0px 0px !important;
  }
  
  .template-article .imageColumns .page-width {
      padding: 0 30px !important;
  }
  .cateringProductsSingle {
      width: 32%;
        margin-bottom: 20px;
    overflow: hidden;
  }
  .currentClassContent {
      text-align: left !important;
  }
  .imageWithTextContent h2 {
      font-size: 30px;
      line-height: 40px;
  }
  .imageWithTextRight {
      width: 47%;
  }
  .giveGiftContent {
      text-align: left;
  }
  .faqHeadLeft {
      text-align: left !important;
  }
  .flavorsDetailsInroHead h2 {
      font-size: 14px;
  }
  .textOnImage h3 {
    font-size: 32px;
    line-height: 32px;
    margin-left: 25px;
    max-width: 205px;
    letter-spacing: 5px;
}
.textOnImage {
    height: 220px !important;
}
  .currentClassContent {
      min-height: 480px;
  }
  .customBundleSingle {
      width: 49%;
  }
  .product-image-main .image-wrap {
      padding: 0 !important;
      height: 300px !important;
  }
  .textOnImage {
      justify-content: center;
  }
}
@media only screen and (max-width: 860px) {
    .corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::after {
        bottom: 0;
        width: 130px;
        left: 76%;
        height: 30px;
    }
    .corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::before {
        top: 0px;
        width: 130px;
        right: 76%;
        height: 30px;
    }
    .giveGiftSingle {
        width: 31.4%;
    }
    .nycLocationSingle {
        width: 48.5%;
    }
    .imageWithTextContent a {
        padding: 15px 10px;
        font-size: 11px;
    }
    .giveGiftSingle {
        width: 48%;
    }
    .textOnImage h3 {
          font-size: 44px;
          line-height: 52px;
          margin-left: 25px;
          max-width: 230px;
      } 
      .textOnImage {
          height: 220px !important;
          bottom: 0px;
      }
      .textOnImage h3 {
          font-size: 24px;
          line-height: 22px;
          margin-left: 25px;
          max-width: 170px;
          margin: 0px;
      }
 
}

@media only screen and (max-width: 768px) {
  .flavorsTags {
      max-width: 68%;
  }
  .flavorsListRight {
      align-items: flex-start;
  }
 .flavorsSearch {
    width: 30%;
  }
  .flavorsSearchInput {
    width: 80%;
  }
  
  .flavorsSearchButton {
      width: 20%;
  }
  .ingredientsListMain {
      padding: 30px 20px;
  }
  .ingredientsContent h4 {
      font-size: 16px;
  }
  .grid__item--sidebar {
        width: 100% !important;
    }
    
    .grid__item--content {
        width: 100% !important;
    }
    .giveGiftSingle {
        width: 48.6%;
    }
    .orderPartnersSingle {
        width: 48.5%;
    }
    .orderPartnersFlex {
        gap: 12px;
    }
    .nycLocationSingle {
        width: 48.5%;
    }
    .grid-article__image {
        flex: 100% !important;
    }
    
    .grid-article[data-style=medium] {
        flex: 0 0 49%;
        flex-wrap: wrap;
    }
    
    .grid-article[data-style=medium] .grid-article__image {
        flex: 0 0 100% !important;
    }
    
    .grid-article[data-style=medium] .grid-article__meta {
        flex: 0 0 100%;
    }
        
    .logoCustomBlock .logo-bar__item {
        padding: 0px;
    }

    .logo-bar [data-view="6-2"] .grid-item.logoCustomBlock {
        flex: 0 0 24%;
    }

    .logoCustomBlock .logo-bar__item img {
        max-width: 60px;
    }    
    .template-article .blog-layout__main {
        padding: 0 20px;
    }
    
    .template-article .blog-layout__sidebar {
        padding: 0 20px !important;
        margin: 0px !important;
    }
    .homeBannerSlider .slick-slide {
        margin: 0 0px;
    }
    .site-nav__icons .small--hide {
        display: block !important;
      }
    .cookieCakeProductHeadLeft {
        position: relative;
        width: 100%;
        text-align: left;
    }
    
    .cookieCakeProductHeadRight {
        width: 100%;
        margin: 20px 0px 0px;
        text-align: right;
    }
    .footer__blocks .footer__block {
        flex: 0 1 47%;
    }
    .hero__sidebyside-image {
        margin: 0px !important;
        min-height: 350px;
    }
    .hero__sidebyside-text--left .hero__sidebyside-content-inner--indented {
        padding-right: 40px;
    }
    .slideShowCustomClass>div {
      height: auto;
    }
    .slideShowHolder .hero__sidebyside-image {
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    .hero__sidebyside-content-inner.hero__sidebyside-content-inner--indented.small--text-center {
        text-align: left !important;
    }
    
    .hero__link a {
        margin: 0px !important;
    }
    .productImageTextContent {
        text-align: left;
    }
    .footer__newsletter .input-group-btn button {
        padding: 15px 30px;
        font-size: 12px;
        height: 48px;
    }
    .footer__newsletter .input-group-btn button .form__submit--large {
        display: block;
    }
    
    .footer__newsletter .input-group-btn button .form__submit--small {
        display: none;
    }
    .shippingDeatilListSingle {
        width: 32%;
    }
    
    .shippingDetailsListsFlex {
        justify-content: flex-start;
    }
    .flavorSingle {
      width: 100%;
      max-width: 80%;
      margin: 120px auto 0px;
    }
    .imageColumn {
        width: 75% !important;
        min-width: 75% !important;
    }
    
    .imageColumns .grid {
        overflow: auto !important;
    }
    .template-article .imageColumns {
        padding: 40px 0px 0px !important;
        margin: 40px 0px !important;
    }
    
    .template-article .imageColumns .page-width {
        padding: 0 20px !important;
    }
    .cateringProductsSingle {
      width: 48%;
    }
   .cateringProductsFlex {
        gap: 0px 5px;
    }
}
@media only screen and (max-width:721px) {
    #storerocket-search {
        padding: 20px 20px !important;
    }
    
    
    #storerocket-panel {
        padding: 0 20px !important;
    }
    
    #storerocket-search, #storerocket-panel {
        width: 100% !important;
    }
    
    #storerocket-map-container {
        top: 0 !IMPORTANT;
    }
    #storerocket-panel {
        padding: 250px 20px 0px !important;
    }
  
    
    #storerocket-map-container {
        height: 400px !important;
    }
    
    #storerocket-map-container canvas.mapboxgl-canvas {
        /* height: 100% !important; */
    }
}
@media only screen and (max-width: 660px) {
    .corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::after {
        bottom: 0;
        width: 110px;
        left: 80%;
        height: 27px;
    }
    .corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::before {
        top: 0px;
        width: 110px;
        right: 80%;
        height: 27px;
    }
    .site-footer {
        background-size: 1100px 100%;
    }
}
@media only screen and (max-width: 600px) {
  .imageColumns .imageColumn {
      width: 60% !important;
      min-width: 60%;
  }
  [data-view="6-2"] .grid-item.logoCustomBlock {
      flex: 0 0 50%;
  }
  
  .slideShowHolder .hero__sidebyside-image {
      margin: 20px 30px 0px;
      min-height: 300px !important;
  }
  
  .slideShowHolder .hero__image {
  }
  
  .slideshow-wrapper>div {
      height: auto;
  }
  .page-banner-section {
      height: 200px;
  }
  
  .imageWithText {
      padding: 20px 0px;
  }
  
  .imageWithTextRow {
      padding: 20px 0px;
  }
  .imageWithTextLeft {
      width: 100%;
      margin: 0 0 20px;
  }
  
  .imageWithTextRight {
      width: 100%;
  }
  
  .imageWithTextContent h2 {
      font-size: 30px;
      line-height: 36px;
  }
  
  .imageWithTextContent h4 {
      font-size: 16px;
  }
  
  .customVideoMain {
      min-height: 200px;
      height: 35vh;
  }
  
  .customVideoContent a {
      width: 50px;
      height: 50px;
  }
  
  .customVideoContent a:before {
      left: -10px;
      top: -10px;
  }
  
  .customVideoContent a:after {
      left: -5px;
      top: -5px;
  }
  .pressSingle {
      width: 100%;
      margin-bottom: 20px;
  }
  
  .pressBody {
      height: auto;
      min-height: 200px;
  }
  .customOrderFieldsFlex .customOrderCommonField {
      width: 100%;
      margin-bottom: 20px;
  }
  
  .customOrderFieldsFlex .customOrderCommonField:not(:first-child) {
      margin-bottom: 0px;
  }
  
  .virtualClassPopupInner {
      padding: 20px;
  }
  
  .virtualClassPopupHead h2 {
      line-height: 40px;
      font-size: 23px;
  }
  
  .popupClose, .popupClose svg {
      width: 20px;
      height: 20px;
  }
  
  .popupClose {
      right: 10px;
  }
  
  .orderFormSubmit {
      margin: 30px 0px 0px;
  }
    
  .page-width {
      padding: 0 20px !important;
  }
  
  .flavorsListRight {
      flex-direction: column-reverse;
  }
  
  .flavorsTags {
      width: 100%;
      max-width: 100%;
  }
  
  .flavorsSearch {
      width: 100%;
  }
  
  .flavorsSearchButton {
      justify-content: flex-end;
      display: flex;
  }
  
  .flavorSingle {
      width: 100%;
      margin: 100px 0px 0px;
  }
  .flavorsSuggestionsForm {
      padding: 40px 40px;
  }
  .flavors .textColumnsCustom {
      padding: 0 20px;
  }
    
  .flavorsDetailsInroImagesFlex {
      gap: 10px;
      justify-content: center;
  }
  
  .flavorsDetailsInroSingleImage {
      width: 47%;
  }
  
  .flavorDetailFaqQuestion span {
      width: 20px;
      height: 20px;
      display: flex;
  }
  .featureCollectionCustom .page-width {
      padding: 0 20px !important;
  }
  .faqHeadRight {
      width: 100%;
      text-align: right;
      margin: 0 0 20px;
  }
  
  .faqQuestion h4 {
      text-align: left;
      max-width: 80%;
      line-height: 19px;
      font-size: 14px;
  }
  
  .faqSingleRow {
      padding: 15px;
  }
  
  .faqAnswer p {
      font-size: 13px;
  }
  
  .faqQuestion span {
      width: 20px;
      height: 20px;
  }
  .shippingDetailsListsFlex {
      margin: 30px 0px 0px;
  }
  
  .shippingDeatilListSingle {
      width: 45%;
  }
  
  .pageContentMain {
      padding: 20px 20px;
  }
  .shippingDeatilListSection {
      padding: 50px 0px;
  }
  .ingredientsContent {
      width: 100%;
  }
  .ingredientsListSection {
      padding: 30px 0px;
  }
  /* .product-grid .grid-item {
      flex: 49% !important;
  } */
  .logo-bar .product-grid .grid-item {
        flex: 49% !important;
    }
  
  .product-grid .grid-item .grid-product__title {
      font-size: 13px;
      line-height: 19px;
  }
  .footer__block, .footer__block--mobile {
        width: 100%;
        max-width: 100%;
        flex: 1 1 calc(100% - 0px) !important;
    }

    .footer__block, .footer__block--mobile:not(:last-child) {
        margin-bottom: 20px;
    }
    .contactSingleField {
        width: 100%;
    }
    
    .contactSingleField:not(:last-child) {
        margin-bottom: 5px;
    }
    
    .contactFormSubmit {
        margin: 30px 0px 0px;
    }
    .contactFormContainer {
        margin: 30px 0px 0px;
    }
    
    .contactFieldsFlex {
        margin-bottom: 10px;
    }
    .imageWithTextRight {
        width: 48%;
    }
    
    .imageWithTextContent h2 {
        line-height: 55px;
        font-size: 26px;
    }
    .faqPageHead {
        padding: 30px 0px;
    }
    
    .faqPageHead ul {
        gap: 6px;
        justify-content: flex-start;
    }
    
    .faqPageHead ul li a {
        padding: 12px 20px;
        font-size: 12px;
    }
    .largeImageSection {
        margin: 40px 0px;
    }
    
    .largeImage img {
        height: 230px;
        object-fit: cover;
    }
    .pressMainSection {
        padding: 30px 0px;
    }
    .selectPackagingHead, .cookieCakeBaseHead, .customMessageOptionsHead {
        margin: 0 0 30px;
    }

    .productImageTextSingle {
        width: 100%;
        margin-bottom: 10px;
    }

    .productImageTextInnerLeft {
        width: 100%;
        margin-bottom: 20px;
    }

    .productImageTextInnerRight {
        width: 100%;
    }
    .scrollable-grid--small .grid-item {
        flex: 0 0 80% !important;
    }
    .featureCollectionCustom .product-grid .grid-item {
        flex: 49%;
    }
    .productImageTextSection {
        padding: 30px 0px;
    }
    product-recommendations .index-section {
        margin: 0px;
    }
    
    .cookieCakeBaseList ul li {
        width: 48%;
    }
    
    .cookieCakeBaseList ul li label span {
        font-size: 12px;
    }
    
    .cookieCakeBaseList ul li label::before {
        right: 0;
    }
    
    .cookieCakeBaseList ul li label::after {
        top: -6px;
        right: 7px;
    }
    .product-image-main img {
        object-fit: cover !important;
    }
    .productImageTextSingle {
        padding: 20px;
    }
    
    .productImageTextContent h4 {
        font-size: 18px;
    }
    
    .productImageTextContent ul li, .productImageTextContent p {
        font-size: 13px;
    }
    
    .productImageTextContent ul li::before {
        width: 15px;
        height: 15px;
    }
    
    .productImageTextContent ul li {
        padding: 0 0 0 24px;
    }
    
    .productImageTextContent a {
        font-size: 13px;
    }
    
    .productImageTextInnerRight img {
        max-width: 65%;
    }
    .imageColumns .imageColumn {
        width: 80% !important;
        min-width: 80%;
    }
    .imageColumns .grid {
        gap: 10px;
    }
    .giveGiftSingle {
        width: 100%;
    }
    .corpgiftIntroLinks {
        flex-wrap: wrap;
    }
    .corpgiftIntroSection {
        padding: 30px 0px;
    }
    .giveGiftSingle {
        width: 100%;
    }
    
    .corpgiftIntroLinks {
        flex-wrap: wrap;
    }
    
    .corpgiftSingleStep {
        width: 100%;
    }
    
    .corpgiftSingleStep:not(:last-child) {
        margin-bottom: 30px;
    }
    
    .corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::before {
        display: none;
    }
    
    .corpgiftSingleStep:nth-child(2) .corpgiftStepNumber::after {
        display: none;
    }
    
    .corpgiftStepNumber {
        margin: 30px 0px;
    }
    
    .giveGiftContent {
        min-height: auto;
    }
    
    .giveGiftSection {
        padding: 30px 0px 0px;
    }
    .orderPartnersSection {
        padding: 30px 0px;
    }
    
    .orderPartnersSingle {
        width: 100%;
    }
    
    .orderPartnersText {
        min-height: auto;
    }
    
    .customOrderSection {
        padding: 20px 0px 40px;
    }
    
    .nycLocationSection {
        padding: 30px 0px;
    }
    
    .nycLocationSingle {
        width: 100%;
    }
    .imageWithTextRight {
        width: 100%;
    }
    .classIntroSection {
        padding: 30px 0px;
    }
    .imageWithTextContent p {
        font-size: 14px;
        line-height: 24px;
    }
    .currentClassSingle {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .currentClassContent .replica {
        min-height: auto;
    }
    
    .currentClassParagraph {
        min-height: auto;
    }
    
    .currentClassAnchors a:last-child {
        margin-bottom: 0px;
    }
    
    .currentClassSingle:last-child {
        margin-bottom: 0px;
    }
    
    .currentClassesSection {
        padding: 30px 0px;
    }
    
    .classPoliciesSection {
        padding: 30px 0px 0px;
    }
    .grid-article[data-style=medium] {
        flex: 0 0 100%;
    }
    .page-width.page-content.blog-layout {
        padding: 0px !important;
    }
    
    .grid-item.grid-article {
        padding: 0 25px;
    }
    .template-article .page-banner-section {
        margin: 0 0 30px;
    }
  .productManufacturingStepsFlex {
      justify-content: center;
      gap: 20px;
  }
  .productManufacturingSingleStep {
      width: 45%;
  }
  .productManufacturingSection {
      padding: 30px 0px;
  }
  .homeBannerSlider .slick-track {
        padding: 20px 0px 150px;
    }
    .homeBannerSection {
        background-size: cover;
    }
    .background-wave {
        background-size: cover;      
    }
    .slider-dots-box {
        left: 0;
        right: 0;
        justify-content: center;
    }
    .homeBannerSlideLeft {
        width: 100%;
    }
    
    .homeBannerSlideImage {
        width: 100%;
        margin: 40px auto 0px;
    }
    
    .homeBannerImageInner {
        max-width: 300px;
        margin: auto;
    }
    
    .homeBannerSlideContent h2 {
        max-width: 250px;
    }
    .footer__blocks .footer__menu {
        margin: 26px 0px 0px !important;
        display: none;
  }
      
    .footer__menu li:not(:last-child) {
        margin-bottom: 10px;
    }
    
    .footer__block.footer__block--menu {
        margin-bottom: 0px;
    }
    
    .footer__blocks {
        padding: 0px 0px 0px;
    }
    
    .footer__block--menu .footer__title {
        position: relative;
        cursor: pointer;
    }
    
    .footer__block--menu .footer__title::after {    
        position: absolute;
        right: 0;
        top: 0;
        width: 15px;
        height: 15px;
        content: "";
        background-image: url(/cdn/shop/files/arrow-new.svg?v=1685636713);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
     .footer__block--menu .footer__title.active::after {
        content: "";
        transform: rotate(180deg);
    }
    .site-nav__icons .small--hide {
        display: block !important;
    }
    .site-nav__icons .small--hide {
        display: block !important;
    }
    
    .site-header__drawer {
        position: fixed !important;
        top: 0 !important;
        left: -100% !important;
        width: 100% !important;
        max-width: 85% !important;
        height: 100% !important;
        max-height: 100% !important;
        transform: translateY(0) !important;
        display: block !important;
    }
    
    .site-header__drawers {
        position: relative;
        z-index: 999;
    }
    
    .site-header__drawer .site-header__drawer-animate {
        opacity: 1;
        transform: translateY(0);
    }
    
    .site-header__drawer.is-active {
        left: 0 !important;
    }
    
    .header-section {
        z-index: 8 !important;
    }
    .slide-nav__item a span {
        color: #1f1f1f !important;
    }
    
    .site-header__drawer p, .site-header__drawer a {
        color: #1f1f1f !important;
        font-family: 'Neue Haas Grotesk Display Pro' !important;
        font-weight: 500 !important;
    }
    
    .site-header__drawer .h4 {
        font-weight: 600 !important;
        color: #1f1f1f !important;
    }
    [data-view=medium] .grid-item {
        flex: 0 0 50% !important;
    }
    
    .collection-filter__item ul li:last-child {
        display: none;
    }
    .slide-nav__link svg {
        display: none !important;
    }
    
    .slide-nav__item button span svg {
        display: block !important;
    }
    
    .slide-nav__wrapper:after {
        background-color: transparent;
    }
    
    .slide-nav__link {
        padding-left: 0;
        padding-right: 0px;
    }
    
    .slide-nav__image {
        left: 0px;
    }
    
    .slide-nav__image+span {
        padding-left: 50px;
    }
/*     .featureCollectionCustom .product-grid .grid-item {
        flex: 0 0 100%;
    } */
    
    .imageColumns .imageColumn {
        width: 90% !important;
        min-width: 90% !important;
    }
    
    .featuredCollectionTitle {
        font-size: 24px !important;
        line-height: 34px !important;
    }
    
    .customTitleClass {
        font-size: 24px !important;
        line-height: 34px !important;
    }
    
    .customerTestimonialsHead h2 {
        font-size: 24px;
    }
    
    .customerTestimonialsSection {
        padding: 30px 0px;
    }
    
    .homeBannerSection {
        margin: 0 0 30px;
    }
    .productManufacturingStepsSlider .slick-slide {
        margin: 0 0px;
    }
    
    .productManufacturingStepsFlex {
        display: none;
    }
    
    .productManufacturingStepsSlide {
        text-align: center;
    }
    
    .productManufacturingStepsSlide span {
        margin: 10px 0px;
        display: block;
        font-size: 20px;
        font-weight: 600;
        line-height: 20px;
    }
    
    .productManufacturingStepsSlide p {
        max-width: 100%;
        margin: auto;
    }
  
    .productManufacturingStepsSlider {
        display: block;
    }
    #FooterMobileNavWrap {
        display: none;
    }
    .site-header__drawer .footerIntroColLogo a img {
        filter: invert(1);
    }
    .customCollectionsList .collection-item__title {
        text-align: center;
    }
    .productManufacturingStepsSlider .slick-dots li button {
        background: #333333;
        opacity: 0.15;
        border-radius: 8px;
        width: 12px;
        height: 6px;
        margin: 0px !important;
        transition: .4s ease;
        position: relative;
    }
    
    .productManufacturingStepsSlider .slick-dots li button::before {
        display: none;
    }
    
   .productManufacturingStepsSlider .slick-dots {
        bottom: -45px;
    }
    
    .productManufacturingStepsSlider .slick-dots li.slick-active button {
        background-color: #FF007B;
/*         width: 40px; */
        opacity: 1;
    }
    
    .productManufacturingStepsSlider .slick-dots li {
        position: relative;
        width: auto !important;
    }
    .site-footer {
        background-size: cover !important;
    }
   .homeBannerSection {
        margin: 0px;
        background-size: 650px 100%;
        height: auto;
    }
    .background-wave {
        margin: 0px;
        background-size: 650px 100%;
    }
    .announcementClass p {
        font-size: 10px;
    }
    
    .homeBannerSlideContent h2 {
      font-size: 36px;
    }
    
    .homeBannerSlideContent {
        text-align: left;
    }
    
    .homeBannerSlide {
        padding: 0 24px;
    }
    
    .homeBannerSlideContent p {
        font-size: 16px;
    }
    
    .homeBannerSection {
        background-size: cover;
        background-position: left;
    }
    .background-wave {
        background-size: cover;
        background-position: left;      
    }
    .slider-dots-box {
        bottom: 70px;
    }
    .logoCustomSlide {
        padding: 10px !important;
        min-height: 120px;
        position: relative;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        background-color: #fff;
        border-radius: 10px;
    }
    
    .logoCustomSlide img {
        max-width: 110px;
        object-fit: contain;
    }
    
    .logoCustomMobileSlider  .slick-slide {
        margin: 0 10px;
    }
    .logoCustomMobileSlider .slick-list {
        padding:0 43% 0 0 !important;
    }
    .logoCustomMobileSliderContainer {
        margin: 0 0 0 -10px;
    }
    .logoCustomMobileSliderContainer {
        margin: 0 0 0 -10px;
    }
    
    .page-width.home-logo-list {
        display: none;
    }
    .logoCustomMobileSliderContainer {
        display: block;
    }
    
    .logoCustomMobileSlider  .slick-dots {
        position: relative;
        margin: 20px 0 40px 0;
        bottom: 0;
    }
    
    .logoCustomMobileSlider .slick-dots li button::before {
        display: none;
    }
    
    .logoCustomMobileSlider .slick-dots li button {
        width: 8px;
        height: 8px;
        border: 1px solid #FF007B;
        border-radius: 50%;
        cursor: pointer;
        margin: auto;
    }
    
    .logoCustomMobileSlider .slick-dots li.slick-active button {
        background-color: #FF007B;
    }
    .new-grid.product-grid {
        margin: 0px;
        justify-content: space-between;
        margin: 0 -10px;
    }
    
    .featureCollectionCustom .grid-item__meta {
        padding: 12px 9px;
        margin: 0px;
    }
    
    .product-grid .grid-item .grid-product__title {
        font-size: 10px;
    }
    
    .featureCollectionCustom .grid-item__meta-secondary {
        margin: 10px 0px 0px;
    }
    
    .grid-item__meta-secondary .grid-product__price span {
        font-size: 12px;
    }
    
    .customVideoMain {
        min-height: 184px;
        height: 184px;
    }
    
    .customVideoContent a {
        width: 34px;
        height: 34px;
    }
    
    .customVideoContent a span {
        height: 12px;
        width: 10px;
        display: flex;
    }
    
    .customVideoContent a span svg {
        width: 100%;
        height: 100%;
    }
    
    .customVideoContent a span svg path {
        fill: #FF007B !important;
    }
    
    .customVideoContent a:before {
        left: -7px;
        top: -7px;
    }
    
    .customVideoContent a:after {
        left: -3px;
        top: -3px;
    }
    .productManufacturingStepsSlider .slick-dots li button {
        width: 8px;
        height: 8px;
        border: 1px solid #FF007B;
        border-radius: 50%;
        cursor: pointer;
        margin: auto;
        background: transparent;
        opacity: 1;
    }
    
    .productManufacturingStepsSlider .slick-dots li.slick-active button {
        background-color: #FF007B;
    }
    .customCollectionsList .collection-item__title {
        font-size: 14px !important;
        text-align: left !important;
    }
    .customerTestimonialsSlider .slick-dots li.slick-active button {
        width: auto;
    }
    
    .customerTestimonialsSlider .slick-dots li button {
        opacity: 1;
        background: transparent;
        border: 1px solid #FF007B;
    }
    .customerTestimonialsSlider .slick-dots {
        bottom: -20px;
    }
    .hero__sidebyside-content .hero__sidebyside-content-inner {
        padding: 32px 24px !important;
        text-align: left !important;
    }
    
    .slideShowHolder .hero__sidebyside-image {
        margin: 0px;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    
    .hero__link a {
        margin: 0px !important;
    }

    .footer__newsletter {
        padding: 0px !important;
        text-align: left !important;
    }
    
    .footer__newsletter .newsletter__input-group {flex-wrap: wrap;}
    
    .footer__newsletter .input-group-btn button .form__submit--large {
        display: block;
    }
    
    .footer__newsletter .input-group-btn button .form__submit--small {
        display: none;
    }
    
    .input-group-btn {
        width: 100%;
        flex: 100%;
        margin: 16px 0 0 !important;
    }
    
    .footer__newsletter .input-group-btn button {
        width: 100%;
        font-size: 14px;
        line-height: 17px;
        letter-spacing: 0.02em;
    }
    
    .footer__newsletter .footer__subscribe {
        text-align: left;
    }
    .footer__block--footer-intro {
        position: relative;
        width: 100%;
        max-width: 100% !important;
    }
    
    .footerSocialList ul {
        display: flex;
        justify-content: space-between;
    }
    
    .footer__block.footer__block--menu {
        padding: 24px 0px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
    
    .footer__block {
        margin-bottom: 0px !important;
        padding: 0 0 10px;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
    
    .footer__blocks {
        gap: 0px !important;
    }
    div#FooterMenus {
        padding-bottom: 0px;
        border-bottom: 0px !important;
    }
    
    .site-footer .footer__section.bottomFooter {
        border: 0px !important;
    }
    .homeBannerSlideContent a {
        font-size: 14px;
        min-width: 140px;
        max-width: 140px;
    }
    .homeBannerSlideContent p {
        letter-spacing: 0.5px;
    }
    .homeBannerSlideContent {
        max-width: 100%;
    }
    .background-wave {
        display: none;
    }
        
    .background-wave-mobile {
        position: absolute;
        inset: 0;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
    }
    .productImageTextInnerFlex {
        flex-direction: column-reverse;
        gap: 32px;
    }
    
    .productImageTextInnerLeft {
        margin: 0px;
    }
    
    .productImageTextContent {
        text-align: left;
    }
    .customerTestimonialsSection {
        padding: 0px 0px 0px;
    }
    
    .customerTestimonialsHead {
        text-align: left;
        padding: 0 24px;
    }
    .product-grid__content .product-single__meta {
        padding-left: 0px;
    }
    .cookie-cake.template-product .product-single__header--mobile {
        display: none;
    }
    .productManufacturingStepsSlide p {
        font-family: 'Neue Haas Grotesk Display Pro';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 170%;
        text-align: center;
        letter-spacing: 0.04em;
        color: #333333;
        opacity: 0.8;
    }
    
    .productManufacturingStepsSlide span {
        font-family: 'Neue Haas Grotesk Display Pro';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.02em;
        color: #1F1F1F;
    }
    .customerTestimonialsSlider .slick-dots {
        position: relative;
    }
    .page-content {
        padding-top: 20px !important;
    }
    .shippingDeatilListSingle {
        width: 48%;
    }
    .shippingDetailsListsFlex {
        justify-content: center;
    }
    .shippingDeatilListHead h2 {
        font-size: 24px;
        line-height: 40px;
    }
    .shippingDeatilListSection {
        padding: 30px 0px;
    }
    
    .pageContentSection {
        margin: 25px 0px;
    }
    .page-banner-content h1 {
        font-size: 24px;
    }
    .flavorsSearch .form input {
        max-width: 100%;
        width: 100%;
    }
    .flavorSingle {
      width: 100%;
      max-width: 100%;
      margin: 100px auto 0px;
    }
    .flavorsSuggestionsFormInner {
        padding: 30px 20px;
    }
    
    .flavorsSuggestionsFormInner .virtualClassPopupHead h2 {
        font-size: 24px;
    }
    
    .virtualClassPopupHead p {
        font-size: 12px;
        margin: 0 0;
    }
    
    .customOrderForm {
        margin: 20px 0px 0px;
    }
    
    .customOrderForm .note {
        font-size: 12px;
    }
    
    .orderFormSubmit button {
        font-size: 12px;
        min-width: 100px;
        padding: 10px 15px;
    }
    
    .orderFormSubmit {
        margin: 20px 0px 0px;
    }
    .orderPartnersHead h2, .customOrderHead h2, .nycLocationsHead h2 {
        font-size: 24px;
    }
    #storerocket-panel {
        padding: 250px 20px 0px !important;
    }
    .imageColumn.about-page-image-column {
        background-color: transparent !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .contactFormSection .page-width {
        padding: 0px !important;
    }
    .faqSection {
        padding: 30px 0px;
    }
      
    .custom-contact .shopify-section-group-footer-group {
        margin: 0px;
    }
    .faqHeadRight {
        margin: 0px;
    }
    
    .faqHead {
        margin: 0 0 20px;
    }
    .faqHeadRight {
        display: none;
    }
    
    .mobileViewAllLink {
        margin: 20px 0px 0px;
        text-align: center;
        display: block;
    }
    
    .mobileViewAllLink a {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        text-align: right;
        letter-spacing: 0.02em;
        text-decoration-line: none;
        color: #FF007B !important;
        display: inline-block;
        border-bottom: 2px solid #FF007B;
        font-family: 'Neue Haas Grotesk Display Pro';
    }
    .videoCookieLeft {
      width: 100%;
      margin: 0 0 20px;
    }
    .videoCookieRight {
      width: 100%;
    }
    .videoCookieVideoBackground {
        min-height: 250px;
    }
    .videoCookieRightInner img {
        max-width: 100%;
    }
    .videoCookieRightInner h2 {
        font-size: 20px;
    }
    .videoCookieRightInner span {
        font-size: 12px;
        max-width: 160px;
    }
    .videoCookieSection .page-width {
        padding: 0 15px !important;
    }
    .productManufacturingStepsSlider  .slick-slide {
        margin: 0 10px;
    }
    .site-header__drawer .footer__block--menu .footer__title::after {
      background-color: #1f1f1f !important;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-size: 50% 50%;
  }
  .template-blog .logoCustomMobileSlider {
      margin: 0px !important;
  }
  
  .template-blog .logoCustomMobileSliderContainer {
      padding: 60px 0px 0px;
  }
  
  .template-blog .logo-bar {
      margin-bottom: 0px;
  }
  
  .explore-blog .page-width.blog-layout .new-grid {
      padding: 30px 30px;
  }
  
  .grid-article[data-style=medium] {
      flex-wrap: wrap;
  }
  
  .template-blog .grid-article[data-style=medium] {
      padding: 0 5px;
  }
  
  .template-blog .grid-item.grid-article {
      padding: 0px;
      margin-bottom: 15px !important;
      flex: 0 0 calc(100% - 4px) !important;
  }
  .homeBannerSection {
      padding-bottom: 0;
  }
  .template-blog .imageColumns .page-width {
      padding: 0 25px !important;
  }
  .grid-article__meta a, .grid-item.grid-article:first-child .grid-article__meta a {
      font-size: 18px !important;
  }
  h1.desyrel {
      font-size: 30px !important;
  }
  .template-article .imageColumns {
      padding: 30px 0px 30px !important;
    margin: 20px 0px 0px !important;
  }
  
  .template-article .imageColumns .page-width {
      padding: 0 20px !IMPORTANT;
  }
  .logoCustomMobileSlider .slick-slide {
      margin: 0 10px;
  }
    .virtualClassPopupHead h2 {
      font-size: 20px;
      line-height: 34px !important;
  }
  
  .customOrderPickField li label {
      font-size: 12px !important;
  }
  .customOrderPickField ul li label::before {
      top: 1px;
  }
  .book-virtual-class .orderFormSubmit {
      margin: 30px 0px 0px;
  }
    
  .planEventAnchors a {
      width: 100%;
      margin-bottom: 10px;
  }
  .cateringProductsSingle {
      width: 100%;
  }
  .currentClassContent {
    text-align: left !important;
  }
  
  .currentClassesHead h3 {
      font-size: 20px;
  }
  
  .currentClassContent h4 {
      font-size: 20px;
  }
  .classPoliciesHead h2 {
      font-size: 32px;
  }
  .cateringProductsSection {
      padding: 0px 0px;
  }
  .giveGiftHead h2 {
      font-size: 20px;
  }
  .corpgiftIntroHead h2 {
      font-size: 34px;
  }
  .corpgiftIntroBody p {
      font-size: 14px;
  }
  .corpgiftStepsDetail h4 {
      font-size: 18px;
  }
  .corpgiftStepsDetail p {
      font-size: 12px;
  }
  .flavorsDetailsInroHead h2 {
      font-size: 14px;
  }
  .faqHeadLeft h2 {
      font-size: 18px;
      line-height: 24px;
  }
  .textOnImage h3 {
      font-size: 36px;
      line-height: 50px;
        margin-left: 20px;
  }
  .announcementClass p {
      opacity: 1 !important;
  }
  .currentClassContent {
      min-height: auto;
  }
  .customBundleSingle {
      width: 100%;
  }
.product-grid__container  .flickity-enabled.is-draggable .flickity-viewport {
      height: 280px !important;
  }
  .variant-input-wrap .variant-input:last-child {
      margin-right: 0px !important;
  }
  
  .variant-input-wrap .variant-input {
      margin-right: 0px;
  }
  
  .product-block fieldset {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
  }
  .product-single__sticky {
      position: relative !important;
      top: 0 !important;
    }
    .message-color>span, .cookie-base>span {
      justify-content: flex-start;
  }
  .product-image-main .image-wrap {
      padding: 0 !important;
      height: 280px !important;
  }
  .textOnImage h3 {
      font-size: 26px;
      line-height: 30px;
      margin-left: 0px;
      max-width: 180px;
  }
}

@media only screen and (max-width: 350px) {
    .footer__newsletter .footer__subscribe p {
        font-size: 18px;
    }
    .virtualClassPopupHead h2 {
        font-size: 15px;
        line-height: 24px !important;
    }
    .imageWithTextContent h2 {
        line-height: 32px;
    }
    .variant-input-wrap label {
      font-size: 10px !important;
      padding: 7px 0px;
    }
    .label-input-value {
      font-size: 8px !important;
    }
}
/* Neww Css */
section#shopify-section-template--16815230681312__main h1 {
    text-transform: capitalize!important;
}

section#shopify-section-template--16815230681312__main h3 {
    text-transform: capitalize!important;
}
.grid-item.grid-product.grid-product-image-breathing-room--false {
    margin-bottom: 30px;
}
span.collapsible-trigger__icon.collapsible-trigger__icon--open path {
    stroke: #000;
}
.tag__checkbox:after {
  height: 13px !important;
    width: 5px !important;
    left: 10px !important;
    transform: rotate(45deg) !important;
    top: 7px !important;
}
.tag__checkbox:before {
    height: 25px!important;
    width: 25px!important;
}
.text-label span.tag__checkbox {
    display: inline-block;
    width: 30px!important;
    height: 30px!important;
    padding: 0px;
    margin-right: 5px!important;
    margin-top: -5px!important;
}
li.tag{
    margin-bottom: 24px;
}

.input-group-btn button {
    width: 192px;
}
.corpgiftIntroHead h2 {

    font-family: 'Desyrel';
}
/* section#shopify-section-template--16815230681312__main .page-width.page-content h1 {
    display: none;
}
section#shopify-section-template--16815230681312__main .pageContentMain h2  {
    font-family: 'Neue Haas Regular';
    font-weight: 600;
}
section#shopify-section-template--16815230681312__main .pageContentMain h4 {
    font-family: 'Neue Haas Regular';
    font-weight: 600;
} */
section#shopify-section-template--16815230681312__main .pageContentMain h3 {
   text-transform:capitalize;
}
.pageContentMain .section-header__title {
    display: none;
}
@media only screen and (max-width: 1100px) {
  .tag--remove a {
      font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .imageWithTextFlex.flex-class {
      flex-direction: column;
  }
    .imageWithTextRight {
      position: relative;
      width: 100%;
  }
  .flex-class {
      text-align: center;
  }
  .ingredientsListImage {
      margin: 0 auto;
  }
  .cart__item-sub {
      align-items: flex-start!important;
  }
  span.cart__price span {
      font-size: 16px!important;
      margin-left: 14px!important;
  }
  span.cart__price {
      margin-top: 5px!important;
  }
  .imageWithTextRow {
      padding: 20px 0px;
  }
  
  .imageWithTextContent h2 {
      margin: 0px 0px 20px;
  }
  
  .imageWithTextContent {
      text-align: left;
  }
  
  .imageWithTextFlex.flex-class {
  }
  
  .imageWithTextRow:nth-child(even) .imageWithTextFlex {
      flex-direction: column;
  }
  
  .imageWithTextLeft {
      margin: 0 0 20px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 767px)  {
  .ingredientsContent{
    width:100%;
  }
}
@media(max-width:600px){
  .faqPageHead li {
    display: inline-block;
    text-decoration: none;
  }
  .faqPageHead ul {
      overflow: auto;
      white-space: nowrap;
      display: block;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .faqPageHead ul::-webkit-scrollbar {
    display: none;
  }

  /*************Menu left *************/
  
.template-index .featureCollectionCustom .grid-item__meta-secondary {
    flex-direction: column;
    padding: 0 10px;
}

.template-index .text-link.quick-add-btn.js-quick-add-btn {
    width: 100%;
}

.grid-product_buy_button {
    width: 100%;
}

.template-index .btn.btn-add-cart {
    display: block;
    font-size: 12px;
}

  
}
.megamenu__col:first-child .megamenu__col-title a {
    font-size: 14px !important;
}
.megamenu__col:first-child .megamenu__col-title:first-child a {
    font-size: 14px !important;
}

@screen and (max-width: 767px){
 .product-grid__container .flickity-enabled.is-draggable .flickity-viewport {
    height: 280px !important;
}
  .textOnImage {
    height: 130px !important;
}

.textOnImage h3 {
    font-size: 30px;
    line-height: 24px;
    margin-left: 20px;
    max-width: 140px;
}
}
@media screen and (max-width: 500px){
  .product-block fieldset {
    flex-direction: column;
}
[data-dynamic-variants-enabled] {
    margin-bottom: 0;
}
  
}
#media screen and (min-width: 768px){
/*   .product-image-main[data-size] img {
    height: 500px;
    object-fit: contain !important;
}

.image-wrap {
    background: #fff !important;
}

.flickity-enabled.is-draggable .flickity-viewport {
    height: 500px !important;
} */
}