.text-danger
{
    color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important;
}
.dark-theme,.main-banner .main-product-row,.theme-bg {
    background:  #5fb19f;
}
.price-wrapper.main-price-wrapper{
    background: #ededed;
}
.banner-first-sub-head,.banner-second-sub-head,.main-price h2,h1,h2,h3,h4,h5,h6,li,p {
    font-family: 'Roboto Condensed',sans-serif
}
.price-wrapper.main-price-wrapper 
{
    color: #272727;
}
.accordion-button.collapsed::after,.footer-section li a, .bottles-count span {
    color: #fff
}

.countdown-text,.counter,.main-buy-now-caption,.retail-price p,.warning {
    text-align: center
}

h1,h2,h3,h4,h5,h6 {
    line-height: 1.1
}

li,p {
    font-size: 23px
}

h1 {
    font-weight: 800;
    font-size: 65px
}

.theme-color {
    color: #5fb19f;
}

 
.bg-gray {
    background: #fafafa
}

.faq-container,.ingredient-section,.plr-75 {
    padding: 0 75px
}

.d-none {
    display: none
}

.section-title h2 {
    font-size: 50px;
    font-family: Roboto Condensed,sans-serif;
    font-weight: bolder;
    line-height: 1.1
}

.section-sub-head h4,.section-title h3 {
    font-family: Roboto Condensed,sans-serif;
    line-height: 1.3
}

.section-title h3 {
    font-size: 42px;
    font-weight: bolder
}

.section-sub-head h4 {
    font-size: 28px
}

span.color {
    color: #830808
}

.warning-text {
    color: #ff0019;
    font-weight: 700
}

.top-header {
    background: radial-gradient(circle farthest-side at 0 50%,#030405 23.5%,rgba(240,166,17,0) 0) 12.6px 18px,radial-gradient(circle farthest-side at 0 50%,#232830 24%,rgba(240,166,17,0) 0) 11.4px 18px,linear-gradient(#030405 14%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 85%,#030405 0),linear-gradient(150deg,#030405 24%,#232830 0,#232830 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#232830 0,#232830 76%,#030405 0),linear-gradient(30deg,#030405 24%,#232830 0,#232830 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#232830 0,#232830 76%,#030405 0),linear-gradient(90deg,#232830 2%,#030405 0,#030405 98%,#232830 0) #030405;
    color: #fff;
    border-top: 5px solid #5fb19f;
    border-bottom: 5px solid #5fb19f;
    /* border-image: linear-gradient(45deg, #30b7e8, #5fb19f, #30b7e8, #5fb19f, #30b7e8) 1; */
    /* border-bottom: 5px solid; */
    /* border-image: linear-gradient(45deg, #828cbf, #5fb19f, #919ac7, #5fb19f, #30b7e8) 1; */
    padding-top: 7px;
    background-size: 24px 36px;
}

.main-banner {
    background-color: rgba(179,229,252,.12);
    padding: 30px 0
}

.aff-btn-1,.aff-btn-2,.aff-btn-3 {
    background-color: #5fb19f;
    font-weight: 700;
    font-family: Roboto Condensed,sans-serif
}

.banner-first-sub-head {
    font-size: 36px;
    font-weight: 700;
    color: #272727
}
.pre-headline {
   font-size: 30px;
   font-weight: 500;
   margin-bottom: 20px;
}
.pre-headline div
{
    background: #5fb19f;
    padding: 14px 50px;
    border-radius: 70px;
    color: #fff;
    width: 83%;
    margin: auto;
}
.banner-headline {
    font-size: 60px;     line-height: 70px;
    font-weight: 700
}

.banner-second-sub-head {
    font-size: 30px;
    font-weight: 700;
    line-height: 38px
}

.main-banner .main-product-row {
    border: 5px solid #5fb19f;
    border-radius: 15px;
    background: radial-gradient(circle farthest-side at 0 50%,#030405 23.5%,rgba(240,166,17,0) 0) 12.6px 18px,radial-gradient(circle farthest-side at 0 50%,#232830 24%,rgba(240,166,17,0) 0) 11.4px 18px,linear-gradient(#030405 14%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 85%,#030405 0),linear-gradient(150deg,#030405 24%,#232830 0,#232830 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#232830 0,#232830 76%,#030405 0),linear-gradient(30deg,#030405 24%,#232830 0,#232830 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#232830 0,#232830 76%,#030405 0),linear-gradient(90deg,#232830 2%,#030405 0,#030405 98%,#232830 0) #030405;
    background-size: 24px 36px;
}

.benefit-row,.counter div,.thats-why-row {
    border-radius: 10px
}

.protoflow-main-image {
    width: 50%;
}

.protoflow-review-image {
    width: 40%
}

.protoflow-certificate-image {
    width: 64%
}

.main-buy-now {
    width: 65%;
    cursor: pointer
}

.aff-btn-2,.aff-btn-3 {
    width: auto
}

.main-buy-now-caption {
    font-family: Roboto Condensed,sans-serif;
    font-weight: 700;
    line-height: 42px;
    font-size: 30px;
    color: #ffffff;
}

.counter {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 35px;
}

.counter div {
    background-color: #d00909;
    font-size: 35px;
    color: #fff;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin: 0 3px;
    line-height: 64px
}

.countdown-text {
    font-size: 11px;
    padding-top: 4px;
    color: #333
}
.main-countdown .countdown-text
{
    color: #fff
}
@keyframes animate-pulse {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.025)
    }
}

.animate-pulse {
    animation: 3s infinite animate-pulse
}

.aff-btn-3 {
    font-size: 30px;
    color: #fff;
    padding: 15px 25px
}

.aff-btn-1:hover,.aff-btn-2:hover,.aff-btn-3:hover,.buy-now-link:hover {
    background-color: #272727;
    color: #fff
}

.border-top {
    border-top: 4px solid  #272727!important
}

.aff-btn-2 {
    font-size: 36px;
    color: #fff;
    border: 4px solid  #272727;
    padding: 15px 55px
}

.aff-btn-1 {
    width: 100%;
    font-size: 39px;
    color: #fff
}

.warning {
    font-family: Roboto Condensed,sans-serif;
    background-color: #ffd54f;
    padding: 11px;
    font-size: 26px;
    color: #000;
}

.free-shipping,.per-bottle,.you-save {
    font-family: 'Roboto Condensed',sans-serif;
    font-weight: 700
}

.benefit-section,.thats-why-section {
    background: radial-gradient(circle farthest-side at 0 50%,#030405 23.5%,rgba(240,166,17,0) 0) 12.6px 18px,radial-gradient(circle farthest-side at 0 50%,#232830 24%,rgba(240,166,17,0) 0) 11.4px 18px,linear-gradient(#030405 14%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 85%,#030405 0),linear-gradient(150deg,#030405 24%,#232830 0,#232830 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#232830 0,#232830 76%,#030405 0),linear-gradient(30deg,#030405 24%,#232830 0,#232830 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#232830 0,#232830 76%,#030405 0),linear-gradient(90deg,#232830 2%,#030405 0,#030405 98%,#232830 0) #030405;
    padding: 110px 0 50px;
    background-size: 24px 36px;
}

.buy-now-link,.price-wrapper.main-price-wrapper .supply-days {
    background-color: #5fb19f;
}

.thats-why-logo {
    width: 25%;
    padding: 10px 0
}

.benefit-ponits li {
    list-style: inside;
    margin-bottom: 5px;
    border-bottom: 1px dashed #dfdfdf;
    padding: 10px 0
}

.product-price-section {
    padding: 0 65px; background: #f9f9f9;
}

.price-wrapper {
    border: 1px solid #eaeaea;
    padding: 25px 10px
}

.price-wrapper .bottles-count span {
    font-weight: bolder;
    font-size: 35px;
    color: #000
}

.price-wrapper .supply-days {
    background-color: #5fb19f;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    text-align: center;
    font-size: 23px
}
.price-wrapper .supply-days a
{ color: #fff;}
.price-wrapper .pro-image {
    margin: 30px 0
}

.price-wrapper .price-box {
    background-color: #f5f5f5;
    padding: 15px 10px;
    margin: 0 5px
}

.retail-price p {
    font-size: 23px;
    color: #000;
    font-weight: 700;
    margin-bottom: 3px
}

.cut-price {
    color: red;
    text-decoration: line-through
}

.sale-price {
    color: #397b21
}

.main-price h2 {
    font-weight: 700;
    font-size: 64px;
    color: #1b1b1b
}
.main-price h2 a
{
     color: #1b1b1b;
}
.per-bottle {
    font-size: 20px;
    color: #000
}

.free-shipping,.you-save {
    font-size: 23px
}

.free-shipping {
    color: #000
}

.you-save {
    margin-bottom: .5rem;
    color: red
}

.bonus-img {
    /*width: 70%;*/
    margin: 5px auto
}

.buy-now-link {
    color: #fff;
    font-weight: 700;
    width: 95%;
    font-family: Roboto Condensed,sans-serif;
    font-size: 30px;
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 10px 25px
}

.pay-online img {
    width: 46%
}

.best-offer-img {
    margin-top: -53px
}

.best-offer-img img {
    width: 75%
}

.footer-section ol li {
    list-style: disc;
    color: #fff
}

.protoflow-rating {
    width: 70%;
    margin: 5px 0
}

.accordion-button:not(.collapsed) {
    background-color: #f1f1f1!important;
    color: #000;
    font-size: 26px;
    font-weight: 600
}

.accordion-body {
    font-size: 22px; padding-left: 50px;
    font-family: 'Roboto Condensed'
}

.accordion-button {
    font-size: 26px!important;
    font-family: 'Roboto Condensed';
    font-weight: 900; 
    background-color: #f7f7f7
}

.gurantee-section,.ingredient-row {
    background-color: #fafafa;
    border-radius: 13px;
    box-shadow: 4px 4px 6px 0 #e3e3e3;
    margin-bottom: 11px
}

.accordion-item {
    padding: 0
}

.ingredient-row {
    padding: 40px 0 20px
}

.ingredirent-heading h4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    color: #000
}

.accordion-body ul li {
    list-style: none;
    padding: 10px 0
}

.gurantee-section {
    padding: 40px 75px 20px
}

.footer-section {
    padding: 50px 0; background-color: #222;
}

.footer-img {
    width: 40%;
    margin: auto
}

.footer-text p {
    font-size: 15px
}

.footer-section li {
    list-style: none;
    font-size: 15px;
    margin: 0 15px 0 0
}

@media (max-width: 767px) {
    .notification-text {
    font-weight: 600;
    line-height: 19px;
    font-size: 15px;
}
 
     .exit-intent-popup {
        width:85%;
    }
    .protoflow-main-image {
    width: 90%;
}
.protoflow-review-image {
    width: 60%;
}
.protoflow-certificate-image {
    width: 94%;
}
.pre-headline div
{
    padding: 5px 20px; width: 100%;
}
.pre-headline
{
    font-size:22px;
}
.main-buy-now-caption
{
    line-height: 32px;
}
    h1 {
        font-size:40px
    }

    .banner-first-sub-head,.banner-second-sub-head,.main-buy-now-caption,.section-title h3 {
        font-size: 26px
    }

    .banner-headline {
        font-size: 37px;
        line-height:45px;
    }

    .main-buy-now {
        width: 65%;
        margin-bottom: 20px
    }

    .counter div {
        font-size: 25px;
        width: 45px;
        height: 45px;
        line-height: 44px
    }

    .aff-btn-1,.aff-btn-2,.aff-btn-3 {
        font-size: 38px
    }

    .section-title h2 {
        font-size: 45px
    }

    .aff-btn-2 {
        padding: 15px 25px
    }

    .warning {
        font-size: 19px;
        font-weight: 600
    }

    .benfeit-row {
        padding: 1rem!important
    }

    .benfeit-row .col-lg-4 {
        margin-bottom: 30px
    }

    .benfeit-row ul,.faq-container .accordion-body ul {
        padding-left: 0
    }

    .faq-container,.gurantee-section,.gurantee-section .plr-75,.ingredient-section,.product-price-section,.when-click-section .plr-75 {
        padding: 0 25px
    }

    .product-price-section .price-wrapper {
        margin-bottom: 25px
    }

    .price-wrapper.main-price-wrapper {
        margin-top: 15px
    }

    .mid-bnr-section .col-lg-12 {
        padding: 15px!important
    }

    .ingredient-section .col-lg-12 {
        padding: 0 15px!important;
        margin-top: 40px
    }

    .section-sub-head h4 {
        font-size: 22px
    }

    .ingredient-text-box {
        margin-top: 15px;
        text-align: center
    }

    .when-click-section .col-lg-12 {
        padding: 0!important;
        margin-top: 35px
    }

    .footer-img {
        width: 75%;
        margin: auto
    }
}

@media (max-width: 576px) {
    .exit-intent-popup {
        width:85%;
    }
    h1 {
        font-size:28px
    }

    .banner-first-sub-head,.banner-second-sub-head,.main-buy-now-caption,.section-sub-head h4 {
        font-size: 22px
    }

    .banner-headline {
        font-size: 32px
    }

    .main-buy-now {
        width: 85%
    }

    .aff-btn-1,.aff-btn-2,.aff-btn-3 {
        font-size: 28px;
        line-height: 34px;
    }

    .section-title h2 {
        font-size: 34px
    }

    .aff-btn-2 {
        padding: 15px 25px
    }

    .warning {
        font-size: 19px;
        font-weight: 600
    }

    .benfeit-row {
        padding: 1rem!important
    }

    .benfeit-row .col-lg-4 {
        margin-bottom: 30px
    }

    .benfeit-row ul,.faq-container .accordion-body ul {
        padding-left: 0
    }

    .faq-container,.gurantee-section,.gurantee-section .plr-75,.ingredient-section,.product-price-section,.when-click-section .plr-75 {
        padding: 0 25px
    }

    .product-price-section .price-wrapper {
        margin-bottom: 25px
    }

    .price-wrapper.main-price-wrapper {
        margin-top: 15px
    }

    .mid-bnr-section .col-lg-12 {
        padding: 15px!important
    }

    .section-title h3 {
        font-size: 26px
    }

    .ingredient-section .col-lg-12 {
        padding: 0 15px!important;
        margin-top: 40px
    }

    .ingredient-text-box {
        margin-top: 15px;
        text-align: center
    }

    .when-click-section .col-lg-12 {
        padding: 0!important;
        margin-top: 35px
    }

    .footer-img {
        width: 75%;
        margin: auto
    }
}

.round-icon {
    border-radius: 50%;
    background-color: #000;
    background: #5fb19f;
    transition-duration: .5s;
    transition-property: color,box-shadow,background,border,border-color;
    width: 108px;
    height: 108px;
    line-height: 108px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.big-paddings {
    padding: 70px 5%;
}
.shadow-box2 {
    border-radius: 8px;
    box-shadow: 0 10px 40px -10px rgba(53,53,53,.54);
}
.icons-box p {
    margin-top: 24px;
    line-height: 23px!important;
    margin-bottom: 45px;
    color: var(--bs-gray-800);
    font-family: var(--bs-font-sans-serif);
}
.text-primary {
    --bs-text-opacity: 1;
    color: #5fb19f!important
}
.round-icon img {
    width: 65px!important;
    filter: brightness(1) invert(1.25) sepia(0) hue-rotate(162deg) saturate(300%);
}
.pattern-bg {
    background: radial-gradient(circle farthest-side at 0 50%,#030405 23.5%,rgba(240,166,17,0) 0) 12.6px 18px,radial-gradient(circle farthest-side at 0 50%,#232830 24%,rgba(240,166,17,0) 0) 11.4px 18px,linear-gradient(#030405 14%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 85%,#030405 0),linear-gradient(150deg,#030405 24%,#232830 0,#232830 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#232830 0,#232830 76%,#030405 0),linear-gradient(30deg,#030405 24%,#232830 0,#232830 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#232830 0,#232830 76%,#030405 0),linear-gradient(90deg,#232830 2%,#030405 0,#030405 98%,#232830 0) #030405;
    background-size: 24px 36px;
}
.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.text-brand-on-black {
    color: #5fb19f
}

/* Add your custom styles here */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Adjust the opacity as needed */
    z-index: 0;
}
.exit-intent-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.popup-content {
    text-align: center;
}
.close-btn
{
    float: right;
    color: #fff;
    background: #5fb19f;
    border: none;
    padding: 5px 12px;
    border-radius: 60px;
}
/* Add more styling as needed */


  .notification {
    position: fixed;
    bottom: 75px;
    left: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    display: none;
    max-width: 350px;
    height: 90px;
    overflow: hidden;
  }

  .notification img {
    float: left;
    margin-right: 10px;
    height: 60px;
    border-radius: 50%;
  }

  .notification-text {
    font-weight: bold;     line-height: 21px;
  }
  .blinking {
    animation: blink 2s infinite;
  }
  
  @keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
    
  /* bottles-left-container  CSS */
  
   .bottles-left-container {
    position: fixed;
    background: #fff;
   bottom: 5px;
    width: 60%;
    left: 21%;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
  }
  
  /* Progress BAR CSS */
  
   .progress-container {
       display:none;
    position: fixed;
    background: #fff;
   bottom: 5px;
    width: 60%;
    left: 21%;
    margin: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
  }
  
  .progress-bar {
    width: 0%; /* Initial width will be set dynamically */
   padding: 11px;
    text-wrap: balance;
    background-color: #5fb19f;
    text-align: center;
    color: white;
    line-height: 21px;
    font-size: 24px;
    font-weight: 700;
  }
 
 
.call_me {
   display:none;
}

 
@keyframes uptocallmini{
0% {
    transform: scale(1, 1);
    opacity: .5;
}

80% {
    opacity: 0;
    transform: scale(1.5, 1.5);
}
85% {
    transform: scale(.5, .5);
    opacity: 0;
}
100% {
    transform: scale(1, 1);
    opacity: .5;
}
}

.stock-counter {
     
    font-weight: 800;
    color: red;
}
.stock-count-text
{
    font-size:30px;
    padding-top:5px;
}

  
  @media (max-width: 767px) {
      .stock-count-text {
   font-size: 15px;
}
     
      #userCount {
         font-size: 15px;
    }
      .ingredient-img
      {
          width: 65%;
        margin: auto;
    }
      }
         .bottles-left-container
      {
    width: 90%;
    left: 4%;
      }
      .stock-count-text {
   font-size: 17px;
}
      
.call_me i {
 position: absolute !important;
    color: #fff;
    font-size: 19px;
    line-height: 18px;
    -webkit-animation: uptocallphone 1.5s linear infinite;
    -moz-animation: uptocallphone 1.5s linear infinite;
    animation: uptocallphone 1.5s linear infinite;
    position: relative;
    z-index: 10001;
    bottom: 14px;
    font-weight: 700;
    left: 1px;
}
.call_me {
    display:block;
    position: fixed;
    bottom: 25%;
    right: 30px;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 100000 !important;
    cursor: pointer;
}

.call_me, .call_me::before {
    background: #5fb19f;
}
.call_me::before {
    content: '';
    transform: scale(1, 1);
    opacity: .5;
    width: 60px;
    height: 60px;
    display: block;
    position: fixed;
     bottom: 25%;
    right: 30px;
    border-radius: 100%;
    z-index: 9999;
    animation: uptocallmini 1.5s infinite;
}
      
      
      .progress-container
      {
      width:96%;
      left: 2%;
      }
     .progress-bar
     {
        line-height: 21px; 
        font-size: 16px;
     }
  
     .test-person-img
     {
         margin:15px 0;
         width:150px;
         border-radius:50%;
     }
 
      #userCount {
         font-size: 17px;
    color: #000;
    font-weight: 600;
    }
    .dot {
      width: 10px;
    height: 10px;
    background-color: #22cf22;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    top: -2px;
    left: -2px;
    position: relative;
    animation: pulse 1s infinite alternate;
    }
    @keyframes pulse {
      0% {
        transform: scale(1);
      }
      100% {
        transform: scale(1.2);
      }
    }