/** Shopify CDN: Minification failed

Line 6:0 Unexpected "<"

**/
<link href="//drinkcann.com/cdn/shop/t/28/assets/gotham-cond-bold.woff2?v=136774931677968456131744218002" as="font" rel="preload">
<link href="//drinkcann.com/cdn/shop/t/28/assets/gotham-bold.woff2?v=38288757663864848291744218000" as="font" rel="preload">
<link href="//drinkcann.com/cdn/shop/t/28/assets/gotham-medium.woff2?v=153186385740959567291744217998" as="font" rel="preload">
<link href="//drinkcann.com/cdn/shop/t/28/assets/gotham-book.woff2?v=199279852431414321744218001" as="font" rel="preload">
@font-face {
    font-family: 'Gotham Condensed';
    src: url('/cdn/shop/files/GothamCondensed-Medium.woff2?v=1750835767') format('woff2'),
        url('/cdn/shop/files/GothamCondensed-Medium.woff?v=1750835766') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Condensed';
    src: url('/cdn/shop/files/GothamCondensed-Book.woff2?v=1750835767') format('woff2'),
        url('/cdn/shop/files/GothamCondensed-Book.woff?v=1750835766') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Condensed';
    src: url('/cdn/shop/files/GothamCondensed-Light.woff2?v=1750835766') format('woff2'),
        url('/cdn/shop/files/GothamCondensed-Light.woff?v=1750835766') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Condensed';
    src: url('/cdn/shop/files/GothamCondensed-Bold.woff2?v=1750835767') format('woff2'),
        url('/cdn/shop/files/GothamCondensed-Bold.woff?v=1750835767') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gotham';
    src: url('/cdn/shop/files/Gotham-Bold.woff2?v=1750914348') format('woff2'),
        url('/cdn/shop/files/Gotham-Bold.woff?v=1750914348') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/cdn/shop/files/Gotham-Black.woff2?v=1750914348') format('woff2'),
        url('/cdn/shop/files/Gotham-Black.woff?v=1750914348') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/cdn/shop/files/GothamRnd-Light.woff2?v=1750914348') format('woff2'),
        url('/cdn/shop/files/GothamRnd-Light.woff?v=1750914348') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/cdn/shop/files/Gotham-Medium.woff2?v=1750914348') format('woff2'),
        url('/cdn/shop/files/Gotham-Medium.woff?v=1750914348') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gotham Ultra';
    src: url('Gotham-Ultra.woff2') format('woff2'),
        url('Gotham-Ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('/cdn/shop/files/Gotham-Thin.woff2?v=1750914348') format('woff2'),
        url('/cdn/shop/files/Gotham-Thin.woff?v=1750914348') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('GothamRnd-Medium.woff2') format('woff2'),
        url('GothamRnd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6,
p, span, input, select, label,
a, button, li, th, td, table {
  font-family: 'Gotham Condensed' !important;
}



/*---------------------- announcement bar css--------------------- */
.marquee-row{
  width: 100%;
  overflow: hidden;
}
ul.marquee-item-list li {
    display: flex;
    align-items: center;
    gap: 70px;
}
  span.shape-circle.shape--sm {
    color: #fff;
}
h2.title-slider {
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 15px 0;
    font-family: 'Gotham' !IMPORTANT;
}
.marquee-block{
  position:relative;
  display: flex;
  width: 100%;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  justify-content: space-between;
}
.marquee-item-list {
    display: inline-flex;
    margin: 0 !important;
}
  span.shape-circle.shape--sm {
    font-size: 50px;
    border-radius: 50%;
    border-radius: var(--rounded-full);
    color: #fff;
    position: absolute;
    top: -34px;
    height: 0;
}
.marquee-item-list li{
width: 100%;
list-style: none;
padding-right: 100px;
font-size: 40px;
white-space: nowrap
}
.marquee1 {
  animation-name: marquee1;
  animation-duration: 30s; /* Slow it down: increase duration */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: relative;
}

.marquee2 {
  animation-name: marquee2;
  animation-duration: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  position: relative;
}
  
.marquee1{animation-name: marquee1;}
.marquee2{animation-name: marquee2;}
@keyframes marquee1 {
  0% { left: 0; }
  100% {left: -100%;}
}
@keyframes marquee2 {
  100% { left: 0; }
  0% {left: -100%;}
}

/* ---------------header css--------------------------------------- */
svg.icon.icon-cart {
    height: 2.5rem;
    width: 2.5rem;
}
a.header__menu-item.list-menu__item {
    font-size: 28px;
    font-weight: 600;
}
summary.header__menu-item.list-menu__item.link {
    font-size: 28px;
    font-weight: 600;
}
.mega-menu__link--level-2 {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833 !important;
    font-weight: 400!important;
    letter-spacing: 0 !important;
}
.mega-menu__link--level-2:hover {
    text-decoration: none;
}
.featured-links__inner a.featured-link img {
    width: 100%;
    height: 250px;
    border-radius: 30px;
    object-fit: contain;
}
ul.mega-menu__list.page-width {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.featured-links__inner {
    display: flex;
    gap: 20px;
}
.featured-links {
    width: 50%;
}
ul.mega-menu__list.page-width li {
    width: 20%;
}
details.mega-menu ul.list-unstyled li {
    width: 100% !important;
}
.featured-links__inner h3 {
    font-family: 'Gotham Condensed' !important;
    font-size: 24px;
    color: #242833;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    margin-top: 0;
}
a.featured-link {
    text-decoration: none;
}
ul.list-unstyled li a.mega-menu__link.link {
    font-family: 'Gotham Condensed' !important;
    font-size: 22px;
    color: #242833;
    font-weight: 600;
    letter-spacing: 0;
}
ul.list-unstyled li a.mega-menu__link.link {
    transform: translateY(0px);
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.2lh) / 0 1px no-repeat;
    text-underline: none;
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 0 1px no-repeat;
    transition: background-size .3s ease-in-out;
    width: fit-content;
}
ul.list-unstyled li a {
    transform: translateY(0px);
}
ul.list-unstyled li a.mega-menu__link.link:hover {
    background-size: 100% 1px;
    text-decoration: none;
}
/* ---------------------banner css -----------------------------*/
.slideshow.banner.slideshow_video {
    height: 70rem !important;
}
.banner-video-section .main-video-block.container {
    gap: 0px;
}
.banner-video-section .delivery-button {
    background-color: #ffffff;
    color: #3cb5c7;
    padding: 16px 49px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #fff;
}
.banner-video-section .delivery-button:hover {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.banner-video-section .video-heading-block {
    height: 356px;
}
.banner-video-section .desc-section p.desc-text {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 40px;
}
.banner-video-section h2 p {
    margin: 0 !important;
}
.banner-video-section .video-heading-block h2 {
    text-transform: capitalize;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 100px;
    line-height: 89px;
    font-weight: bold;
    max-width: 100%;
    text-transform: uppercase;
}
.banner-video-section .video-text-block {
    border-radius: 30px 0px 0px 30px;
    height: 800px;
}
.banner-video-section .video-block {
    border-radius: 0px 0px 0px 30px;
}
.banner-video-section .video-banner {
    border-radius: 0px 30px 30px 0px;
    height: 800px;
}
.banner-video-section .video_one {
    height: 700px;
}

video.video-banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slideshow.banner a.button.button--primary:hover {
    background-color: #fff;
    border: 1px solid #7ecbb5;
    color: #7ecbb5;
}
.slideshow.banner a.button.button--primary {
    border: 1px solid #7ecbb5;
}
.video-banner {
    border-radius: 30px;
}
.slideshow.banner.slideshow_video h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 67px;
    text-transform: capitalize;
}
/* ----------------------icon text section------------------------ */
.text-one {
    display: flex;
    justify-content: center;
    align-items: center;
}
span.text-section {
    font-size: 96px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 106px;
    color: #1E1E1E;
}
.image-section img {
    height: 7.5rem;
    width: auto;
}
.text-two {
    display: flex;
    justify-content: center;
    align-items: center;
}
.text-three {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*------------------ featured collection ----------------------------*/
.collection ul.grid.product-grid.contains-card {
    position: relative;
    flex-wrap: inherit;
    margin-bottom: 1rem;
    scroll-padding-left: unset;
}
.collection .slider--desktop.grid--4-col-desktop .grid__item {
    width: calc(100% - var(--grid-desktop-horizontal-spacing) * 3 / 4);
}
.collection .slider--desktop .slider__slide:first-child {
    margin-left: 0;
}
.collection .card__inner {
    border-radius: 20px !important;
}
.collection h3.card__heading.h5 {
    font-size: 34px;
    color: #3CB5C7;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
}
p.image-link-blocks__title a {
    font-size: 20px;
    font-weight: 700;
    color: #202020;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .2s;
    padding-left: 0;
    /* gap: 20px; */
    cursor: pointer;
    font-family: 'Gotham Condensed' !important;
    text-decoration: none;
}
.collection h3.card__heading.h5 a.full-unstyled-link {
    font-family: 'Gotham Condensed' !important;
    font-size: 22px;
    font-weight: 700;
    color: #202020;
    display: flex;
    justify-content: center;
    align-items: center;
}
p.image-link-blocks__title {
    font-size: 32px;
    font-weight: 700;
    color: #3CB5C7;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .2s;
    padding-left: 0;
    /* gap: 20px; */
    cursor: pointer;
    transition: 0.3s;
}

.collection .price__regular {
    display: none;
}

.collection .price {
    display: none;
}
.collection span.circle-chevron {
    width: 20px;
    height: 20px;
    align-items: anchor-center;
    display: flex;
    background-color: #040404 !important;
    justify-content: center;
    border-radius: 100%;
    transition: 0.3s;
    opacity: 0;
}
svg.icon.icon-chevron-right-small.reverse-icon {
    width: 8px;
    height: 8px;
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: 10px;
}
svg.icon.icon-chevron-right-small.reverse-icon path {
    fill: #fff;
}
span.circle-chevron {
    display: flex;
    justify-content: center;
    align-items: center;
}
.collection .card-wrapper.product-card-wrapper:hover span.circle-chevron {
    opacity: 1;
}
/* .collection .card-wrapper.product-card-wrapper:hover p.image-link-blocks__title {
    transform: translate(0);
    transform: translate(calc(var(--transform-logical-flip) * 16px));
    transition: transform .2s;
    padding-right: 10px;
    transform: translate(0);
} */
.an-cus-product-slide-top:after {
    content: "";
    --content-over-media-overlay: 0, 0, 0;
    background: rgb(0 0 0 / 15%);
    position: absolute;
    inset: 0;
    border-radius: inherit;
    z-index: 1;
    pointer-events: none;
    transition: background 0.2s ease-in-out;
    border-radius: 30px;
    opacity: 1;
}
.collection .price__regular {
    font-size: 18px;
    color: #3cb5c7;
    font-weight: 600;
}
.collection button.slider-button.slider-button--next {
    right: -22px;
    top: 35%;
    cursor: pointer;
    position: absolute;
    font-weight: 700;
    transition: .6s ease;
    background-color: #242833;
    border-radius: 50%;
    z-index: 9;
    opacity: 0;
}
.collection button.slider-button.slider-button--prev {
    left: -22px;
    top: 35%;
    cursor: pointer;
    position: absolute;
    color: #fff;
    font-weight: 700;
    transition: .6s ease;
    background-color: #242833 !important;
    border-radius: 50%;
    opacity: 0;
}
.collection button.slider-button svg.icon.icon-caret {
    color: #fff;
    height: 10px;
}
.collection:hover button.slider-button.slider-button--prev {
    opacity: 1;
}
.collection:hover button.slider-button.slider-button--next {
    opacity: 1;
}
.collection .slider-counter.caption {
    display: none;
}
section.bottom-delivery .delivery-text h2 {
    color: #000;
}
section.bottom-delivery .delivery-benefits li {
    color: #000;
}
section.bottom-delivery .delivery-text {
    background-color: #efeee9 !important;
}
/*------------------------- video text section -------------------------------*/
.main-video-block.container {
    display: flex;
    justify-content: center;
    /* align-items: anchor-center; */
    gap: 20px;
}
.video-text-block {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    padding: 50px;
    border-radius: 30px;
    height: 650px;
    background-color: #242833;
}
.video-block {
    width: 60%;
    border-radius: 30px;
}
video.block-video {
    height: 650px !important;
    object-fit: cover;
    border-radius: 30px;
}
.video_one {
    height: 600px;
}
.video-text-block img.rounded-lg.object-cover.w-full.h-72 {
    width: 50px;
    height: 50px;
}
.testimonial-image img {
    width: 100%;
    max-width: 80px;
    height: auto;
}
.video-heading-block h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 65px;
    text-transform: uppercase;
    color: #fff;
    max-width: 473px;
    margin-top: 0;
    margin-bottom: 0;
}
p.desc-text {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    font-family: 'Gotham' !important;
}
.video-text-block svg {
    width: 80px;
    height: 80px;
}
.video-text-block svg path {
    fill: #fff;
}
button.play-button {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    z-index: 1;
    will-change: transform;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
}
.play-button svg {
    width: 20px;
    height: 20px;
}
.play-button svg path {
    fill: #7ecbb5;
}
/* --------------------collection slider -------------------------------*/
.an-cus-product-slide-top:before {
    content: "";
    background: #3cb5c7;
    border-radius: inherit;
    z-index: 1;
    pointer-events: none;
    transition: background .2s ease-in-out;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    opacity: .1;
}
.text-lg p {
    color: #fff;
    text-align: center;
    font-size: 50px;
    /* padding-top: 18px; */
    /* padding-bottom: 20px; */
    font-weight: 600;
    z-index: 99;
    position: relative;
    margin: 0;
    line-height: 58px;
}
.an-cus-product-slide-wraper span.circle-chevron {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 9;
}
.collections-slider .collection-title {
    transition: transform .2s;
}
.collections-slider .collection-title+span.circle-chevron {
    transform: translateY(calc(var(--transition-direction) * 48px));
}
.collections-slider .an-cus-product-slide-wraper span.circle-chevron {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s, transform .2s;
}
.collections-slider .an-cus-product-slide-wraper:hover span.circle-chevron {
    opacity: 1;
    visibility: visible;
    transform: translateY(-8px);
}
.collections-slider .an-cus-product-slide-wraper:hover .collection-title+span.circle-chevron {
    transform: translateY(16px);
}
.collections-slider .an-cus-product-slide-wraper:hover .collection-title {
    transform: translateY(-8px);
    z-index: 999;
    position: relative;
}
.collections-slider .collection-title {
    z-index: 999;
    position: relative;
}
.video-block:hover button.play-button {
    transform: translate(-50%, -50%) scale(1.1) !important;
}
.an-cus-product-slide-wraper a {
    text-decoration: none;
}
.an-cus-product-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.an-cus-product-head a.button {
    background-color: transparent;
    color: #000;
    border: none !important;
  gap: 12px;
}
.an-cus-product-head a.button:after {
    box-shadow: none;
}
.an-cus-product-head a.button:hover:after {
    box-shadow: none;
}
body.gradient.template-collection.page- .collection-hero__image-container {
    height: 100%;
    min-height: 100% !important;
    object-fit: cover;
    margin: 0 !IMPORTANT;
}
/* body.gradient.template-collection.page- .collection-hero__text-wrapper {
    display: none;
} */
span.circle-chevron.group-hover\:colors {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #202020;
    display: flex;
    justify-content: center;
    align-items: center;
}
span.circle-chevron.group-hover\:colors svg.icon.icon-chevron-right-small.reverse-icon {
    width: 10px;
    height: 10px;
    color: #fff;
}
.an-cus-product-head a.button span:nth-of-type(1) {
    font-size: 18px;
    color: #202020;
    font-weight: 700;
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 0 1px no-repeat;
    transition: background-size .3s ease-in-out;
}
.an-cus-product-head a.button:hover span:nth-of-type(1) {
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 0 1px no-repeat;
    background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.2lh) / 0 1px no-repeat;
    transition: background-size .3s ease-in-out;
    background-size: 100% 1px;
}
p.image-link-blocks__title:hover span.circle-chevron {
    opacity: 1;
    margin-left: 10px;
}
.card-wrapper.product-card-wrapper:hover p.image-link-blocks__title {
    margin-left: -20px;
}
.collection span.circle-chevron {
    margin-right: -32px;
}

.an-cus-product-head a.button:hover span.circle-chevron.group-hover\:colors {
    background-color: #7ecbb5;
}
/* -----------------------------------------Multiclomn section -----------------------------*/
.an-cus-product-slider-section {
    position: relative;
}
.an-cus-product-slide-wraper {
    position: relative;
}
.text-lg {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
}
.multicolumn {
    margin-top: 70px;
}
.progress {
    position: absolute;
    bottom: 34px;
}
.multicolumn {
    border-radius: 30px;
}
.multicolumn .title-wrapper-with-link {
    justify-content: center;
    padding-bottom: 54px;
    /* max-width: 680px; */
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
}
.multicolumn .title-wrapper-with-link h2.title.inline-richtext {
    font-size: 40px;
    font-weight: 700;
}
.multicolumn-card__info h3.inline-richtext {
    font-size: 48px;
    /* color: #fff; */
    font-weight: 600;
    line-height: 50px;
    text-transform: uppercase;
    padding-bottom: 9px;
    margin: 0 auto;
      padding-left: 5px;
    padding-right: 5px;
}
.multicolumn-card__info p {
    color: #fff;
    font-size: 20px;
    line-height: 23px;
    font-weight: 500;
}
/* ------------------------------------marquee section ------------------------------*/
.marquee-item span {
    font-size: 140px;
    color: #1E1E1E;
    font-weight: 700;
    line-height: 140px;
}
.marquee-container {
    margin-top: 70px;
}
/*--------------------------- video slide css -----------------*/
.video-slider-container .swiper-button-next {
    display: block !important;
}
.video-slider-container .swiper-button-prev {
    display: block !important;
}

section.video-slider-section .swiper-button-next:after {
    COLOR: #fff;
    font-size: 30px;
    font-weight: 600;
}
section.video-slider-section .swiper-button-prev:after {
    COLOR: #fff;
    font-size: 30px;
    font-weight: 600;
}
/*----------------------------------- product-slider----------------------------------- */
/* .collections-slider {
    display: grid;
    grid-template-columns: 1fr minmax(20%,1466px) 1fr;
    max-width: unset;
    padding-right: unset;
} */
.multicolumn {
    max-width: 1400px;
}
.multicolumn .page-width {
    padding-left: 0;
    padding-right: 0;
}
 /* .collections-slider .slider-wrapper {
    grid-column: 2/4;
} */
.an-cus-product-slider {
  display: flex;
}
.an-cus-product-slide-wraper {
  padding: 10px;
}
.progress {
  height: 4px;
  background: linear-gradient(to right, #000 0%, #ccc 0%);
}
.progress {
  background-color: #eee;
    background-image: linear-gradient(to right, #242833, #242833);
  background-repeat: no-repeat;
  background-size: 25% 100%; /* initial fill */
  height: 4px;
  width: 100%;
  margin-top: 16px;
}


@media(min-width:1600px){
    -top img {
    height: 450px !important;
}
}

.an-cus-product-slider-section {
    overflow: hidden;
}

.an-cus-product-slide {
    text-decoration: none;
    height: 100%;
    background-color: #ffffff;
    display: block;
    position: relative;
}
.an-cus-product-slide-top {
    /* padding:50% 0; */
    position: relative;
    overflow: hidden;
}
  .an-cus-product-slide-top {
    width: 100%;
    /* height: 400px; */
}

.an-cus-product-slide-top img {
    width: 100%;
    height: 470px;
    object-fit: contain;
    border-radius: 30px;
}
.an-cus-product-slide-bottom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    padding: 15px;
    z-index: 5;
    background-color:#000000;
    text-align: center;
    border-radius: 7px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    transition: all 0.4s;
    opacity: 0;
}
.an-cus-product-slide:hover .an-cus-product-slide-bottom {
    opacity: 1;
}
.an-cus-product-slide-wraper.slick-current + .slick-active .an-cus-product-slide-bottom {
    opacity: 1;
    transition: all 1s;
}

.an-cus-product-slide-bottom p {
    margin: 0;
    font-size:20px;
    font-weight: 500;
    line-height: normal;
    color: #ffffff;
}
.progress {
    display: block;
    width: 100%;
    max-width: 62%;
    height: 3px;
    border-radius: 0px;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: linear-gradient(to right, #242833, #242833);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
    margin-top: 30px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.an-cus-product-head h2 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    width: max-content;
    /* border-bottom: 3px solid #3cb5c7; */
    padding-bottom: 5px;
    color: #202020;
    text-transform: uppercase;
}
.an-cus-product-slider {
    margin-top: 40px;
    margin-bottom:10px;
    margin-right: -10px;
}
.an-cus-product-slider .slick-track {
    display: flex;
    align-items: stretch;
}

.an-cus-product-slider .an-cus-product-slide-wraper {
    height: auto;
}
.an-cus-product-slider .slick-arrow {
    width: 35px;
    height: 35px;
    font-size: 0;
    background-color: #202020;
    border: 0;
    border-radius: 50px;
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
    top: 110%;
    position: absolute;
    transform: translateY(-40%);
    z-index: 1;
    cursor: pointer;
    padding: 0;
}
.an-cus-product-slider .slick-arrow.slick-prev {
    left: auto;
    right: 366px!important;
}
.an-cus-product-slider .slick-arrow.slick-next {
    right: 311px;
}

.an-cus-product-slider .slick-arrow.slick-prev:before {
    content: "";
    height: 10px;
    width: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    border-left: unset;
    border-top: unset;
    transform: rotate(135deg);
    left: 14px;
    position: absolute;
    top: 12px;
}
.an-cus-product-slider .slick-arrow.slick-next:before {
    content: "";
    height: 10px;
    width: 10px;
    border: 2px solid #ffffff;
    display: inline-block;
    border-left: unset;
    border-top: unset;
    transform: rotate(-45deg);
    left: 11px;
    position: absolute;
    top: 12px;
}

@media(max-width:700px){
.an-cus-product-slider {
    margin-bottom: 0px;
    margin-top: 20px;
}
.an-cus-product-head h2 {
    font-size: 28px;
}
.an-cus-product-head h1 {
    font-size: 28px;
}
}
/* .an-cus-product-wraper.page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
} */
/* ---------------------------------video-slider ---------------------------*/
/* .video-slider-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
} */
.banner.page-width.banner--content-align-left {
    max-width: 1400px;
}
.video-slider-header {
  text-align: center;
  margin-bottom: 20px;
}
.video-slider-header h2 {
    font-size: 48px;
    letter-spacing: 0;
    color: #000;
    line-height: 48px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
}
.video-slider-header .video-slider-link {
    color: #007acc;
    text-decoration: none;
    font-size: 14px;
    line-height: 19.6px;
    color: #1e1e1e;
    letter-spacing: 0;
    border-bottom: 1px solid;
    text-transform: uppercase;
}
  .vide-btn-cont{
  position: relative;
  }
  .video-popup .video-popup-overlay {
    display: block;
}
.swiper {
  width: 100%;
  padding-bottom: 20px;
}
.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.video-blocks {
  position: relative;
  width: 200px;
  height: 400px;
  overflow: hidden;
  cursor: pointer;
  background-color: #f5f5f5;
  border-radius: 10px;
}
.block-videos {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    /* border-radius: 10px; */
}
.block-videos:hover {
  play: true;
}
.video-popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008c;
    z-index: 1;
}
.play-buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
    color: #fff;
    border: none;
    border-radius: 50%;
    opacity: .65;
    transition: .3s;
    padding: 10px;
    cursor: pointer;
    /* transition: background 0.3s ease; */
    opacity: 0.65;
    background: transparent;
    border: 2px solid #FFFFFF;
}
.swiper-slide.video-blocks:hover button.play-buttons {
    transform: translate(-50%, -50%) scale(1.1);
}
.play-buttons:hover {
  background: rgba(0, 0, 0, 0.8);
}
.video-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.video-popup.hidden {
  display: none;
}
.video-popup-content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 20px;
    overflow: hidden;
    height: 100%;
}
.popup-video {
    width: 370px;
    height: 600px;
    border-radius: 24px;
    object-fit: cover;
}
.close-popup {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(0,0,0,.2);
    color: #fff;
    border: none;
    font-size: 18px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 3;
}
 .video-slider-header {
    display: flex;
    align-items: center;
    justify-content: center;
} 
  @media(max-width:450px){
    .video-slider-header {
    flex-direction: column;
}
  }
a.as-custom {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*------------------ image banner css ---------------------------*/
.home-image-banner.banner .banner__box {
    max-width: 80rem !important;
}
.home-image-banner.banner .banner__content.banner__content--middle-left {
    padding-left: 0 !important;
}
.home-image-banner h2.banner__heading {
    font-size: 112px;
    font-weight: 600;
    /* max-width: 496px; */
    line-height: 120px;
    padding-bottom: 30px;
    text-transform: uppercase;
}
.banner.banner__media.media.scroll-trigger.animate--fade-in {
    border-radius: 30px;
}
.banner.page-width.banner--content-align-left .banner__media.media {
    border-radius: 30px;
}
.banner.page-width .banner__buttons a.button.button--primary:after {
    box-shadow: none;
}
.banner.page-width .banner__buttons a.button.button--primary {
    border-radius: 10px;
    font-size: 20px;
}
.slideshow.banner.slideshow_video a.button.button--primary {
    border-radius: 10px;
    font-size: 20px;
}
.slideshow.banner.slideshow_video a.button.button--primary:after {
    box-shadow: none;
}
.home-image-banner {
    min-height: 64rem !important;
}
/* .banner.page-width {
    max-width: 1400px;
} */
/*------------------- testimonial slider ------------------------*/
.wrapping-testimoniall {
    max-width: 1400px;
    border-radius: 30px;
}

/*--------------------- footer css--------------------------- */
footer.footer {
    max-width: 1400px;
    border-radius: 30px;
}
.footer__content-top {
    padding: 0 !important;
}
.footer-block.grid__item.footer-block--menu {
    width: 15%;
}

.footer-block.grid__item.footer-block--menu h2 {
    font-size: 17px;
    font-weight: 600;
    color: #ffffffb3;
}
ul.footer-block__details-content.list-unstyled a.link.link--text.list-menu__item {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 34px;
    font-family: 'Gotham Condensed' !important;
}
.footer-block.grid__item:nth-of-type(1) h2.footer-block__heading.inline-richtext {
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600;
}
.footer__blocks-wrapper {
    padding-bottom: 40px;
}
p.footer-bootom {
    font-size: 12px;
    color: #fff;
}
.footer__content-bottom {
    border-top: 0;
    padding-top: 0px !important;
}
.footer-block--newsletter {
    justify-content: flex-start !important;
}
small.copyright__content {
    color: #fff;
}
.footer__content-bottom-wrapper {
    padding-left: 0;
}
.newsletter-form__field-wrapper .field:after {
    box-shadow: none;
}
.newsletter-form__field-wrapper .field:hover:after {
    box-shadow: none;
}
.newsletter-form__field-wrapper .field:focus-visible {
    outline: none !important;
    outline-offset: unset !important;
    box-shadow: none !important;
    border-radius: 10px;
}
.newsletter-form__field-wrapper .field {
    background-color: #fff;
}
.newsletter-form__field-wrapper .field input {
    background-color: #fff;
    height: 52px;
    border-radius: 12px;
}
button#Subscribe {
    border-radius: 10px;
}
.newsletter-form__field-wrapper .field label.field__label {
    color: #242833;
    font-family: 'Gotham' !important;
}
button#Subscribe span.svg-wrapper {
    background-color: #00a7c71a;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
button#Subscribe span.svg-wrapper svg.icon.icon-arrow {
    color: #242833;
}
button#Subscribe span.svg-wrapper:hover {
    background-color: #3cb5c7;
}
button#Subscribe span:hover.svg-wrapper svg.icon.icon-arrow {
    color: #fff;
}
.newsletter-form__field-wrapper .field {
    z-index: 0;
    border-radius: 12px;
}
/*--------------------- contact us page -------------------------*/
.contact .field:after {
    box-shadow: none !important;
}
.footer-multicolumn .rte a:hover {
    color: #fff;
}
.contact .field:hover:after {
    box-shadow: none !important;
}
.contact .field {
     border: 1px solid #242833;
    border-radius: 5px;
}
.contact .field input {
    height: 5.5rem;
}
.contact .field__input:focus-visible {
    box-shadow: none !important;
    outline: none !important;
}
.contact label.field__label {
    font-size: 16px;
    color: #242833;
    top: 16px !important;
    font-weight: 600;
    font-family: 'Gotham' !important;
}
/* -------------------------image text section ------------------------*/
.delivery-repeat {
    /* background-color: #3cb5c7; */
    border-radius: 30px;
}

.delivery-container {
    display: flex;
    /* flex-wrap: wrap; */
    /* align-items: center; */
    justify-content: space-between;
    /* gap: 20px; */
    /* margin: 0 auto; */
}
.delivery-text {
    width: 50%;
    background-color: #242833;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 30px 0px 0px 30px;
    padding-left: 60px;
}
.delivery-text h2 {
    color: #fff;
    font-weight: bold;
    font-size: 60px;
    max-width: 478px;
    margin-bottom: 0;
    line-height: 64px;
}

.delivery-benefits {
  list-style-type: "✓ ";
  padding-left: 1em;
  color: #003b4a;
  margin: 20px 0;
}

.delivery-benefits li {
  margin-bottom: 10px;
}
.delivery-button {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    max-width: 299px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #fff;
    font-family: 'Gotham' !important;
}
a.delivery-button:hover {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.delivery-benefits li {
    margin-bottom: 10px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}
.delivery-image {
    /* flex: 1 1 45%; */
    /* text-align: center; */
    width: 50%;
}

.delivery-image img {
    border-radius: 0px 30px 30px 0px;
    max-width: 100%;
    height: 100%;
}
/* ------------------Product page css----------------------------- */
/* .product-page.nugbuddy-mini .product__title h1 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    color: #3cb5c7;
   color: #fff;
}
.product-page.nugbuddy-mini .product__info-wrapper.grid__item span.price-item.price-item--regular {
    font-size: 24px;
    font-weight: 600;
   color: #fff;
}
.product-page.nugbuddy-mini ul.icon-with-text span.h4 {
    font-size: 16px;
   color: #fff;
} */
.sc-6p36wj-1.fZbLBE.reputon-container {
    flex-direction: row !important;
    gap: 10px;
}
.sc-vx0sbh-0.dRAQfn.reputon-stars-widget {
    padding: 0 !important;
}

.sc-6p36wj-0.crXsKq.reputon-wrapper {
    justify-content: left !important;
}
.product-form__input--pill input[type=radio]:checked+label {
    background-color: #ceeef3 !important;
    color: #000 !important;
}
 /* .product-form__input--pill input[type=radio]+label {
    padding: 2rem 2rem !important;
    border-radius: 30px !important;
} */
/* .product-page.nugbuddy-mini legend.form__label2 {
    font-size: 24px;
   color: #fff;
    font-weight: 700;
}
.product-page.nugbuddy-mini .product-form__input.product-form__quantity quantity-input.quantity {
    width: 100%;
}
.product-page.nugbuddy-mini .product-form__input.product-form__quantity {
    padding-top: 20px;
}
.product-page.nugbuddy-mini .product-form__input.product-form__quantity label.quantity__label {
    font-size: 24px;
   color: #fff;
    font-weight: 700;
}
.product-page.nugbuddy-mini quantity-input.quantity:after {
    box-shadow: none;
}
.product-page.nugbuddy-mini quantity-input.quantity {
    border: 2px solid #fff;
    border-radius: 50px;
    height: 54px;
}
.product-page.nugbuddy-mini input.quantity__input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
.product-page.nugbuddy-mini .product-form__buttons button.product-form__submit.button {
    border-radius: 50px;
    height: 54px;
    background-color: #3cb5c7;
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 600;
    text-transform: uppercase;
} */
.product-form__buttons button.product-form__submit.button:after {
    box-shadow: none;
}
/* .product-page.nugbuddy-mini .product-form__buttons button.product-form__submit.button:hover {
    background-color: transparent;
    border: 2px solid #fff;
   color: #fff;
}
.product-page.nugbuddy-mini .quantity__button .svg-wrapper {
    width: 1.6rem !important;
}
.product-page.nugbuddy-mini input.quantity__input {
    font-size: 20px !IMPORTANT;
   color: #fff;
}
.product-page.nugbuddy-mini .product-form__input.product-form__quantity quantity-input.quantity button.quantity__button span.svg-wrapper path {
  fill: #fff;
}
.product-page.nugbuddy-mini span.accordion-icon {
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product-page.nugbuddy-mini span.accordion-icon svg.icon.icon-caret {
    position: relative !important;
    right: 0 !important;
    top: unset;
    height: .7rem;
}
.product-page.nugbuddy-mini quantity-input.quantity:before {
    background-color: transparent;
}
.product-page.nugbuddy-mini span.accordion-icon svg.icon.icon-caret path {
    fill: #3cb5c7;
}
.product-page.nugbuddy-mini .product__accordion h2.h4.accordion__title {
    font-size: 20px;
    font-weight: 600;
   color: #fff;
}
.product-page.nugbuddy-mini .product__accordion summary {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.product-page.nugbuddy-mini .product__accordion.accordion{
    margin-top: 2.5rem;
    margin-bottom: 0;
    border-top: .1rem solid #fff !important;
    border-bottom: .1rem solid #fff !important;
}
.product-page.nugbuddy-mini .accordion+.accordion {
    margin-top: 0;
    border-top: none !important;
}
.product-page.nugbuddy-mini {
    background-color: #93d3c2;
    border-radius: 30px;
}
.product-page.nugbuddy-mini .product.product--large {
    padding-top: 60px;
    padding-bottom: 60px;
}
.product-page.nugbuddy-mini .product-media-container {
    background-color: transparent !important;
} */
/* body.gradient.template-product.page- .video-section {
    padding-left: 0;
    padding-right: 0;
} */
body.gradient.template-product.page- .home-multicolumn {
    max-width: 1500px;
}
.oke-reviewsTab.oke-reviewsTab--small-top-left.oke-reviewsTab--large-top-left {
    display: none !important;
}

/* -------------------------collapsible-content-css ---------------------*/
.collapsible-content-section {
    margin-top: 72px;
    margin-bottom: 72px;
    border-radius: 30px;
    padding-left: 70px;
    padding-right: 70px;
}
.product-accordion .accordion {
    border-top: 1px solid #ffffff4d;
    border-bottom: 1px solid #ffffff4d;
}
.product-accordion .accordion h3.accordion__title {
    font-size: 18px;
    line-height: normal;
}
.product-accordion .accordion summary {
    padding-top: 20px;
    padding-bottom: 20px;
}
.collapsible-content-section h2.collapsible-content__heading {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 34px;
}
.collapsible-content-wrapper-narrow {
    max-width: 100%!important;
    display: flex;
    justify-content: center;
    gap: 80px;
}
.contact__button {
    display: flex;
    justify-content: center;
}
.contact__button button.button {
    border-radius: 50px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Gotham' !important;
    text-transform: uppercase;
    letter-spacing: 0;
}
.contact__button button.button:after {
    box-shadow: none !important;
}
.collapsible-content-wrapper-narrow .collapsible-content__header {
    width: 50%;
}
.collapsible-content-wrapper-narrow .collapsible-content__grid--reverse {
    width: 50%;
}
.collapsible-content-section p.caption-with-letter-spacing {
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 16px;
    color: #000;
    max-width: 594px;
    line-height: 24px;
    font-family: 'Gotham' !important;
}
.collapsible-button {
    padding-top: 24px;
}
.collapsible-button a.delivery-button {
    font-size: 16px !important;
    padding: 10px 30px !important;
}
product-recommendations h2.related-products__heading.h2 {
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 20px;
    color: #242833;
    text-transform: uppercase;
    letter-spacing: -2px;
}

product-recommendations .card__inner {
    background-color: transparent !important;
}
product-recommendations h3.card__heading.h5 {
    font-size: 24px;
    color: #242833;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
}
product-recommendations .price__regular {
    font-size: 18px;
    color: #242833;
    font-weight: 600;
}
.conatct-us.banner h2 {
    font-size: 112px;
    font-weight: 600;
    line-height: 121px;
    text-transform: capitalize;
}
.conatct-us.banner .banner__text p {
    color: #fff;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Gotham' !important;
    max-width: 490px;
}

/*------------------------------------- bundle css ---------------------------------------*/
.bundle-builder__selected-items {
    display: flex;
    gap: 20px;
}
/* .bundle-builder__selected-item-wrapper {
    border-style: dashed;
    border-width: 1px;
    width: 90px;
    height: 133px;
    display: flex;
    justify-content: center;
    border-color: #fff;
    border-radius: 40%;
    align-items: center;
} */
button.bundle-builder__selected-item-delete {
    background: transparent;
    border: none;
}

section.bundle-banner .delivery-text h2 {
    color: #fff;
    font-weight: bold;
    font-size: 112px;
    max-width: 498px;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 115px;
    margin: 0;
}
section.bundle-banner ul.delivery-benefits li::marker {
    display: none !important;
    font-size: 0;
}
.an-cus-product-slide-wraper span.circle-chevron svg {
    width: 30px;
    height: 30px;
}
/* .text-lg {
    display: flex;
    align-items: center;
    justify-content: center;
} */
/* ---------------------------Build your own bundle ---------------------*/
section.bundle-banner .delivery-benefits li {
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gotham' !important;
    max-width: 700px;
}
.bundle-product-faq h3.accordion__title {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #fff;
}
.bundle-product-faq .accordion {
    border-top: 1px solid #ffffff6b;
    border-bottom: 1px solid #ffffff6b;
}
.bundle-product-faq summary {
    padding: 20px 0px !important;
}
.bundle-product-faq .accoding-icon {
    background-color: #ffffffb8;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 16px);
}
.bundle-product-faq svg.icon.icon-caret {
    right: 6px !important;
    height: 7px !important;
    top: calc(50% - 3px) !important;
}
.bundle-product-faq svg.icon.icon-caret path {
    fill: #202020;
}
.bundle-product-faq .accordion:hover .accoding-icon {
    background-color: #fff;
}
.bundle-product-faq .collapsible-content__grid--reverse {
    background-color: #202020;
    padding: 28px 48px;
    border-radius: 30px;
}
.bundle-product-faq .accordion:nth-of-type(1) {
    border-top: none !important;
}

.bundle-product-faq .accordion:last-child {
    border-bottom: none !important;
}
section.bundle-banner .delivery-text {
    padding-top: 60px;
    padding-bottom: 60px;
}
/*---------------------- subscription page--------------------------------- */
section.subscribe-page .delivery-text h2 {
    font-size: 100px;
    line-height: 104px;
    text-transform: uppercase;
    /* max-width: 330px; */
    margin: 0;
}
section.subscribe-page .delivery-benefits li::marker {
    font-size: 0 !important;
}
section.subscribe-page .delivery-benefits li {
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Gotham' !important;
    max-width: 460px;
}
.featured-product.product h2.product__title {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
}
.featured-product.product .price__regular {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Gotham' !important;
}
.featured-product.product span.price-item.price-item--regular {
    font-family: 'Gotham' !important;
}
.featured-product.product p.product__text.inline-richtext {
    font-family: 'Gotham' !important;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #3cb5c7;
}
.featured-product.product .product__info-wrapper.grid__item {
    padding-right: 0;
    padding-left: 20px !important;
}
.featured-product.product label.quantity__label.form__label {
    font-family: 'Gotham' !important;
    color: #3cb5c7;
    font-weight: 600;
    font-size: 16px;
}
.featured-product quantity-input.quantity {
    width: 100% !important;
    border: 2px solid #3cb5c7;
    border-radius: 50px;
    height: 54px;
}
.featured-product quantity-input.quantity:after {
    box-shadow: none;
}
.featured-product.product .product-form__buttons {
    max-width: 100% !important;
    border-radius: 50px;
    height: 54px;
}
.featured-product.product .product-form__buttons button.product-form__submit {
    border-radius: 50px;
    height: 54px;
    background-color: #3cb5c7;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Gotham' !important;
    border: 1px solid #3cb5c7;
}
.featured-product.product .product-form__input.product-form__quantity {
    max-width: 100% !important;
}
.featured-product.product .product-form__buttons button.product-form__submit:after {
    box-shadow: none;
    border: none;
}
.featured-product.product .product-form__buttons button.product-form__submit span {
    font-family: 'Gotham' !important;
}
.featured-product.product .product-form__buttons button.product-form__submit:hover {
    border: 2px solid #3cb5c7;
    background-color: transparent !important;
    color: #3cb5c7;
}
a.link.product__view-details.animate-arrow {
    font-family: 'Gotham' !important;
    color: #3cb5c7;
    font-weight: 500;
    font-size: 16px;
}
body.gradient.template-page.page-subscribe-save-20 .marquee-container {
    margin-top: 0px;
}
.subscription-product .collection__title {
    padding-left: 0;
}
.subscription-product .collection__title h2 {
    font-size: 48px;
    font-weight: 600;
    color: #3cb5c7;
}
.repeat-testimonials {
    background-color: #3cb5c7;
    padding: 25px;
    border-radius: 25px;
}
.review-testimoniall-section.page-width {
    padding: 0 !important;
}
.wrapping-testimonials {
    display: flex;
    gap: 20px;
}
.review-heading h2 {
    color: #3cb5c7;
    font-size: 48px;
    text-transform: uppercase;
    padding-bottom: 30px;
    margin: 0;
    font-weight: 700;
}
h2.testimonial-headings {
    font-family: 'Gotham' !important;
    font-size: 18px;
}
p.testimonial-texts {
    font-family: 'Gotham' !important;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}
.subscription-Collapsible .collapsible-content-wrapper-narrow {
    display: block;
}
.subscription-Collapsible .collapsible-content__header {
    width: 100%;
}
.subscription-Collapsible .collapsible-content__grid {
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
    background-color: #00a7c70d;
    border-radius: 30px;
    padding: 20px 48px;
}
.subscription-Collapsible p.caption-with-letter-spacing {
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 16px;
    color: #3cb5c7;
    line-height: 24px;
    font-family: 'Gotham' !important;
    padding-bottom: 40px;
    max-width: 100%;
}
.subscription-Collapsible h3.accordion__title {
    font-family: 'Gotham' !important;
    
}
.subscription-Collapsible summary {
    padding: 24px 0px !important;
}
.subscription-Collapsible .accoding-icon {
    background-color: #00a7c71a;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 16px);
}
.subscription-Collapsible .accoding-icon svg.icon.icon-caret {
    position: absolute;
    right: 7px !important;
    top: calc(50% - 4px);
    height: 8px;
}
.subscription-Collapsible .accordion:hover .accoding-icon {
    background-color: #00a7c7;
}
.subscription-Collapsible .accordion:hover svg.icon.icon-caret path {
    fill: #fff;
}
.subscription-Collapsible .accordion {
    border-top: 1px solid #00a7c740;
    border-bottom: 1px solid #00a7c740;
}
.subscription-Collapsible  .accordion:nth-of-type(1) {
    border-top: none;
}
.subscription-Collapsible .accordion:nth-of-type(6) {
    border-bottom: none;
}
.collage-images {
    display: flex;
    gap: 20px;
}
.collage-first-image {
    width: 25%;
}
.second-collage-images {
    width: 25%;
}
.third-collage-images {
    width: 50%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.second-collage-images img {
    width: 100%;
}
.third-collage-images img {
    width: 100%;
}
img.first-image {
    height: 250px;
}
img.secion-image {
    height: 250px;
    /* object-fit: cover; */
}
img.first-images {
    height: 520px;
}
.collage-first-image {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.collage-images img {
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
}
img.third-image {
    height: 250px;
}
img.fourth-images {
    height: 250px;
}
.subscription-Collapsible {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.subscription-Collapsible .collapsible-button {
    display: flex;
    justify-content: center;
}
.subscription-Collapsible .collapsible-button a.delivery-button {
    background-color: #3cb5c7;
    color: #fff;
    padding: 10px 36px !important;
    font-family: 'Gotham' !important;
    font-size: 16px !IMPORTANT;
    font-weight: 500;
}
.footer-multicolumn {
    padding: 0;
}
.footer-multicolumn slider-component.slider-mobile-gutter {
    padding: 70px 70px;
    background-color: #242833;
    border-radius: 30px;
}
.footer-multicolumn {
    margin-top: 0;
    margin-bottom: 80px;
}
.footer-multicolumn h3 {
    max-width: 300px;
    margin: 0 auto;
}
.footer-multicolumn p {
    margin: 0 auto;
    font-family: 'Gotham' !important;
    font-size: 16px;
}
.footer-multicolumn p a {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #fff;
}
.faq-accordion {
    /* background-color: #3cb5c7; */
    max-width: 1400px;
    padding-top: 60px;
    padding-bottom: 60px;
}
body.page-faq .collapsible-content-wrapper-narrow .collapsible-content__grid--reverse {
    width: 70%;
}
.faq-accordion h2 {
    text-align: left;
}
.faq-accordion h2.collapsible-content__heading {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 60px;
}
.faq-accordion h3 {
    font-family: 'Gotham' !important;
}
.faq-accordion .accoding-icon {
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 16px);
}
.faq-accordion .accoding-icon svg {
    right: 7px !important;
    height: 7px !important;
    top: calc(50% - 3px) !important;
}
.faq-accordion .accoding-icon svg path {
    fill: #3cb5c7;
}
.faq-accordion summary {
    padding: 24px 0px !important;
}
.faq-accordion .accordion {
    border-top: 1px solid #ffffff5e;
    border-bottom: 1px solid #ffffff5e;
}
.faq-accordion .accordion:nth-of-type(1) {
    border-top: none;
}
.faq-accordion .grid__item .accordion:last-child {
    border-bottom: none;
}
.multicolumn button.slider-button.slider-button--next {
    display: none;
}
.multicolumn button.slider-button.slider-button--prev {
    display: none;
}
body.page-faq .collapsible-content-wrapper-narrow {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
body.page-faq h2.collapsible-content__heading.inline-richtext {
    text-align: center;
}
/* -----------------------about us page------------------------------ */
.about-richtext h2 {
    font-size: 60px;
    font-weight: 600;
}
.about-richtext p {
    font-family: 'Gotham' !important;
    font-size: 20px;
    font-weight: 500;
    /* color: #3cb5c7; */
}
.about-video-section .video-block {
    width: 100%;
}
.about-video-section .video_one {
    height: 700px;
}
.about-video-section video.block-video {
    height: 700px !important;
}
.about-richtext .rich-text__wrapper .rich-text__blocks {
    max-width: 100rem !important;
}
button.play-button:before {
    content: "";
    box-sizing: content-box;
    top: -18px;
    left: -20px;
    padding: 20px;
    background: radial-gradient(50% 50% at 50% 50%, #ffffff00, #fff);
    opacity: .3;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    animation: 2s ease-in-out infinite alternate ping;
    position: absolute;
}


@keyframes ping {
    0% {
        transform: scale(1);
        opacity: 0.3;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
.about-banner.banner {
    max-width: 1400px;
    border-radius: 30px;
}
.about-banner.banner .banner__media {
    border-radius: 30px;
}
.home-multicolumn {
    margin-bottom: 70px;
}
.multicolumn-about ul.multicolumn-list {
    justify-content: center;
}
.multicolumn-about li.multicolumn-list__item {
    width: 20% !important;
    max-width: 20% !important;
}
body.gradient.template-page.page-about-us-1 .home-image-banner.banner--content-align-left.banner--content-align-mobile-center h2.banner__heading {
    font-size: 60px;
    font-weight: 600;
    /* max-width: 496px; */
    line-height: 60px;
    padding-bottom: 30px;
    text-transform: uppercase;
}
body.gradient.template-page.page-privacy-policy .page-width.page-width--narrow {
    max-width: 1400px;
}
body.gradient.template-page.page-privacy-policy h1.main-page-title.page-title.h0 {
    font-size: 68px;
    line-height: normal;
    font-weight: 600;
    color: #242833;
}
body.gradient.template-page.page-privacy-policy .rte p {
    font-family: 'Gotham' !important;
    color: #242833;
    font-size: 16px;
    font-weight: 400;
}
body.gradient.template-page.page-privacy-policy .rte {
    padding-bottom: 50px;
}
body.gradient.template-page.page-terms-conditions .page-width.page-width--narrow {
    max-width: 1400px;
}
body.gradient.template-page.page-terms-conditions h1.main-page-title.page-title.h0 {
    font-size: 68px;
    line-height: normal;
    font-weight: 600;
    color: #242833;
}
body.gradient.template-page.page-terms-conditions .rte {
    padding-bottom: 50px;
}
body.gradient.template-page.page-terms-conditions .rte p, a {
    font-family: 'Gotham' !important;
    color: #242833;
    font-size: 16px;
    font-weight: 400;
}
.delivery-text {
    padding-top: 0px;
    padding-bottom: 60px;
}
.featured-product media-gallery {
    display: flex!important;
    flex-direction: row-reverse;
    gap: 20px;
}
.featured-product slider-component.slider-mobile-gutter.ctm-products-slide {
    width: 90%;
}
.featured-product slider-component.thumbnail-slider.slider-mobile-gutter.quick-add-hidden.small-hide {
    width: 10%;
}
.featured-product ul.thumbnail-list.list-unstyled.slider.slider--mobile {
    display: flex;
    padding: .5rem;
    flex: 1;
}
.featured-product .thumbnail-list__item {
    height: 80px!important;
    max-width: 80px;
    width: 100%!important;
}
.featured-product .thumbnail[aria-current] {
    box-shadow: none !important;
    border-bottom: 2px solid;
}
.featured-product .thumbnail img {
    object-fit: contain !important;
    border-radius: 10px !important;
}
section.subscribe-page .delivery-button {
    background-color: #ffffff;
    color: #3cb5c7;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    max-width: 276px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #fff;
    font-family: 'Gotham' !important;
}
section.subscribe-page .delivery-button:hover {
    background-color: transparent;
    color: #fff;
}
.subscription-Collapsible .collapsible-button a.delivery-button:hover {
    border: 1px solid #3cb5c7;
    background-color: transparent;
    color: #3cb5c7;
}
.subscription-Collapsible .collapsible-button a.delivery-button {
    background-color: #3cb5c7;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    max-width: 276px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #fff;
    font-family: 'Gotham' !important;
}
/* ------------------------cart drawer css ----------------------------*/
a.cart-item__name.h4.break {
    color: #202020;
    font-size: 24px;
    font-weight: 400;
}
td.cart-item__details .product-option {
    color: #202020;
    font-family: 'Gotham' !important;
    font-size: 15px;
}
.totals h2.totals__total {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    color: #202020;
}
p.totals__total-value {
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    color: #202020;
}
small.tax-note.caption-large.rte {
    color: #202020;
    font-size: 14px;
}
button#CartDrawer-Checkout:after {
    box-shadow: none;
    border: none;
}
button#CartDrawer-Checkout {
    background-color: #202020;
    border-radius: 30px;
    font-family: 'Gotham' !important;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0;
}
quantity-input.quantity.cart-quantity:after {
    border: none;
    box-shadow: none;
}
quantity-input.quantity.cart-quantity {
    border: 1px solid #00a7c71f;
    border-radius: 50px;
}
button.quantity__button {
    color: #202020;
}
input.quantity__input {
    color: #202020;
    font-weight: 500;
}
span.price.price--end {
    color: #3cb5c7;
    font-weight: 500;
}
.cart-item__quantity-wrapper.quantity-popover-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
td.cart-item__totals.right {
    display: none;
}
tr.cart-item {
    position: relative;
}
td.cart-item__quantity {
    position: absolute;
    right: 0;
    top: 30px;
}
button.button.button--tertiary.cart-remove-button {
    font-family: 'Gotham' !important;
    color: #202020;
    font-size: 12px;
}
.product__title h1 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    color: #202020;
}
.product__info-wrapper span.price-item.price-item--regular {
    font-size: 24px;
    color: #202020;
    font-weight: 600;
}
.product__info-wrapper legend.form__label {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #202020;
}
.product__info-wrapper legend.form__label span {
    font-family: 'Gotham' !important;
    font-size: 15px;
    color: #202020;
}
.product__info-wrapper label.quantity__label.form__label {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #202020;
}
.product__info-wrapper quantity-input.quantity:after {
    box-shadow: none !important;
}
.product__info-wrapper quantity-input.quantity {
    border: 1px solid #202020;
    border-radius: 50px;
    width: 100%;
    height: 54px;
}
.product__info-wrapper button.product-form__submit.button.button--full-width.button--primary:after {
    box-shadow: none;
}
.product__info-wrapper button.product-form__submit.button.button--full-width.button--primary {
    background-color: #202020;
    height: 54px;
    border-radius: 50px;
}
.product__info-wrapper ul.icon-with-text span.h4.inline-richtext {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #202020;
}
.product__info-wrapper .product__accordion h2 {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #202020;
}
.product__info-wrapper button.product-form__submit.button.button--full-width.button--primary span {
    font-size: 18px;
    font-family: 'Gotham' !important;
}
/* .page-width.product-page.nugbuddy-mini span.h4.inline-richtext {
    color: #fff;
} */
span.accordion-icon {
    background-color: #202020;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
span.accordion-icon svg.icon.icon-caret {
    position: relative !important;
    right: 0 !important;
    top: unset;
    height: .7rem;
}
span.accordion-icon svg.icon.icon-caret path {
    fill: #fff;
}
th#CartDrawer-ColumnProduct {
    font-family: 'Gotham' !important;
    font-size: 12px;
    color: #202020;
}
th#CartDrawer-ColumnTotal {
    font-family: 'Gotham' !important;
    font-size: 12px;
    color: #202020;
}
h2.drawer__heading {
    font-size: 32px;
    font-weight: 600;
    color: #202020;
}
/*--------------------------------- cart page cs--------s */
body.gradient.template-cart.page- h1.title.title--primary {
    font-size: 40px;
    font-weight: 600;
    color: #202020;
    text-transform: uppercase;
}
body.gradient.template-cart.page- th.caption-with-letter-spacing {
    color: #202020;
    font-size: 16px;
    font-family: 'Gotham' !important;
}
body.gradient.template-cart.page- a.underlined-link {
    font-family: 'Gotham' !important;
    color: #202020;
}
button#checkout {
    background-color: #202020;
    font-family: 'Gotham' !important;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 30px;
}
button#checkout:after {
    box-shadow: none;
}
a.button.button--tertiary span.svg-wrapper svg.icon.icon-remove path {
    fill: #202020;
}
.js-contents a.button.button--tertiary {
    background-color: transparent !important;
}
h1.cart__empty-text {
    color: #202020;
    font-size: 40px;
    font-weight: 600;
}
h2.cart__login-title {
    font-family: 'Gotham' !important;
    color: #202020;
    font-size: 22px;
}
body.gradient.template-cart.page- a.button:after {
    box-shadow: none;
}

body.gradient.template-cart.page- a.button {
    background-color: #242833;
    border-radius: 30px;
}
p.cart__login-paragraph {
    color: #242833;
    font-family: 'Gotham' !important;
}
/* --------------------collection page css ---------------------------*/
body.gradient.template-collection.page- .collection-hero__image-container img {
    width: 100% !IMPORTANT;
    position: relative !important;
    height: 600px !IMPORTANT;
    object-fit: contain;
    max-width: 1200px;
    margin: 0 auto;
}
body.gradient.template-collection.page- .collection-hero__image-container {
    height: 100%;
    min-height: 100% !important;
    object-fit: cover;
}
body.gradient.template-collection.page- .collection-hero__inner .banner-button {
    padding-top: 50px;
}
body.gradient.template-collection.page- .collection-hero__inner {
    padding: 0 !important;
    background-color: #efeee9;
    border-radius: 30px;
    /* flex-direction: column; */
}
body.gradient.template-collection.page- .collection-hero__inner .banner-button a:hover {
    border: 1px solid #000;
    color: #000 !important;
}
body.gradient.template-collection.page- .collection-hero__text-wrapper h1 {
    color: #000;
    text-align: center;
    font-size: 64px;
    font-weight: 600;
}
h2#verticalTitle {
    font-family: 'Gotham' !important;
    font-size: 20px;
    color: #242833;
}
h2.facet-filters__label.caption-large label {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
select#SortBy {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
span#ProductCountDesktop {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
span.facets__summary-label {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
span.facet-checkbox__text {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
span.facet-checkbox__text-label {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
summary.facets__summary.caption-large.focus-offset span {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
body.gradient.template-collection.page-  span.facets__selected {
    font-family: 'Gotham' !important;
    font-size: 14px;
    color: #242833;
}
body.gradient.template-collection.page-  label.field__label {
    font-family: 'Gotham' !important;
    font-size: 14px;
    color: #242833;
}
body.gradient.template-collection.page-  span.field-currency {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
body.gradient.template-collection.page-  facet-filters-form svg.icon.icon-caret path {
    fill: #242833;
}
body.gradient.template-collection.page- facet-filters-form svg.icon.icon-caret {
    height: .9rem;
}
body.gradient.template-collection.page- .home-image-banner.banner .banner__text p {
    font-size: 24px;
    font-family: 'Gotham' !important;
    color: #fff;
    position: relative;
    top: -28px;
}
body.gradient.template-collection.page- .collection button.slider-button.slider-button--next {
    top: 24%;
}
body.gradient.template-collection.page- .collection button.slider-button.slider-button--prev {
    top: 24%;
}
/* ----------------------custom -product-------------------- */
.product__accordion .accordion__content.rte p {
    color: #000;
    font-size: 16px;
    font-family: 'Gotham' !important;
}
.collapsible-content-section.bundle-product-faq a.delivery-button:hover {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}
.product__accordion .accordion__content.rte ul li {
    font-family: 'Gotham' !important;
}

.product__accordion .accordion__content.rte ul li span {
    font-family: 'Gotham' !important;
}
.subscription-product .collection__title {
    padding-left: 0 !important;
}
.collapsible-content-section.bundle-product-faq .accordion__content.rte p {
    color: #fff;
    font-size: 14px;
    font-family: 'Gotham' !important;
}
.upsell-section {
    text-align: center;
    background-color: #e3e3e3;
    border-radius: 10px;
    padding: 30px 12px;
}

h3.upsell-title {
    text-align: left;
    padding-left: 20px;
    padding-bottom: 30px;
    font-size: 21px;
    font-family: 'Gotham' !important;
    margin-top: 0 !important;
}

.upsell-product-image {
    display: flex;
    justify-content: center;
}



ul.upsell-list.slick-slider.slick-initialized.slick-dotted {
    padding-left: 0;
}

.upsell-section button.slick-prev.slick-arrow {
    right: 59px;
    top: -19%;
    left: auto;
    cursor: pointer;
    position: absolute;
    color: #fff;
    font-weight: 700;
    transition: .6s ease;
    background-color: #242833 !important;
    border-radius: 50%;
    width: 24px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upsell-section button.slick-prev.slick-arrow:before {
    color: #fff !important;
    opacity: 1;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 33px;
}
.upsell-section button.slick-next.slick-arrow {
    right: 8px;
    top: -19%;
    left: auto;
    cursor: pointer;
    position: absolute;
    color: #fff;
    font-weight: 700;
    transition: .6s ease;
    background-color: #242833 !important;
    border-radius: 50%;
    width: 24px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

button.slick-next.slick-arrow:before {
    color: #fff !important;
    opacity: 1;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 33px;
}
.upsell-product-info a {
    font-family: 'Gotham' !important;
    text-decoration: none;
    font-size: 16px;
    min-height: 102px;
    display: flex;
    color: #000;
    text-align: center;
    justify-content: center;
    padding-top: 20px;
    font-weight: 500;
    line-height: 20px;
}
.upsell-product-image img {
    width: 100%;
    height: 142px;
    max-width: 142px;
    object-fit: contain;
}
.upsell-section {
    margin-top: 40px;
}
.upsell-section ul.slick-dots {
    display: none !important;
}
.upsell-product-price {
    font-family: 'Gotham' !important;
    text-decoration: none;
    font-size: 16px;
    display: flex;
    color: #000;
    justify-content: center;
    padding-bottom: 15px;
}
button.custom-upsell.button:after {
    box-shadow: none;
}
button.custom-upsell.button:hover:after {
    box-shadow: none;
}
button.custom-upsell.button {
    font-family: 'Gotham' !important;
    border-radius: 50px;
    font-size: 16px;
    height: 50px;
    width: 170px;
}
slideshow-component.image_banner-fo-mobile {
    display: none;
}
div#ProductGridContainer span.circle-chevron {
    display: none;
}
div#ProductGridContainer p.image-link-blocks__title a {
    background: #000;
    color: #fff;
    font-family: 'Gotham' !important;
    font-size: 12px !important;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 10px;
}
body.template-index.page- #instagenie-feed .h2 {
    font-size: 48px !important;
    letter-spacing: 0;
    color: #000;
    line-height: 48px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
    font-family: 'Gotham Condensed' !important;
    margin-bottom: 48px !important;
}
.instagenie-grid-container {
    height: 400px !important;
    border-radius: 24px !important;
}
.instagenie-grid-container img {
    height: 400px !important;
        border-radius: 24px !important;
}
.instagenie-overlay.video {
    height: 400px !important;
    border-radius: 24px !important;
}
.instagenie-overlay.video {
    border-radius: 24px !important;
}
.instagenie-overlay::after {
    border-radius: 24px !important;
}
body.template-index.page- .instagenie-branding {
    display: none !important;
}
body.template-index.page- #instagenie-feed {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
/* -----------------------------Media css-----------------------------*/
@media only screen and (max-width: 1440px) {
.banner-video-section .video-heading-block h2 {
    font-size: 88px;
    line-height: 91px;
}
}
@media only screen and (max-width: 1240px) {
span.text-section {
    font-size: 54px;
}
.image-section img {
    height: 4.5rem;
}
  .collection h3.card__heading.h5 {
    font-size: 16px;
}
.collection .price__regular {
    font-size: 15px;
}  
}

@media only screen and (max-width: 769px) {
.home-multicolumn {
    margin-left: 20px;
    margin-right: 20px;
}
span.mobile-facets__open-label.button-label {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
span.mobile-facets__open span.svg-wrapper svg path {
    fill: #242833;
}
span#ProductCount {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
h2.mobile-facets__heading.medium-hide.large-up-hide {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
p.mobile-facets__count {
    font-family: 'Gotham' !important;
    font-size: 12px;
    color: #242833;
}
summary.mobile-facets__summary.focus-inset span {
    font-family: 'Gotham' !important;
    font-size: 14px;
    color: #242833;
}
.mobile-facets__sort label {
    font-family: 'Gotham' !important;
    font-size: 14px;
    color: #242833;
}
select#SortBy-mobile {
    font-family: 'Gotham' !important;
    font-size: 14px;
    color: #242833;
} 
button.mobile-facets__close-button {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
button.mobile-facets__close-button span {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}
p.mobile-facets__info {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}  
a.mobile-facets__clear.underlined-link {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #242833;
}

.mobile-facets__footer button.button.button--primary {
    font-family: 'Gotham' !important;
    font-size: 16px;
    color: #fff;
    background-color: #242833;
    border-radius: 30px;
}

.mobile-facets__footer button.button.button--primary:after {
    box-shadow: none;
}  
  img.first-image {
    height: 185px;
}
  img.secion-image {
    height: 185px;
    /* object-fit: cover; */
}
  img.first-images {
    height: 390px;
}
  .third-collage-images {
    width: 100%;
}
.collage-images {
    flex-wrap: wrap;
}
.collage-first-image {
    width: 48%;
}
.second-collage-images {
    width: 46%;
}
  .wrapping-testimonials {
    flex-wrap: wrap;
}
.subscription-Collapsible .collapsible-content__grid {
    padding: 0px 20px;
}
span.text-section {
    font-size: 44px;
    line-height: 67px;
}
  .marquee-item span {
    font-size: 64px;
    line-height: 64px;
}
  .marquee-container {
    margin-top: 40px;
}
  section.video-slider-section {
    padding-top: 50px !IMPORTANT;
}
  .banner-video-section .video-heading-block h2 {
    font-size: 51px;
    line-height: 57px;
}
  .collapsible-content-wrapper-narrow {
    flex-direction: column;
}
  .collapsible-content-section {
    padding-left: 20px;
    padding-right: 20px;
}
  .collapsible-content-wrapper-narrow .collapsible-content__header {
    width: 100%;
}
  .collapsible-content-wrapper-narrow .collapsible-content__grid--reverse {
    width: 100%;
}
.bundle-product-faq .collapsible-content__grid--reverse {
    background-color: #242833!important;
    padding: 28px 20px;
    border-radius: 30px;
}
  .collapsible-content-wrapper-narrow {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
  .bundle-summary.bundle-builder__details.active {
    z-index: 999;
}
  .bundle-builder__selected-items {
    display: flex;
    gap: 1rem;
    padding: 2.5rem 1.5rem 1.375rem;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    overflow-x: auto;
    overflow-y: hidden;
}
.bundle-summary.bundle-builder__details.active {
    position: fixed;
    top: .5rem;
    left: .5rem;
    width: calc(100% - 1rem);
    height: calc(100% - 1rem);
    border-radius: 1rem;
    overflow: auto;
    z-index: 1000;
    background-color: #242833;
}
}
@media only screen and (max-width: 749px) {
.main-video-block.container {
    flex-direction: column;
}
 body.gradient.template-collection.page- .collection-hero__inner .banner-button {
    padding-top: 50px;
    text-align: center;
} 
  body.gradient.template-collection.page- .collection-hero__image-container img {
    height: 450px !IMPORTANT;
}
  .about-richtext p {
    font-size: 16px;
}
  slideshow-component.image_banner-fo-mobile {
    display: block;
}
  slideshow-component.image_banner-for-desktop {
    display: none;
}
  span.circle-chevron {
    display: none !important;
}
p.image-link-blocks__title a {
    background: #000;
    color: #fff;
    font-family: 'Gotham' !important;
    font-size: 12px !important;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 10px;
}
  .author-name h2 {
    padding-bottom: 0 !important;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
}
.drawer__inner {
  height: 100%;
  width: 66rem;
  max-width: calc(100vw - 0rem) !important;
}
 a.cart-item__name.h4.break {
    color: #202020;
    font-size: 16px;
} 
  td.cart-item__details .product-option {
    color: #202020;
    font-family: 'Gotham' !important;
    font-size: 14px;
}
 p.totals__total-value {
    font-size: 22px;
} 
  .totals h2.totals__total {
    font-size: 22px;
}
.upsell-section button.slick-prev.slick-arrow {
    left: 0;
    top: 44%;
    z-index: 9;
}
button.custom-upsell.button {
    font-family: 'Gotham' !important;
    border-radius: 50px;
    font-size: 14px;
    height: 30px;
    width: 127px;
    padding: 0;
    text-transform: uppercase;
}
  .upsell-product-info a {
    font-size: 14px;
}
  .upsell-product-price {
    font-size: 14px;
}
.upsell-section button.slick-next.slick-arrow {
    top: 44%;
    z-index: 9;
}
  body.gradient.template-page.page-about-us-1 .home-image-banner.banner--content-align-left.banner--content-align-mobile-center h2.banner__heading {
    font-size: 34px;
    line-height: 42px;
}
.footer-multicolumn {
    margin-left: 20px;
    margin-right: 20px;
}
  .footer-multicolumn .multicolumn-card__info {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
 .footer-multicolumn slider-component.slider-mobile-gutter {
    padding: 70px 20px;
} 
.about-banner {
    margin-left: 20px;
    margin-right: 20px;
}  
  h1.color-os {
    margin: 0;
    font-size: 32px !important;
    font-weight: 700;
}
 .about-richtext h2 {
    font-size: 34px;
    font-weight: 600;
}
  .about-video-section video.block-video {
    height: 434px !important;
}
  .about-video-section .video_one {
    height: 434px;
}
  .locker__container_mob img {
    width: 100%;
}
section.homepage_image-text-slider.mobile_view {
    padding-top: 60px;
}
section.homepage_image-text-slider.mobile_view h2 {
    font-size: 34px;
    font-weight: 600;
}
  p.image-link-blocks__title {
    margin-bottom: 0;
}
  .collection h3.card__heading.h5 a.full-unstyled-link {
    font-size: 20px;
}
  p.image-link-blocks__title a {
    font-size: 18px;
}
a.menu-drawer__menu-item.list-menu__item {
    color: #242833;
}
  .banner-video-section .main-video-block.container {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.video-section .main-video-block.container {
    margin-left: 0px;
    margin-right: 0;
}
summary.menu-drawer__menu-item.list-menu__item.link {
    color: #242833;
    font-size: 18px !important;
    font-family: 'Gotham' !important;
}
button.menu-drawer__close-button.link.link--text.focus-inset {
    font-family: 'Gotham' !important;
    font-size: 18px;
    color: #242833;
}
  .cart-drawer .cart-item__details {
    width: auto;
    grid-column: 2 / 5 !important;
}
.cart-item__quantity-wrapper.quantity-popover-wrapper {
    flex-direction: row;
    gap: 20px;
}
  td.cart-item__quantity {
    position: relative;
    right: 24px;
    top: unset;
}
  
  .wrapping-testimoniall {
    margin-left: 20px;
    margin-right: 20px;
}
.main-video-block.container {
    margin-left: 20px;
    margin-right: 20px;
}
.collapsible-content-section.bundle-product-faq {
    padding-left: 0 !important;
    padding-right: 0 !important;
}  
  body.gradient.template-page.page-faq .collapsible-content-wrapper-narrow {
    gap: 0px;
}
body.gradient.template-page.page-faq .faq-accordion h2.collapsible-content__heading {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    margin-bottom: 0;
    line-height: 36px;
}
.conatct-us.banner {
    margin-left: 20px;
    margin-right: 20px;
}
.faq-accordion {
    margin-left: 20px;
    margin-right: 20px;
}
footer.footer {
    margin-left: 20px;
    margin-right: 20px;
}  
  .marquee-item-list li {
    padding-right: 44px;

}
  .delivery-button {
    max-width: 250px;
    font-size: 14px;
}
  ul.marquee-item-list li {
    gap: 30px;
}
  .product-item h3 {
    font-size: 20px !important;
}
  .product-item .selected-option {
    font-size: 15px !important;
}
  .collection-title {
    font-size: 34px !important;
}
  .product-item .variant-picker {
    font-size: 15px !important;
    height: 40px;
}
  .product-item button {
    height: 40px;
    font-size: 15px !important;
}
  .product-item .variant-label {
    font-size: 16px;
}
  .product-item .product-price {
    font-size: 16px !important;
}
  section.bundle-banner .delivery-text {
    border-radius: 0px 0px 30px 30px;
}
  ul.delivery-benefits {
    padding-left: 0 !important;
}
button.bundle-builder__open-details.bg-custom svg path {
    stroke: #fff !important;
}
button.bundle-builder__open-details.bg-custom {
    position: sticky;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-radius: 3rem;
    z-index: 10;
    top: calc(var(--header-height) + 1rem);
    margin-right: 0px;
    margin-left: 0px;
}
  section.bundle-banner .delivery-container {
    gap: 0 !important;
    flex-direction: column-reverse;
}
  ul.delivery-benefits {
    padding-left: 0 !important;
}
  section.bundle-banner .delivery-text h2 {
    font-size: 36px;
    line-height: 40px;
}
  section.bundle-banner .delivery-image img {
    border-radius: 30px 30px 0px 0px;
}
  .banner-video-section .video-banner {
    border-radius: 0px 0px 30px 30px;
    height: 500px;
}
  .banner-video-section .video_one {
    height: 500px;
}
  .banner-video-section .video-heading-block h2 p {
    font-size: 50px;
    line-height: 52px;
}
  .banner-video-section .video-text-block {
    border-radius: 30px 30px 0px 0px;
    height: 330px;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
  .banner-video-section .video-heading-block {
    height: auto;
}
  .product-page.nugbuddy-mini button.slider-button span.svg-wrapper svg.icon.icon-caret {
    color: #fff;
    height: .9rem;
}
.product-page.nugbuddy-mini .slider-counter.caption {
    color: #fff;
}
.product-page.nugbuddy-mini .slider-counter.caption span {
    font-size: 12px;
}
.product-page.nugbuddy-mini .product__info-wrapper.grid__item {
    padding-top: 30px;
}
.product-page.nugbuddy-mini {
    border-radius: 0px;
}  
 .product-page.nugbuddy-mini .product__title h1 {
    font-size: 34px;
} 
  .product-page.nugbuddy-mini .product__info-wrapper.grid__item span.price-item.price-item--regular {
    font-size: 18px;
}
  .product-page.nugbuddy-mini legend.form__label2 {
    font-size: 18px;
}
  .product-page.nugbuddy-mini .product-form__input.product-form__quantity label.quantity__label {
    font-size: 18px;
}
  .delivery-container {
    flex-direction: column;
}
  .video-text-block {
    width: 100%;
}
  .video-block {
    width: 100%;
    border-radius: 30px;
}
  .an-cus-product-slider .slick-arrow.slick-prev {
    left: auto;
    right: 78px!important;
}
  .an-cus-product-slider .slick-arrow.slick-next {
    right: 29px;
}
.an-cus-product-slider .slick-arrow.slick-prev:before {
    left: 10px;
    top: 8px;
}
  .an-cus-product-slider .slick-arrow {
    width: 27px;
    height: 27px;
    top: 103%;

}
  .an-cus-product-slider .slick-arrow.slick-next:before {
    left: 7px;
    top: 8px;
}
.delivery-text {
    width: 100%;
    background-color: #242833;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 30px 30px 0 0;
    padding-left: 30px;
    padding-top: 30px;
    padding-bottom: 50px;
}
section.bottom-delivery .delivery-image img {
    border-radius: 0px 0px 30px 30px;
    max-width: 100%;
    height: auto !important;
}
  .delivery-image {
    width: 100%;
}
  .slideshow.banner.slideshow_video h2 {
    font-size: 40px;
    line-height: 50px;
}
span.text-section {
    font-size: 28px;
    line-height: 40px;
}
  .image-section img {
    height: 2rem;
}
  .video-text-block {
    gap: 10px;
    padding: 20px;
}
  .video-heading-block h2 {
    font-size: 24px;
    line-height: 33px;
    max-width: 100%;
}
  .video-text-block {
    height: 450px;
}
  video.block-video {
    height: 550px!important;
}
  /* button.play-button {
    top: 36% !important;
} */
  .video_one {
    height: 550px;
}
  .multicolumn .title-wrapper-with-link h2.title.inline-richtext {
    font-size: 24px;
    font-weight: 700;
}
  .banner {
    min-height: 48rem!important;
}
  .progress {
    max-width: 60%;
}
  .an-cus-product-slider .slick-arrow {
    top: 101%;
}
.video-slider-header h2 {
    font-size: 32px;
}
  .banner.page-width.banner--content-align-left.banner--content-align-mobile-center h2.banner__heading {
    font-size: 40px;
    max-width: 100%;
    line-height: 50px;
}
  .delivery-text h2 {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    max-width: 100%;
}
  .delivery-benefits li {
    margin-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
  .delivery-button {
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 700;
    max-width: 250px;
    font-size: 15px;
}
.wrapping-testimoniall h2.testimonial-heading {
    font-size: 14px !important;
    margin: 0 auto;
    line-height: 23px;
}
  .author-name h2 {
    padding-bottom: 0 !important;
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 600;
}
  .testimonial-image img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}
  .marquee-item img {
    width: 60px !important;
    height: 60px !important;
}
  section.video-slider-section {
    padding-top: 28px!important;
}
  .marquee-item span {
    font-size: 38px;
    line-height: 50px;
}
  .footer-block.grid__item.footer-block--menu {
    width: 48%;
}
.testimonial-image img {
    width: 46px;
    height: auto;
    object-fit: cover;
}
.footer__blocks-wrapper {
    display: flex !important;
}
.footer-block.grid__item:nth-of-type(1) {
    width: 100%;
}
  .footer-block.grid__item {
    margin-bottom: 0 !important;
}
.footer-block.grid__item.footer-block--menu {
    margin-top: 0 !important;
}
ul.footer-block__details-content.list-unstyled a.link.link--text.list-menu__item {
    font-size: 16px;
    padding-top: 0 !important;
    line-height: 22px;
}
  .footer__blocks-wrapper {
    padding-bottom: 0px;
}
  .newsletter-form {
    align-items: flex-start !important;
}
  .footer__copyright {
    text-align: left !important;
}
  .product__title h1 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
}
  .multicolumn-card__info h3.inline-richtext {
    font-size: 24px;
    line-height: 30px;
}
  section.subscribe-page .delivery-text h2 {
    font-size: 48px;
    line-height: 58px;
}
 .featured-product slider-component.slider-mobile-gutter.ctm-products-slide {
    width: 100%;
} 
  .featured-product media-gallery {
    display: flex!important;
    flex-direction: unset;
}
 .featured-product.product .product__info-wrapper.grid__item {
    padding-left: 0px !important;
}
 .popup-video {
    width: 100%;
    height: 450px;
    border-radius: 24px;
    object-fit: cover;
} 
.collection button.slider-button.slider-button--prev {
    left: -9px;
    top: 26%;
}  
.collection button.slider-button.slider-button--next {
    right: -9px;
    top: 26%;
}
  body.gradient.template-product.page- .collapsible-content-section {
    padding-left: 20px !IMPORTANT;
    padding-right: 20px !important;
}
.wrapping-testimonial button.slick-prev.slick-arrow {
     top: 63% !important;

}
.wrapping-testimonial button.slick-next.slick-arrow {
     top: 63% !important;
}
}
@media only screen and (max-width: 500px) {
.home-multicolumn ul.multicolumn-list li.multicolumn-list__item {
    max-width: 100%;
    width: calc(100% - var(--grid-mobile-horizontal-spacing) - 3rem) !important;
}
.subscription-product .collection__title h2 {
    font-size: 34px;
}
  .review-heading h2 {
    font-size: 34px;
}
  .an-cus-product-slide-top img {
    width: 100%;
    height: 400px;
}
  .banner-video-section .video-banner {
    height: 400px;
}
  .banner-video-section .video_one {
    height: 400px;
}
  .home-multicolumn .media.media--transparent {
    padding-bottom: 54% !important;
}
  .banner-video-section .video-text-block {
    height: 400px;
}
  .an-cus-product-slider .slick-arrow {
    top: 104%;
}
  .text-lg p {
    font-size: 32px;
    line-height: 31px;
}
  .bundle-builder__heading {
    font-size: 28px;
}
  .collection button.slider-button.slider-button--next {
    right: -9px;
    top: 38%;
}
  .collection button.slider-button.slider-button--prev {
    left: -9px;
    top: 38%;
}
}
@media only screen and (max-width: 425px) {
span.text-section {
    font-size: 22px;
    line-height: 32px;
}
}