/** Shopify CDN: Minification failed

Line 468:0 All "@import" rules must come first

**/


/* CSS from section stylesheet tags */
/* Main benefit section */

 .benefit-container {
    display: flex;
    max-width: 1440px;
    padding: 24px 24px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

 .main-benefit-section {
    background: #000000;
}

 .benefit-container>.col {
    display: flex;
    align-items: center;
    justify-content: center;
}

 .benefit-container>.col img {
    max-width: 36px;
    margin-right: 8px;
}

 .benefit-container .benefit-text {
    margin: 0px !important;
    color: #ffffff;
    font-family: "Unbounded", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 153.846% */
}

 .benefit-container>.col:not(:last-child) {
    margin-right: 20px;
}




@media screen and (max-width:1199px) {
     .benefit-container-outer {
        width: 100%;
        max-width: 267rem;
    }

     .benefit-container>.col:not(:last-child) {
        margin-right: 40px;
    }

     .benefit-container {
        display: flex;
        flex-wrap: nowrap;
        /* justify-content: flex-start; */
        width: 100%;
        overflow-x: auto;
        padding-bottom: 10px;
    }

     .benefit-container>.col {
        flex-direction: column;
        text-align: center;
        width: max-content;
        min-width: max-content;
    }

     .benefit-container>.col img {
        margin-right: 0px;
        margin-bottom: 8px;
    }

}


@media(max-width:768px){
   .benefit-container-outer {
        width: 100%;
        max-width: 267rem;
    }

     .benefit-container>.col {
        flex-direction: column;
    }

     .benefit-container>.col img {
        margin-right: 0px;
        margin-bottom: 8px;
    }

}
@media(min-width:768px) {

    
    .my-vida-img-with-text .content-wrapper .text .text-wrapper .join-btn a:hover {
        background-color: #000 !important;
        color: #fff !important;
    }
}
  
   .clean-commitment .sub-heading span {
        font-size: 14px;
    }

  .my-vida-img-with-text .content-wrapper {
    display: flex;
    justify-content: center;
    padding: 64px 20px 64px 20px;
    max-width: 1280px;
    margin: auto;

    /* gap: 50px; */

}

 .my-vida-img-with-text .content-wrapper .image {
    width: 50%;

}

 .my-vida-img-with-text .content-wrapper .image img {
    width: 100%;
    max-width: 640px;
    border-radius: 10px 0px 0px 10px;
}

 .my-vida-img-with-text .content-wrapper .text {
    display: flex;
    border-radius: 0px 10px 10px 0px;
    flex-direction: column;
    justify-content: center;
    width: 50%;
}

 .made-the-switch .content-wrapper .text {
    background: #FFFAED;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
}


 .my-vida-img-with-text .content-wrapper .text .text-wrapper {
    max-width: 512px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 15px;
}

 .my-vida-img-with-text .content-wrapper .text .text-wrapper .heading {
    color: var(--Black, #000);
    font-family: Piazzolla;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.8px;
}

 .my-vida-img-with-text .content-wrapper .text .text-wrapper .Proprietary-text {
    color: #000;
    font-family: Unbounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px;
}

 .my-vida-img-with-text .content-wrapper .text .text-wrapper .sub-heading {
    color: var(--Black, #000);
    font-family: Unbounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    padding-bottom: 8px;
    padding-top: 32px;
}

 .my-vida-img-with-text .content-wrapper .text .text-wrapper .join-btn a {
    margin: unset;
}

 .my-vida-img-with-text.clean-commitment .container {
    max-width: 1280px;
    margin: 64px auto;
    padding: 0px 60px;
    background: #F5FAE9;
    border-radius: 24px;

}
  .clean-commitment .sub-heading span {
    display: block;
    margin-bottom: 16px;
}

  

  @media(max-width:999px) {
    .my-vida-img-with-text .content-wrapper {
        flex-direction: column;
        justify-content: center;
        padding: 30px 15px;
        gap: 0;
    }

    .my-vida-img-with-text .content-wrapper .text .text-wrapper .Proprietary-text {
        margin-top: 24px;
    }


    .my-vida-img-with-text .content-wrapper .image img,
    .my-vida-img-with-text .content-wrapper .text .text-wrapper {
        max-width: inherit;
      width: 100%;
    }

    .my-vida-img-with-text .content-wrapper .image,
    .my-vida-img-with-text .content-wrapper .text {
        width: 100%;
    }

    .my-vida-img-with-text .content-wrapper .image img {
        border-radius: 10px 10px 0px 0px;
    }

    .my-vida-img-with-text .content-wrapper .text {
        border-radius: 0px 0px 10px 10px;
    }

}

  @media(max-width:768px){
     .my-vida-img-with-text .content-wrapper .text .text-wrapper .heading {
        font-size: 32px;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: -0.64px;
    }

    .my-vida-img-with-text.made-the-switch .content-wrapper {
        padding-bottom: 30px;
    }

    .my-vida-img-with-text .content-wrapper .text .text-wrapper .sub-heading {
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
    }


    .my-vida-img-with-text .content-wrapper .text .text-wrapper .sub-heading {
        padding-top: 16px;
    }

    .my-vida-img-with-text .content-wrapper .text .text-wrapper .join-btn a {
        padding: 12px 12px;
    }

    .my-vida-img-with-text.clean-commitment .container {
        padding: 0;
        margin: 0 auto 15px auto;
    }

    .my-vida-img-with-text.clean-commitment .container .text-wrapper {
        padding: 0;
    }

    .my-vida-img-with-text.clean-commitment {
        padding: 15px;
        margin: 15px 0;
    }

    .my-vida-img-with-text.clean-commitment .sub-heading {
        padding-bottom: 0 !important;
    }
    
  }
/* Myvida BEFORE AFTER section */

 .myvida_before_after {
    max-width: 1420px;
    margin: auto;
    padding: 64px 0px;
}

 .myvida_before_after .display_container .col {
    /* max-width: 50%; */
    max-width: 540px;
}

 .myvida_before_after .display_container .col img {
    width: 100%;
}

 .myvida_before_after .display_container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

 .myvida_before_after .star_img {
    max-width: 100px;
    width: 100%;
}

 .myvida_before_after .swiper-btn img {
    max-width: 50px;
    width: 100%;
}

 .myvida_before_after .swiper-btn::after {
    display: none;
}

 .myvida_before_after .swiper-button-prev {
    bottom: -26px;
    top: unset;
    left: 44%;
    transform: translate(-50%, -50%);
    max-width: 35px;
    width: 100%;
}

 .myvida_before_after .swiper-button-next {
    bottom: -26px;
    top: unset;
    right: 49%;
    transform: translate(-50%, -50%);
    max-width: 35px;
    width: 100%;

}

 .myvida_before_after .display_container .col .tags {
    display: flex;
    gap: 16px;
}

 .myvida_before_after .display_container h4 {
    color: var(--Black, #000);
    font-family: Unbounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 32px;
}


 .myvida_before_after .display_container .review_txt {
    color: var(--Black, #000);
    font-family: Piazzolla;
    font-size: 24px;
    font-style: italic;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.8px;
    margin: 0px 0px 10px 0px;
}

 .myvida_before_after .display_container .reviewer_name {
    color: var(--Green, #34A853);
    font-family: Unbounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0px;
}

 .myvida_before_after .display_container .col .tags {
    display: flex;
    gap: 16px;
    margin: 32px 0px;
}

 .myvida_before_after .display_container .col .tags p {
    color: var(--Black, #000);
    font-family: Unbounded;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin: 0px;
    border: 1px solid #E1E7E3;
    padding: 10px 16px;
    border-radius: 8px;
}

 .myvida_before_after .display_container .col .product_link {
    color: var(--Black, #000);
    font-family: Unbounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

 .myvida_before_after .display_container .col .product_link a {
    color: var(--Green, #34A853);
    font-family: Archivo;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    border-bottom: 1.5px solid #34A853;
}

 .myvida_before_after .display_container .col:nth-child(2) {
    width: 100%;
    max-width: 620px;
    padding: 0 0 80px 0;
}

    @media(max-width:768px){
       .myvida_before_after{
                 padding: 30px 18px 0 18px;
         
       }
       .myvida_before_after .display_container h4 {
        margin-bottom: 16px;
    }

    .myvida_before_after .display_container .review_txt {
        font-size: 18px;
        font-style: italic;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.6px;
    }

    .myvida_before_after .display_container .col .tags {
        margin: 16px 0px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .myvida_before_after .display_container {
        gap: 24px;
    }

    .myvida_before_after .display_container .col .tags p {
        padding: 8px 12px;
    }
      .myvida_before_after .swiper-button-next{
                right: 31% !important;
      }
      
    }
@import url('https://fonts.googleapis.com/css2?family=Piazzolla:ital,opsz,wght@0,8..30,100..900;1,8..30,100..900&family=Unbounded:wght@200..900&display=swap');

main .Slideshow--fullscreen {
    max-height: 560px !important;
}

  main#main {
    padding-top: 104px;
}

.flickity-slider .SectionHeader {
    max-width: 680px !important;
    opacity: 1 !important;
}

/* .flickity-slider .Slideshow__ImageContainer {
    opacity: 0;
    visibility: hidden;
}
 */
/* .flickity-slider .Slideshow__Slide {
    background-image: url('/cdn/shop/files/D3_Banner.jpg?v=1722684206');    
    background-size: stretched;
    background-position: center center;
}
 */
.hero-review-section {
    display: flex;
    align-items: center;
}

.hero-review-section .hero-review-stars {
    display: flex;
    margin-right: 8px;
}

.hero-review-section .hero-review-stars img:not(:last-child) {
    margin-right: 2px;
}

.hero-review-section .review-text {
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-family: "Unbounded", sans-serif;
    font-optical-sizing: auto;
}

.hero-content .hero-heading {
    color: #ffffff;
    font-family: Piazzolla, sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: -1.12px;
    margin-bottom: 40px;
    margin-top: 12px;
}

.button-container {
    max-width: 200px;
    margin-bottom: 48px !important;
}

  .button-container .shop-now-button,
.myvida_joint_pain .display_container .col a {
    width: 100%;
    display: flex;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    text-align: center;
    font-family: "Unbounded", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    border-color: #254f58 !important;
}

  footer form .Form__Submit:before,
.button-container .shop-now-button:before,
.myvida_joint_pain .display_container .col a:before {
    background-color: #254f58 !important;
}


  .hero-logo-section {
    display: flex;
    align-items: center;
}

.hero-logo-section .img-container img {
    width: 100%;
    max-width: 400px;
    max-height: 80vh;
}

.hero-logo-section .img-container img:not(:last-child) {
    margin-right: 24px;
}

.hero-logo-section p {
    margin-right: 24px;
    margin-bottom: 0px;
    color: #ffffff;
    font-family: Unbounded, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.hero-logo-section .img-container img[alt="US Today"] {
    max-width: 78px;
}

.hero-logo-section .img-container img[alt="FOX"] {
    max-width: 66px;
}

.hero-logo-section .img-container img[alt="Daily Hearld"] {
    max-width: 116px;
}
/* My vida Joint pain sectin CSS */

 .myvida_joint_pain {
    background: url("/cdn/shop/files/section.png?v=1714371207");
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

 .myvida_joint_pain .container {
    max-width: 1240px;
    margin: auto;
    overflow: hidden;
    padding: 64px 15px;
}


 .myvida_joint_pain .display_container {
    display: flex;
    justify-content: center;
    gap: 40px;
}

 .myvida_joint_pain .display_container .col {
    max-width: 50%;
    width: 100%;
}

 .myvida_joint_pain .display_container .col.img_col {
    position: relative;
    overflow: hidden;
}

 .myvida_joint_pain .slide_img img {
    width: 100%;
}

 .myvida_joint_pain .swiper-btn::after {
    display: none;
}

 .myvida_joint_pain .star_img {
    max-width: 100px;
    width: 100%;
}

 .myvida_joint_pain .swiper-btn img {
    max-width: 50px;
    width: 100%;
}

 .myvida_joint_pain ul {
    list-style: none;
}

 .myvida_joint_pain ul li:before {
    content: '';
    background: url(/cdn/shop/files/Vector_1.png?v=1714046972);
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}

 .myvida_joint_pain .display_container .col .review_txt {
    color: var(--Black, #000);
    font-family: Piazzolla;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.96px;
    margin-top: 8px;
    margin-bottom: 24px;

}

 .myvida_joint_pain .display_container .col p {
    color: var(--Black, #000);
    font-family: Unbounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    /* 171.429% */
}

 .myvida_joint_pain .display_container .col .list-heading {
    color: var(--Black, #000);
    font-family: Unbounded;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

 .myvida_joint_pain .display_container .col ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 8px;
}

 .myvida_joint_pain .display_container .col ul li {
    display: flex;
    gap: 8px;
    color: var(--Black, #000);
    font-family: Unbounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

 .myvida_joint_pain .display_container .col a {
    max-width: fit-content;
    width: 100%;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Green, #34A853);
    text-decoration: auto;
    color: var(--white, #FFF);
    text-align: center;
    font-family: Unbounded;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    display: block;
    margin-top: 40px;
}

 .myvida_joint_pain .display_container .col .rating {
    display: flex;
    gap: 8px;
}

 .myvida_joint_pain .display_container .col .rating p {
    display: contents;
    color: var(--Black, #000);
    font-family: Unbounded;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 171.429% */
}

 .myvida_joint_pain .swiper-btn {
    z-index: 4;
    top: 46%;
}



 .myvida_joint_pain .swiper-pagination-bullet-active {
    background: #34A853;
}


  @media(max-width:768px){
      .myvida_joint_pain .display_container {
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

      .myvida_joint_pain .display_container .col {
        max-width: 100%;
        width: 100%;
    }

     .display_container {
        flex-direction: column;
    }

     .col.img_col {
        order: -1;
    }

     .myvida_joint_pain .container {
        padding: 30px 15px;
    }

     .myvida_joint_pain .display_container .col .review_txt {
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -0.72px;
        margin-bottom: 20px;
    }

     .myvida_joint_pain .display_container .col a {
        margin-top: 20px;
        max-width: 100%;
    }

     .myvida_joint_pain {
        background: url(/cdn/shop/files/section_1.png?v=1714379043);
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }
       .myvida_joint_pain .display_container>.col .rating {
        padding-top: 20px;
    }

     .myvida_joint_pain .display_container .swiper-pagination {
        bottom: -32px;
    }
      .myvida_before_after .swiper-button-prev {
        left: 42%;
    }
       .myvida_joint_pain .display_container .col.img_col {
        overflow: inherit !important;
    }
    

     .swiper-pagination-fraction,
     .swiper-pagination-custom,
     .swiper-horizontal>.swiper-pagination-bullets,
     .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -25px;
    }

     .myvida_joint_pain .container {
        overflow: hidden;
    }  
  }
.stickyBanner {
    background-color: #Fff;
    margin: auto;
    padding: 0;
    top: 0;
    left: 50%;
    z-index: 999;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    width: 100%;
    max-width: 1460px;
    margin: auto;
    margin-bottom: 40px;
    position: fixed;
    width: 100%;
    transform: translateX(-50%);
    top: 145px;
}

.stickyBanner .stickyCloseIcon {
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 16px;
    cursor: pointer;
    z-index: 99;
    color: #000;
    font-weight: 700;
    font-family: 'Unbounded';
}

.stickyBanner .stickyBannerWrapper .custCtaWrapper p a {
    font-family: 'Unbounded';
    display: flex;
    align-items: center;
    width: 200px;
    min-width: 200px;
    height: 48px;
    background: #34A853;
    border-radius: 100px;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
}

.stickyBanner .stickyBannerWrapper {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    padding: 20px 24px;
    border-radius: 12px;
    background: linear-gradient(100deg, rgba(254, 247, 231, 0.16) 15.81%, rgba(56, 233, 103, 0.17) 44.27%), rgba(255, 235, 209, 0.86);
}

.stickyBanner .stickyBannerWrapper .custMainLeftSide {
    /* width: 68%; */
    /* margin-bottom: 0; */
    display: flex;
}




.stickyBannerWrapper .custMainLeftSide .img_container {
    max-width: 40px;
    margin-right: 15px;

}

.stickyBannerWrapper .custMainLeftSide .img_container img {
    width: 100%;



}

.stickyBanner .stickyBannerWrapper .custLeftSection .custBannerHeading span {
    color: #34A853;
}

.stickyBanner .stickyBannerWrapper .custLeftSection .custBannerHeading {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #000;
}



.stickyBanner .custBannerHeading p strong {
    font-weight: 500;
    color: #34A853;
}

.stickyBanner .stickyBannerWrapper .custLeftSection .custSubHeading {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Unbounded';
}

.stickyBanner .custSubHeading p {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
}

.stickyBanner .stickyBannerWrapper .img-wrapper {
    position: absolute;
    left: 20px;
    top: -28px;
    text-align: left;
}

.stickyBanner .stickyBannerWrapper .custCtaWrapper {
    position: relative;
    z-index: 9;
}

.stickyBannerWrapper .imgWrapper {
    position: absolute;
    left: 15px;
    top: 5px;
    text-align: left;
    width: 96px;
    bottom: 0;
    height: 96px;
}

.stickyBannerWrapper .imgWrapper img {
    width: 96px;
    height: 96px;
    object-fit: cover;
    object-position: center;
}

.stickyBannerWrapper .imgWrapper img.imgMobile {
    display: none;
}

.stickyBanner .custTrendingBadge {
    position: absolute;
    top: -25px;
    background: #fad951;
    z-index: 1;
    font-family: IBM Plex Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.05em;
    text-align: left;
    padding: 2.5px 16px;
    border-radius: 12px 12px 0 0;
    display: flex;
    gap: 0 8px;
    left: 50%;
    margin-left: -63px;
}

.stickyBanner .stickyBannerWrapper .custMainLeftSide .custLeftSection {
    align-items: flex-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
}


 [id*="pdp_sticky_header"].scrolled .stickyBanner {
    top: 100px;
}
  



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



    .stickyBanner .stickyBannerWrapper .img-wrapper img {
        max-width: 100%;
    }

    .stickyBanner .img-wrapper {
        right: 50px;
        bottom: 2px !important;
        max-width: 110px;
        top: auto !important;
        text-align: right;
        left: 0 !important;
    }

    .stickyBanner .stickyBannerWrapper .custLeftSection .custSubHeading {
        font-size: 13px;
        line-height: 16px;
    }

    .stickyBanner .stickyBannerWrapper .img-wrapper img {
        width: 90%;
    }

    .stickyBanner .stickyBannerWrapper .custLeftSection .custBannerHeading {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        padding-right: 0;

    }



    .stickyBanner .stickyBannerWrapper {
        align-items: center;
        width: 100%;
        padding: 10px 10px;
    }


    .stickyBanner {
        top: 110px;
        width: 95%;
    }

    [id*="pdp_sticky_header"]+div+.gh_pdp_007 {
        padding-top: 21px;
    }

    [id*="pdp_sticky_header"].scrolled .stickyBanner {
        top: 60px;

    }

    .stickyBanner .custBannerHeading p strong {
        display: block;
    }

    .stickyBannerWrapper .custMainLeftSide .img_container+.custLeftSection .custBannerHeading {
        text-align: left;
    }

}
/* A/b Test Announcement bar  */
  
  /* #fsb_container{
       display: none !important;
  }
   */
.AnnouncementBar__Wrapper .AnnouncementBar__Content,
.AnnouncementBar__Wrapper  #new_bar{
      display: inline-block;
   font-family: 'Unbounded';
    font-size: 14px;
    line-height: 16px;
}


 /*Top header Banner*/
   .AnnouncementBar__Wrapper .custTimer {
        background: #fff;
        color: #000;
        font-weight: 700;
        padding: 2px 10px;
        border-radius: 5px;
           margin-left: 10px;
    }


   .AnnouncementBar__Wrapper div#fsb_bar *,
   .AnnouncementBar__Wrapper div#fsb_bar {
        font-family: 'Unbounded' !important;
        font-weight: 400;
       margin-left: 6px;
    }

    div#fsb_bar * {
        font-weight: 600;
    }

  .AnnouncementBar__Wrapper .AnnouncementBar__Content p{
    display:inline;
  }

  
.custmaySaleEventStickly {
        background-color: #Fff;
        margin: auto;
        padding: 0;
        position: fixed;
        bottom: 15px;
        left: 50%;
        transform: translate(-50%);
        z-index: 999;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        width: 100%;
        max-width: 990px;
    
    }

    .custmaySaleEventStickly .custCloseIcon {
        position: absolute;
        top: 3px;
        right: 10px;
        font-size: 16px;
        /* padding: 5px 12px 8px; */
        border-radius: 100%;
        /* background-color: #fff; */
        cursor: pointer;
        /* box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15); */
        z-index: 99;
        color: #000;
        font-weight: 700;
        font-family: 'Unbounded';
    }

    .custmaySaleEventStickly .custStickyDCBundleWrapper .custCtaWrapper p a {
        font-family: 'Unbounded';
        display: flex;
        align-items: center;
        width: 200px;
        min-width: 200px;
        height: 48px;
        background: #34A853;
        border-radius: 100px;
        justify-content: center;
        color: #fff;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        cursor: pointer;
    }

    .custmaySaleEventStickly .custStickyDCBundleWrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
          padding: 20px 24px;
    }

    .custmaySaleEventStickly .custStickyDCBundleWrapper .custMainLeftSide {
        width: 68%;
        margin-bottom: 0;
      display:flex;
    }
  
.custStickyDCBundleWrapper .custMainLeftSide .img_container{
      max-width: 80px;
      margin-right:15px;
  
}
  .custStickyDCBundleWrapper .custMainLeftSide .img_container img{
      width: 100%;

    
  
}
    .custmaySaleEventStickly .custStickyDCBundleWrapper .custLeftSection .custBannerHeading span {
        color: #34A853;
    }

    .custmaySaleEventStickly .custStickyDCBundleWrapper .custLeftSection .custBannerHeading {
        font-family: 'Unbounded';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        color: #000;
    }



  .custmaySaleEventStickly .custBannerHeading p strong{
        font-weight: 500;
        color : #34A853;
  }

    .custmaySaleEventStickly .custStickyDCBundleWrapper .custLeftSection .custSubHeading {
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
         font-family: 'Unbounded';
    }

    .custSubHeading p {
        font-family: 'Unbounded';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #000000;
    }

    .custmaySaleEventStickly .custStickyDCBundleWrapper .img-wrapper {
        position: absolute;
        left: 20px;
        top: -28px;
        text-align: left;
    }

    .custmaySaleEventStickly .custStickyDCBundleWrapper .custCtaWrapper {
        position: relative;
        z-index: 9;
    }

    .custStickyDCBundleWrapper .imgWrapper {
        position: absolute;
        left: 15px;
        top: 5px;
        text-align: left;
        width: 96px;
        bottom: 0;
        height: 96px;
    }

    .custStickyDCBundleWrapper .imgWrapper img {
        width: 96px;
        height: 96px;
        object-fit: cover;
        object-position: center;
    }

    .custStickyDCBundleWrapper .imgWrapper img.imgMobile {
        display: none;
    }

    .custmaySaleEventStickly .custTrendingBadge {
        position: absolute;
        top: -25px;
        background: #fad951;
        z-index: 1;
        font-family: IBM Plex Sans;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0.05em;
        text-align: left;
        padding: 2.5px 16px;
        border-radius: 12px 12px 0 0;
        display: flex;
        gap: 0 8px;
        left: 50%;
        margin-left: -63px;
    }

    .custmaySaleEventStickly .custStickyDCBundleWrapper .custMainLeftSide .custLeftSection {
        align-items: flex-start;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

   

  

    @media only screen and (max-width: 991px) {
        .custmaySaleEventStickly {
            bottom: 5px;
            transition: bottom 0.8s;
            padding: 10px;
        }

      
        .custmaySaleEventStickly .custStickyDCBundleWrapper .img-wrapper img {
            max-width: 100%;
        }

        .custmaySaleEventStickly .img-wrapper {
            right: 50px;
            bottom: 2px !important;
            max-width: 110px;
            top: auto !important;
            text-align: right;
            left: 0 !important;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper .custLeftSection .custSubHeading {
            font-size: 13px;
            line-height: 16px;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper .img-wrapper img {
            width: 90%;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper .custLeftSection .custBannerHeading {
            margin-bottom: 5px;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper .custCtaWrapper {
            flex: 0 0 180px;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper .custCtaWrapper p {
            width: 100%;
            padding-left: 0px;
            margin-left: auto;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper {
            align-items: center;
            width: 100%;
              padding: 10px 0;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper .custMainLeftSide {
            width: 100%;
            display: flex;
            gap: 0;
        }

        .custmaySaleEventStickly::after {
            display: none;
        }

        .custmaySaleEventStickly::before {
            background-image: url(https://d27c6j8064skg9.cloudfront.net/growthHit/TRTL/test55/Recmob.png) !important;
            background-size: contain;
            width: 30%;
        }

        .custmaySaleEventStickly {
            width: 95%;
        }

        .custmaySaleEventStickly .img-wrapper .imgDesktop {
            display: none;
        }

        
    }

    @media(max-width:567px) {
      .AnnouncementBar__Wrapper #new_bar {
            display: block;
           text-align: left;
                   margin-top: 5px;
font-size: 12px;
      }
      .AnnouncementBar__Wrapper {
    padding: 8px 10px !important;
}
      .AnnouncementBar__Wrapper .custTimer{
       padding: 2px 6px;
       margin-left: 2px;
   }
      .AnnouncementBar__Wrapper .AnnouncementBar__Content{
               display: block;
      }
      .AnnouncementBar__Wrapper .AnnouncementBar__Content>p{
         text-align: left;
     
      }
      .AnnouncementBar__Wrapper #new_bar .dash{
          display:none;
      }
      .AnnouncementBar__Wrapper .AnnouncementBar__Content p strong{
      font-size: 16px;
        display:block;
}
.AnnouncementBar__Wrapper .AnnouncementBar__Content p {
      font-size: 12px;
   
  
}
      /* .AnnouncementBar__Wrapper .custTimer{
    margin-left: 0px;
     }  */
      
.custmaySaleEventStickly .custStickyDCBundleWrapper .custMainLeftSide .custLeftSection p{
       font-weight: 500;
}
.custmaySaleEventStickly .custStickyDCBundleWrapper {
          padding: 0px 0 !important;
  }
        .custBannerHeading {
            padding-right: 15px;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper .custLeftSection .custBannerHeading {
            font-weight: 700;
            font-size: 20px;
            line-height: 24px;
            margin: 0 0 2px;
        }

        .custStickyDCBundleWrapper .imgWrapper {
            flex: 0 0 80px;
            left: 4px;
            top: 14px;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper .custCtaWrapper {
            width: 100%;
            flex: 1;
            margin-top: 10px;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper {
            flex-direction: column;
        }

        .custmaySaleEventSticklyV1 .custStickyDCBundleWrapper .custLeftSection .custSubHeading {
            display: none;
        }

        .custStickyDCBundleWrapper .imgWrapper img.imgMobile {
            display: block;
        }

        .custStickyDCBundleWrapper .imgWrapper img.imgDesktop {
            display: none;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper .custCtaWrapper p a {
            width: 100%;
        }

        .custmaySaleEventStickly .custStickyDCBundleWrapper .custLeftSection .custBannerHeading a,
        .custmaySaleEventStickly .custStickyDCBundleWrapper .custLeftSection .custBannerHeading {
            line-height: 28px;
            font-size: 20px;
        }

       

        .custmaySaleEventStickly .custStickyDCBundleWrapper .custLeftSection .custBannerHeading a {
            display: inline-block;
        }
    }


    @media screen and (max-width: 500px) {
        .custmaySaleEventStickly .custStickyDCBundleWrapper .custLeftSection .custSubHeading {
            display: none;
        }
    }

    @media screen and (max-width: 375px) {
        .custDaySaleheading {
            font-size: 14px !important;
        }

        div#fsb_bar {
            text-align: left !important;
            font-size: 10px !important;
        }
    }
.customer-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.customer-content .video-details img {
    max-width: 84px;
    margin-right: 16px;
}

.customer-content .video-details {
    display: flex;
    align-items: center;
    padding: 8px 16px 8px 8px;
    cursor: pointer;
    border-radius: 100px;
    background: #F5FAE9;
}

.customer-content .video-details.first-video {
    margin-right: 28px;
}

.customer-content .video-details p {
    color: #000;
    text-align: left;
    font-family: Piazzolla, sans-serif;
    font-size: 24px;
    font-style: italic;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.48px;
}

.customer-stories-heading {
    margin-bottom: 40px;
    color: #000000;
    text-align: center;
    font-family: Piazzolla, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.8px;
}

.our-customer-stories-section {
    padding: 40px 15px;
}

/* popup */
.popupshow .video-popup {
    display: block;
}
 
.video-popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}

.video-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 360px;
}
 
.video-content video {
    width: 100%;
    border-radius: 20px;
}

.video-popup .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.40);
}

@media(max-width:768px) {
    .our-customer-stories-section .customer-content {
        flex-direction: column;
    }

    .customer-content .video-details.first-video {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .customer-content .video-details p {
        font-size: 20px;
    }

    .customer-content .video-details img {
        max-width: 72px;
    }
}